@aotearoan/neon 22.0.0 → 22.1.0

package/dist/common/enums/NeonPageAlignment.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=(e=>(e.CENTER="center",e.LEFT="left",e))(t||{});exports.NeonPageAlignment=t;
+//# sourceMappingURL=NeonPageAlignment.cjs.js.map

package/dist/common/enums/NeonPageAlignment.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonPageAlignment.cjs.js","sources":["../../../src/common/enums/NeonPageAlignment.ts"],"sourcesContent":["export enum NeonPageAlignment {\n  CENTER = 'center',\n  LEFT = 'left',\n}\n"],"names":["NeonPageAlignment"],"mappings":"gFAAO,IAAKA,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,KAAO,OAFGA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/common/enums/NeonPageAlignment.es.js

@@ -0,0 +1,5 @@
+var t = /* @__PURE__ */ ((r) => (r.CENTER = "center", r.LEFT = "left", r))(t || {});
+export {
+  t as NeonPageAlignment
+};
+//# sourceMappingURL=NeonPageAlignment.es.js.map

package/dist/common/enums/NeonPageAlignment.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonPageAlignment.es.js","sources":["../../../src/common/enums/NeonPageAlignment.ts"],"sourcesContent":["export enum NeonPageAlignment {\n  CENTER = 'center',\n  LEFT = 'left',\n}\n"],"names":["NeonPageAlignment"],"mappings":"AAAO,IAAKA,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,OAAO,QAFGA,IAAAA,KAAA,CAAA,CAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"NeonModeUtils.cjs.js","sources":["../../../src/common/utils/NeonModeUtils.ts"],"sourcesContent":["import { NeonMode } from '../enums/NeonMode';\n\n/**\n * Utility for managing Neon's light/dark mode & defaulting to the user's preference. See\n * <a href=\"https://neon.development.arcual.art/design/theming#dark-mode\">Dark mode</a>.\n */\nexport class NeonModeUtils {\n  private static defaultMode = NeonMode.Light;\n  private static mode = NeonMode.Light;\n  private static callback: ((isDark: boolean) => void) | null = null;\n\n  /**\n   * Set the initial mode.\n   *\n   * @param defaultMode The initial mode to set\n   * @param callback An optional callback to be triggered when using NeonMode.System indicating changes in the current\n   * light/dark mode set internally by this class.\n   */\n  public static init(defaultMode?: NeonMode, callback?: (isDark: boolean) => void) {\n    if (defaultMode) {\n      NeonModeUtils.defaultMode = defaultMode;\n      NeonModeUtils.mode = defaultMode;\n    }\n\n    if (callback) {\n      NeonModeUtils.callback = callback;\n    }\n\n    NeonModeUtils.switchMode(NeonModeUtils.mode);\n\n    if (window.matchMedia) {\n      window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', NeonModeUtils.onDarkChange);\n      window.matchMedia('(prefers-color-scheme: light)').addEventListener('change', NeonModeUtils.onLightChange);\n    }\n  }\n\n  /**\n   * Remove system listeners\n   *\n   */\n  public static destroy() {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener('change', NeonModeUtils.onDarkChange);\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener('change', NeonModeUtils.onLightChange);\n  }\n\n  /**\n   * Switch the current mode.\n   * @param mode the mode to switch to.\n   */\n  public static switchMode(mode: NeonMode) {\n    NeonModeUtils.mode = mode;\n    switch (mode) {\n      case NeonMode.Light:\n        NeonModeUtils.updateClasses(false);\n        break;\n      case NeonMode.Dark:\n        NeonModeUtils.updateClasses(true);\n        break;\n      case NeonMode.System:\n        if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n          NeonModeUtils.updateClasses(true);\n          if (NeonModeUtils.callback) {\n            NeonModeUtils.callback(true);\n          }\n        } else if (window.matchMedia('(prefers-color-scheme: light)').matches) {\n          NeonModeUtils.updateClasses(false);\n          if (NeonModeUtils.callback) {\n            NeonModeUtils.callback(false);\n          }\n        } else {\n          NeonModeUtils.updateClasses(NeonModeUtils.defaultMode === NeonMode.Dark);\n          if (NeonModeUtils.callback) {\n            NeonModeUtils.callback(NeonModeUtils.defaultMode === NeonMode.Dark);\n          }\n        }\n        break;\n    }\n  }\n\n  /**\n   * Get the current mode.\n   *\n   * @returns The current user light or dark mode.\n   */\n  public static getMode() {\n    return NeonModeUtils.mode;\n  }\n\n  static onDarkChange(e: MediaQueryListEvent) {\n    if (NeonModeUtils.mode === NeonMode.System && e.matches) {\n      NeonModeUtils.updateClasses(true);\n      if (NeonModeUtils.callback) {\n        NeonModeUtils.callback(true);\n      }\n    }\n  }\n\n  static onLightChange(e: MediaQueryListEvent) {\n    if (NeonModeUtils.mode === NeonMode.System && e.matches) {\n      NeonModeUtils.updateClasses(false);\n      if (NeonModeUtils.callback) {\n        NeonModeUtils.callback(false);\n      }\n    }\n  }\n\n  private static updateClasses(isDark: boolean) {\n    document.documentElement.classList.remove(`neon-mode--${isDark ? NeonMode.Light : NeonMode.Dark}`);\n    document.documentElement.classList.add(`neon-mode--${isDark ? NeonMode.Dark : NeonMode.Light}`);\n  }\n}\n"],"names":["_NeonModeUtils","defaultMode","callback","mode","NeonMode","e","isDark","__publicField","NeonModeUtils"],"mappings":"gSAMaA,EAAN,MAAMA,CAAc,CAYzB,OAAc,KAAKC,EAAwBC,EAAsC,CAC3ED,IACFD,EAAc,YAAcC,EAC5BD,EAAc,KAAOC,GAGnBC,IACFF,EAAc,SAAWE,GAG3BF,EAAc,WAAWA,EAAc,IAAI,EAEvC,OAAO,aACT,OAAO,WAAW,8BAA8B,EAAE,iBAAiB,SAAUA,EAAc,YAAY,EACvG,OAAO,WAAW,+BAA+B,EAAE,iBAAiB,SAAUA,EAAc,aAAa,EAE7G,CAMA,OAAc,SAAU,CACtB,OAAO,WAAW,8BAA8B,EAAE,oBAAoB,SAAUA,EAAc,YAAY,EAC1G,OAAO,WAAW,+BAA+B,EAAE,oBAAoB,SAAUA,EAAc,aAAa,CAC9G,CAMA,OAAc,WAAWG,EAAgB,CAEvC,OADAH,EAAc,KAAOG,EACbA,EAAA,CACN,KAAKC,EAAAA,SAAS,MACZJ,EAAc,cAAc,EAAK,EACjC,MACF,KAAKI,EAAAA,SAAS,KACZJ,EAAc,cAAc,EAAI,EAChC,MACF,KAAKI,EAAAA,SAAS,OACR,OAAO,WAAW,8BAA8B,EAAE,SACpDJ,EAAc,cAAc,EAAI,EAC5BA,EAAc,UAChBA,EAAc,SAAS,EAAI,GAEpB,OAAO,WAAW,+BAA+B,EAAE,SAC5DA,EAAc,cAAc,EAAK,EAC7BA,EAAc,UAChBA,EAAc,SAAS,EAAK,IAG9BA,EAAc,cAAcA,EAAc,cAAgBI,EAAAA,SAAS,IAAI,EACnEJ,EAAc,UAChBA,EAAc,SAASA,EAAc,cAAgBI,EAAAA,SAAS,IAAI,GAGtE,KAAA,CAEN,CAOA,OAAc,SAAU,CACtB,OAAOJ,EAAc,IACvB,CAEA,OAAO,aAAaK,EAAwB,CACtCL,EAAc,OAASI,EAAAA,SAAS,QAAUC,EAAE,UAC9CL,EAAc,cAAc,EAAI,EAC5BA,EAAc,UAChBA,EAAc,SAAS,EAAI,EAGjC,CAEA,OAAO,cAAcK,EAAwB,CACvCL,EAAc,OAASI,EAAAA,SAAS,QAAUC,EAAE,UAC9CL,EAAc,cAAc,EAAK,EAC7BA,EAAc,UAChBA,EAAc,SAAS,EAAK,EAGlC,CAEA,OAAe,cAAcM,EAAiB,CAC5C,SAAS,gBAAgB,UAAU,OAAO,cAAcA,EAASF,EAAAA,SAAS,MAAQA,WAAS,IAAI,EAAE,EACjG,SAAS,gBAAgB,UAAU,IAAI,cAAcE,EAASF,EAAAA,SAAS,KAAOA,WAAS,KAAK,EAAE,CAChG,CACF,EAvGEG,EADWP,EACI,cAAcI,EAAAA,SAAS,OACtCG,EAFWP,EAEI,OAAOI,EAAAA,SAAS,OAC/BG,EAHWP,EAGI,WAA+C,MAHzD,IAAMQ,EAANR"}
+{"version":3,"file":"NeonModeUtils.cjs.js","sources":["../../../src/common/utils/NeonModeUtils.ts"],"sourcesContent":["import { NeonMode } from '../enums/NeonMode';\n\n/**\n * Utility for managing Neon's light/dark mode & defaulting to the user's preference. See\n * <a href=\"https://aotearoan.github.io/neon/design/theming#dark-mode\">Dark mode</a>.\n */\nexport class NeonModeUtils {\n  private static defaultMode = NeonMode.Light;\n  private static mode = NeonMode.Light;\n  private static callback: ((isDark: boolean) => void) | null = null;\n\n  /**\n   * Set the initial mode.\n   *\n   * @param defaultMode The initial mode to set\n   * @param callback An optional callback to be triggered when using NeonMode.System indicating changes in the current\n   * light/dark mode set internally by this class.\n   */\n  public static init(defaultMode?: NeonMode, callback?: (isDark: boolean) => void) {\n    if (defaultMode) {\n      NeonModeUtils.defaultMode = defaultMode;\n      NeonModeUtils.mode = defaultMode;\n    }\n\n    if (callback) {\n      NeonModeUtils.callback = callback;\n    }\n\n    NeonModeUtils.switchMode(NeonModeUtils.mode);\n\n    if (window.matchMedia) {\n      window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', NeonModeUtils.onDarkChange);\n      window.matchMedia('(prefers-color-scheme: light)').addEventListener('change', NeonModeUtils.onLightChange);\n    }\n  }\n\n  /**\n   * Remove system listeners\n   *\n   */\n  public static destroy() {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener('change', NeonModeUtils.onDarkChange);\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener('change', NeonModeUtils.onLightChange);\n  }\n\n  /**\n   * Switch the current mode.\n   * @param mode the mode to switch to.\n   */\n  public static switchMode(mode: NeonMode) {\n    NeonModeUtils.mode = mode;\n    switch (mode) {\n      case NeonMode.Light:\n        NeonModeUtils.updateClasses(false);\n        break;\n      case NeonMode.Dark:\n        NeonModeUtils.updateClasses(true);\n        break;\n      case NeonMode.System:\n        if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n          NeonModeUtils.updateClasses(true);\n          if (NeonModeUtils.callback) {\n            NeonModeUtils.callback(true);\n          }\n        } else if (window.matchMedia('(prefers-color-scheme: light)').matches) {\n          NeonModeUtils.updateClasses(false);\n          if (NeonModeUtils.callback) {\n            NeonModeUtils.callback(false);\n          }\n        } else {\n          NeonModeUtils.updateClasses(NeonModeUtils.defaultMode === NeonMode.Dark);\n          if (NeonModeUtils.callback) {\n            NeonModeUtils.callback(NeonModeUtils.defaultMode === NeonMode.Dark);\n          }\n        }\n        break;\n    }\n  }\n\n  /**\n   * Get the current mode.\n   *\n   * @returns The current user light or dark mode.\n   */\n  public static getMode() {\n    return NeonModeUtils.mode;\n  }\n\n  static onDarkChange(e: MediaQueryListEvent) {\n    if (NeonModeUtils.mode === NeonMode.System && e.matches) {\n      NeonModeUtils.updateClasses(true);\n      if (NeonModeUtils.callback) {\n        NeonModeUtils.callback(true);\n      }\n    }\n  }\n\n  static onLightChange(e: MediaQueryListEvent) {\n    if (NeonModeUtils.mode === NeonMode.System && e.matches) {\n      NeonModeUtils.updateClasses(false);\n      if (NeonModeUtils.callback) {\n        NeonModeUtils.callback(false);\n      }\n    }\n  }\n\n  private static updateClasses(isDark: boolean) {\n    document.documentElement.classList.remove(`neon-mode--${isDark ? NeonMode.Light : NeonMode.Dark}`);\n    document.documentElement.classList.add(`neon-mode--${isDark ? NeonMode.Dark : NeonMode.Light}`);\n  }\n}\n"],"names":["_NeonModeUtils","defaultMode","callback","mode","NeonMode","e","isDark","__publicField","NeonModeUtils"],"mappings":"gSAMaA,EAAN,MAAMA,CAAc,CAYzB,OAAc,KAAKC,EAAwBC,EAAsC,CAC3ED,IACFD,EAAc,YAAcC,EAC5BD,EAAc,KAAOC,GAGnBC,IACFF,EAAc,SAAWE,GAG3BF,EAAc,WAAWA,EAAc,IAAI,EAEvC,OAAO,aACT,OAAO,WAAW,8BAA8B,EAAE,iBAAiB,SAAUA,EAAc,YAAY,EACvG,OAAO,WAAW,+BAA+B,EAAE,iBAAiB,SAAUA,EAAc,aAAa,EAE7G,CAMA,OAAc,SAAU,CACtB,OAAO,WAAW,8BAA8B,EAAE,oBAAoB,SAAUA,EAAc,YAAY,EAC1G,OAAO,WAAW,+BAA+B,EAAE,oBAAoB,SAAUA,EAAc,aAAa,CAC9G,CAMA,OAAc,WAAWG,EAAgB,CAEvC,OADAH,EAAc,KAAOG,EACbA,EAAA,CACN,KAAKC,EAAAA,SAAS,MACZJ,EAAc,cAAc,EAAK,EACjC,MACF,KAAKI,EAAAA,SAAS,KACZJ,EAAc,cAAc,EAAI,EAChC,MACF,KAAKI,EAAAA,SAAS,OACR,OAAO,WAAW,8BAA8B,EAAE,SACpDJ,EAAc,cAAc,EAAI,EAC5BA,EAAc,UAChBA,EAAc,SAAS,EAAI,GAEpB,OAAO,WAAW,+BAA+B,EAAE,SAC5DA,EAAc,cAAc,EAAK,EAC7BA,EAAc,UAChBA,EAAc,SAAS,EAAK,IAG9BA,EAAc,cAAcA,EAAc,cAAgBI,EAAAA,SAAS,IAAI,EACnEJ,EAAc,UAChBA,EAAc,SAASA,EAAc,cAAgBI,EAAAA,SAAS,IAAI,GAGtE,KAAA,CAEN,CAOA,OAAc,SAAU,CACtB,OAAOJ,EAAc,IACvB,CAEA,OAAO,aAAaK,EAAwB,CACtCL,EAAc,OAASI,EAAAA,SAAS,QAAUC,EAAE,UAC9CL,EAAc,cAAc,EAAI,EAC5BA,EAAc,UAChBA,EAAc,SAAS,EAAI,EAGjC,CAEA,OAAO,cAAcK,EAAwB,CACvCL,EAAc,OAASI,EAAAA,SAAS,QAAUC,EAAE,UAC9CL,EAAc,cAAc,EAAK,EAC7BA,EAAc,UAChBA,EAAc,SAAS,EAAK,EAGlC,CAEA,OAAe,cAAcM,EAAiB,CAC5C,SAAS,gBAAgB,UAAU,OAAO,cAAcA,EAASF,EAAAA,SAAS,MAAQA,WAAS,IAAI,EAAE,EACjG,SAAS,gBAAgB,UAAU,IAAI,cAAcE,EAASF,EAAAA,SAAS,KAAOA,WAAS,KAAK,EAAE,CAChG,CACF,EAvGEG,EADWP,EACI,cAAcI,EAAAA,SAAS,OACtCG,EAFWP,EAEI,OAAOI,EAAAA,SAAS,OAC/BG,EAHWP,EAGI,WAA+C,MAHzD,IAAMQ,EAANR"}

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

@@ -1 +1 @@
-{"version":3,"file":"NeonModeUtils.es.js","sources":["../../../src/common/utils/NeonModeUtils.ts"],"sourcesContent":["import { NeonMode } from '../enums/NeonMode';\n\n/**\n * Utility for managing Neon's light/dark mode & defaulting to the user's preference. See\n * <a href=\"https://neon.development.arcual.art/design/theming#dark-mode\">Dark mode</a>.\n */\nexport class NeonModeUtils {\n  private static defaultMode = NeonMode.Light;\n  private static mode = NeonMode.Light;\n  private static callback: ((isDark: boolean) => void) | null = null;\n\n  /**\n   * Set the initial mode.\n   *\n   * @param defaultMode The initial mode to set\n   * @param callback An optional callback to be triggered when using NeonMode.System indicating changes in the current\n   * light/dark mode set internally by this class.\n   */\n  public static init(defaultMode?: NeonMode, callback?: (isDark: boolean) => void) {\n    if (defaultMode) {\n      NeonModeUtils.defaultMode = defaultMode;\n      NeonModeUtils.mode = defaultMode;\n    }\n\n    if (callback) {\n      NeonModeUtils.callback = callback;\n    }\n\n    NeonModeUtils.switchMode(NeonModeUtils.mode);\n\n    if (window.matchMedia) {\n      window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', NeonModeUtils.onDarkChange);\n      window.matchMedia('(prefers-color-scheme: light)').addEventListener('change', NeonModeUtils.onLightChange);\n    }\n  }\n\n  /**\n   * Remove system listeners\n   *\n   */\n  public static destroy() {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener('change', NeonModeUtils.onDarkChange);\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener('change', NeonModeUtils.onLightChange);\n  }\n\n  /**\n   * Switch the current mode.\n   * @param mode the mode to switch to.\n   */\n  public static switchMode(mode: NeonMode) {\n    NeonModeUtils.mode = mode;\n    switch (mode) {\n      case NeonMode.Light:\n        NeonModeUtils.updateClasses(false);\n        break;\n      case NeonMode.Dark:\n        NeonModeUtils.updateClasses(true);\n        break;\n      case NeonMode.System:\n        if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n          NeonModeUtils.updateClasses(true);\n          if (NeonModeUtils.callback) {\n            NeonModeUtils.callback(true);\n          }\n        } else if (window.matchMedia('(prefers-color-scheme: light)').matches) {\n          NeonModeUtils.updateClasses(false);\n          if (NeonModeUtils.callback) {\n            NeonModeUtils.callback(false);\n          }\n        } else {\n          NeonModeUtils.updateClasses(NeonModeUtils.defaultMode === NeonMode.Dark);\n          if (NeonModeUtils.callback) {\n            NeonModeUtils.callback(NeonModeUtils.defaultMode === NeonMode.Dark);\n          }\n        }\n        break;\n    }\n  }\n\n  /**\n   * Get the current mode.\n   *\n   * @returns The current user light or dark mode.\n   */\n  public static getMode() {\n    return NeonModeUtils.mode;\n  }\n\n  static onDarkChange(e: MediaQueryListEvent) {\n    if (NeonModeUtils.mode === NeonMode.System && e.matches) {\n      NeonModeUtils.updateClasses(true);\n      if (NeonModeUtils.callback) {\n        NeonModeUtils.callback(true);\n      }\n    }\n  }\n\n  static onLightChange(e: MediaQueryListEvent) {\n    if (NeonModeUtils.mode === NeonMode.System && e.matches) {\n      NeonModeUtils.updateClasses(false);\n      if (NeonModeUtils.callback) {\n        NeonModeUtils.callback(false);\n      }\n    }\n  }\n\n  private static updateClasses(isDark: boolean) {\n    document.documentElement.classList.remove(`neon-mode--${isDark ? NeonMode.Light : NeonMode.Dark}`);\n    document.documentElement.classList.add(`neon-mode--${isDark ? NeonMode.Dark : NeonMode.Light}`);\n  }\n}\n"],"names":["_NeonModeUtils","defaultMode","callback","mode","NeonMode","e","isDark","__publicField","NeonModeUtils"],"mappings":";;;;AAMO,MAAMA,IAAN,MAAMA,EAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYzB,OAAc,KAAKC,GAAwBC,GAAsC;AAC/E,IAAID,MACFD,EAAc,cAAcC,GAC5BD,EAAc,OAAOC,IAGnBC,MACFF,EAAc,WAAWE,IAG3BF,EAAc,WAAWA,EAAc,IAAI,GAEvC,OAAO,eACT,OAAO,WAAW,8BAA8B,EAAE,iBAAiB,UAAUA,EAAc,YAAY,GACvG,OAAO,WAAW,+BAA+B,EAAE,iBAAiB,UAAUA,EAAc,aAAa;AAAA,EAE7G;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAc,UAAU;AACtB,WAAO,WAAW,8BAA8B,EAAE,oBAAoB,UAAUA,EAAc,YAAY,GAC1G,OAAO,WAAW,+BAA+B,EAAE,oBAAoB,UAAUA,EAAc,aAAa;AAAA,EAC9G;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAc,WAAWG,GAAgB;AAEvC,YADAH,EAAc,OAAOG,GACbA,GAAA;AAAA,MACN,KAAKC,EAAS;AACZ,QAAAJ,EAAc,cAAc,EAAK;AACjC;AAAA,MACF,KAAKI,EAAS;AACZ,QAAAJ,EAAc,cAAc,EAAI;AAChC;AAAA,MACF,KAAKI,EAAS;AACZ,QAAI,OAAO,WAAW,8BAA8B,EAAE,WACpDJ,EAAc,cAAc,EAAI,GAC5BA,EAAc,YAChBA,EAAc,SAAS,EAAI,KAEpB,OAAO,WAAW,+BAA+B,EAAE,WAC5DA,EAAc,cAAc,EAAK,GAC7BA,EAAc,YAChBA,EAAc,SAAS,EAAK,MAG9BA,EAAc,cAAcA,EAAc,gBAAgBI,EAAS,IAAI,GACnEJ,EAAc,YAChBA,EAAc,SAASA,EAAc,gBAAgBI,EAAS,IAAI;AAGtE;AAAA,IAAA;AAAA,EAEN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAc,UAAU;AACtB,WAAOJ,EAAc;AAAA,EACvB;AAAA,EAEA,OAAO,aAAaK,GAAwB;AAC1C,IAAIL,EAAc,SAASI,EAAS,UAAUC,EAAE,YAC9CL,EAAc,cAAc,EAAI,GAC5BA,EAAc,YAChBA,EAAc,SAAS,EAAI;AAAA,EAGjC;AAAA,EAEA,OAAO,cAAcK,GAAwB;AAC3C,IAAIL,EAAc,SAASI,EAAS,UAAUC,EAAE,YAC9CL,EAAc,cAAc,EAAK,GAC7BA,EAAc,YAChBA,EAAc,SAAS,EAAK;AAAA,EAGlC;AAAA,EAEA,OAAe,cAAcM,GAAiB;AAC5C,aAAS,gBAAgB,UAAU,OAAO,cAAcA,IAASF,EAAS,QAAQA,EAAS,IAAI,EAAE,GACjG,SAAS,gBAAgB,UAAU,IAAI,cAAcE,IAASF,EAAS,OAAOA,EAAS,KAAK,EAAE;AAAA,EAChG;AACF;AAvGEG,EADWP,GACI,eAAcI,EAAS,QACtCG,EAFWP,GAEI,QAAOI,EAAS,QAC/BG,EAHWP,GAGI,YAA+C;AAHzD,IAAMQ,IAANR;"}
+{"version":3,"file":"NeonModeUtils.es.js","sources":["../../../src/common/utils/NeonModeUtils.ts"],"sourcesContent":["import { NeonMode } from '../enums/NeonMode';\n\n/**\n * Utility for managing Neon's light/dark mode & defaulting to the user's preference. See\n * <a href=\"https://aotearoan.github.io/neon/design/theming#dark-mode\">Dark mode</a>.\n */\nexport class NeonModeUtils {\n  private static defaultMode = NeonMode.Light;\n  private static mode = NeonMode.Light;\n  private static callback: ((isDark: boolean) => void) | null = null;\n\n  /**\n   * Set the initial mode.\n   *\n   * @param defaultMode The initial mode to set\n   * @param callback An optional callback to be triggered when using NeonMode.System indicating changes in the current\n   * light/dark mode set internally by this class.\n   */\n  public static init(defaultMode?: NeonMode, callback?: (isDark: boolean) => void) {\n    if (defaultMode) {\n      NeonModeUtils.defaultMode = defaultMode;\n      NeonModeUtils.mode = defaultMode;\n    }\n\n    if (callback) {\n      NeonModeUtils.callback = callback;\n    }\n\n    NeonModeUtils.switchMode(NeonModeUtils.mode);\n\n    if (window.matchMedia) {\n      window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', NeonModeUtils.onDarkChange);\n      window.matchMedia('(prefers-color-scheme: light)').addEventListener('change', NeonModeUtils.onLightChange);\n    }\n  }\n\n  /**\n   * Remove system listeners\n   *\n   */\n  public static destroy() {\n    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener('change', NeonModeUtils.onDarkChange);\n    window.matchMedia('(prefers-color-scheme: light)').removeEventListener('change', NeonModeUtils.onLightChange);\n  }\n\n  /**\n   * Switch the current mode.\n   * @param mode the mode to switch to.\n   */\n  public static switchMode(mode: NeonMode) {\n    NeonModeUtils.mode = mode;\n    switch (mode) {\n      case NeonMode.Light:\n        NeonModeUtils.updateClasses(false);\n        break;\n      case NeonMode.Dark:\n        NeonModeUtils.updateClasses(true);\n        break;\n      case NeonMode.System:\n        if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n          NeonModeUtils.updateClasses(true);\n          if (NeonModeUtils.callback) {\n            NeonModeUtils.callback(true);\n          }\n        } else if (window.matchMedia('(prefers-color-scheme: light)').matches) {\n          NeonModeUtils.updateClasses(false);\n          if (NeonModeUtils.callback) {\n            NeonModeUtils.callback(false);\n          }\n        } else {\n          NeonModeUtils.updateClasses(NeonModeUtils.defaultMode === NeonMode.Dark);\n          if (NeonModeUtils.callback) {\n            NeonModeUtils.callback(NeonModeUtils.defaultMode === NeonMode.Dark);\n          }\n        }\n        break;\n    }\n  }\n\n  /**\n   * Get the current mode.\n   *\n   * @returns The current user light or dark mode.\n   */\n  public static getMode() {\n    return NeonModeUtils.mode;\n  }\n\n  static onDarkChange(e: MediaQueryListEvent) {\n    if (NeonModeUtils.mode === NeonMode.System && e.matches) {\n      NeonModeUtils.updateClasses(true);\n      if (NeonModeUtils.callback) {\n        NeonModeUtils.callback(true);\n      }\n    }\n  }\n\n  static onLightChange(e: MediaQueryListEvent) {\n    if (NeonModeUtils.mode === NeonMode.System && e.matches) {\n      NeonModeUtils.updateClasses(false);\n      if (NeonModeUtils.callback) {\n        NeonModeUtils.callback(false);\n      }\n    }\n  }\n\n  private static updateClasses(isDark: boolean) {\n    document.documentElement.classList.remove(`neon-mode--${isDark ? NeonMode.Light : NeonMode.Dark}`);\n    document.documentElement.classList.add(`neon-mode--${isDark ? NeonMode.Dark : NeonMode.Light}`);\n  }\n}\n"],"names":["_NeonModeUtils","defaultMode","callback","mode","NeonMode","e","isDark","__publicField","NeonModeUtils"],"mappings":";;;;AAMO,MAAMA,IAAN,MAAMA,EAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYzB,OAAc,KAAKC,GAAwBC,GAAsC;AAC/E,IAAID,MACFD,EAAc,cAAcC,GAC5BD,EAAc,OAAOC,IAGnBC,MACFF,EAAc,WAAWE,IAG3BF,EAAc,WAAWA,EAAc,IAAI,GAEvC,OAAO,eACT,OAAO,WAAW,8BAA8B,EAAE,iBAAiB,UAAUA,EAAc,YAAY,GACvG,OAAO,WAAW,+BAA+B,EAAE,iBAAiB,UAAUA,EAAc,aAAa;AAAA,EAE7G;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAc,UAAU;AACtB,WAAO,WAAW,8BAA8B,EAAE,oBAAoB,UAAUA,EAAc,YAAY,GAC1G,OAAO,WAAW,+BAA+B,EAAE,oBAAoB,UAAUA,EAAc,aAAa;AAAA,EAC9G;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAc,WAAWG,GAAgB;AAEvC,YADAH,EAAc,OAAOG,GACbA,GAAA;AAAA,MACN,KAAKC,EAAS;AACZ,QAAAJ,EAAc,cAAc,EAAK;AACjC;AAAA,MACF,KAAKI,EAAS;AACZ,QAAAJ,EAAc,cAAc,EAAI;AAChC;AAAA,MACF,KAAKI,EAAS;AACZ,QAAI,OAAO,WAAW,8BAA8B,EAAE,WACpDJ,EAAc,cAAc,EAAI,GAC5BA,EAAc,YAChBA,EAAc,SAAS,EAAI,KAEpB,OAAO,WAAW,+BAA+B,EAAE,WAC5DA,EAAc,cAAc,EAAK,GAC7BA,EAAc,YAChBA,EAAc,SAAS,EAAK,MAG9BA,EAAc,cAAcA,EAAc,gBAAgBI,EAAS,IAAI,GACnEJ,EAAc,YAChBA,EAAc,SAASA,EAAc,gBAAgBI,EAAS,IAAI;AAGtE;AAAA,IAAA;AAAA,EAEN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAc,UAAU;AACtB,WAAOJ,EAAc;AAAA,EACvB;AAAA,EAEA,OAAO,aAAaK,GAAwB;AAC1C,IAAIL,EAAc,SAASI,EAAS,UAAUC,EAAE,YAC9CL,EAAc,cAAc,EAAI,GAC5BA,EAAc,YAChBA,EAAc,SAAS,EAAI;AAAA,EAGjC;AAAA,EAEA,OAAO,cAAcK,GAAwB;AAC3C,IAAIL,EAAc,SAASI,EAAS,UAAUC,EAAE,YAC9CL,EAAc,cAAc,EAAK,GAC7BA,EAAc,YAChBA,EAAc,SAAS,EAAK;AAAA,EAGlC;AAAA,EAEA,OAAe,cAAcM,GAAiB;AAC5C,aAAS,gBAAgB,UAAU,OAAO,cAAcA,IAASF,EAAS,QAAQA,EAAS,IAAI,EAAE,GACjG,SAAS,gBAAgB,UAAU,IAAI,cAAcE,IAASF,EAAS,OAAOA,EAAS,KAAK,EAAE;AAAA,EAChG;AACF;AAvGEG,EADWP,GACI,eAAcI,EAAS,QACtCG,EAFWP,GAEI,QAAOI,EAAS,QAC/BG,EAHWP,GAGI,YAA+C;AAHzD,IAAMQ,IAANR;"}

package/dist/components/layout/footer/NeonFooter.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonFooter.cjs.js","sources":["../../../../src/components/layout/footer/NeonFooter.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * The page footer component. Place directly inside the NeonPage component to have it rendered at the bottom of the page even when the content is shorter than the page.\n */\nexport default defineComponent({ name: 'NeonFooter' });\n"],"names":["_sfc_main","defineComponent"],"mappings":"oCAKAA,EAAeC,kBAAgB,CAAE,KAAM,aAAc"}
+{"version":3,"file":"NeonFooter.cjs.js","sources":["../../../../src/components/layout/footer/NeonFooter.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * The page footer component. Place directly inside the NeonPage component <strong>#footer</strong> slot to have it\n * rendered at the bottom of the page even when the content is shorter than the page.\n */\nexport default defineComponent({ name: 'NeonFooter' });\n"],"names":["_sfc_main","defineComponent"],"mappings":"oCAMAA,EAAeC,kBAAgB,CAAE,KAAM,aAAc"}

package/dist/components/layout/footer/NeonFooter.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonFooter.es.js","sources":["../../../../src/components/layout/footer/NeonFooter.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * The page footer component. Place directly inside the NeonPage component to have it rendered at the bottom of the page even when the content is shorter than the page.\n */\nexport default defineComponent({ name: 'NeonFooter' });\n"],"names":["_sfc_main","defineComponent"],"mappings":";AAKA,MAAAA,IAAeC,EAAgB,EAAE,MAAM,cAAc;"}
+{"version":3,"file":"NeonFooter.es.js","sources":["../../../../src/components/layout/footer/NeonFooter.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * The page footer component. Place directly inside the NeonPage component <strong>#footer</strong> slot to have it\n * rendered at the bottom of the page even when the content is shorter than the page.\n */\nexport default defineComponent({ name: 'NeonFooter' });\n"],"names":["_sfc_main","defineComponent"],"mappings":";AAMA,MAAAA,IAAeC,EAAgB,EAAE,MAAM,cAAc;"}

package/dist/components/layout/page/NeonPage.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const n=require("vue"),s=n.defineComponent({name:"NeonPage",setup(){const e=()=>{const t=window.innerHeight*.01;document.documentElement.style.setProperty("--vh",`${t}rem`);const o=window.innerWidth*.01;document.documentElement.style.setProperty("--vw",`${o}rem`)};n.onMounted(()=>{window.addEventListener("resize",e,{passive:!0}),e()}),n.onUnmounted(()=>{window.removeEventListener("resize",e)})}});module.exports=s;
+"use strict";const n=require("vue"),s=require("../../../common/enums/NeonPageAlignment.cjs.js"),i=n.defineComponent({name:"NeonPage",props:{pageAlign:{type:String,default:s.NeonPageAlignment.CENTER}},setup(d,{slots:t}){const e=()=>{const o=window.innerHeight*.01;document.documentElement.style.setProperty("--vh",`${o}rem`);const r=window.innerWidth*.01;document.documentElement.style.setProperty("--vw",`${r}rem`)};return n.onMounted(()=>{window.addEventListener("resize",e,{passive:!0}),e()}),n.onUnmounted(()=>{window.removeEventListener("resize",e)}),{slots:t}}});module.exports=i;
 //# sourceMappingURL=NeonPage.cjs.js.map

package/dist/components/layout/page/NeonPage.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonPage.cjs.js","sources":["../../../../src/components/layout/page/NeonPage.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted } from 'vue';\n\n/**\n * A \"page\" component, this is defined as a wrapper around the contents (NeonGrid, etc) and footer which provides the\n * correct responsive layout accounting for NeonTopNav and NeonSideNav components being used.\n */\nexport default defineComponent({\n  name: 'NeonPage',\n  setup() {\n    const handleResize = () => {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty('--vh', `${vh}rem`);\n      const vw = window.innerWidth * 0.01;\n      document.documentElement.style.setProperty('--vw', `${vw}rem`);\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n    });\n  },\n});\n"],"names":["_sfc_main","defineComponent","handleResize","vh","vw","onMounted","onUnmounted"],"mappings":"oCAMAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,OAAQ,CACN,MAAMC,EAAe,IAAM,CACzB,MAAMC,EAAK,OAAO,YAAc,IAChC,SAAS,gBAAgB,MAAM,YAAY,OAAQ,GAAGA,CAAE,KAAK,EAC7D,MAAMC,EAAK,OAAO,WAAa,IAC/B,SAAS,gBAAgB,MAAM,YAAY,OAAQ,GAAGA,CAAE,KAAK,CAC/D,EAEAC,EAAAA,UAAU,IAAM,CACd,OAAO,iBAAiB,SAAUH,EAAc,CAAE,QAAS,GAAM,EACjEA,EAAA,CACF,CAAC,EAEDI,EAAAA,YAAY,IAAM,CAChB,OAAO,oBAAoB,SAAUJ,CAAY,CACnD,CAAC,CACH,CACF,CAAC"}
+{"version":3,"file":"NeonPage.cjs.js","sources":["../../../../src/components/layout/page/NeonPage.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted } from 'vue';\nimport { NeonPageAlignment } from '@/common/enums/NeonPageAlignment';\n\n/**\n * A \"page\" component, this is defined as a wrapper around the contents (NeonGrid, etc) and footer which provides the\n * correct responsive layout accounting for NeonTopNav and NeonSideNav components being used.\n */\nexport default defineComponent({\n  name: 'NeonPage',\n  props: {\n    /**\n     * Page alignment: either left aligned or center aligned.\n     */\n    pageAlign: { type: String as () => NeonPageAlignment, default: NeonPageAlignment.CENTER },\n  },\n  setup(_props, { slots }) {\n    const handleResize = () => {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty('--vh', `${vh}rem`);\n      const vw = window.innerWidth * 0.01;\n      document.documentElement.style.setProperty('--vw', `${vw}rem`);\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n    });\n\n    return { slots };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonPageAlignment","_props","slots","handleResize","vh","vw","onMounted","onUnmounted"],"mappings":"gGAOAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,MAAO,CAIL,UAAW,CAAE,KAAM,OAAmC,QAASC,EAAAA,kBAAkB,MAAA,CAAO,EAE1F,MAAMC,EAAQ,CAAE,MAAAC,GAAS,CACvB,MAAMC,EAAe,IAAM,CACzB,MAAMC,EAAK,OAAO,YAAc,IAChC,SAAS,gBAAgB,MAAM,YAAY,OAAQ,GAAGA,CAAE,KAAK,EAC7D,MAAMC,EAAK,OAAO,WAAa,IAC/B,SAAS,gBAAgB,MAAM,YAAY,OAAQ,GAAGA,CAAE,KAAK,CAC/D,EAEAC,OAAAA,EAAAA,UAAU,IAAM,CACd,OAAO,iBAAiB,SAAUH,EAAc,CAAE,QAAS,GAAM,EACjEA,EAAA,CACF,CAAC,EAEDI,EAAAA,YAAY,IAAM,CAChB,OAAO,oBAAoB,SAAUJ,CAAY,CACnD,CAAC,EAEM,CAAE,MAAAD,CAAA,CACX,CACF,CAAC"}

package/dist/components/layout/page/NeonPage.es.js

@@ -1,21 +1,28 @@
-import { defineComponent as o, onMounted as s, onUnmounted as i } from "vue";
-const d = o({
+import { defineComponent as r, onMounted as i, onUnmounted as s } from "vue";
+import { NeonPageAlignment as m } from "../../../common/enums/NeonPageAlignment.es.js";
+const u = r({
   name: "NeonPage",
-  setup() {
+  props: {
+    /**
+     * Page alignment: either left aligned or center aligned.
+     */
+    pageAlign: { type: String, default: m.CENTER }
+  },
+  setup(d, { slots: n }) {
     const e = () => {
-      const n = window.innerHeight * 0.01;
-      document.documentElement.style.setProperty("--vh", `${n}rem`);
-      const t = window.innerWidth * 0.01;
-      document.documentElement.style.setProperty("--vw", `${t}rem`);
+      const t = window.innerHeight * 0.01;
+      document.documentElement.style.setProperty("--vh", `${t}rem`);
+      const o = window.innerWidth * 0.01;
+      document.documentElement.style.setProperty("--vw", `${o}rem`);
     };
-    s(() => {
+    return i(() => {
       window.addEventListener("resize", e, { passive: !0 }), e();
-    }), i(() => {
+    }), s(() => {
       window.removeEventListener("resize", e);
-    });
+    }), { slots: n };
   }
 });
 export {
-  d as default
+  u as default
 };
 //# sourceMappingURL=NeonPage.es.js.map

package/dist/components/layout/page/NeonPage.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonPage.es.js","sources":["../../../../src/components/layout/page/NeonPage.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted } from 'vue';\n\n/**\n * A \"page\" component, this is defined as a wrapper around the contents (NeonGrid, etc) and footer which provides the\n * correct responsive layout accounting for NeonTopNav and NeonSideNav components being used.\n */\nexport default defineComponent({\n  name: 'NeonPage',\n  setup() {\n    const handleResize = () => {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty('--vh', `${vh}rem`);\n      const vw = window.innerWidth * 0.01;\n      document.documentElement.style.setProperty('--vw', `${vw}rem`);\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n    });\n  },\n});\n"],"names":["_sfc_main","defineComponent","handleResize","vh","vw","onMounted","onUnmounted"],"mappings":";AAMA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,QAAQ;AACN,UAAMC,IAAe,MAAM;AACzB,YAAMC,IAAK,OAAO,cAAc;AAChC,eAAS,gBAAgB,MAAM,YAAY,QAAQ,GAAGA,CAAE,KAAK;AAC7D,YAAMC,IAAK,OAAO,aAAa;AAC/B,eAAS,gBAAgB,MAAM,YAAY,QAAQ,GAAGA,CAAE,KAAK;AAAA,IAC/D;AAEA,IAAAC,EAAU,MAAM;AACd,aAAO,iBAAiB,UAAUH,GAAc,EAAE,SAAS,IAAM,GACjEA,EAAA;AAAA,IACF,CAAC,GAEDI,EAAY,MAAM;AAChB,aAAO,oBAAoB,UAAUJ,CAAY;AAAA,IACnD,CAAC;AAAA,EACH;AACF,CAAC;"}
+{"version":3,"file":"NeonPage.es.js","sources":["../../../../src/components/layout/page/NeonPage.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted } from 'vue';\nimport { NeonPageAlignment } from '@/common/enums/NeonPageAlignment';\n\n/**\n * A \"page\" component, this is defined as a wrapper around the contents (NeonGrid, etc) and footer which provides the\n * correct responsive layout accounting for NeonTopNav and NeonSideNav components being used.\n */\nexport default defineComponent({\n  name: 'NeonPage',\n  props: {\n    /**\n     * Page alignment: either left aligned or center aligned.\n     */\n    pageAlign: { type: String as () => NeonPageAlignment, default: NeonPageAlignment.CENTER },\n  },\n  setup(_props, { slots }) {\n    const handleResize = () => {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty('--vh', `${vh}rem`);\n      const vw = window.innerWidth * 0.01;\n      document.documentElement.style.setProperty('--vw', `${vw}rem`);\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n    });\n\n    return { slots };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonPageAlignment","_props","slots","handleResize","vh","vw","onMounted","onUnmounted"],"mappings":";;AAOA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,WAAW,EAAE,MAAM,QAAmC,SAASC,EAAkB,OAAA;AAAA,EAAO;AAAA,EAE1F,MAAMC,GAAQ,EAAE,OAAAC,KAAS;AACvB,UAAMC,IAAe,MAAM;AACzB,YAAMC,IAAK,OAAO,cAAc;AAChC,eAAS,gBAAgB,MAAM,YAAY,QAAQ,GAAGA,CAAE,KAAK;AAC7D,YAAMC,IAAK,OAAO,aAAa;AAC/B,eAAS,gBAAgB,MAAM,YAAY,QAAQ,GAAGA,CAAE,KAAK;AAAA,IAC/D;AAEA,WAAAC,EAAU,MAAM;AACd,aAAO,iBAAiB,UAAUH,GAAc,EAAE,SAAS,IAAM,GACjEA,EAAA;AAAA,IACF,CAAC,GAEDI,EAAY,MAAM;AAChB,aAAO,oBAAoB,UAAUJ,CAAY;AAAA,IACnD,CAAC,GAEM,EAAE,OAAAD,EAAA;AAAA,EACX;AACF,CAAC;"}

package/dist/components/layout/page/NeonPage.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const o=require("./NeonPage.cjs.js"),e=require("vue"),s=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),t={class:"neon-page__container"};function r(n,l,i,p,c,d){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["neon-page",{"neon-page--with-top-nav":n.$slots["top-nav"],"neon-page--with-side-nav":n.$slots["side-nav"]}])},[e.renderSlot(n.$slots,"top-nav"),e.renderSlot(n.$slots,"side-nav"),e.createElementVNode("div",t,[e.renderSlot(n.$slots,"content")])],2)}const a=s(o,[["render",r]]);module.exports=a;
+"use strict";const n=require("./NeonPage.cjs.js"),o=require("vue"),s=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),t={class:"neon-page__container"};function r(e,l,p,i,d,c){return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass([[{"neon-page--with-top-nav":e.slots["top-nav"],"neon-page--with-side-nav":e.slots["side-nav"],"neon-page--with-footer":e.slots.footer},`neon-page--${e.pageAlign}`],"neon-page"])},[o.renderSlot(e.$slots,"top-nav"),o.renderSlot(e.$slots,"side-nav"),o.createElementVNode("div",t,[o.renderSlot(e.$slots,"content")]),o.renderSlot(e.$slots,"footer")],2)}const a=s(n,[["render",r]]);module.exports=a;
 //# sourceMappingURL=NeonPage.vue.cjs.js.map

package/dist/components/layout/page/NeonPage.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonPage.vue.cjs.js","sources":["../../../../src/components/layout/page/NeonPage.vue"],"sourcesContent":["<template>\n  <div\n    class=\"neon-page\"\n    :class=\"{ 'neon-page--with-top-nav': $slots['top-nav'], 'neon-page--with-side-nav': $slots['side-nav'] }\"\n  >\n    <!-- @slot The <strong>NeonTopNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"top-nav\"></slot>\n    <!-- @slot The <strong>NeonSideNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"side-nav\"></slot>\n    <div class=\"neon-page__container\">\n      <!-- @slot The main page content -->\n      <slot name=\"content\"></slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonPage.ts\"></script>\n"],"names":["_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_renderSlot","_createElementVNode"],"mappings":"mIASSA,EAAA,CAAA,MAAM,sBAAsB,+CARnCC,EAAAA,mBAYM,MAAA,CAXJ,MAAKC,EAAAA,eAAA,CAAC,YAAW,CAAA,0BACoBC,EAAA,6CAA+CA,EAAA,OAAM,UAAA,CAAA,CAAA,CAAA,IAG1FC,aAA4BD,EAAA,OAAA,SAAA,EAE5BC,aAA6BD,EAAA,OAAA,UAAA,EAC7BE,EAAAA,mBAGM,MAHNL,EAGM,CADJI,aAA4BD,EAAA,OAAA,SAAA"}
+{"version":3,"file":"NeonPage.vue.cjs.js","sources":["../../../../src/components/layout/page/NeonPage.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      {\n        'neon-page--with-top-nav': slots['top-nav'],\n        'neon-page--with-side-nav': slots['side-nav'],\n        'neon-page--with-footer': slots['footer'],\n      },\n      `neon-page--${pageAlign}`,\n    ]\"\n    class=\"neon-page\"\n  >\n    <!-- @slot The <strong>NeonTopNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"top-nav\"></slot>\n    <!-- @slot The <strong>NeonSideNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"side-nav\"></slot>\n    <div class=\"neon-page__container\">\n      <!-- @slot The main page content -->\n      <slot name=\"content\"></slot>\n    </div>\n    <!-- @slot The <strong>NeonFooter</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"footer\"></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonPage.ts\"></script>\n"],"names":["_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_renderSlot","_createElementVNode"],"mappings":"mIAgBSA,EAAA,CAAA,MAAM,sBAAsB,+CAfnCC,EAAAA,mBAqBM,MAAA,CApBH,MAAKC,EAAAA,eAAA,CAAA,4BAA+CC,EAAA,MAAK,SAAA,6BAAiDA,EAAA,MAAK,UAAA,2BAAgDA,EAAA,MAAK,sBAAyCA,EAAA,SAAS,IAQjN,WAAW,CAAA,IAGjBC,aAA4BD,EAAA,OAAA,SAAA,EAE5BC,aAA6BD,EAAA,OAAA,UAAA,EAC7BE,EAAAA,mBAGM,MAHNL,EAGM,CADJI,aAA4BD,EAAA,OAAA,SAAA,IAG9BC,aAA2BD,EAAA,OAAA,QAAA"}

package/dist/components/layout/page/NeonPage.vue.es.js

@@ -2,19 +2,27 @@ import n from "./NeonPage.es.js";
 import { openBlock as s, createElementBlock as t, normalizeClass as a, renderSlot as o, createElementVNode as r } from "vue";
 import p from "../../../_virtual/_plugin-vue_export-helper.es.js";
 const i = { class: "neon-page__container" };
-function l(e, c, d, m, $, f) {
+function l(e, d, f, m, c, g) {
   return s(), t("div", {
-    class: a(["neon-page", { "neon-page--with-top-nav": e.$slots["top-nav"], "neon-page--with-side-nav": e.$slots["side-nav"] }])
+    class: a([[
+      {
+        "neon-page--with-top-nav": e.slots["top-nav"],
+        "neon-page--with-side-nav": e.slots["side-nav"],
+        "neon-page--with-footer": e.slots.footer
+      },
+      `neon-page--${e.pageAlign}`
+    ], "neon-page"])
   }, [
     o(e.$slots, "top-nav"),
     o(e.$slots, "side-nav"),
     r("div", i, [
       o(e.$slots, "content")
-    ])
+    ]),
+    o(e.$slots, "footer")
   ], 2);
 }
-const h = /* @__PURE__ */ p(n, [["render", l]]);
+const u = /* @__PURE__ */ p(n, [["render", l]]);
 export {
-  h as default
+  u as default
 };
 //# sourceMappingURL=NeonPage.vue.es.js.map

package/dist/components/layout/page/NeonPage.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonPage.vue.es.js","sources":["../../../../src/components/layout/page/NeonPage.vue"],"sourcesContent":["<template>\n  <div\n    class=\"neon-page\"\n    :class=\"{ 'neon-page--with-top-nav': $slots['top-nav'], 'neon-page--with-side-nav': $slots['side-nav'] }\"\n  >\n    <!-- @slot The <strong>NeonTopNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"top-nav\"></slot>\n    <!-- @slot The <strong>NeonSideNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"side-nav\"></slot>\n    <div class=\"neon-page__container\">\n      <!-- @slot The main page content -->\n      <slot name=\"content\"></slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonPage.ts\"></script>\n"],"names":["_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_renderSlot","_createElementVNode"],"mappings":";;;AASS,MAAAA,IAAA,EAAA,OAAM,uBAAsB;;cARnCC,EAYM,OAAA;AAAA,IAXJ,OAAKC,EAAA,CAAC,aAAW,EAAA,2BACoBC,EAAA,+CAA+CA,EAAA,OAAM,UAAA,EAAA,CAAA,CAAA;AAAA;IAG1FC,EAA4BD,EAAA,QAAA,SAAA;AAAA,IAE5BC,EAA6BD,EAAA,QAAA,UAAA;AAAA,IAC7BE,EAGM,OAHNL,GAGM;AAAA,MADJI,EAA4BD,EAAA,QAAA,SAAA;AAAA;;;;"}
+{"version":3,"file":"NeonPage.vue.es.js","sources":["../../../../src/components/layout/page/NeonPage.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      {\n        'neon-page--with-top-nav': slots['top-nav'],\n        'neon-page--with-side-nav': slots['side-nav'],\n        'neon-page--with-footer': slots['footer'],\n      },\n      `neon-page--${pageAlign}`,\n    ]\"\n    class=\"neon-page\"\n  >\n    <!-- @slot The <strong>NeonTopNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"top-nav\"></slot>\n    <!-- @slot The <strong>NeonSideNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"side-nav\"></slot>\n    <div class=\"neon-page__container\">\n      <!-- @slot The main page content -->\n      <slot name=\"content\"></slot>\n    </div>\n    <!-- @slot The <strong>NeonFooter</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"footer\"></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonPage.ts\"></script>\n"],"names":["_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_renderSlot","_createElementVNode"],"mappings":";;;AAgBS,MAAAA,IAAA,EAAA,OAAM,uBAAsB;;cAfnCC,EAqBM,OAAA;AAAA,IApBH,OAAKC,EAAA,CAAA;AAAA;mCAA+CC,EAAA,MAAK,SAAA;AAAA,oCAAiDA,EAAA,MAAK,UAAA;AAAA,kCAAgDA,EAAA,MAAK;AAAA;oBAAyCA,EAAA,SAAS;AAAA,OAQjN,WAAW,CAAA;AAAA;IAGjBC,EAA4BD,EAAA,QAAA,SAAA;AAAA,IAE5BC,EAA6BD,EAAA,QAAA,UAAA;AAAA,IAC7BE,EAGM,OAHNL,GAGM;AAAA,MADJI,EAA4BD,EAAA,QAAA,SAAA;AAAA;IAG9BC,EAA2BD,EAAA,QAAA,QAAA;AAAA;;;"}

package/dist/components/layout/side-nav/NeonSideNav.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),n=e.defineComponent({name:"NeonSideNav",props:{fullWidth:{type:Boolean,default:!1}}});module.exports=n;
+"use strict";const t=require("vue"),n=t.defineComponent({name:"NeonSideNav",props:{fullWidth:{type:Boolean,default:!1}},setup(o,{slots:e}){return{slots:e}}});module.exports=n;
 //# sourceMappingURL=NeonSideNav.cjs.js.map

package/dist/components/layout/side-nav/NeonSideNav.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonSideNav.cjs.js","sources":["../../../../src/components/layout/side-nav/NeonSideNav.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * A side navigation component. This is displayed at the <em>larger-than-tablet</em> breakpoint and hidden at\n * <em>tablet</em> and below. Use this to display menus, navigation or other items related to the main page content. A\n * side nave had two slots, one for <em>sticky</em> content which remains visible at all times. The other is for\n * <em>scrolling content</em> which is allowed to overflow below the bottom of the page.\n */\nexport default defineComponent({\n  name: 'NeonSideNav',\n  props: {\n    /**\n     * If true, removes the side nav component's padding.\n     */\n    fullWidth: { type: Boolean, default: false },\n  },\n});\n"],"names":["_sfc_main","defineComponent"],"mappings":"oCAQAA,EAAeC,kBAAgB,CAC7B,KAAM,cACN,MAAO,CAIL,UAAW,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,CAE/C,CAAC"}
+{"version":3,"file":"NeonSideNav.cjs.js","sources":["../../../../src/components/layout/side-nav/NeonSideNav.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * A side navigation component. This is displayed at the <em>larger-than-tablet</em> breakpoint and hidden at\n * <em>tablet</em> and below. Use this to display menus, navigation or other items related to the main page content. A\n * side nave had two slots, one for <em>sticky</em> content which remains visible at all times. The other is for\n * <em>scrolling content</em> which is allowed to overflow below the bottom of the page.\n */\nexport default defineComponent({\n  name: 'NeonSideNav',\n  props: {\n    /**\n     * If true, removes the side nav component's padding.\n     */\n    fullWidth: { type: Boolean, default: false },\n  },\n  setup(_props, { slots }) {\n    return { slots };\n  },\n});\n"],"names":["_sfc_main","defineComponent","_props","slots"],"mappings":"oCAQAA,EAAeC,kBAAgB,CAC7B,KAAM,cACN,MAAO,CAIL,UAAW,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,EAE7C,MAAMC,EAAQ,CAAE,MAAAC,GAAS,CACvB,MAAO,CAAE,MAAAA,CAAA,CACX,CACF,CAAC"}

package/dist/components/layout/side-nav/NeonSideNav.es.js

@@ -1,14 +1,17 @@
-import { defineComponent as e } from "vue";
-const a = e({
+import { defineComponent as o } from "vue";
+const p = o({
   name: "NeonSideNav",
   props: {
     /**
      * If true, removes the side nav component's padding.
      */
     fullWidth: { type: Boolean, default: !1 }
+  },
+  setup(t, { slots: e }) {
+    return { slots: e };
   }
 });
 export {
-  a as default
+  p as default
 };
 //# sourceMappingURL=NeonSideNav.es.js.map

package/dist/components/layout/side-nav/NeonSideNav.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonSideNav.es.js","sources":["../../../../src/components/layout/side-nav/NeonSideNav.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * A side navigation component. This is displayed at the <em>larger-than-tablet</em> breakpoint and hidden at\n * <em>tablet</em> and below. Use this to display menus, navigation or other items related to the main page content. A\n * side nave had two slots, one for <em>sticky</em> content which remains visible at all times. The other is for\n * <em>scrolling content</em> which is allowed to overflow below the bottom of the page.\n */\nexport default defineComponent({\n  name: 'NeonSideNav',\n  props: {\n    /**\n     * If true, removes the side nav component's padding.\n     */\n    fullWidth: { type: Boolean, default: false },\n  },\n});\n"],"names":["_sfc_main","defineComponent"],"mappings":";AAQA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,WAAW,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAE/C,CAAC;"}
+{"version":3,"file":"NeonSideNav.es.js","sources":["../../../../src/components/layout/side-nav/NeonSideNav.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * A side navigation component. This is displayed at the <em>larger-than-tablet</em> breakpoint and hidden at\n * <em>tablet</em> and below. Use this to display menus, navigation or other items related to the main page content. A\n * side nave had two slots, one for <em>sticky</em> content which remains visible at all times. The other is for\n * <em>scrolling content</em> which is allowed to overflow below the bottom of the page.\n */\nexport default defineComponent({\n  name: 'NeonSideNav',\n  props: {\n    /**\n     * If true, removes the side nav component's padding.\n     */\n    fullWidth: { type: Boolean, default: false },\n  },\n  setup(_props, { slots }) {\n    return { slots };\n  },\n});\n"],"names":["_sfc_main","defineComponent","_props","slots"],"mappings":";AAQA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,WAAW,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAE7C,MAAMC,GAAQ,EAAE,OAAAC,KAAS;AACvB,WAAO,EAAE,OAAAA,EAAA;AAAA,EACX;AACF,CAAC;"}

package/dist/components/layout/side-nav/NeonSideNav.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("./NeonSideNav.cjs.js"),e=require("vue"),n=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),t={key:0,class:"neon-side-nav__sticky"},l={key:1},r={key:2,class:"neon-side-nav__scrolling"},c={class:"neon-side-nav__scrolling-container"};function i(o,d,_,u,k,p){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["neon-side-nav",{"neon-side-nav--full-width":o.fullWidth}])},[o.$slots.sticky?(e.openBlock(),e.createElementBlock("div",t,[e.renderSlot(o.$slots,"sticky")])):e.createCommentVNode("",!0),o.$slots.sticky&&o.$slots.scrolling?(e.openBlock(),e.createElementBlock("hr",l)):e.createCommentVNode("",!0),o.$slots.scrolling?(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("div",c,[e.renderSlot(o.$slots,"scrolling")])])):e.createCommentVNode("",!0)],2)}const a=n(s,[["render",i]]);module.exports=a;
+"use strict";const s=require("./NeonSideNav.cjs.js"),e=require("vue"),n=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),t={key:0,class:"neon-side-nav__sticky"},l={key:1},r={key:2,class:"neon-side-nav__scrolling"},c={class:"neon-side-nav__scrolling-container"};function i(o,d,_,u,k,p){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"neon-side-nav--full-width":o.fullWidth},"neon-side-nav"])},[o.slots.sticky?(e.openBlock(),e.createElementBlock("div",t,[e.renderSlot(o.$slots,"sticky")])):e.createCommentVNode("",!0),o.slots.sticky&&o.slots.scrolling?(e.openBlock(),e.createElementBlock("hr",l)):e.createCommentVNode("",!0),o.slots.scrolling?(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("div",c,[e.renderSlot(o.$slots,"scrolling")])])):e.createCommentVNode("",!0)],2)}const a=n(s,[["render",i]]);module.exports=a;
 //# sourceMappingURL=NeonSideNav.vue.cjs.js.map

package/dist/components/layout/side-nav/NeonSideNav.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonSideNav.vue.cjs.js","sources":["../../../../src/components/layout/side-nav/NeonSideNav.vue"],"sourcesContent":["<template>\n  <div class=\"neon-side-nav\" :class=\"{ 'neon-side-nav--full-width': fullWidth }\">\n    <div v-if=\"$slots.sticky\" class=\"neon-side-nav__sticky\">\n      <!-- @slot sticky (fixed, non-scrolling) content -->\n      <slot name=\"sticky\"></slot>\n    </div>\n    <hr v-if=\"$slots.sticky && $slots.scrolling\" />\n    <div v-if=\"$slots.scrolling\" class=\"neon-side-nav__scrolling\">\n      <!-- @slot scrolling content -->\n      <div class=\"neon-side-nav__scrolling-container\">\n        <slot name=\"scrolling\"></slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonSideNav.ts\"></script>\n"],"names":["_hoisted_4","_createElementBlock","_normalizeClass","_ctx","_openBlock","_hoisted_1","_renderSlot","_hoisted_2","_hoisted_3","_createElementVNode"],"mappings":"+IAE8B,MAAM,4CAKH,MAAM,4BAE5BA,EAAA,CAAA,MAAM,oCAAoC,+CARnDC,EAAAA,mBAYM,MAAA,CAZD,MAAKC,EAAAA,eAAA,CAAC,gBAAe,CAAA,4BAAwCC,EAAA,UAAS,CAAA,IAC9DA,EAAA,OAAO,QAAlBC,EAAAA,YAAAH,EAAAA,mBAGM,MAHNI,EAGM,CADJC,aAA2BH,EAAA,OAAA,QAAA,iCAEnBA,EAAA,OAAO,QAAUA,EAAA,OAAO,yBAAlCF,EAAAA,mBAA+C,KAAAM,CAAA,+BACpCJ,EAAA,OAAO,WAAlBC,EAAAA,YAAAH,EAAAA,mBAKM,MALNO,EAKM,CAHJC,EAAAA,mBAEM,MAFNT,EAEM,CADJM,aAA8BH,EAAA,OAAA,WAAA"}
+{"version":3,"file":"NeonSideNav.vue.cjs.js","sources":["../../../../src/components/layout/side-nav/NeonSideNav.vue"],"sourcesContent":["<template>\n  <div :class=\"{ 'neon-side-nav--full-width': fullWidth }\" class=\"neon-side-nav\">\n    <div v-if=\"slots.sticky\" class=\"neon-side-nav__sticky\">\n      <!-- @slot sticky (fixed, non-scrolling) content -->\n      <slot name=\"sticky\"></slot>\n    </div>\n    <hr v-if=\"slots.sticky && slots.scrolling\" />\n    <div v-if=\"slots.scrolling\" class=\"neon-side-nav__scrolling\">\n      <!-- @slot scrolling content -->\n      <div class=\"neon-side-nav__scrolling-container\">\n        <slot name=\"scrolling\"></slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonSideNav.ts\"></script>\n"],"names":["_hoisted_4","_createElementBlock","_normalizeClass","_ctx","_openBlock","_hoisted_1","_renderSlot","_hoisted_2","_hoisted_3","_createElementVNode"],"mappings":"+IAE6B,MAAM,4CAKH,MAAM,4BAE3BA,EAAA,CAAA,MAAM,oCAAoC,+CARnDC,EAAAA,mBAYM,MAAA,CAZA,MAAKC,EAAAA,eAAA,CAAA,CAAA,4BAAiCC,EAAA,SAAS,EAAU,eAAe,CAAA,IACjEA,EAAA,MAAM,QAAjBC,EAAAA,YAAAH,EAAAA,mBAGM,MAHNI,EAGM,CADJC,aAA2BH,EAAA,OAAA,QAAA,iCAEnBA,EAAA,MAAM,QAAUA,EAAA,MAAM,yBAAhCF,EAAAA,mBAA6C,KAAAM,CAAA,+BAClCJ,EAAA,MAAM,WAAjBC,EAAAA,YAAAH,EAAAA,mBAKM,MALNO,EAKM,CAHJC,EAAAA,mBAEM,MAFNT,EAEM,CADJM,aAA8BH,EAAA,OAAA,WAAA"}

package/dist/components/layout/side-nav/NeonSideNav.vue.es.js

@@ -8,15 +8,15 @@ const d = {
   key: 2,
   class: "neon-side-nav__scrolling"
 }, m = { class: "neon-side-nav__scrolling-container" };
-function f(s, p, v, $, k, u) {
+function f(s, p, v, k, u, h) {
   return e(), o("div", {
-    class: l(["neon-side-nav", { "neon-side-nav--full-width": s.fullWidth }])
+    class: l([{ "neon-side-nav--full-width": s.fullWidth }, "neon-side-nav"])
   }, [
-    s.$slots.sticky ? (e(), o("div", d, [
+    s.slots.sticky ? (e(), o("div", d, [
       t(s.$slots, "sticky")
     ])) : n("", !0),
-    s.$slots.sticky && s.$slots.scrolling ? (e(), o("hr", a)) : n("", !0),
-    s.$slots.scrolling ? (e(), o("div", _, [
+    s.slots.sticky && s.slots.scrolling ? (e(), o("hr", a)) : n("", !0),
+    s.slots.scrolling ? (e(), o("div", _, [
       r("div", m, [
         t(s.$slots, "scrolling")
       ])

package/dist/components/layout/side-nav/NeonSideNav.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonSideNav.vue.es.js","sources":["../../../../src/components/layout/side-nav/NeonSideNav.vue"],"sourcesContent":["<template>\n  <div class=\"neon-side-nav\" :class=\"{ 'neon-side-nav--full-width': fullWidth }\">\n    <div v-if=\"$slots.sticky\" class=\"neon-side-nav__sticky\">\n      <!-- @slot sticky (fixed, non-scrolling) content -->\n      <slot name=\"sticky\"></slot>\n    </div>\n    <hr v-if=\"$slots.sticky && $slots.scrolling\" />\n    <div v-if=\"$slots.scrolling\" class=\"neon-side-nav__scrolling\">\n      <!-- @slot scrolling content -->\n      <div class=\"neon-side-nav__scrolling-container\">\n        <slot name=\"scrolling\"></slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonSideNav.ts\"></script>\n"],"names":["_hoisted_4","_createElementBlock","_normalizeClass","_ctx","_openBlock","_hoisted_1","_renderSlot","_hoisted_2","_hoisted_3","_createElementVNode"],"mappings":";;;;;EAE8B,OAAM;;;EAKH,OAAM;GAE5BA,IAAA,EAAA,OAAM,qCAAoC;;cARnDC,EAYM,OAAA;AAAA,IAZD,OAAKC,EAAA,CAAC,iBAAe,EAAA,6BAAwCC,EAAA,WAAS,CAAA;AAAA;IAC9DA,EAAA,OAAO,UAAlBC,KAAAH,EAGM,OAHNI,GAGM;AAAA,MADJC,EAA2BH,EAAA,QAAA,QAAA;AAAA;IAEnBA,EAAA,OAAO,UAAUA,EAAA,OAAO,kBAAlCF,EAA+C,MAAAM,CAAA;IACpCJ,EAAA,OAAO,aAAlBC,KAAAH,EAKM,OALNO,GAKM;AAAA,MAHJC,EAEM,OAFNT,GAEM;AAAA,QADJM,EAA8BH,EAAA,QAAA,WAAA;AAAA;;;;;"}
+{"version":3,"file":"NeonSideNav.vue.es.js","sources":["../../../../src/components/layout/side-nav/NeonSideNav.vue"],"sourcesContent":["<template>\n  <div :class=\"{ 'neon-side-nav--full-width': fullWidth }\" class=\"neon-side-nav\">\n    <div v-if=\"slots.sticky\" class=\"neon-side-nav__sticky\">\n      <!-- @slot sticky (fixed, non-scrolling) content -->\n      <slot name=\"sticky\"></slot>\n    </div>\n    <hr v-if=\"slots.sticky && slots.scrolling\" />\n    <div v-if=\"slots.scrolling\" class=\"neon-side-nav__scrolling\">\n      <!-- @slot scrolling content -->\n      <div class=\"neon-side-nav__scrolling-container\">\n        <slot name=\"scrolling\"></slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonSideNav.ts\"></script>\n"],"names":["_hoisted_4","_createElementBlock","_normalizeClass","_ctx","_openBlock","_hoisted_1","_renderSlot","_hoisted_2","_hoisted_3","_createElementVNode"],"mappings":";;;;;EAE6B,OAAM;;;EAKH,OAAM;GAE3BA,IAAA,EAAA,OAAM,qCAAoC;;cARnDC,EAYM,OAAA;AAAA,IAZA,OAAKC,EAAA,CAAA,EAAA,6BAAiCC,EAAA,UAAS,GAAU,eAAe,CAAA;AAAA;IACjEA,EAAA,MAAM,UAAjBC,KAAAH,EAGM,OAHNI,GAGM;AAAA,MADJC,EAA2BH,EAAA,QAAA,QAAA;AAAA;IAEnBA,EAAA,MAAM,UAAUA,EAAA,MAAM,kBAAhCF,EAA6C,MAAAM,CAAA;IAClCJ,EAAA,MAAM,aAAjBC,KAAAH,EAKM,OALNO,GAKM;AAAA,MAHJC,EAEM,OAFNT,GAEM;AAAA,QADJM,EAA8BH,EAAA,QAAA,WAAA;AAAA;;;;;"}

package/dist/neon.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./components/navigation/action-menu/NeonActionMenu.vue.cjs.js"),n=require("./components/feedback/alert/NeonAlert.vue.cjs.js"),r=require("./components/feedback/alert/container/NeonAlertContainer.vue.cjs.js"),t=require("./components/navigation/anchor/NeonAnchor.vue.cjs.js"),i=require("./components/presentation/badge/NeonBadge.vue.cjs.js"),N=require("./components/user-input/button/NeonButton.vue.cjs.js"),s=require("./components/layout/card/NeonCard.vue.cjs.js"),c=require("./components/layout/card/body/NeonCardBody.vue.cjs.js"),l=require("./components/layout/card/footer/NeonCardFooter.vue.cjs.js"),u=require("./components/layout/card/header/NeonCardHeader.vue.cjs.js"),a=require("./components/layout/card-list/NeonCardList.vue.cjs.js"),q=require("./components/user-input/chip/NeonChip.vue.cjs.js"),S=require("./components/user-input/color/NeonColor.vue.cjs.js"),d=require("./components/user-input/date-picker/NeonDatePicker.vue.cjs.js"),p=require("./components/feedback/dialog/NeonDialog.vue.cjs.js"),g=require("./components/layout/drawer/NeonDrawer.vue.cjs.js"),C=require("./components/presentation/dropdown/NeonDropdown.vue.cjs.js"),U=require("./components/navigation/dropdown-menu/NeonDropdownMenu.vue.cjs.js"),P=require("./components/user-input/drop-zone/NeonDropZone.vue.cjs.js"),T=require("./components/presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),b=require("./components/presentation/expansion-panel/NeonExpansionPanel.vue.cjs.js"),y=require("./components/user-input/field-group/NeonFieldGroup.vue.cjs.js"),z=require("./components/user-input/field/NeonField.vue.cjs.js"),D=require("./components/user-input/file/NeonFile.vue.cjs.js"),m=require("./components/user-input/filter-list/NeonFilterList.vue.cjs.js"),v=require("./components/layout/footer/NeonFooter.vue.cjs.js"),I=require("./components/layout/grid/NeonGrid.vue.cjs.js"),L=require("./components/layout/grid/grid-area/NeonGridArea.vue.cjs.js"),h=require("./components/presentation/icon/NeonIcon.vue.cjs.js"),w=require("./components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js"),M=require("./components/layout/inline/NeonInline.vue.cjs.js"),A=require("./components/user-input/input/NeonInput.vue.cjs.js"),B=require("./components/user-input/input-indicator/NeonInputIndicator.vue.cjs.js"),R=require("./components/presentation/label/NeonLabel.vue.cjs.js"),F=require("./components/feedback/linear-progress/NeonLinearProgress.vue.cjs.js"),k=require("./components/navigation/link/NeonLink.vue.cjs.js"),E=require("./components/user-input/list/NeonList.vue.cjs.js"),O=require("./components/navigation/menu/NeonMenu.vue.cjs.js"),G=require("./components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js"),H=require("./components/layout/modal/NeonModal.vue.cjs.js"),x=require("./components/feedback/note/NeonNote.vue.cjs.js"),f=require("./components/feedback/notification-counter/NeonNotificationCounter.vue.cjs.js"),J=require("./components/user-input/number/NeonNumber.vue.cjs.js"),V=require("./components/layout/page/NeonPage.vue.cjs.js"),Z=require("./components/user-input/password/NeonPassword.vue.cjs.js"),j=require("./components/user-input/range-slider/NeonRangeSlider.vue.cjs.js"),K=require("./components/layout/side-nav/NeonSideNav.vue.cjs.js"),Q=require("./components/user-input/search/NeonSearch.vue.cjs.js"),W=require("./components/user-input/select/NeonSelect.vue.cjs.js"),X=require("./components/user-input/selectable-card/NeonSelectableCard.vue.cjs.js"),Y=require("./components/feedback/skeleton-loader/NeonSkeletonLoader.vue.cjs.js"),_=require("./components/user-input/slider/NeonSlider.vue.cjs.js"),$=require("./components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),ee=require("./components/layout/stack/NeonStack.vue.cjs.js"),oe=require("./components/navigation/stepper/NeonStepper.vue.cjs.js"),ne=require("./components/layout/swiper/NeonSwiper.vue.cjs.js"),re=require("./components/user-input/switch/NeonSwitch.vue.cjs.js"),te=require("./components/presentation/tabs/tab/NeonTab.vue.cjs.js"),ie=require("./components/presentation/tabs/NeonTabs.vue.cjs.js"),Ne=require("./components/feedback/alert/container/NeonToastContainer.vue.cjs.js"),se=require("./components/user-input/toggle/NeonToggle.vue.cjs.js"),ce=require("./components/user-input/toggle-chip/NeonToggleChip.vue.cjs.js"),le=require("./components/feedback/tooltip/NeonTooltip.vue.cjs.js"),ue=require("./components/layout/top-nav/NeonTopNav.vue.cjs.js"),ae=require("./components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js"),qe=require("./common/enums/NeonAlertLevel.cjs.js"),Se=require("./common/enums/NeonAlertPlacement.cjs.js"),de=require("./common/enums/NeonBadgeSize.cjs.js"),pe=require("./common/enums/NeonButtonSize.cjs.js"),ge=require("./common/enums/NeonButtonStyle.cjs.js"),Ce=require("./common/enums/NeonChipAction.cjs.js"),Ue=require("./common/enums/NeonDropdownPlacement.cjs.js"),Pe=require("./common/enums/NeonDropdownStyle.cjs.js"),Te=require("./common/enums/NeonFunctionalColor.cjs.js"),be=require("./common/enums/NeonHorizontalPosition.cjs.js"),ye=require("./common/enums/NeonInputMode.cjs.js"),ze=require("./common/enums/NeonInputType.cjs.js"),De=require("./common/enums/NeonLabelSize.cjs.js"),me=require("./common/enums/NeonMode.cjs.js"),ve=require("./common/enums/NeonOrientation.cjs.js"),Ie=require("./common/enums/NeonOutlineStyle.cjs.js"),Le=require("./common/enums/NeonPosition.cjs.js"),he=require("./common/enums/NeonResponsive.cjs.js"),we=require("./common/enums/NeonSize.cjs.js"),Me=require("./common/enums/NeonSplashLoaderSize.cjs.js"),Ae=require("./common/enums/NeonState.cjs.js"),Be=require("./common/enums/NeonSwitchStyle.cjs.js"),Re=require("./common/enums/NeonToggleChipSize.cjs.js"),Fe=require("./common/enums/NeonToggleStyle.cjs.js"),ke=require("./common/enums/NeonTooltipStyle.cjs.js"),Ee=require("./common/enums/NeonVerticalPosition.cjs.js"),Oe=require("./common/utils/NeonAlertService.cjs.js"),e=require("./common/utils/NeonClipboardService.cjs.js"),Ge=require("./common/utils/NeonClosableUtils.cjs.js"),He=require("./common/utils/NeonDateUtils.cjs.js"),xe=require("./common/utils/NeonDebounceUtils.cjs.js"),fe=require("./common/utils/NeonDropdownPlacementUtils.cjs.js"),Je=require("./common/utils/NeonEventBus.cjs.js"),Ve=require("./common/utils/NeonIconRegistry.cjs.js"),Ze=require("./common/utils/NeonJazziconUtils.cjs.js"),je=require("./common/utils/NeonModeUtils.cjs.js"),Ke=require("./common/utils/NeonNumberUtils.cjs.js"),Qe=require("./common/utils/NeonPlacementUtils.cjs.js"),We=require("./common/utils/NeonRandomUtils.cjs.js"),Xe=require("./common/utils/NeonResponsiveUtils.cjs.js"),Ye=require("./common/utils/NeonScrollUtils.cjs.js"),_e=require("./common/utils/NeonToastService.cjs.js"),$e=require("./common/utils/NeonTooltipPlacementUtils.cjs.js"),eo=require("./common/utils/RegisterIcons.cjs.js");exports.NeonActionMenu=o;exports.NeonAlert=n;exports.NeonAlertContainer=r;exports.NeonAnchor=t;exports.NeonBadge=i;exports.NeonButton=N;exports.NeonCard=s;exports.NeonCardBody=c;exports.NeonCardFooter=l;exports.NeonCardHeader=u;exports.NeonCardList=a;exports.NeonChip=q;exports.NeonColor=S;exports.NeonDatePicker=d;exports.NeonDialog=p;exports.NeonDrawer=g;exports.NeonDropdown=C;exports.NeonDropdownMenu=U;exports.NeonDropZone=P;exports.NeonExpansionIndicator=T;exports.NeonExpansionPanel=b;exports.NeonFieldGroup=y;exports.NeonField=z;exports.NeonFile=D;exports.NeonFilterList=m;exports.NeonFooter=v;exports.NeonGrid=I;exports.NeonGridArea=L;exports.NeonIcon=h;exports.NeonImageCarousel=w;exports.NeonInline=M;exports.NeonInput=A;exports.NeonInputIndicator=B;exports.NeonLabel=R;exports.NeonLinearProgress=F;exports.NeonLink=k;exports.NeonList=E;exports.NeonMenu=O;exports.NeonMobileMenu=G;exports.NeonModal=H;exports.NeonNote=x;exports.NeonNotificationCounter=f;exports.NeonNumber=J;exports.NeonPage=V;exports.NeonPassword=Z;exports.NeonRangeSlider=j;exports.NeonSideNav=K;exports.NeonSearch=Q;exports.NeonSelect=W;exports.NeonSelectableCard=X;exports.NeonSkeletonLoader=Y;exports.NeonSlider=_;exports.NeonSplashLoader=$;exports.NeonStack=ee;exports.NeonStepper=oe;exports.NeonSwiper=ne;exports.NeonSwitch=re;exports.NeonTab=te;exports.NeonTabs=ie;exports.NeonToastContainer=Ne;exports.NeonToggle=se;exports.NeonToggleChip=ce;exports.NeonTooltip=le;exports.NeonTopNav=ue;exports.NeonTreeMenu=ae;exports.NeonAlertLevel=qe.NeonAlertLevel;exports.NeonAlertPlacement=Se.NeonAlertPlacement;exports.NeonBadgeSize=de.NeonBadgeSize;exports.NeonButtonSize=pe.NeonButtonSize;exports.NeonButtonStyle=ge.NeonButtonStyle;exports.NeonChipAction=Ce.NeonChipAction;exports.NeonDropdownPlacement=Ue.NeonDropdownPlacement;exports.NeonDropdownStyle=Pe.NeonDropdownStyle;exports.NeonFunctionalColor=Te.NeonFunctionalColor;exports.NeonHorizontalPosition=be.NeonHorizontalPosition;exports.NeonInputMode=ye.NeonInputMode;exports.NeonInputType=ze.NeonInputType;exports.NeonLabelSize=De.NeonLabelSize;exports.NeonMode=me.NeonMode;exports.NeonOrientation=ve.NeonOrientation;exports.NeonOutlineStyle=Ie.NeonOutlineStyle;exports.NeonPosition=Le.NeonPosition;exports.NeonResponsive=he.NeonResponsive;exports.NeonSize=we.NeonSize;exports.NeonSplashLoaderSize=Me.NeonSplashLoaderSize;exports.NeonState=Ae.NeonState;exports.NeonSwitchStyle=Be.NeonSwitchStyle;exports.NeonToggleChipSize=Re.NeonToggleChipSize;exports.NeonToggleStyle=Fe.NeonToggleStyle;exports.NeonTooltipStyle=ke.NeonTooltipStyle;exports.NeonVerticalPosition=Ee.NeonVerticalPosition;exports.NeonAlertService=Oe.NeonAlertService;exports.NeonClipboardService=e.NeonClipboardService;exports.NeonClipboardSupport=e.NeonClipboardSupport;exports.NeonClosableUtils=Ge.NeonClosableUtils;exports.NeonDateUtils=He.NeonDateUtils;exports.NeonDebounceUtils=xe.NeonDebounceUtils;exports.NeonDropdownPlacementUtils=fe.NeonDropdownPlacementUtils;exports.NeonEventBus=Je.NeonEventBus;exports.NeonIconRegistry=Ve.NeonIconRegistry;exports.NeonJazziconUtils=Ze.NeonJazziconUtils;exports.NeonModeUtils=je.NeonModeUtils;exports.NeonNumberUtils=Ke.NeonNumberUtils;exports.NeonPlacementUtils=Qe.NeonPlacementUtils;exports.NeonRandomUtils=We.NeonRandomUtils;exports.NeonResponsiveUtils=Xe.NeonResponsiveUtils;exports.NeonScrollUtils=Ye.NeonScrollUtils;exports.NeonToastService=_e.NeonToastService;exports.NeonTooltipPlacementUtils=$e.NeonTooltipPlacementUtils;exports.RegisterIcons=eo.RegisterIcons;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./components/navigation/action-menu/NeonActionMenu.vue.cjs.js"),n=require("./components/feedback/alert/NeonAlert.vue.cjs.js"),r=require("./components/feedback/alert/container/NeonAlertContainer.vue.cjs.js"),t=require("./components/navigation/anchor/NeonAnchor.vue.cjs.js"),i=require("./components/presentation/badge/NeonBadge.vue.cjs.js"),N=require("./components/user-input/button/NeonButton.vue.cjs.js"),s=require("./components/layout/card/NeonCard.vue.cjs.js"),c=require("./components/layout/card/body/NeonCardBody.vue.cjs.js"),l=require("./components/layout/card/footer/NeonCardFooter.vue.cjs.js"),u=require("./components/layout/card/header/NeonCardHeader.vue.cjs.js"),a=require("./components/layout/card-list/NeonCardList.vue.cjs.js"),q=require("./components/user-input/chip/NeonChip.vue.cjs.js"),S=require("./components/user-input/color/NeonColor.vue.cjs.js"),d=require("./components/user-input/date-picker/NeonDatePicker.vue.cjs.js"),p=require("./components/feedback/dialog/NeonDialog.vue.cjs.js"),g=require("./components/layout/drawer/NeonDrawer.vue.cjs.js"),C=require("./components/presentation/dropdown/NeonDropdown.vue.cjs.js"),P=require("./components/navigation/dropdown-menu/NeonDropdownMenu.vue.cjs.js"),U=require("./components/user-input/drop-zone/NeonDropZone.vue.cjs.js"),T=require("./components/presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),b=require("./components/presentation/expansion-panel/NeonExpansionPanel.vue.cjs.js"),m=require("./components/user-input/field-group/NeonFieldGroup.vue.cjs.js"),y=require("./components/user-input/field/NeonField.vue.cjs.js"),z=require("./components/user-input/file/NeonFile.vue.cjs.js"),D=require("./components/user-input/filter-list/NeonFilterList.vue.cjs.js"),v=require("./components/layout/footer/NeonFooter.vue.cjs.js"),I=require("./components/layout/grid/NeonGrid.vue.cjs.js"),A=require("./components/layout/grid/grid-area/NeonGridArea.vue.cjs.js"),L=require("./components/presentation/icon/NeonIcon.vue.cjs.js"),h=require("./components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js"),w=require("./components/layout/inline/NeonInline.vue.cjs.js"),M=require("./components/user-input/input/NeonInput.vue.cjs.js"),B=require("./components/user-input/input-indicator/NeonInputIndicator.vue.cjs.js"),R=require("./components/presentation/label/NeonLabel.vue.cjs.js"),F=require("./components/feedback/linear-progress/NeonLinearProgress.vue.cjs.js"),k=require("./components/navigation/link/NeonLink.vue.cjs.js"),E=require("./components/user-input/list/NeonList.vue.cjs.js"),O=require("./components/navigation/menu/NeonMenu.vue.cjs.js"),G=require("./components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js"),H=require("./components/layout/modal/NeonModal.vue.cjs.js"),x=require("./components/feedback/note/NeonNote.vue.cjs.js"),f=require("./components/feedback/notification-counter/NeonNotificationCounter.vue.cjs.js"),J=require("./components/user-input/number/NeonNumber.vue.cjs.js"),V=require("./components/layout/page/NeonPage.vue.cjs.js"),Z=require("./components/user-input/password/NeonPassword.vue.cjs.js"),j=require("./components/user-input/range-slider/NeonRangeSlider.vue.cjs.js"),K=require("./components/layout/side-nav/NeonSideNav.vue.cjs.js"),Q=require("./components/user-input/search/NeonSearch.vue.cjs.js"),W=require("./components/user-input/select/NeonSelect.vue.cjs.js"),X=require("./components/user-input/selectable-card/NeonSelectableCard.vue.cjs.js"),Y=require("./components/feedback/skeleton-loader/NeonSkeletonLoader.vue.cjs.js"),_=require("./components/user-input/slider/NeonSlider.vue.cjs.js"),$=require("./components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),ee=require("./components/layout/stack/NeonStack.vue.cjs.js"),oe=require("./components/navigation/stepper/NeonStepper.vue.cjs.js"),ne=require("./components/layout/swiper/NeonSwiper.vue.cjs.js"),re=require("./components/user-input/switch/NeonSwitch.vue.cjs.js"),te=require("./components/presentation/tabs/tab/NeonTab.vue.cjs.js"),ie=require("./components/presentation/tabs/NeonTabs.vue.cjs.js"),Ne=require("./components/feedback/alert/container/NeonToastContainer.vue.cjs.js"),se=require("./components/user-input/toggle/NeonToggle.vue.cjs.js"),ce=require("./components/user-input/toggle-chip/NeonToggleChip.vue.cjs.js"),le=require("./components/feedback/tooltip/NeonTooltip.vue.cjs.js"),ue=require("./components/layout/top-nav/NeonTopNav.vue.cjs.js"),ae=require("./components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js"),qe=require("./common/enums/NeonAlertLevel.cjs.js"),Se=require("./common/enums/NeonAlertPlacement.cjs.js"),de=require("./common/enums/NeonBadgeSize.cjs.js"),pe=require("./common/enums/NeonButtonSize.cjs.js"),ge=require("./common/enums/NeonButtonStyle.cjs.js"),Ce=require("./common/enums/NeonChipAction.cjs.js"),Pe=require("./common/enums/NeonDropdownPlacement.cjs.js"),Ue=require("./common/enums/NeonDropdownStyle.cjs.js"),Te=require("./common/enums/NeonFunctionalColor.cjs.js"),be=require("./common/enums/NeonHorizontalPosition.cjs.js"),me=require("./common/enums/NeonInputMode.cjs.js"),ye=require("./common/enums/NeonInputType.cjs.js"),ze=require("./common/enums/NeonLabelSize.cjs.js"),De=require("./common/enums/NeonMode.cjs.js"),ve=require("./common/enums/NeonOrientation.cjs.js"),Ie=require("./common/enums/NeonOutlineStyle.cjs.js"),Ae=require("./common/enums/NeonPageAlignment.cjs.js"),Le=require("./common/enums/NeonPosition.cjs.js"),he=require("./common/enums/NeonResponsive.cjs.js"),we=require("./common/enums/NeonSize.cjs.js"),Me=require("./common/enums/NeonSplashLoaderSize.cjs.js"),Be=require("./common/enums/NeonState.cjs.js"),Re=require("./common/enums/NeonSwitchStyle.cjs.js"),Fe=require("./common/enums/NeonToggleChipSize.cjs.js"),ke=require("./common/enums/NeonToggleStyle.cjs.js"),Ee=require("./common/enums/NeonTooltipStyle.cjs.js"),Oe=require("./common/enums/NeonVerticalPosition.cjs.js"),Ge=require("./common/utils/NeonAlertService.cjs.js"),e=require("./common/utils/NeonClipboardService.cjs.js"),He=require("./common/utils/NeonClosableUtils.cjs.js"),xe=require("./common/utils/NeonDateUtils.cjs.js"),fe=require("./common/utils/NeonDebounceUtils.cjs.js"),Je=require("./common/utils/NeonDropdownPlacementUtils.cjs.js"),Ve=require("./common/utils/NeonEventBus.cjs.js"),Ze=require("./common/utils/NeonIconRegistry.cjs.js"),je=require("./common/utils/NeonJazziconUtils.cjs.js"),Ke=require("./common/utils/NeonModeUtils.cjs.js"),Qe=require("./common/utils/NeonNumberUtils.cjs.js"),We=require("./common/utils/NeonPlacementUtils.cjs.js"),Xe=require("./common/utils/NeonRandomUtils.cjs.js"),Ye=require("./common/utils/NeonResponsiveUtils.cjs.js"),_e=require("./common/utils/NeonScrollUtils.cjs.js"),$e=require("./common/utils/NeonToastService.cjs.js"),eo=require("./common/utils/NeonTooltipPlacementUtils.cjs.js"),oo=require("./common/utils/RegisterIcons.cjs.js");exports.NeonActionMenu=o;exports.NeonAlert=n;exports.NeonAlertContainer=r;exports.NeonAnchor=t;exports.NeonBadge=i;exports.NeonButton=N;exports.NeonCard=s;exports.NeonCardBody=c;exports.NeonCardFooter=l;exports.NeonCardHeader=u;exports.NeonCardList=a;exports.NeonChip=q;exports.NeonColor=S;exports.NeonDatePicker=d;exports.NeonDialog=p;exports.NeonDrawer=g;exports.NeonDropdown=C;exports.NeonDropdownMenu=P;exports.NeonDropZone=U;exports.NeonExpansionIndicator=T;exports.NeonExpansionPanel=b;exports.NeonFieldGroup=m;exports.NeonField=y;exports.NeonFile=z;exports.NeonFilterList=D;exports.NeonFooter=v;exports.NeonGrid=I;exports.NeonGridArea=A;exports.NeonIcon=L;exports.NeonImageCarousel=h;exports.NeonInline=w;exports.NeonInput=M;exports.NeonInputIndicator=B;exports.NeonLabel=R;exports.NeonLinearProgress=F;exports.NeonLink=k;exports.NeonList=E;exports.NeonMenu=O;exports.NeonMobileMenu=G;exports.NeonModal=H;exports.NeonNote=x;exports.NeonNotificationCounter=f;exports.NeonNumber=J;exports.NeonPage=V;exports.NeonPassword=Z;exports.NeonRangeSlider=j;exports.NeonSideNav=K;exports.NeonSearch=Q;exports.NeonSelect=W;exports.NeonSelectableCard=X;exports.NeonSkeletonLoader=Y;exports.NeonSlider=_;exports.NeonSplashLoader=$;exports.NeonStack=ee;exports.NeonStepper=oe;exports.NeonSwiper=ne;exports.NeonSwitch=re;exports.NeonTab=te;exports.NeonTabs=ie;exports.NeonToastContainer=Ne;exports.NeonToggle=se;exports.NeonToggleChip=ce;exports.NeonTooltip=le;exports.NeonTopNav=ue;exports.NeonTreeMenu=ae;exports.NeonAlertLevel=qe.NeonAlertLevel;exports.NeonAlertPlacement=Se.NeonAlertPlacement;exports.NeonBadgeSize=de.NeonBadgeSize;exports.NeonButtonSize=pe.NeonButtonSize;exports.NeonButtonStyle=ge.NeonButtonStyle;exports.NeonChipAction=Ce.NeonChipAction;exports.NeonDropdownPlacement=Pe.NeonDropdownPlacement;exports.NeonDropdownStyle=Ue.NeonDropdownStyle;exports.NeonFunctionalColor=Te.NeonFunctionalColor;exports.NeonHorizontalPosition=be.NeonHorizontalPosition;exports.NeonInputMode=me.NeonInputMode;exports.NeonInputType=ye.NeonInputType;exports.NeonLabelSize=ze.NeonLabelSize;exports.NeonMode=De.NeonMode;exports.NeonOrientation=ve.NeonOrientation;exports.NeonOutlineStyle=Ie.NeonOutlineStyle;exports.NeonPageAlignment=Ae.NeonPageAlignment;exports.NeonPosition=Le.NeonPosition;exports.NeonResponsive=he.NeonResponsive;exports.NeonSize=we.NeonSize;exports.NeonSplashLoaderSize=Me.NeonSplashLoaderSize;exports.NeonState=Be.NeonState;exports.NeonSwitchStyle=Re.NeonSwitchStyle;exports.NeonToggleChipSize=Fe.NeonToggleChipSize;exports.NeonToggleStyle=ke.NeonToggleStyle;exports.NeonTooltipStyle=Ee.NeonTooltipStyle;exports.NeonVerticalPosition=Oe.NeonVerticalPosition;exports.NeonAlertService=Ge.NeonAlertService;exports.NeonClipboardService=e.NeonClipboardService;exports.NeonClipboardSupport=e.NeonClipboardSupport;exports.NeonClosableUtils=He.NeonClosableUtils;exports.NeonDateUtils=xe.NeonDateUtils;exports.NeonDebounceUtils=fe.NeonDebounceUtils;exports.NeonDropdownPlacementUtils=Je.NeonDropdownPlacementUtils;exports.NeonEventBus=Ve.NeonEventBus;exports.NeonIconRegistry=Ze.NeonIconRegistry;exports.NeonJazziconUtils=je.NeonJazziconUtils;exports.NeonModeUtils=Ke.NeonModeUtils;exports.NeonNumberUtils=Qe.NeonNumberUtils;exports.NeonPlacementUtils=We.NeonPlacementUtils;exports.NeonRandomUtils=Xe.NeonRandomUtils;exports.NeonResponsiveUtils=Ye.NeonResponsiveUtils;exports.NeonScrollUtils=_e.NeonScrollUtils;exports.NeonToastService=$e.NeonToastService;exports.NeonTooltipPlacementUtils=eo.NeonTooltipPlacementUtils;exports.RegisterIcons=oo.RegisterIcons;
 //# sourceMappingURL=neon.cjs.js.map

package/dist/neon.es.js

@@ -6,14 +6,14 @@ import { default as N } from "./components/presentation/badge/NeonBadge.vue.es.j
 import { default as s } from "./components/user-input/button/NeonButton.vue.es.js";
 import { default as u } from "./components/layout/card/NeonCard.vue.es.js";
 import { default as S } from "./components/layout/card/body/NeonCardBody.vue.es.js";
-import { default as C } from "./components/layout/card/footer/NeonCardFooter.vue.es.js";
-import { default as T } from "./components/layout/card/header/NeonCardHeader.vue.es.js";
+import { default as g } from "./components/layout/card/footer/NeonCardFooter.vue.es.js";
+import { default as P } from "./components/layout/card/header/NeonCardHeader.vue.es.js";
 import { default as b } from "./components/layout/card-list/NeonCardList.vue.es.js";
 import { default as D } from "./components/user-input/chip/NeonChip.vue.es.js";
 import { default as L } from "./components/user-input/color/NeonColor.vue.es.js";
 import { default as w } from "./components/user-input/date-picker/NeonDatePicker.vue.es.js";
-import { default as v } from "./components/feedback/dialog/NeonDialog.vue.es.js";
-import { default as z } from "./components/layout/drawer/NeonDrawer.vue.es.js";
+import { default as M } from "./components/feedback/dialog/NeonDialog.vue.es.js";
+import { default as y } from "./components/layout/drawer/NeonDrawer.vue.es.js";
 import { default as B } from "./components/presentation/dropdown/NeonDropdown.vue.es.js";
 import { default as R } from "./components/navigation/dropdown-menu/NeonDropdownMenu.vue.es.js";
 import { default as E } from "./components/user-input/drop-zone/NeonDropZone.vue.es.js";
@@ -33,14 +33,14 @@ import { default as No } from "./components/user-input/input/NeonInput.vue.es.js
 import { default as so } from "./components/user-input/input-indicator/NeonInputIndicator.vue.es.js";
 import { default as io } from "./components/presentation/label/NeonLabel.vue.es.js";
 import { default as co } from "./components/feedback/linear-progress/NeonLinearProgress.vue.es.js";
-import { default as go } from "./components/navigation/link/NeonLink.vue.es.js";
-import { default as Po } from "./components/user-input/list/NeonList.vue.es.js";
+import { default as Co } from "./components/navigation/link/NeonLink.vue.es.js";
+import { default as To } from "./components/user-input/list/NeonList.vue.es.js";
 import { default as Uo } from "./components/navigation/menu/NeonMenu.vue.es.js";
 import { default as Io } from "./components/navigation/mobile-menu/NeonMobileMenu.vue.es.js";
 import { default as ho } from "./components/layout/modal/NeonModal.vue.es.js";
-import { default as Mo } from "./components/feedback/note/NeonNote.vue.es.js";
-import { default as yo } from "./components/feedback/notification-counter/NeonNotificationCounter.vue.es.js";
-import { default as Ao } from "./components/user-input/number/NeonNumber.vue.es.js";
+import { default as Ao } from "./components/feedback/note/NeonNote.vue.es.js";
+import { default as vo } from "./components/feedback/notification-counter/NeonNotificationCounter.vue.es.js";
+import { default as zo } from "./components/user-input/number/NeonNumber.vue.es.js";
 import { default as Fo } from "./components/layout/page/NeonPage.vue.es.js";
 import { default as ko } from "./components/user-input/password/NeonPassword.vue.es.js";
 import { default as Go } from "./components/user-input/range-slider/NeonRangeSlider.vue.es.js";
@@ -60,14 +60,14 @@ import { default as xe } from "./components/presentation/tabs/NeonTabs.vue.es.js
 import { default as de } from "./components/feedback/alert/container/NeonToastContainer.vue.es.js";
 import { default as ie } from "./components/user-input/toggle/NeonToggle.vue.es.js";
 import { default as ce } from "./components/user-input/toggle-chip/NeonToggleChip.vue.es.js";
-import { default as ge } from "./components/feedback/tooltip/NeonTooltip.vue.es.js";
-import { default as Pe } from "./components/layout/top-nav/NeonTopNav.vue.es.js";
+import { default as Ce } from "./components/feedback/tooltip/NeonTooltip.vue.es.js";
+import { default as Te } from "./components/layout/top-nav/NeonTopNav.vue.es.js";
 import { default as Ue } from "./components/navigation/tree-menu/NeonTreeMenu.vue.es.js";
 import { NeonAlertLevel as Ie } from "./common/enums/NeonAlertLevel.es.js";
 import { NeonAlertPlacement as he } from "./common/enums/NeonAlertPlacement.es.js";
-import { NeonBadgeSize as Me } from "./common/enums/NeonBadgeSize.es.js";
-import { NeonButtonSize as ye } from "./common/enums/NeonButtonSize.es.js";
-import { NeonButtonStyle as Ae } from "./common/enums/NeonButtonStyle.es.js";
+import { NeonBadgeSize as Ae } from "./common/enums/NeonBadgeSize.es.js";
+import { NeonButtonSize as ve } from "./common/enums/NeonButtonSize.es.js";
+import { NeonButtonStyle as ze } from "./common/enums/NeonButtonStyle.es.js";
 import { NeonChipAction as Fe } from "./common/enums/NeonChipAction.es.js";
 import { NeonDropdownPlacement as ke } from "./common/enums/NeonDropdownPlacement.es.js";
 import { NeonDropdownStyle as Ge } from "./common/enums/NeonDropdownStyle.es.js";
@@ -79,70 +79,71 @@ import { NeonLabelSize as We } from "./common/enums/NeonLabelSize.es.js";
 import { NeonMode as Ye } from "./common/enums/NeonMode.es.js";
 import { NeonOrientation as $e } from "./common/enums/NeonOrientation.es.js";
 import { NeonOutlineStyle as er } from "./common/enums/NeonOutlineStyle.es.js";
-import { NeonPosition as tr } from "./common/enums/NeonPosition.es.js";
-import { NeonResponsive as fr } from "./common/enums/NeonResponsive.es.js";
-import { NeonSize as pr } from "./common/enums/NeonSize.es.js";
-import { NeonSplashLoaderSize as mr } from "./common/enums/NeonSplashLoaderSize.es.js";
-import { NeonState as xr } from "./common/enums/NeonState.es.js";
-import { NeonSwitchStyle as dr } from "./common/enums/NeonSwitchStyle.es.js";
-import { NeonToggleChipSize as ir } from "./common/enums/NeonToggleChipSize.es.js";
-import { NeonToggleStyle as cr } from "./common/enums/NeonToggleStyle.es.js";
-import { NeonTooltipStyle as gr } from "./common/enums/NeonTooltipStyle.es.js";
-import { NeonVerticalPosition as Pr } from "./common/enums/NeonVerticalPosition.es.js";
-import { NeonAlertService as Ur } from "./common/utils/NeonAlertService.es.js";
-import { NeonClipboardService as Ir, NeonClipboardSupport as Lr } from "./common/utils/NeonClipboardService.es.js";
-import { NeonClosableUtils as wr } from "./common/utils/NeonClosableUtils.es.js";
-import { NeonDateUtils as vr } from "./common/utils/NeonDateUtils.es.js";
-import { NeonDebounceUtils as zr } from "./common/utils/NeonDebounceUtils.es.js";
-import { NeonDropdownPlacementUtils as Br } from "./common/utils/NeonDropdownPlacementUtils.es.js";
-import { NeonEventBus as Rr } from "./common/utils/NeonEventBus.es.js";
-import { NeonIconRegistry as Er } from "./common/utils/NeonIconRegistry.es.js";
-import { NeonJazziconUtils as Hr } from "./common/utils/NeonJazziconUtils.es.js";
-import { NeonModeUtils as Jr } from "./common/utils/NeonModeUtils.es.js";
-import { NeonNumberUtils as Zr } from "./common/utils/NeonNumberUtils.es.js";
-import { NeonPlacementUtils as qr } from "./common/utils/NeonPlacementUtils.es.js";
-import { NeonRandomUtils as Qr } from "./common/utils/NeonRandomUtils.es.js";
-import { NeonResponsiveUtils as Xr } from "./common/utils/NeonResponsiveUtils.es.js";
-import { NeonScrollUtils as _r } from "./common/utils/NeonScrollUtils.es.js";
-import { NeonToastService as ot } from "./common/utils/NeonToastService.es.js";
-import { NeonTooltipPlacementUtils as rt } from "./common/utils/NeonTooltipPlacementUtils.es.js";
-import { RegisterIcons as at } from "./common/utils/RegisterIcons.es.js";
+import { NeonPageAlignment as tr } from "./common/enums/NeonPageAlignment.es.js";
+import { NeonPosition as fr } from "./common/enums/NeonPosition.es.js";
+import { NeonResponsive as pr } from "./common/enums/NeonResponsive.es.js";
+import { NeonSize as mr } from "./common/enums/NeonSize.es.js";
+import { NeonSplashLoaderSize as xr } from "./common/enums/NeonSplashLoaderSize.es.js";
+import { NeonState as dr } from "./common/enums/NeonState.es.js";
+import { NeonSwitchStyle as ir } from "./common/enums/NeonSwitchStyle.es.js";
+import { NeonToggleChipSize as cr } from "./common/enums/NeonToggleChipSize.es.js";
+import { NeonToggleStyle as Cr } from "./common/enums/NeonToggleStyle.es.js";
+import { NeonTooltipStyle as Tr } from "./common/enums/NeonTooltipStyle.es.js";
+import { NeonVerticalPosition as Ur } from "./common/enums/NeonVerticalPosition.es.js";
+import { NeonAlertService as Ir } from "./common/utils/NeonAlertService.es.js";
+import { NeonClipboardService as hr, NeonClipboardSupport as wr } from "./common/utils/NeonClipboardService.es.js";
+import { NeonClosableUtils as Mr } from "./common/utils/NeonClosableUtils.es.js";
+import { NeonDateUtils as yr } from "./common/utils/NeonDateUtils.es.js";
+import { NeonDebounceUtils as Br } from "./common/utils/NeonDebounceUtils.es.js";
+import { NeonDropdownPlacementUtils as Rr } from "./common/utils/NeonDropdownPlacementUtils.es.js";
+import { NeonEventBus as Er } from "./common/utils/NeonEventBus.es.js";
+import { NeonIconRegistry as Hr } from "./common/utils/NeonIconRegistry.es.js";
+import { NeonJazziconUtils as Jr } from "./common/utils/NeonJazziconUtils.es.js";
+import { NeonModeUtils as Zr } from "./common/utils/NeonModeUtils.es.js";
+import { NeonNumberUtils as qr } from "./common/utils/NeonNumberUtils.es.js";
+import { NeonPlacementUtils as Qr } from "./common/utils/NeonPlacementUtils.es.js";
+import { NeonRandomUtils as Xr } from "./common/utils/NeonRandomUtils.es.js";
+import { NeonResponsiveUtils as _r } from "./common/utils/NeonResponsiveUtils.es.js";
+import { NeonScrollUtils as ot } from "./common/utils/NeonScrollUtils.es.js";
+import { NeonToastService as rt } from "./common/utils/NeonToastService.es.js";
+import { NeonTooltipPlacementUtils as at } from "./common/utils/NeonTooltipPlacementUtils.es.js";
+import { RegisterIcons as nt } from "./common/utils/RegisterIcons.es.js";
 export {
   r as NeonActionMenu,
   a as NeonAlert,
   n as NeonAlertContainer,
   Ie as NeonAlertLevel,
   he as NeonAlertPlacement,
-  Ur as NeonAlertService,
+  Ir as NeonAlertService,
   l as NeonAnchor,
   N as NeonBadge,
-  Me as NeonBadgeSize,
+  Ae as NeonBadgeSize,
   s as NeonButton,
-  ye as NeonButtonSize,
-  Ae as NeonButtonStyle,
+  ve as NeonButtonSize,
+  ze as NeonButtonStyle,
   u as NeonCard,
   S as NeonCardBody,
-  C as NeonCardFooter,
-  T as NeonCardHeader,
+  g as NeonCardFooter,
+  P as NeonCardHeader,
   b as NeonCardList,
   D as NeonChip,
   Fe as NeonChipAction,
-  Ir as NeonClipboardService,
-  Lr as NeonClipboardSupport,
-  wr as NeonClosableUtils,
+  hr as NeonClipboardService,
+  wr as NeonClipboardSupport,
+  Mr as NeonClosableUtils,
   L as NeonColor,
   w as NeonDatePicker,
-  vr as NeonDateUtils,
-  zr as NeonDebounceUtils,
-  v as NeonDialog,
-  z as NeonDrawer,
+  yr as NeonDateUtils,
+  Br as NeonDebounceUtils,
+  M as NeonDialog,
+  y as NeonDrawer,
   E as NeonDropZone,
   B as NeonDropdown,
   R as NeonDropdownMenu,
   ke as NeonDropdownPlacement,
-  Br as NeonDropdownPlacementUtils,
+  Rr as NeonDropdownPlacementUtils,
   Ge as NeonDropdownStyle,
-  Rr as NeonEventBus,
+  Er as NeonEventBus,
   H as NeonExpansionIndicator,
   J as NeonExpansionPanel,
   q as NeonField,
@@ -155,68 +156,69 @@ export {
   ro as NeonGridArea,
   Ve as NeonHorizontalPosition,
   ao as NeonIcon,
-  Er as NeonIconRegistry,
+  Hr as NeonIconRegistry,
   no as NeonImageCarousel,
   lo as NeonInline,
   No as NeonInput,
   so as NeonInputIndicator,
   je as NeonInputMode,
   Ke as NeonInputType,
-  Hr as NeonJazziconUtils,
+  Jr as NeonJazziconUtils,
   io as NeonLabel,
   We as NeonLabelSize,
   co as NeonLinearProgress,
-  go as NeonLink,
-  Po as NeonList,
+  Co as NeonLink,
+  To as NeonList,
   Uo as NeonMenu,
   Io as NeonMobileMenu,
   ho as NeonModal,
   Ye as NeonMode,
-  Jr as NeonModeUtils,
-  Mo as NeonNote,
-  yo as NeonNotificationCounter,
-  Ao as NeonNumber,
-  Zr as NeonNumberUtils,
+  Zr as NeonModeUtils,
+  Ao as NeonNote,
+  vo as NeonNotificationCounter,
+  zo as NeonNumber,
+  qr as NeonNumberUtils,
   $e as NeonOrientation,
   er as NeonOutlineStyle,
   Fo as NeonPage,
+  tr as NeonPageAlignment,
   ko as NeonPassword,
-  qr as NeonPlacementUtils,
-  tr as NeonPosition,
-  Qr as NeonRandomUtils,
+  Qr as NeonPlacementUtils,
+  fr as NeonPosition,
+  Xr as NeonRandomUtils,
   Go as NeonRangeSlider,
-  fr as NeonResponsive,
-  Xr as NeonResponsiveUtils,
-  _r as NeonScrollUtils,
+  pr as NeonResponsive,
+  _r as NeonResponsiveUtils,
+  ot as NeonScrollUtils,
   Vo as NeonSearch,
   jo as NeonSelect,
   Ko as NeonSelectableCard,
   Oo as NeonSideNav,
-  pr as NeonSize,
+  mr as NeonSize,
   Wo as NeonSkeletonLoader,
   Yo as NeonSlider,
   $o as NeonSplashLoader,
-  mr as NeonSplashLoaderSize,
+  xr as NeonSplashLoaderSize,
   ee as NeonStack,
-  xr as NeonState,
+  dr as NeonState,
   te as NeonStepper,
   fe as NeonSwiper,
   pe as NeonSwitch,
-  dr as NeonSwitchStyle,
+  ir as NeonSwitchStyle,
   me as NeonTab,
   xe as NeonTabs,
   de as NeonToastContainer,
-  ot as NeonToastService,
+  rt as NeonToastService,
   ie as NeonToggle,
   ce as NeonToggleChip,
-  ir as NeonToggleChipSize,
-  cr as NeonToggleStyle,
-  ge as NeonTooltip,
-  rt as NeonTooltipPlacementUtils,
-  gr as NeonTooltipStyle,
-  Pe as NeonTopNav,
+  cr as NeonToggleChipSize,
+  Cr as NeonToggleStyle,
+  Ce as NeonTooltip,
+  at as NeonTooltipPlacementUtils,
+  Tr as NeonTooltipStyle,
+  Te as NeonTopNav,
   Ue as NeonTreeMenu,
-  Pr as NeonVerticalPosition,
-  at as RegisterIcons
+  Ur as NeonVerticalPosition,
+  nt as RegisterIcons
 };
 //# sourceMappingURL=neon.es.js.map

package/dist/neon.es.js.map

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

package/dist/src/common/enums/NeonPageAlignment.d.ts

@@ -0,0 +1,4 @@
+export declare enum NeonPageAlignment {
+    CENTER = "center",
+    LEFT = "left"
+}

package/dist/src/common/utils/NeonModeUtils.d.ts

@@ -1,7 +1,7 @@
 import { NeonMode } from '../enums/NeonMode';
 /**
  * Utility for managing Neon's light/dark mode & defaulting to the user's preference. See
- * <a href="https://neon.development.arcual.art/design/theming#dark-mode">Dark mode</a>.
+ * <a href="https://aotearoan.github.io/neon/design/theming#dark-mode">Dark mode</a>.
  */
 export declare class NeonModeUtils {
     private static defaultMode;

package/dist/src/components/layout/footer/NeonFooter.d.ts

@@ -1,5 +1,6 @@
 /**
- * The page footer component. Place directly inside the NeonPage component to have it rendered at the bottom of the page even when the content is shorter than the page.
+ * The page footer component. Place directly inside the NeonPage component <strong>#footer</strong> slot to have it
+ * rendered at the bottom of the page even when the content is shorter than the page.
  */
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/src/components/layout/page/NeonPage.d.ts

@@ -1,6 +1,29 @@
+import { NeonPageAlignment } from '@/common/enums/NeonPageAlignment';
 /**
  * A "page" component, this is defined as a wrapper around the contents (NeonGrid, etc) and footer which provides the
  * correct responsive layout accounting for NeonTopNav and NeonSideNav components being used.
  */
-declare const _default: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * Page alignment: either left aligned or center aligned.
+     */
+    pageAlign: {
+        type: () => NeonPageAlignment;
+        default: NeonPageAlignment;
+    };
+}>, {
+    slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Page alignment: either left aligned or center aligned.
+     */
+    pageAlign: {
+        type: () => NeonPageAlignment;
+        default: NeonPageAlignment;
+    };
+}>> & Readonly<{}>, {
+    pageAlign: NeonPageAlignment;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/src/components/layout/side-nav/NeonSideNav.d.ts

@@ -12,7 +12,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * If true, removes the side nav component's padding.
      */

package/dist/src/neon.d.ts

@@ -79,6 +79,7 @@ export { NeonLabelSize } from './common/enums/NeonLabelSize';
 export { NeonMode } from './common/enums/NeonMode';
 export { NeonOrientation } from './common/enums/NeonOrientation';
 export { NeonOutlineStyle } from './common/enums/NeonOutlineStyle';
+export { NeonPageAlignment } from './common/enums/NeonPageAlignment';
 export { NeonPosition } from './common/enums/NeonPosition';
 export { NeonResponsive } from './common/enums/NeonResponsive';
 export { NeonSize } from './common/enums/NeonSize';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aotearoan/neon",
   "description": "Neon is a lightweight design library of Vue 3 components with minimal dependencies.",
-  "version": "22.0.0",
+  "version": "22.1.0",
   "main": "./dist/neon.cjs.js",
   "module": "./dist/neon.es.js",
   "types": "./dist/src/neon.d.ts",

package/src/sass/components/_expansion-panel.scss

@@ -55,14 +55,14 @@
 
     &__content {
       @include layout.padding-horizontal(0.75, 0.75);
-      padding-bottom: calc(0.75 * var(--neon-spacing-vertical-desktop));
+      padding-bottom: calc(0.75 * var(--neon-gutter-desktop));
 
       @include responsive.responsive(tablet) {
-        padding-bottom: calc(0.75 * var(--neon-spacing-vertical-tablet));
+        padding-bottom: calc(0.75 * var(--neon-gutter-tablet));
       }
 
       @include responsive.responsive(mobile-large) {
-        padding-bottom: calc(0.75 * var(--neon-spacing-vertical-mobile));
+        padding-bottom: calc(0.75 * var(--neon-gutter-mobile));
       }
     }
 

package/src/sass/components/_footer.scss

@@ -8,35 +8,37 @@
     background-color: var(--neon-background-color-footer);
     border-top: var(--neon-border-top-footer);
     color: var(--neon-color-neutral);
+    width: 100vw;
 
     &__container {
       display: flex;
       justify-content: center;
       width: 100%;
-      max-width: calc(var(--neon-max-page-width) + var(--neon-space-16));
+      max-width: calc(var(--neon-max-width-page) - 2 * var(--neon-gutter-desktop));
       line-height: var(--neon-line-height-one);
 
       @include responsive.responsive(larger-than-tablet) {
         font-size: var(--neon-font-size-m);
         height: var(--neon-footer-height-desktop);
-        padding: 0 var(--neon-spacing-vertical-desktop);
       }
 
       @include responsive.responsive(tablet) {
         font-size: var(--neon-font-size-s);
         height: var(--neon-footer-height-tablet);
-        padding: 0 var(--neon-spacing-vertical-tablet);
       }
 
       @include responsive.responsive(mobile-large) {
         font-size: var(--neon-font-size-s);
         height: var(--neon-footer-height-mobile);
-        padding: 0 var(--neon-spacing-vertical-mobile);
       }
     }
   }
 
   .neon-page--with-side-nav .neon-footer {
     @include layout.side-nav-offset;
+
+    .neon-footer__container {
+      max-width: calc(var(--neon-max-width-page) - var(--neon-side-nav-width) - 2 * var(--neon-gutter-desktop));
+    }
   }
 }

package/src/sass/components/_grid.scss

@@ -3,20 +3,32 @@
 
 @mixin grid {
   .neon-grid {
-    width: 100vw;
-    max-width: var(--neon-max-page-width);
+    width: 100%;
+    max-width: 100%;
     @include layout.min-height(100, 'var(--neon-footer-height-desktop)');
-    @include layout.padding(0.5, true);
     display: grid;
 
+    @include responsive.responsive(larger-than-tablet) {
+      padding: var(--neon-gutter-desktop) 0;
+      gap: var(--neon-gutter-desktop);
+    }
+
+    @include responsive.responsive(tablet) {
+      padding: var(--neon-gutter-tablet) 0;
+      gap: var(--neon-gutter-tablet);
+    }
+
     @include responsive.responsive(mobile-large) {
+      padding: var(--neon-gutter-mobile) 0;
+      gap: var(--neon-gutter-mobile);
       display: flex;
       flex-direction: column;
     }
 
     .neon-grid-area {
-      @include layout.margin(0.5, true);
       display: flex;
+      width: 100%;
+      max-width: 100%;
 
       & > .neon-card {
         flex: 1 0 auto;
@@ -39,7 +51,6 @@
 
   .neon-page--with-side-nav .neon-grid {
     @include layout.side-nav-offset;
-    max-width: calc(var(--neon-max-page-width) - var(--neon-side-nav-width));
   }
 
   .neon-page--with-top-nav .neon-page__container {
@@ -57,28 +68,4 @@
       }
     }
   }
-
-  .neon-grid {
-    .neon-grid-area {
-      @include responsive.responsive(larger-than-tablet) {
-        max-width: calc(100vw - 2 * var(--neon-spacing-vertical-desktop));
-      }
-
-      @include responsive.responsive(tablet) {
-        max-width: calc(100vw - 2 * var(--neon-spacing-vertical-tablet));
-      }
-
-      @include responsive.responsive(mobile-large) {
-        max-width: calc(100vw - 2 * var(--neon-spacing-vertical-mobile));
-      }
-    }
-  }
-
-  .neon-page--with-side-nav .neon-grid {
-    .neon-grid-area {
-      @include responsive.responsive(larger-than-tablet) {
-        max-width: calc(100vw - var(--neon-side-nav-width) + 2 * var(--neon-spacing-vertical-desktop));
-      }
-    }
-  }
 }

package/src/sass/components/_page.scss

@@ -23,5 +23,42 @@
         @include layout.min-height(100, 'var(--neon-top-nav-height-mobile)');
       }
     }
+
+    .neon-page__container {
+      @include responsive.responsive(larger-than-tablet) {
+        padding-left: var(--neon-gutter-desktop);
+        padding-right: var(--neon-gutter-desktop);
+        max-width: var(--neon-max-width-page);
+        width: 100%;
+      }
+
+      @include responsive.responsive(tablet) {
+        max-width: 100%;
+        width: 100%;
+        padding-left: var(--neon-gutter-tablet);
+        padding-right: var(--neon-gutter-tablet);
+      }
+
+      @include responsive.responsive(mobile-large) {
+        padding-left: var(--neon-gutter-mobile);
+        padding-right: var(--neon-gutter-mobile);
+      }
+    }
+
+    &--left {
+      &.neon-page--with-side-nav {
+        .neon-page__container {
+          @include responsive.responsive(larger-than-tablet) {
+            padding-left: 0;
+          }
+        }
+      }
+    }
+
+    &--center {
+      .neon-page__container {
+        margin: auto;
+      }
+    }
   }
 }

package/src/sass/components/_top-nav.scss

@@ -13,12 +13,21 @@
     border-bottom: var(--neon-border-width) var(--neon-border-style) var(--neon-border-color-top-nav);
 
     &__container {
-      @include layout.padding-horizontal(1, 1);
-      // account for side nav
-      @include layout.spacing-horizontal('padding-left', larger-than-tablet, 0.75);
+      @include responsive.responsive(larger-than-tablet) {
+        padding: 0 var(--neon-gutter-desktop);
+        max-width: var(--neon-max-width-page);
+      }
+
+      @include responsive.responsive(tablet) {
+        padding: 0 var(--neon-gutter-tablet);
+        max-width: 100vw;
+      }
+
+      @include responsive.responsive(mobile-large) {
+        padding: 0 var(--neon-gutter-mobile);
+      }
 
       width: 100%;
-      max-width: var(--neon-max-page-width);
       display: flex;
       flex-direction: row;
       align-items: center;
@@ -36,4 +45,11 @@
       height: var(--neon-top-nav-height-mobile);
     }
   }
+
+  .neon-page--center {
+    .neon-top-nav__container {
+      margin-left: auto;
+      margin-right: auto;
+    }
+  }
 }

package/src/sass/includes/_layout.scss

@@ -161,7 +161,6 @@ $spacings: (
 
 @mixin side-nav-offset {
   @include responsive.responsive(larger-than-tablet) {
-    margin-left: var(--neon-side-nav-width);
-    width: calc(100vw - var(--neon-side-nav-width));
+    padding-left: calc(var(--neon-side-nav-width) + var(--neon-gutter-desktop));
   }
 }

package/src/sass/variables.scss

@@ -9,7 +9,14 @@
   /* layout */
   --neon-base-space: 4rem;
   --neon-max-paragraph-width: 70ch;
-  --neon-max-page-width: 1920rem;
+
+  /* page */
+  --neon-max-width-page: 1920rem;
+
+  /* gutters, all spacings are keyed off these values */
+  --neon-gutter-desktop: 32rem;
+  --neon-gutter-tablet: 24rem;
+  --neon-gutter-mobile: 16rem;
 
   /* spacings */
   --neon-space-1: calc(0.25 * var(--neon-base-space));
@@ -37,7 +44,7 @@
   --neon-space-144: calc(36 * var(--neon-base-space));
   --neon-space-192: calc(48 * var(--neon-base-space));
 
-  /* stack/inline */
+  /* stack & inline gaps */
   --neon-gap-desktop-s: var(--neon-space-4);
   --neon-gap-tablet-s: var(--neon-space-4);
   --neon-gap-mobile-s: var(--neon-space-4);
@@ -52,20 +59,17 @@
 
   /* ratio of horizontal to vertical spacing, e.g. 1 = square padding */
   --neon-spacing-horizontal-multiplier: 1;
-  /* ratio of tablet to mobile spacing */
-  --neon-spacing-multiplier-tablet: 1.5;
-  /* ratio of desktop to mobile spacing */
-  --neon-spacing-multiplier-desktop: 2;
 
+  /* TODO: refactor to remove the usage of these spacings in src/sass/includes/_layout.scss, replace with gutter vars  */
   /* mobile spacing */
-  --neon-spacing-vertical-mobile: var(--neon-space-16);
-  --neon-spacing-horizontal-mobile: calc(var(--neon-spacing-vertical-mobile) * var(--neon-spacing-horizontal-multiplier));
+  --neon-spacing-vertical-mobile: var(--neon-gutter-mobile);
+  --neon-spacing-horizontal-mobile: calc(var(--neon-gutter-mobile) * var(--neon-spacing-horizontal-multiplier));
   /* tablet spacing */
-  --neon-spacing-vertical-tablet: calc(var(--neon-spacing-vertical-mobile) * var(--neon-spacing-multiplier-tablet));
-  --neon-spacing-horizontal-tablet: calc(var(--neon-spacing-horizontal-mobile) * var(--neon-spacing-multiplier-tablet));
+  --neon-spacing-vertical-tablet: var(--neon-gutter-tablet);
+  --neon-spacing-horizontal-tablet: calc(var(--neon-gutter-tablet) * var(--neon-spacing-horizontal-multiplier));
   /* desktop spacing */
-  --neon-spacing-vertical-desktop: calc(var(--neon-spacing-vertical-mobile) * var(--neon-spacing-multiplier-desktop));
-  --neon-spacing-horizontal-desktop: calc(var(--neon-spacing-horizontal-mobile) * var(--neon-spacing-multiplier-desktop));
+  --neon-spacing-vertical-desktop: var(--neon-gutter-desktop);
+  --neon-spacing-horizontal-desktop: calc(var(--neon-gutter-desktop) * var(--neon-spacing-horizontal-multiplier));
 
   /* animation */
   --neon-animation-speed-slow: 0.3s;