@fiscozen/input 3.4.3 → 3.5.0

package/dist/input.umd.cjs

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`),require(`@fiscozen/alert`),require(`@fiscozen/icons`),require(`@fiscozen/button`),require(`@fiscozen/composables`)):typeof define==`function`&&define.amd?define([`exports`,`vue`,`@fiscozen/alert`,`@fiscozen/icons`,`@fiscozen/button`,`@fiscozen/composables`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.FzInput={},e.Vue,e._fiscozen_alert,e._fiscozen_icons,e._fiscozen_button,e._fiscozen_composables))})(this,function(e,t,n,r,i,a){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function o(e,n,r,i,a){let o={backoffice:`h-32`,frontoffice:`h-44`},s=(0,t.computed)(()=>{let t=i.value;return[e.variant?.value===`normal`?o[t]:o.frontoffice,v()]}),c=(0,t.computed)(()=>[`font-normal text-base mb-0`,e.disabled?.value||e.readonly?.value?`text-grey-300`:`text-grey-500`]),l={backoffice:`text-base`,frontoffice:`text-base`},u=(0,t.computed)(()=>e.variant?.value===`floating-label`?!r.value&&!a.value:!0),d=(0,t.computed)(()=>{let t=i.value;return e.variant?.value===`floating-label`?[l[t]]:[]}),f=(0,t.computed)(()=>[`font-normal text-base`,e.disabled?.value||e.readonly?.value?`text-grey-300`:`text-grey-500`]),p=(0,t.computed)(()=>[`font-normal text-base`,e.disabled?.value||e.readonly?.value?`text-grey-300`:`text-core-black`]),m=e=>!!e.error?.value,h=e=>!!e.disabled?.value||!!e.readonly?.value,g=e=>!!e.highlighted?.value,_=e=>!!e.aiReasoning?.value,v=()=>{switch(!0){case m(e):return`border-semantic-error-200 has-[:focus]:border-semantic-error-300 bg-core-white text-core-black cursor-text`;case h(e):return`bg-grey-100 border-grey-100 text-grey-300 cursor-not-allowed`;case g(e):return`bg-semantic-warning-50 border-semantic-warning-200 ring-2 ring-semantic-warning-100 text-core-black cursor-text`;case _(e):return`bg-purple-50 border-purple-600 ring-2 ring-purple-200 text-core-black cursor-text`;default:return`border-grey-200 has-[:focus]:border-blue-600 bg-core-white text-core-black cursor-text`}};return{staticContainerClass:`flex justify-between w-full items-center pl-[10px] pr-[10px] rounded border-1 border-solid gap-8 text-left relative outline-none`,computedContainerClass:s,computedLabelClass:c,staticInputClass:`peer w-full bg-transparent border-0 outline-none focus:outline-none cursor-[inherit] focus:ring-0 truncate placeholder:text-grey-300 disabled:text-grey-300 read-only:text-grey-300 font-normal text-base`,computedInputClass:d,computedHelpClass:f,computedErrorClass:p,showNormalPlaceholder:u}}var s={sm:`backoffice`,md:`backoffice`,lg:`frontoffice`},c=0;function l(e){return`${e}-${Date.now()-16e11}-${++c}`}function u(){return l(`fz-input`)}var d=[`id`,`for`],f=[`tabindex`],p={class:`flex flex-col justify-around min-w-0 grow`},m={key:0,class:`text-xs text-grey-300 grow-0 overflow-hidden text-ellipsis whitespace-nowrap`},h=[`type`,`required`,`disabled`,`readonly`,`placeholder`,`pattern`,`name`,`maxlength`,`autocomplete`,`aria-required`,`aria-invalid`,`aria-disabled`,`aria-labelledby`,`aria-describedby`,`aria-description`,`id`],g={class:`flex items-center gap-4`},_=[`id`],v=(0,t.defineComponent)({inheritAttrs:!1,__name:`FzInput`,props:(0,t.mergeModels)({id:{},label:{},environment:{default:`frontoffice`},size:{},placeholder:{},required:{type:Boolean},disabled:{type:Boolean},error:{type:Boolean,default:!1},leftIcon:{},leftIconVariant:{},leftIconButtonVariant:{},leftIconAriaLabel:{},rightIcon:{},rightIconClass:{},rightIconSize:{},rightIconVariant:{},rightIconButton:{type:Boolean},rightIconButtonVariant:{default:`invisible`},rightIconAriaLabel:{},secondRightIcon:{},secondRightIconClass:{},secondRightIconVariant:{},secondRightIconButton:{type:Boolean},secondRightIconButtonVariant:{default:`invisible`},secondRightIconAriaLabel:{},type:{default:`text`},valid:{type:Boolean},variant:{default:`normal`},pattern:{},name:{},readonly:{type:Boolean},highlighted:{type:Boolean,default:!1},highlightedDescription:{default:`Campo in evidenza`},aiReasoning:{type:Boolean,default:!1},aiReasoningDescription:{default:`Suggerito dall'intelligenza artificiale`},disableEmphasisReset:{type:Boolean,default:!1},maxlength:{},autocomplete:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},clearAriaLabel:{default:`Cancella`},leftIconClass:{}},{modelValue:{},modelModifiers:{}}),emits:(0,t.mergeModels)([`focus`,`blur`,`fzinput:left-icon-click`,`fzinput:right-icon-click`,`fzinput:second-right-icon-click`,`update:highlighted`,`update:aiReasoning`,`fzinput:clear`],[`update:modelValue`]),setup(e,{expose:a,emit:c}){let l=e,v=(0,t.useAttrs)(),y=(0,t.computed)(()=>{let{class:e,id:t,...n}=v;return n}),b=(0,t.computed)(()=>v.class);(0,t.watch)(()=>l.size,e=>{if(e!==void 0){let t=s[e];l.environment&&l.environment!==t?console.warn(`[FzInput] Both "size" and "environment" props are provided. "environment=${l.environment}" will be used and "size=${e}" will be ignored. Please remove the deprecated "size" prop.`):console.warn(`[FzInput] The "size" prop is deprecated and will be removed in a future version. Please use environment="${t}" instead of size="${e}".`)}},{immediate:!0}),(0,t.watch)(()=>l.rightIconSize,e=>{e!==void 0&&console.warn(`[FzInput] The "rightIconSize" prop is deprecated and will be removed in a future version. Icons now have a fixed size of "md". The provided value "${e}" will be ignored.`)},{immediate:!0});let x=(0,t.computed)(()=>l.environment?l.environment:l.size?s[l.size]:`frontoffice`),S=(0,t.useModel)(e,`modelValue`),C=(0,t.ref)(null),w=(0,t.ref)(null),T=u(),E=(0,t.computed)(()=>l.id||T),D=(0,t.ref)(!1),O=(0,t.ref)(l.highlighted),k=(0,t.ref)(l.aiReasoning);(0,t.watch)(()=>l.highlighted,e=>{O.value=e}),(0,t.watch)(()=>l.aiReasoning,e=>{k.value=e});let A=()=>{l.disableEmphasisReset||(O.value&&(O.value=!1,V(`update:highlighted`,!1)),k.value&&(k.value=!1,V(`update:aiReasoning`,!1)))},{staticContainerClass:j,computedContainerClass:M,computedLabelClass:N,staticInputClass:P,computedInputClass:F,computedHelpClass:I,showNormalPlaceholder:L}=o({...(0,t.toRefs)(l),highlighted:O,aiReasoning:k},C,S,x,D);(0,t.useSlots)();let R=(0,t.useSlots)(),z=(0,t.computed)(()=>{let e=!!l.label,t=!!R.label;if(e&&!t)return`${E.value}-label`}),B=(0,t.computed)(()=>{let e=[];return l.error&&R.errorMessage&&e.push(`${E.value}-error`),!l.error&&R.helpText&&e.push(`${E.value}-help`),e.length>0?e.join(` `):void 0}),V=c,H=()=>{!l.disabled&&!l.readonly&&w.value&&w.value.focus()},U=e=>{(e.key===`Enter`||e.key===` `)&&(e.target===e.currentTarget||e.target===C.value)&&(e.preventDefault(),H())},W=(e,t)=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),X.value||V(t===`fzinput:left-icon-click`?`fzinput:left-icon-click`:t===`fzinput:right-icon-click`?`fzinput:right-icon-click`:`fzinput:second-right-icon-click`))},G=()=>{X.value||V(`fzinput:left-icon-click`)},K=()=>{X.value||V(`fzinput:right-icon-click`)},q=()=>{X.value||V(`fzinput:second-right-icon-click`)},J=(0,t.computed)(()=>!!l.leftIcon),Y=(0,t.computed)(()=>J.value&&!!l.leftIconAriaLabel),X=(0,t.computed)(()=>!!l.disabled||!!l.readonly),Z=(0,t.computed)(()=>X.value||l.error?`text-grey-300`:`text-purple-600`),ee=(0,t.computed)(()=>{if(!(X.value||l.error)){if(O.value)return l.highlightedDescription;if(k.value)return l.aiReasoningDescription}}),te=(0,t.computed)(()=>!!l.rightIcon&&!l.rightIconButton),Q=(0,t.computed)(()=>te.value&&!!l.rightIconAriaLabel),ne=(0,t.computed)(()=>!!l.secondRightIcon&&!l.secondRightIconButton),$=(0,t.computed)(()=>ne.value&&!!l.secondRightIconAriaLabel),re=(0,t.computed)(()=>l.clearable&&!!S.value&&!X.value),ie=()=>{S.value=``,V(`fzinput:clear`),w.value?.focus()};return a({inputRef:w,containerRef:C}),(a,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`fz-input text-core-black w-full flex flex-col gap-8`,b.value])},[(0,t.renderSlot)(a.$slots,`label`,{},()=>[e.label?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,id:`${E.value}-label`,class:(0,t.normalizeClass)((0,t.unref)(N)),for:E.value},(0,t.toDisplayString)(e.label)+(0,t.toDisplayString)(e.required?` *`:``),11,d)):(0,t.createCommentVNode)(``,!0)]),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([(0,t.unref)(j),(0,t.unref)(M)]),ref_key:`containerRef`,ref:C,tabindex:X.value?void 0:0,onClick:H,onKeydown:U},[(0,t.renderSlot)(a.$slots,`left-icon`,{},()=>[e.leftIcon?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(r.FzIcon),{key:0,name:e.leftIcon,size:`md`,variant:e.leftIconVariant,role:Y.value?`button`:void 0,"aria-label":Y.value?e.leftIconAriaLabel:void 0,"aria-disabled":Y.value&&X.value?`true`:void 0,tabindex:Y.value&&!X.value?0:void 0,class:(0,t.normalizeClass)(e.leftIconClass),onClick:(0,t.withModifiers)(G,[`stop`]),onKeydown:o[0]||=e=>Y.value?e=>W(e,`fzinput:left-icon-click`):void 0},null,8,[`name`,`variant`,`role`,`aria-label`,`aria-disabled`,`tabindex`,`class`])):k.value&&!O.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(r.FzIcon),{key:1,name:`sparkles`,variant:`fas`,size:`md`,"aria-hidden":`true`,class:(0,t.normalizeClass)(Z.value)},null,8,[`class`])):(0,t.createCommentVNode)(``,!0)]),(0,t.createElementVNode)(`div`,p,[(0,t.unref)(L)?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`span`,m,(0,t.toDisplayString)(e.placeholder),1)),(0,t.withDirectives)((0,t.createElementVNode)(`input`,(0,t.mergeProps)({type:e.type,required:e.required,disabled:e.disabled,readonly:e.readonly,placeholder:(0,t.unref)(L)?e.placeholder:``,"onUpdate:modelValue":o[1]||=e=>S.value=e,ref_key:`inputRef`,ref:w,class:[(0,t.unref)(P),(0,t.unref)(F)],pattern:e.pattern,name:e.name,maxlength:e.maxlength,autocomplete:e.autocomplete?`on`:`off`,"aria-required":e.required?`true`:`false`,"aria-invalid":e.error?`true`:`false`,"aria-disabled":X.value?`true`:`false`,"aria-labelledby":z.value,"aria-describedby":B.value,"aria-description":ee.value},y.value,{id:E.value,onInput:A,onBlur:o[2]||=e=>{D.value=!1,a.$emit(`blur`,e)},onFocus:o[3]||=e=>{D.value=!0,a.$emit(`focus`,e)}}),null,16,h),[[t.vModelDynamic,S.value]])]),(0,t.createElementVNode)(`div`,g,[re.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(i.FzIconButton),{key:0,iconName:`xmark`,size:`md`,variant:`invisible`,ariaLabel:e.clearAriaLabel,onClick:(0,t.withModifiers)(ie,[`stop`])},null,8,[`ariaLabel`])):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(a.$slots,`right-icon`,{},()=>[e.secondRightIcon&&!e.secondRightIconButton?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(r.FzIcon),{key:0,name:e.secondRightIcon,size:`md`,variant:e.secondRightIconVariant,role:$.value?`button`:void 0,"aria-label":$.value?e.secondRightIconAriaLabel:void 0,"aria-disabled":$.value&&X.value?`true`:void 0,tabindex:$.value&&!X.value?0:void 0,class:(0,t.normalizeClass)(e.secondRightIconClass),onClick:(0,t.withModifiers)(q,[`stop`]),onKeydown:o[4]||=e=>$.value?e=>W(e,`fzinput:second-right-icon-click`):void 0},null,8,[`name`,`variant`,`role`,`aria-label`,`aria-disabled`,`tabindex`,`class`])):(0,t.createCommentVNode)(``,!0),e.secondRightIcon&&e.secondRightIconButton?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(i.FzIconButton),{key:1,iconName:e.secondRightIcon,size:`md`,iconVariant:e.secondRightIconVariant,variant:X.value?`invisible`:e.secondRightIconButtonVariant,onClick:(0,t.withModifiers)(q,[`stop`]),class:(0,t.normalizeClass)([{"bg-grey-100 !text-grey-300":X.value},e.secondRightIconClass])},null,8,[`iconName`,`iconVariant`,`variant`,`class`])):(0,t.createCommentVNode)(``,!0),e.rightIcon&&!e.rightIconButton?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(r.FzIcon),{key:2,name:e.rightIcon,size:`md`,variant:e.rightIconVariant,role:Q.value?`button`:void 0,"aria-label":Q.value?e.rightIconAriaLabel:void 0,"aria-disabled":Q.value&&X.value?`true`:void 0,tabindex:Q.value&&!X.value?0:void 0,class:(0,t.normalizeClass)(e.rightIconClass),onClick:(0,t.withModifiers)(K,[`stop`]),onKeydown:o[5]||=e=>Q.value?e=>W(e,`fzinput:right-icon-click`):void 0},null,8,[`name`,`variant`,`role`,`aria-label`,`aria-disabled`,`tabindex`,`class`])):(0,t.createCommentVNode)(``,!0),e.rightIcon&&e.rightIconButton?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(i.FzIconButton),{key:3,iconName:e.rightIcon,size:`md`,iconVariant:e.rightIconVariant,variant:X.value?`invisible`:e.rightIconButtonVariant,onClick:(0,t.withModifiers)(K,[`stop`]),class:(0,t.normalizeClass)([{"bg-grey-100 !text-grey-300":X.value},e.rightIconClass])},null,8,[`iconName`,`iconVariant`,`variant`,`class`])):(0,t.createCommentVNode)(``,!0),e.valid?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(r.FzIcon),{key:4,name:`check`,size:`md`,class:`text-semantic-success`,"aria-hidden":`true`})):(0,t.createCommentVNode)(``,!0)])])],42,f),e.error&&a.$slots.errorMessage?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.FzAlert),{key:0,id:`${E.value}-error`,role:`alert`,tone:`error`,variant:`text`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(a.$slots,`errorMessage`)]),_:3},8,[`id`])):a.$slots.helpText?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:1,id:`${E.value}-help`,class:(0,t.normalizeClass)([(0,t.unref)(I)])},[(0,t.renderSlot)(a.$slots,`helpText`)],10,_)):(0,t.createCommentVNode)(``,!0)],2))}}),y={class:`flex items-center gap-4`},b={class:`flex flex-col justify-between items-center`};e.FzCurrencyInput=(0,t.defineComponent)({__name:`FzCurrencyInput`,props:(0,t.mergeModels)({modelValue:{},nullOnEmpty:{type:Boolean},zeroOnEmpty:{type:Boolean},minimumFractionDigits:{default:2},maximumFractionDigits:{default:2},min:{default:-1/0},max:{default:1/0},step:{default:1},forceStep:{type:Boolean},stepUpAriaLabel:{},stepDownAriaLabel:{},id:{},label:{},environment:{},size:{},placeholder:{},required:{type:Boolean},disabled:{type:Boolean},error:{type:Boolean},leftIcon:{},leftIconVariant:{},leftIconButtonVariant:{},leftIconAriaLabel:{},valid:{type:Boolean},variant:{},pattern:{},name:{},readonly:{type:Boolean},highlighted:{type:Boolean},highlightedDescription:{},aiReasoning:{type:Boolean},aiReasoningDescription:{},disableEmphasisReset:{type:Boolean},maxlength:{},autocomplete:{type:Boolean},clearable:{type:Boolean},clearAriaLabel:{},leftIconClass:{}},{modelValue:{},modelModifiers:{}}),emits:(0,t.mergeModels)([`fzcurrencyinput:clear`],[`update:modelValue`]),setup(e,{expose:n,emit:i}){let o=(0,t.ref)(),s=(0,t.ref)(),c=(0,t.computed)(()=>o.value?.containerRef),l=(0,t.computed)(()=>o.value?.inputRef),u=(0,t.ref)(!1),d=e,f=i,p=(0,t.useModel)(e,`modelValue`),m=!1,h=()=>{if(d.nullOnEmpty)return null;if(d.zeroOnEmpty)return 0},g=(e,t)=>e?t?``:(0,a.format)(0,{minimumFractionDigits:d.minimumFractionDigits,maximumFractionDigits:d.maximumFractionDigits,roundDecimals:!1,useGrouping:!0}):``,_=(0,t.computed)(()=>d.stepUpAriaLabel?d.stepUpAriaLabel:`Incrementa di ${d.step}`),x=(0,t.computed)(()=>d.stepDownAriaLabel?d.stepDownAriaLabel:`Decrementa di ${d.step}`),S=(0,t.computed)(()=>d.readonly||d.disabled),C=e=>{let t=e.replace(/[^0-9.,-]/g,``),n=t.startsWith(`-`);t=t.replace(/-/g,``),t=t.replace(/\./g,`,`);let r=t.indexOf(`,`);if(r!==-1){let e=t.substring(0,r),n=t.substring(r+1).replace(/,/g,``);t=e+`,`+n}return n?`-`+t:t},w=e=>{if(!(e.ctrlKey||e.metaKey||e.altKey||[`Backspace`,`Delete`,`ArrowLeft`,`ArrowRight`,`ArrowUp`,`ArrowDown`,`Tab`,`Enter`,`Home`,`End`].includes(e.key))){if(e.key===`-`){let t=e.target,n=t.selectionStart??0,r=(t.selectionEnd??0)-n,i=t.value.length;n!==0&&r!==i&&e.preventDefault();return}/^[0-9.,]$/.test(e.key)||e.preventDefault()}},T=e=>{if(d.readonly||d.disabled)return;e.preventDefault();let t=e.clipboardData?.getData(`text`)||``;if(!t)return;let n=(0,a.parse)(t);if(!isNaN(n)&&isFinite(n)){let e=(0,a.truncateDecimals)(n,d.maximumFractionDigits);m=!0,p.value=e,m=!1,s.value=C(String(e))}},E=e=>{if(!e){let e=h();m=!0,p.value=e,m=!1,s.value=``;return}let t=C(e);s.value=t;let n=(0,a.parse)(t);if(!isNaN(n)&&isFinite(n)){let e=(0,a.truncateDecimals)(n,d.maximumFractionDigits);m=!0,p.value=e,m=!1}else m=!0,p.value=h(),m=!1},D=()=>{if(d.readonly||d.disabled)return;u.value=!1;let e=k(p.value);if(e==null){let e=h();p.value!==e&&(m=!0,p.value=e,m=!1),s.value=g(e===0,!1);return}let t=e;d.forceStep&&(t=(0,a.roundTo)(d.step,t)),t=(0,a.clamp)(d.min,t,d.max),t!==e&&(m=!0,p.value=t,m=!1),s.value=(0,a.format)(t,{minimumFractionDigits:d.minimumFractionDigits,maximumFractionDigits:d.maximumFractionDigits,roundDecimals:!1,useGrouping:!0})},O=()=>{if(d.readonly||d.disabled)return;u.value=!0;let e=k(p.value);e!==void 0&&(s.value=(0,a.format)(e,{minimumFractionDigits:d.minimumFractionDigits,maximumFractionDigits:d.maximumFractionDigits,roundDecimals:!1,useGrouping:!0}).replace(/\./g,``))},k=e=>{if(e==null||e===``)return e===null?null:void 0;if(typeof e==`number`)return e;if(typeof e==`string`){console.warn(`[FzCurrencyInput] String values in v-model are deprecated. Please use number instead. Received: "${e}". This will be parsed to a number for retrocompatibility, but string support may be removed in a future version.`);let t=(0,a.parse)(e);return isNaN(t)?void 0:t}},A=()=>{if(d.readonly||d.disabled)return;let e=k(p.value),t=(0,a.truncateDecimals)((e??0)+d.step,d.maximumFractionDigits),n=(0,a.clamp)(d.min,t,d.max);m=!0,p.value=n,m=!1,s.value=(0,a.format)(n,{minimumFractionDigits:d.minimumFractionDigits,maximumFractionDigits:d.maximumFractionDigits,roundDecimals:!1,useGrouping:!0})},j=()=>{if(d.readonly||d.disabled)return;let e=k(p.value),t=(0,a.truncateDecimals)((e??0)-d.step,d.maximumFractionDigits),n=(0,a.clamp)(d.min,t,d.max);m=!0,p.value=n,m=!1,s.value=(0,a.format)(n,{minimumFractionDigits:d.minimumFractionDigits,maximumFractionDigits:d.maximumFractionDigits,roundDecimals:!1,useGrouping:!0})};return(0,t.onMounted)(()=>{let e=p.value;if(e==null){let t=h();e!==t&&(m=!0,p.value=t,m=!1),s.value=g(t===0,!1);return}if(typeof e==`number`){let t=(0,a.truncateDecimals)(e,d.maximumFractionDigits);d.forceStep&&(t=(0,a.roundTo)(d.step,t)),t=(0,a.clamp)(d.min,t,d.max),t!==e&&(m=!0,p.value=t,m=!1),s.value=(0,a.format)(t,{minimumFractionDigits:d.minimumFractionDigits,maximumFractionDigits:d.maximumFractionDigits,roundDecimals:!1,useGrouping:!0});return}if(typeof e==`string`){let t=k(e);if(t!=null){let e=(0,a.truncateDecimals)(t,d.maximumFractionDigits);d.forceStep&&(e=(0,a.roundTo)(d.step,e)),e=(0,a.clamp)(d.min,e,d.max),m=!0,p.value=e,m=!1,s.value=(0,a.format)(e,{minimumFractionDigits:d.minimumFractionDigits,maximumFractionDigits:d.maximumFractionDigits,roundDecimals:!1,useGrouping:!0})}else{let e=h();m=!0,p.value=e,m=!1,s.value=g(e===0,!1)}return}}),(0,t.watch)(()=>p.value,e=>{if(!m){if(e==null){let t=h();e!==t&&(m=!0,p.value=t,m=!1),s.value=g(t===0,u.value);return}if(typeof e==`number`){let t=(0,a.truncateDecimals)(e,d.maximumFractionDigits);d.forceStep&&(t=(0,a.roundTo)(d.step,t)),u.value||(t=(0,a.clamp)(d.min,t,d.max)),t!==e&&(m=!0,p.value=t,m=!1),u.value||(s.value=(0,a.format)(t,{minimumFractionDigits:d.minimumFractionDigits,maximumFractionDigits:d.maximumFractionDigits,roundDecimals:!1,useGrouping:!0}));return}if(typeof e==`string`){let t=k(e);if(t!=null){let e=(0,a.truncateDecimals)(t,d.maximumFractionDigits);d.forceStep&&(e=(0,a.roundTo)(d.step,e)),u.value||(e=(0,a.clamp)(d.min,e,d.max)),m=!0,p.value=e,m=!1,u.value||(s.value=(0,a.format)(e,{minimumFractionDigits:d.minimumFractionDigits,maximumFractionDigits:d.maximumFractionDigits,roundDecimals:!1,useGrouping:!0}))}else{let e=h();m=!0,p.value=e,m=!1,s.value=g(e===0,u.value)}return}}}),n({inputRef:l,containerRef:c}),(e,n)=>((0,t.openBlock)(),(0,t.createBlock)(v,(0,t.mergeProps)({ref_key:`fzInputRef`,ref:o},d,{modelValue:s.value,type:`text`,"onUpdate:modelValue":E,onKeydown:w,onFocus:O,onBlur:D,onPaste:T,"onFzinput:clear":n[2]||=e=>f(`fzcurrencyinput:clear`)}),(0,t.createSlots)({"right-icon":(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,y,[d.valid?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(r.FzIcon),{key:0,name:`check`,size:`md`,class:`text-semantic-success`,"aria-hidden":`true`})):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,b,[(0,t.createVNode)((0,t.unref)(r.FzIcon),{name:`angle-up`,size:`xs`,role:`button`,"aria-label":_.value,"aria-disabled":S.value?`true`:void 0,tabindex:S.value?void 0:`0`,class:`fz__currencyinput__arrowup cursor-pointer`,onClick:A,onKeydown:n[0]||=e=>{(e.key===`Enter`||e.key===` `)&&!S.value&&(e.preventDefault(),A())}},null,8,[`aria-label`,`aria-disabled`,`tabindex`]),(0,t.createVNode)((0,t.unref)(r.FzIcon),{name:`angle-down`,size:`xs`,role:`button`,"aria-label":x.value,"aria-disabled":S.value?`true`:void 0,tabindex:S.value?void 0:`0`,class:`fz__currencyinput__arrowdown cursor-pointer`,onClick:j,onKeydown:n[1]||=e=>{(e.key===`Enter`||e.key===` `)&&!S.value&&(e.preventDefault(),j())}},null,8,[`aria-label`,`aria-disabled`,`tabindex`])])])]),_:2},[e.$slots.label?{name:`label`,fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`label`)]),key:`0`}:void 0,e.$slots[`left-icon`]?{name:`left-icon`,fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`left-icon`)]),key:`1`}:void 0,e.$slots.helpText?{name:`helpText`,fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`helpText`)]),key:`2`}:void 0,e.$slots.errorMessage?{name:`errorMessage`,fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`errorMessage`)]),key:`3`}:void 0]),1040,[`modelValue`]))}}),e.FzInput=v,e.sizeToEnvironmentMapping=s});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`),require(`@fiscozen/alert`),require(`@fiscozen/icons`),require(`@fiscozen/button`),require(`@fiscozen/composables`)):typeof define==`function`&&define.amd?define([`exports`,`vue`,`@fiscozen/alert`,`@fiscozen/icons`,`@fiscozen/button`,`@fiscozen/composables`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.FzInput={},e.Vue,e._fiscozen_alert,e._fiscozen_icons,e._fiscozen_button,e._fiscozen_composables))})(this,function(e,t,n,r,i,a){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function o(e,n,r,i,a){let o={backoffice:`h-32`,frontoffice:`h-44`},s=(0,t.computed)(()=>{let t=i.value;return[e.variant?.value===`normal`?o[t]:o.frontoffice,v()]}),c=(0,t.computed)(()=>[`font-normal text-base mb-0`,e.disabled?.value||e.readonly?.value?`text-grey-300`:`text-grey-500`]),l={backoffice:`text-base`,frontoffice:`text-base`},u=(0,t.computed)(()=>e.variant?.value===`floating-label`?!r.value&&!a.value:!0),d=(0,t.computed)(()=>{let t=i.value;return e.variant?.value===`floating-label`?[l[t]]:[]}),f=(0,t.computed)(()=>[`font-normal text-base`,e.disabled?.value||e.readonly?.value?`text-grey-300`:`text-grey-500`]),p=(0,t.computed)(()=>[`font-normal text-base`,e.disabled?.value||e.readonly?.value?`text-grey-300`:`text-core-black`]),m=e=>!!e.error?.value,h=e=>!!e.disabled?.value||!!e.readonly?.value,g=e=>!!e.highlighted?.value,_=e=>!!e.aiReasoning?.value,v=()=>{switch(!0){case m(e):return`border-semantic-error-200 has-[:focus]:border-semantic-error-300 bg-core-white text-core-black cursor-text`;case h(e):return`bg-grey-100 border-grey-100 text-grey-300 cursor-not-allowed`;case g(e):return`bg-semantic-warning-50 border-semantic-warning-200 ring-2 ring-semantic-warning-100 text-core-black cursor-text`;case _(e):return`bg-purple-50 border-purple-600 ring-2 ring-purple-200 text-core-black cursor-text`;default:return`border-grey-200 has-[:focus]:border-blue-600 bg-core-white text-core-black cursor-text`}};return{staticContainerClass:`flex justify-between w-full items-center pl-[10px] pr-[10px] rounded border-1 border-solid gap-8 text-left relative outline-none`,computedContainerClass:s,computedLabelClass:c,staticInputClass:`peer w-full bg-transparent border-0 outline-none focus:outline-none cursor-[inherit] focus:ring-0 truncate placeholder:text-grey-300 disabled:text-grey-300 read-only:text-grey-300 font-normal text-base`,computedInputClass:d,computedHelpClass:f,computedErrorClass:p,showNormalPlaceholder:u}}var s=/^-?\d+(\.\d+)?([eE][-+]?\d+)?$/,c=e=>s.test(e),l=e=>{let t=(0,a.parse)(e);return isNaN(t)||!isFinite(t)?null:t},u={sm:`backoffice`,md:`backoffice`,lg:`frontoffice`},d=0;function f(e){return`${e}-${Date.now()-16e11}-${++d}`}function p(){return f(`fz-input`)}function m(e){let{props:n,model:r,enabled:i}=e,o=(0,t.ref)(),s=(0,t.ref)(!1),c=!1,u=()=>n.min??-1/0,d=()=>n.max??1/0,f=()=>n.step??1,p=()=>n.minimumFractionDigits??2,m=()=>n.maximumFractionDigits??2,h=e=>{c=!0,r.value=e,c=!1},g=e=>(0,a.format)(e,{minimumFractionDigits:p(),maximumFractionDigits:m(),roundDecimals:!1,useGrouping:!0}),_=()=>{if(n.nullOnEmpty)return null;if(n.zeroOnEmpty)return 0},v=(e,t)=>e?t?``:g(0):``,y=e=>{let t=e.replace(/[^0-9.,-]/g,``),n=t.startsWith(`-`);t=t.replace(/-/g,``),t=t.replace(/\./g,`,`);let r=t.indexOf(`,`);if(r!==-1){let e=t.substring(0,r),n=t.substring(r+1).replace(/,/g,``);t=e+`,`+n}return n?`-`+t:t},b=e=>{if(e==null||e===``)return e===null?null:void 0;if(typeof e==`number`)return e;if(typeof e==`string`){console.warn(`[FzCurrencyInput] String values in v-model are deprecated. Please use number instead. Received: "${e}". This will be parsed to a number for retrocompatibility, but string support may be removed in a future version.`);let t=(0,a.parse)(e);return isNaN(t)?void 0:t}},x=e=>{if(!(e.ctrlKey||e.metaKey||e.altKey||[`Backspace`,`Delete`,`ArrowLeft`,`ArrowRight`,`ArrowUp`,`ArrowDown`,`Tab`,`Enter`,`Home`,`End`].includes(e.key))){if(e.key===`-`){let t=e.target,n=t.selectionStart??0,r=(t.selectionEnd??0)-n,i=t.value.length;n!==0&&r!==i&&e.preventDefault();return}/^[0-9.,]$/.test(e.key)||e.preventDefault()}},S=e=>{if(n.readonly||n.disabled)return;e.preventDefault();let t=e.clipboardData?.getData(`text`)||``;if(!t)return;let r=l(t);if(r!==null){let e=(0,a.truncateDecimals)(r,m());h(e),o.value=y(String(e))}},C=e=>{if(!e){h(_()),o.value=``;return}let t=y(e);o.value=t;let n=(0,a.parse)(t);h(!isNaN(n)&&isFinite(n)?(0,a.truncateDecimals)(n,m()):_())},w=()=>{if(n.readonly||n.disabled)return;s.value=!1;let e=b(r.value);if(e==null){let e=_();r.value!==e&&h(e),o.value=v(e===0,!1);return}let t=e;n.forceStep&&(t=(0,a.roundTo)(f(),t)),t=(0,a.clamp)(u(),t,d()),t!==e&&h(t),o.value=g(t)},T=()=>{if(n.readonly||n.disabled)return;s.value=!0;let e=b(r.value);e!==void 0&&(o.value=g(e).replace(/\./g,``))},E=e=>{if(n.readonly||n.disabled)return;let t=b(r.value),i=(0,a.truncateDecimals)((t??0)+e*f(),m()),s=(0,a.clamp)(u(),i,d());h(s),o.value=g(s)},D=(e,t)=>{if(e==null){let n=_();e!==n&&h(n),o.value=v(n===0,t);return}let r=b(e);if(r==null){let e=_();h(e),o.value=v(e===0,t);return}let i=(0,a.truncateDecimals)(r,m());n.forceStep&&(i=(0,a.roundTo)(f(),i)),t||(i=(0,a.clamp)(u(),i,d())),i!==e&&h(i),t||(o.value=g(i))};return(0,t.onMounted)(()=>{i.value&&D(r.value,!1)}),(0,t.watch)(i,e=>{e&&D(r.value,!1)}),(0,t.watch)(()=>r.value,e=>{!i.value||c||D(e,s.value)}),{displayValue:o,handleDisplayUpdate:C,handleKeydown:x,handlePaste:S,handleFocus:T,handleBlur:w,stepBy:E}}var h=[`id`,`for`],g=[`tabindex`],_={class:`flex flex-col justify-around min-w-0 grow`},v={key:0,class:`text-xs text-grey-300 grow-0 overflow-hidden text-ellipsis whitespace-nowrap`},y=[`type`,`required`,`disabled`,`readonly`,`placeholder`,`pattern`,`name`,`maxlength`,`min`,`max`,`step`,`autocomplete`,`aria-required`,`aria-invalid`,`aria-disabled`,`aria-labelledby`,`aria-describedby`,`aria-description`,`id`],b={class:`flex items-center gap-4`},x={key:1,class:`flex flex-col justify-between items-center`},S=[`id`],C=`[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none`,w=(0,t.defineComponent)({inheritAttrs:!1,__name:`FzInput`,props:(0,t.mergeModels)({id:{},label:{},environment:{default:`frontoffice`},size:{},placeholder:{},required:{type:Boolean},disabled:{type:Boolean},error:{type:Boolean,default:!1},leftIcon:{},leftIconVariant:{},leftIconButtonVariant:{},leftIconAriaLabel:{},rightIcon:{},rightIconClass:{},rightIconSize:{},rightIconVariant:{},rightIconButton:{type:Boolean},rightIconButtonVariant:{default:`invisible`},rightIconAriaLabel:{},secondRightIcon:{},secondRightIconClass:{},secondRightIconVariant:{},secondRightIconButton:{type:Boolean},secondRightIconButtonVariant:{default:`invisible`},secondRightIconAriaLabel:{},type:{},valid:{type:Boolean},variant:{default:`normal`},pattern:{},name:{},readonly:{type:Boolean},highlighted:{type:Boolean,default:!1},highlightedDescription:{default:`Campo in evidenza`},aiReasoning:{type:Boolean,default:!1},aiReasoningDescription:{default:`Suggerito dall'intelligenza artificiale`},disableEmphasisReset:{type:Boolean,default:!1},maxlength:{},autocomplete:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},clearAriaLabel:{default:`Cancella`},leftIconClass:{},min:{},max:{},step:{default:1},forceStep:{type:Boolean},minimumFractionDigits:{default:2},maximumFractionDigits:{default:2},nullOnEmpty:{type:Boolean},zeroOnEmpty:{type:Boolean},stepUpAriaLabel:{},stepDownAriaLabel:{}},{modelValue:{},modelModifiers:{}}),emits:(0,t.mergeModels)([`focus`,`blur`,`fzinput:left-icon-click`,`fzinput:right-icon-click`,`fzinput:second-right-icon-click`,`update:highlighted`,`update:aiReasoning`,`fzinput:clear`],[`update:modelValue`]),setup(e,{expose:a,emit:s}){let d=e,f=(0,t.useAttrs)(),w=(0,t.computed)(()=>{let{class:e,id:t,...n}=f;return n}),T=(0,t.computed)(()=>f.class);(0,t.watch)(()=>d.size,e=>{if(e!==void 0){let t=u[e];d.environment&&d.environment!==t?console.warn(`[FzInput] Both "size" and "environment" props are provided. "environment=${d.environment}" will be used and "size=${e}" will be ignored. Please remove the deprecated "size" prop.`):console.warn(`[FzInput] The "size" prop is deprecated and will be removed in a future version. Please use environment="${t}" instead of size="${e}".`)}},{immediate:!0}),(0,t.watch)(()=>d.rightIconSize,e=>{e!==void 0&&console.warn(`[FzInput] The "rightIconSize" prop is deprecated and will be removed in a future version. Icons now have a fixed size of "md". The provided value "${e}" will be ignored.`)},{immediate:!0});let E=(0,t.computed)(()=>d.environment?d.environment:d.size?u[d.size]:`frontoffice`),D=(0,t.useModel)(e,`modelValue`),O=(0,t.ref)(null),k=(0,t.ref)(null),ee=p(),A=(0,t.computed)(()=>d.id||ee),j=(0,t.ref)(!1),M=D,N=(0,t.computed)(()=>d.type??`text`),P=(0,t.computed)(()=>N.value===`currency`),F=(0,t.computed)(()=>N.value===`number`),te=(0,t.computed)(()=>P.value?`text`:N.value),I=m({props:d,model:M,enabled:P}),L=(0,t.computed)({get:()=>P.value?I.displayValue.value:M.value,set:e=>{P.value?I.handleDisplayUpdate(e):M.value=e}}),R=(0,t.ref)(d.highlighted),z=(0,t.ref)(d.aiReasoning);(0,t.watch)(()=>d.highlighted,e=>{R.value=e}),(0,t.watch)(()=>d.aiReasoning,e=>{z.value=e});let ne=()=>{d.disableEmphasisReset||(R.value&&(R.value=!1,H(`update:highlighted`,!1)),z.value&&(z.value=!1,H(`update:aiReasoning`,!1)))},{staticContainerClass:re,computedContainerClass:ie,computedLabelClass:ae,staticInputClass:oe,computedInputClass:se,computedHelpClass:ce,showNormalPlaceholder:B}=o({...(0,t.toRefs)(d),highlighted:R,aiReasoning:z},O,L,E,j);(0,t.useSlots)();let V=(0,t.useSlots)(),le=(0,t.computed)(()=>{let e=!!d.label,t=!!V.label;if(e&&!t)return`${A.value}-label`}),ue=(0,t.computed)(()=>{let e=[];return d.error&&V.errorMessage&&e.push(`${A.value}-error`),!d.error&&V.helpText&&e.push(`${A.value}-help`),e.length>0?e.join(` `):void 0}),H=s,U=()=>{!d.disabled&&!d.readonly&&k.value&&k.value.focus()},de=e=>{(e.key===`Enter`||e.key===` `)&&(e.target===e.currentTarget||e.target===O.value)&&(e.preventDefault(),U())},W=(e,t)=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),J.value||H(t===`fzinput:left-icon-click`?`fzinput:left-icon-click`:t===`fzinput:right-icon-click`?`fzinput:right-icon-click`:`fzinput:second-right-icon-click`))},fe=()=>{J.value||H(`fzinput:left-icon-click`)},G=()=>{J.value||H(`fzinput:right-icon-click`)},K=()=>{J.value||H(`fzinput:second-right-icon-click`)},pe=(0,t.computed)(()=>!!d.leftIcon),q=(0,t.computed)(()=>pe.value&&!!d.leftIconAriaLabel),J=(0,t.computed)(()=>!!d.disabled||!!d.readonly),me=(0,t.computed)(()=>J.value||d.error?`text-grey-300`:`text-purple-600`),he=(0,t.computed)(()=>{if(!(J.value||d.error)){if(R.value)return d.highlightedDescription;if(z.value)return d.aiReasoningDescription}}),ge=(0,t.computed)(()=>!!d.rightIcon&&!d.rightIconButton),Y=(0,t.computed)(()=>ge.value&&!!d.rightIconAriaLabel),_e=(0,t.computed)(()=>!!d.secondRightIcon&&!d.secondRightIconButton),X=(0,t.computed)(()=>_e.value&&!!d.secondRightIconAriaLabel),ve=(0,t.computed)(()=>d.clearable&&!!L.value&&!J.value),ye=()=>{L.value=``,H(`fzinput:clear`),k.value?.focus()},be=e=>{j.value=!0,P.value&&I.handleFocus(),H(`focus`,e)},xe=e=>{j.value=!1,P.value&&I.handleBlur(),H(`blur`,e)},Se=e=>{P.value&&I.handleKeydown(e)},Z=e=>{if(d.readonly||d.disabled)return;let t=e.clipboardData?.getData(`text`)||``;if(!t||c(t))return;e.preventDefault();let n=l(t);n!==null&&(M.value=String(n))},Ce=e=>{P.value?I.handlePaste(e):F.value&&Z(e)},we=(0,t.computed)(()=>P.value||F.value),Te=(0,t.computed)(()=>d.stepUpAriaLabel||`Incrementa di ${d.step}`),Ee=(0,t.computed)(()=>d.stepDownAriaLabel||`Decrementa di ${d.step}`),De=e=>{let t=k.value;if(t){try{e===1?t.stepUp():t.stepDown()}catch{return}t.dispatchEvent(new Event(`input`,{bubbles:!0}))}},Q=e=>{J.value||(P.value?I.stepBy(e):F.value&&De(e))},$=(e,t)=>{(e.key===`Enter`||e.key===` `)&&!J.value&&(e.preventDefault(),Q(t))};return a({inputRef:k,containerRef:O}),(a,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`fz-input text-core-black w-full flex flex-col gap-8`,T.value])},[(0,t.renderSlot)(a.$slots,`label`,{},()=>[e.label?((0,t.openBlock)(),(0,t.createElementBlock)(`label`,{key:0,id:`${A.value}-label`,class:(0,t.normalizeClass)((0,t.unref)(ae)),for:A.value},(0,t.toDisplayString)(e.label)+(0,t.toDisplayString)(e.required?` *`:``),11,h)):(0,t.createCommentVNode)(``,!0)]),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([(0,t.unref)(re),(0,t.unref)(ie)]),ref_key:`containerRef`,ref:O,tabindex:J.value?void 0:0,onClick:U,onKeydown:de},[(0,t.renderSlot)(a.$slots,`left-icon`,{},()=>[e.leftIcon?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(r.FzIcon),{key:0,name:e.leftIcon,size:`md`,variant:e.leftIconVariant,role:q.value?`button`:void 0,"aria-label":q.value?e.leftIconAriaLabel:void 0,"aria-disabled":q.value&&J.value?`true`:void 0,tabindex:q.value&&!J.value?0:void 0,class:(0,t.normalizeClass)(e.leftIconClass),onClick:(0,t.withModifiers)(fe,[`stop`]),onKeydown:o[0]||=e=>q.value?e=>W(e,`fzinput:left-icon-click`):void 0},null,8,[`name`,`variant`,`role`,`aria-label`,`aria-disabled`,`tabindex`,`class`])):z.value&&!R.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(r.FzIcon),{key:1,name:`sparkles`,variant:`fas`,size:`md`,"aria-hidden":`true`,class:(0,t.normalizeClass)(me.value)},null,8,[`class`])):(0,t.createCommentVNode)(``,!0)]),(0,t.createElementVNode)(`div`,_,[(0,t.unref)(B)?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`span`,v,(0,t.toDisplayString)(e.placeholder),1)),(0,t.withDirectives)((0,t.createElementVNode)(`input`,(0,t.mergeProps)({type:te.value,required:e.required,disabled:e.disabled,readonly:e.readonly,placeholder:(0,t.unref)(B)?e.placeholder:``,"onUpdate:modelValue":o[1]||=e=>L.value=e,ref_key:`inputRef`,ref:k,class:[(0,t.unref)(oe),(0,t.unref)(se),F.value?C:``],pattern:e.pattern,name:e.name,maxlength:e.maxlength,min:F.value?e.min:void 0,max:F.value?e.max:void 0,step:F.value?e.step:void 0,autocomplete:e.autocomplete?`on`:`off`,"aria-required":e.required?`true`:`false`,"aria-invalid":e.error?`true`:`false`,"aria-disabled":J.value?`true`:`false`,"aria-labelledby":le.value,"aria-describedby":ue.value,"aria-description":he.value},w.value,{id:A.value,onInput:ne,onKeydown:Se,onPaste:Ce,onBlur:xe,onFocus:be}),null,16,y),[[t.vModelDynamic,L.value]])]),(0,t.createElementVNode)(`div`,b,[ve.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(i.FzIconButton),{key:0,iconName:`xmark`,size:`md`,variant:`invisible`,ariaLabel:e.clearAriaLabel,onClick:(0,t.withModifiers)(ye,[`stop`])},null,8,[`ariaLabel`])):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(a.$slots,`right-icon`,{},()=>[e.secondRightIcon&&!e.secondRightIconButton?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(r.FzIcon),{key:0,name:e.secondRightIcon,size:`md`,variant:e.secondRightIconVariant,role:X.value?`button`:void 0,"aria-label":X.value?e.secondRightIconAriaLabel:void 0,"aria-disabled":X.value&&J.value?`true`:void 0,tabindex:X.value&&!J.value?0:void 0,class:(0,t.normalizeClass)(e.secondRightIconClass),onClick:(0,t.withModifiers)(K,[`stop`]),onKeydown:o[2]||=e=>X.value?e=>W(e,`fzinput:second-right-icon-click`):void 0},null,8,[`name`,`variant`,`role`,`aria-label`,`aria-disabled`,`tabindex`,`class`])):(0,t.createCommentVNode)(``,!0),e.secondRightIcon&&e.secondRightIconButton?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(i.FzIconButton),{key:1,iconName:e.secondRightIcon,size:`md`,iconVariant:e.secondRightIconVariant,variant:J.value?`invisible`:e.secondRightIconButtonVariant,onClick:(0,t.withModifiers)(K,[`stop`]),class:(0,t.normalizeClass)([{"bg-grey-100 !text-grey-300":J.value},e.secondRightIconClass])},null,8,[`iconName`,`iconVariant`,`variant`,`class`])):(0,t.createCommentVNode)(``,!0),e.rightIcon&&!e.rightIconButton?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(r.FzIcon),{key:2,name:e.rightIcon,size:`md`,variant:e.rightIconVariant,role:Y.value?`button`:void 0,"aria-label":Y.value?e.rightIconAriaLabel:void 0,"aria-disabled":Y.value&&J.value?`true`:void 0,tabindex:Y.value&&!J.value?0:void 0,class:(0,t.normalizeClass)(e.rightIconClass),onClick:(0,t.withModifiers)(G,[`stop`]),onKeydown:o[3]||=e=>Y.value?e=>W(e,`fzinput:right-icon-click`):void 0},null,8,[`name`,`variant`,`role`,`aria-label`,`aria-disabled`,`tabindex`,`class`])):(0,t.createCommentVNode)(``,!0),e.rightIcon&&e.rightIconButton?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(i.FzIconButton),{key:3,iconName:e.rightIcon,size:`md`,iconVariant:e.rightIconVariant,variant:J.value?`invisible`:e.rightIconButtonVariant,onClick:(0,t.withModifiers)(G,[`stop`]),class:(0,t.normalizeClass)([{"bg-grey-100 !text-grey-300":J.value},e.rightIconClass])},null,8,[`iconName`,`iconVariant`,`variant`,`class`])):(0,t.createCommentVNode)(``,!0),e.valid?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(r.FzIcon),{key:4,name:`check`,size:`md`,class:`text-semantic-success`,"aria-hidden":`true`})):(0,t.createCommentVNode)(``,!0)]),we.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,x,[(0,t.createVNode)((0,t.unref)(r.FzIcon),{name:`angle-up`,size:`xs`,role:`button`,"aria-label":Te.value,"aria-disabled":J.value?`true`:void 0,tabindex:J.value?void 0:`0`,class:`fz__input__arrowup fz__currencyinput__arrowup cursor-pointer`,onClick:o[4]||=e=>Q(1),onKeydown:o[5]||=e=>$(e,1)},null,8,[`aria-label`,`aria-disabled`,`tabindex`]),(0,t.createVNode)((0,t.unref)(r.FzIcon),{name:`angle-down`,size:`xs`,role:`button`,"aria-label":Ee.value,"aria-disabled":J.value?`true`:void 0,tabindex:J.value?void 0:`0`,class:`fz__input__arrowdown fz__currencyinput__arrowdown cursor-pointer`,onClick:o[6]||=e=>Q(-1),onKeydown:o[7]||=e=>$(e,-1)},null,8,[`aria-label`,`aria-disabled`,`tabindex`])])):(0,t.createCommentVNode)(``,!0)])],42,g),e.error&&a.$slots.errorMessage?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.FzAlert),{key:0,id:`${A.value}-error`,role:`alert`,tone:`error`,variant:`text`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(a.$slots,`errorMessage`)]),_:3},8,[`id`])):a.$slots.helpText?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:1,id:`${A.value}-help`,class:(0,t.normalizeClass)([(0,t.unref)(ce)])},[(0,t.renderSlot)(a.$slots,`helpText`)],10,S)):(0,t.createCommentVNode)(``,!0)],2))}});e.FzCurrencyInput=(0,t.defineComponent)({__name:`FzCurrencyInput`,props:(0,t.mergeModels)({modelValue:{},id:{},label:{},environment:{},size:{},placeholder:{},required:{type:Boolean},disabled:{type:Boolean},error:{type:Boolean},leftIcon:{},leftIconVariant:{},leftIconButtonVariant:{},leftIconAriaLabel:{},valid:{type:Boolean},variant:{},pattern:{},name:{},readonly:{type:Boolean},highlighted:{type:Boolean},highlightedDescription:{},aiReasoning:{type:Boolean},aiReasoningDescription:{},disableEmphasisReset:{type:Boolean},maxlength:{},autocomplete:{type:Boolean},clearable:{type:Boolean},clearAriaLabel:{},leftIconClass:{},min:{},max:{},step:{},forceStep:{type:Boolean},minimumFractionDigits:{},maximumFractionDigits:{},nullOnEmpty:{type:Boolean},zeroOnEmpty:{type:Boolean},stepUpAriaLabel:{},stepDownAriaLabel:{}},{modelValue:{},modelModifiers:{}}),emits:(0,t.mergeModels)([`fzcurrencyinput:clear`],[`update:modelValue`]),setup(e,{expose:n,emit:r}){let i=(0,t.ref)(null),a=(0,t.computed)(()=>i.value?.containerRef),o=(0,t.computed)(()=>i.value?.inputRef),s=e,c=r,l=(0,t.useModel)(e,`modelValue`),u=(0,t.computed)({get:()=>l.value,set:e=>{l.value=e}});return n({inputRef:o,containerRef:a}),(e,n)=>((0,t.openBlock)(),(0,t.createBlock)(w,(0,t.mergeProps)({ref_key:`fzInputRef`,ref:i},s,{type:`currency`,modelValue:u.value,"onUpdate:modelValue":n[0]||=e=>u.value=e,"onFzinput:clear":n[1]||=e=>c(`fzcurrencyinput:clear`)}),(0,t.createSlots)({_:2},[e.$slots.label?{name:`label`,fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`label`)]),key:`0`}:void 0,e.$slots[`left-icon`]?{name:`left-icon`,fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`left-icon`)]),key:`1`}:void 0,e.$slots.helpText?{name:`helpText`,fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`helpText`)]),key:`2`}:void 0,e.$slots.errorMessage?{name:`errorMessage`,fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`errorMessage`)]),key:`3`}:void 0]),1040,[`modelValue`]))}}),e.FzInput=w,e.sizeToEnvironmentMapping=u});

package/dist/src/FzCurrencyInput.vue.d.ts

@@ -1,4 +1,3 @@
-import { nextTick } from 'vue';
 import { FzCurrencyInputProps } from './types';
 type __VLS_Props = FzCurrencyInputProps;
 type __VLS_PublicProps = {
@@ -13,184 +12,10 @@ declare function __VLS_template(): {
         errorMessage?(_: {}): any;
     };
     refs: {
-        fzInputRef: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly modelValue?: string | undefined;
-                readonly id?: string | undefined;
-                readonly label?: string | undefined;
-                readonly environment?: import('./types').InputEnvironment | undefined;
-                readonly size?: "sm" | "md" | "lg" | undefined;
-                readonly placeholder?: string | undefined;
-                readonly required?: boolean | undefined;
-                readonly disabled?: boolean | undefined;
-                readonly error?: boolean | undefined;
-                readonly leftIcon?: string | undefined;
-                readonly leftIconVariant?: import('@fiscozen/icons').IconVariant | undefined;
-                readonly leftIconButtonVariant?: import('@fiscozen/button').IconButtonVariant | undefined;
-                readonly leftIconAriaLabel?: string | undefined;
-                readonly rightIcon?: string | undefined;
-                readonly rightIconClass?: string | undefined;
-                readonly rightIconSize?: import('@fiscozen/icons').IconSize | undefined;
-                readonly rightIconVariant?: import('@fiscozen/icons').IconVariant | undefined;
-                readonly rightIconButton?: boolean | undefined;
-                readonly rightIconButtonVariant?: import('@fiscozen/button').IconButtonVariant | undefined;
-                readonly rightIconAriaLabel?: string | undefined;
-                readonly secondRightIcon?: string | undefined;
-                readonly secondRightIconClass?: string | undefined;
-                readonly secondRightIconVariant?: import('@fiscozen/icons').IconVariant | undefined;
-                readonly secondRightIconButton?: boolean | undefined;
-                readonly secondRightIconButtonVariant?: import('@fiscozen/button').IconButtonVariant | undefined;
-                readonly secondRightIconAriaLabel?: string | undefined;
-                readonly type?: "text" | "password" | "email" | "number" | "tel" | "url" | undefined;
-                readonly valid?: boolean | undefined;
-                readonly variant?: "normal" | "floating-label" | undefined;
-                readonly pattern?: string | undefined;
-                readonly name?: string | undefined;
-                readonly readonly?: boolean | undefined;
-                readonly highlighted?: boolean | undefined;
-                readonly highlightedDescription?: string | undefined;
-                readonly aiReasoning?: boolean | undefined;
-                readonly aiReasoningDescription?: string | undefined;
-                readonly disableEmphasisReset?: boolean | undefined;
-                readonly maxlength?: number | undefined;
-                readonly autocomplete?: boolean | undefined;
-                readonly clearable?: boolean | undefined;
-                readonly clearAriaLabel?: string | undefined;
-                readonly leftIconClass?: string | undefined;
-                readonly onFocus?: ((event: FocusEvent) => any) | undefined;
-                readonly onBlur?: ((event: FocusEvent) => any) | undefined;
-                readonly "onFzinput:left-icon-click"?: (() => any) | undefined;
-                readonly "onFzinput:right-icon-click"?: (() => any) | undefined;
-                readonly "onFzinput:second-right-icon-click"?: (() => any) | undefined;
-                readonly "onUpdate:highlighted"?: ((value: boolean) => any) | undefined;
-                readonly "onUpdate:aiReasoning"?: ((value: boolean) => any) | undefined;
-                readonly "onFzinput:clear"?: (() => any) | undefined;
-                readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            } & {
-                containerRef: HTMLDivElement;
-                inputRef: HTMLInputElement;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: ((event: "focus", event: FocusEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "fzinput:left-icon-click") => void) & ((event: "fzinput:right-icon-click") => void) & ((event: "fzinput:second-right-icon-click") => void) & ((event: "update:highlighted", value: boolean) => void) & ((event: "update:aiReasoning", value: boolean) => void) & ((event: "fzinput:clear") => void) & ((event: "update:modelValue", value: string) => void);
-            $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<{
-                modelValue?: string;
-            } & import('./types').FzInputProps> & Readonly<{
-                onFocus?: ((event: FocusEvent) => any) | undefined;
-                onBlur?: ((event: FocusEvent) => any) | undefined;
-                "onFzinput:left-icon-click"?: (() => any) | undefined;
-                "onFzinput:right-icon-click"?: (() => any) | undefined;
-                "onFzinput:second-right-icon-click"?: (() => any) | undefined;
-                "onUpdate:highlighted"?: ((value: boolean) => any) | undefined;
-                "onUpdate:aiReasoning"?: ((value: boolean) => any) | undefined;
-                "onFzinput:clear"?: (() => any) | undefined;
-                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-            }>, {
-                inputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
-                containerRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                focus: (event: FocusEvent) => any;
-                blur: (event: FocusEvent) => any;
-                "fzinput:left-icon-click": () => any;
-                "fzinput:right-icon-click": () => any;
-                "fzinput:second-right-icon-click": () => any;
-                "update:highlighted": (value: boolean) => any;
-                "update:aiReasoning": (value: boolean) => any;
-                "fzinput:clear": () => any;
-                "update:modelValue": (value: string) => any;
-            }, string, {
-                variant: "normal" | "floating-label";
-                type: "text" | "password" | "email" | "number" | "tel" | "url";
-                environment: import('./types').InputEnvironment;
-                rightIconButtonVariant: import('@fiscozen/button').IconButtonVariant;
-                secondRightIconButtonVariant: import('@fiscozen/button').IconButtonVariant;
-                error: boolean;
-                highlighted: boolean;
-                highlightedDescription: string;
-                aiReasoning: boolean;
-                aiReasoningDescription: string;
-                disableEmphasisReset: boolean;
-                autocomplete: boolean;
-                clearable: boolean;
-                clearAriaLabel: string;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{
-            variant: "normal" | "floating-label";
-            type: "text" | "password" | "email" | "number" | "tel" | "url";
-            environment: import('./types').InputEnvironment;
-            rightIconButtonVariant: import('@fiscozen/button').IconButtonVariant;
-            secondRightIconButtonVariant: import('@fiscozen/button').IconButtonVariant;
-            error: boolean;
-            highlighted: boolean;
-            highlightedDescription: string;
-            aiReasoning: boolean;
-            aiReasoningDescription: string;
-            disableEmphasisReset: boolean;
-            autocomplete: boolean;
-            clearable: boolean;
-            clearAriaLabel: string;
-        }> & Omit<Readonly<{
-            modelValue?: string;
-        } & import('./types').FzInputProps> & Readonly<{
-            onFocus?: ((event: FocusEvent) => any) | undefined;
-            onBlur?: ((event: FocusEvent) => any) | undefined;
-            "onFzinput:left-icon-click"?: (() => any) | undefined;
-            "onFzinput:right-icon-click"?: (() => any) | undefined;
-            "onFzinput:second-right-icon-click"?: (() => any) | undefined;
-            "onUpdate:highlighted"?: ((value: boolean) => any) | undefined;
-            "onUpdate:aiReasoning"?: ((value: boolean) => any) | undefined;
-            "onFzinput:clear"?: (() => any) | undefined;
-            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        }>, "inputRef" | "containerRef" | ("variant" | "type" | "environment" | "rightIconButtonVariant" | "secondRightIconButtonVariant" | "error" | "highlighted" | "highlightedDescription" | "aiReasoning" | "aiReasoningDescription" | "disableEmphasisReset" | "autocomplete" | "clearable" | "clearAriaLabel")> & import('vue').ShallowUnwrapRef<{
+        fzInputRef: import('vue').ShallowUnwrapRef<{
             inputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
             containerRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: Readonly<{
-                label?: () => unknown;
-                "left-icon"?: () => unknown;
-                "right-icon"?: () => unknown;
-                errorMessage?: () => unknown;
-                helpText?: () => unknown;
-            }> & {
-                label?: () => unknown;
-                "left-icon"?: () => unknown;
-                "right-icon"?: () => unknown;
-                errorMessage?: () => unknown;
-                helpText?: () => unknown;
-            };
-        }) | null;
+        }> | null;
     };
     rootEl: any;
 };
@@ -204,191 +29,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
     "onFzcurrencyinput:clear"?: (() => any) | undefined;
-}>, {
-    minimumFractionDigits: number;
-    maximumFractionDigits: number;
-    min: number;
-    max: number;
-    step: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    fzInputRef: ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly modelValue?: string | undefined;
-            readonly id?: string | undefined;
-            readonly label?: string | undefined;
-            readonly environment?: import('./types').InputEnvironment | undefined;
-            readonly size?: "sm" | "md" | "lg" | undefined;
-            readonly placeholder?: string | undefined;
-            readonly required?: boolean | undefined;
-            readonly disabled?: boolean | undefined;
-            readonly error?: boolean | undefined;
-            readonly leftIcon?: string | undefined;
-            readonly leftIconVariant?: import('@fiscozen/icons').IconVariant | undefined;
-            readonly leftIconButtonVariant?: import('@fiscozen/button').IconButtonVariant | undefined;
-            readonly leftIconAriaLabel?: string | undefined;
-            readonly rightIcon?: string | undefined;
-            readonly rightIconClass?: string | undefined;
-            readonly rightIconSize?: import('@fiscozen/icons').IconSize | undefined;
-            readonly rightIconVariant?: import('@fiscozen/icons').IconVariant | undefined;
-            readonly rightIconButton?: boolean | undefined;
-            readonly rightIconButtonVariant?: import('@fiscozen/button').IconButtonVariant | undefined;
-            readonly rightIconAriaLabel?: string | undefined;
-            readonly secondRightIcon?: string | undefined;
-            readonly secondRightIconClass?: string | undefined;
-            readonly secondRightIconVariant?: import('@fiscozen/icons').IconVariant | undefined;
-            readonly secondRightIconButton?: boolean | undefined;
-            readonly secondRightIconButtonVariant?: import('@fiscozen/button').IconButtonVariant | undefined;
-            readonly secondRightIconAriaLabel?: string | undefined;
-            readonly type?: "text" | "password" | "email" | "number" | "tel" | "url" | undefined;
-            readonly valid?: boolean | undefined;
-            readonly variant?: "normal" | "floating-label" | undefined;
-            readonly pattern?: string | undefined;
-            readonly name?: string | undefined;
-            readonly readonly?: boolean | undefined;
-            readonly highlighted?: boolean | undefined;
-            readonly highlightedDescription?: string | undefined;
-            readonly aiReasoning?: boolean | undefined;
-            readonly aiReasoningDescription?: string | undefined;
-            readonly disableEmphasisReset?: boolean | undefined;
-            readonly maxlength?: number | undefined;
-            readonly autocomplete?: boolean | undefined;
-            readonly clearable?: boolean | undefined;
-            readonly clearAriaLabel?: string | undefined;
-            readonly leftIconClass?: string | undefined;
-            readonly onFocus?: ((event: FocusEvent) => any) | undefined;
-            readonly onBlur?: ((event: FocusEvent) => any) | undefined;
-            readonly "onFzinput:left-icon-click"?: (() => any) | undefined;
-            readonly "onFzinput:right-icon-click"?: (() => any) | undefined;
-            readonly "onFzinput:second-right-icon-click"?: (() => any) | undefined;
-            readonly "onUpdate:highlighted"?: ((value: boolean) => any) | undefined;
-            readonly "onUpdate:aiReasoning"?: ((value: boolean) => any) | undefined;
-            readonly "onFzinput:clear"?: (() => any) | undefined;
-            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        } & {
-            containerRef: HTMLDivElement;
-            inputRef: HTMLInputElement;
-        };
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: ((event: "focus", event: FocusEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "fzinput:left-icon-click") => void) & ((event: "fzinput:right-icon-click") => void) & ((event: "fzinput:second-right-icon-click") => void) & ((event: "update:highlighted", value: boolean) => void) & ((event: "update:aiReasoning", value: boolean) => void) & ((event: "fzinput:clear") => void) & ((event: "update:modelValue", value: string) => void);
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<{
-            modelValue?: string;
-        } & import('./types').FzInputProps> & Readonly<{
-            onFocus?: ((event: FocusEvent) => any) | undefined;
-            onBlur?: ((event: FocusEvent) => any) | undefined;
-            "onFzinput:left-icon-click"?: (() => any) | undefined;
-            "onFzinput:right-icon-click"?: (() => any) | undefined;
-            "onFzinput:second-right-icon-click"?: (() => any) | undefined;
-            "onUpdate:highlighted"?: ((value: boolean) => any) | undefined;
-            "onUpdate:aiReasoning"?: ((value: boolean) => any) | undefined;
-            "onFzinput:clear"?: (() => any) | undefined;
-            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        }>, {
-            inputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
-            containerRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            focus: (event: FocusEvent) => any;
-            blur: (event: FocusEvent) => any;
-            "fzinput:left-icon-click": () => any;
-            "fzinput:right-icon-click": () => any;
-            "fzinput:second-right-icon-click": () => any;
-            "update:highlighted": (value: boolean) => any;
-            "update:aiReasoning": (value: boolean) => any;
-            "fzinput:clear": () => any;
-            "update:modelValue": (value: string) => any;
-        }, string, {
-            variant: "normal" | "floating-label";
-            type: "text" | "password" | "email" | "number" | "tel" | "url";
-            environment: import('./types').InputEnvironment;
-            rightIconButtonVariant: import('@fiscozen/button').IconButtonVariant;
-            secondRightIconButtonVariant: import('@fiscozen/button').IconButtonVariant;
-            error: boolean;
-            highlighted: boolean;
-            highlightedDescription: string;
-            aiReasoning: boolean;
-            aiReasoningDescription: string;
-            disableEmphasisReset: boolean;
-            autocomplete: boolean;
-            clearable: boolean;
-            clearAriaLabel: string;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{
-        variant: "normal" | "floating-label";
-        type: "text" | "password" | "email" | "number" | "tel" | "url";
-        environment: import('./types').InputEnvironment;
-        rightIconButtonVariant: import('@fiscozen/button').IconButtonVariant;
-        secondRightIconButtonVariant: import('@fiscozen/button').IconButtonVariant;
-        error: boolean;
-        highlighted: boolean;
-        highlightedDescription: string;
-        aiReasoning: boolean;
-        aiReasoningDescription: string;
-        disableEmphasisReset: boolean;
-        autocomplete: boolean;
-        clearable: boolean;
-        clearAriaLabel: string;
-    }> & Omit<Readonly<{
-        modelValue?: string;
-    } & import('./types').FzInputProps> & Readonly<{
-        onFocus?: ((event: FocusEvent) => any) | undefined;
-        onBlur?: ((event: FocusEvent) => any) | undefined;
-        "onFzinput:left-icon-click"?: (() => any) | undefined;
-        "onFzinput:right-icon-click"?: (() => any) | undefined;
-        "onFzinput:second-right-icon-click"?: (() => any) | undefined;
-        "onUpdate:highlighted"?: ((value: boolean) => any) | undefined;
-        "onUpdate:aiReasoning"?: ((value: boolean) => any) | undefined;
-        "onFzinput:clear"?: (() => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    }>, "inputRef" | "containerRef" | ("variant" | "type" | "environment" | "rightIconButtonVariant" | "secondRightIconButtonVariant" | "error" | "highlighted" | "highlightedDescription" | "aiReasoning" | "aiReasoningDescription" | "disableEmphasisReset" | "autocomplete" | "clearable" | "clearAriaLabel")> & import('vue').ShallowUnwrapRef<{
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    fzInputRef: import('vue').ShallowUnwrapRef<{
         inputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
         containerRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: Readonly<{
-            label?: () => unknown;
-            "left-icon"?: () => unknown;
-            "right-icon"?: () => unknown;
-            errorMessage?: () => unknown;
-            helpText?: () => unknown;
-        }> & {
-            label?: () => unknown;
-            "left-icon"?: () => unknown;
-            "right-icon"?: () => unknown;
-            errorMessage?: () => unknown;
-            helpText?: () => unknown;
-        };
-    }) | null;
+    }> | null;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/src/FzInput.vue.d.ts

@@ -1,11 +1,24 @@
 import { Ref } from 'vue';
-import { FzInputProps, InputEnvironment } from './types';
-type __VLS_Props = FzInputProps;
-type __VLS_PublicProps = {
-    modelValue?: string;
-} & __VLS_Props;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
+import { FzInputProps, FzInputModelValue, FzInputType } from './types';
+declare const _default: <TType extends FzInputType = "text">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+        readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: FzInputModelValue<TType>) => any) | undefined;
+        readonly "onFzinput:left-icon-click"?: (() => any) | undefined;
+        readonly "onFzinput:right-icon-click"?: (() => any) | undefined;
+        readonly "onFzinput:second-right-icon-click"?: (() => any) | undefined;
+        readonly "onUpdate:highlighted"?: ((value: boolean) => any) | undefined;
+        readonly "onUpdate:aiReasoning"?: ((value: boolean) => any) | undefined;
+        readonly "onFzinput:clear"?: (() => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onUpdate:modelValue" | "onFzinput:left-icon-click" | "onFzinput:right-icon-click" | "onFzinput:second-right-icon-click" | "onUpdate:highlighted" | "onUpdate:aiReasoning" | "onFzinput:clear"> & ({
+        modelValue?: FzInputModelValue<TType>;
+    } & FzInputProps<TType>) & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        inputRef: Ref<HTMLInputElement | null, HTMLInputElement | null>;
+        containerRef: Ref<HTMLElement | null, HTMLElement | null>;
+    }>): void;
+    attrs: any;
     slots: Readonly<{
         label?: () => unknown;
         "left-icon"?: () => unknown;
@@ -19,59 +32,11 @@ declare function __VLS_template(): {
         errorMessage?: () => unknown;
         helpText?: () => unknown;
     };
-    refs: {
-        containerRef: HTMLDivElement;
-        inputRef: HTMLInputElement;
-    };
-    rootEl: any;
+    emit: (((evt: "blur", event: FocusEvent) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "fzinput:left-icon-click") => void) & ((evt: "fzinput:right-icon-click") => void) & ((evt: "fzinput:second-right-icon-click") => void) & ((evt: "update:highlighted", value: boolean) => void) & ((evt: "update:aiReasoning", value: boolean) => void) & ((evt: "fzinput:clear") => void)) & ((evt: "update:modelValue", value: FzInputModelValue<TType>) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
-    inputRef: Ref<HTMLInputElement | null, HTMLInputElement | null>;
-    containerRef: Ref<HTMLElement | null, HTMLElement | null>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    focus: (event: FocusEvent) => any;
-    blur: (event: FocusEvent) => any;
-    "fzinput:left-icon-click": () => any;
-    "fzinput:right-icon-click": () => any;
-    "fzinput:second-right-icon-click": () => any;
-    "update:highlighted": (value: boolean) => any;
-    "update:aiReasoning": (value: boolean) => any;
-    "fzinput:clear": () => any;
-    "update:modelValue": (value: string) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onFocus?: ((event: FocusEvent) => any) | undefined;
-    onBlur?: ((event: FocusEvent) => any) | undefined;
-    "onFzinput:left-icon-click"?: (() => any) | undefined;
-    "onFzinput:right-icon-click"?: (() => any) | undefined;
-    "onFzinput:second-right-icon-click"?: (() => any) | undefined;
-    "onUpdate:highlighted"?: ((value: boolean) => any) | undefined;
-    "onUpdate:aiReasoning"?: ((value: boolean) => any) | undefined;
-    "onFzinput:clear"?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {
-    variant: "normal" | "floating-label";
-    type: "text" | "password" | "email" | "number" | "tel" | "url";
-    environment: InputEnvironment;
-    rightIconButtonVariant: import('@fiscozen/button').IconButtonVariant;
-    secondRightIconButtonVariant: import('@fiscozen/button').IconButtonVariant;
-    error: boolean;
-    highlighted: boolean;
-    highlightedDescription: string;
-    aiReasoning: boolean;
-    aiReasoningDescription: string;
-    disableEmphasisReset: boolean;
-    autocomplete: boolean;
-    clearable: boolean;
-    clearAriaLabel: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    containerRef: HTMLDivElement;
-    inputRef: HTMLInputElement;
-}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/src/index.d.ts

@@ -1,4 +1,8 @@
 export { default as FzInput } from './FzInput.vue';
+/**
+ * @deprecated Use `<FzInput type="currency">` instead. This wrapper is kept
+ * for backwards compatibility until the migration of all consumers is complete.
+ */
 export { default as FzCurrencyInput } from './FzCurrencyInput.vue';
 export type * from './types';
 export { sizeToEnvironmentMapping } from './utils';