@nubisco/ui 5.19.1 → 5.21.0

package/dist/DatePicker-Bf-H59iv.cjs

@@ -0,0 +1 @@
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Icon-C8R_r_In.cjs`),t=require(`./composables/useSurfaceLayer.composable.cjs`),n=require(`./composables/usePhoneLayout.composable.cjs`),r=require(`./Label-wjk0O-kq.cjs`),i=require(`./Message-MKemyYRl.cjs`),a=require(`./Grid-BhBKhgln.cjs`),o=require(`./composables/useMenuSurface.composable.cjs`),s=require(`./composables/useVisualViewportVar.composable.cjs`);let c=require(`vue`),l=require(`@nubisco/ui/icons/caret-right`),u=require(`@nubisco/ui/icons/calendar`),d=require(`@nubisco/ui/icons/caret-double-left`),ee=require(`@nubisco/ui/icons/caret-left`),te=require(`@nubisco/ui/icons/caret-double-right`);var ne={class:`nb-date-picker__col`},re=[`id`,`value`,`placeholder`,`disabled`,`readonly`,`required`,`name`,`aria-invalid`,`aria-describedby`],ie=[`disabled`,`aria-label`],ae={key:0,class:`nb-date-picker__col`},oe=[`id`,`value`,`placeholder`,`disabled`,`readonly`,`required`,`aria-invalid`,`aria-describedby`],se=[`disabled`,`aria-label`],ce={key:0,class:`nb-date-picker__inner-header`},le=[`for`],ue={key:0,class:`nb-date-picker__asterisk`,"aria-hidden":`true`},de={class:`nb-date-picker__fluid-row`},fe=[`id`,`value`,`placeholder`,`disabled`,`readonly`,`required`,`name`,`aria-invalid`],pe=[`disabled`,`aria-label`],me={key:0,class:`nb-date-picker__inner-header`},he=[`for`],ge={key:0,class:`nb-date-picker__asterisk`,"aria-hidden":`true`},_e={class:`nb-date-picker__fluid-row`},ve=[`id`,`value`,`placeholder`,`disabled`,`readonly`,`required`,`aria-invalid`],ye=[`disabled`,`aria-label`],be=[`aria-label`],xe={class:`nb-date-picker__cal-header`},Se=[`id`],Ce=[`aria-labelledby`],we={class:`nb-date-picker__cal-weekdays`},Te=[`abbr`],Ee=[`aria-selected`,`aria-disabled`],De=[`tabindex`,`disabled`,`aria-label`,`data-date`,`onClick`],f=(0,c.defineComponent)({inheritAttrs:!1,__name:`DatePicker`,props:{modelValue:{default:null},type:{default:`single`},endValue:{default:null},min:{default:void 0},max:{default:void 0},weekStart:{default:1},locale:{default:void 0},endPlaceholder:{default:``},endLabel:{default:``},endError:{default:``},endWarning:{default:``},disabledDates:{type:[Array,Function],default:void 0},readonly:{type:Boolean,default:!1},placeholder:{default:``},name:{default:``},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},id:{default:void 0},label:{default:``},error:{default:``},warning:{default:``},helper:{default:``},variant:{default:`default`},size:{default:`md`}},emits:[`update:modelValue`,`update:endValue`,`change`],setup(f,{expose:Oe,emit:ke}){let p=f,{layerProps:Ae}=t.useSurfaceLayer({overlay:!0}),m=ke,je=`nb-date-picker-${(0,c.useId)()}`,h=(0,c.computed)(()=>p.id??je),g=(0,c.computed)(()=>`${h.value}-end`),_=(0,c.computed)(()=>`${h.value}-helper`),Me=(0,c.computed)(()=>`${h.value}-message`),Ne=(0,c.computed)(()=>`${h.value}-end-message`),Pe=(0,c.computed)(()=>`${h.value}-cal-title`),v=(0,c.ref)(null),Fe=(0,c.computed)(()=>v.value!==null),y=(0,c.ref)(!1),b=(0,c.ref)($(new Date)),x=(0,c.ref)(null),S=(0,c.ref)(null),C=(0,c.ref)(null),w=(0,c.ref)(null);o.useMenuSurface(w);let{phone:T}=n.usePhoneLayout(),Ie=(0,c.ref)(null);s.useVisualViewportVar(()=>y.value);let Le=(0,c.ref)({position:`fixed`,top:`0px`,left:`0px`,zIndex:`9999`}),E=(0,c.ref)(`start`),D=(0,c.computed)(()=>p.locale||navigator.language||`pt-PT`),O=(0,c.computed)(()=>new Intl.DateTimeFormat(D.value).formatToParts(new Date(2e3,0,15)).map(e=>e.type===`day`?`dd`:e.type===`month`?`mm`:e.type===`year`?`yyyy`:e.value).join(``));function k(e){if(!e)return``;let t=new Date(e+`T00:00:00`);return isNaN(t.getTime())?e:t.toLocaleDateString(D.value)}function Re(e){return new Date(e+`T00:00:00`).toLocaleDateString(D.value,{weekday:`long`,year:`numeric`,month:`long`,day:`numeric`})}let A=(0,c.computed)(()=>k(p.modelValue??null)),ze=(0,c.computed)(()=>k(p.endValue??null)),j=(0,c.computed)(()=>p.error?{variant:`error`,text:p.error}:p.warning?{variant:`warning`,text:p.warning}:null),M=(0,c.computed)(()=>p.type===`range`?p.endError?{variant:`error`,text:p.endError}:p.endWarning?{variant:`warning`,text:p.endWarning}:null:null),N=(0,c.computed)(()=>j.value?j.value:p.helper?{variant:`helper`,text:p.helper}:null),Be=(0,c.computed)(()=>{if(p.variant===`default`)return j.value?Me.value:p.helper?_.value:void 0}),Ve=(0,c.computed)(()=>{if(p.variant===`default`)return M.value?Ne.value:p.helper?_.value:void 0}),P=(0,c.computed)(()=>p.type===`range`&&!!p.endLabel),He=(0,c.computed)(()=>p.endLabel||p.endPlaceholder);function F(e){return p.min!=null&&e<p.min||p.max!=null&&e>p.max?!0:p.disabledDates?typeof p.disabledDates==`function`?p.disabledDates(e):p.disabledDates.includes(e):!1}let Ue=(0,c.computed)(()=>new Intl.DateTimeFormat(D.value).formatToParts(new Date(2e3,0,15)).map(e=>e.type).filter(e=>e===`day`||e===`month`||e===`year`));function We(e,t,n){let r=new Date(e,t-1,n);return r.getMonth()!==t-1||r.getDate()!==n?null:(r.setFullYear(e),$(r))}function Ge(e){let t=e.split(/[\s./-]+/).filter(Boolean);if(t.length!==3)return null;let n=t[0].length===4?[`year`,`month`,`day`]:Ue.value;if(n.length!==3)return null;let r={day:0,month:0,year:0};for(let e=0;e<3;e++){let i=n[e],a=t[e];if(i===`year`?a.length!==4:a.length>2)return null;r[i]=Number(a)}return We(r.year,r.month,r.day)}function Ke(e){let t=e.trim();if(!t)return null;if(/^\d{4}-\d{2}-\d{2}$/.test(t)){let e=new Date(t+`T00:00:00`);return isNaN(e.getTime())?null:t}if(/^[\d\s./-]+$/.test(t))return Ge(t);let n=new Date(t);return isNaN(n.getTime())?null:$(n)}function qe(e){let t=e.target.value,n=Ke(t);n&&F(n)||(n||t===``)&&(m(`update:modelValue`,n),m(`change`,n))}function Je(e){let t=e.target.value,n=Ke(t);n&&F(n)||(n||t===``)&&m(`update:endValue`,n)}function I(e){v.value=e.target===C.value?`end`:`start`,p.type!==`simple`&&!p.readonly&&(E.value=v.value,y.value?z():B())}function L(){v.value=null}function R(e){if(!(p.type===`simple`||p.readonly))switch(e.key){case`Escape`:y.value&&(V(),e.preventDefault());break;case`ArrowDown`:e.preventDefault(),y.value||B(),(0,c.nextTick)(U);break;case`Enter`:y.value||(e.preventDefault(),B(),(0,c.nextTick)(U));break}}function z(){let e=x.value?.querySelectorAll(`.nb-date-picker__input-wrapper`);if(!e?.length)return;let t=(E.value===`end`&&e.length>1?e[1]:e[0]).getBoundingClientRect(),n=w.value?.offsetWidth??0,r=w.value?.offsetHeight??0,i=t.left,a=t.bottom+4;n>0&&(i=Math.max(8,Math.min(i,window.innerWidth-n-8))),r>0&&a+r>window.innerHeight-8&&t.top-4-r>=8&&(a=t.top-4-r),Le.value={position:`fixed`,top:`${a}px`,left:`${i}px`,zIndex:`9999`}}function B(){if(p.disabled||p.readonly||p.type===`simple`||y.value)return;y.value=!0;let e=E.value===`end`&&p.endValue?p.endValue:p.modelValue,t=e?new Date(e+`T00:00:00`):new Date;X.value=t.getFullYear(),Z.value=t.getMonth(),b.value=e||$(new Date),z(),(0,c.nextTick)(z)}function V(){y.value&&(y.value=!1,(0,c.nextTick)(()=>{E.value===`end`&&C.value?C.value.focus():S.value?.focus()}))}function H(){y.value?V():(E.value=`start`,B(),(0,c.nextTick)(U))}function U(){(0,c.nextTick)(()=>{(w.value?.querySelector(`[data-date="${b.value}"]`))?.focus()})}function Ye(e){F(e)||(p.type===`range`?E.value===`start`?(m(`update:modelValue`,e),m(`change`,e),E.value=`end`,b.value=e,(0,c.nextTick)(()=>C.value?.focus())):(p.modelValue&&e<p.modelValue?(m(`update:endValue`,p.modelValue),m(`update:modelValue`,e),m(`change`,e)):m(`update:endValue`,e),V()):(m(`update:modelValue`,e),m(`change`,e),V()))}function Xe(e){let t=new Date(b.value+`T00:00:00`),n=!0;switch(e.key){case`ArrowRight`:W(t,1);break;case`ArrowLeft`:W(t,-1);break;case`ArrowDown`:W(t,7);break;case`ArrowUp`:W(t,-7);break;case`Home`:G(t,`start`);break;case`End`:G(t,`end`);break;case`PageUp`:e.shiftKey?K(t,-12):K(t,-1);break;case`PageDown`:e.shiftKey?K(t,12):K(t,1);break;case`Enter`:case` `:e.preventDefault(),Ye(b.value);return;case`Escape`:V();break;case`Tab`:V();return;default:n=!1}n&&e.preventDefault()}function W(e,t){let n=new Date(e);n.setDate(n.getDate()+t),q(n)}function G(e,t){let n=e.getDay();p.weekStart===1&&(n=n===0?6:n-1);let r=t===`start`?-n:6-n,i=new Date(e);i.setDate(i.getDate()+r),q(i)}function K(e,t){let n=new Date(e);n.setMonth(n.getMonth()+t),n.getDate()!==e.getDate()&&n.setDate(0),q(n)}function q(e){let t=$(e);p.min!=null&&t<p.min||p.max!=null&&t>p.max||(b.value=t,X.value=e.getFullYear(),Z.value=e.getMonth(),U())}function J(e){let t=e.target,n=x.value?.contains(t)??!1,r=w.value?.contains(t)??!1,i=Ie.value?.contains(t)??!1;!n&&!r&&!i&&V()}function Y(){y.value&&z()}(0,c.watch)(y,e=>{e?(document.addEventListener(`mousedown`,J),window.addEventListener(`scroll`,Y,!0),window.addEventListener(`resize`,Y)):(document.removeEventListener(`mousedown`,J),window.removeEventListener(`scroll`,Y,!0),window.removeEventListener(`resize`,Y))}),(0,c.onBeforeUnmount)(()=>{document.removeEventListener(`mousedown`,J),window.removeEventListener(`scroll`,Y,!0),window.removeEventListener(`resize`,Y)});let X=(0,c.ref)(new Date().getFullYear()),Z=(0,c.ref)(new Date().getMonth());function Q(e){let t=X.value*12+Z.value+e;X.value=Math.floor(t/12),Z.value=(t%12+12)%12;let n=new Date(b.value+`T00:00:00`).getDate(),r=new Date(X.value,Z.value+1,0).getDate();b.value=$(new Date(X.value,Z.value,Math.min(n,r))),U()}let Ze=()=>Q(-1),Qe=()=>Q(1),$e=()=>Q(-12),et=()=>Q(12),tt=(0,c.computed)(()=>{let e=new Date(X.value,Z.value,1).toLocaleDateString(D.value,{month:`long`,year:`numeric`});return e.charAt(0).toUpperCase()+e.slice(1)}),nt=(0,c.computed)(()=>{let e=[],t=new Date(2024,0,p.weekStart===0?7:1);for(let n=0;n<7;n++){let r=new Date(t);r.setDate(t.getDate()+n);let i=r.toLocaleDateString(D.value,{weekday:`narrow`}).toUpperCase(),a=r.toLocaleDateString(D.value,{weekday:`long`});e.push({narrow:i,full:a.charAt(0).toUpperCase()+a.slice(1)})}return e});function $(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`}let rt=(0,c.computed)(()=>$(new Date)),it=(0,c.computed)(()=>{let e=X.value,t=Z.value,n=new Date(e,t,1),r=new Date(e,t+1,0),i=n.getDay();p.weekStart===1&&(i=i===0?6:i-1);let a=[],o=p.modelValue??null,s=p.endValue??null,c=o&&s?o<s?o:s:null,l=o&&s?o<s?s:o:null;function u(e,t){let n=$(e);return{key:n,date:n,day:e.getDate(),inMonth:t,isToday:n===rt.value,isSelected:n===o||n===s,inRange:c!=null&&l!=null&&n>c&&n<l,isRangeStart:n===c&&l!=null,isRangeEnd:n===l&&c!=null,isDisabled:F(n)}}for(let n=i-1;n>=0;n--)a.push(u(new Date(e,t,-n),!1));for(let n=1;n<=r.getDate();n++)a.push(u(new Date(e,t,n),!0));let d=7-a.length%7;if(d<7)for(let n=1;n<=d;n++)a.push(u(new Date(e,t+1,n),!1));return a}),at=(0,c.computed)(()=>{let e=[];for(let t=0;t<it.value.length;t+=7)e.push(it.value.slice(t,t+7));return e}),ot=(0,c.computed)(()=>[`nb-date-picker`,`nb-date-picker--${p.variant}`,`nb-date-picker--${p.size}`,`nb-date-picker--${p.type}`,{"nb-date-picker--focused":Fe.value,"nb-date-picker--open":y.value,"nb-date-picker--error":!!p.error||!!p.endError,"nb-date-picker--warning":!p.error&&!p.endError&&(!!p.warning||!!p.endWarning),"nb-date-picker--disabled":p.disabled,"nb-date-picker--readonly":p.readonly}]),st=(0,c.computed)(()=>({"nb-date-picker__input-wrapper--focused":v.value===`start`,"nb-date-picker__input-wrapper--error":!!p.error,"nb-date-picker__input-wrapper--warning":!p.error&&!!p.warning,"nb-date-picker__input-wrapper--disabled":p.disabled,"nb-date-picker__input-wrapper--readonly":p.readonly})),ct=(0,c.computed)(()=>({"nb-date-picker__input-wrapper--focused":v.value===`end`,"nb-date-picker__input-wrapper--error":!!p.endError,"nb-date-picker__input-wrapper--warning":!p.endError&&!!p.endWarning,"nb-date-picker__input-wrapper--disabled":p.disabled,"nb-date-picker__input-wrapper--readonly":p.readonly}));return Oe({open:B,close:V,focus:()=>S.value?.focus()}),(t,n)=>((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,null,[(0,c.createElementVNode)(`div`,{ref_key:`rootRef`,ref:x,class:(0,c.normalizeClass)(ot.value)},[f.variant===`default`?((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,{key:0},[t.$slots.label?(0,c.renderSlot)(t.$slots,`label`,{key:0}):f.label&&!P.value?((0,c.openBlock)(),(0,c.createBlock)(r.t,{key:1,for:h.value,required:f.required,disabled:f.disabled},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(f.label),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,c.createCommentVNode)(``,!0),(0,c.createVNode)(a.t,{dir:`row`,gap:f.type===`range`?`sm`:void 0,class:`nb-date-picker__fields`},{default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,ne,[P.value&&f.label?((0,c.openBlock)(),(0,c.createBlock)(r.t,{key:0,for:h.value,required:f.required,disabled:f.disabled},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(f.label),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,c.createCommentVNode)(``,!0),(0,c.createElementVNode)(`div`,{class:(0,c.normalizeClass)([`nb-date-picker__input-wrapper`,st.value])},[(0,c.createElementVNode)(`input`,(0,c.mergeProps)({id:h.value,ref_key:`inputRef`,ref:S},t.$attrs,{type:`text`,class:`nb-date-picker__field`,value:A.value,placeholder:f.placeholder||O.value,disabled:f.disabled,readonly:f.readonly,required:f.required,name:f.name,"aria-invalid":f.error?!0:void 0,"aria-describedby":Be.value,onInput:n[0]||=e=>qe(e),onFocus:I,onBlur:L,onKeydown:R}),null,16,re),f.type===`simple`?(0,c.createCommentVNode)(``,!0):((0,c.openBlock)(),(0,c.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-date-picker__icon`,disabled:f.disabled||f.readonly,tabindex:`-1`,"aria-label":f.modelValue?`Change date, ${k(f.modelValue)}`:`Choose date`,onClick:H},[(0,c.createVNode)(e.t,{name:(0,c.unref)(u.regular),size:16},null,8,[`name`])],8,ie))],2)]),f.type===`range`?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,ae,[P.value?((0,c.openBlock)(),(0,c.createBlock)(r.t,{key:0,for:g.value,required:f.required,disabled:f.disabled},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(f.endLabel),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,c.createCommentVNode)(``,!0),(0,c.createElementVNode)(`div`,{class:(0,c.normalizeClass)([`nb-date-picker__input-wrapper`,ct.value])},[(0,c.createElementVNode)(`input`,{id:g.value,ref_key:`endInputRef`,ref:C,type:`text`,class:`nb-date-picker__field`,value:ze.value,placeholder:f.endPlaceholder||O.value,disabled:f.disabled,readonly:f.readonly,required:f.required,"aria-invalid":f.endError?!0:void 0,"aria-describedby":Ve.value,onInput:n[1]||=e=>Je(e),onFocus:I,onBlur:L,onKeydown:R},null,40,oe),(0,c.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__icon`,disabled:f.disabled||f.readonly,tabindex:`-1`,"aria-label":f.endValue?`Change end date, ${k(f.endValue)}`:`Choose end date`,onClick:H},[(0,c.createVNode)(e.t,{name:(0,c.unref)(u.regular),size:16},null,8,[`name`])],8,se)],2)])):(0,c.createCommentVNode)(``,!0)]),_:1},8,[`gap`]),j.value?((0,c.openBlock)(),(0,c.createBlock)(i.t,{key:2,id:Me.value,variant:j.value.variant,class:`nb-date-picker__message`},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(j.value.text),1)]),_:1},8,[`id`,`variant`])):(0,c.createCommentVNode)(``,!0),M.value?((0,c.openBlock)(),(0,c.createBlock)(i.t,{key:3,id:Ne.value,variant:M.value.variant,class:`nb-date-picker__message`},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(M.value.text),1)]),_:1},8,[`id`,`variant`])):(0,c.createCommentVNode)(``,!0),!j.value&&!M.value&&f.helper?((0,c.openBlock)(),(0,c.createBlock)(i.t,{key:4,id:_.value,variant:`helper`,class:`nb-date-picker__message`},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(f.helper),1)]),_:1},8,[`id`])):(0,c.createCommentVNode)(``,!0)],64)):f.variant===`fluid`?((0,c.openBlock)(),(0,c.createBlock)(a.t,{key:1,dir:`row`,gap:f.type===`range`?`sm`:void 0,class:`nb-date-picker__fields`},{default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,{class:(0,c.normalizeClass)([`nb-date-picker__input-wrapper nb-date-picker__input-wrapper--fluid`,st.value])},[f.label||t.$slots.label||N.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,ce,[t.$slots.label?(0,c.renderSlot)(t.$slots,`label`,{key:0}):((0,c.openBlock)(),(0,c.createElementBlock)(`label`,{key:1,for:h.value,class:`nb-date-picker__inner-label`},[(0,c.createTextVNode)((0,c.toDisplayString)(f.label)+` `,1),f.required?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,ue,`*`)):(0,c.createCommentVNode)(``,!0)],8,le)),N.value?((0,c.openBlock)(),(0,c.createBlock)(i.t,{key:2,variant:N.value.variant,"icon-only":``,class:`nb-date-picker__inner-message`},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(N.value.text),1)]),_:1},8,[`variant`])):(0,c.createCommentVNode)(``,!0)])):(0,c.createCommentVNode)(``,!0),(0,c.createElementVNode)(`div`,de,[(0,c.createElementVNode)(`input`,(0,c.mergeProps)({id:h.value,ref_key:`inputRef`,ref:S},t.$attrs,{type:`text`,class:`nb-date-picker__field`,value:A.value,placeholder:f.placeholder||O.value,disabled:f.disabled,readonly:f.readonly,required:f.required,name:f.name,"aria-invalid":f.error?!0:void 0,onInput:n[2]||=e=>qe(e),onFocus:I,onBlur:L,onKeydown:R}),null,16,fe),f.type===`simple`?(0,c.createCommentVNode)(``,!0):((0,c.openBlock)(),(0,c.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-date-picker__icon`,disabled:f.disabled||f.readonly,tabindex:`-1`,"aria-label":f.modelValue?`Change date, ${k(f.modelValue)}`:`Choose date`,onClick:H},[(0,c.createVNode)(e.t,{name:(0,c.unref)(u.regular),size:16},null,8,[`name`])],8,pe))])],2),f.type===`range`?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,class:(0,c.normalizeClass)([`nb-date-picker__input-wrapper nb-date-picker__input-wrapper--fluid`,ct.value])},[He.value||M.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,me,[(0,c.createElementVNode)(`label`,{for:g.value,class:`nb-date-picker__inner-label`},[(0,c.createTextVNode)((0,c.toDisplayString)(He.value)+` `,1),f.required?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,ge,`*`)):(0,c.createCommentVNode)(``,!0)],8,he),M.value?((0,c.openBlock)(),(0,c.createBlock)(i.t,{key:0,variant:M.value.variant,"icon-only":``,class:`nb-date-picker__inner-message`},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(M.value.text),1)]),_:1},8,[`variant`])):(0,c.createCommentVNode)(``,!0)])):(0,c.createCommentVNode)(``,!0),(0,c.createElementVNode)(`div`,_e,[(0,c.createElementVNode)(`input`,{id:g.value,ref_key:`endInputRef`,ref:C,type:`text`,class:`nb-date-picker__field`,value:ze.value,placeholder:f.endPlaceholder||O.value,disabled:f.disabled,readonly:f.readonly,required:f.required,"aria-invalid":f.endError?!0:void 0,onInput:n[3]||=e=>Je(e),onFocus:I,onBlur:L,onKeydown:R},null,40,ve),(0,c.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__icon`,disabled:f.disabled||f.readonly,tabindex:`-1`,"aria-label":f.endValue?`Change end date, ${k(f.endValue)}`:`Choose end date`,onClick:H},[(0,c.createVNode)(e.t,{name:(0,c.unref)(u.regular),size:16},null,8,[`name`])],8,ye)])],2)):(0,c.createCommentVNode)(``,!0)]),_:3},8,[`gap`])):(0,c.createCommentVNode)(``,!0)],2),((0,c.openBlock)(),(0,c.createBlock)(c.Teleport,{to:`body`},[y.value&&(0,c.unref)(T)?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,ref_key:`scrimRef`,ref:Ie,class:`nb-date-picker__scrim`,"aria-hidden":`true`,onClick:V},null,512)):(0,c.createCommentVNode)(``,!0),y.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,(0,c.mergeProps)({key:1,ref_key:`calendarRef`,ref:w,role:`dialog`,"aria-modal":`true`,"aria-label":f.label?`${f.label} calendar`:`Date picker`,class:[`nb-date-picker__calendar`,{"nb-date-picker__calendar--sheet":(0,c.unref)(T)}]},(0,c.unref)(Ae),{style:(0,c.unref)(T)?void 0:Le.value,onKeydown:Xe,onMousedown:n[4]||=(0,c.withModifiers)(()=>{},[`prevent`])}),[(0,c.createElementVNode)(`div`,xe,[(0,c.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__cal-nav`,"aria-label":`Previous year`,onClick:$e},[(0,c.createVNode)(e.t,{name:(0,c.unref)(d.regular),size:16},null,8,[`name`])]),(0,c.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__cal-nav`,"aria-label":`Previous month`,onClick:Ze},[(0,c.createVNode)(e.t,{name:(0,c.unref)(ee.regular),size:16},null,8,[`name`])]),(0,c.createElementVNode)(`span`,{id:Pe.value,class:`nb-date-picker__cal-title`,"aria-live":`polite`},(0,c.toDisplayString)(tt.value),9,Se),(0,c.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__cal-nav`,"aria-label":`Next month`,onClick:Qe},[(0,c.createVNode)(e.t,{name:(0,c.unref)(l.regular),size:16},null,8,[`name`])]),(0,c.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__cal-nav`,"aria-label":`Next year`,onClick:et},[(0,c.createVNode)(e.t,{name:(0,c.unref)(te.regular),size:16},null,8,[`name`])])]),(0,c.createElementVNode)(`table`,{role:`grid`,"aria-labelledby":Pe.value,class:`nb-date-picker__cal-table`},[(0,c.createElementVNode)(`thead`,null,[(0,c.createElementVNode)(`tr`,we,[((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(nt.value,e=>((0,c.openBlock)(),(0,c.createElementBlock)(`th`,{key:e.narrow,scope:`col`,class:`nb-date-picker__cal-weekday`,abbr:e.full},(0,c.toDisplayString)(e.narrow),9,Te))),128))])]),(0,c.createElementVNode)(`tbody`,null,[((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(at.value,(e,t)=>((0,c.openBlock)(),(0,c.createElementBlock)(`tr`,{key:t},[((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(e,e=>((0,c.openBlock)(),(0,c.createElementBlock)(`td`,{key:e.key,role:`gridcell`,"aria-selected":e.isSelected||void 0,"aria-disabled":e.isDisabled||void 0},[(0,c.createElementVNode)(`button`,{type:`button`,class:(0,c.normalizeClass)([`nb-date-picker__cal-day`,{"nb-date-picker__cal-day--outside":!e.inMonth,"nb-date-picker__cal-day--today":e.isToday,"nb-date-picker__cal-day--selected":e.isSelected,"nb-date-picker__cal-day--in-range":e.inRange,"nb-date-picker__cal-day--range-start":e.isRangeStart,"nb-date-picker__cal-day--range-end":e.isRangeEnd,"nb-date-picker__cal-day--disabled":e.isDisabled,"nb-date-picker__cal-day--focused":e.date===b.value}]),tabindex:e.date===b.value?0:-1,disabled:e.isDisabled,"aria-label":Re(e.date),"data-date":e.date,onClick:t=>Ye(e.date)},(0,c.toDisplayString)(e.day),11,De)],8,Ee))),128))]))),128))])],8,Ce)],16,be)):(0,c.createCommentVNode)(``,!0)]))],64))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});

package/dist/{DatePicker-DMiiGKYY.js → DatePicker-Dpe3oZUB.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./Icon-rREAqsu0.js";
 import { useSurfaceLayer as t } from "./composables/useSurfaceLayer.composable.mjs";
 import { usePhoneLayout as n } from "./composables/usePhoneLayout.composable.mjs";
-import { t as r } from "./Label-DGK5nxFy.js";
-import { t as i } from "./Message-CHkTWe0K.js";
-import { t as a } from "./Grid-iox-7xyH.js";
+import { t as r } from "./Label-ByPjahGR.js";
+import { t as i } from "./Message-DlxDNDdA.js";
+import { t as a } from "./Grid-Cc13B5BH.js";
 import { useMenuSurface as o } from "./composables/useMenuSurface.composable.mjs";
 import { useVisualViewportVar as s } from "./composables/useVisualViewportVar.composable.mjs";
 import { Fragment as c, Teleport as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, mergeProps as ee, nextTick as v, normalizeClass as y, onBeforeUnmount as te, openBlock as b, ref as x, renderList as ne, renderSlot as re, toDisplayString as S, unref as C, useId as ie, watch as ae, withCtx as w, withModifiers as oe } from "vue";
@@ -119,23 +119,23 @@ var de = { class: "nb-date-picker__col" }, fe = [
 		"change"
 	],
 	setup(_, { expose: Le, emit: Re }) {
-		let E = _, { layerProps: ze } = t({ overlay: !0 }), D = Re, Be = `nb-date-picker-${ie()}`, O = u(() => E.id ?? Be), Ve = u(() => `${O.value}-end`), He = u(() => `${O.value}-helper`), Ue = u(() => `${O.value}-message`), We = u(() => `${O.value}-end-message`), Ge = u(() => `${O.value}-cal-title`), k = x(null), Ke = u(() => k.value !== null), A = x(!1), j = x($(/* @__PURE__ */ new Date())), qe = x(null), Je = x(null), M = x(null), N = x(null);
-		o(N);
-		let { phone: Ye } = n(), Xe = x(null);
+		let E = _, { layerProps: ze } = t({ overlay: !0 }), D = Re, Be = `nb-date-picker-${ie()}`, O = u(() => E.id ?? Be), Ve = u(() => `${O.value}-end`), He = u(() => `${O.value}-helper`), Ue = u(() => `${O.value}-message`), We = u(() => `${O.value}-end-message`), Ge = u(() => `${O.value}-cal-title`), k = x(null), Ke = u(() => k.value !== null), A = x(!1), j = x($(/* @__PURE__ */ new Date())), qe = x(null), M = x(null), N = x(null), P = x(null);
+		o(P);
+		let { phone: Je } = n(), Ye = x(null);
 		s(() => A.value);
-		let Ze = x({
+		let Xe = x({
 			position: "fixed",
 			top: "0px",
 			left: "0px",
 			zIndex: "9999"
-		}), P = x("start"), F = u(() => E.locale || navigator.language || "pt-PT"), I = u(() => new Intl.DateTimeFormat(F.value).formatToParts(new Date(2e3, 0, 15)).map((e) => e.type === "day" ? "dd" : e.type === "month" ? "mm" : e.type === "year" ? "yyyy" : e.value).join(""));
+		}), F = x("start"), I = u(() => E.locale || navigator.language || "pt-PT"), Ze = u(() => new Intl.DateTimeFormat(I.value).formatToParts(new Date(2e3, 0, 15)).map((e) => e.type === "day" ? "dd" : e.type === "month" ? "mm" : e.type === "year" ? "yyyy" : e.value).join(""));
 		function L(e) {
 			if (!e) return "";
 			let t = /* @__PURE__ */ new Date(e + "T00:00:00");
-			return isNaN(t.getTime()) ? e : t.toLocaleDateString(F.value);
+			return isNaN(t.getTime()) ? e : t.toLocaleDateString(I.value);
 		}
 		function Qe(e) {
-			return (/* @__PURE__ */ new Date(e + "T00:00:00")).toLocaleDateString(F.value, {
+			return (/* @__PURE__ */ new Date(e + "T00:00:00")).toLocaleDateString(I.value, {
 				weekday: "long",
 				year: "numeric",
 				month: "long",
@@ -165,26 +165,53 @@ var de = { class: "nb-date-picker__col" }, fe = [
 		function V(e) {
 			return E.min != null && e < E.min || E.max != null && e > E.max ? !0 : E.disabledDates ? typeof E.disabledDates == "function" ? E.disabledDates(e) : E.disabledDates.includes(e) : !1;
 		}
-		function at(e) {
+		let at = u(() => new Intl.DateTimeFormat(I.value).formatToParts(new Date(2e3, 0, 15)).map((e) => e.type).filter((e) => e === "day" || e === "month" || e === "year"));
+		function ot(e, t, n) {
+			let r = new Date(e, t - 1, n);
+			return r.getMonth() !== t - 1 || r.getDate() !== n ? null : (r.setFullYear(e), $(r));
+		}
+		function st(e) {
+			let t = e.split(/[\s./-]+/).filter(Boolean);
+			if (t.length !== 3) return null;
+			let n = t[0].length === 4 ? [
+				"year",
+				"month",
+				"day"
+			] : at.value;
+			if (n.length !== 3) return null;
+			let r = {
+				day: 0,
+				month: 0,
+				year: 0
+			};
+			for (let e = 0; e < 3; e++) {
+				let i = n[e], a = t[e];
+				if (i === "year" ? a.length !== 4 : a.length > 2) return null;
+				r[i] = Number(a);
+			}
+			return ot(r.year, r.month, r.day);
+		}
+		function ct(e) {
 			let t = e.trim();
 			if (!t) return null;
 			if (/^\d{4}-\d{2}-\d{2}$/.test(t)) {
 				let e = /* @__PURE__ */ new Date(t + "T00:00:00");
 				return isNaN(e.getTime()) ? null : t;
 			}
+			if (/^[\d\s./-]+$/.test(t)) return st(t);
 			let n = new Date(t);
 			return isNaN(n.getTime()) ? null : $(n);
 		}
-		function ot(e) {
-			let t = e.target.value, n = at(t);
+		function lt(e) {
+			let t = e.target.value, n = ct(t);
 			n && V(n) || (n || t === "") && (D("update:modelValue", n), D("change", n));
 		}
-		function st(e) {
-			let t = e.target.value, n = at(t);
+		function ut(e) {
+			let t = e.target.value, n = ct(t);
 			n && V(n) || (n || t === "") && D("update:endValue", n);
 		}
 		function H(e) {
-			k.value = e.target === M.value ? "end" : "start", E.type !== "simple" && !E.readonly && (P.value = k.value, A.value ? G() : K());
+			k.value = e.target === N.value ? "end" : "start", E.type !== "simple" && !E.readonly && (F.value = k.value, A.value ? G() : K());
 		}
 		function U() {
 			k.value = null;
@@ -205,8 +232,8 @@ var de = { class: "nb-date-picker__col" }, fe = [
 		function G() {
 			let e = qe.value?.querySelectorAll(".nb-date-picker__input-wrapper");
 			if (!e?.length) return;
-			let t = (P.value === "end" && e.length > 1 ? e[1] : e[0]).getBoundingClientRect(), n = N.value?.offsetWidth ?? 0, r = N.value?.offsetHeight ?? 0, i = t.left, a = t.bottom + 4;
-			n > 0 && (i = Math.max(8, Math.min(i, window.innerWidth - n - 8))), r > 0 && a + r > window.innerHeight - 8 && t.top - 4 - r >= 8 && (a = t.top - 4 - r), Ze.value = {
+			let t = (F.value === "end" && e.length > 1 ? e[1] : e[0]).getBoundingClientRect(), n = P.value?.offsetWidth ?? 0, r = P.value?.offsetHeight ?? 0, i = t.left, a = t.bottom + 4;
+			n > 0 && (i = Math.max(8, Math.min(i, window.innerWidth - n - 8))), r > 0 && a + r > window.innerHeight - 8 && t.top - 4 - r >= 8 && (a = t.top - 4 - r), Xe.value = {
 				position: "fixed",
 				top: `${a}px`,
 				left: `${i}px`,
@@ -216,55 +243,55 @@ var de = { class: "nb-date-picker__col" }, fe = [
 		function K() {
 			if (E.disabled || E.readonly || E.type === "simple" || A.value) return;
 			A.value = !0;
-			let e = P.value === "end" && E.endValue ? E.endValue : E.modelValue, t = e ? /* @__PURE__ */ new Date(e + "T00:00:00") : /* @__PURE__ */ new Date();
+			let e = F.value === "end" && E.endValue ? E.endValue : E.modelValue, t = e ? /* @__PURE__ */ new Date(e + "T00:00:00") : /* @__PURE__ */ new Date();
 			Z.value = t.getFullYear(), Q.value = t.getMonth(), j.value = e || $(/* @__PURE__ */ new Date()), G(), v(G);
 		}
 		function q() {
 			A.value && (A.value = !1, v(() => {
-				P.value === "end" && M.value ? M.value.focus() : Je.value?.focus();
+				F.value === "end" && N.value ? N.value.focus() : M.value?.focus();
 			}));
 		}
 		function J() {
-			A.value ? q() : (P.value = "start", K(), v(Y));
+			A.value ? q() : (F.value = "start", K(), v(Y));
 		}
 		function Y() {
 			v(() => {
-				(N.value?.querySelector(`[data-date="${j.value}"]`))?.focus();
+				(P.value?.querySelector(`[data-date="${j.value}"]`))?.focus();
 			});
 		}
-		function ct(e) {
-			V(e) || (E.type === "range" ? P.value === "start" ? (D("update:modelValue", e), D("change", e), P.value = "end", j.value = e, v(() => M.value?.focus())) : (E.modelValue && e < E.modelValue ? (D("update:endValue", E.modelValue), D("update:modelValue", e), D("change", e)) : D("update:endValue", e), q()) : (D("update:modelValue", e), D("change", e), q()));
+		function dt(e) {
+			V(e) || (E.type === "range" ? F.value === "start" ? (D("update:modelValue", e), D("change", e), F.value = "end", j.value = e, v(() => N.value?.focus())) : (E.modelValue && e < E.modelValue ? (D("update:endValue", E.modelValue), D("update:modelValue", e), D("change", e)) : D("update:endValue", e), q()) : (D("update:modelValue", e), D("change", e), q()));
 		}
-		function lt(e) {
+		function ft(e) {
 			let t = /* @__PURE__ */ new Date(j.value + "T00:00:00"), n = !0;
 			switch (e.key) {
 				case "ArrowRight":
-					ut(t, 1);
+					pt(t, 1);
 					break;
 				case "ArrowLeft":
-					ut(t, -1);
+					pt(t, -1);
 					break;
 				case "ArrowDown":
-					ut(t, 7);
+					pt(t, 7);
 					break;
 				case "ArrowUp":
-					ut(t, -7);
+					pt(t, -7);
 					break;
 				case "Home":
-					dt(t, "start");
+					mt(t, "start");
 					break;
 				case "End":
-					dt(t, "end");
+					mt(t, "end");
 					break;
 				case "PageUp":
-					e.shiftKey ? ft(t, -12) : ft(t, -1);
+					e.shiftKey ? ht(t, -12) : ht(t, -1);
 					break;
 				case "PageDown":
-					e.shiftKey ? ft(t, 12) : ft(t, 1);
+					e.shiftKey ? ht(t, 12) : ht(t, 1);
 					break;
 				case "Enter":
 				case " ":
-					e.preventDefault(), ct(j.value);
+					e.preventDefault(), dt(j.value);
 					return;
 				case "Escape":
 					q();
@@ -276,55 +303,55 @@ var de = { class: "nb-date-picker__col" }, fe = [
 			}
 			n && e.preventDefault();
 		}
-		function ut(e, t) {
+		function pt(e, t) {
 			let n = new Date(e);
-			n.setDate(n.getDate() + t), pt(n);
+			n.setDate(n.getDate() + t), gt(n);
 		}
-		function dt(e, t) {
+		function mt(e, t) {
 			let n = e.getDay();
 			E.weekStart === 1 && (n = n === 0 ? 6 : n - 1);
 			let r = t === "start" ? -n : 6 - n, i = new Date(e);
-			i.setDate(i.getDate() + r), pt(i);
+			i.setDate(i.getDate() + r), gt(i);
 		}
-		function ft(e, t) {
+		function ht(e, t) {
 			let n = new Date(e);
-			n.setMonth(n.getMonth() + t), n.getDate() !== e.getDate() && n.setDate(0), pt(n);
+			n.setMonth(n.getMonth() + t), n.getDate() !== e.getDate() && n.setDate(0), gt(n);
 		}
-		function pt(e) {
+		function gt(e) {
 			let t = $(e);
 			E.min != null && t < E.min || E.max != null && t > E.max || (j.value = t, Z.value = e.getFullYear(), Q.value = e.getMonth(), Y());
 		}
-		function mt(e) {
-			let t = e.target, n = qe.value?.contains(t) ?? !1, r = N.value?.contains(t) ?? !1, i = Xe.value?.contains(t) ?? !1;
+		function _t(e) {
+			let t = e.target, n = qe.value?.contains(t) ?? !1, r = P.value?.contains(t) ?? !1, i = Ye.value?.contains(t) ?? !1;
 			!n && !r && !i && q();
 		}
 		function X() {
 			A.value && G();
 		}
 		ae(A, (e) => {
-			e ? (document.addEventListener("mousedown", mt), window.addEventListener("scroll", X, !0), window.addEventListener("resize", X)) : (document.removeEventListener("mousedown", mt), window.removeEventListener("scroll", X, !0), window.removeEventListener("resize", X));
+			e ? (document.addEventListener("mousedown", _t), window.addEventListener("scroll", X, !0), window.addEventListener("resize", X)) : (document.removeEventListener("mousedown", _t), window.removeEventListener("scroll", X, !0), window.removeEventListener("resize", X));
 		}), te(() => {
-			document.removeEventListener("mousedown", mt), window.removeEventListener("scroll", X, !0), window.removeEventListener("resize", X);
+			document.removeEventListener("mousedown", _t), window.removeEventListener("scroll", X, !0), window.removeEventListener("resize", X);
 		});
 		let Z = x((/* @__PURE__ */ new Date()).getFullYear()), Q = x((/* @__PURE__ */ new Date()).getMonth());
-		function ht(e) {
+		function vt(e) {
 			let t = Z.value * 12 + Q.value + e;
 			Z.value = Math.floor(t / 12), Q.value = (t % 12 + 12) % 12;
 			let n = (/* @__PURE__ */ new Date(j.value + "T00:00:00")).getDate(), r = new Date(Z.value, Q.value + 1, 0).getDate();
 			j.value = $(new Date(Z.value, Q.value, Math.min(n, r))), Y();
 		}
-		let gt = () => ht(-1), _t = () => ht(1), vt = () => ht(-12), yt = () => ht(12), bt = u(() => {
-			let e = new Date(Z.value, Q.value, 1).toLocaleDateString(F.value, {
+		let yt = () => vt(-1), bt = () => vt(1), xt = () => vt(-12), St = () => vt(12), Ct = u(() => {
+			let e = new Date(Z.value, Q.value, 1).toLocaleDateString(I.value, {
 				month: "long",
 				year: "numeric"
 			});
 			return e.charAt(0).toUpperCase() + e.slice(1);
-		}), xt = u(() => {
+		}), wt = u(() => {
 			let e = [], t = new Date(2024, 0, E.weekStart === 0 ? 7 : 1);
 			for (let n = 0; n < 7; n++) {
 				let r = new Date(t);
 				r.setDate(t.getDate() + n);
-				let i = r.toLocaleDateString(F.value, { weekday: "narrow" }).toUpperCase(), a = r.toLocaleDateString(F.value, { weekday: "long" });
+				let i = r.toLocaleDateString(I.value, { weekday: "narrow" }).toUpperCase(), a = r.toLocaleDateString(I.value, { weekday: "long" });
 				e.push({
 					narrow: i,
 					full: a.charAt(0).toUpperCase() + a.slice(1)
@@ -335,7 +362,7 @@ var de = { class: "nb-date-picker__col" }, fe = [
 		function $(e) {
 			return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 		}
-		let St = u(() => $(/* @__PURE__ */ new Date())), Ct = u(() => {
+		let Tt = u(() => $(/* @__PURE__ */ new Date())), Et = u(() => {
 			let e = Z.value, t = Q.value, n = new Date(e, t, 1), r = new Date(e, t + 1, 0), i = n.getDay();
 			E.weekStart === 1 && (i = i === 0 ? 6 : i - 1);
 			let a = [], o = E.modelValue ?? null, s = E.endValue ?? null, c = o && s ? o < s ? o : s : null, l = o && s ? o < s ? s : o : null;
@@ -346,7 +373,7 @@ var de = { class: "nb-date-picker__col" }, fe = [
 					date: n,
 					day: e.getDate(),
 					inMonth: t,
-					isToday: n === St.value,
+					isToday: n === Tt.value,
 					isSelected: n === o || n === s,
 					inRange: c != null && l != null && n > c && n < l,
 					isRangeStart: n === c && l != null,
@@ -359,11 +386,11 @@ var de = { class: "nb-date-picker__col" }, fe = [
 			let d = 7 - a.length % 7;
 			if (d < 7) for (let n = 1; n <= d; n++) a.push(u(new Date(e, t + 1, n), !1));
 			return a;
-		}), wt = u(() => {
+		}), Dt = u(() => {
 			let e = [];
-			for (let t = 0; t < Ct.value.length; t += 7) e.push(Ct.value.slice(t, t + 7));
+			for (let t = 0; t < Et.value.length; t += 7) e.push(Et.value.slice(t, t + 7));
 			return e;
-		}), Tt = u(() => [
+		}), Ot = u(() => [
 			"nb-date-picker",
 			`nb-date-picker--${E.variant}`,
 			`nb-date-picker--${E.size}`,
@@ -376,13 +403,13 @@ var de = { class: "nb-date-picker__col" }, fe = [
 				"nb-date-picker--disabled": E.disabled,
 				"nb-date-picker--readonly": E.readonly
 			}
-		]), Et = u(() => ({
+		]), kt = u(() => ({
 			"nb-date-picker__input-wrapper--focused": k.value === "start",
 			"nb-date-picker__input-wrapper--error": !!E.error,
 			"nb-date-picker__input-wrapper--warning": !E.error && !!E.warning,
 			"nb-date-picker__input-wrapper--disabled": E.disabled,
 			"nb-date-picker__input-wrapper--readonly": E.readonly
-		})), Dt = u(() => ({
+		})), At = u(() => ({
 			"nb-date-picker__input-wrapper--focused": k.value === "end",
 			"nb-date-picker__input-wrapper--error": !!E.endError,
 			"nb-date-picker__input-wrapper--warning": !E.endError && !!E.endWarning,
@@ -392,11 +419,11 @@ var de = { class: "nb-date-picker__col" }, fe = [
 		return Le({
 			open: K,
 			close: q,
-			focus: () => Je.value?.focus()
+			focus: () => M.value?.focus()
 		}), (t, n) => (b(), p(c, null, [m("div", {
 			ref_key: "rootRef",
 			ref: qe,
-			class: y(Tt.value)
+			class: y(Ot.value)
 		}, [_.variant === "default" ? (b(), p(c, { key: 0 }, [
 			t.$slots.label ? re(t.$slots, "label", { key: 0 }) : _.label && !rt.value ? (b(), d(r, {
 				key: 1,
@@ -428,22 +455,22 @@ var de = { class: "nb-date-picker__col" }, fe = [
 					"for",
 					"required",
 					"disabled"
-				])) : f("", !0), m("div", { class: y(["nb-date-picker__input-wrapper", Et.value]) }, [m("input", ee({
+				])) : f("", !0), m("div", { class: y(["nb-date-picker__input-wrapper", kt.value]) }, [m("input", ee({
 					id: O.value,
 					ref_key: "inputRef",
-					ref: Je
+					ref: M
 				}, t.$attrs, {
 					type: "text",
 					class: "nb-date-picker__field",
 					value: $e.value,
-					placeholder: _.placeholder || I.value,
+					placeholder: _.placeholder || Ze.value,
 					disabled: _.disabled,
 					readonly: _.readonly,
 					required: _.required,
 					name: _.name,
 					"aria-invalid": _.error ? !0 : void 0,
 					"aria-describedby": tt.value,
-					onInput: n[0] ||= (e) => ot(e),
+					onInput: n[0] ||= (e) => lt(e),
 					onFocus: H,
 					onBlur: U,
 					onKeydown: W
@@ -470,20 +497,20 @@ var de = { class: "nb-date-picker__col" }, fe = [
 					"for",
 					"required",
 					"disabled"
-				])) : f("", !0), m("div", { class: y(["nb-date-picker__input-wrapper", Dt.value]) }, [m("input", {
+				])) : f("", !0), m("div", { class: y(["nb-date-picker__input-wrapper", At.value]) }, [m("input", {
 					id: Ve.value,
 					ref_key: "endInputRef",
-					ref: M,
+					ref: N,
 					type: "text",
 					class: "nb-date-picker__field",
 					value: et.value,
-					placeholder: _.endPlaceholder || I.value,
+					placeholder: _.endPlaceholder || Ze.value,
 					disabled: _.disabled,
 					readonly: _.readonly,
 					required: _.required,
 					"aria-invalid": _.endError ? !0 : void 0,
 					"aria-describedby": nt.value,
-					onInput: n[1] ||= (e) => st(e),
+					onInput: n[1] ||= (e) => ut(e),
 					onFocus: H,
 					onBlur: U,
 					onKeydown: W
@@ -533,7 +560,7 @@ var de = { class: "nb-date-picker__col" }, fe = [
 			gap: _.type === "range" ? "sm" : void 0,
 			class: "nb-date-picker__fields"
 		}, {
-			default: w(() => [m("div", { class: y(["nb-date-picker__input-wrapper nb-date-picker__input-wrapper--fluid", Et.value]) }, [_.label || t.$slots.label || B.value ? (b(), p("div", _e, [t.$slots.label ? re(t.$slots, "label", { key: 0 }) : (b(), p("label", {
+			default: w(() => [m("div", { class: y(["nb-date-picker__input-wrapper nb-date-picker__input-wrapper--fluid", kt.value]) }, [_.label || t.$slots.label || B.value ? (b(), p("div", _e, [t.$slots.label ? re(t.$slots, "label", { key: 0 }) : (b(), p("label", {
 				key: 1,
 				for: O.value,
 				class: "nb-date-picker__inner-label"
@@ -548,18 +575,18 @@ var de = { class: "nb-date-picker__col" }, fe = [
 			}, 8, ["variant"])) : f("", !0)])) : f("", !0), m("div", be, [m("input", ee({
 				id: O.value,
 				ref_key: "inputRef",
-				ref: Je
+				ref: M
 			}, t.$attrs, {
 				type: "text",
 				class: "nb-date-picker__field",
 				value: $e.value,
-				placeholder: _.placeholder || I.value,
+				placeholder: _.placeholder || Ze.value,
 				disabled: _.disabled,
 				readonly: _.readonly,
 				required: _.required,
 				name: _.name,
 				"aria-invalid": _.error ? !0 : void 0,
-				onInput: n[2] ||= (e) => ot(e),
+				onInput: n[2] ||= (e) => lt(e),
 				onFocus: H,
 				onBlur: U,
 				onKeydown: W
@@ -576,7 +603,7 @@ var de = { class: "nb-date-picker__col" }, fe = [
 				size: 16
 			}, null, 8, ["name"])], 8, Se))])], 2), _.type === "range" ? (b(), p("div", {
 				key: 0,
-				class: y(["nb-date-picker__input-wrapper nb-date-picker__input-wrapper--fluid", Dt.value])
+				class: y(["nb-date-picker__input-wrapper nb-date-picker__input-wrapper--fluid", At.value])
 			}, [it.value || z.value ? (b(), p("div", Ce, [m("label", {
 				for: Ve.value,
 				class: "nb-date-picker__inner-label"
@@ -591,16 +618,16 @@ var de = { class: "nb-date-picker__col" }, fe = [
 			}, 8, ["variant"])) : f("", !0)])) : f("", !0), m("div", Ee, [m("input", {
 				id: Ve.value,
 				ref_key: "endInputRef",
-				ref: M,
+				ref: N,
 				type: "text",
 				class: "nb-date-picker__field",
 				value: et.value,
-				placeholder: _.endPlaceholder || I.value,
+				placeholder: _.endPlaceholder || Ze.value,
 				disabled: _.disabled,
 				readonly: _.readonly,
 				required: _.required,
 				"aria-invalid": _.endError ? !0 : void 0,
-				onInput: n[3] ||= (e) => st(e),
+				onInput: n[3] ||= (e) => ut(e),
 				onFocus: H,
 				onBlur: U,
 				onKeydown: W
@@ -616,31 +643,31 @@ var de = { class: "nb-date-picker__col" }, fe = [
 				size: 16
 			}, null, 8, ["name"])], 8, Oe)])], 2)) : f("", !0)]),
 			_: 3
-		}, 8, ["gap"])) : f("", !0)], 2), (b(), d(l, { to: "body" }, [A.value && C(Ye) ? (b(), p("div", {
+		}, 8, ["gap"])) : f("", !0)], 2), (b(), d(l, { to: "body" }, [A.value && C(Je) ? (b(), p("div", {
 			key: 0,
 			ref_key: "scrimRef",
-			ref: Xe,
+			ref: Ye,
 			class: "nb-date-picker__scrim",
 			"aria-hidden": "true",
 			onClick: q
 		}, null, 512)) : f("", !0), A.value ? (b(), p("div", ee({
 			key: 1,
 			ref_key: "calendarRef",
-			ref: N,
+			ref: P,
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-label": _.label ? `${_.label} calendar` : "Date picker",
-			class: ["nb-date-picker__calendar", { "nb-date-picker__calendar--sheet": C(Ye) }]
+			class: ["nb-date-picker__calendar", { "nb-date-picker__calendar--sheet": C(Je) }]
 		}, C(ze), {
-			style: C(Ye) ? void 0 : Ze.value,
-			onKeydown: lt,
+			style: C(Je) ? void 0 : Xe.value,
+			onKeydown: ft,
 			onMousedown: n[4] ||= oe(() => {}, ["prevent"])
 		}), [m("div", Ae, [
 			m("button", {
 				type: "button",
 				class: "nb-date-picker__cal-nav",
 				"aria-label": "Previous year",
-				onClick: vt
+				onClick: xt
 			}, [g(e, {
 				name: C(ce),
 				size: 16
@@ -649,7 +676,7 @@ var de = { class: "nb-date-picker__col" }, fe = [
 				type: "button",
 				class: "nb-date-picker__cal-nav",
 				"aria-label": "Previous month",
-				onClick: gt
+				onClick: yt
 			}, [g(e, {
 				name: C(le),
 				size: 16
@@ -658,12 +685,12 @@ var de = { class: "nb-date-picker__col" }, fe = [
 				id: Ge.value,
 				class: "nb-date-picker__cal-title",
 				"aria-live": "polite"
-			}, S(bt.value), 9, je),
+			}, S(Ct.value), 9, je),
 			m("button", {
 				type: "button",
 				class: "nb-date-picker__cal-nav",
 				"aria-label": "Next month",
-				onClick: _t
+				onClick: bt
 			}, [g(e, {
 				name: C(se),
 				size: 16
@@ -672,7 +699,7 @@ var de = { class: "nb-date-picker__col" }, fe = [
 				type: "button",
 				class: "nb-date-picker__cal-nav",
 				"aria-label": "Next year",
-				onClick: yt
+				onClick: St
 			}, [g(e, {
 				name: C(ue),
 				size: 16
@@ -681,12 +708,12 @@ var de = { class: "nb-date-picker__col" }, fe = [
 			role: "grid",
 			"aria-labelledby": Ge.value,
 			class: "nb-date-picker__cal-table"
-		}, [m("thead", null, [m("tr", Ne, [(b(!0), p(c, null, ne(xt.value, (e) => (b(), p("th", {
+		}, [m("thead", null, [m("tr", Ne, [(b(!0), p(c, null, ne(wt.value, (e) => (b(), p("th", {
 			key: e.narrow,
 			scope: "col",
 			class: "nb-date-picker__cal-weekday",
 			abbr: e.full
-		}, S(e.narrow), 9, Pe))), 128))])]), m("tbody", null, [(b(!0), p(c, null, ne(wt.value, (e, t) => (b(), p("tr", { key: t }, [(b(!0), p(c, null, ne(e, (e) => (b(), p("td", {
+		}, S(e.narrow), 9, Pe))), 128))])]), m("tbody", null, [(b(!0), p(c, null, ne(Dt.value, (e, t) => (b(), p("tr", { key: t }, [(b(!0), p(c, null, ne(e, (e) => (b(), p("td", {
 			key: e.key,
 			role: "gridcell",
 			"aria-selected": e.isSelected || void 0,
@@ -707,7 +734,7 @@ var de = { class: "nb-date-picker__col" }, fe = [
 			disabled: e.isDisabled,
 			"aria-label": Qe(e.date),
 			"data-date": e.date,
-			onClick: (t) => ct(e.date)
+			onClick: (t) => dt(e.date)
 		}, S(e.day), 11, Ie)], 8, Fe))), 128))]))), 128))])], 8, Me)], 16, ke)) : f("", !0)]))], 64));
 	}
 });

package/dist/{Form-WtS-IVIs.cjs → Form-6Q-UfH77.cjs}

@@ -1 +1 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Grid-DiCxrPaO.cjs`);let t=require(`vue`);var n=(0,t.defineComponent)({__name:`Form`,props:{title:{default:void 0}},setup(n){return(r,i)=>((0,t.openBlock)(),(0,t.createBlock)(e.t,{is:`form`,dir:`col`,gap:`md`,class:`nb-form`},{default:(0,t.withCtx)(()=>[n.title?((0,t.openBlock)(),(0,t.createBlock)(e.t,{key:0,is:`h4`,class:`nb-form--header`},{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(n.title),1)]),_:1})):(0,t.createCommentVNode)(``,!0),r.$slots.message?((0,t.openBlock)(),(0,t.createBlock)(e.t,{key:1,is:`p`,class:`nb-form--message`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`message`)]),_:3})):(0,t.createCommentVNode)(``,!0),r.$slots.default?((0,t.openBlock)(),(0,t.createBlock)(e.t,{key:2,is:`div`,dir:`col`,gap:`sm`,class:`nb-form--body`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`default`)]),_:3})):(0,t.createCommentVNode)(``,!0),r.$slots.footer?((0,t.openBlock)(),(0,t.createBlock)(e.t,{key:3,is:`footer`,class:`nb-form--footer`,justify:`end`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`footer`)]),_:3})):(0,t.createCommentVNode)(``,!0)]),_:3}))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Grid-BhBKhgln.cjs`);let t=require(`vue`);var n=(0,t.defineComponent)({__name:`Form`,props:{title:{default:void 0}},setup(n){return(r,i)=>((0,t.openBlock)(),(0,t.createBlock)(e.t,{is:`form`,dir:`col`,gap:`md`,class:`nb-form`},{default:(0,t.withCtx)(()=>[n.title?((0,t.openBlock)(),(0,t.createBlock)(e.t,{key:0,is:`h4`,class:`nb-form--header`},{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(n.title),1)]),_:1})):(0,t.createCommentVNode)(``,!0),r.$slots.message?((0,t.openBlock)(),(0,t.createBlock)(e.t,{key:1,is:`p`,class:`nb-form--message`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`message`)]),_:3})):(0,t.createCommentVNode)(``,!0),r.$slots.default?((0,t.openBlock)(),(0,t.createBlock)(e.t,{key:2,is:`div`,dir:`col`,gap:`sm`,class:`nb-form--body`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`default`)]),_:3})):(0,t.createCommentVNode)(``,!0),r.$slots.footer?((0,t.openBlock)(),(0,t.createBlock)(e.t,{key:3,is:`footer`,class:`nb-form--footer`,justify:`end`},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`footer`)]),_:3})):(0,t.createCommentVNode)(``,!0)]),_:3}))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/dist/{Form-DJ1Hhwnm.js → Form-BvmiAnWD.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./Grid-iox-7xyH.js";
+import { t as e } from "./Grid-Cc13B5BH.js";
 import { createBlock as t, createCommentVNode as n, createTextVNode as r, defineComponent as i, openBlock as a, renderSlot as o, toDisplayString as s, withCtx as c } from "vue";
 //#endregion
 //#region src/components/Form.vue

package/dist/{GanttChart-CwCH8pby.js → GanttChart-C4rwEpeE.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
-import { i as t, l as n, n as r, r as i, u as a } from "./palette-StNyj_sM.js";
-import { t as o } from "./ChartLegend-BLTbVV2E.js";
-import { a as s, n as c } from "./scales-DlFF1BRk.js";
+import { i as t, l as n, n as r, r as i, u as a } from "./palette-DWJZEKeE.js";
+import { t as o } from "./ChartLegend-pWTcI_8-.js";
+import { a as s, n as c } from "./scales-qYu_XbF9.js";
 import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, normalizeClass as _, normalizeStyle as v, openBlock as y, reactive as b, ref as x, renderList as S, toDisplayString as C, withCtx as w } from "vue";
 //#region src/components/Charts/GanttChart.vue?vue&type=script&setup=true&lang.ts
 var T = { class: "nb-gantt__list-body" }, ee = ["onClick"], te = { class: "nb-gantt__list-group-label" }, ne = ["onMouseenter"], re = ["title"], ie = ["width"], ae = { class: "nb-gantt__time-header" }, oe = ["x", "y"], se = ["x1", "x2"], ce = [