@aotearoan/neon 16.0.7 → 16.1.0

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.Web="web",e.App="app",e))(r||{});exports.NeonTabsStyle=r;
+//# sourceMappingURL=NeonTabsStyle.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NeonTabsStyle.cjs.js","sources":["../../../src/common/enums/NeonTabsStyle.ts"],"sourcesContent":["export enum NeonTabsStyle {\n  Web = 'web',\n  App = 'app',\n}\n"],"names":["NeonTabsStyle"],"mappings":"gFAAY,IAAAA,GAAAA,IACVA,EAAA,IAAM,MACNA,EAAA,IAAM,MAFIA,IAAAA,GAAA,CAAA,CAAA"}

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

@@ -0,0 +1,5 @@
+var r = /* @__PURE__ */ ((p) => (p.Web = "web", p.App = "app", p))(r || {});
+export {
+  r as NeonTabsStyle
+};
+//# sourceMappingURL=NeonTabsStyle.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NeonTabsStyle.es.js","sources":["../../../src/common/enums/NeonTabsStyle.ts"],"sourcesContent":["export enum NeonTabsStyle {\n  Web = 'web',\n  App = 'app',\n}\n"],"names":["NeonTabsStyle"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,MAAM,OAFIA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/components/presentation/tabs/NeonTabs.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("vue"),u=require("../../../common/enums/NeonFunctionalColor.cjs.js"),i=require("../../../common/enums/NeonSize.cjs.js"),s=require("../icon/NeonIcon.vue.cjs.js"),a=r.defineComponent({name:"NeonTabs",components:{NeonIcon:s},props:{tabs:{type:Array,required:!0},modelValue:{type:String,required:!0},color:{type:String,default:u.NeonFunctionalColor.Primary},size:{type:String,default:i.NeonSize.Medium},underline:{type:Boolean,default:!0}},emits:["update:modelValue"],setup(l,{emit:o}){return{onClick:(e,n=!1)=>{if(n){const t=document.getElementById(`${e}ButtonContainer`);t&&t.focus()}o("update:modelValue",e)}}}});module.exports=a;
+"use strict";const u=require("vue"),i=require("../../../common/enums/NeonFunctionalColor.cjs.js"),n=require("../../../common/enums/NeonTabsStyle.cjs.js"),s=require("../../../common/enums/NeonSize.cjs.js"),a=require("../icon/NeonIcon.vue.cjs.js"),l=u.defineComponent({name:"NeonTabs",components:{NeonIcon:a},props:{tabs:{type:Array,required:!0},modelValue:{type:String,required:!0},tabsStyle:{type:String,default:n.NeonTabsStyle.Web},color:{type:String,default:i.NeonFunctionalColor.Primary},size:{type:String,default:s.NeonSize.Medium},underline:{type:Boolean,default:!0}},emits:["update:modelValue"],setup(c,{emit:o}){return{onClick:(e,r=!1)=>{if(r){const t=document.getElementById(`${e}ButtonContainer`);t&&t.focus()}o("update:modelValue",e)},NeonTabsStyle:n.NeonTabsStyle}}});module.exports=l;
 //# sourceMappingURL=NeonTabs.cjs.js.map

package/dist/components/presentation/tabs/NeonTabs.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonTabs.cjs.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { NeonTabModel } from '@/common/models/NeonTabModel';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * A component for displaying tabbed content.\n */\nexport default defineComponent({\n  name: 'NeonTabs',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The list of tabs to display.\n     * */\n    tabs: { type: Array as () => Array<NeonTabModel>, required: true },\n    /**\n     * The key of the selected tab.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * The tab highlight color (excludes low-contrast).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * The tab size.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Display a border underlining all tabs. When tabs are in an element with a border-bottom it is preferable to omit the tabs border-bottom\n     */\n    underline: { type: Boolean, default: true },\n  },\n  emits: [\n    /**\n     * Emitted when the selected tab is changed.\n     * @type {string} The key of the selected tab.\n     */\n    'update:modelValue',\n  ],\n  setup(_props, { emit }) {\n    const onClick = (key: string, changeFocus = false) => {\n      if (changeFocus) {\n        const tab = document.getElementById(`${key}ButtonContainer`);\n        if (tab) {\n          tab.focus();\n        }\n      }\n      emit('update:modelValue', key);\n    };\n\n    return {\n      onClick,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonFunctionalColor","NeonSize","_props","emit","key","changeFocus","tab"],"mappings":"8LASAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,KAAM,CAAE,KAAM,MAAoC,SAAU,EAAK,EAIjE,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAK,EAI3C,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAQ,EAIzF,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,UAAW,CAAE,KAAM,QAAS,QAAS,EAAK,CAC5C,EACA,MAAO,CAKL,mBACF,EACA,MAAMC,EAAQ,CAAE,KAAAC,GAAQ,CAWf,MAAA,CACL,QAXc,CAACC,EAAaC,EAAc,KAAU,CACpD,GAAIA,EAAa,CACf,MAAMC,EAAM,SAAS,eAAe,GAAGF,CAAG,iBAAiB,EACvDE,GACFA,EAAI,MAAM,CAEd,CACAH,EAAK,oBAAqBC,CAAG,CAAA,CAI7B,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonTabs.cjs.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { NeonTabModel } from '@/common/models/NeonTabModel';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonTabsStyle } from '@/common/enums/NeonTabsStyle';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * A component for displaying tabbed content.\n */\nexport default defineComponent({\n  name: 'NeonTabs',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The list of tabs to display.\n     * */\n    tabs: { type: Array as () => Array<NeonTabModel>, required: true },\n    /**\n     * The key of the selected tab.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * The tab button style.\n     */\n    tabsStyle: { type: String as () => NeonTabsStyle, default: NeonTabsStyle.Web },\n    /**\n     * The tab highlight color (excludes low-contrast).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * The tab size (NOTE: web style only)\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Display a border underlining all tabs. When tabs are in an element with a border-bottom it is preferable to omit the tabs border-bottom\n     */\n    underline: { type: Boolean, default: true },\n  },\n  emits: [\n    /**\n     * Emitted when the selected tab is changed.\n     * @type {string} The key of the selected tab.\n     */\n    'update:modelValue',\n  ],\n  setup(_props, { emit }) {\n    const onClick = (key: string, changeFocus = false) => {\n      if (changeFocus) {\n        const tab = document.getElementById(`${key}ButtonContainer`);\n        if (tab) {\n          tab.focus();\n        }\n      }\n      emit('update:modelValue', key);\n    };\n\n    return {\n      onClick,\n      NeonTabsStyle,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonTabsStyle","NeonFunctionalColor","NeonSize","_props","emit","key","changeFocus","tab"],"mappings":"sPAUAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,KAAM,CAAE,KAAM,MAAoC,SAAU,EAAK,EAIjE,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAK,EAI3C,UAAW,CAAE,KAAM,OAA+B,QAASC,EAAAA,cAAc,GAAI,EAI7E,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAQ,EAIzF,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,UAAW,CAAE,KAAM,QAAS,QAAS,EAAK,CAC5C,EACA,MAAO,CAKL,mBACF,EACA,MAAMC,EAAQ,CAAE,KAAAC,GAAQ,CAWf,MAAA,CACL,QAXc,CAACC,EAAaC,EAAc,KAAU,CACpD,GAAIA,EAAa,CACf,MAAMC,EAAM,SAAS,eAAe,GAAGF,CAAG,iBAAiB,EACvDE,GACFA,EAAI,MAAM,CAEd,CACAH,EAAK,oBAAqBC,CAAG,CAAA,EAI7B,cACAL,EAAA,aAAA,CAEJ,CACF,CAAC"}

package/dist/components/presentation/tabs/NeonTabs.es.js

@@ -1,11 +1,12 @@
-import { defineComponent as r } from "vue";
-import { NeonFunctionalColor as i } from "../../../common/enums/NeonFunctionalColor.es.js";
+import { defineComponent as i } from "vue";
+import { NeonFunctionalColor as a } from "../../../common/enums/NeonFunctionalColor.es.js";
+import { NeonTabsStyle as o } from "../../../common/enums/NeonTabsStyle.es.js";
 import { NeonSize as u } from "../../../common/enums/NeonSize.es.js";
-import a from "../icon/NeonIcon.vue.es.js";
-const c = r({
+import l from "../icon/NeonIcon.vue.es.js";
+const S = i({
   name: "NeonTabs",
   components: {
-    NeonIcon: a
+    NeonIcon: l
   },
   props: {
     /**
@@ -16,12 +17,16 @@ const c = r({
      * The key of the selected tab.
      */
     modelValue: { type: String, required: !0 },
+    /**
+     * The tab button style.
+     */
+    tabsStyle: { type: String, default: o.Web },
     /**
      * The tab highlight color (excludes low-contrast).
      */
-    color: { type: String, default: i.Primary },
+    color: { type: String, default: a.Primary },
     /**
-     * The tab size.
+     * The tab size (NOTE: web style only)
      */
     size: { type: String, default: u.Medium },
     /**
@@ -36,19 +41,20 @@ const c = r({
      */
     "update:modelValue"
   ],
-  setup(m, { emit: t }) {
+  setup(m, { emit: r }) {
     return {
       onClick: (e, n = !1) => {
         if (n) {
-          const o = document.getElementById(`${e}ButtonContainer`);
-          o && o.focus();
+          const t = document.getElementById(`${e}ButtonContainer`);
+          t && t.focus();
         }
-        t("update:modelValue", e);
-      }
+        r("update:modelValue", e);
+      },
+      NeonTabsStyle: o
     };
   }
 });
 export {
-  c as default
+  S as default
 };
 //# sourceMappingURL=NeonTabs.es.js.map

package/dist/components/presentation/tabs/NeonTabs.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonTabs.es.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { NeonTabModel } from '@/common/models/NeonTabModel';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * A component for displaying tabbed content.\n */\nexport default defineComponent({\n  name: 'NeonTabs',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The list of tabs to display.\n     * */\n    tabs: { type: Array as () => Array<NeonTabModel>, required: true },\n    /**\n     * The key of the selected tab.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * The tab highlight color (excludes low-contrast).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * The tab size.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Display a border underlining all tabs. When tabs are in an element with a border-bottom it is preferable to omit the tabs border-bottom\n     */\n    underline: { type: Boolean, default: true },\n  },\n  emits: [\n    /**\n     * Emitted when the selected tab is changed.\n     * @type {string} The key of the selected tab.\n     */\n    'update:modelValue',\n  ],\n  setup(_props, { emit }) {\n    const onClick = (key: string, changeFocus = false) => {\n      if (changeFocus) {\n        const tab = document.getElementById(`${key}ButtonContainer`);\n        if (tab) {\n          tab.focus();\n        }\n      }\n      emit('update:modelValue', key);\n    };\n\n    return {\n      onClick,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonFunctionalColor","NeonSize","_props","emit","key","changeFocus","tab"],"mappings":";;;;AASA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,EACF;AAAA,EACA,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM,EAAE,MAAM,OAAoC,UAAU,GAAK;AAAA;AAAA;AAAA;AAAA,IAIjE,YAAY,EAAE,MAAM,QAAQ,UAAU,GAAK;AAAA;AAAA;AAAA;AAAA,IAI3C,OAAO,EAAE,MAAM,QAAqC,SAASC,EAAoB,QAAQ;AAAA;AAAA;AAAA;AAAA,IAIzF,MAAM,EAAE,MAAM,QAA0B,SAASC,EAAS,OAAO;AAAA;AAAA;AAAA;AAAA,IAIjE,WAAW,EAAE,MAAM,SAAS,SAAS,GAAK;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA,EACF;AAAA,EACA,MAAMC,GAAQ,EAAE,MAAAC,KAAQ;AAWf,WAAA;AAAA,MACL,SAXc,CAACC,GAAaC,IAAc,OAAU;AACpD,YAAIA,GAAa;AACf,gBAAMC,IAAM,SAAS,eAAe,GAAGF,CAAG,iBAAiB;AAC3D,UAAIE,KACFA,EAAI,MAAM;AAAA,QAEd;AACA,QAAAH,EAAK,qBAAqBC,CAAG;AAAA,MAAA;AAAA,IAI7B;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonTabs.es.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { NeonTabModel } from '@/common/models/NeonTabModel';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonTabsStyle } from '@/common/enums/NeonTabsStyle';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * A component for displaying tabbed content.\n */\nexport default defineComponent({\n  name: 'NeonTabs',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The list of tabs to display.\n     * */\n    tabs: { type: Array as () => Array<NeonTabModel>, required: true },\n    /**\n     * The key of the selected tab.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * The tab button style.\n     */\n    tabsStyle: { type: String as () => NeonTabsStyle, default: NeonTabsStyle.Web },\n    /**\n     * The tab highlight color (excludes low-contrast).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * The tab size (NOTE: web style only)\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Display a border underlining all tabs. When tabs are in an element with a border-bottom it is preferable to omit the tabs border-bottom\n     */\n    underline: { type: Boolean, default: true },\n  },\n  emits: [\n    /**\n     * Emitted when the selected tab is changed.\n     * @type {string} The key of the selected tab.\n     */\n    'update:modelValue',\n  ],\n  setup(_props, { emit }) {\n    const onClick = (key: string, changeFocus = false) => {\n      if (changeFocus) {\n        const tab = document.getElementById(`${key}ButtonContainer`);\n        if (tab) {\n          tab.focus();\n        }\n      }\n      emit('update:modelValue', key);\n    };\n\n    return {\n      onClick,\n      NeonTabsStyle,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonTabsStyle","NeonFunctionalColor","NeonSize","_props","emit","key","changeFocus","tab"],"mappings":";;;;;AAUA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,EACF;AAAA,EACA,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM,EAAE,MAAM,OAAoC,UAAU,GAAK;AAAA;AAAA;AAAA;AAAA,IAIjE,YAAY,EAAE,MAAM,QAAQ,UAAU,GAAK;AAAA;AAAA;AAAA;AAAA,IAI3C,WAAW,EAAE,MAAM,QAA+B,SAASC,EAAc,IAAI;AAAA;AAAA;AAAA;AAAA,IAI7E,OAAO,EAAE,MAAM,QAAqC,SAASC,EAAoB,QAAQ;AAAA;AAAA;AAAA;AAAA,IAIzF,MAAM,EAAE,MAAM,QAA0B,SAASC,EAAS,OAAO;AAAA;AAAA;AAAA;AAAA,IAIjE,WAAW,EAAE,MAAM,SAAS,SAAS,GAAK;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA,EACF;AAAA,EACA,MAAMC,GAAQ,EAAE,MAAAC,KAAQ;AAWf,WAAA;AAAA,MACL,SAXc,CAACC,GAAaC,IAAc,OAAU;AACpD,YAAIA,GAAa;AACf,gBAAMC,IAAM,SAAS,eAAe,GAAGF,CAAG,iBAAiB;AAC3D,UAAIE,KACFA,EAAI,MAAM;AAAA,QAEd;AACA,QAAAH,EAAK,qBAAqBC,CAAG;AAAA,MAAA;AAAA,MAK7B,eAAAL;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/presentation/tabs/NeonTabs.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./NeonTabs.cjs.js"),e=require("vue"),a=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),i=["id","aria-controls","aria-selected","onClick"],c=["id","tabindex","onKeydown"],u={key:1,class:"neon-tabs__menu-label"};function d(n,k,y,p,_,b){const t=e.resolveComponent("neon-icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[`neon-tabs--${n.size}`,`neon-tabs--${n.color}`],"neon-tabs"]),role:"tablist"},[e.createElementVNode("div",{class:e.normalizeClass([{"neon-tabs__menu-items--underlined":n.underline},"neon-tabs__menu-items"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.tabs,(o,l)=>(e.openBlock(),e.createElementBlock("div",{id:`${o.key}Button`,key:o.key,"aria-controls":o.key,"aria-selected":o.key===n.modelValue,class:e.normalizeClass([{"neon-tabs__menu-item--selected":o.key===n.modelValue},"neon-tabs__menu-item"]),role:"tab",tabindex:"-1",onClick:s=>o.key!==n.modelValue&&n.onClick(o.key)},[e.createElementVNode("div",{id:`${o.key}ButtonContainer`,tabindex:o.key===n.modelValue?0:-1,class:"neon-tabs__menu-item-container",onKeydown:[e.withKeys(s=>n.onClick(n.tabs[l+1===n.tabs.length?0:l+1].key,!0),["right"]),e.withKeys(s=>n.onClick(n.tabs[l===0?n.tabs.length-1:l-1].key,!0),["left"])]},[o.icon?(e.openBlock(),e.createBlock(t,{key:0,color:o.key===n.modelValue?n.color:void 0,name:o.icon,class:"neon-tabs__menu-icon"},null,8,["color","name"])):e.createCommentVNode("",!0),o.label?(e.openBlock(),e.createElementBlock("span",u,e.toDisplayString(o.label),1)):e.createCommentVNode("",!0)],40,c)],10,i))),128))],2),e.renderSlot(n.$slots,"default")],2)}const m=a(r,[["render",d]]);module.exports=m;
+"use strict";const a=require("./NeonTabs.cjs.js"),e=require("vue"),r=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),i=["id","aria-controls","aria-selected","onClick"],c=["id","tabindex","onKeydown"],u={key:1,class:"neon-tabs__menu-label"};function m(n,k,y,p,_,b){const l=e.resolveComponent("neon-icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[`neon-tabs--${n.size}`,`neon-tabs--${n.color}`,`neon-tabs--${n.tabsStyle}`],"neon-tabs"]),role:"tablist"},[e.createElementVNode("div",{class:e.normalizeClass([{"neon-tabs__menu-items--underlined":n.underline},"neon-tabs__menu-items"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.tabs,(o,t)=>(e.openBlock(),e.createElementBlock("div",{id:`${o.key}Button`,key:o.key,"aria-controls":o.key,"aria-selected":o.key===n.modelValue,class:e.normalizeClass([{"neon-tabs__menu-item--selected":o.key===n.modelValue},"neon-tabs__menu-item"]),role:"tab",tabindex:"-1",onClick:s=>o.key!==n.modelValue&&n.onClick(o.key)},[e.createElementVNode("div",{id:`${o.key}ButtonContainer`,tabindex:o.key===n.modelValue?0:-1,class:"neon-tabs__menu-item-container",onKeydown:[e.withKeys(s=>n.onClick(n.tabs[t+1===n.tabs.length?0:t+1].key,!0),["right"]),e.withKeys(s=>n.onClick(n.tabs[t===0?n.tabs.length-1:t-1].key,!0),["left"])]},[o.icon?(e.openBlock(),e.createBlock(l,{key:0,name:o.icon,class:"neon-tabs__menu-icon"},null,8,["name"])):e.createCommentVNode("",!0),o.label?(e.openBlock(),e.createElementBlock("span",u,e.toDisplayString(o.label),1)):e.createCommentVNode("",!0)],40,c)],10,i))),128))],2),e.renderSlot(n.$slots,"default")],2)}const d=r(a,[["render",m]]);module.exports=d;
 //# sourceMappingURL=NeonTabs.vue.cjs.js.map

package/dist/components/presentation/tabs/NeonTabs.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonTabs.vue.cjs.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.vue"],"sourcesContent":["<template>\n  <div :class=\"[`neon-tabs--${size}`, `neon-tabs--${color}`]\" class=\"neon-tabs\" role=\"tablist\">\n    <div :class=\"{ 'neon-tabs__menu-items--underlined': underline }\" class=\"neon-tabs__menu-items\">\n      <div\n        v-for=\"(tab, index) in tabs\"\n        :id=\"`${tab.key}Button`\"\n        :key=\"tab.key\"\n        :aria-controls=\"tab.key\"\n        :aria-selected=\"tab.key === modelValue\"\n        :class=\"{ 'neon-tabs__menu-item--selected': tab.key === modelValue }\"\n        class=\"neon-tabs__menu-item\"\n        role=\"tab\"\n        tabindex=\"-1\"\n        @click=\"tab.key !== modelValue && onClick(tab.key)\"\n      >\n        <div\n          :id=\"`${tab.key}ButtonContainer`\"\n          :tabindex=\"tab.key === modelValue ? 0 : -1\"\n          class=\"neon-tabs__menu-item-container\"\n          @keydown.right=\"onClick(tabs[index + 1 === tabs.length ? 0 : index + 1].key, true)\"\n          @keydown.left=\"onClick(tabs[index === 0 ? tabs.length - 1 : index - 1].key, true)\"\n        >\n          <neon-icon\n            v-if=\"tab.icon\"\n            :color=\"tab.key === modelValue ? color : undefined\"\n            :name=\"tab.icon\"\n            class=\"neon-tabs__menu-icon\"\n          />\n          <span v-if=\"tab.label\" class=\"neon-tabs__menu-label\">{{ tab.label }}</span>\n        </div>\n      </div>\n    </div>\n    <!-- @slot Add tabs here (NeonTab). NOTE: Tabs can also be added outside the component if preferred -->\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTabs.ts\"></script>\n"],"names":["_hoisted_3","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_Fragment","_renderList","tab","index","$event","_createElementVNode","_createBlock","_component_neon_icon","_createCommentVNode"],"mappings":"sNA4BiCA,EAA6B,sEAMtDC,EAAA,iBAAA,WAAA,EAjCwE,OAAKC,EAAS,UAAA,EAAAC,EAAA,mBAAA,MAAA,wFAC1F,KA6BM,wCA5BJ,MAAAC,EAAA,eAAA,CAAA,CAAA,oCACyBC,EAAA,SAAI,EAAnB,uBAAU,CAAA,iBACP,EAAI,EAAAF,EAAA,mBAAAG,WAAA,KAAAC,EAAA,WAAAF,EAAA,KAAA,CAAAG,EAAAC,KACNP,EAAI,UAAA,EAAAC,EAAA,mBAAA,MAAA,CACZ,GAAa,GAAAK,EAAA,GAAA,SACb,IAAAA,EAAA,IACA,sBAED,gBAAUA,EAAA,MAAAH,EAAA,WACV,MAAAD,EAAAA,eAAa,CAAA,CAAA,iCAAAI,EAAA,MAAAH,EAAA,YAAA,sBAAA,CAAA,EACZ,KAAK,oBAEN,QAcMK,GAAAF,EAAA,MAAAH,EAAA,YAAAA,EAAA,QAAAG,EAAA,GAAA,IAZHG,EAAAA,yBAAgC,CACjC,GAAA,GAAMH,EAAgC,GAAA,kBACrC,SAAOA,EAAA,MAAAH,EAAA,WAAA,EAAA,6MAIA,wBACM,EAAAO,EAAkB,YAAAC,EAAQ,CACrC,IAAI,EACL,MAAML,EAAsB,MAAAH,EAAA,WAAAA,EAAA,MAAA,+CAEd,EAAK,KAAA,EAAA,CAAA,QAAA,MAAA,CAAA,GAArBS,EAAA,mBAAA,GAAA,EAAA,gIAKO,EAAA,GAAA"}
+{"version":3,"file":"NeonTabs.vue.cjs.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[`neon-tabs--${size}`, `neon-tabs--${color}`, `neon-tabs--${tabsStyle}`]\"\n    class=\"neon-tabs\"\n    role=\"tablist\"\n  >\n    <div :class=\"{ 'neon-tabs__menu-items--underlined': underline }\" class=\"neon-tabs__menu-items\">\n      <div\n        v-for=\"(tab, index) in tabs\"\n        :id=\"`${tab.key}Button`\"\n        :key=\"tab.key\"\n        :aria-controls=\"tab.key\"\n        :aria-selected=\"tab.key === modelValue\"\n        :class=\"{ 'neon-tabs__menu-item--selected': tab.key === modelValue }\"\n        class=\"neon-tabs__menu-item\"\n        role=\"tab\"\n        tabindex=\"-1\"\n        @click=\"tab.key !== modelValue && onClick(tab.key)\"\n      >\n        <div\n          :id=\"`${tab.key}ButtonContainer`\"\n          :tabindex=\"tab.key === modelValue ? 0 : -1\"\n          class=\"neon-tabs__menu-item-container\"\n          @keydown.right=\"onClick(tabs[index + 1 === tabs.length ? 0 : index + 1].key, true)\"\n          @keydown.left=\"onClick(tabs[index === 0 ? tabs.length - 1 : index - 1].key, true)\"\n        >\n          <neon-icon v-if=\"tab.icon\" :name=\"tab.icon\" class=\"neon-tabs__menu-icon\" />\n          <span v-if=\"tab.label\" class=\"neon-tabs__menu-label\">{{ tab.label }}</span>\n        </div>\n      </div>\n    </div>\n    <!-- @slot Add tabs here (NeonTab). NOTE: Tabs can also be added outside the component if preferred -->\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTabs.ts\"></script>\n"],"names":["_hoisted_3","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_Fragment","_renderList","tab","index","$event","_createElementVNode","_createBlock","_component_neon_icon","_createCommentVNode"],"mappings":"sNA2BiCA,EAA6B,sEAMtDC,EAAA,iBAAA,WAAA,EA7BJ,OAAKC,EAAS,UAAA,EAAAC,EAAA,mBAAA,MAAA,oHAEd,KAwBM,wCAvBJ,MAAAC,EAAA,eAAA,CAAA,CAAA,oCACyBC,EAAA,SAAI,EAAnB,uBAAU,CAAA,iBACP,EAAI,EAAAF,EAAA,mBAAAG,WAAA,KAAAC,EAAA,WAAAF,EAAA,KAAA,CAAAG,EAAAC,KACNP,EAAI,UAAA,EAAAC,EAAA,mBAAA,MAAA,CACZ,GAAa,GAAAK,EAAA,GAAA,SACb,IAAAA,EAAA,IACA,sBAED,gBAAUA,EAAA,MAAAH,EAAA,WACV,MAAAD,EAAAA,eAAa,CAAA,CAAA,iCAAAI,EAAA,MAAAH,EAAA,YAAA,sBAAA,CAAA,EACZ,KAAK,oBAEN,QASMK,GAAAF,EAAA,MAAAH,EAAA,YAAAA,EAAA,QAAAG,EAAA,GAAA,IAPHG,EAAAA,yBAAgC,CACjC,GAAA,GAAMH,EAAgC,GAAA,kBACrC,SAAOA,EAAA,MAAAH,EAAA,WAAA,EAAA,6MAGS,wBAAyB,EAAAO,EAAA,YAAAC,EAAA,CAAE,IAAK,0CACjC,EAAK,KAAA,EAAA,CAAA,MAAA,CAAA,GAArBC,EAAA,mBAAA,GAAA,EAAA,gIAKO,EAAA,GAAA"}

package/dist/components/presentation/tabs/NeonTabs.vue.es.js

@@ -1,53 +1,52 @@
 import u from "./NeonTabs.es.js";
-import { resolveComponent as c, openBlock as o, createElementBlock as s, normalizeClass as t, createElementVNode as a, Fragment as k, renderList as y, withKeys as i, createBlock as p, createCommentVNode as d, toDisplayString as _, renderSlot as $ } from "vue";
-import b from "../../../_virtual/_plugin-vue_export-helper.es.js";
+import { resolveComponent as c, openBlock as o, createElementBlock as t, normalizeClass as l, createElementVNode as i, Fragment as k, renderList as y, withKeys as r, createBlock as b, createCommentVNode as m, toDisplayString as p, renderSlot as _ } from "vue";
+import $ from "../../../_virtual/_plugin-vue_export-helper.es.js";
 const f = ["id", "aria-controls", "aria-selected", "onClick"], C = ["id", "tabindex", "onKeydown"], h = {
   key: 1,
   class: "neon-tabs__menu-label"
 };
 function v(e, V, g, B, w, K) {
-  const m = c("neon-icon");
-  return o(), s("div", {
-    class: t([[`neon-tabs--${e.size}`, `neon-tabs--${e.color}`], "neon-tabs"]),
+  const d = c("neon-icon");
+  return o(), t("div", {
+    class: l([[`neon-tabs--${e.size}`, `neon-tabs--${e.color}`, `neon-tabs--${e.tabsStyle}`], "neon-tabs"]),
     role: "tablist"
   }, [
-    a("div", {
-      class: t([{ "neon-tabs__menu-items--underlined": e.underline }, "neon-tabs__menu-items"])
+    i("div", {
+      class: l([{ "neon-tabs__menu-items--underlined": e.underline }, "neon-tabs__menu-items"])
     }, [
-      (o(!0), s(k, null, y(e.tabs, (n, l) => (o(), s("div", {
+      (o(!0), t(k, null, y(e.tabs, (n, s) => (o(), t("div", {
         id: `${n.key}Button`,
         key: n.key,
         "aria-controls": n.key,
         "aria-selected": n.key === e.modelValue,
-        class: t([{ "neon-tabs__menu-item--selected": n.key === e.modelValue }, "neon-tabs__menu-item"]),
+        class: l([{ "neon-tabs__menu-item--selected": n.key === e.modelValue }, "neon-tabs__menu-item"]),
         role: "tab",
         tabindex: "-1",
-        onClick: (r) => n.key !== e.modelValue && e.onClick(n.key)
+        onClick: (a) => n.key !== e.modelValue && e.onClick(n.key)
       }, [
-        a("div", {
+        i("div", {
           id: `${n.key}ButtonContainer`,
           tabindex: n.key === e.modelValue ? 0 : -1,
           class: "neon-tabs__menu-item-container",
           onKeydown: [
-            i((r) => e.onClick(e.tabs[l + 1 === e.tabs.length ? 0 : l + 1].key, !0), ["right"]),
-            i((r) => e.onClick(e.tabs[l === 0 ? e.tabs.length - 1 : l - 1].key, !0), ["left"])
+            r((a) => e.onClick(e.tabs[s + 1 === e.tabs.length ? 0 : s + 1].key, !0), ["right"]),
+            r((a) => e.onClick(e.tabs[s === 0 ? e.tabs.length - 1 : s - 1].key, !0), ["left"])
           ]
         }, [
-          n.icon ? (o(), p(m, {
+          n.icon ? (o(), b(d, {
             key: 0,
-            color: n.key === e.modelValue ? e.color : void 0,
             name: n.icon,
             class: "neon-tabs__menu-icon"
-          }, null, 8, ["color", "name"])) : d("", !0),
-          n.label ? (o(), s("span", h, _(n.label), 1)) : d("", !0)
+          }, null, 8, ["name"])) : m("", !0),
+          n.label ? (o(), t("span", h, p(n.label), 1)) : m("", !0)
         ], 40, C)
       ], 10, f))), 128))
     ], 2),
-    $(e.$slots, "default")
+    _(e.$slots, "default")
   ], 2);
 }
-const S = /* @__PURE__ */ b(u, [["render", v]]);
+const E = /* @__PURE__ */ $(u, [["render", v]]);
 export {
-  S as default
+  E as default
 };
 //# sourceMappingURL=NeonTabs.vue.es.js.map

package/dist/components/presentation/tabs/NeonTabs.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonTabs.vue.es.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.vue"],"sourcesContent":["<template>\n  <div :class=\"[`neon-tabs--${size}`, `neon-tabs--${color}`]\" class=\"neon-tabs\" role=\"tablist\">\n    <div :class=\"{ 'neon-tabs__menu-items--underlined': underline }\" class=\"neon-tabs__menu-items\">\n      <div\n        v-for=\"(tab, index) in tabs\"\n        :id=\"`${tab.key}Button`\"\n        :key=\"tab.key\"\n        :aria-controls=\"tab.key\"\n        :aria-selected=\"tab.key === modelValue\"\n        :class=\"{ 'neon-tabs__menu-item--selected': tab.key === modelValue }\"\n        class=\"neon-tabs__menu-item\"\n        role=\"tab\"\n        tabindex=\"-1\"\n        @click=\"tab.key !== modelValue && onClick(tab.key)\"\n      >\n        <div\n          :id=\"`${tab.key}ButtonContainer`\"\n          :tabindex=\"tab.key === modelValue ? 0 : -1\"\n          class=\"neon-tabs__menu-item-container\"\n          @keydown.right=\"onClick(tabs[index + 1 === tabs.length ? 0 : index + 1].key, true)\"\n          @keydown.left=\"onClick(tabs[index === 0 ? tabs.length - 1 : index - 1].key, true)\"\n        >\n          <neon-icon\n            v-if=\"tab.icon\"\n            :color=\"tab.key === modelValue ? color : undefined\"\n            :name=\"tab.icon\"\n            class=\"neon-tabs__menu-icon\"\n          />\n          <span v-if=\"tab.label\" class=\"neon-tabs__menu-label\">{{ tab.label }}</span>\n        </div>\n      </div>\n    </div>\n    <!-- @slot Add tabs here (NeonTab). NOTE: Tabs can also be added outside the component if preferred -->\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTabs.ts\"></script>\n"],"names":["_hoisted_3","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_Fragment","_renderList","tab","index","$event","_createElementVNode","_createBlock","_component_neon_icon","_createCommentVNode"],"mappings":";;;oGA4BiCA,IAA6B;AAAA;;;;YAMtDC,EAAA,WAAA;AAjCwE,SAAKC,EAAS,GAAAC,EAAA,OAAA;AAAA;IAC1F,MA6BM;AAAA;;MA5BJ,OAAAC,EAAA,CAAA,EAAA,qCACyBC,EAAA,UAAI,GAAnB,uBAAU,CAAA;AAAA;SACP,EAAI,GAAAF,EAAAG,GAAA,MAAAC,EAAAF,EAAA,MAAA,CAAAG,GAAAC,OACNP,EAAI,GAAAC,EAAA,OAAA;AAAA,QACZ,IAAa,GAAAK,EAAA,GAAA;AAAA,QACb,KAAAA,EAAA;AAAA,QACA;QAED,iBAAUA,EAAA,QAAAH,EAAA;AAAA,QACV,OAAAD,EAAa,CAAA,EAAA,kCAAAI,EAAA,QAAAH,EAAA,cAAA,sBAAA,CAAA;AAAA,QACZ,MAAK;AAAA;QAEN,SAcM,CAAAK,MAAAF,EAAA,QAAAH,EAAA,cAAAA,EAAA,QAAAG,EAAA,GAAA;AAAA;QAZHG,SAAgC;AAAA,UACjC,IAAA,GAAMH,EAAgC,GAAA;AAAA,UACrC,UAAOA,EAAA,QAAAH,EAAA,aAAA,IAAA;AAAA;;;;UAIA;AAAA;sBACM,GAAAO,EAAkBC,GAAQ;AAAA,YACrC,KAAI;AAAA,YACL,OAAML,EAAsB,QAAAH,EAAA,aAAAA,EAAA,QAAA;AAAA;;UAEd,GAAK,MAAA,GAAA,CAAA,SAAA,MAAA,CAAA,KAArBS,EAAA,IAAA,EAAA;AAAA;;gBAKO,GAAA,GAAA;AAAA;;;;;"}
+{"version":3,"file":"NeonTabs.vue.es.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[`neon-tabs--${size}`, `neon-tabs--${color}`, `neon-tabs--${tabsStyle}`]\"\n    class=\"neon-tabs\"\n    role=\"tablist\"\n  >\n    <div :class=\"{ 'neon-tabs__menu-items--underlined': underline }\" class=\"neon-tabs__menu-items\">\n      <div\n        v-for=\"(tab, index) in tabs\"\n        :id=\"`${tab.key}Button`\"\n        :key=\"tab.key\"\n        :aria-controls=\"tab.key\"\n        :aria-selected=\"tab.key === modelValue\"\n        :class=\"{ 'neon-tabs__menu-item--selected': tab.key === modelValue }\"\n        class=\"neon-tabs__menu-item\"\n        role=\"tab\"\n        tabindex=\"-1\"\n        @click=\"tab.key !== modelValue && onClick(tab.key)\"\n      >\n        <div\n          :id=\"`${tab.key}ButtonContainer`\"\n          :tabindex=\"tab.key === modelValue ? 0 : -1\"\n          class=\"neon-tabs__menu-item-container\"\n          @keydown.right=\"onClick(tabs[index + 1 === tabs.length ? 0 : index + 1].key, true)\"\n          @keydown.left=\"onClick(tabs[index === 0 ? tabs.length - 1 : index - 1].key, true)\"\n        >\n          <neon-icon v-if=\"tab.icon\" :name=\"tab.icon\" class=\"neon-tabs__menu-icon\" />\n          <span v-if=\"tab.label\" class=\"neon-tabs__menu-label\">{{ tab.label }}</span>\n        </div>\n      </div>\n    </div>\n    <!-- @slot Add tabs here (NeonTab). NOTE: Tabs can also be added outside the component if preferred -->\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonTabs.ts\"></script>\n"],"names":["_hoisted_3","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_Fragment","_renderList","tab","index","$event","_createElementVNode","_createBlock","_component_neon_icon","_createCommentVNode"],"mappings":";;;oGA2BiCA,IAA6B;AAAA;;;;YAMtDC,EAAA,WAAA;AA7BJ,SAAKC,EAAS,GAAAC,EAAA,OAAA;AAAA;IAEd,MAwBM;AAAA;;MAvBJ,OAAAC,EAAA,CAAA,EAAA,qCACyBC,EAAA,UAAI,GAAnB,uBAAU,CAAA;AAAA;SACP,EAAI,GAAAF,EAAAG,GAAA,MAAAC,EAAAF,EAAA,MAAA,CAAAG,GAAAC,OACNP,EAAI,GAAAC,EAAA,OAAA;AAAA,QACZ,IAAa,GAAAK,EAAA,GAAA;AAAA,QACb,KAAAA,EAAA;AAAA,QACA;QAED,iBAAUA,EAAA,QAAAH,EAAA;AAAA,QACV,OAAAD,EAAa,CAAA,EAAA,kCAAAI,EAAA,QAAAH,EAAA,cAAA,sBAAA,CAAA;AAAA,QACZ,MAAK;AAAA;QAEN,SASM,CAAAK,MAAAF,EAAA,QAAAH,EAAA,cAAAA,EAAA,QAAAG,EAAA,GAAA;AAAA;QAPHG,SAAgC;AAAA,UACjC,IAAA,GAAMH,EAAgC,GAAA;AAAA,UACrC,UAAOA,EAAA,QAAAH,EAAA,aAAA,IAAA;AAAA;;;;UAGS;AAAA;sBAAyB,GAAAO,EAAAC,GAAA;AAAA,YAAE,KAAK;AAAA;;UACjC,GAAK,MAAA,GAAA,CAAA,MAAA,CAAA,KAArBC,EAAA,IAAA,EAAA;AAAA;;gBAKO,GAAA,GAAA;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"),d=require("./components/user-input/color/NeonColor.vue.cjs.js"),S=require("./components/user-input/date-picker/NeonDatePicker.vue.cjs.js"),p=require("./components/feedback/dialog/NeonDialog.vue.cjs.js"),C=require("./components/layout/drawer/NeonDrawer.vue.cjs.js"),P=require("./components/presentation/dropdown/NeonDropdown.vue.cjs.js"),U=require("./components/navigation/dropdown-menu/NeonDropdownMenu.vue.cjs.js"),g=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"),m=require("./components/user-input/field/NeonField.vue.cjs.js"),D=require("./components/user-input/file/NeonFile.vue.cjs.js"),v=require("./components/user-input/filter-list/NeonFilterList.vue.cjs.js"),L=require("./components/layout/footer/NeonFooter.vue.cjs.js"),I=require("./components/layout/grid/NeonGrid.vue.cjs.js"),w=require("./components/layout/grid/grid-area/NeonGridArea.vue.cjs.js"),A=require("./components/presentation/icon/NeonIcon.vue.cjs.js"),h=require("./components/layout/inline/NeonInline.vue.cjs.js"),z=require("./components/user-input/input/NeonInput.vue.cjs.js"),M=require("./components/user-input/input-indicator/NeonInputIndicator.vue.cjs.js"),R=require("./components/presentation/label/NeonLabel.vue.cjs.js"),B=require("./components/feedback/linear-progress/NeonLinearProgress.vue.cjs.js"),F=require("./components/navigation/link/NeonLink.vue.cjs.js"),k=require("./components/user-input/list/NeonList.vue.cjs.js"),E=require("./components/navigation/menu/NeonMenu.vue.cjs.js"),O=require("./components/layout/modal/NeonModal.vue.cjs.js"),G=require("./components/feedback/note/NeonNote.vue.cjs.js"),H=require("./components/feedback/notification-counter/NeonNotificationCounter.vue.cjs.js"),x=require("./components/user-input/number/NeonNumber.vue.cjs.js"),f=require("./components/layout/page/NeonPage.vue.cjs.js"),J=require("./components/user-input/password/NeonPassword.vue.cjs.js"),V=require("./components/user-input/range-slider/NeonRangeSlider.vue.cjs.js"),Z=require("./components/layout/side-nav/NeonSideNav.vue.cjs.js"),j=require("./components/user-input/search/NeonSearch.vue.cjs.js"),K=require("./components/user-input/select/NeonSelect.vue.cjs.js"),Q=require("./components/user-input/selectable-card/NeonSelectableCard.vue.cjs.js"),W=require("./components/feedback/skeleton-loader/NeonSkeletonLoader.vue.cjs.js"),X=require("./components/user-input/slider/NeonSlider.vue.cjs.js"),Y=require("./components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),_=require("./components/layout/stack/NeonStack.vue.cjs.js"),$=require("./components/navigation/stepper/NeonStepper.vue.cjs.js"),ee=require("./components/user-input/switch/NeonSwitch.vue.cjs.js"),oe=require("./components/presentation/tabs/tab/NeonTab.vue.cjs.js"),ne=require("./components/presentation/tabs/NeonTabs.vue.cjs.js"),re=require("./components/feedback/alert/container/NeonToastContainer.vue.cjs.js"),te=require("./components/user-input/toggle/NeonToggle.vue.cjs.js"),ie=require("./components/user-input/toggle-chip/NeonToggleChip.vue.cjs.js"),Ne=require("./components/feedback/tooltip/NeonTooltip.vue.cjs.js"),se=require("./components/layout/top-nav/NeonTopNav.vue.cjs.js"),ce=require("./components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js"),le=require("./common/enums/NeonAlertLevel.cjs.js"),ue=require("./common/enums/NeonAlertPlacement.cjs.js"),ae=require("./common/enums/NeonButtonSize.cjs.js"),qe=require("./common/enums/NeonButtonStyle.cjs.js"),de=require("./common/enums/NeonChipAction.cjs.js"),Se=require("./common/enums/NeonDropdownPlacement.cjs.js"),pe=require("./common/enums/NeonDropdownStyle.cjs.js"),Ce=require("./common/enums/NeonFunctionalColor.cjs.js"),Pe=require("./common/enums/NeonHorizontalPosition.cjs.js"),Ue=require("./common/enums/NeonInputMode.cjs.js"),ge=require("./common/enums/NeonInputType.cjs.js"),Te=require("./common/enums/NeonLabelSize.cjs.js"),be=require("./common/enums/NeonMode.cjs.js"),ye=require("./common/enums/NeonOrientation.cjs.js"),me=require("./common/enums/NeonOutlineStyle.cjs.js"),De=require("./common/enums/NeonPlacement.cjs.js"),ve=require("./common/enums/NeonPosition.cjs.js"),Le=require("./common/enums/NeonResponsive.cjs.js"),Ie=require("./common/enums/NeonSize.cjs.js"),we=require("./common/enums/NeonSplashLoaderSize.cjs.js"),Ae=require("./common/enums/NeonState.cjs.js"),he=require("./common/enums/NeonSwitchStyle.cjs.js"),ze=require("./common/enums/NeonToggleStyle.cjs.js"),Me=require("./common/enums/NeonTooltipStyle.cjs.js"),Re=require("./common/enums/NeonVerticalPosition.cjs.js"),Be=require("./common/utils/NeonAlertService.cjs.js"),e=require("./common/utils/NeonClipboardService.cjs.js"),Fe=require("./common/utils/NeonClosableUtils.cjs.js"),ke=require("./common/utils/NeonDateUtils.cjs.js"),Ee=require("./common/utils/NeonDebounceUtils.cjs.js"),Oe=require("./common/utils/NeonDropdownPlacementUtils.cjs.js"),Ge=require("./common/utils/NeonEventBus.cjs.js"),He=require("./common/utils/NeonIconRegistry.cjs.js"),xe=require("./common/utils/NeonJazziconUtils.cjs.js"),fe=require("./common/utils/NeonModeUtils.cjs.js"),Je=require("./common/utils/NeonNumberUtils.cjs.js"),Ve=require("./common/utils/NeonPlacementUtils.cjs.js"),Ze=require("./common/utils/NeonRandomUtils.cjs.js"),je=require("./common/utils/NeonResponsiveUtils.cjs.js"),Ke=require("./common/utils/NeonScrollUtils.cjs.js"),Qe=require("./common/utils/NeonToastService.cjs.js"),We=require("./common/utils/NeonTooltipPlacementUtils.cjs.js"),Xe=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=d;exports.NeonDatePicker=S;exports.NeonDialog=p;exports.NeonDrawer=C;exports.NeonDropdown=P;exports.NeonDropdownMenu=U;exports.NeonDropZone=g;exports.NeonExpansionIndicator=T;exports.NeonExpansionPanel=b;exports.NeonFieldGroup=y;exports.NeonField=m;exports.NeonFile=D;exports.NeonFilterList=v;exports.NeonFooter=L;exports.NeonGrid=I;exports.NeonGridArea=w;exports.NeonIcon=A;exports.NeonInline=h;exports.NeonInput=z;exports.NeonInputIndicator=M;exports.NeonLabel=R;exports.NeonLinearProgress=B;exports.NeonLink=F;exports.NeonList=k;exports.NeonMenu=E;exports.NeonModal=O;exports.NeonNote=G;exports.NeonNotificationCounter=H;exports.NeonNumber=x;exports.NeonPage=f;exports.NeonPassword=J;exports.NeonRangeSlider=V;exports.NeonSideNav=Z;exports.NeonSearch=j;exports.NeonSelect=K;exports.NeonSelectableCard=Q;exports.NeonSkeletonLoader=W;exports.NeonSlider=X;exports.NeonSplashLoader=Y;exports.NeonStack=_;exports.NeonStepper=$;exports.NeonSwitch=ee;exports.NeonTab=oe;exports.NeonTabs=ne;exports.NeonToastContainer=re;exports.NeonToggle=te;exports.NeonToggleChip=ie;exports.NeonTooltip=Ne;exports.NeonTopNav=se;exports.NeonTreeMenu=ce;exports.NeonAlertLevel=le.NeonAlertLevel;exports.NeonAlertPlacement=ue.NeonAlertPlacement;exports.NeonButtonSize=ae.NeonButtonSize;exports.NeonButtonStyle=qe.NeonButtonStyle;exports.NeonChipAction=de.NeonChipAction;exports.NeonDropdownPlacement=Se.NeonDropdownPlacement;exports.NeonDropdownStyle=pe.NeonDropdownStyle;exports.NeonFunctionalColor=Ce.NeonFunctionalColor;exports.NeonHorizontalPosition=Pe.NeonHorizontalPosition;exports.NeonInputMode=Ue.NeonInputMode;exports.NeonInputType=ge.NeonInputType;exports.NeonLabelSize=Te.NeonLabelSize;exports.NeonMode=be.NeonMode;exports.NeonOrientation=ye.NeonOrientation;exports.NeonOutlineStyle=me.NeonOutlineStyle;exports.NeonPlacement=De.NeonPlacement;exports.NeonPosition=ve.NeonPosition;exports.NeonResponsive=Le.NeonResponsive;exports.NeonSize=Ie.NeonSize;exports.NeonSplashLoaderSize=we.NeonSplashLoaderSize;exports.NeonState=Ae.NeonState;exports.NeonSwitchStyle=he.NeonSwitchStyle;exports.NeonToggleStyle=ze.NeonToggleStyle;exports.NeonTooltipStyle=Me.NeonTooltipStyle;exports.NeonVerticalPosition=Re.NeonVerticalPosition;exports.NeonAlertService=Be.NeonAlertService;exports.NeonClipboardService=e.NeonClipboardService;exports.NeonClipboardSupport=e.NeonClipboardSupport;exports.NeonClosableUtils=Fe.NeonClosableUtils;exports.NeonDateUtils=ke.NeonDateUtils;exports.NeonDebounceUtils=Ee.NeonDebounceUtils;exports.NeonDropdownPlacementUtils=Oe.NeonDropdownPlacementUtils;exports.NeonEventBus=Ge.NeonEventBus;exports.NeonIconRegistry=He.NeonIconRegistry;exports.NeonJazziconUtils=xe.NeonJazziconUtils;exports.NeonModeUtils=fe.NeonModeUtils;exports.NeonNumberUtils=Je.NeonNumberUtils;exports.NeonPlacementUtils=Ve.NeonPlacementUtils;exports.NeonRandomUtils=Ze.NeonRandomUtils;exports.NeonResponsiveUtils=je.NeonResponsiveUtils;exports.NeonScrollUtils=Ke.NeonScrollUtils;exports.NeonToastService=Qe.NeonToastService;exports.NeonTooltipPlacementUtils=We.NeonTooltipPlacementUtils;exports.RegisterIcons=Xe.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"),C=require("./components/layout/drawer/NeonDrawer.vue.cjs.js"),P=require("./components/presentation/dropdown/NeonDropdown.vue.cjs.js"),U=require("./components/navigation/dropdown-menu/NeonDropdownMenu.vue.cjs.js"),T=require("./components/user-input/drop-zone/NeonDropZone.vue.cjs.js"),b=require("./components/presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),g=require("./components/presentation/expansion-panel/NeonExpansionPanel.vue.cjs.js"),y=require("./components/user-input/field-group/NeonFieldGroup.vue.cjs.js"),m=require("./components/user-input/field/NeonField.vue.cjs.js"),D=require("./components/user-input/file/NeonFile.vue.cjs.js"),v=require("./components/user-input/filter-list/NeonFilterList.vue.cjs.js"),L=require("./components/layout/footer/NeonFooter.vue.cjs.js"),I=require("./components/layout/grid/NeonGrid.vue.cjs.js"),w=require("./components/layout/grid/grid-area/NeonGridArea.vue.cjs.js"),A=require("./components/presentation/icon/NeonIcon.vue.cjs.js"),h=require("./components/layout/inline/NeonInline.vue.cjs.js"),z=require("./components/user-input/input/NeonInput.vue.cjs.js"),M=require("./components/user-input/input-indicator/NeonInputIndicator.vue.cjs.js"),R=require("./components/presentation/label/NeonLabel.vue.cjs.js"),B=require("./components/feedback/linear-progress/NeonLinearProgress.vue.cjs.js"),F=require("./components/navigation/link/NeonLink.vue.cjs.js"),k=require("./components/user-input/list/NeonList.vue.cjs.js"),E=require("./components/navigation/menu/NeonMenu.vue.cjs.js"),O=require("./components/layout/modal/NeonModal.vue.cjs.js"),G=require("./components/feedback/note/NeonNote.vue.cjs.js"),H=require("./components/feedback/notification-counter/NeonNotificationCounter.vue.cjs.js"),x=require("./components/user-input/number/NeonNumber.vue.cjs.js"),f=require("./components/layout/page/NeonPage.vue.cjs.js"),J=require("./components/user-input/password/NeonPassword.vue.cjs.js"),V=require("./components/user-input/range-slider/NeonRangeSlider.vue.cjs.js"),Z=require("./components/layout/side-nav/NeonSideNav.vue.cjs.js"),j=require("./components/user-input/search/NeonSearch.vue.cjs.js"),K=require("./components/user-input/select/NeonSelect.vue.cjs.js"),Q=require("./components/user-input/selectable-card/NeonSelectableCard.vue.cjs.js"),W=require("./components/feedback/skeleton-loader/NeonSkeletonLoader.vue.cjs.js"),X=require("./components/user-input/slider/NeonSlider.vue.cjs.js"),Y=require("./components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),_=require("./components/layout/stack/NeonStack.vue.cjs.js"),$=require("./components/navigation/stepper/NeonStepper.vue.cjs.js"),ee=require("./components/user-input/switch/NeonSwitch.vue.cjs.js"),oe=require("./components/presentation/tabs/tab/NeonTab.vue.cjs.js"),ne=require("./components/presentation/tabs/NeonTabs.vue.cjs.js"),re=require("./components/feedback/alert/container/NeonToastContainer.vue.cjs.js"),te=require("./components/user-input/toggle/NeonToggle.vue.cjs.js"),ie=require("./components/user-input/toggle-chip/NeonToggleChip.vue.cjs.js"),Ne=require("./components/feedback/tooltip/NeonTooltip.vue.cjs.js"),se=require("./components/layout/top-nav/NeonTopNav.vue.cjs.js"),ce=require("./components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js"),le=require("./common/enums/NeonAlertLevel.cjs.js"),ue=require("./common/enums/NeonAlertPlacement.cjs.js"),ae=require("./common/enums/NeonButtonSize.cjs.js"),qe=require("./common/enums/NeonButtonStyle.cjs.js"),Se=require("./common/enums/NeonChipAction.cjs.js"),de=require("./common/enums/NeonDropdownPlacement.cjs.js"),pe=require("./common/enums/NeonDropdownStyle.cjs.js"),Ce=require("./common/enums/NeonFunctionalColor.cjs.js"),Pe=require("./common/enums/NeonHorizontalPosition.cjs.js"),Ue=require("./common/enums/NeonInputMode.cjs.js"),Te=require("./common/enums/NeonInputType.cjs.js"),be=require("./common/enums/NeonLabelSize.cjs.js"),ge=require("./common/enums/NeonMode.cjs.js"),ye=require("./common/enums/NeonOrientation.cjs.js"),me=require("./common/enums/NeonOutlineStyle.cjs.js"),De=require("./common/enums/NeonPlacement.cjs.js"),ve=require("./common/enums/NeonPosition.cjs.js"),Le=require("./common/enums/NeonResponsive.cjs.js"),Ie=require("./common/enums/NeonSize.cjs.js"),we=require("./common/enums/NeonSplashLoaderSize.cjs.js"),Ae=require("./common/enums/NeonState.cjs.js"),he=require("./common/enums/NeonSwitchStyle.cjs.js"),ze=require("./common/enums/NeonTabsStyle.cjs.js"),Me=require("./common/enums/NeonToggleStyle.cjs.js"),Re=require("./common/enums/NeonTooltipStyle.cjs.js"),Be=require("./common/enums/NeonVerticalPosition.cjs.js"),Fe=require("./common/utils/NeonAlertService.cjs.js"),e=require("./common/utils/NeonClipboardService.cjs.js"),ke=require("./common/utils/NeonClosableUtils.cjs.js"),Ee=require("./common/utils/NeonDateUtils.cjs.js"),Oe=require("./common/utils/NeonDebounceUtils.cjs.js"),Ge=require("./common/utils/NeonDropdownPlacementUtils.cjs.js"),He=require("./common/utils/NeonEventBus.cjs.js"),xe=require("./common/utils/NeonIconRegistry.cjs.js"),fe=require("./common/utils/NeonJazziconUtils.cjs.js"),Je=require("./common/utils/NeonModeUtils.cjs.js"),Ve=require("./common/utils/NeonNumberUtils.cjs.js"),Ze=require("./common/utils/NeonPlacementUtils.cjs.js"),je=require("./common/utils/NeonRandomUtils.cjs.js"),Ke=require("./common/utils/NeonResponsiveUtils.cjs.js"),Qe=require("./common/utils/NeonScrollUtils.cjs.js"),We=require("./common/utils/NeonToastService.cjs.js"),Xe=require("./common/utils/NeonTooltipPlacementUtils.cjs.js"),Ye=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=C;exports.NeonDropdown=P;exports.NeonDropdownMenu=U;exports.NeonDropZone=T;exports.NeonExpansionIndicator=b;exports.NeonExpansionPanel=g;exports.NeonFieldGroup=y;exports.NeonField=m;exports.NeonFile=D;exports.NeonFilterList=v;exports.NeonFooter=L;exports.NeonGrid=I;exports.NeonGridArea=w;exports.NeonIcon=A;exports.NeonInline=h;exports.NeonInput=z;exports.NeonInputIndicator=M;exports.NeonLabel=R;exports.NeonLinearProgress=B;exports.NeonLink=F;exports.NeonList=k;exports.NeonMenu=E;exports.NeonModal=O;exports.NeonNote=G;exports.NeonNotificationCounter=H;exports.NeonNumber=x;exports.NeonPage=f;exports.NeonPassword=J;exports.NeonRangeSlider=V;exports.NeonSideNav=Z;exports.NeonSearch=j;exports.NeonSelect=K;exports.NeonSelectableCard=Q;exports.NeonSkeletonLoader=W;exports.NeonSlider=X;exports.NeonSplashLoader=Y;exports.NeonStack=_;exports.NeonStepper=$;exports.NeonSwitch=ee;exports.NeonTab=oe;exports.NeonTabs=ne;exports.NeonToastContainer=re;exports.NeonToggle=te;exports.NeonToggleChip=ie;exports.NeonTooltip=Ne;exports.NeonTopNav=se;exports.NeonTreeMenu=ce;exports.NeonAlertLevel=le.NeonAlertLevel;exports.NeonAlertPlacement=ue.NeonAlertPlacement;exports.NeonButtonSize=ae.NeonButtonSize;exports.NeonButtonStyle=qe.NeonButtonStyle;exports.NeonChipAction=Se.NeonChipAction;exports.NeonDropdownPlacement=de.NeonDropdownPlacement;exports.NeonDropdownStyle=pe.NeonDropdownStyle;exports.NeonFunctionalColor=Ce.NeonFunctionalColor;exports.NeonHorizontalPosition=Pe.NeonHorizontalPosition;exports.NeonInputMode=Ue.NeonInputMode;exports.NeonInputType=Te.NeonInputType;exports.NeonLabelSize=be.NeonLabelSize;exports.NeonMode=ge.NeonMode;exports.NeonOrientation=ye.NeonOrientation;exports.NeonOutlineStyle=me.NeonOutlineStyle;exports.NeonPlacement=De.NeonPlacement;exports.NeonPosition=ve.NeonPosition;exports.NeonResponsive=Le.NeonResponsive;exports.NeonSize=Ie.NeonSize;exports.NeonSplashLoaderSize=we.NeonSplashLoaderSize;exports.NeonState=Ae.NeonState;exports.NeonSwitchStyle=he.NeonSwitchStyle;exports.NeonTabsStyle=ze.NeonTabsStyle;exports.NeonToggleStyle=Me.NeonToggleStyle;exports.NeonTooltipStyle=Re.NeonTooltipStyle;exports.NeonVerticalPosition=Be.NeonVerticalPosition;exports.NeonAlertService=Fe.NeonAlertService;exports.NeonClipboardService=e.NeonClipboardService;exports.NeonClipboardSupport=e.NeonClipboardSupport;exports.NeonClosableUtils=ke.NeonClosableUtils;exports.NeonDateUtils=Ee.NeonDateUtils;exports.NeonDebounceUtils=Oe.NeonDebounceUtils;exports.NeonDropdownPlacementUtils=Ge.NeonDropdownPlacementUtils;exports.NeonEventBus=He.NeonEventBus;exports.NeonIconRegistry=xe.NeonIconRegistry;exports.NeonJazziconUtils=fe.NeonJazziconUtils;exports.NeonModeUtils=Je.NeonModeUtils;exports.NeonNumberUtils=Ve.NeonNumberUtils;exports.NeonPlacementUtils=Ze.NeonPlacementUtils;exports.NeonRandomUtils=je.NeonRandomUtils;exports.NeonResponsiveUtils=Ke.NeonResponsiveUtils;exports.NeonScrollUtils=Qe.NeonScrollUtils;exports.NeonToastService=We.NeonToastService;exports.NeonTooltipPlacementUtils=Xe.NeonTooltipPlacementUtils;exports.RegisterIcons=Ye.RegisterIcons;
 //# sourceMappingURL=neon.cjs.js.map

package/dist/neon.es.js

@@ -7,12 +7,12 @@ import { default as s } from "./components/user-input/button/NeonButton.vue.es.j
 import { default as u } from "./components/layout/card/NeonCard.vue.es.js";
 import { default as c } 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 g } from "./components/layout/card/header/NeonCardHeader.vue.es.js";
-import { default as U } from "./components/layout/card-list/NeonCardList.vue.es.js";
+import { default as T } 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 I } from "./components/user-input/color/NeonColor.vue.es.js";
-import { default as v } from "./components/user-input/date-picker/NeonDatePicker.vue.es.js";
-import { default as y } from "./components/feedback/dialog/NeonDialog.vue.es.js";
+import { default as y } from "./components/user-input/color/NeonColor.vue.es.js";
+import { default as h } from "./components/user-input/date-picker/NeonDatePicker.vue.es.js";
+import { default as w } from "./components/feedback/dialog/NeonDialog.vue.es.js";
 import { default as M } from "./components/layout/drawer/NeonDrawer.vue.es.js";
 import { default as F } from "./components/presentation/dropdown/NeonDropdown.vue.es.js";
 import { default as R } from "./components/navigation/dropdown-menu/NeonDropdownMenu.vue.es.js";
@@ -34,11 +34,11 @@ import { default as so } from "./components/presentation/label/NeonLabel.vue.es.
 import { default as io } from "./components/feedback/linear-progress/NeonLinearProgress.vue.es.js";
 import { default as So } from "./components/navigation/link/NeonLink.vue.es.js";
 import { default as Po } from "./components/user-input/list/NeonList.vue.es.js";
-import { default as To } from "./components/navigation/menu/NeonMenu.vue.es.js";
-import { default as bo } from "./components/layout/modal/NeonModal.vue.es.js";
+import { default as go } from "./components/navigation/menu/NeonMenu.vue.es.js";
+import { default as Uo } from "./components/layout/modal/NeonModal.vue.es.js";
 import { default as Lo } from "./components/feedback/note/NeonNote.vue.es.js";
-import { default as ho } from "./components/feedback/notification-counter/NeonNotificationCounter.vue.es.js";
-import { default as wo } from "./components/user-input/number/NeonNumber.vue.es.js";
+import { default as Io } from "./components/feedback/notification-counter/NeonNotificationCounter.vue.es.js";
+import { default as vo } from "./components/user-input/number/NeonNumber.vue.es.js";
 import { default as Ao } from "./components/layout/page/NeonPage.vue.es.js";
 import { default as zo } from "./components/user-input/password/NeonPassword.vue.es.js";
 import { default as Bo } from "./components/user-input/range-slider/NeonRangeSlider.vue.es.js";
@@ -61,11 +61,11 @@ import { default as de } from "./components/feedback/tooltip/NeonTooltip.vue.es.
 import { default as ie } from "./components/layout/top-nav/NeonTopNav.vue.es.js";
 import { default as Se } from "./components/navigation/tree-menu/NeonTreeMenu.vue.es.js";
 import { NeonAlertLevel as Pe } from "./common/enums/NeonAlertLevel.es.js";
-import { NeonAlertPlacement as Te } from "./common/enums/NeonAlertPlacement.es.js";
-import { NeonButtonSize as be } from "./common/enums/NeonButtonSize.es.js";
+import { NeonAlertPlacement as ge } from "./common/enums/NeonAlertPlacement.es.js";
+import { NeonButtonSize as Ue } from "./common/enums/NeonButtonSize.es.js";
 import { NeonButtonStyle as Le } from "./common/enums/NeonButtonStyle.es.js";
-import { NeonChipAction as he } from "./common/enums/NeonChipAction.es.js";
-import { NeonDropdownPlacement as we } from "./common/enums/NeonDropdownPlacement.es.js";
+import { NeonChipAction as Ie } from "./common/enums/NeonChipAction.es.js";
+import { NeonDropdownPlacement as ve } from "./common/enums/NeonDropdownPlacement.es.js";
 import { NeonDropdownStyle as Ae } from "./common/enums/NeonDropdownStyle.es.js";
 import { NeonFunctionalColor as ze } from "./common/enums/NeonFunctionalColor.es.js";
 import { NeonHorizontalPosition as Be } from "./common/enums/NeonHorizontalPosition.es.js";
@@ -82,62 +82,63 @@ import { NeonSize as er } from "./common/enums/NeonSize.es.js";
 import { NeonSplashLoaderSize as tr } from "./common/enums/NeonSplashLoaderSize.es.js";
 import { NeonState as fr } from "./common/enums/NeonState.es.js";
 import { NeonSwitchStyle as pr } from "./common/enums/NeonSwitchStyle.es.js";
-import { NeonToggleStyle as mr } from "./common/enums/NeonToggleStyle.es.js";
-import { NeonTooltipStyle as xr } from "./common/enums/NeonTooltipStyle.es.js";
-import { NeonVerticalPosition as dr } from "./common/enums/NeonVerticalPosition.es.js";
-import { NeonAlertService as ir } from "./common/utils/NeonAlertService.es.js";
-import { NeonClipboardService as Sr, NeonClipboardSupport as Cr } from "./common/utils/NeonClipboardService.es.js";
-import { NeonClosableUtils as gr } from "./common/utils/NeonClosableUtils.es.js";
-import { NeonDateUtils as Ur } from "./common/utils/NeonDateUtils.es.js";
-import { NeonDebounceUtils as Dr } from "./common/utils/NeonDebounceUtils.es.js";
-import { NeonDropdownPlacementUtils as Ir } from "./common/utils/NeonDropdownPlacementUtils.es.js";
-import { NeonEventBus as vr } from "./common/utils/NeonEventBus.es.js";
-import { NeonIconRegistry as yr } from "./common/utils/NeonIconRegistry.es.js";
-import { NeonJazziconUtils as Mr } from "./common/utils/NeonJazziconUtils.es.js";
-import { NeonModeUtils as Fr } from "./common/utils/NeonModeUtils.es.js";
-import { NeonNumberUtils as Rr } from "./common/utils/NeonNumberUtils.es.js";
-import { NeonPlacementUtils as Er } from "./common/utils/NeonPlacementUtils.es.js";
-import { NeonRandomUtils as Hr } from "./common/utils/NeonRandomUtils.es.js";
-import { NeonResponsiveUtils as Jr } from "./common/utils/NeonResponsiveUtils.es.js";
-import { NeonScrollUtils as Zr } from "./common/utils/NeonScrollUtils.es.js";
-import { NeonToastService as qr } from "./common/utils/NeonToastService.es.js";
-import { NeonTooltipPlacementUtils as Qr } from "./common/utils/NeonTooltipPlacementUtils.es.js";
-import { RegisterIcons as Xr } from "./common/utils/RegisterIcons.es.js";
+import { NeonTabsStyle as mr } from "./common/enums/NeonTabsStyle.es.js";
+import { NeonToggleStyle as xr } from "./common/enums/NeonToggleStyle.es.js";
+import { NeonTooltipStyle as dr } from "./common/enums/NeonTooltipStyle.es.js";
+import { NeonVerticalPosition as ir } from "./common/enums/NeonVerticalPosition.es.js";
+import { NeonAlertService as Sr } from "./common/utils/NeonAlertService.es.js";
+import { NeonClipboardService as Pr, NeonClipboardSupport as Tr } from "./common/utils/NeonClipboardService.es.js";
+import { NeonClosableUtils as br } from "./common/utils/NeonClosableUtils.es.js";
+import { NeonDateUtils as Dr } from "./common/utils/NeonDateUtils.es.js";
+import { NeonDebounceUtils as yr } from "./common/utils/NeonDebounceUtils.es.js";
+import { NeonDropdownPlacementUtils as hr } from "./common/utils/NeonDropdownPlacementUtils.es.js";
+import { NeonEventBus as wr } from "./common/utils/NeonEventBus.es.js";
+import { NeonIconRegistry as Mr } from "./common/utils/NeonIconRegistry.es.js";
+import { NeonJazziconUtils as Fr } from "./common/utils/NeonJazziconUtils.es.js";
+import { NeonModeUtils as Rr } from "./common/utils/NeonModeUtils.es.js";
+import { NeonNumberUtils as Er } from "./common/utils/NeonNumberUtils.es.js";
+import { NeonPlacementUtils as Hr } from "./common/utils/NeonPlacementUtils.es.js";
+import { NeonRandomUtils as Jr } from "./common/utils/NeonRandomUtils.es.js";
+import { NeonResponsiveUtils as Zr } from "./common/utils/NeonResponsiveUtils.es.js";
+import { NeonScrollUtils as qr } from "./common/utils/NeonScrollUtils.es.js";
+import { NeonToastService as Qr } from "./common/utils/NeonToastService.es.js";
+import { NeonTooltipPlacementUtils as Xr } from "./common/utils/NeonTooltipPlacementUtils.es.js";
+import { RegisterIcons as _r } from "./common/utils/RegisterIcons.es.js";
 export {
   r as NeonActionMenu,
   a as NeonAlert,
   n as NeonAlertContainer,
   Pe as NeonAlertLevel,
-  Te as NeonAlertPlacement,
-  ir as NeonAlertService,
+  ge as NeonAlertPlacement,
+  Sr as NeonAlertService,
   l as NeonAnchor,
   N as NeonBadge,
   s as NeonButton,
-  be as NeonButtonSize,
+  Ue as NeonButtonSize,
   Le as NeonButtonStyle,
   u as NeonCard,
   c as NeonCardBody,
   C as NeonCardFooter,
-  g as NeonCardHeader,
-  U as NeonCardList,
+  T as NeonCardHeader,
+  b as NeonCardList,
   D as NeonChip,
-  he as NeonChipAction,
-  Sr as NeonClipboardService,
-  Cr as NeonClipboardSupport,
-  gr as NeonClosableUtils,
-  I as NeonColor,
-  v as NeonDatePicker,
-  Ur as NeonDateUtils,
-  Dr as NeonDebounceUtils,
-  y as NeonDialog,
+  Ie as NeonChipAction,
+  Pr as NeonClipboardService,
+  Tr as NeonClipboardSupport,
+  br as NeonClosableUtils,
+  y as NeonColor,
+  h as NeonDatePicker,
+  Dr as NeonDateUtils,
+  yr as NeonDebounceUtils,
+  w as NeonDialog,
   M as NeonDrawer,
   E as NeonDropZone,
   F as NeonDropdown,
   R as NeonDropdownMenu,
-  we as NeonDropdownPlacement,
-  Ir as NeonDropdownPlacementUtils,
+  ve as NeonDropdownPlacement,
+  hr as NeonDropdownPlacementUtils,
   Ae as NeonDropdownStyle,
-  vr as NeonEventBus,
+  wr as NeonEventBus,
   H as NeonExpansionIndicator,
   J as NeonExpansionPanel,
   q as NeonField,
@@ -150,38 +151,38 @@ export {
   ro as NeonGridArea,
   Be as NeonHorizontalPosition,
   ao as NeonIcon,
-  yr as NeonIconRegistry,
+  Mr as NeonIconRegistry,
   no as NeonInline,
   lo as NeonInput,
   No as NeonInputIndicator,
   ke as NeonInputMode,
   Ge as NeonInputType,
-  Mr as NeonJazziconUtils,
+  Fr as NeonJazziconUtils,
   so as NeonLabel,
   Oe as NeonLabelSize,
   io as NeonLinearProgress,
   So as NeonLink,
   Po as NeonList,
-  To as NeonMenu,
-  bo as NeonModal,
+  go as NeonMenu,
+  Uo as NeonModal,
   Ve as NeonMode,
-  Fr as NeonModeUtils,
+  Rr as NeonModeUtils,
   Lo as NeonNote,
-  ho as NeonNotificationCounter,
-  wo as NeonNumber,
-  Rr as NeonNumberUtils,
+  Io as NeonNotificationCounter,
+  vo as NeonNumber,
+  Er as NeonNumberUtils,
   je as NeonOrientation,
   Ke as NeonOutlineStyle,
   Ao as NeonPage,
   zo as NeonPassword,
   We as NeonPlacement,
-  Er as NeonPlacementUtils,
+  Hr as NeonPlacementUtils,
   Ye as NeonPosition,
-  Hr as NeonRandomUtils,
+  Jr as NeonRandomUtils,
   Bo as NeonRangeSlider,
   $e as NeonResponsive,
-  Jr as NeonResponsiveUtils,
-  Zr as NeonScrollUtils,
+  Zr as NeonResponsiveUtils,
+  qr as NeonScrollUtils,
   Go as NeonSearch,
   Oo as NeonSelect,
   Vo as NeonSelectableCard,
@@ -198,17 +199,18 @@ export {
   pr as NeonSwitchStyle,
   te as NeonTab,
   fe as NeonTabs,
+  mr as NeonTabsStyle,
   pe as NeonToastContainer,
-  qr as NeonToastService,
+  Qr as NeonToastService,
   me as NeonToggle,
   xe as NeonToggleChip,
-  mr as NeonToggleStyle,
+  xr as NeonToggleStyle,
   de as NeonTooltip,
-  Qr as NeonTooltipPlacementUtils,
-  xr as NeonTooltipStyle,
+  Xr as NeonTooltipPlacementUtils,
+  dr as NeonTooltipStyle,
   ie as NeonTopNav,
   Se as NeonTreeMenu,
-  dr as NeonVerticalPosition,
-  Xr as RegisterIcons
+  ir as NeonVerticalPosition,
+  _r 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/NeonTabsStyle.d.ts

@@ -0,0 +1,4 @@
+export declare enum NeonTabsStyle {
+    Web = "web",
+    App = "app"
+}

package/dist/src/components/presentation/tabs/NeonTabs.d.ts

@@ -1,5 +1,6 @@
 import type { NeonTabModel } from '@/common/models/NeonTabModel';
 import { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';
+import { NeonTabsStyle } from '@/common/enums/NeonTabsStyle';
 import { NeonSize } from '@/common/enums/NeonSize';
 /**
  * A component for displaying tabbed content.
@@ -19,6 +20,13 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    /**
+     * The tab button style.
+     */
+    tabsStyle: {
+        type: () => NeonTabsStyle;
+        default: NeonTabsStyle;
+    };
     /**
      * The tab highlight color (excludes low-contrast).
      */
@@ -27,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
         default: NeonFunctionalColor;
     };
     /**
-     * The tab size.
+     * The tab size (NOTE: web style only)
      */
     size: {
         type: () => NeonSize;
@@ -42,6 +50,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     onClick: (key: string, changeFocus?: boolean) => void;
+    NeonTabsStyle: typeof NeonTabsStyle;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The list of tabs to display.
@@ -57,6 +66,13 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    /**
+     * The tab button style.
+     */
+    tabsStyle: {
+        type: () => NeonTabsStyle;
+        default: NeonTabsStyle;
+    };
     /**
      * The tab highlight color (excludes low-contrast).
      */
@@ -65,7 +81,7 @@ declare const _default: import("vue").DefineComponent<{
         default: NeonFunctionalColor;
     };
     /**
-     * The tab size.
+     * The tab size (NOTE: web style only)
      */
     size: {
         type: () => NeonSize;
@@ -83,6 +99,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     color: NeonFunctionalColor;
     size: NeonSize;
+    tabsStyle: NeonTabsStyle;
     underline: boolean;
 }, {}>;
 export default _default;

package/dist/src/neon.d.ts

@@ -82,6 +82,7 @@ export { NeonSize } from './common/enums/NeonSize';
 export { NeonSplashLoaderSize } from './common/enums/NeonSplashLoaderSize';
 export { NeonState } from './common/enums/NeonState';
 export { NeonSwitchStyle } from './common/enums/NeonSwitchStyle';
+export { NeonTabsStyle } from './common/enums/NeonTabsStyle';
 export { NeonToggleStyle } from './common/enums/NeonToggleStyle';
 export { NeonTooltipStyle } from './common/enums/NeonTooltipStyle';
 export { NeonVerticalPosition } from './common/enums/NeonVerticalPosition';

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": "16.0.7",
+  "version": "16.1.0",
   "main": "./dist/neon.cjs.js",
   "module": "./dist/neon.es.js",
   "types": "./dist/src/neon.d.ts",

package/src/sass/components/_tabs.scss

@@ -12,8 +12,6 @@
 
         .neon-tabs__menu-item {
           &--selected {
-            @include svg.color-with-svg($tab-selected-color);
-
             .neon-tabs__menu-item-container:before {
               background-color: $tab-selected-color;
             }
@@ -21,8 +19,6 @@
 
           &:hover,
           &:active {
-            @include svg.color-with-svg($tab-hover-color);
-
             .neon-tabs__menu-item-container:before {
               background-color: $tab-hover-color;
             }
@@ -41,25 +37,18 @@
       }
     }
 
-    &__menu-items {
+    .neon-tabs__menu-items {
       display: flex;
       flex-direction: row;
       align-items: center;
       font-weight: var(--neon-font-weight-semi-bold);
-
-      &--underlined {
-        border-bottom: var(--neon-border-width-tabs) var(--neon-border-style) var(--neon-border-color-tabs-underline);
-
-        .neon-tabs__menu-item-container:before {
-          bottom: calc(-1 * var(--neon-border-width-tabs));
-        }
-      }
     }
 
-    &__menu-item {
+    .neon-tabs__menu-item {
       position: relative;
       display: flex;
       flex-direction: row;
+      flex-wrap: nowrap;
       align-items: center;
       height: 100%;
       user-select: none;
@@ -67,10 +56,6 @@
       transition: color ease-in-out var(--neon-animation-speed-fast);
       @include svg.color-with-svg(var(--neon-color-low-contrast));
 
-      & + .neon-tabs__menu-item {
-        margin-left: var(--neon-space-24);
-      }
-
       &:focus {
         outline: none;
       }
@@ -81,7 +66,15 @@
         outline: none;
         height: 100%;
         align-items: center;
-        flex-direction: row;
+        color: var(--neon-color-text-strong);
+
+        .neon-svg--stroke {
+          stroke: var(--neon-color-text-strong);
+        }
+
+        .neon-svg--fill {
+          fill: var(--neon-color-text-strong);
+        }
 
         &:before {
           content: '';
@@ -91,55 +84,108 @@
           position: absolute;
           height: var(--neon-border-width-tabs);
           bottom: 0;
-          border-radius: var(--neon-border-radius);
+          border-radius: var(--neon-border-radius-tabs);
           transition: all ease-in-out var(--neon-animation-speed-fast);
         }
       }
+    }
 
-      .neon-tabs__menu-item-container:focus {
-        &:before {
-          margin-left: var(--neon-space-4);
-          margin-right: var(--neon-space-4);
-          width: calc(100% - var(--neon-space-8));
+    &--web {
+      &.neon-tabs--s {
+        .neon-tabs__menu-items {
+          height: var(--neon-size-s);
+          font-size: var(--neon-font-size-m);
+
+          svg {
+            width: var(--neon-font-size-m);
+            height: var(--neon-font-size-m);
+            margin-right: var(--neon-base-space);
+          }
         }
       }
-    }
 
-    &--s {
-      .neon-tabs__menu-items {
-        height: var(--neon-size-s);
-        font-size: var(--neon-font-size-m);
+      &.neon-tabs--m {
+        .neon-tabs__menu-items {
+          height: var(--neon-size-m);
+          font-size: var(--neon-font-size-l);
 
-        svg {
-          width: var(--neon-font-size-m);
-          height: var(--neon-font-size-m);
-          margin-right: var(--neon-space-4);
+          svg {
+            width: var(--neon-font-size-l);
+            height: var(--neon-font-size-l);
+            margin-right: calc(2 * var(--neon-base-space));
+          }
         }
       }
-    }
 
-    &--m {
-      .neon-tabs__menu-items {
-        height: var(--neon-size-m);
-        font-size: var(--neon-font-size-l);
+      &.neon-tabs--l {
+        .neon-tabs__menu-items {
+          height: var(--neon-size-l);
+          font-size: var(--neon-font-size-l);
 
-        svg {
-          width: var(--neon-font-size-l);
-          height: var(--neon-font-size-l);
-          margin-right: var(--neon-space-8);
+          svg {
+            width: var(--neon-font-size-l);
+            height: var(--neon-font-size-l);
+            margin-right: calc(2 * var(--neon-base-space));
+          }
+        }
+      }
+
+      .neon-tabs__menu-items--underlined {
+        border-bottom: var(--neon-border-width-tabs) var(--neon-border-style) var(--neon-border-color-tabs-underline);
+
+        .neon-tabs__menu-item-container:before {
+          bottom: calc(-1 * var(--neon-border-width-tabs));
+        }
+      }
+
+      .neon-tabs__menu-item {
+        & + .neon-tabs__menu-item {
+          margin-left: calc(6 * var(--neon-base-space));
+        }
+
+        &-container {
+          flex-direction: row;
+        }
+
+        .neon-tabs__menu-item-container:focus {
+          &:before {
+            margin-left: var(--neon-base-space);
+            margin-right: var(--neon-base-space);
+            width: calc(100% - 2 * var(--neon-base-space));
+          }
         }
       }
     }
 
-    &--l {
-      .neon-tabs__menu-items {
-        height: var(--neon-size-l);
-        font-size: var(--neon-font-size-l);
+    &--app {
+      border-top: var(--neon-border);
 
-        svg {
-          width: var(--neon-font-size-l);
-          height: var(--neon-font-size-l);
-          margin-right: var(--neon-space-8);
+      .neon-tabs__menu-items--underlined {
+        border-top: var(--neon-border-width-tabs) var(--neon-border-style) var(--neon-border-color-tabs-underline);
+
+        .neon-tabs__menu-item-container:before {
+          top: calc(-1 * (var(--neon-border-width-tabs) + var(--neon-border-width)));
+        }
+      }
+
+      .neon-tabs__menu-item {
+        width: 100%;
+
+        &-container {
+          flex-direction: column;
+          justify-content: center;
+          gap: var(--neon-base-space);
+          width: 100%;
+          padding-top: calc(3 * var(--neon-base-space));
+          padding-bottom: calc(2 * var(--neon-base-space));
+          font-weight: var(--neon-font-weight-semi-bold);
+          font-size: var(--neon-font-size-xs);
+          line-height: 1.26;
+
+          .neon-icon {
+            width: auto;
+            height: 24rem;
+          }
         }
       }
     }
@@ -158,10 +204,10 @@
     &:before {
       content: '';
       position: absolute;
-      top: var(--neon-space-4);
+      top: var(--neon-base-space);
       right: 0;
-      width: var(--neon-space-8);
-      height: var(--neon-space-8);
+      width: calc(2 * var(--neon-base-space));
+      height: calc(2 * var(--neon-base-space));
       border-radius: var(--neon-border-radius);
       display: flex;
       transition: all var(--neon-animation-speed-fast) ease-in-out;

package/src/sass/variables.scss

@@ -203,7 +203,8 @@
   --neon-border-width-outline-button: 1rem;
 
   /* tabs */
-  --neon-border-width-tabs: 2rem;
+  --neon-border-width-tabs: 4rem;
+  --neon-border-radius-tabs: 0;
 
   /* chips */
   --neon-border-radius-chip: var(--neon-border-radius);