@volvo-cars/react-forms - npm Package Compare versions

Comparing version 0.7.0 to 0.8.0

dist/checkbox.d.ts

@@ -67,3 +67,3 @@ /// <reference types="react" />
  */
-export declare function Checkbox({ label, id, hint, hidden, dir, lang, translate, slot, errorMessage, isValid, ...props }: CheckboxProps): JSX.Element;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

dist/date-input.d.ts

@@ -62,3 +62,3 @@ /// <reference types="react" />
  */
-export declare function DateInput({ hint, id, label, hidden, dir, errorMessage, lang, translate, slot, value, defaultValue, isValid, ...props }: DateInputProps): JSX.Element;
+export declare const DateInput: import("react").ForwardRefExoticComponent<DateInputProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

dist/email-input.d.ts

@@ -77,3 +77,3 @@ /// <reference types="react" />
  */
-export declare function EmailInput(props: EmailInputProps): JSX.Element;
+export declare const EmailInput: import("react").ForwardRefExoticComponent<EmailInputProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

dist/esm/index.js

 "use client"
-import{useState as $}from"react";import{jsx as K}from"react/jsx-runtime";function v({children:e,id:a,className:r=""}){return K("p",{id:a,className:`micro text-feedback-red empty:hidden ${r}`.trim(),role:"alert",children:e})}import{jsx as O}from"react/jsx-runtime";function c({children:e,id:a,className:r=""}){return O("p",{id:a,className:`micro text-secondary ${r}`.trim(),children:e})}import{useId as _}from"react";function m(e){let a=_();return{inputId:e||a+"-input",errorId:a+"-error",hintId:a+"-hint"}}import{jsx as L,jsxs as Q}from"react/jsx-runtime";function J({hint:e,id:a,label:r,hidden:P,dir:f,errorMessage:t,lang:g,translate:x,slot:s,value:p,defaultValue:n,isValid:i,...l}){let[o,d]=$(!p&&!n);function C(u){let{validity:H}=u.currentTarget,T=u.currentTarget.required;T||(u.currentTarget.required=!0),d(H.valueMissing&&!H.badInput),T||(u.currentTarget.required=!1)}let{inputId:I,errorId:h,hintId:y}=m(a),b=l["aria-invalid"]||i===!1||!!t;return Q("div",{className:"v-input-floating-label",hidden:P,dir:f,lang:g,translate:x,slot:s,children:[L("label",{htmlFor:I,children:r}),L("input",{...l,type:"date",id:I,value:p,defaultValue:n,onBlur:u=>{l.onBlur?.(u),C(u)},onChange:u=>{l.onChange?.(u),C(u)},"data-blank":o?"":void 0,"aria-invalid":b?!0:void 0,"aria-errormessage":t?h:void 0,"aria-describedby":e?y:void 0}),L(v,{id:h,className:"mt-4",children:t}),e&&L(c,{id:y,className:"mt-4",children:e})]})}import{useState as W}from"react";import{jsx as M,jsxs as S}from"react/jsx-runtime";function X({hint:e,id:a,label:r,hidden:P,dir:f,errorMessage:t,lang:g,translate:x,slot:s,defaultPasswordVisible:p=!1,showPasswordLabel:n,hidePasswordLabel:i,isValid:l,...o}){let[d,C]=W(p),{inputId:I,errorId:h,hintId:y}=m(a),b=o["aria-invalid"]||!!t;return S("div",{className:"v-input-floating-label",hidden:P,dir:f,lang:g,translate:x,slot:s,children:[M("label",{htmlFor:I,children:r}),S("div",{className:"v-input","data-input-delegate":!0,"aria-invalid":b?!0:void 0,children:[M("input",{placeholder:" ",...o,id:I,autoCorrect:"off",spellCheck:"false",autoCapitalize:"none",className:"bg-transparent",type:d?"text":"password","aria-invalid":b?!0:void 0,"aria-errormessage":b?h:void 0,"aria-describedby":e?y:void 0}),M("button",{type:"button",className:"v-input__password-visibility-control",...n&&i?{"aria-label":d?i:n,"aria-controls":I}:{"aria-hidden":!0,tabIndex:-1},onClick:()=>C(u=>!u)})]}),M(v,{id:h,className:"mt-4",children:t}),e&&M(c,{id:y,className:"mt-4",children:e})]})}import{jsx as U,jsxs as Z}from"react/jsx-runtime";function Y(e){return U(R,{...e,type:"text"})}function R({hint:e,id:a,label:r,hidden:P,dir:f,errorMessage:t,lang:g,translate:x,slot:s,isValid:p,...n}){let{inputId:i,errorId:l,hintId:o}=m(a),d=n["aria-invalid"]||p===!1||!!t;return Z("div",{className:"v-input-floating-label",hidden:P,dir:f,lang:g,translate:x,slot:s,children:[U("label",{htmlFor:i,children:r}),U("input",{placeholder:" ",...n,id:i,"aria-invalid":d?!0:void 0,"aria-errormessage":t?l:void 0,"aria-describedby":e?o:void 0}),U(v,{id:l,className:"mt-4",children:t}),e&&U(c,{id:o,className:"mt-4",children:e})]})}import{jsx as ee}from"react/jsx-runtime";function j(e){return ee(R,{...e,type:"email",inputMode:"email"})}import{jsx as te}from"react/jsx-runtime";function re(e){return te(R,{...e,type:"tel"})}import{jsx as ne}from"react/jsx-runtime";function oe(e){return ne(R,{...e,type:"url",inputMode:"url"})}import{Children as ae,isValidElement as le,useState as se}from"react";import{jsx as B,jsxs as G}from"react/jsx-runtime";function ie({hint:e,id:a,label:r,hidden:P,dir:f,errorMessage:t,lang:g,translate:x,slot:s,value:p,defaultValue:n,children:i,isValid:l,...o}){let d=!1;ae.forEach(i,E=>{le(E)&&E.type==="option"&&E.props.value===""&&(d=!0)});let[C,I]=se(!n),h=typeof p=="string",{inputId:y,errorId:b,hintId:u}=m(a),H=o["aria-invalid"]||l===!1||!!t,T=h?!p:C;return G("div",{className:"v-input-floating-label",hidden:P,dir:f,lang:g,translate:x,slot:s,children:[B("label",{htmlFor:y,children:r}),G("select",{...o,id:y,onChange:h?o.onChange:E=>{o.onChange?.(E),I(!E.target.value)},value:p,defaultValue:n,"data-blank":T?"":void 0,"aria-invalid":H?"true":void 0,"aria-errormessage":t?b:void 0,"aria-describedby":e?u:void 0,children:[!n&&!d&&B("option",{value:"",hidden:!T,disabled:!T,children:r}),i]}),B(v,{id:b,className:"mt-4",children:t}),e&&B(c,{id:u,className:"mt-4",children:e})]})}import{jsx as k,jsxs as D}from"react/jsx-runtime";function pe({label:e,id:a,hint:r,hidden:P,dir:f,lang:t,translate:g,slot:x,errorMessage:s,isValid:p,...n}){let{inputId:i,hintId:l,errorId:o}=m(a),d=n["aria-invalid"]||p===!1||!!s;return D("div",{className:"flex-row",hidden:P,dir:f,lang:t,translate:g,slot:x,children:[k("input",{...n,type:"checkbox",id:i,"aria-invalid":d?!0:void 0,"aria-errormessage":s?o:void 0,"aria-describedby":r?l:void 0}),D("div",{className:"flex-col stack-4 ml-8",children:[k("label",{htmlFor:i,children:e}),k(v,{id:o,children:s}),r&&k(c,{id:l,children:r})]})]})}import{useContext as ce}from"react";import{createContext as de}from"react";import{jsx as N,jsxs as F}from"react/jsx-runtime";function ue({legend:e,id:a,hint:r,name:P,children:f,required:t,defaultValue:g,value:x,hidden:s,dir:p,lang:n,translate:i,slot:l,errorMessage:o,onChange:d,form:C,enterKeyHint:I,readOnly:h,isValid:y,...b}){let{inputId:u,hintId:H,errorId:T}=m(a),E=b["aria-invalid"]||y===!1||!!o;return F("fieldset",{...b,hidden:s,dir:p,lang:n,translate:i,slot:l,form:C,id:u,role:"radiogroup","aria-invalid":E?!0:void 0,"aria-errormessage":o?T:void 0,"aria-describedby":r?H:void 0,"aria-required":t?!0:void 0,children:[N("legend",{className:"mb-4",children:e}),r&&N(c,{id:H,className:"mb-16",children:r}),F("div",{className:"stack-8",hidden:s,children:[N(v,{id:T,className:"mb-16",children:o}),N(q,{value:{defaultValue:g,enterKeyHint:I,form:C,name:P,onChange:d,readOnly:h,required:t,value:x},children:f})]})]})}var A=de({}),q=A.Provider;import{jsx as w,jsxs as z}from"react/jsx-runtime";function me({label:e,id:a,hint:r,hidden:P,dir:f,lang:t,translate:g,slot:x,value:s,...p}){let{inputId:n,hintId:i}=m(a),{value:l,defaultValue:o,...d}=ce(A),C,I;return typeof l<"u"?C=s===l:typeof o<"u"&&s===o&&(I=!0),z("div",{className:"flex-row",hidden:P,dir:f,lang:t,translate:g,slot:x,children:[w("input",{...p,...d,checked:C,defaultChecked:I,type:"radio",id:n,value:s}),r?z("div",{className:"flex-col stack-4 ml-8",children:[w("label",{htmlFor:n,children:e}),w(c,{id:i,children:r})]}):w("label",{htmlFor:n,className:"ml-8",children:e})]})}import{jsx as V,jsxs as fe}from"react/jsx-runtime";function Pe({hint:e,id:a,label:r,hidden:P,dir:f,errorMessage:t,lang:g,translate:x,slot:s,isValid:p,...n}){let{inputId:i,errorId:l,hintId:o}=m(a),d=n["aria-invalid"]||p===!1||!!t;return fe("div",{className:"v-input-floating-label",hidden:P,dir:f,lang:g,translate:x,slot:s,children:[V("label",{htmlFor:i,children:r}),V("textarea",{placeholder:" ",...n,id:i,"aria-invalid":d?!0:void 0,"aria-errormessage":t?l:void 0,"aria-describedby":e?o:void 0}),V(v,{id:l,className:"mb-4",children:t}),e&&V(c,{id:o,className:"mt-4",children:e})]})}export{pe as Checkbox,J as DateInput,j as EmailInput,v as ErrorMessage,c as Hint,X as PasswordInput,me as Radio,q as RadioContextProvider,ue as RadioGroup,ie as Select,re as TelInput,Pe as TextArea,Y as TextInput,oe as UrlInput};
+import{forwardRef as X,useState as Y}from"react";import{jsx as J}from"react/jsx-runtime";function b({children:c,id:e,className:t=""}){return J("p",{id:e,className:`micro text-feedback-red empty:hidden ${t}`.trim(),role:"alert",children:c})}import{jsx as Q}from"react/jsx-runtime";function v({children:c,id:e,className:t=""}){return Q("p",{id:e,className:`micro text-secondary ${t}`.trim(),children:c})}import{useId as W}from"react";function I(c){let e=W();return{inputId:c||e+"-input",errorId:e+"-error",hintId:e+"-hint"}}import{jsx as k,jsxs as j}from"react/jsx-runtime";var Z=X(function({hint:e,id:t,label:n,hidden:g,dir:p,errorMessage:r,lang:f,translate:d,slot:s,value:i,defaultValue:o,isValid:m,...l},a){let[u,x]=Y(!i&&!o);function h(P){let{validity:M}=P.currentTarget,L=P.currentTarget.required;L||(P.currentTarget.required=!0),x(M.valueMissing&&!M.badInput),L||(P.currentTarget.required=!1)}let{inputId:C,errorId:y,hintId:E}=I(t),T=l["aria-invalid"]||m===!1||!!r;return j("div",{className:"v-input-floating-label",hidden:g,dir:p,lang:f,translate:d,slot:s,children:[k("label",{htmlFor:C,children:n}),k("input",{...l,ref:a,type:"date",id:C,value:i,defaultValue:o,onBlur:P=>{l.onBlur?.(P),h(P)},onChange:P=>{l.onChange?.(P),h(P)},"data-blank":u?"":void 0,"aria-invalid":T?!0:void 0,"aria-errormessage":r?y:void 0,"aria-describedby":e?E:void 0}),k(b,{id:y,className:"mt-4",children:r}),e&&k(v,{id:E,className:"mt-4",children:e})]})});import{forwardRef as ee,useState as te}from"react";import{jsx as B,jsxs as F}from"react/jsx-runtime";var re=ee(function({hint:e,id:t,label:n,hidden:g,dir:p,errorMessage:r,lang:f,translate:d,slot:s,defaultPasswordVisible:i=!1,showPasswordLabel:o,hidePasswordLabel:m,isValid:l,...a},u){let[x,h]=te(i),{inputId:C,errorId:y,hintId:E}=I(t),T=a["aria-invalid"]||!!r;return F("div",{className:"v-input-floating-label",hidden:g,dir:p,lang:f,translate:d,slot:s,children:[B("label",{htmlFor:C,children:n}),F("div",{className:"v-input","data-input-delegate":!0,"aria-invalid":T?!0:void 0,children:[B("input",{placeholder:" ",...a,ref:u,id:C,autoCorrect:"off",spellCheck:"false",autoCapitalize:"none",className:"bg-transparent",type:x?"text":"password","aria-invalid":T?!0:void 0,"aria-errormessage":T?y:void 0,"aria-describedby":e?E:void 0}),B("button",{type:"button",className:"v-input__password-visibility-control",...o&&m?{"aria-label":x?m:o,"aria-controls":C}:{"aria-hidden":!0,tabIndex:-1},onClick:()=>h(P=>!P)})]}),B(b,{id:y,className:"mt-4",children:r}),e&&B(v,{id:E,className:"mt-4",children:e})]})});import{forwardRef as ae}from"react";import{forwardRef as z}from"react";import{jsx as U,jsxs as ne}from"react/jsx-runtime";var oe=z(function(e,t){return U(H,{...e,type:"text",ref:t})}),H=z(function({hint:e,id:t,label:n,hidden:g,dir:p,errorMessage:r,lang:f,translate:d,slot:s,isValid:i,...o},m){let{inputId:l,errorId:a,hintId:u}=I(t),x=o["aria-invalid"]||i===!1||!!r;return ne("div",{className:"v-input-floating-label",hidden:g,dir:p,lang:f,translate:d,slot:s,children:[U("label",{htmlFor:l,children:n}),U("input",{placeholder:" ",...o,ref:m,id:l,"aria-invalid":x?!0:void 0,"aria-errormessage":r?a:void 0,"aria-describedby":e?u:void 0}),U(b,{id:a,className:"mt-4",children:r}),e&&U(v,{id:u,className:"mt-4",children:e})]})});import{jsx as se}from"react/jsx-runtime";var le=ae(function(e,t){return se(H,{...e,type:"email",inputMode:"email",ref:t})});import{forwardRef as ie}from"react";import{jsx as de}from"react/jsx-runtime";var pe=ie(function(e,t){return de(H,{...e,type:"tel",ref:t})});import{forwardRef as ue}from"react";import{jsx as me}from"react/jsx-runtime";var ce=ue(function(e,t){return me(H,{...e,type:"url",inputMode:"url",ref:t})});import{Children as fe,forwardRef as Pe,isValidElement as ge,useState as xe}from"react";import{jsx as w,jsxs as q}from"react/jsx-runtime";var ve=Pe(function({hint:e,id:t,label:n,hidden:g,dir:p,errorMessage:r,lang:f,translate:d,slot:s,value:i,defaultValue:o,children:m,isValid:l,...a},u){let x=!1;fe.forEach(m,R=>{ge(R)&&R.type==="option"&&R.props.value===""&&(x=!0)});let[h,C]=xe(!o),y=typeof i=="string",{inputId:E,errorId:T,hintId:P}=I(t),M=a["aria-invalid"]||l===!1||!!r,L=y?!i:h;return q("div",{className:"v-input-floating-label",hidden:g,dir:p,lang:f,translate:d,slot:s,children:[w("label",{htmlFor:E,children:n}),q("select",{...a,ref:u,id:E,onChange:y?a.onChange:R=>{a.onChange?.(R),C(!R.target.value)},value:i,defaultValue:o,"data-blank":L?"":void 0,"aria-invalid":M?"true":void 0,"aria-errormessage":r?T:void 0,"aria-describedby":e?P:void 0,children:[!o&&!x&&w("option",{value:"",hidden:!L,disabled:!L,children:n}),m]}),w(b,{id:T,className:"mt-4",children:r}),e&&w(v,{id:P,className:"mt-4",children:e})]})});import{forwardRef as Ie}from"react";import{jsx as N,jsxs as K}from"react/jsx-runtime";var be=Ie(function({label:e,id:t,hint:n,hidden:g,dir:p,lang:r,translate:f,slot:d,errorMessage:s,isValid:i,...o},m){let{inputId:l,hintId:a,errorId:u}=I(t),x=o["aria-invalid"]||i===!1||!!s;return K("div",{className:"flex-row",hidden:g,dir:p,lang:r,translate:f,slot:d,children:[N("input",{...o,ref:m,type:"checkbox",id:l,"aria-invalid":x?!0:void 0,"aria-errormessage":s?u:void 0,"aria-describedby":n?a:void 0}),K("div",{className:"flex-col stack-4 ml-8",children:[N("label",{htmlFor:l,children:e}),N(b,{id:u,children:s}),n&&N(v,{id:a,children:n})]})]})});import{forwardRef as ye,useContext as Te}from"react";import{createContext as Ce}from"react";import{jsx as S,jsxs as O}from"react/jsx-runtime";function he({legend:c,id:e,hint:t,name:n,children:g,required:p,defaultValue:r,value:f,hidden:d,dir:s,lang:i,translate:o,slot:m,errorMessage:l,onChange:a,form:u,enterKeyHint:x,readOnly:h,isValid:C,...y}){let{inputId:E,hintId:T,errorId:P}=I(e),M=y["aria-invalid"]||C===!1||!!l;return O("fieldset",{...y,hidden:d,dir:s,lang:i,translate:o,slot:m,form:u,id:E,role:"radiogroup","aria-invalid":M?!0:void 0,"aria-errormessage":l?P:void 0,"aria-describedby":t?T:void 0,"aria-required":p?!0:void 0,children:[S("legend",{className:"mb-4",children:c}),t&&S(v,{id:T,className:"mb-16",children:t}),O("div",{className:"stack-8",hidden:d,children:[S(b,{id:P,className:"mb-16",children:l}),S(_,{value:{defaultValue:r,enterKeyHint:x,form:u,name:n,onChange:a,readOnly:h,required:p,value:f},children:g})]})]})}var G=Ce({}),_=G.Provider;import{jsx as A,jsxs as $}from"react/jsx-runtime";var Ee=ye(function({label:e,id:t,hint:n,hidden:g,dir:p,lang:r,translate:f,slot:d,value:s,...i},o){let{inputId:m,hintId:l}=I(t),{value:a,defaultValue:u,...x}=Te(G),h,C;return typeof a<"u"?h=s===a:typeof u<"u"&&s===u&&(C=!0),$("div",{className:"flex-row",hidden:g,dir:p,lang:r,translate:f,slot:d,children:[A("input",{...i,...x,ref:o,checked:h,defaultChecked:C,type:"radio",id:m,value:s}),n?$("div",{className:"flex-col stack-4 ml-8",children:[A("label",{htmlFor:m,children:e}),A(v,{id:l,children:n})]}):A("label",{htmlFor:m,className:"ml-8",children:e})]})});import{forwardRef as He}from"react";import{jsx as V,jsxs as Le}from"react/jsx-runtime";var Me=He(function({hint:e,id:t,label:n,hidden:g,dir:p,errorMessage:r,lang:f,translate:d,slot:s,isValid:i,...o},m){let{inputId:l,errorId:a,hintId:u}=I(t),x=o["aria-invalid"]||i===!1||!!r;return Le("div",{className:"v-input-floating-label",hidden:g,dir:p,lang:f,translate:d,slot:s,children:[V("label",{htmlFor:l,children:n}),V("textarea",{placeholder:" ",...o,ref:m,id:l,"aria-invalid":x?!0:void 0,"aria-errormessage":r?a:void 0,"aria-describedby":e?u:void 0}),V(b,{id:a,className:"mb-4",children:r}),e&&V(v,{id:u,className:"mt-4",children:e})]})});import{forwardRef as Re}from"react";import{Fragment as Ue,jsx as D,jsxs as ke}from"react/jsx-runtime";var Be=Re(function({color:e,size:t,loading:n,loadingLabel:g,disabled:p,children:r,variant:f="filled",...d},s){let i=!p&&n;return D("button",{ref:s,...d,onClick:o=>{(p||n)&&o.preventDefault(),d.onClick&&d.onClick(o)},type:"submit",className:f==="outlined"?"button-outlined":"button-filled","aria-disabled":p||n||void 0,"data-loading":i||void 0,"aria-live":typeof n=="boolean"?"polite":void 0,"data-color":f==="filled"&&e==="accent"||e==="destructive"?e:void 0,"data-size":t==="small"?"small":void 0,children:i?ke(Ue,{children:[D("span",{className:"invisible",children:r}),D("progress",{className:"spinner","aria-label":g})]}):r})});export{be as Checkbox,Z as DateInput,le as EmailInput,b as ErrorMessage,v as Hint,re as PasswordInput,Ee as Radio,_ as RadioContextProvider,he as RadioGroup,ve as Select,Be as SubmitButton,pe as TelInput,Me as TextArea,oe as TextInput,ce as UrlInput};
 //# sourceMappingURL=index.js.map

dist/index.d.ts

@@ -23,2 +23,4 @@ export { DateInput } from './date-input';
 export type { TextAreaProps, TextAreaControlledProps, TextAreaUncontrolledProps, } from './text-area';
+export { SubmitButton } from './submit-button';
+export type { SubmitButtonProps } from './submit-button';
 export { ErrorMessage } from './error-message';
@@ -25,0 +27,0 @@ export type { ErrorMessageProps } from './error-message';

dist/index.js

 "use client"
-var S=Object.defineProperty;var se=Object.getOwnPropertyDescriptor;var ie=Object.getOwnPropertyNames;var pe=Object.prototype.hasOwnProperty;var de=(e,r)=>{for(var t in r)S(e,t,{get:r[t],enumerable:!0})},ue=(e,r,t,d)=>{if(r&&typeof r=="object"||typeof r=="function")for(let l of ie(r))!pe.call(e,l)&&l!==t&&S(e,l,{get:()=>r[l],enumerable:!(d=se(r,l))||d.enumerable});return e};var ce=e=>ue(S({},"__esModule",{value:!0}),e);var me={};de(me,{Checkbox:()=>re,DateInput:()=>O,EmailInput:()=>Q,ErrorMessage:()=>f,Hint:()=>c,PasswordInput:()=>$,Radio:()=>ae,RadioContextProvider:()=>D,RadioGroup:()=>oe,Select:()=>ee,TelInput:()=>X,TextArea:()=>le,TextInput:()=>J,UrlInput:()=>Z});module.exports=ce(me);var K=require("react");var F=require("react/jsx-runtime");function f({children:e,id:r,className:t=""}){return(0,F.jsx)("p",{id:r,className:`micro text-feedback-red empty:hidden ${t}`.trim(),role:"alert",children:e})}var q=require("react/jsx-runtime");function c({children:e,id:r,className:t=""}){return(0,q.jsx)("p",{id:r,className:`micro text-secondary ${t}`.trim(),children:e})}var z=require("react");function g(e){let r=(0,z.useId)();return{inputId:e||r+"-input",errorId:r+"-error",hintId:r+"-hint"}}var N=require("react/jsx-runtime");function O({hint:e,id:r,label:t,hidden:d,dir:l,errorMessage:o,lang:x,translate:v,slot:i,value:u,defaultValue:a,isValid:p,...s}){let[n,m]=(0,K.useState)(!u&&!a);function C(P){let{validity:k}=P.currentTarget,T=P.currentTarget.required;T||(P.currentTarget.required=!0),m(k.valueMissing&&!k.badInput),T||(P.currentTarget.required=!1)}let{inputId:I,errorId:h,hintId:y}=g(r),b=s["aria-invalid"]||p===!1||!!o;return(0,N.jsxs)("div",{className:"v-input-floating-label",hidden:d,dir:l,lang:x,translate:v,slot:i,children:[(0,N.jsx)("label",{htmlFor:I,children:t}),(0,N.jsx)("input",{...s,type:"date",id:I,value:u,defaultValue:a,onBlur:P=>{s.onBlur?.(P),C(P)},onChange:P=>{s.onChange?.(P),C(P)},"data-blank":n?"":void 0,"aria-invalid":b?!0:void 0,"aria-errormessage":o?h:void 0,"aria-describedby":e?y:void 0}),(0,N.jsx)(f,{id:h,className:"mt-4",children:o}),e&&(0,N.jsx)(c,{id:y,className:"mt-4",children:e})]})}var _=require("react");var E=require("react/jsx-runtime");function $({hint:e,id:r,label:t,hidden:d,dir:l,errorMessage:o,lang:x,translate:v,slot:i,defaultPasswordVisible:u=!1,showPasswordLabel:a,hidePasswordLabel:p,isValid:s,...n}){let[m,C]=(0,_.useState)(u),{inputId:I,errorId:h,hintId:y}=g(r),b=n["aria-invalid"]||!!o;return(0,E.jsxs)("div",{className:"v-input-floating-label",hidden:d,dir:l,lang:x,translate:v,slot:i,children:[(0,E.jsx)("label",{htmlFor:I,children:t}),(0,E.jsxs)("div",{className:"v-input","data-input-delegate":!0,"aria-invalid":b?!0:void 0,children:[(0,E.jsx)("input",{placeholder:" ",...n,id:I,autoCorrect:"off",spellCheck:"false",autoCapitalize:"none",className:"bg-transparent",type:m?"text":"password","aria-invalid":b?!0:void 0,"aria-errormessage":b?h:void 0,"aria-describedby":e?y:void 0}),(0,E.jsx)("button",{type:"button",className:"v-input__password-visibility-control",...a&&p?{"aria-label":m?p:a,"aria-controls":I}:{"aria-hidden":!0,tabIndex:-1},onClick:()=>C(P=>!P)})]}),(0,E.jsx)(f,{id:h,className:"mt-4",children:o}),e&&(0,E.jsx)(c,{id:y,className:"mt-4",children:e})]})}var R=require("react/jsx-runtime");function J(e){return(0,R.jsx)(w,{...e,type:"text"})}function w({hint:e,id:r,label:t,hidden:d,dir:l,errorMessage:o,lang:x,translate:v,slot:i,isValid:u,...a}){let{inputId:p,errorId:s,hintId:n}=g(r),m=a["aria-invalid"]||u===!1||!!o;return(0,R.jsxs)("div",{className:"v-input-floating-label",hidden:d,dir:l,lang:x,translate:v,slot:i,children:[(0,R.jsx)("label",{htmlFor:p,children:t}),(0,R.jsx)("input",{placeholder:" ",...a,id:p,"aria-invalid":m?!0:void 0,"aria-errormessage":o?s:void 0,"aria-describedby":e?n:void 0}),(0,R.jsx)(f,{id:s,className:"mt-4",children:o}),e&&(0,R.jsx)(c,{id:n,className:"mt-4",children:e})]})}var W=require("react/jsx-runtime");function Q(e){return(0,W.jsx)(w,{...e,type:"email",inputMode:"email"})}var Y=require("react/jsx-runtime");function X(e){return(0,Y.jsx)(w,{...e,type:"tel"})}var j=require("react/jsx-runtime");function Z(e){return(0,j.jsx)(w,{...e,type:"url",inputMode:"url"})}var A=require("react");var M=require("react/jsx-runtime");function ee({hint:e,id:r,label:t,hidden:d,dir:l,errorMessage:o,lang:x,translate:v,slot:i,value:u,defaultValue:a,children:p,isValid:s,...n}){let m=!1;A.Children.forEach(p,H=>{(0,A.isValidElement)(H)&&H.type==="option"&&H.props.value===""&&(m=!0)});let[C,I]=(0,A.useState)(!a),h=typeof u=="string",{inputId:y,errorId:b,hintId:P}=g(r),k=n["aria-invalid"]||s===!1||!!o,T=h?!u:C;return(0,M.jsxs)("div",{className:"v-input-floating-label",hidden:d,dir:l,lang:x,translate:v,slot:i,children:[(0,M.jsx)("label",{htmlFor:y,children:t}),(0,M.jsxs)("select",{...n,id:y,onChange:h?n.onChange:H=>{n.onChange?.(H),I(!H.target.value)},value:u,defaultValue:a,"data-blank":T?"":void 0,"aria-invalid":k?"true":void 0,"aria-errormessage":o?b:void 0,"aria-describedby":e?P:void 0,children:[!a&&!m&&(0,M.jsx)("option",{value:"",hidden:!T,disabled:!T,children:t}),p]}),(0,M.jsx)(f,{id:b,className:"mt-4",children:o}),e&&(0,M.jsx)(c,{id:P,className:"mt-4",children:e})]})}var U=require("react/jsx-runtime");function re({label:e,id:r,hint:t,hidden:d,dir:l,lang:o,translate:x,slot:v,errorMessage:i,isValid:u,...a}){let{inputId:p,hintId:s,errorId:n}=g(r),m=a["aria-invalid"]||u===!1||!!i;return(0,U.jsxs)("div",{className:"flex-row",hidden:d,dir:l,lang:o,translate:x,slot:v,children:[(0,U.jsx)("input",{...a,type:"checkbox",id:p,"aria-invalid":m?!0:void 0,"aria-errormessage":i?n:void 0,"aria-describedby":t?s:void 0}),(0,U.jsxs)("div",{className:"flex-col stack-4 ml-8",children:[(0,U.jsx)("label",{htmlFor:p,children:e}),(0,U.jsx)(f,{id:n,children:i}),t&&(0,U.jsx)(c,{id:s,children:t})]})]})}var ne=require("react");var te=require("react");var L=require("react/jsx-runtime");function oe({legend:e,id:r,hint:t,name:d,children:l,required:o,defaultValue:x,value:v,hidden:i,dir:u,lang:a,translate:p,slot:s,errorMessage:n,onChange:m,form:C,enterKeyHint:I,readOnly:h,isValid:y,...b}){let{inputId:P,hintId:k,errorId:T}=g(r),H=b["aria-invalid"]||y===!1||!!n;return(0,L.jsxs)("fieldset",{...b,hidden:i,dir:u,lang:a,translate:p,slot:s,form:C,id:P,role:"radiogroup","aria-invalid":H?!0:void 0,"aria-errormessage":n?T:void 0,"aria-describedby":t?k:void 0,"aria-required":o?!0:void 0,children:[(0,L.jsx)("legend",{className:"mb-4",children:e}),t&&(0,L.jsx)(c,{id:k,className:"mb-16",children:t}),(0,L.jsxs)("div",{className:"stack-8",hidden:i,children:[(0,L.jsx)(f,{id:T,className:"mb-16",children:n}),(0,L.jsx)(D,{value:{defaultValue:x,enterKeyHint:I,form:C,name:d,onChange:m,readOnly:h,required:o,value:v},children:l})]})]})}var G=(0,te.createContext)({}),D=G.Provider;var B=require("react/jsx-runtime");function ae({label:e,id:r,hint:t,hidden:d,dir:l,lang:o,translate:x,slot:v,value:i,...u}){let{inputId:a,hintId:p}=g(r),{value:s,defaultValue:n,...m}=(0,ne.useContext)(G),C,I;return typeof s<"u"?C=i===s:typeof n<"u"&&i===n&&(I=!0),(0,B.jsxs)("div",{className:"flex-row",hidden:d,dir:l,lang:o,translate:x,slot:v,children:[(0,B.jsx)("input",{...u,...m,checked:C,defaultChecked:I,type:"radio",id:a,value:i}),t?(0,B.jsxs)("div",{className:"flex-col stack-4 ml-8",children:[(0,B.jsx)("label",{htmlFor:a,children:e}),(0,B.jsx)(c,{id:p,children:t})]}):(0,B.jsx)("label",{htmlFor:a,className:"ml-8",children:e})]})}var V=require("react/jsx-runtime");function le({hint:e,id:r,label:t,hidden:d,dir:l,errorMessage:o,lang:x,translate:v,slot:i,isValid:u,...a}){let{inputId:p,errorId:s,hintId:n}=g(r),m=a["aria-invalid"]||u===!1||!!o;return(0,V.jsxs)("div",{className:"v-input-floating-label",hidden:d,dir:l,lang:x,translate:v,slot:i,children:[(0,V.jsx)("label",{htmlFor:p,children:t}),(0,V.jsx)("textarea",{placeholder:" ",...a,id:p,"aria-invalid":m?!0:void 0,"aria-errormessage":o?s:void 0,"aria-describedby":e?n:void 0}),(0,V.jsx)(f,{id:s,className:"mb-4",children:o}),e&&(0,V.jsx)(c,{id:n,className:"mt-4",children:e})]})}0&&(module.exports={Checkbox,DateInput,EmailInput,ErrorMessage,Hint,PasswordInput,Radio,RadioContextProvider,RadioGroup,Select,TelInput,TextArea,TextInput,UrlInput});
+var K=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var Ie=Object.getOwnPropertyNames;var be=Object.prototype.hasOwnProperty;var Ce=(r,e)=>{for(var t in e)K(r,t,{get:e[t],enumerable:!0})},he=(r,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of Ie(e))!be.call(r,l)&&l!==t&&K(r,l,{get:()=>e[l],enumerable:!(o=ve(e,l))||o.enumerable});return r};var ye=r=>he(K({},"__esModule",{value:!0}),r);var Te={};Ce(Te,{Checkbox:()=>de,DateInput:()=>X,EmailInput:()=>ee,ErrorMessage:()=>I,Hint:()=>x,PasswordInput:()=>Y,Radio:()=>me,RadioContextProvider:()=>$,RadioGroup:()=>ce,Select:()=>ie,SubmitButton:()=>xe,TelInput:()=>oe,TextArea:()=>Pe,TextInput:()=>Z,UrlInput:()=>le});module.exports=ye(Te);var F=require("react");var J=require("react/jsx-runtime");function I({children:r,id:e,className:t=""}){return(0,J.jsx)("p",{id:e,className:`micro text-feedback-red empty:hidden ${t}`.trim(),role:"alert",children:r})}var Q=require("react/jsx-runtime");function x({children:r,id:e,className:t=""}){return(0,Q.jsx)("p",{id:e,className:`micro text-secondary ${t}`.trim(),children:r})}var W=require("react");function b(r){let e=(0,W.useId)();return{inputId:r||e+"-input",errorId:e+"-error",hintId:e+"-hint"}}var N=require("react/jsx-runtime"),X=(0,F.forwardRef)(function({hint:e,id:t,label:o,hidden:l,dir:u,errorMessage:n,lang:P,translate:c,slot:p,value:d,defaultValue:a,isValid:f,...i},s){let[m,v]=(0,F.useState)(!d&&!a);function h(g){let{validity:V}=g.currentTarget,G=g.currentTarget.required;G||(g.currentTarget.required=!0),v(V.valueMissing&&!V.badInput),G||(g.currentTarget.required=!1)}let{inputId:C,errorId:y,hintId:E}=b(t),T=i["aria-invalid"]||f===!1||!!n;return(0,N.jsxs)("div",{className:"v-input-floating-label",hidden:l,dir:u,lang:P,translate:c,slot:p,children:[(0,N.jsx)("label",{htmlFor:C,children:o}),(0,N.jsx)("input",{...i,ref:s,type:"date",id:C,value:d,defaultValue:a,onBlur:g=>{i.onBlur?.(g),h(g)},onChange:g=>{i.onChange?.(g),h(g)},"data-blank":m?"":void 0,"aria-invalid":T?!0:void 0,"aria-errormessage":n?y:void 0,"aria-describedby":e?E:void 0}),(0,N.jsx)(I,{id:y,className:"mt-4",children:n}),e&&(0,N.jsx)(x,{id:E,className:"mt-4",children:e})]})});var z=require("react");var H=require("react/jsx-runtime"),Y=(0,z.forwardRef)(function({hint:e,id:t,label:o,hidden:l,dir:u,errorMessage:n,lang:P,translate:c,slot:p,defaultPasswordVisible:d=!1,showPasswordLabel:a,hidePasswordLabel:f,isValid:i,...s},m){let[v,h]=(0,z.useState)(d),{inputId:C,errorId:y,hintId:E}=b(t),T=s["aria-invalid"]||!!n;return(0,H.jsxs)("div",{className:"v-input-floating-label",hidden:l,dir:u,lang:P,translate:c,slot:p,children:[(0,H.jsx)("label",{htmlFor:C,children:o}),(0,H.jsxs)("div",{className:"v-input","data-input-delegate":!0,"aria-invalid":T?!0:void 0,children:[(0,H.jsx)("input",{placeholder:" ",...s,ref:m,id:C,autoCorrect:"off",spellCheck:"false",autoCapitalize:"none",className:"bg-transparent",type:v?"text":"password","aria-invalid":T?!0:void 0,"aria-errormessage":T?y:void 0,"aria-describedby":e?E:void 0}),(0,H.jsx)("button",{type:"button",className:"v-input__password-visibility-control",...a&&f?{"aria-label":v?f:a,"aria-controls":C}:{"aria-hidden":!0,tabIndex:-1},onClick:()=>h(g=>!g)})]}),(0,H.jsx)(I,{id:y,className:"mt-4",children:n}),e&&(0,H.jsx)(x,{id:E,className:"mt-4",children:e})]})});var j=require("react");var O=require("react");var M=require("react/jsx-runtime"),Z=(0,O.forwardRef)(function(e,t){return(0,M.jsx)(S,{...e,type:"text",ref:t})}),S=(0,O.forwardRef)(function({hint:e,id:t,label:o,hidden:l,dir:u,errorMessage:n,lang:P,translate:c,slot:p,isValid:d,...a},f){let{inputId:i,errorId:s,hintId:m}=b(t),v=a["aria-invalid"]||d===!1||!!n;return(0,M.jsxs)("div",{className:"v-input-floating-label",hidden:l,dir:u,lang:P,translate:c,slot:p,children:[(0,M.jsx)("label",{htmlFor:i,children:o}),(0,M.jsx)("input",{placeholder:" ",...a,ref:f,id:i,"aria-invalid":v?!0:void 0,"aria-errormessage":n?s:void 0,"aria-describedby":e?m:void 0}),(0,M.jsx)(I,{id:s,className:"mt-4",children:n}),e&&(0,M.jsx)(x,{id:m,className:"mt-4",children:e})]})});var te=require("react/jsx-runtime"),ee=(0,j.forwardRef)(function(e,t){return(0,te.jsx)(S,{...e,type:"email",inputMode:"email",ref:t})});var re=require("react");var ne=require("react/jsx-runtime"),oe=(0,re.forwardRef)(function(e,t){return(0,ne.jsx)(S,{...e,type:"tel",ref:t})});var ae=require("react");var se=require("react/jsx-runtime"),le=(0,ae.forwardRef)(function(e,t){return(0,se.jsx)(S,{...e,type:"url",inputMode:"url",ref:t})});var R=require("react");var L=require("react/jsx-runtime"),ie=(0,R.forwardRef)(function({hint:e,id:t,label:o,hidden:l,dir:u,errorMessage:n,lang:P,translate:c,slot:p,value:d,defaultValue:a,children:f,isValid:i,...s},m){let v=!1;R.Children.forEach(f,D=>{(0,R.isValidElement)(D)&&D.type==="option"&&D.props.value===""&&(v=!0)});let[h,C]=(0,R.useState)(!a),y=typeof d=="string",{inputId:E,errorId:T,hintId:g}=b(t),V=s["aria-invalid"]||i===!1||!!n,G=y?!d:h;return(0,L.jsxs)("div",{className:"v-input-floating-label",hidden:l,dir:u,lang:P,translate:c,slot:p,children:[(0,L.jsx)("label",{htmlFor:E,children:o}),(0,L.jsxs)("select",{...s,ref:m,id:E,onChange:y?s.onChange:D=>{s.onChange?.(D),C(!D.target.value)},value:d,defaultValue:a,"data-blank":G?"":void 0,"aria-invalid":V?"true":void 0,"aria-errormessage":n?T:void 0,"aria-describedby":e?g:void 0,children:[!a&&!v&&(0,L.jsx)("option",{value:"",hidden:!G,disabled:!G,children:o}),f]}),(0,L.jsx)(I,{id:T,className:"mt-4",children:n}),e&&(0,L.jsx)(x,{id:g,className:"mt-4",children:e})]})});var pe=require("react");var B=require("react/jsx-runtime"),de=(0,pe.forwardRef)(function({label:e,id:t,hint:o,hidden:l,dir:u,lang:n,translate:P,slot:c,errorMessage:p,isValid:d,...a},f){let{inputId:i,hintId:s,errorId:m}=b(t),v=a["aria-invalid"]||d===!1||!!p;return(0,B.jsxs)("div",{className:"flex-row",hidden:l,dir:u,lang:n,translate:P,slot:c,children:[(0,B.jsx)("input",{...a,ref:f,type:"checkbox",id:i,"aria-invalid":v?!0:void 0,"aria-errormessage":p?m:void 0,"aria-describedby":o?s:void 0}),(0,B.jsxs)("div",{className:"flex-col stack-4 ml-8",children:[(0,B.jsx)("label",{htmlFor:i,children:e}),(0,B.jsx)(I,{id:m,children:p}),o&&(0,B.jsx)(x,{id:s,children:o})]})]})});var q=require("react");var ue=require("react");var U=require("react/jsx-runtime");function ce({legend:r,id:e,hint:t,name:o,children:l,required:u,defaultValue:n,value:P,hidden:c,dir:p,lang:d,translate:a,slot:f,errorMessage:i,onChange:s,form:m,enterKeyHint:v,readOnly:h,isValid:C,...y}){let{inputId:E,hintId:T,errorId:g}=b(e),V=y["aria-invalid"]||C===!1||!!i;return(0,U.jsxs)("fieldset",{...y,hidden:c,dir:p,lang:d,translate:a,slot:f,form:m,id:E,role:"radiogroup","aria-invalid":V?!0:void 0,"aria-errormessage":i?g:void 0,"aria-describedby":t?T:void 0,"aria-required":u?!0:void 0,children:[(0,U.jsx)("legend",{className:"mb-4",children:r}),t&&(0,U.jsx)(x,{id:T,className:"mb-16",children:t}),(0,U.jsxs)("div",{className:"stack-8",hidden:c,children:[(0,U.jsx)(I,{id:g,className:"mb-16",children:i}),(0,U.jsx)($,{value:{defaultValue:n,enterKeyHint:v,form:m,name:o,onChange:s,readOnly:h,required:u,value:P},children:l})]})]})}var _=(0,ue.createContext)({}),$=_.Provider;var k=require("react/jsx-runtime"),me=(0,q.forwardRef)(function({label:e,id:t,hint:o,hidden:l,dir:u,lang:n,translate:P,slot:c,value:p,...d},a){let{inputId:f,hintId:i}=b(t),{value:s,defaultValue:m,...v}=(0,q.useContext)(_),h,C;return typeof s<"u"?h=p===s:typeof m<"u"&&p===m&&(C=!0),(0,k.jsxs)("div",{className:"flex-row",hidden:l,dir:u,lang:n,translate:P,slot:c,children:[(0,k.jsx)("input",{...d,...v,ref:a,checked:h,defaultChecked:C,type:"radio",id:f,value:p}),o?(0,k.jsxs)("div",{className:"flex-col stack-4 ml-8",children:[(0,k.jsx)("label",{htmlFor:f,children:e}),(0,k.jsx)(x,{id:i,children:o})]}):(0,k.jsx)("label",{htmlFor:f,className:"ml-8",children:e})]})});var fe=require("react");var A=require("react/jsx-runtime"),Pe=(0,fe.forwardRef)(function({hint:e,id:t,label:o,hidden:l,dir:u,errorMessage:n,lang:P,translate:c,slot:p,isValid:d,...a},f){let{inputId:i,errorId:s,hintId:m}=b(t),v=a["aria-invalid"]||d===!1||!!n;return(0,A.jsxs)("div",{className:"v-input-floating-label",hidden:l,dir:u,lang:P,translate:c,slot:p,children:[(0,A.jsx)("label",{htmlFor:i,children:o}),(0,A.jsx)("textarea",{placeholder:" ",...a,ref:f,id:i,"aria-invalid":v?!0:void 0,"aria-errormessage":n?s:void 0,"aria-describedby":e?m:void 0}),(0,A.jsx)(I,{id:s,className:"mb-4",children:n}),e&&(0,A.jsx)(x,{id:m,className:"mt-4",children:e})]})});var ge=require("react"),w=require("react/jsx-runtime"),xe=(0,ge.forwardRef)(function({color:e,size:t,loading:o,loadingLabel:l,disabled:u,children:n,variant:P="filled",...c},p){let d=!u&&o;return(0,w.jsx)("button",{ref:p,...c,onClick:a=>{(u||o)&&a.preventDefault(),c.onClick&&c.onClick(a)},type:"submit",className:P==="outlined"?"button-outlined":"button-filled","aria-disabled":u||o||void 0,"data-loading":d||void 0,"aria-live":typeof o=="boolean"?"polite":void 0,"data-color":P==="filled"&&e==="accent"||e==="destructive"?e:void 0,"data-size":t==="small"?"small":void 0,children:d?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("span",{className:"invisible",children:n}),(0,w.jsx)("progress",{className:"spinner","aria-label":l})]}):n})});0&&(module.exports={Checkbox,DateInput,EmailInput,ErrorMessage,Hint,PasswordInput,Radio,RadioContextProvider,RadioGroup,Select,SubmitButton,TelInput,TextArea,TextInput,UrlInput});
 //# sourceMappingURL=index.js.map

dist/password-input.d.ts

@@ -20,2 +20,6 @@ /// <reference types="react" />
     /**
+     * Specifies the visible width, in characters, of the input.
+     */
+    size?: number;
+    /**
      * Minimum length of the password.
@@ -74,3 +78,3 @@ */
  */
-export declare function PasswordInput({ hint, id, label, hidden, dir, errorMessage, lang, translate, slot, defaultPasswordVisible, showPasswordLabel, hidePasswordLabel, isValid, ...props }: PasswordInputProps): JSX.Element;
+export declare const PasswordInput: import("react").ForwardRefExoticComponent<PasswordInputProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

dist/radio.d.ts

@@ -24,3 +24,3 @@ /// <reference types="react" />
  */
-export declare function Radio({ label, id, hint, hidden, dir, lang, translate, slot, value, ...props }: RadioProps): JSX.Element;
+export declare const Radio: import("react").ForwardRefExoticComponent<BaseRadioProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

dist/select.d.ts

@@ -71,3 +71,3 @@ /// <reference types="react" />
  */
-export declare function Select({ hint, id, label, hidden, dir, errorMessage, lang, translate, slot, value, defaultValue, children, isValid, ...props }: SelectProps): JSX.Element;
+export declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLSelectElement>>;
 export {};

dist/tel-input.d.ts

@@ -19,2 +19,6 @@ /// <reference types="react" />
     /**
+     * Specifies the visible width, in characters, of the input.
+     */
+    size?: number;
+    /**
      * Regular expression that the telephone number must match.
@@ -73,3 +77,3 @@ */
  */
-export declare function TelInput(props: TelInputProps): JSX.Element;
+export declare const TelInput: import("react").ForwardRefExoticComponent<TelInputProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

dist/text-area.d.ts

@@ -82,3 +82,3 @@ /// <reference types="react" />
  */
-export declare function TextArea({ hint, id, label, hidden, dir, errorMessage, lang, translate, slot, isValid, ...props }: TextAreaProps): JSX.Element;
+export declare const TextArea: import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
 export {};

dist/text-input.d.ts

@@ -13,2 +13,6 @@ /// <reference types="react" />
     /**
+     * Specifies the visible width, in characters, of the input.
+     */
+    size?: number;
+    /**
      * Minimum length of the input value.
@@ -83,3 +87,3 @@ */
  */
-export declare function TextInput(props: TextInputProps): JSX.Element;
+export declare const TextInput: import("react").ForwardRefExoticComponent<TextInputProps & import("react").RefAttributes<HTMLInputElement>>;
 /**
@@ -89,7 +93,7 @@ * TextInput should be used when the information is known by the user.
  */
-export declare function TextLikeInput({ hint, id, label, hidden, dir, errorMessage, lang, translate, slot, isValid, ...props }: Omit<TextInputProps, 'inputMode' | 'autoComplete'> & {
+export declare const TextLikeInput: import("react").ForwardRefExoticComponent<Omit<TextInputProps, "autoComplete" | "inputMode"> & {
     type: string;
-    autoComplete?: string;
-    inputMode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
-}): JSX.Element;
+    autoComplete?: string | undefined;
+    inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+} & import("react").RefAttributes<HTMLInputElement>>;
 export {};

dist/url-input.d.ts

@@ -76,3 +76,3 @@ /// <reference types="react" />
  */
-export declare function UrlInput(props: UrlInputProps): JSX.Element;
+export declare const UrlInput: import("react").ForwardRefExoticComponent<UrlInputProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package.json

 {
   "name": "@volvo-cars/react-forms",
   "description": "React form components",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "license": "UNLICENSED",
@@ -6,0 +6,0 @@ "sideEffects": false,

No alert changes

Improved metrics

Total package byte prevSize

182825

increased by14.85%

Number of package files

23

increased by4.55%

Lines of code

1156

increased by15.72%

No dependency changes