@aotearoan/neon 8.0.3-beta.1 → 9.0.0-beta-1

package/dist/common/utils/NeonDateUtils.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});class l{static stringToNeonDate(e,o){const t=o||navigator.language,a=new Date,n=new Date(e.length===10?`${e}T${a.toISOString().split("T")[1]}`:e);let r;e.length>10&&(r=n.toLocaleString(t,e.length<=16?{hour12:!1,hour:"2-digit",minute:"2-digit"}:{hour12:!1,hour:"2-digit",minute:"2-digit",second:"2-digit"}));const i={year:+n.toLocaleString("en-US",{year:"numeric"}),yearFormatted:n.toLocaleString(t,{year:"numeric"}),month:+n.toLocaleString("en-US",{month:"numeric"}),monthShortName:n.toLocaleString(t,{month:"short"}),monthLongName:n.toLocaleString(t,{month:"long"}),day:+n.toLocaleString("en-US",{day:"numeric"}),dayFormatted:n.toLocaleString(t,{day:"2-digit"})};return r&&(i.time=r),i}static dateToIso(e,o=!1){const t=e.toISOString();return o?t:t.split("T")[0]}static dmyToIso(e,o,t){return`${t}-${o<10?"0"+o:o}-${e<10?"0"+e:e}`}static dowNames(e){const o=e||navigator.language,t=new Date,a=[];for(;!a[t.getDay()];)a[t.getDay()]=t.toLocaleString(o,{weekday:"short"}),t.setDate(t.getDate()+1);const n=a.shift();return n&&a.push(n),a}static monthNames(e){const o=e||navigator.language;return Array.from(Array(12).keys()).map(t=>new Date(2023,t,15).toLocaleString(o,{month:"short"}))}static toCalendarConfiguration(e,o,t,a,n){const r=n||navigator.language,i=l.stringToNeonDate(l.dateToIso(new Date),r),w=e?l.stringToNeonDate(e,r):void 0,u=o||i.month,h=o&&t?new Date(t,o-1,15):null,L=(h==null?void 0:h.toLocaleString(r,{month:"long"}))||i.monthLongName,d=t||i.year,T=a||Math.floor(d/10)*10,m=new Date(d,(u+11)%12,1),S=new Date(d,(u+11)%12,1);S.setDate(S.getDate()-1);const s=[];let D=1,y=!1;for(let g=0;g<6;g++){s[g]=[];for(let c=0;c<7;c++)if(g===0&&c<S.getDay())s[g][c]=null;else if(s[g][c]=m.getDate(),D=m.getDate(),m.setDate(m.getDate()+1),m.getDate()===1){for(let f=c+1;f<7;f++)s[g][f]=null;y=!0;break}if(y)break}return s[s.length-1].length===0&&delete s[s.length-1],{today:i,selected:w,pageMonth:u,pageMonthName:L,pageYear:d,pageDecadeStart:T,dowNames:l.dowNames(r),dates:s,lastDayOfMonth:D,months:l.monthNames(r)}}}exports.NeonDateUtils=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});class l{static stringToNeonDate(t,o,e=!1){const n=o||navigator.language,g=new Date,a=new Date(!e&&t.length===10?`${t}T${g.toISOString().split("T")[1]}`:t);let s;t.length>10&&(s=a.toLocaleString(n,t.length<=16?{hour12:!1,hour:"2-digit",minute:"2-digit"}:{hour12:!1,hour:"2-digit",minute:"2-digit",second:"2-digit"}));const d={year:+a.toLocaleString("en-US",{year:"numeric"}),yearFormatted:a.toLocaleString(n,{year:"numeric"}),month:+a.toLocaleString("en-US",{month:"numeric"}),monthShortName:a.toLocaleString(n,{month:"short"}),monthLongName:a.toLocaleString(n,{month:"long"}),day:+a.toLocaleString("en-US",{day:"numeric"}),dayFormatted:a.toLocaleString(n,{day:"2-digit"})};return s&&(d.time=s),d}static dateToIso(t,o=!1){const e=t.toISOString();return o?e:e.split("T")[0]}static dmyToIso(t,o,e){return`${e}-${o<10?"0"+o:o}-${t<10?"0"+t:t}`}static dowNames(t){const o=t||navigator.language,e=new Date,n=[];for(;!n[e.getDay()];)n[e.getDay()]=e.toLocaleString(o,{weekday:"short"}),e.setDate(e.getDate()+1);const g=n.shift();return g&&n.push(g),n}static monthNames(t){const o=t||navigator.language;return Array.from(Array(12).keys()).map(e=>new Date(2023,e,15).toLocaleString(o,{month:"short"}))}static toCalendarConfiguration(t,o,e,n,g){const a=g||navigator.language,s=l.stringToNeonDate(l.dateToIso(new Date),a),d=t?l.stringToNeonDate(t,a,!0):void 0,h=o||s.month,f=o&&e?new Date(e,o-1,15):null,L=(f==null?void 0:f.toLocaleString(a,{month:"long"}))||s.monthLongName,u=e||s.year,T=n||Math.floor(u/10)*10,m=new Date(u,(h+11)%12,1),S=new Date(u,(h+11)%12,1);S.setDate(S.getDate()-1);const r=[];let y=1,w=!1;for(let i=0;i<6;i++){r[i]=[];for(let c=0;c<7;c++)if(i===0&&c<S.getDay())r[i][c]=null;else if(r[i][c]=m.getDate(),y=m.getDate(),m.setDate(m.getDate()+1),m.getDate()===1){for(let D=c+1;D<7;D++)r[i][D]=null;w=!0;break}if(w)break}return r[r.length-1].length===0&&delete r[r.length-1],{today:s,selected:d,pageMonth:h,pageMonthName:L,pageYear:u,pageDecadeStart:T,dowNames:l.dowNames(a),dates:r,lastDayOfMonth:y,months:l.monthNames(a)}}}exports.NeonDateUtils=l;
 //# sourceMappingURL=NeonDateUtils.cjs.js.map

package/dist/common/utils/NeonDateUtils.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonDateUtils.cjs.js","sources":["../../../src/common/utils/NeonDateUtils.ts"],"sourcesContent":["import type { NeonCalendarConfig } from '@/common/models/NeonCalendarConfig';\nimport type { NeonDate } from '@/common/models/NeonDate';\n\nexport class NeonDateUtils {\n  /**\n   * Convert an ISO 8601 formatted string to a locale formatted date with a three letter month, a 2 digit day and a locale formatted time.\n   * @param date The date/time as an <a href=\"https://en.wikipedia.org/wiki/ISO_8601\">ISO 8601</a> string.\n   * @param locale The locale for which to convert the date for display purposes, defaults to browser locale.\n   */\n  public static stringToNeonDate(date: string, locale?: string): NeonDate {\n    const loc = locale || navigator.language;\n    const now = new Date();\n    const dateObj = new Date(date.length === 10 ? `${date}T${now.toISOString().split('T')[1]}` : date);\n    let time;\n    if (date.length > 10) {\n      time = dateObj.toLocaleString(\n        loc,\n        date.length <= 16\n          ? { hour12: false, hour: '2-digit', minute: '2-digit' }\n          : { hour12: false, hour: '2-digit', minute: '2-digit', second: '2-digit' },\n      );\n    }\n\n    const result: NeonDate = {\n      year: +dateObj.toLocaleString('en-US', { year: 'numeric' }),\n      yearFormatted: dateObj.toLocaleString(loc, { year: 'numeric' }),\n      month: +dateObj.toLocaleString('en-US', { month: 'numeric' }),\n      monthShortName: dateObj.toLocaleString(loc, { month: 'short' }),\n      monthLongName: dateObj.toLocaleString(loc, { month: 'long' }),\n      day: +dateObj.toLocaleString('en-US', { day: 'numeric' }),\n      dayFormatted: dateObj.toLocaleString(loc, { day: '2-digit' }),\n    };\n\n    if (time) {\n      result.time = time;\n    }\n\n    return result;\n  }\n\n  public static dateToIso(date: Date, time = false): string {\n    const dateString = date.toISOString();\n    return time ? dateString : dateString.split('T')[0];\n  }\n\n  public static dmyToIso(day: number, month: number, year: number): string {\n    return `${year}-${month < 10 ? '0' + month : month}-${day < 10 ? '0' + day : day}`;\n  }\n\n  public static dowNames(locale?: string): Array<string> {\n    const loc = locale || navigator.language;\n    const date = new Date();\n\n    const weekdays = [];\n    while (!weekdays[date.getDay()]) {\n      weekdays[date.getDay()] = date.toLocaleString(loc, { weekday: 'short' });\n      date.setDate(date.getDate() + 1);\n    }\n\n    const sunday = weekdays.shift();\n    if (sunday) {\n      weekdays.push(sunday);\n    }\n\n    return weekdays;\n  }\n\n  public static monthNames(locale?: string): Array<string> {\n    const loc = locale || navigator.language;\n\n    return Array.from(Array(12).keys()).map((key) => {\n      const date = new Date(2023, key, 15);\n      return date.toLocaleString(loc, { month: 'short' });\n    });\n  }\n\n  public static toCalendarConfiguration(\n    selectedDate?: string,\n    currentPageMonth?: number,\n    currentPageYear?: number,\n    currentPageDecadeStart?: number,\n    locale?: string,\n  ): NeonCalendarConfig {\n    const loc = locale || navigator.language;\n    const today = NeonDateUtils.stringToNeonDate(NeonDateUtils.dateToIso(new Date()), loc);\n    const selected = selectedDate ? NeonDateUtils.stringToNeonDate(selectedDate, loc) : undefined;\n    // month indexed from 1-12\n    const pageMonth = currentPageMonth || today.month;\n\n    // month indexed from 0-11\n    const pageDate = currentPageMonth && currentPageYear ? new Date(currentPageYear, currentPageMonth - 1, 15) : null;\n    const pageMonthName = pageDate?.toLocaleString(loc, { month: 'long' }) || today.monthLongName;\n    const pageYear = currentPageYear || today.year;\n    const pageDecadeStart = currentPageDecadeStart || Math.floor(pageYear / 10) * 10;\n\n    // determine dow of first day of month. Months are indexed from 0 here\n    const date = new Date(pageYear, (pageMonth + 11) % 12, 1);\n    const offsetDate = new Date(pageYear, (pageMonth + 11) % 12, 1);\n    offsetDate.setDate(offsetDate.getDate() - 1);\n\n    const dates: Array<Array<number | null>> = [];\n\n    let lastDayOfMonth = 1;\n    let done = false;\n\n    for (let row = 0; row < 6; row++) {\n      dates[row] = [];\n\n      for (let col = 0; col < 7; col++) {\n        if (row === 0 && col < offsetDate.getDay()) {\n          dates[row][col] = null;\n        } else {\n          dates[row][col] = date.getDate();\n          lastDayOfMonth = date.getDate();\n          date.setDate(date.getDate() + 1);\n\n          if (date.getDate() === 1) {\n            for (let i = col + 1; i < 7; i++) {\n              dates[row][i] = null;\n            }\n            done = true;\n            break;\n          }\n        }\n      }\n\n      if (done) {\n        break;\n      }\n    }\n\n    if (dates[dates.length - 1].length === 0) {\n      delete dates[dates.length - 1];\n    }\n\n    return {\n      today,\n      selected,\n      pageMonth,\n      pageMonthName,\n      pageYear,\n      pageDecadeStart,\n      dowNames: NeonDateUtils.dowNames(loc),\n      dates,\n      lastDayOfMonth,\n      months: NeonDateUtils.monthNames(loc),\n    };\n  }\n}\n"],"names":["NeonDateUtils","date","locale","loc","now","dateObj","time","result","dateString","day","month","year","weekdays","sunday","key","selectedDate","currentPageMonth","currentPageYear","currentPageDecadeStart","today","selected","pageMonth","pageDate","pageMonthName","pageYear","pageDecadeStart","offsetDate","dates","lastDayOfMonth","done","row","col","i"],"mappings":"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"}
+{"version":3,"file":"NeonDateUtils.cjs.js","sources":["../../../src/common/utils/NeonDateUtils.ts"],"sourcesContent":["import type { NeonCalendarConfig } from '@/common/models/NeonCalendarConfig';\nimport type { NeonDate } from '@/common/models/NeonDate';\n\nexport class NeonDateUtils {\n  /**\n   * Convert an ISO 8601 formatted string to a locale formatted date with a three letter month, a 2 digit day and a locale formatted time.\n   * @param date The date/time as an <a href=\"https://en.wikipedia.org/wiki/ISO_8601\">ISO 8601</a> string.\n   * @param locale The locale for which to convert the date for display purposes, defaults to browser locale.\n   * @param strict Do not add time component to localise the date.\n   */\n  public static stringToNeonDate(date: string, locale?: string, strict = false): NeonDate {\n    const loc = locale || navigator.language;\n    const now = new Date();\n    const dateObj = new Date(!strict && date.length === 10 ? `${date}T${now.toISOString().split('T')[1]}` : date);\n    let time;\n    if (date.length > 10) {\n      time = dateObj.toLocaleString(\n        loc,\n        date.length <= 16\n          ? { hour12: false, hour: '2-digit', minute: '2-digit' }\n          : { hour12: false, hour: '2-digit', minute: '2-digit', second: '2-digit' },\n      );\n    }\n\n    const result: NeonDate = {\n      year: +dateObj.toLocaleString('en-US', { year: 'numeric' }),\n      yearFormatted: dateObj.toLocaleString(loc, { year: 'numeric' }),\n      month: +dateObj.toLocaleString('en-US', { month: 'numeric' }),\n      monthShortName: dateObj.toLocaleString(loc, { month: 'short' }),\n      monthLongName: dateObj.toLocaleString(loc, { month: 'long' }),\n      day: +dateObj.toLocaleString('en-US', { day: 'numeric' }),\n      dayFormatted: dateObj.toLocaleString(loc, { day: '2-digit' }),\n    };\n\n    if (time) {\n      result.time = time;\n    }\n\n    return result;\n  }\n\n  public static dateToIso(date: Date, time = false): string {\n    const dateString = date.toISOString();\n    return time ? dateString : dateString.split('T')[0];\n  }\n\n  public static dmyToIso(day: number, month: number, year: number): string {\n    return `${year}-${month < 10 ? '0' + month : month}-${day < 10 ? '0' + day : day}`;\n  }\n\n  public static dowNames(locale?: string): Array<string> {\n    const loc = locale || navigator.language;\n    const date = new Date();\n\n    const weekdays = [];\n    while (!weekdays[date.getDay()]) {\n      weekdays[date.getDay()] = date.toLocaleString(loc, { weekday: 'short' });\n      date.setDate(date.getDate() + 1);\n    }\n\n    const sunday = weekdays.shift();\n    if (sunday) {\n      weekdays.push(sunday);\n    }\n\n    return weekdays;\n  }\n\n  public static monthNames(locale?: string): Array<string> {\n    const loc = locale || navigator.language;\n\n    return Array.from(Array(12).keys()).map((key) => {\n      const date = new Date(2023, key, 15);\n      return date.toLocaleString(loc, { month: 'short' });\n    });\n  }\n\n  public static toCalendarConfiguration(\n    selectedDate?: string,\n    currentPageMonth?: number,\n    currentPageYear?: number,\n    currentPageDecadeStart?: number,\n    locale?: string,\n  ): NeonCalendarConfig {\n    const loc = locale || navigator.language;\n    const today = NeonDateUtils.stringToNeonDate(NeonDateUtils.dateToIso(new Date()), loc);\n    const selected = selectedDate ? NeonDateUtils.stringToNeonDate(selectedDate, loc, true) : undefined;\n    // month indexed from 1-12\n    const pageMonth = currentPageMonth || today.month;\n\n    // month indexed from 0-11\n    const pageDate = currentPageMonth && currentPageYear ? new Date(currentPageYear, currentPageMonth - 1, 15) : null;\n    const pageMonthName = pageDate?.toLocaleString(loc, { month: 'long' }) || today.monthLongName;\n    const pageYear = currentPageYear || today.year;\n    const pageDecadeStart = currentPageDecadeStart || Math.floor(pageYear / 10) * 10;\n\n    // determine dow of first day of month. Months are indexed from 0 here\n    const date = new Date(pageYear, (pageMonth + 11) % 12, 1);\n    const offsetDate = new Date(pageYear, (pageMonth + 11) % 12, 1);\n    offsetDate.setDate(offsetDate.getDate() - 1);\n\n    const dates: Array<Array<number | null>> = [];\n\n    let lastDayOfMonth = 1;\n    let done = false;\n\n    for (let row = 0; row < 6; row++) {\n      dates[row] = [];\n\n      for (let col = 0; col < 7; col++) {\n        if (row === 0 && col < offsetDate.getDay()) {\n          dates[row][col] = null;\n        } else {\n          dates[row][col] = date.getDate();\n          lastDayOfMonth = date.getDate();\n          date.setDate(date.getDate() + 1);\n\n          if (date.getDate() === 1) {\n            for (let i = col + 1; i < 7; i++) {\n              dates[row][i] = null;\n            }\n            done = true;\n            break;\n          }\n        }\n      }\n\n      if (done) {\n        break;\n      }\n    }\n\n    if (dates[dates.length - 1].length === 0) {\n      delete dates[dates.length - 1];\n    }\n\n    return {\n      today,\n      selected,\n      pageMonth,\n      pageMonthName,\n      pageYear,\n      pageDecadeStart,\n      dowNames: NeonDateUtils.dowNames(loc),\n      dates,\n      lastDayOfMonth,\n      months: NeonDateUtils.monthNames(loc),\n    };\n  }\n}\n"],"names":["NeonDateUtils","date","locale","strict","loc","now","dateObj","time","result","dateString","day","month","year","weekdays","sunday","key","selectedDate","currentPageMonth","currentPageYear","currentPageDecadeStart","today","selected","pageMonth","pageDate","pageMonthName","pageYear","pageDecadeStart","offsetDate","dates","lastDayOfMonth","done","row","col","i"],"mappings":"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"}

package/dist/common/utils/NeonDateUtils.d.ts

@@ -5,8 +5,9 @@ export declare class NeonDateUtils {
      * Convert an ISO 8601 formatted string to a locale formatted date with a three letter month, a 2 digit day and a locale formatted time.
      * @param date The date/time as an <a href="https://en.wikipedia.org/wiki/ISO_8601">ISO 8601</a> string.
      * @param locale The locale for which to convert the date for display purposes, defaults to browser locale.
+     * @param strict Do not add time component to localise the date.
      */
-    static stringToNeonDate(date: string, locale?: string): NeonDate;
+    static stringToNeonDate(date: string, locale?: string, strict?: boolean): NeonDate;
     static dateToIso(date: Date, time?: boolean): string;
     static dmyToIso(day: number, month: number, year: number): string;
     static dowNames(locale?: string): Array<string>;

package/dist/common/utils/NeonDateUtils.es.js

@@ -1,8 +1,8 @@
 class NeonDateUtils {
-  static stringToNeonDate(date, locale) {
+  static stringToNeonDate(date, locale, strict = false) {
     const loc = locale || navigator.language;
     const now = new Date();
-    const dateObj = new Date(date.length === 10 ? `${date}T${now.toISOString().split("T")[1]}` : date);
+    const dateObj = new Date(!strict && date.length === 10 ? `${date}T${now.toISOString().split("T")[1]}` : date);
     let time;
     if (date.length > 10) {
       time = dateObj.toLocaleString(
@@ -55,7 +55,7 @@ class NeonDateUtils {
   static toCalendarConfiguration(selectedDate, currentPageMonth, currentPageYear, currentPageDecadeStart, locale) {
     const loc = locale || navigator.language;
     const today = NeonDateUtils.stringToNeonDate(NeonDateUtils.dateToIso(new Date()), loc);
-    const selected = selectedDate ? NeonDateUtils.stringToNeonDate(selectedDate, loc) : void 0;
+    const selected = selectedDate ? NeonDateUtils.stringToNeonDate(selectedDate, loc, true) : void 0;
     const pageMonth = currentPageMonth || today.month;
     const pageDate = currentPageMonth && currentPageYear ? new Date(currentPageYear, currentPageMonth - 1, 15) : null;
     const pageMonthName = (pageDate == null ? void 0 : pageDate.toLocaleString(loc, { month: "long" })) || today.monthLongName;

package/dist/common/utils/NeonDateUtils.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonDateUtils.es.js","sources":["../../../src/common/utils/NeonDateUtils.ts"],"sourcesContent":["import type { NeonCalendarConfig } from '@/common/models/NeonCalendarConfig';\nimport type { NeonDate } from '@/common/models/NeonDate';\n\nexport class NeonDateUtils {\n  /**\n   * Convert an ISO 8601 formatted string to a locale formatted date with a three letter month, a 2 digit day and a locale formatted time.\n   * @param date The date/time as an <a href=\"https://en.wikipedia.org/wiki/ISO_8601\">ISO 8601</a> string.\n   * @param locale The locale for which to convert the date for display purposes, defaults to browser locale.\n   */\n  public static stringToNeonDate(date: string, locale?: string): NeonDate {\n    const loc = locale || navigator.language;\n    const now = new Date();\n    const dateObj = new Date(date.length === 10 ? `${date}T${now.toISOString().split('T')[1]}` : date);\n    let time;\n    if (date.length > 10) {\n      time = dateObj.toLocaleString(\n        loc,\n        date.length <= 16\n          ? { hour12: false, hour: '2-digit', minute: '2-digit' }\n          : { hour12: false, hour: '2-digit', minute: '2-digit', second: '2-digit' },\n      );\n    }\n\n    const result: NeonDate = {\n      year: +dateObj.toLocaleString('en-US', { year: 'numeric' }),\n      yearFormatted: dateObj.toLocaleString(loc, { year: 'numeric' }),\n      month: +dateObj.toLocaleString('en-US', { month: 'numeric' }),\n      monthShortName: dateObj.toLocaleString(loc, { month: 'short' }),\n      monthLongName: dateObj.toLocaleString(loc, { month: 'long' }),\n      day: +dateObj.toLocaleString('en-US', { day: 'numeric' }),\n      dayFormatted: dateObj.toLocaleString(loc, { day: '2-digit' }),\n    };\n\n    if (time) {\n      result.time = time;\n    }\n\n    return result;\n  }\n\n  public static dateToIso(date: Date, time = false): string {\n    const dateString = date.toISOString();\n    return time ? dateString : dateString.split('T')[0];\n  }\n\n  public static dmyToIso(day: number, month: number, year: number): string {\n    return `${year}-${month < 10 ? '0' + month : month}-${day < 10 ? '0' + day : day}`;\n  }\n\n  public static dowNames(locale?: string): Array<string> {\n    const loc = locale || navigator.language;\n    const date = new Date();\n\n    const weekdays = [];\n    while (!weekdays[date.getDay()]) {\n      weekdays[date.getDay()] = date.toLocaleString(loc, { weekday: 'short' });\n      date.setDate(date.getDate() + 1);\n    }\n\n    const sunday = weekdays.shift();\n    if (sunday) {\n      weekdays.push(sunday);\n    }\n\n    return weekdays;\n  }\n\n  public static monthNames(locale?: string): Array<string> {\n    const loc = locale || navigator.language;\n\n    return Array.from(Array(12).keys()).map((key) => {\n      const date = new Date(2023, key, 15);\n      return date.toLocaleString(loc, { month: 'short' });\n    });\n  }\n\n  public static toCalendarConfiguration(\n    selectedDate?: string,\n    currentPageMonth?: number,\n    currentPageYear?: number,\n    currentPageDecadeStart?: number,\n    locale?: string,\n  ): NeonCalendarConfig {\n    const loc = locale || navigator.language;\n    const today = NeonDateUtils.stringToNeonDate(NeonDateUtils.dateToIso(new Date()), loc);\n    const selected = selectedDate ? NeonDateUtils.stringToNeonDate(selectedDate, loc) : undefined;\n    // month indexed from 1-12\n    const pageMonth = currentPageMonth || today.month;\n\n    // month indexed from 0-11\n    const pageDate = currentPageMonth && currentPageYear ? new Date(currentPageYear, currentPageMonth - 1, 15) : null;\n    const pageMonthName = pageDate?.toLocaleString(loc, { month: 'long' }) || today.monthLongName;\n    const pageYear = currentPageYear || today.year;\n    const pageDecadeStart = currentPageDecadeStart || Math.floor(pageYear / 10) * 10;\n\n    // determine dow of first day of month. Months are indexed from 0 here\n    const date = new Date(pageYear, (pageMonth + 11) % 12, 1);\n    const offsetDate = new Date(pageYear, (pageMonth + 11) % 12, 1);\n    offsetDate.setDate(offsetDate.getDate() - 1);\n\n    const dates: Array<Array<number | null>> = [];\n\n    let lastDayOfMonth = 1;\n    let done = false;\n\n    for (let row = 0; row < 6; row++) {\n      dates[row] = [];\n\n      for (let col = 0; col < 7; col++) {\n        if (row === 0 && col < offsetDate.getDay()) {\n          dates[row][col] = null;\n        } else {\n          dates[row][col] = date.getDate();\n          lastDayOfMonth = date.getDate();\n          date.setDate(date.getDate() + 1);\n\n          if (date.getDate() === 1) {\n            for (let i = col + 1; i < 7; i++) {\n              dates[row][i] = null;\n            }\n            done = true;\n            break;\n          }\n        }\n      }\n\n      if (done) {\n        break;\n      }\n    }\n\n    if (dates[dates.length - 1].length === 0) {\n      delete dates[dates.length - 1];\n    }\n\n    return {\n      today,\n      selected,\n      pageMonth,\n      pageMonthName,\n      pageYear,\n      pageDecadeStart,\n      dowNames: NeonDateUtils.dowNames(loc),\n      dates,\n      lastDayOfMonth,\n      months: NeonDateUtils.monthNames(loc),\n    };\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"NeonDateUtils.es.js","sources":["../../../src/common/utils/NeonDateUtils.ts"],"sourcesContent":["import type { NeonCalendarConfig } from '@/common/models/NeonCalendarConfig';\nimport type { NeonDate } from '@/common/models/NeonDate';\n\nexport class NeonDateUtils {\n  /**\n   * Convert an ISO 8601 formatted string to a locale formatted date with a three letter month, a 2 digit day and a locale formatted time.\n   * @param date The date/time as an <a href=\"https://en.wikipedia.org/wiki/ISO_8601\">ISO 8601</a> string.\n   * @param locale The locale for which to convert the date for display purposes, defaults to browser locale.\n   * @param strict Do not add time component to localise the date.\n   */\n  public static stringToNeonDate(date: string, locale?: string, strict = false): NeonDate {\n    const loc = locale || navigator.language;\n    const now = new Date();\n    const dateObj = new Date(!strict && date.length === 10 ? `${date}T${now.toISOString().split('T')[1]}` : date);\n    let time;\n    if (date.length > 10) {\n      time = dateObj.toLocaleString(\n        loc,\n        date.length <= 16\n          ? { hour12: false, hour: '2-digit', minute: '2-digit' }\n          : { hour12: false, hour: '2-digit', minute: '2-digit', second: '2-digit' },\n      );\n    }\n\n    const result: NeonDate = {\n      year: +dateObj.toLocaleString('en-US', { year: 'numeric' }),\n      yearFormatted: dateObj.toLocaleString(loc, { year: 'numeric' }),\n      month: +dateObj.toLocaleString('en-US', { month: 'numeric' }),\n      monthShortName: dateObj.toLocaleString(loc, { month: 'short' }),\n      monthLongName: dateObj.toLocaleString(loc, { month: 'long' }),\n      day: +dateObj.toLocaleString('en-US', { day: 'numeric' }),\n      dayFormatted: dateObj.toLocaleString(loc, { day: '2-digit' }),\n    };\n\n    if (time) {\n      result.time = time;\n    }\n\n    return result;\n  }\n\n  public static dateToIso(date: Date, time = false): string {\n    const dateString = date.toISOString();\n    return time ? dateString : dateString.split('T')[0];\n  }\n\n  public static dmyToIso(day: number, month: number, year: number): string {\n    return `${year}-${month < 10 ? '0' + month : month}-${day < 10 ? '0' + day : day}`;\n  }\n\n  public static dowNames(locale?: string): Array<string> {\n    const loc = locale || navigator.language;\n    const date = new Date();\n\n    const weekdays = [];\n    while (!weekdays[date.getDay()]) {\n      weekdays[date.getDay()] = date.toLocaleString(loc, { weekday: 'short' });\n      date.setDate(date.getDate() + 1);\n    }\n\n    const sunday = weekdays.shift();\n    if (sunday) {\n      weekdays.push(sunday);\n    }\n\n    return weekdays;\n  }\n\n  public static monthNames(locale?: string): Array<string> {\n    const loc = locale || navigator.language;\n\n    return Array.from(Array(12).keys()).map((key) => {\n      const date = new Date(2023, key, 15);\n      return date.toLocaleString(loc, { month: 'short' });\n    });\n  }\n\n  public static toCalendarConfiguration(\n    selectedDate?: string,\n    currentPageMonth?: number,\n    currentPageYear?: number,\n    currentPageDecadeStart?: number,\n    locale?: string,\n  ): NeonCalendarConfig {\n    const loc = locale || navigator.language;\n    const today = NeonDateUtils.stringToNeonDate(NeonDateUtils.dateToIso(new Date()), loc);\n    const selected = selectedDate ? NeonDateUtils.stringToNeonDate(selectedDate, loc, true) : undefined;\n    // month indexed from 1-12\n    const pageMonth = currentPageMonth || today.month;\n\n    // month indexed from 0-11\n    const pageDate = currentPageMonth && currentPageYear ? new Date(currentPageYear, currentPageMonth - 1, 15) : null;\n    const pageMonthName = pageDate?.toLocaleString(loc, { month: 'long' }) || today.monthLongName;\n    const pageYear = currentPageYear || today.year;\n    const pageDecadeStart = currentPageDecadeStart || Math.floor(pageYear / 10) * 10;\n\n    // determine dow of first day of month. Months are indexed from 0 here\n    const date = new Date(pageYear, (pageMonth + 11) % 12, 1);\n    const offsetDate = new Date(pageYear, (pageMonth + 11) % 12, 1);\n    offsetDate.setDate(offsetDate.getDate() - 1);\n\n    const dates: Array<Array<number | null>> = [];\n\n    let lastDayOfMonth = 1;\n    let done = false;\n\n    for (let row = 0; row < 6; row++) {\n      dates[row] = [];\n\n      for (let col = 0; col < 7; col++) {\n        if (row === 0 && col < offsetDate.getDay()) {\n          dates[row][col] = null;\n        } else {\n          dates[row][col] = date.getDate();\n          lastDayOfMonth = date.getDate();\n          date.setDate(date.getDate() + 1);\n\n          if (date.getDate() === 1) {\n            for (let i = col + 1; i < 7; i++) {\n              dates[row][i] = null;\n            }\n            done = true;\n            break;\n          }\n        }\n      }\n\n      if (done) {\n        break;\n      }\n    }\n\n    if (dates[dates.length - 1].length === 0) {\n      delete dates[dates.length - 1];\n    }\n\n    return {\n      today,\n      selected,\n      pageMonth,\n      pageMonthName,\n      pageYear,\n      pageDecadeStart,\n      dowNames: NeonDateUtils.dowNames(loc),\n      dates,\n      lastDayOfMonth,\n      months: NeonDateUtils.monthNames(loc),\n    };\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/feedback/alert/NeonAlert.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var a=require("./NeonAlert.ts_vue_type_script_src_cfa5c5ce_lang.cjs.js"),l=require("vue"),p=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const u={class:"neon-alert__wrapper"};function m(e,o,s,V,i,v){const n=l.resolveComponent("neon-alert-container"),r=l.resolveComponent("neon-toast-container");return l.openBlock(),l.createElementBlock("div",u,[l.createVNode(n,{placement:"top-left",modelValue:e.topLeft,"onUpdate:modelValue":o[0]||(o[0]=t=>e.topLeft=t)},null,8,["modelValue"]),l.createVNode(n,{placement:"top-right",modelValue:e.topRight,"onUpdate:modelValue":o[1]||(o[1]=t=>e.topRight=t)},null,8,["modelValue"]),l.createVNode(n,{placement:"bottom-left",modelValue:e.bottomLeft,"onUpdate:modelValue":o[2]||(o[2]=t=>e.bottomLeft=t)},null,8,["modelValue"]),l.createVNode(n,{placement:"bottom-right",modelValue:e.bottomRight,"onUpdate:modelValue":o[3]||(o[3]=t=>e.bottomRight=t)},null,8,["modelValue"]),l.createVNode(r,{placement:"top",modelValue:e.top,"onUpdate:modelValue":o[4]||(o[4]=t=>e.top=t)},null,8,["modelValue"]),l.createVNode(r,{placement:"bottom",modelValue:e.bottom,"onUpdate:modelValue":o[5]||(o[5]=t=>e.bottom=t)},null,8,["modelValue"])])}var d=p(a,[["render",m],["__file","/Users/andrew/dev/projects/neon/src/components/feedback/alert/NeonAlert.vue"]]);module.exports=d;
+"use strict";var a=require("./NeonAlert.ts_vue_type_script_src_cfa5c5ce_lang.cjs.js"),l=require("vue"),p=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const u={class:"neon-alert__wrapper"};function m(e,o,s,V,i,v){const n=l.resolveComponent("neon-alert-container"),r=l.resolveComponent("neon-toast-container");return l.openBlock(),l.createElementBlock("div",u,[l.createVNode(n,{modelValue:e.topLeft,"onUpdate:modelValue":o[0]||(o[0]=t=>e.topLeft=t),placement:"top-left"},null,8,["modelValue"]),l.createVNode(n,{modelValue:e.topRight,"onUpdate:modelValue":o[1]||(o[1]=t=>e.topRight=t),placement:"top-right"},null,8,["modelValue"]),l.createVNode(n,{modelValue:e.bottomLeft,"onUpdate:modelValue":o[2]||(o[2]=t=>e.bottomLeft=t),placement:"bottom-left"},null,8,["modelValue"]),l.createVNode(n,{modelValue:e.bottomRight,"onUpdate:modelValue":o[3]||(o[3]=t=>e.bottomRight=t),placement:"bottom-right"},null,8,["modelValue"]),l.createVNode(r,{modelValue:e.top,"onUpdate:modelValue":o[4]||(o[4]=t=>e.top=t),placement:"top"},null,8,["modelValue"]),l.createVNode(r,{modelValue:e.bottom,"onUpdate:modelValue":o[5]||(o[5]=t=>e.bottom=t),placement:"bottom"},null,8,["modelValue"])])}var d=p(a,[["render",m],["__file","/Users/andrew/dev/projects/neon/src/components/feedback/alert/NeonAlert.vue"]]);module.exports=d;
 //# sourceMappingURL=NeonAlert.cjs.js.map

package/dist/components/feedback/alert/NeonAlert.es.js

@@ -7,34 +7,34 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_neon_toast_container = resolveComponent("neon-toast-container");
   return openBlock(), createElementBlock("div", _hoisted_1, [
     createVNode(_component_neon_alert_container, {
-      placement: "top-left",
       modelValue: _ctx.topLeft,
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.topLeft = $event)
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.topLeft = $event),
+      placement: "top-left"
     }, null, 8, ["modelValue"]),
     createVNode(_component_neon_alert_container, {
-      placement: "top-right",
       modelValue: _ctx.topRight,
-      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.topRight = $event)
+      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.topRight = $event),
+      placement: "top-right"
     }, null, 8, ["modelValue"]),
     createVNode(_component_neon_alert_container, {
-      placement: "bottom-left",
       modelValue: _ctx.bottomLeft,
-      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.bottomLeft = $event)
+      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.bottomLeft = $event),
+      placement: "bottom-left"
     }, null, 8, ["modelValue"]),
     createVNode(_component_neon_alert_container, {
-      placement: "bottom-right",
       modelValue: _ctx.bottomRight,
-      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.bottomRight = $event)
+      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.bottomRight = $event),
+      placement: "bottom-right"
     }, null, 8, ["modelValue"]),
     createVNode(_component_neon_toast_container, {
-      placement: "top",
       modelValue: _ctx.top,
-      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.top = $event)
+      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.top = $event),
+      placement: "top"
     }, null, 8, ["modelValue"]),
     createVNode(_component_neon_toast_container, {
-      placement: "bottom",
       modelValue: _ctx.bottom,
-      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.bottom = $event)
+      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.bottom = $event),
+      placement: "bottom"
     }, null, 8, ["modelValue"])
   ]);
 }

package/dist/components/feedback/dialog/NeonDialog.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("./NeonDialog.ts_vue_type_script_src_5f73ae8b_lang.cjs.js"),e=require("vue"),c=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const u={class:"neon-dialog__title"},d=["innerHTML"];function p(o,n,v,b,m,f){const l=e.resolveComponent("neon-button"),a=e.resolveComponent("neon-card-body"),r=e.resolveComponent("neon-card"),t=e.resolveComponent("neon-modal");return e.openBlock(),e.createBlock(t,{opaque:o.opaque,open:o.open,class:"neon-dialog"},{default:e.withCtx(()=>[e.createVNode(r,{size:"m"},{default:e.withCtx(()=>[e.createVNode(a,null,{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("h6",u,e.toDisplayString(o.title),1),e.createElementVNode("div",{class:"neon-dialog__question",innerHTML:o.question},null,8,d)]),e.createElementVNode("div",null,[e.createVNode(l,{"aria-label":o.cancelLabel,"full-width":!0,label:o.cancelLabel,size:"s",onClick:n[0]||(n[0]=i=>o.cancel())},null,8,["aria-label","label"]),e.createVNode(l,{"alternate-color":o.alternateColor,"aria-label":o.confirmLabel,color:o.color,"full-width":!0,label:o.confirmLabel,size:"s",onClick:n[1]||(n[1]=i=>o.confirm())},null,8,["alternate-color","aria-label","color","label"])])]),_:1})]),_:1})]),_:1},8,["opaque","open"])}var _=c(s,[["render",p],["__file","/Users/andrew/dev/projects/neon/src/components/feedback/dialog/NeonDialog.vue"]]);module.exports=_;
+"use strict";var s=require("./NeonDialog.ts_vue_type_script_src_5f73ae8b_lang.cjs.js"),e=require("vue"),c=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const d={class:"neon-dialog__title"},u=["innerHTML"],p={ref:"actions"};function _(o,n,b,m,f,g){const l=e.resolveComponent("neon-button"),a=e.resolveComponent("neon-card-body"),r=e.resolveComponent("neon-card"),i=e.resolveComponent("neon-modal");return e.openBlock(),e.createBlock(i,{opaque:o.opaque,open:o.open,class:"neon-dialog",onKeydown:n[2]||(n[2]=e.withKeys(t=>o.cancel(),["esc"]))},{default:e.withCtx(()=>[e.createVNode(r,{size:"m"},{default:e.withCtx(()=>[e.createVNode(a,null,{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("h6",d,e.toDisplayString(o.title),1),e.createElementVNode("div",{class:"neon-dialog__question",innerHTML:o.question},null,8,u)]),e.createElementVNode("div",p,[e.createVNode(l,{"aria-label":o.cancelLabel,"full-width":!0,label:o.cancelLabel,size:"s",onClick:n[0]||(n[0]=t=>o.cancel())},null,8,["aria-label","label"]),e.createVNode(l,{"alternate-color":o.alternateColor,"aria-label":o.confirmLabel,color:o.color,"full-width":!0,label:o.confirmLabel,class:"neon-dialog__confirm-button",size:"s",onClick:n[1]||(n[1]=t=>o.confirm())},null,8,["alternate-color","aria-label","color","label"])],512)]),_:1})]),_:1})]),_:1},8,["opaque","open"])}var v=c(s,[["render",_],["__file","/Users/andrew/dev/projects/neon/src/components/feedback/dialog/NeonDialog.vue"]]);module.exports=v;
 //# sourceMappingURL=NeonDialog.cjs.js.map

package/dist/components/feedback/dialog/NeonDialog.d.ts

@@ -61,6 +61,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
+    actions: import("vue").Ref<HTMLDivElement | null>;
     cancel: () => void;
     confirm: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "confirm")[], "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/dist/components/feedback/dialog/NeonDialog.es.js

@@ -1,8 +1,9 @@
 import _sfc_main from "./NeonDialog.ts_vue_type_script_src_5f73ae8b_lang.es.js";
-import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, toDisplayString } from "vue";
+import { resolveComponent, openBlock, createBlock, withKeys, withCtx, createVNode, createElementVNode, toDisplayString } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = { class: "neon-dialog__title" };
 const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = { ref: "actions" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_neon_button = resolveComponent("neon-button");
   const _component_neon_card_body = resolveComponent("neon-card-body");
@@ -11,7 +12,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(_component_neon_modal, {
     opaque: _ctx.opaque,
     open: _ctx.open,
-    class: "neon-dialog"
+    class: "neon-dialog",
+    onKeydown: _cache[2] || (_cache[2] = withKeys(($event) => _ctx.cancel(), ["esc"]))
   }, {
     default: withCtx(() => [
       createVNode(_component_neon_card, { size: "m" }, {
@@ -25,7 +27,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   innerHTML: _ctx.question
                 }, null, 8, _hoisted_2)
               ]),
-              createElementVNode("div", null, [
+              createElementVNode("div", _hoisted_3, [
                 createVNode(_component_neon_button, {
                   "aria-label": _ctx.cancelLabel,
                   "full-width": true,
@@ -39,10 +41,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   color: _ctx.color,
                   "full-width": true,
                   label: _ctx.confirmLabel,
+                  class: "neon-dialog__confirm-button",
                   size: "s",
                   onClick: _cache[1] || (_cache[1] = ($event) => _ctx.confirm())
                 }, null, 8, ["alternate-color", "aria-label", "color", "label"])
-              ])
+              ], 512)
             ]),
             _: 1
           })

package/dist/components/feedback/dialog/NeonDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonDialog.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NeonDialog.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/feedback/dialog/NeonDialog.ts_vue_type_script_src_5f73ae8b_lang.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var o=require("vue"),n=require("../../../common/enums/NeonFunctionalColor.cjs.js"),r=require("../../user-input/button/NeonButton.cjs.js"),t=require("../../layout/card/NeonCard.cjs.js"),a=require("../../layout/card/body/NeonCardBody.cjs.js"),l=require("../../layout/modal/NeonModal.cjs.js"),u=o.defineComponent({name:"NeonDialog",components:{NeonButton:r,NeonCard:t,NeonCardBody:a,NeonModal:l},props:{color:{type:String,default:n.NeonFunctionalColor.Primary},alternateColor:{type:String,default:null},cancelLabel:{type:String,default:"Cancel"},confirmLabel:{type:String,default:"Confirm"},title:{type:String,required:!0},question:{type:String,required:!0},open:{type:Boolean,default:!1},opaque:{type:Boolean,default:!1}},emits:["cancel","confirm"],setup(c,{emit:e}){return{cancel:()=>{e("cancel")},confirm:()=>{e("confirm")}}}});module.exports=u;
+"use strict";var n=require("vue"),u=require("../../../common/enums/NeonFunctionalColor.cjs.js"),c=require("../../user-input/button/NeonButton.cjs.js"),i=require("../../layout/card/NeonCard.cjs.js"),s=require("../../layout/card/body/NeonCardBody.cjs.js"),d=require("../../layout/modal/NeonModal.cjs.js"),f=n.defineComponent({name:"NeonDialog",components:{NeonButton:c,NeonCard:i,NeonCardBody:s,NeonModal:d},props:{color:{type:String,default:u.NeonFunctionalColor.Primary},alternateColor:{type:String,default:null},cancelLabel:{type:String,default:"Cancel"},confirmLabel:{type:String,default:"Confirm"},title:{type:String,required:!0},question:{type:String,required:!0},open:{type:Boolean,default:!1},opaque:{type:Boolean,default:!1}},emits:["cancel","confirm"],setup(t,{emit:r}){const e=n.ref(null),a=()=>{r("cancel")},l=()=>{r("confirm")};return n.watch(()=>t.open,()=>{if(e.value){const o=e.value.querySelector(".neon-dialog__confirm-button");o==null||o.focus()}}),{actions:e,cancel:a,confirm:l}}});module.exports=f;
 //# sourceMappingURL=NeonDialog.ts_vue_type_script_src_5f73ae8b_lang.cjs.js.map

package/dist/components/feedback/dialog/NeonDialog.ts_vue_type_script_src_5f73ae8b_lang.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonDialog.ts_vue_type_script_src_5f73ae8b_lang.cjs.js","sources":["../../../../src/components/feedback/dialog/NeonDialog.ts?vue&type=script&src=5f73ae8b&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonCard from '@/components/layout/card/NeonCard.vue';\nimport NeonCardBody from '@/components/layout/card/body/NeonCardBody.vue';\nimport NeonModal from '@/components/layout/modal/NeonModal.vue';\n\n/**\n * A dialog component for confirming simple actions. This will be rendered above the content of the main window and\n * present just two options to the user, one to proceed with the action and the other to cancel it.\n */\nexport default defineComponent({\n  name: 'NeonDialog',\n  components: {\n    NeonButton,\n    NeonCard,\n    NeonCardBody,\n    NeonModal,\n  },\n  props: {\n    /**\n     * The color of the button for the confirm (positive) action.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Alternate confirm button color for creating a gradient button. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * The label of the button for the cancel (negative) action.\n     */\n    cancelLabel: { type: String, default: 'Cancel' },\n    /**\n     * The label of the button for the confirm (positive) action.\n     */\n    confirmLabel: { type: String, default: 'Confirm' },\n    /**\n     * The dialog title\n     */\n    title: { type: String, required: true },\n    /**\n     * The dialog question. Can be html (rendered using v-html).\n     */\n    question: { type: String, required: true },\n    /**\n     * Whether the dialog is open.\n     */\n    open: { type: Boolean, default: false },\n    /**\n     * Increase the opacity so that the page behind the modal is no longer visible\n     */\n    opaque: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * emitted when the user clicks the cancel (negative) action button.\n     * @type {void}\n     */\n    'cancel',\n    /**\n     * emitted when the user clicks the confirm (positive) action button.\n     * @type {void}\n     */\n    'confirm',\n  ],\n  setup(_props, { emit }) {\n    const cancel = () => {\n      emit('cancel');\n    };\n\n    const confirm = () => {\n      emit('confirm');\n    };\n\n    return {\n      cancel,\n      confirm,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonCard","NeonCardBody","NeonModal","NeonFunctionalColor","_props","emit"],"mappings":"+SAWAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,WAAAC,EACA,SAAAC,EACA,aAAAC,EACA,UAAAC,CACF,EACA,MAAO,CAIL,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAQ,EAIzF,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAK,EAI3E,YAAa,CAAE,KAAM,OAAQ,QAAS,QAAS,EAI/C,aAAc,CAAE,KAAM,OAAQ,QAAS,SAAU,EAIjD,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAK,EAItC,SAAU,CAAE,KAAM,OAAQ,SAAU,EAAK,EAIzC,KAAM,CAAE,KAAM,QAAS,QAAS,EAAM,EAItC,OAAQ,CAAE,KAAM,QAAS,QAAS,EAAM,CAC1C,EACA,MAAO,CAKL,SAKA,SACF,EACA,MAAMC,EAAQ,CAAE,KAAAC,GAAQ,CASf,MAAA,CACL,OATa,IAAM,CACnBA,EAAK,QAAQ,CAAA,EASb,QANc,IAAM,CACpBA,EAAK,SAAS,CAAA,CAKd,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonDialog.ts_vue_type_script_src_5f73ae8b_lang.cjs.js","sources":["../../../../src/components/feedback/dialog/NeonDialog.ts?vue&type=script&src=5f73ae8b&lang.ts"],"sourcesContent":["import { defineComponent, ref, watch } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonCard from '@/components/layout/card/NeonCard.vue';\nimport NeonCardBody from '@/components/layout/card/body/NeonCardBody.vue';\nimport NeonModal from '@/components/layout/modal/NeonModal.vue';\n\n/**\n * A dialog component for confirming simple actions. This will be rendered above the content of the main window and\n * present just two options to the user, one to proceed with the action and the other to cancel it.\n */\nexport default defineComponent({\n  name: 'NeonDialog',\n  components: {\n    NeonButton,\n    NeonCard,\n    NeonCardBody,\n    NeonModal,\n  },\n  props: {\n    /**\n     * The color of the button for the confirm (positive) action.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Alternate confirm button color for creating a gradient button. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * The label of the button for the cancel (negative) action.\n     */\n    cancelLabel: { type: String, default: 'Cancel' },\n    /**\n     * The label of the button for the confirm (positive) action.\n     */\n    confirmLabel: { type: String, default: 'Confirm' },\n    /**\n     * The dialog title\n     */\n    title: { type: String, required: true },\n    /**\n     * The dialog question. Can be html (rendered using v-html).\n     */\n    question: { type: String, required: true },\n    /**\n     * Whether the dialog is open.\n     */\n    open: { type: Boolean, default: false },\n    /**\n     * Increase the opacity so that the page behind the modal is no longer visible\n     */\n    opaque: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * emitted when the user clicks the cancel (negative) action button.\n     * @type {void}\n     */\n    'cancel',\n    /**\n     * emitted when the user clicks the confirm (positive) action button.\n     * @type {void}\n     */\n    'confirm',\n  ],\n  setup(props, { emit }) {\n    const actions = ref<HTMLDivElement | null>(null);\n\n    const cancel = () => {\n      emit('cancel');\n    };\n\n    const confirm = () => {\n      emit('confirm');\n    };\n\n    watch(\n      () => props.open,\n      () => {\n        if (actions.value) {\n          const button = actions.value.querySelector('.neon-dialog__confirm-button') as HTMLButtonElement;\n          button?.focus();\n        }\n      },\n    );\n\n    return {\n      actions,\n      cancel,\n      confirm,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonCard","NeonCardBody","NeonModal","NeonFunctionalColor","props","emit","actions","ref","cancel","confirm","watch","button"],"mappings":"+SAWAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,WAAAC,EACA,SAAAC,EACA,aAAAC,EACA,UAAAC,CACF,EACA,MAAO,CAIL,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAQ,EAIzF,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAK,EAI3E,YAAa,CAAE,KAAM,OAAQ,QAAS,QAAS,EAI/C,aAAc,CAAE,KAAM,OAAQ,QAAS,SAAU,EAIjD,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAK,EAItC,SAAU,CAAE,KAAM,OAAQ,SAAU,EAAK,EAIzC,KAAM,CAAE,KAAM,QAAS,QAAS,EAAM,EAItC,OAAQ,CAAE,KAAM,QAAS,QAAS,EAAM,CAC1C,EACA,MAAO,CAKL,SAKA,SACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACf,MAAAC,EAAUC,MAA2B,IAAI,EAEzCC,EAAS,IAAM,CACnBH,EAAK,QAAQ,CAAA,EAGTI,EAAU,IAAM,CACpBJ,EAAK,SAAS,CAAA,EAGhBK,OAAAA,EAAA,MACE,IAAMN,EAAM,KACZ,IAAM,CACJ,GAAIE,EAAQ,MAAO,CACjB,MAAMK,EAASL,EAAQ,MAAM,cAAc,8BAA8B,EACzEK,GAAA,MAAAA,EAAQ,OACV,CACF,CAAA,EAGK,CACL,QAAAL,EACA,OAAAE,EACA,QAAAC,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/feedback/dialog/NeonDialog.ts_vue_type_script_src_5f73ae8b_lang.es.js

@@ -1,4 +1,4 @@
-import { defineComponent } from "vue";
+import { defineComponent, ref, watch } from "vue";
 import { NeonFunctionalColor } from "../../../common/enums/NeonFunctionalColor.es.js";
 import NeonButton from "../../user-input/button/NeonButton.es.js";
 import NeonCard from "../../layout/card/NeonCard.es.js";
@@ -26,14 +26,25 @@ var _sfc_main = defineComponent({
     "cancel",
     "confirm"
   ],
-  setup(_props, { emit }) {
+  setup(props, { emit }) {
+    const actions = ref(null);
     const cancel = () => {
       emit("cancel");
     };
     const confirm = () => {
       emit("confirm");
     };
+    watch(
+      () => props.open,
+      () => {
+        if (actions.value) {
+          const button = actions.value.querySelector(".neon-dialog__confirm-button");
+          button == null ? void 0 : button.focus();
+        }
+      }
+    );
     return {
+      actions,
       cancel,
       confirm
     };

package/dist/components/feedback/dialog/NeonDialog.ts_vue_type_script_src_5f73ae8b_lang.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonDialog.ts_vue_type_script_src_5f73ae8b_lang.es.js","sources":["../../../../src/components/feedback/dialog/NeonDialog.ts?vue&type=script&src=5f73ae8b&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonCard from '@/components/layout/card/NeonCard.vue';\nimport NeonCardBody from '@/components/layout/card/body/NeonCardBody.vue';\nimport NeonModal from '@/components/layout/modal/NeonModal.vue';\n\n/**\n * A dialog component for confirming simple actions. This will be rendered above the content of the main window and\n * present just two options to the user, one to proceed with the action and the other to cancel it.\n */\nexport default defineComponent({\n  name: 'NeonDialog',\n  components: {\n    NeonButton,\n    NeonCard,\n    NeonCardBody,\n    NeonModal,\n  },\n  props: {\n    /**\n     * The color of the button for the confirm (positive) action.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Alternate confirm button color for creating a gradient button. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * The label of the button for the cancel (negative) action.\n     */\n    cancelLabel: { type: String, default: 'Cancel' },\n    /**\n     * The label of the button for the confirm (positive) action.\n     */\n    confirmLabel: { type: String, default: 'Confirm' },\n    /**\n     * The dialog title\n     */\n    title: { type: String, required: true },\n    /**\n     * The dialog question. Can be html (rendered using v-html).\n     */\n    question: { type: String, required: true },\n    /**\n     * Whether the dialog is open.\n     */\n    open: { type: Boolean, default: false },\n    /**\n     * Increase the opacity so that the page behind the modal is no longer visible\n     */\n    opaque: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * emitted when the user clicks the cancel (negative) action button.\n     * @type {void}\n     */\n    'cancel',\n    /**\n     * emitted when the user clicks the confirm (positive) action button.\n     * @type {void}\n     */\n    'confirm',\n  ],\n  setup(_props, { emit }) {\n    const cancel = () => {\n      emit('cancel');\n    };\n\n    const confirm = () => {\n      emit('confirm');\n    };\n\n    return {\n      cancel,\n      confirm,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;;AAWA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,QAAQ;AAAA,IAIzF,gBAAgB,EAAE,MAAM,QAAqC,SAAS,KAAK;AAAA,IAI3E,aAAa,EAAE,MAAM,QAAQ,SAAS,SAAS;AAAA,IAI/C,cAAc,EAAE,MAAM,QAAQ,SAAS,UAAU;AAAA,IAIjD,OAAO,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAItC,UAAU,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAIzC,MAAM,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAItC,QAAQ,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC1C;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,IAKA;AAAA,EACF;AAAA,EACA,MAAM,QAAQ,EAAE,QAAQ;AACtB,UAAM,SAAS,MAAM;AACnB,WAAK,QAAQ;AAAA,IAAA;AAGf,UAAM,UAAU,MAAM;AACpB,WAAK,SAAS;AAAA,IAAA;AAGT,WAAA;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonDialog.ts_vue_type_script_src_5f73ae8b_lang.es.js","sources":["../../../../src/components/feedback/dialog/NeonDialog.ts?vue&type=script&src=5f73ae8b&lang.ts"],"sourcesContent":["import { defineComponent, ref, watch } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonCard from '@/components/layout/card/NeonCard.vue';\nimport NeonCardBody from '@/components/layout/card/body/NeonCardBody.vue';\nimport NeonModal from '@/components/layout/modal/NeonModal.vue';\n\n/**\n * A dialog component for confirming simple actions. This will be rendered above the content of the main window and\n * present just two options to the user, one to proceed with the action and the other to cancel it.\n */\nexport default defineComponent({\n  name: 'NeonDialog',\n  components: {\n    NeonButton,\n    NeonCard,\n    NeonCardBody,\n    NeonModal,\n  },\n  props: {\n    /**\n     * The color of the button for the confirm (positive) action.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Alternate confirm button color for creating a gradient button. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * The label of the button for the cancel (negative) action.\n     */\n    cancelLabel: { type: String, default: 'Cancel' },\n    /**\n     * The label of the button for the confirm (positive) action.\n     */\n    confirmLabel: { type: String, default: 'Confirm' },\n    /**\n     * The dialog title\n     */\n    title: { type: String, required: true },\n    /**\n     * The dialog question. Can be html (rendered using v-html).\n     */\n    question: { type: String, required: true },\n    /**\n     * Whether the dialog is open.\n     */\n    open: { type: Boolean, default: false },\n    /**\n     * Increase the opacity so that the page behind the modal is no longer visible\n     */\n    opaque: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * emitted when the user clicks the cancel (negative) action button.\n     * @type {void}\n     */\n    'cancel',\n    /**\n     * emitted when the user clicks the confirm (positive) action button.\n     * @type {void}\n     */\n    'confirm',\n  ],\n  setup(props, { emit }) {\n    const actions = ref<HTMLDivElement | null>(null);\n\n    const cancel = () => {\n      emit('cancel');\n    };\n\n    const confirm = () => {\n      emit('confirm');\n    };\n\n    watch(\n      () => props.open,\n      () => {\n        if (actions.value) {\n          const button = actions.value.querySelector('.neon-dialog__confirm-button') as HTMLButtonElement;\n          button?.focus();\n        }\n      },\n    );\n\n    return {\n      actions,\n      cancel,\n      confirm,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;;AAWA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,QAAQ;AAAA,IAIzF,gBAAgB,EAAE,MAAM,QAAqC,SAAS,KAAK;AAAA,IAI3E,aAAa,EAAE,MAAM,QAAQ,SAAS,SAAS;AAAA,IAI/C,cAAc,EAAE,MAAM,QAAQ,SAAS,UAAU;AAAA,IAIjD,OAAO,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAItC,UAAU,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAIzC,MAAM,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAItC,QAAQ,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC1C;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,IAKA;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACf,UAAA,UAAU,IAA2B,IAAI;AAE/C,UAAM,SAAS,MAAM;AACnB,WAAK,QAAQ;AAAA,IAAA;AAGf,UAAM,UAAU,MAAM;AACpB,WAAK,SAAS;AAAA,IAAA;AAGhB;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,MAAM;AACJ,YAAI,QAAQ,OAAO;AACjB,gBAAM,SAAS,QAAQ,MAAM,cAAc,8BAA8B;AACzE,2CAAQ;AAAA,QACV;AAAA,MACF;AAAA,IAAA;AAGK,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/components/feedback/tooltip/NeonTooltip.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var l=require("./NeonTooltip.ts_vue_type_script_src_e32f8fb2_lang.cjs.js"),e=require("vue"),i=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const r=["aria-describedby"],s={class:"neon-tooltip__content-wrapper",ref:"content"},p=e.createElementVNode("div",{class:"neon-tooltip__arrow"},null,-1),d={key:0,class:"neon-tooltip__arrow-overlay"},a=["id"];function v(o,t,y,$,_,f){return e.openBlock(),e.createElementBlock("div",{tabindex:"0",class:e.normalizeClass(["neon-tooltip",[{"neon-tooltip--open":o.open},`neon-tooltip--${o.tooltipStyle}`,`neon-tooltip--${o.tooltipPlacement}`,`neon-tooltip--outline-${o.outlineStyle}`,`neon-tooltip--outline-color-${o.outlineColor}`]]),ref:"tooltip",onKeydown:[t[0]||(t[0]=e.withKeys(n=>o.toggleTooltip(),["enter"])),t[1]||(t[1]=e.withKeys(n=>o.closeTooltip(),["esc"])),t[2]||(t[2]=e.withKeys(n=>o.toggleTooltip(),["space"]))],onKeypress:t[3]||(t[3]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"])),onMouseenter:t[4]||(t[4]=n=>o.openTooltip()),onMouseleave:t[5]||(t[5]=n=>o.closeTooltip()),"aria-describedby":o.id},[e.createElementVNode("div",s,[p,o.tooltipStyle==="popover"?(e.openBlock(),e.createElementBlock("div",d)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"neon-tooltip__content",role:"tooltip",id:o.id},[e.renderSlot(o.$slots,"content")],8,a)],512),e.renderSlot(o.$slots,"target")],42,r)}var u=i(l,[["render",v],["__file","/Users/andrew/dev/projects/neon/src/components/feedback/tooltip/NeonTooltip.vue"]]);module.exports=u;
+"use strict";var l=require("./NeonTooltip.ts_vue_type_script_src_e32f8fb2_lang.cjs.js"),e=require("vue"),i=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const r=["aria-describedby"],s={ref:"content",class:"neon-tooltip__content-wrapper"},p=e.createElementVNode("div",{class:"neon-tooltip__arrow"},null,-1),d={key:0,class:"neon-tooltip__arrow-overlay"},a=["id"];function v(o,t,y,$,_,f){return e.openBlock(),e.createElementBlock("div",{ref:"tooltip",tabindex:"0",class:e.normalizeClass(["neon-tooltip",[{"neon-tooltip--open":o.open},`neon-tooltip--${o.tooltipStyle}`,`neon-tooltip--${o.tooltipPlacement}`,`neon-tooltip--outline-${o.outlineStyle}`,`neon-tooltip--outline-color-${o.outlineColor}`]]),"aria-describedby":o.id,onKeydown:[t[0]||(t[0]=e.withKeys(n=>o.toggleTooltip(),["enter"])),t[1]||(t[1]=e.withKeys(n=>o.closeTooltip(),["esc"])),t[2]||(t[2]=e.withKeys(n=>o.toggleTooltip(),["space"]))],onKeypress:t[3]||(t[3]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"])),onMouseenter:t[4]||(t[4]=n=>o.openTooltip()),onMouseleave:t[5]||(t[5]=n=>o.closeTooltip())},[e.createElementVNode("div",s,[p,o.tooltipStyle==="popover"?(e.openBlock(),e.createElementBlock("div",d)):e.createCommentVNode("",!0),e.createElementVNode("div",{id:o.id,class:"neon-tooltip__content",role:"tooltip"},[e.renderSlot(o.$slots,"content")],8,a)],512),e.renderSlot(o.$slots,"target")],42,r)}var u=i(l,[["render",v],["__file","/Users/andrew/dev/projects/neon/src/components/feedback/tooltip/NeonTooltip.vue"]]);module.exports=u;
 //# sourceMappingURL=NeonTooltip.cjs.js.map

package/dist/components/feedback/tooltip/NeonTooltip.es.js

@@ -3,8 +3,8 @@ import { openBlock, createElementBlock, normalizeClass, withKeys, withModifiers,
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = ["aria-describedby"];
 const _hoisted_2 = {
-  class: "neon-tooltip__content-wrapper",
-  ref: "content"
+  ref: "content",
+  class: "neon-tooltip__content-wrapper"
 };
 const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", { class: "neon-tooltip__arrow" }, null, -1);
 const _hoisted_4 = {
@@ -14,6 +14,7 @@ const _hoisted_4 = {
 const _hoisted_5 = ["id"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
+    ref: "tooltip",
     tabindex: "0",
     class: normalizeClass(["neon-tooltip", [
       { "neon-tooltip--open": _ctx.open },
@@ -22,7 +23,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       `neon-tooltip--outline-${_ctx.outlineStyle}`,
       `neon-tooltip--outline-color-${_ctx.outlineColor}`
     ]]),
-    ref: "tooltip",
+    "aria-describedby": _ctx.id,
     onKeydown: [
       _cache[0] || (_cache[0] = withKeys(($event) => _ctx.toggleTooltip(), ["enter"])),
       _cache[1] || (_cache[1] = withKeys(($event) => _ctx.closeTooltip(), ["esc"])),
@@ -31,16 +32,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onKeypress: _cache[3] || (_cache[3] = withKeys(withModifiers(() => {
     }, ["prevent"]), ["space"])),
     onMouseenter: _cache[4] || (_cache[4] = ($event) => _ctx.openTooltip()),
-    onMouseleave: _cache[5] || (_cache[5] = ($event) => _ctx.closeTooltip()),
-    "aria-describedby": _ctx.id
+    onMouseleave: _cache[5] || (_cache[5] = ($event) => _ctx.closeTooltip())
   }, [
     createElementVNode("div", _hoisted_2, [
       _hoisted_3,
       _ctx.tooltipStyle === "popover" ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true),
       createElementVNode("div", {
+        id: _ctx.id,
         class: "neon-tooltip__content",
-        role: "tooltip",
-        id: _ctx.id
+        role: "tooltip"
       }, [
         renderSlot(_ctx.$slots, "content")
       ], 8, _hoisted_5)

package/dist/components/layout/drawer/NeonDrawer.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var n=require("./NeonDrawer.ts_vue_type_script_src_f2844260_lang.cjs.js"),e=require("vue"),o=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const a=e.createElementVNode("div",{class:"neon-drawer__overlay"},null,-1);function s(r,t,i,d,_,c){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["neon-drawer",[`neon-drawer--${r.position}`,{"neon-drawer--open":r.open,"neon-drawer--with-overlay":r.overlay}]]),role:"dialog","aria-describedby":"neonDrawerDesc"},[a,e.createElementVNode("div",{class:e.normalizeClass(["neon-drawer__container",{"neon-drawer__container--full-width":r.fullWidth}]),ref:"drawer",id:"neonDrawerDesc"},[e.renderSlot(r.$slots,"default")],2)],2)}var l=o(n,[["render",s],["__file","/Users/andrew/dev/projects/neon/src/components/layout/drawer/NeonDrawer.vue"]]);module.exports=l;
+"use strict";var n=require("./NeonDrawer.ts_vue_type_script_src_f2844260_lang.cjs.js"),e=require("vue"),o=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const a=e.createElementVNode("div",{class:"neon-drawer__overlay"},null,-1);function s(r,t,i,d,_,c){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["neon-drawer",[`neon-drawer--${r.position}`,{"neon-drawer--open":r.open,"neon-drawer--with-overlay":r.overlay}]]),role:"dialog","aria-describedby":"neonDrawerDesc"},[a,e.createElementVNode("div",{id:"neonDrawerDesc",ref:"drawer",class:e.normalizeClass(["neon-drawer__container",{"neon-drawer__container--full-width":r.fullWidth}])},[e.renderSlot(r.$slots,"default")],2)],2)}var l=o(n,[["render",s],["__file","/Users/andrew/dev/projects/neon/src/components/layout/drawer/NeonDrawer.vue"]]);module.exports=l;
 //# sourceMappingURL=NeonDrawer.cjs.js.map

package/dist/components/layout/drawer/NeonDrawer.es.js

@@ -16,9 +16,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     _hoisted_1,
     createElementVNode("div", {
-      class: normalizeClass(["neon-drawer__container", { "neon-drawer__container--full-width": _ctx.fullWidth }]),
+      id: "neonDrawerDesc",
       ref: "drawer",
-      id: "neonDrawerDesc"
+      class: normalizeClass(["neon-drawer__container", { "neon-drawer__container--full-width": _ctx.fullWidth }])
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 2)

package/dist/components/layout/grid/NeonGrid.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("./NeonGrid.ts_vue_type_script_src_79684cf0_lang.cjs.js"),e=require("vue"),t=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const n=["id"];function o(r,_,c,u,p,d){return e.openBlock(),e.createElementBlock("article",{class:"neon-grid",id:r.id},[e.renderSlot(r.$slots,"default")],8,n)}var i=t(s,[["render",o],["__file","/Users/andrew/dev/projects/neon/src/components/layout/grid/NeonGrid.vue"]]);module.exports=i;
+"use strict";var s=require("./NeonGrid.ts_vue_type_script_src_79684cf0_lang.cjs.js"),e=require("vue"),t=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const n=["id"];function o(r,_,c,u,p,d){return e.openBlock(),e.createElementBlock("article",{id:r.id,class:"neon-grid"},[e.renderSlot(r.$slots,"default")],8,n)}var i=t(s,[["render",o],["__file","/Users/andrew/dev/projects/neon/src/components/layout/grid/NeonGrid.vue"]]);module.exports=i;
 //# sourceMappingURL=NeonGrid.cjs.js.map

package/dist/components/layout/grid/NeonGrid.es.js

@@ -4,8 +4,8 @@ import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = ["id"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("article", {
-    class: "neon-grid",
-    id: _ctx.id
+    id: _ctx.id,
+    class: "neon-grid"
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 8, _hoisted_1);

package/dist/components/presentation/tabs/tab/NeonTab.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var n=require("./NeonTab.ts_vue_type_script_src_f0ee8bae_lang.cjs.js"),r=require("vue"),a=require("../../../../_virtual/plugin-vue_export-helper.cjs.js");const s=["id","aria-labelledby"];function t(e,l,i,d,p,u){return e.responsiveView||!e.toggleOnIf||e.toggleOnIf&&e.selected?(r.openBlock(),r.createElementBlock("div",{key:0,class:r.normalizeClass(["neon-tab",{"neon-tab--selected":e.selected}]),role:"tabpanel",id:e.id,"aria-labelledby":e.id?`${e.id}Button`:void 0,tabindex:"0"},[r.renderSlot(e.$slots,"default")],10,s)):r.createCommentVNode("",!0)}var o=a(n,[["render",t],["__file","/Users/andrew/dev/projects/neon/src/components/presentation/tabs/tab/NeonTab.vue"]]);module.exports=o;
+"use strict";var n=require("./NeonTab.ts_vue_type_script_src_f0ee8bae_lang.cjs.js"),r=require("vue"),a=require("../../../../_virtual/plugin-vue_export-helper.cjs.js");const s=["id","aria-labelledby"];function t(e,l,i,d,p,u){return e.responsiveView||!e.toggleOnIf||e.toggleOnIf&&e.selected?(r.openBlock(),r.createElementBlock("div",{key:0,id:e.id,class:r.normalizeClass(["neon-tab",{"neon-tab--selected":e.selected}]),role:"tabpanel","aria-labelledby":e.id?`${e.id}Button`:void 0,tabindex:"0"},[r.renderSlot(e.$slots,"default")],10,s)):r.createCommentVNode("",!0)}var o=a(n,[["render",t],["__file","/Users/andrew/dev/projects/neon/src/components/presentation/tabs/tab/NeonTab.vue"]]);module.exports=o;
 //# sourceMappingURL=NeonTab.cjs.js.map

package/dist/components/presentation/tabs/tab/NeonTab.es.js

@@ -5,9 +5,9 @@ const _hoisted_1 = ["id", "aria-labelledby"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.responsiveView || !_ctx.toggleOnIf || _ctx.toggleOnIf && _ctx.selected ? (openBlock(), createElementBlock("div", {
     key: 0,
+    id: _ctx.id,
     class: normalizeClass(["neon-tab", { "neon-tab--selected": _ctx.selected }]),
     role: "tabpanel",
-    id: _ctx.id,
     "aria-labelledby": _ctx.id ? `${_ctx.id}Button` : void 0,
     tabindex: "0"
   }, [

package/dist/components/user-input/color/NeonColor.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var a=require("./NeonColor.ts_vue_type_script_src_94e4c0ac_lang.cjs.js"),o=require("vue"),s=require("../../../_virtual/plugin-vue_export-helper.cjs.js");function d(e,l,u,t,p,c){const n=o.resolveComponent("neon-input");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass([[`neon-color--${e.size}`,`neon-color--${e.color}`,{"neon-color--disabled":e.disabled}],"neon-color"])},[e.pickerOnly?o.createCommentVNode("",!0):(o.openBlock(),o.createBlock(n,o.mergeProps({key:0,modelValue:e.localValue,"onUpdate:modelValue":l[0]||(l[0]=r=>e.localValue=r),color:e.color,disabled:e.disabled,"hide-icon":!0,pattern:"#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})",placeholder:e.placeholder,size:e.size,class:"neon-color__text-input",type:"text"},e.attrs),null,16,["modelValue","color","disabled","pattern","placeholder","size"])),o.createVNode(n,o.mergeProps({modelValue:e.localValue,"onUpdate:modelValue":l[1]||(l[1]=r=>e.localValue=r),color:e.color,disabled:e.disabled,"hide-icon":!0,size:e.size,class:"neon-color__input",type:"color"},e.attrs),null,16,["modelValue","color","disabled","size"]),o.createElementVNode("div",{style:o.normalizeStyle(`background-color:${e.modelValue||"#000000"};box-shadow: 0 0 0 2rem ${e.modelValue||"#000000"}4D`),class:"neon-color__indicator"},null,4)],2)}var i=s(a,[["render",d],["__file","/Users/andrew/dev/projects/neon/src/components/user-input/color/NeonColor.vue"]]);module.exports=i;
+"use strict";var a=require("./NeonColor.ts_vue_type_script_src_94e4c0ac_lang.cjs.js"),o=require("vue"),s=require("../../../_virtual/plugin-vue_export-helper.cjs.js");function d(e,l,u,p,t,c){const n=o.resolveComponent("neon-input");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass([[`neon-color--${e.size}`,`neon-color--${e.color}`,{"neon-color--disabled":e.disabled}],"neon-color"])},[e.pickerOnly?o.createCommentVNode("",!0):(o.openBlock(),o.createBlock(n,o.mergeProps({key:0,modelValue:e.localValue,"onUpdate:modelValue":l[0]||(l[0]=r=>e.localValue=r),color:e.color,disabled:e.disabled,"hide-icon":!0,pattern:"#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})",placeholder:e.placeholder,size:e.size,class:"neon-color__text-input",type:"text"},e.attrs),null,16,["modelValue","color","disabled","pattern","placeholder","size"])),o.createVNode(n,o.mergeProps({id:e.id,modelValue:e.localValue,"onUpdate:modelValue":l[1]||(l[1]=r=>e.localValue=r),color:e.color,disabled:e.disabled,"hide-icon":!0,size:e.size,class:"neon-color__input",type:"color"},e.attrs),null,16,["id","modelValue","color","disabled","size"]),o.createElementVNode("div",{style:o.normalizeStyle(`background-color:${e.modelValue||"#000000"};box-shadow: 0 0 0 2rem ${e.modelValue||"#000000"}4D`),class:"neon-color__indicator"},null,4)],2)}var i=s(a,[["render",d],["__file","/Users/andrew/dev/projects/neon/src/components/user-input/color/NeonColor.vue"]]);module.exports=i;
 //# sourceMappingURL=NeonColor.cjs.js.map

package/dist/components/user-input/color/NeonColor.d.ts

@@ -1,6 +1,12 @@
 import { NeonSize } from '@/common/enums/NeonSize';
 import { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';
 declare const _default: import("vue").DefineComponent<{
+    /**
+     * Id of the input, will be attached to the native color input control.
+     */
+    id: {
+        type: StringConstructor;
+    };
     /**
      * The Hexadecimal color code.
      */
@@ -49,6 +55,12 @@ declare const _default: import("vue").DefineComponent<{
     };
     localValue: import("vue").WritableComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Id of the input, will be attached to the native color input control.
+     */
+    id: {
+        type: StringConstructor;
+    };
     /**
      * The Hexadecimal color code.
      */

package/dist/components/user-input/color/NeonColor.es.js

@@ -20,6 +20,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       type: "text"
     }, _ctx.attrs), null, 16, ["modelValue", "color", "disabled", "pattern", "placeholder", "size"])) : createCommentVNode("", true),
     createVNode(_component_neon_input, mergeProps({
+      id: _ctx.id,
       modelValue: _ctx.localValue,
       "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.localValue = $event),
       color: _ctx.color,
@@ -28,7 +29,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       size: _ctx.size,
       class: "neon-color__input",
       type: "color"
-    }, _ctx.attrs), null, 16, ["modelValue", "color", "disabled", "size"]),
+    }, _ctx.attrs), null, 16, ["id", "modelValue", "color", "disabled", "size"]),
     createElementVNode("div", {
       style: normalizeStyle(`background-color:${_ctx.modelValue || "#000000"};box-shadow: 0 0 0 2rem ${_ctx.modelValue || "#000000"}4D`),
       class: "neon-color__indicator"

package/dist/components/user-input/color/NeonColor.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonColor.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NeonColor.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/user-input/color/NeonColor.ts_vue_type_script_src_94e4c0ac_lang.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("vue"),l=require("../../../common/enums/NeonSize.cjs.js"),a=require("../../../common/enums/NeonFunctionalColor.cjs.js"),s=require("../input/NeonInput.cjs.js"),i=e.defineComponent({name:"NeonColor",components:{NeonInput:s},props:{modelValue:{type:String,required:!0},disabled:{type:Boolean,default:!1},pickerOnly:{type:Boolean,default:!1},size:{type:String,default:l.NeonSize.Medium},color:{type:String,default:a.NeonFunctionalColor.LowContrast},placeholder:{type:String,required:!1}},setup(o,{emit:n}){const t=e.useAttrs(),r=e.computed({get(){return o.modelValue},set(u){n("update:modelValue",u)}});return{attrs:t,localValue:r}}});module.exports=i;
+"use strict";var e=require("vue"),l=require("../../../common/enums/NeonSize.cjs.js"),a=require("../../../common/enums/NeonFunctionalColor.cjs.js"),s=require("../input/NeonInput.cjs.js"),i=e.defineComponent({name:"NeonColor",components:{NeonInput:s},props:{id:{type:String},modelValue:{type:String,required:!0},disabled:{type:Boolean,default:!1},pickerOnly:{type:Boolean,default:!1},size:{type:String,default:l.NeonSize.Medium},color:{type:String,default:a.NeonFunctionalColor.LowContrast},placeholder:{type:String,required:!1}},setup(o,{emit:t}){const n=e.useAttrs(),r=e.computed({get(){return o.modelValue},set(u){t("update:modelValue",u)}});return{attrs:n,localValue:r}}});module.exports=i;
 //# sourceMappingURL=NeonColor.ts_vue_type_script_src_94e4c0ac_lang.cjs.js.map

package/dist/components/user-input/color/NeonColor.ts_vue_type_script_src_94e4c0ac_lang.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonColor.ts_vue_type_script_src_94e4c0ac_lang.cjs.js","sources":["../../../../src/components/user-input/color/NeonColor.ts?vue&type=script&src=94e4c0ac&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\n\nexport default defineComponent({\n  name: 'NeonColor',\n  components: {\n    NeonInput,\n  },\n  props: {\n    /**\n     * The Hexadecimal color code.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * Disable color picker\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Only display the color picker\n     */\n    pickerOnly: { type: Boolean, default: false },\n    /**\n     * The size of the color picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Color of the input\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * This is the placeholder for the text input when no value is provided.\n     */\n    placeholder: { type: String, required: false },\n  },\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const localValue = computed({\n      get() {\n        return props.modelValue;\n      },\n      set(val: string) {\n        emit('update:modelValue', val);\n      },\n    });\n\n    return {\n      attrs,\n      localValue,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonInput","NeonSize","NeonFunctionalColor","props","emit","attrs","useAttrs","localValue","computed","val"],"mappings":"0LAKAA,EAAeC,kBAAgB,CAC7B,KAAM,YACN,WAAY,CACV,UAAAC,CACF,EACA,MAAO,CAIL,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAK,EAI3C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAI1C,WAAY,CAAE,KAAM,QAAS,QAAS,EAAM,EAI5C,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAY,EAI7F,YAAa,CAAE,KAAM,OAAQ,SAAU,EAAM,CAC/C,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,WACRC,EAAaC,EAAAA,SAAS,CAC1B,KAAM,CACJ,OAAOL,EAAM,UACf,EACA,IAAIM,EAAa,CACfL,EAAK,oBAAqBK,CAAG,CAC/B,CAAA,CACD,EAEM,MAAA,CACL,MAAAJ,EACA,WAAAE,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonColor.ts_vue_type_script_src_94e4c0ac_lang.cjs.js","sources":["../../../../src/components/user-input/color/NeonColor.ts?vue&type=script&src=94e4c0ac&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\n\nexport default defineComponent({\n  name: 'NeonColor',\n  components: {\n    NeonInput,\n  },\n  props: {\n    /**\n     * Id of the input, will be attached to the native color input control.\n     */\n    id: { type: String },\n    /**\n     * The Hexadecimal color code.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * Disable color picker\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Only display the color picker\n     */\n    pickerOnly: { type: Boolean, default: false },\n    /**\n     * The size of the color picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Color of the input\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * This is the placeholder for the text input when no value is provided.\n     */\n    placeholder: { type: String, required: false },\n  },\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const localValue = computed({\n      get() {\n        return props.modelValue;\n      },\n      set(val: string) {\n        emit('update:modelValue', val);\n      },\n    });\n\n    return {\n      attrs,\n      localValue,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonInput","NeonSize","NeonFunctionalColor","props","emit","attrs","useAttrs","localValue","computed","val"],"mappings":"0LAKAA,EAAeC,kBAAgB,CAC7B,KAAM,YACN,WAAY,CACV,UAAAC,CACF,EACA,MAAO,CAIL,GAAI,CAAE,KAAM,MAAO,EAInB,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAK,EAI3C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAI1C,WAAY,CAAE,KAAM,QAAS,QAAS,EAAM,EAI5C,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAY,EAI7F,YAAa,CAAE,KAAM,OAAQ,SAAU,EAAM,CAC/C,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,WACRC,EAAaC,EAAAA,SAAS,CAC1B,KAAM,CACJ,OAAOL,EAAM,UACf,EACA,IAAIM,EAAa,CACfL,EAAK,oBAAqBK,CAAG,CAC/B,CAAA,CACD,EAEM,MAAA,CACL,MAAAJ,EACA,WAAAE,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/user-input/color/NeonColor.ts_vue_type_script_src_94e4c0ac_lang.es.js

@@ -8,6 +8,7 @@ var _sfc_main = defineComponent({
     NeonInput
   },
   props: {
+    id: { type: String },
     modelValue: { type: String, required: true },
     disabled: { type: Boolean, default: false },
     pickerOnly: { type: Boolean, default: false },