@aotearoan/neon 28.4.1 → 28.6.0

package/dist/components/layout/list-layout/NeonListLayout.vue.es.js

@@ -1,59 +1,63 @@
-import g from "./NeonListLayout.es.js";
-import { resolveComponent as s, openBlock as a, createElementBlock as p, createBlock as i, createSlots as u, withCtx as n, renderSlot as o, createCommentVNode as r, normalizeProps as c, guardReactiveProps as h } from "vue";
-import k from "../../../_virtual/_plugin-vue_export-helper.es.js";
-const f = { class: "neon-list-layout" };
-function $(e, l, S, y, w, B) {
-  const d = s("neon-header"), m = s("neon-card-list");
-  return a(), p("div", f, [
-    !e.initializing && e.items.length > 0 ? (a(), i(d, {
+import p from "./NeonListLayout.es.js";
+import { resolveComponent as l, openBlock as a, createElementBlock as i, createBlock as c, createVNode as r, createSlots as u, withCtx as n, renderSlot as o, normalizeProps as h, guardReactiveProps as k, createCommentVNode as f } from "vue";
+import y from "../../../_virtual/_plugin-vue_export-helper.es.js";
+const $ = { class: "neon-list-layout" }, S = { key: 1 };
+function v(e, s, w, z, B, C) {
+  const d = l("neon-splash-loader"), m = l("neon-header"), b = l("neon-card-list");
+  return a(), i("div", $, [
+    e.initializing ? (a(), c(d, {
       key: 0,
-      "back-button": e.backButton,
-      "back-label": e.backLabel,
-      breadcrumbs: e.breadcrumbs,
-      subtitle: e.subtitle,
-      title: e.title
-    }, u({
-      labels: n(() => [
-        o(e.$slots, "labels")
-      ]),
-      _: 2
-    }, [
-      e.items.length > 0 ? {
-        name: "actions",
-        fn: n(() => [
-          o(e.$slots, "actions")
+      color: "brand"
+    })) : !e.initializing && e.items.length > 0 ? (a(), i("div", S, [
+      r(m, {
+        "back-button": e.backButton,
+        "back-label": e.backLabel,
+        breadcrumbs: e.breadcrumbs,
+        subtitle: e.subtitle,
+        title: e.title
+      }, u({
+        labels: n(() => [
+          o(e.$slots, "labels")
         ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["back-button", "back-label", "breadcrumbs", "subtitle", "title"])) : r("", !0),
-    o(e.$slots, "note"),
-    e.items.length > 0 ? (a(), i(m, {
-      key: 1,
-      color: e.color,
-      items: e.items,
-      "load-on-demand": e.loadOnDemand,
-      loading: e.loading,
-      pagination: e.pagination,
-      selectable: e.selectable,
-      onPageChange: l[0] || (l[0] = (t) => e.emit("page-change", t)),
-      onShowMore: e.showMore,
-      onToggleSelected: e.toggleSelected
-    }, {
-      filters: n(() => [
-        o(e.$slots, "filters")
-      ]),
-      header: n(() => [
-        o(e.$slots, "header")
-      ]),
-      card: n(({ model: t, index: b }) => [
-        o(e.$slots, "card", c(h({ model: t, index: b })))
-      ]),
-      _: 3
-    }, 8, ["color", "items", "load-on-demand", "loading", "pagination", "selectable", "onShowMore", "onToggleSelected"])) : !e.initializing && !e.loading && e.slots.emptyState ? o(e.$slots, "emptyState", { key: 2 }) : r("", !0)
+        _: 2
+      }, [
+        e.items.length > 0 ? {
+          name: "actions",
+          fn: n(() => [
+            o(e.$slots, "actions")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["back-button", "back-label", "breadcrumbs", "subtitle", "title"]),
+      o(e.$slots, "note"),
+      r(b, {
+        color: e.color,
+        items: e.items,
+        "list-style": e.listStyle,
+        "load-on-demand": e.loadOnDemand,
+        loading: e.loading,
+        pagination: e.pagination,
+        selectable: e.selectable,
+        onPageChange: s[0] || (s[0] = (t) => e.emit("page-change", t)),
+        onShowMore: e.showMore,
+        onToggleSelected: e.toggleSelected
+      }, {
+        filters: n(() => [
+          o(e.$slots, "filters")
+        ]),
+        header: n(() => [
+          o(e.$slots, "header")
+        ]),
+        card: n(({ model: t, index: g }) => [
+          o(e.$slots, "card", h(k({ model: t, index: g })))
+        ]),
+        _: 3
+      }, 8, ["color", "items", "list-style", "load-on-demand", "loading", "pagination", "selectable", "onShowMore", "onToggleSelected"])
+    ])) : !e.initializing && !e.loading && e.slots.emptyState && e.items.length === 0 ? o(e.$slots, "emptyState", { key: 2 }) : f("", !0)
   ]);
 }
-const L = /* @__PURE__ */ k(g, [["render", $]]);
+const P = /* @__PURE__ */ y(p, [["render", v]]);
 export {
-  L as default
+  P as default
 };
 //# sourceMappingURL=NeonListLayout.vue.es.js.map

package/dist/components/layout/list-layout/NeonListLayout.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonListLayout.vue.es.js","sources":["../../../../src/components/layout/list-layout/NeonListLayout.vue"],"sourcesContent":["<template>\n  <div class=\"neon-list-layout\">\n    <neon-header\n      v-if=\"!initializing && items.length > 0\"\n      :back-button=\"backButton\"\n      :back-label=\"backLabel\"\n      :breadcrumbs=\"breadcrumbs\"\n      :subtitle=\"subtitle\"\n      :title=\"title\"\n    >\n      <template #labels>\n        <!-- @slot a slot for adding labels/info popovers next to the title -->\n        <slot name=\"labels\"></slot>\n      </template>\n      <template v-if=\"items.length > 0\" #actions>\n        <!-- @slot a slot for adding contextual action buttons to the header. The wrapper is provided, just add the\n        buttons here in order to apply the correct spacings -->\n        <slot name=\"actions\"></slot>\n      </template>\n    </neon-header>\n    <!-- @slot the insert a note into the page -->\n    <slot name=\"note\"></slot>\n    <neon-card-list\n      v-if=\"items.length > 0\"\n      :color=\"color\"\n      :items=\"items\"\n      :load-on-demand=\"loadOnDemand\"\n      :loading=\"loading\"\n      :pagination=\"pagination\"\n      :selectable=\"selectable\"\n      @page-change=\"(page: number) => emit('page-change', page)\"\n      @show-more=\"showMore\"\n      @toggle-selected=\"toggleSelected\"\n    >\n      <template #filters>\n        <!-- @slot the insert a filter bar above the list -->\n        <slot name=\"filters\"></slot>\n      </template>\n      <template #header>\n        <!-- @slot the list header -->\n        <slot name=\"header\"></slot>\n      </template>\n      <template #card=\"{ model, index }\">\n        <!-- @slot slot for rendering card contents, two parameters are available:\n  @binding {T} model - the model item to be rendered\n  @binding {number} index - the index of the item in the list -->\n        <slot name=\"card\" v-bind=\"{ model, index }\"></slot>\n      </template>\n    </neon-card-list>\n    <template v-else-if=\"!initializing && !loading && slots.emptyState\">\n      <!-- @slot page empty state rendered when there are no list items -->\n      <slot name=\"emptyState\"></slot>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonListLayout.ts\" />\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_ctx","_createBlock","_component_neon_header","_renderSlot","_component_neon_card_list","_cache","page","_withCtx","model","index","_normalizeProps","_guardReactiveProps"],"mappings":";;;AACO,MAAAA,IAAA,EAAA,OAAM,mBAAkB;;;AAA7B,SAAAC,EAAA,GAAAC,EAoDM,OApDNF,GAoDM;AAAA,KAlDKG,EAAA,gBAAgBA,EAAA,MAAM,SAAM,UADrCC,EAiBcC,GAAA;AAAA;MAfX,eAAaF,EAAA;AAAA,MACb,cAAYA,EAAA;AAAA,MACZ,aAAaA,EAAA;AAAA,MACb,UAAUA,EAAA;AAAA,MACV,OAAOA,EAAA;AAAA;MAEG,UAET,MAA2B;AAAA,QAA3BG,EAA2BH,EAAA,QAAA,QAAA;AAAA;;;MAEbA,EAAA,MAAM,SAAM;cAAO;AAAA,cAGjC,MAA4B;AAAA,UAA5BG,EAA4BH,EAAA,QAAA,SAAA;AAAA;;;;IAIhCG,EAAyBH,EAAA,QAAA,MAAA;AAAA,IAEjBA,EAAA,MAAM,SAAM,UADpBC,EA0BiBG,GAAA;AAAA;MAxBd,OAAOJ,EAAA;AAAA,MACP,OAAOA,EAAA;AAAA,MACP,kBAAgBA,EAAA;AAAA,MAChB,SAASA,EAAA;AAAA,MACT,YAAYA,EAAA;AAAA,MACZ,YAAYA,EAAA;AAAA,MACZ,cAAWK,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAiBN,EAAA,oBAAoBM,CAAI;AAAA,MACvD,YAAWN,EAAA;AAAA,MACX,kBAAiBA,EAAA;AAAA;MAEP,WAET,MAA4B;AAAA,QAA5BG,EAA4BH,EAAA,QAAA,SAAA;AAAA;MAEnB,UAET,MAA2B;AAAA,QAA3BG,EAA2BH,EAAA,QAAA,QAAA;AAAA;MAElB,MAAIO,EAIb,CAAmD,EAJlC,OAAAC,GAAO,OAAAC,EAAK,MAAA;AAAA,QAI7BN,EAAmDH,EAAA,QAAA,QAAAU,EAAAC,EAAA,EAAvB,OAAAH,GAAO,OAAAC,EAAK,CAAA,CAAA,CAAA;AAAA;;4HAGtB,CAAAT,EAAA,gBAAY,CAAKA,EAAA,WAAWA,EAAA,MAAM,aAEtDG,EAA+BH,EAAA,QAAA,cAAA,EAAA,KAAA,EAAA,CAAA;;;;"}
+{"version":3,"file":"NeonListLayout.vue.es.js","sources":["../../../../src/components/layout/list-layout/NeonListLayout.vue"],"sourcesContent":["<template>\n  <div class=\"neon-list-layout\">\n    <neon-splash-loader v-if=\"initializing\" color=\"brand\" />\n    <div v-else-if=\"!initializing && items.length > 0\">\n      <neon-header\n        :back-button=\"backButton\"\n        :back-label=\"backLabel\"\n        :breadcrumbs=\"breadcrumbs\"\n        :subtitle=\"subtitle\"\n        :title=\"title\"\n      >\n        <template #labels>\n          <!-- @slot a slot for adding labels/info popovers next to the title -->\n          <slot name=\"labels\"></slot>\n        </template>\n        <template v-if=\"items.length > 0\" #actions>\n          <!-- @slot a slot for adding contextual action buttons to the header. The wrapper is provided, just add the\n          buttons here in order to apply the correct spacings -->\n          <slot name=\"actions\"></slot>\n        </template>\n      </neon-header>\n      <!-- @slot the insert a note into the page -->\n      <slot name=\"note\"></slot>\n      <neon-card-list\n        :color=\"color\"\n        :items=\"items\"\n        :list-style=\"listStyle\"\n        :load-on-demand=\"loadOnDemand\"\n        :loading=\"loading\"\n        :pagination=\"pagination\"\n        :selectable=\"selectable\"\n        @page-change=\"(page: number) => emit('page-change', page)\"\n        @show-more=\"showMore\"\n        @toggle-selected=\"toggleSelected\"\n      >\n        <template #filters>\n          <!-- @slot the insert a filter bar above the list -->\n          <slot name=\"filters\"></slot>\n        </template>\n        <template #header>\n          <!-- @slot the list header -->\n          <slot name=\"header\"></slot>\n        </template>\n        <template #card=\"{ model, index }\">\n          <!-- @slot slot for rendering card contents, two parameters are available:\n    @binding {T} model - the model item to be rendered\n    @binding {number} index - the index of the item in the list -->\n          <slot name=\"card\" v-bind=\"{ model, index }\"></slot>\n        </template>\n      </neon-card-list>\n    </div>\n    <template v-else-if=\"!initializing && !loading && slots.emptyState && items.length === 0\">\n      <!-- @slot page empty state rendered when there are no list items -->\n      <slot name=\"emptyState\"></slot>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonListLayout.ts\" />\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_ctx","_createBlock","_component_neon_splash_loader","_hoisted_2","_createVNode","_component_neon_header","_renderSlot","_component_neon_card_list","_cache","page","_withCtx","model","index","_normalizeProps","_guardReactiveProps"],"mappings":";;;AACO,MAAAA,IAAA,EAAA,OAAM,mBAAkB;;;AAA7B,SAAAC,EAAA,GAAAC,EAsDM,OAtDNF,GAsDM;AAAA,IArDsBG,EAAA,qBAA1BC,EAAwDC,GAAA;AAAA;MAAhB,OAAM;AAAA,WAC7BF,EAAA,gBAAgBA,EAAA,MAAM,SAAM,UAA7CD,EA+CM,OAAAI,GAAA;AAAA,MA9CJC,EAgBcC,GAAA;AAAA,QAfX,eAAaL,EAAA;AAAA,QACb,cAAYA,EAAA;AAAA,QACZ,aAAaA,EAAA;AAAA,QACb,UAAUA,EAAA;AAAA,QACV,OAAOA,EAAA;AAAA;QAEG,UAET,MAA2B;AAAA,UAA3BM,EAA2BN,EAAA,QAAA,QAAA;AAAA;;;QAEbA,EAAA,MAAM,SAAM;gBAAO;AAAA,gBAGjC,MAA4B;AAAA,YAA5BM,EAA4BN,EAAA,QAAA,SAAA;AAAA;;;;MAIhCM,EAAyBN,EAAA,QAAA,MAAA;AAAA,MACzBI,EA0BiBG,GAAA;AAAA,QAzBd,OAAOP,EAAA;AAAA,QACP,OAAOA,EAAA;AAAA,QACP,cAAYA,EAAA;AAAA,QACZ,kBAAgBA,EAAA;AAAA,QAChB,SAASA,EAAA;AAAA,QACT,YAAYA,EAAA;AAAA,QACZ,YAAYA,EAAA;AAAA,QACZ,cAAWQ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAiBT,EAAA,oBAAoBS,CAAI;AAAA,QACvD,YAAWT,EAAA;AAAA,QACX,kBAAiBA,EAAA;AAAA;QAEP,WAET,MAA4B;AAAA,UAA5BM,EAA4BN,EAAA,QAAA,SAAA;AAAA;QAEnB,UAET,MAA2B;AAAA,UAA3BM,EAA2BN,EAAA,QAAA,QAAA;AAAA;QAElB,MAAIU,EAIb,CAAmD,EAJlC,OAAAC,GAAO,OAAAC,EAAK,MAAA;AAAA,UAI7BN,EAAmDN,EAAA,QAAA,QAAAa,EAAAC,EAAA,EAAvB,OAAAH,GAAO,OAAAC,EAAK,CAAA,CAAA,CAAA;AAAA;;;WAIxBZ,EAAA,gBAAY,CAAKA,aAAWA,EAAA,MAAM,cAAcA,EAAA,MAAM,WAAM,IAEhFM,EAA+BN,EAAA,QAAA,cAAA,EAAA,KAAA,EAAA,CAAA;;;;"}

package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),s=require("../../presentation/icon/NeonIcon.vue.cjs.js"),c=require("../link/NeonLink.vue.cjs.js"),a=require("../../layout/swiper/NeonSwiper.vue.cjs.js"),i=require("../../../model/navigation/breadcrumbs/NeonBreadcrumbResponsiveStyle.cjs.js"),u=e.defineComponent({name:"NeonBreadcrumbs",components:{NeonIcon:s,NeonLink:c,NeonSwiper:a},props:{breadcrumbs:{type:Array,default:()=>[]},backButton:{type:Boolean,default:!0},backLabel:{type:String,default:"Back"},responsiveStyle:{type:String,default:i.NeonBreadcrumbResponsiveStyle.Swiper}},setup(r){const n=e.ref(null),o=async()=>history.back();return e.onMounted(async()=>{r.breadcrumbs.length>0&&(await e.nextTick(),setTimeout(()=>{if(n.value){const t=n.value.querySelector(".neon-link:last-child");t==null||t.scrollIntoView({behavior:"auto",inline:"end"})}}))}),{back:o,linksRef:n}}});module.exports=u;
+"use strict";const e=require("vue"),s=require("../../presentation/icon/NeonIcon.vue.cjs.js"),c=require("../link/NeonLink.vue.cjs.js"),a=require("../../layout/swiper/NeonSwiper.vue.cjs.js"),i=require("../../../model/navigation/breadcrumbs/NeonBreadcrumbResponsiveStyle.cjs.js"),u=e.defineComponent({name:"NeonBreadcrumbs",components:{NeonIcon:s,NeonLink:c,NeonSwiper:a},props:{breadcrumbs:{type:Array,default:()=>[]},backButton:{type:Boolean,default:!0},backLabel:{type:String,default:"Back"},responsiveStyle:{type:String,default:i.NeonBreadcrumbResponsiveStyle.Swiper}},setup(r){const n=e.ref(null),o=async()=>history.back();return e.onMounted(async()=>{r.breadcrumbs.length>0&&(await e.nextTick(),setTimeout(()=>{if(n.value){const t=n.value.querySelector(".neon-link:last-child");t==null||t.scrollIntoView({behavior:"instant",inline:"end",block:"nearest"})}}))}),{back:o,linksRef:n}}});module.exports=u;
 //# sourceMappingURL=NeonBreadcrumbs.cjs.js.map

package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonBreadcrumbs.cjs.js","sources":["../../../../src/components/navigation/breadcrumbs/NeonBreadcrumbs.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, nextTick, onMounted, ref } from 'vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonSwiper from '@/components/layout/swiper/NeonSwiper.vue';\nimport type { NeonBreadcrumbLink } from '@/model/navigation/breadcrumbs/NeonBreadcrumbLink';\nimport { NeonBreadcrumbResponsiveStyle } from '@/model/navigation/breadcrumbs/NeonBreadcrumbResponsiveStyle';\n\n/**\n * The <em>NeonBreadcrumbs</em> component displays an optional list of breadcrumbs with an optional back button. This is\n * used in the <em>NeonHeader</em> component to display the current page hierarchy.\n */\nexport default defineComponent({\n  name: 'NeonBreadcrumbs',\n  components: { NeonIcon, NeonLink, NeonSwiper },\n  props: {\n    /**\n     * The list of breadcrumbs to display.\n     */\n    breadcrumbs: { type: Array as () => NeonBreadcrumbLink[], default: () => [] },\n    /**\n     * Whether to display the back button.\n     */\n    backButton: { type: Boolean, default: true },\n    /**\n     * The label override for the back button.\n     */\n    backLabel: { type: String, default: 'Back' },\n    /**\n     * The responsive style (mobile-large breakpoint), either place in a swiper or display a larger back button & no\n     * breadcrumbs.\n     */\n    responsiveStyle: {\n      type: String as () => NeonBreadcrumbResponsiveStyle,\n      default: NeonBreadcrumbResponsiveStyle.Swiper,\n    },\n  },\n  setup(props) {\n    const linksRef = ref<HTMLDivElement | null>(null);\n    const back = async () => history.back();\n\n    onMounted(async () => {\n      if (props.breadcrumbs.length > 0) {\n        await nextTick();\n        setTimeout(() => {\n          if (linksRef.value) {\n            const neonLink = linksRef.value.querySelector<HTMLAnchorElement>('.neon-link:last-child');\n            neonLink?.scrollIntoView({\n              behavior: 'auto',\n              inline: 'end',\n            });\n          }\n        });\n      }\n    });\n\n    return {\n      back,\n      linksRef,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonLink","NeonSwiper","NeonBreadcrumbResponsiveStyle","props","linksRef","ref","back","onMounted","nextTick","neonLink"],"mappings":"qRAWAA,EAAeC,kBAAgB,CAC7B,KAAM,kBACN,WAAY,CAAE,SAAAC,EAAU,SAAAC,EAAU,WAAAC,CAAA,EAClC,MAAO,CAIL,YAAa,CAAE,KAAM,MAAqC,QAAS,IAAM,CAAA,CAAC,EAI1E,WAAY,CAAE,KAAM,QAAS,QAAS,EAAA,EAItC,UAAW,CAAE,KAAM,OAAQ,QAAS,MAAA,EAKpC,gBAAiB,CACf,KAAM,OACN,QAASC,EAAAA,8BAA8B,MAAA,CACzC,EAEF,MAAMC,EAAO,CACX,MAAMC,EAAWC,EAAAA,IAA2B,IAAI,EAC1CC,EAAO,SAAY,QAAQ,KAAA,EAEjCC,OAAAA,EAAAA,UAAU,SAAY,CAChBJ,EAAM,YAAY,OAAS,IAC7B,MAAMK,WAAA,EACN,WAAW,IAAM,CACf,GAAIJ,EAAS,MAAO,CAClB,MAAMK,EAAWL,EAAS,MAAM,cAAiC,uBAAuB,EACxFK,GAAA,MAAAA,EAAU,eAAe,CACvB,SAAU,OACV,OAAQ,KAAA,EAEZ,CACF,CAAC,EAEL,CAAC,EAEM,CACL,KAAAH,EACA,SAAAF,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonBreadcrumbs.cjs.js","sources":["../../../../src/components/navigation/breadcrumbs/NeonBreadcrumbs.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, nextTick, onMounted, ref } from 'vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonSwiper from '@/components/layout/swiper/NeonSwiper.vue';\nimport type { NeonBreadcrumbLink } from '@/model/navigation/breadcrumbs/NeonBreadcrumbLink';\nimport { NeonBreadcrumbResponsiveStyle } from '@/model/navigation/breadcrumbs/NeonBreadcrumbResponsiveStyle';\n\n/**\n * The <em>NeonBreadcrumbs</em> component displays an optional list of breadcrumbs with an optional back button. This is\n * used in the <em>NeonHeader</em> component to display the current page hierarchy.\n */\nexport default defineComponent({\n  name: 'NeonBreadcrumbs',\n  components: { NeonIcon, NeonLink, NeonSwiper },\n  props: {\n    /**\n     * The list of breadcrumbs to display.\n     */\n    breadcrumbs: { type: Array as () => NeonBreadcrumbLink[], default: () => [] },\n    /**\n     * Whether to display the back button.\n     */\n    backButton: { type: Boolean, default: true },\n    /**\n     * The label override for the back button.\n     */\n    backLabel: { type: String, default: 'Back' },\n    /**\n     * The responsive style (mobile-large breakpoint), either place in a swiper or display a larger back button & no\n     * breadcrumbs.\n     */\n    responsiveStyle: {\n      type: String as () => NeonBreadcrumbResponsiveStyle,\n      default: NeonBreadcrumbResponsiveStyle.Swiper,\n    },\n  },\n  setup(props) {\n    const linksRef = ref<HTMLDivElement | null>(null);\n    const back = async () => history.back();\n\n    onMounted(async () => {\n      if (props.breadcrumbs.length > 0) {\n        await nextTick();\n        setTimeout(() => {\n          if (linksRef.value) {\n            const neonLink = linksRef.value.querySelector<HTMLAnchorElement>('.neon-link:last-child');\n            neonLink?.scrollIntoView({\n              behavior: 'instant' as ScrollBehavior,\n              inline: 'end',\n              block: 'nearest',\n            });\n          }\n        });\n      }\n    });\n\n    return {\n      back,\n      linksRef,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonLink","NeonSwiper","NeonBreadcrumbResponsiveStyle","props","linksRef","ref","back","onMounted","nextTick","neonLink"],"mappings":"qRAWAA,EAAeC,kBAAgB,CAC7B,KAAM,kBACN,WAAY,CAAE,SAAAC,EAAU,SAAAC,EAAU,WAAAC,CAAA,EAClC,MAAO,CAIL,YAAa,CAAE,KAAM,MAAqC,QAAS,IAAM,CAAA,CAAC,EAI1E,WAAY,CAAE,KAAM,QAAS,QAAS,EAAA,EAItC,UAAW,CAAE,KAAM,OAAQ,QAAS,MAAA,EAKpC,gBAAiB,CACf,KAAM,OACN,QAASC,EAAAA,8BAA8B,MAAA,CACzC,EAEF,MAAMC,EAAO,CACX,MAAMC,EAAWC,EAAAA,IAA2B,IAAI,EAC1CC,EAAO,SAAY,QAAQ,KAAA,EAEjCC,OAAAA,EAAAA,UAAU,SAAY,CAChBJ,EAAM,YAAY,OAAS,IAC7B,MAAMK,WAAA,EACN,WAAW,IAAM,CACf,GAAIJ,EAAS,MAAO,CAClB,MAAMK,EAAWL,EAAS,MAAM,cAAiC,uBAAuB,EACxFK,GAAA,MAAAA,EAAU,eAAe,CACvB,SAAU,UACV,OAAQ,MACR,MAAO,SAAA,EAEX,CACF,CAAC,EAEL,CAAC,EAEM,CACL,KAAAH,EACA,SAAAF,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.es.js

@@ -1,11 +1,11 @@
 import { defineComponent as r, ref as a, onMounted as i, nextTick as s } from "vue";
 import c from "../../presentation/icon/NeonIcon.vue.es.js";
 import l from "../link/NeonLink.vue.es.js";
-import u from "../../layout/swiper/NeonSwiper.vue.es.js";
-import { NeonBreadcrumbResponsiveStyle as m } from "../../../model/navigation/breadcrumbs/NeonBreadcrumbResponsiveStyle.es.js";
+import m from "../../layout/swiper/NeonSwiper.vue.es.js";
+import { NeonBreadcrumbResponsiveStyle as p } from "../../../model/navigation/breadcrumbs/NeonBreadcrumbResponsiveStyle.es.js";
 const k = r({
   name: "NeonBreadcrumbs",
-  components: { NeonIcon: c, NeonLink: l, NeonSwiper: u },
+  components: { NeonIcon: c, NeonLink: l, NeonSwiper: m },
   props: {
     /**
      * The list of breadcrumbs to display.
@@ -25,23 +25,24 @@ const k = r({
      */
     responsiveStyle: {
       type: String,
-      default: m.Swiper
+      default: p.Swiper
     }
   },
-  setup(o) {
-    const e = a(null), n = async () => history.back();
+  setup(n) {
+    const e = a(null), o = async () => history.back();
     return i(async () => {
-      o.breadcrumbs.length > 0 && (await s(), setTimeout(() => {
+      n.breadcrumbs.length > 0 && (await s(), setTimeout(() => {
         if (e.value) {
           const t = e.value.querySelector(".neon-link:last-child");
           t == null || t.scrollIntoView({
-            behavior: "auto",
-            inline: "end"
+            behavior: "instant",
+            inline: "end",
+            block: "nearest"
           });
         }
       }));
     }), {
-      back: n,
+      back: o,
       linksRef: e
     };
   }

package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonBreadcrumbs.es.js","sources":["../../../../src/components/navigation/breadcrumbs/NeonBreadcrumbs.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, nextTick, onMounted, ref } from 'vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonSwiper from '@/components/layout/swiper/NeonSwiper.vue';\nimport type { NeonBreadcrumbLink } from '@/model/navigation/breadcrumbs/NeonBreadcrumbLink';\nimport { NeonBreadcrumbResponsiveStyle } from '@/model/navigation/breadcrumbs/NeonBreadcrumbResponsiveStyle';\n\n/**\n * The <em>NeonBreadcrumbs</em> component displays an optional list of breadcrumbs with an optional back button. This is\n * used in the <em>NeonHeader</em> component to display the current page hierarchy.\n */\nexport default defineComponent({\n  name: 'NeonBreadcrumbs',\n  components: { NeonIcon, NeonLink, NeonSwiper },\n  props: {\n    /**\n     * The list of breadcrumbs to display.\n     */\n    breadcrumbs: { type: Array as () => NeonBreadcrumbLink[], default: () => [] },\n    /**\n     * Whether to display the back button.\n     */\n    backButton: { type: Boolean, default: true },\n    /**\n     * The label override for the back button.\n     */\n    backLabel: { type: String, default: 'Back' },\n    /**\n     * The responsive style (mobile-large breakpoint), either place in a swiper or display a larger back button & no\n     * breadcrumbs.\n     */\n    responsiveStyle: {\n      type: String as () => NeonBreadcrumbResponsiveStyle,\n      default: NeonBreadcrumbResponsiveStyle.Swiper,\n    },\n  },\n  setup(props) {\n    const linksRef = ref<HTMLDivElement | null>(null);\n    const back = async () => history.back();\n\n    onMounted(async () => {\n      if (props.breadcrumbs.length > 0) {\n        await nextTick();\n        setTimeout(() => {\n          if (linksRef.value) {\n            const neonLink = linksRef.value.querySelector<HTMLAnchorElement>('.neon-link:last-child');\n            neonLink?.scrollIntoView({\n              behavior: 'auto',\n              inline: 'end',\n            });\n          }\n        });\n      }\n    });\n\n    return {\n      back,\n      linksRef,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonLink","NeonSwiper","NeonBreadcrumbResponsiveStyle","props","linksRef","ref","back","onMounted","nextTick","neonLink"],"mappings":";;;;;AAWA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY,EAAE,UAAAC,GAAU,UAAAC,GAAU,YAAAC,EAAA;AAAA,EAClC,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,aAAa,EAAE,MAAM,OAAqC,SAAS,MAAM,CAAA,EAAC;AAAA;AAAA;AAAA;AAAA,IAI1E,YAAY,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAItC,WAAW,EAAE,MAAM,QAAQ,SAAS,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKpC,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAASC,EAA8B;AAAA,IAAA;AAAA,EACzC;AAAA,EAEF,MAAMC,GAAO;AACX,UAAMC,IAAWC,EAA2B,IAAI,GAC1CC,IAAO,YAAY,QAAQ,KAAA;AAEjC,WAAAC,EAAU,YAAY;AACpB,MAAIJ,EAAM,YAAY,SAAS,MAC7B,MAAMK,EAAA,GACN,WAAW,MAAM;AACf,YAAIJ,EAAS,OAAO;AAClB,gBAAMK,IAAWL,EAAS,MAAM,cAAiC,uBAAuB;AACxF,UAAAK,KAAA,QAAAA,EAAU,eAAe;AAAA,YACvB,UAAU;AAAA,YACV,QAAQ;AAAA,UAAA;AAAA,QAEZ;AAAA,MACF,CAAC;AAAA,IAEL,CAAC,GAEM;AAAA,MACL,MAAAH;AAAA,MACA,UAAAF;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonBreadcrumbs.es.js","sources":["../../../../src/components/navigation/breadcrumbs/NeonBreadcrumbs.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, nextTick, onMounted, ref } from 'vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonSwiper from '@/components/layout/swiper/NeonSwiper.vue';\nimport type { NeonBreadcrumbLink } from '@/model/navigation/breadcrumbs/NeonBreadcrumbLink';\nimport { NeonBreadcrumbResponsiveStyle } from '@/model/navigation/breadcrumbs/NeonBreadcrumbResponsiveStyle';\n\n/**\n * The <em>NeonBreadcrumbs</em> component displays an optional list of breadcrumbs with an optional back button. This is\n * used in the <em>NeonHeader</em> component to display the current page hierarchy.\n */\nexport default defineComponent({\n  name: 'NeonBreadcrumbs',\n  components: { NeonIcon, NeonLink, NeonSwiper },\n  props: {\n    /**\n     * The list of breadcrumbs to display.\n     */\n    breadcrumbs: { type: Array as () => NeonBreadcrumbLink[], default: () => [] },\n    /**\n     * Whether to display the back button.\n     */\n    backButton: { type: Boolean, default: true },\n    /**\n     * The label override for the back button.\n     */\n    backLabel: { type: String, default: 'Back' },\n    /**\n     * The responsive style (mobile-large breakpoint), either place in a swiper or display a larger back button & no\n     * breadcrumbs.\n     */\n    responsiveStyle: {\n      type: String as () => NeonBreadcrumbResponsiveStyle,\n      default: NeonBreadcrumbResponsiveStyle.Swiper,\n    },\n  },\n  setup(props) {\n    const linksRef = ref<HTMLDivElement | null>(null);\n    const back = async () => history.back();\n\n    onMounted(async () => {\n      if (props.breadcrumbs.length > 0) {\n        await nextTick();\n        setTimeout(() => {\n          if (linksRef.value) {\n            const neonLink = linksRef.value.querySelector<HTMLAnchorElement>('.neon-link:last-child');\n            neonLink?.scrollIntoView({\n              behavior: 'instant' as ScrollBehavior,\n              inline: 'end',\n              block: 'nearest',\n            });\n          }\n        });\n      }\n    });\n\n    return {\n      back,\n      linksRef,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonLink","NeonSwiper","NeonBreadcrumbResponsiveStyle","props","linksRef","ref","back","onMounted","nextTick","neonLink"],"mappings":";;;;;AAWA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY,EAAE,UAAAC,GAAU,UAAAC,GAAU,YAAAC,EAAA;AAAA,EAClC,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,aAAa,EAAE,MAAM,OAAqC,SAAS,MAAM,CAAA,EAAC;AAAA;AAAA;AAAA;AAAA,IAI1E,YAAY,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAItC,WAAW,EAAE,MAAM,QAAQ,SAAS,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKpC,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAASC,EAA8B;AAAA,IAAA;AAAA,EACzC;AAAA,EAEF,MAAMC,GAAO;AACX,UAAMC,IAAWC,EAA2B,IAAI,GAC1CC,IAAO,YAAY,QAAQ,KAAA;AAEjC,WAAAC,EAAU,YAAY;AACpB,MAAIJ,EAAM,YAAY,SAAS,MAC7B,MAAMK,EAAA,GACN,WAAW,MAAM;AACf,YAAIJ,EAAS,OAAO;AAClB,gBAAMK,IAAWL,EAAS,MAAM,cAAiC,uBAAuB;AACxF,UAAAK,KAAA,QAAAA,EAAU,eAAe;AAAA,YACvB,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,OAAO;AAAA,UAAA;AAAA,QAEX;AAAA,MACF,CAAC;AAAA,IAEL,CAAC,GAEM;AAAA,MACL,MAAAH;AAAA,MACA,UAAAF;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/presentation/avatar/NeonAvatar.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("vue"),o=require("../../../model/common/color/NeonFunctionalColor.cjs.js"),u=require("../../../model/presentation/badge/NeonBadgeSize.cjs.js"),s=require("../badge/NeonBadge.vue.cjs.js"),d=t.defineComponent({name:"NeonAvatar",components:{NeonBadge:s},props:{imageUrl:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:u.NeonBadgeSize.Small},circular:{type:Boolean,default:!0},color:{type:String,default:void 0}},setup(e){const r=[o.NeonFunctionalColor.Brand,o.NeonFunctionalColor.Accent,o.NeonFunctionalColor.Primary,o.NeonFunctionalColor.Info,o.NeonFunctionalColor.Success,o.NeonFunctionalColor.Warn,o.NeonFunctionalColor.Error,o.NeonFunctionalColor.LowContrast,o.NeonFunctionalColor.HighContrast],l=t.computed(()=>{if(e.name){const n=e.name.split(" ");return n.length===1?e.name.substring(0,2):`${n[0][0]}${n.length>1?n[1][0]:""}`}return""}),i=t.computed(()=>{if(!e.name)return r[0];let n=0;for(let a=0;a<e.name.length;a++)n=e.name.charCodeAt(a)+((n<<5)-n);return r[Math.abs(n)%r.length]}),c=t.computed(()=>e.color||i.value);return{initials:l,avatarColor:c}}});module.exports=d;
+//# sourceMappingURL=NeonAvatar.cjs.js.map

package/dist/components/presentation/avatar/NeonAvatar.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonAvatar.cjs.js","sources":["../../../../src/components/presentation/avatar/NeonAvatar.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent } from 'vue';\nimport { NeonBadge } from '@/neon';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\nimport { NeonBadgeSize } from '@/model/presentation/badge/NeonBadgeSize';\n\n/**\n * An avatar component that displays either an image or initials in a circular badge.\n * When displaying initials, it generates a consistent color based on the provided name.\n */\nexport default defineComponent({\n  name: 'NeonAvatar',\n  components: {\n    NeonBadge,\n  },\n  props: {\n    /**\n     * The URL of the avatar image to display\n     */\n    imageUrl: { type: String, default: undefined },\n    /**\n     * The name to generate initials from (takes first letter of first name and first letter of last name)\n     */\n    name: { type: String, default: undefined },\n    /**\n     * The size of the avatar\n     */\n    size: { type: String as () => NeonBadgeSize, default: NeonBadgeSize.Small },\n    /**\n     * If true, render the avatar as a circle, if false render as square\n     */\n    circular: { type: Boolean, default: true },\n    /**\n     * The color of the avatar\n     */\n    color: { type: String as () => NeonFunctionalColor, default: undefined },\n  },\n  setup(props) {\n    const colors = [\n      NeonFunctionalColor.Brand,\n      NeonFunctionalColor.Accent,\n      NeonFunctionalColor.Primary,\n      NeonFunctionalColor.Info,\n      NeonFunctionalColor.Success,\n      NeonFunctionalColor.Warn,\n      NeonFunctionalColor.Error,\n      NeonFunctionalColor.LowContrast,\n      NeonFunctionalColor.HighContrast,\n    ];\n\n    const initials = computed(() => {\n      if (props.name) {\n        const parts = props.name.split(' ');\n        if (parts.length === 1) {\n          return props.name.substring(0, 2);\n        }\n        return `${parts[0][0]}${parts.length > 1 ? parts[1][0] : ''}`;\n      }\n      return '';\n    });\n\n    const profileColor = computed(() => {\n      if (!props.name) {\n        return colors[0];\n      }\n      // Generate consistent color based on name\n      let hash = 0;\n      for (let i = 0; i < props.name.length; i++) {\n        hash = props.name.charCodeAt(i) + ((hash << 5) - hash);\n      }\n      return colors[Math.abs(hash) % colors.length];\n    });\n\n    const avatarColor = computed(() => props.color || profileColor.value);\n\n    return {\n      initials,\n      avatarColor,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonBadge","NeonBadgeSize","props","colors","NeonFunctionalColor","initials","computed","parts","profileColor","hash","i","avatarColor"],"mappings":"uNASAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,UAAAC,CAAA,EAEF,MAAO,CAIL,SAAU,CAAE,KAAM,OAAQ,QAAS,MAAA,EAInC,KAAM,CAAE,KAAM,OAAQ,QAAS,MAAA,EAI/B,KAAM,CAAE,KAAM,OAA+B,QAASC,EAAAA,cAAc,KAAA,EAIpE,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,MAAO,CAAE,KAAM,OAAqC,QAAS,MAAA,CAAU,EAEzE,MAAMC,EAAO,CACX,MAAMC,EAAS,CACbC,EAAAA,oBAAoB,MACpBA,EAAAA,oBAAoB,OACpBA,EAAAA,oBAAoB,QACpBA,EAAAA,oBAAoB,KACpBA,EAAAA,oBAAoB,QACpBA,EAAAA,oBAAoB,KACpBA,EAAAA,oBAAoB,MACpBA,EAAAA,oBAAoB,YACpBA,sBAAoB,YAAA,EAGhBC,EAAWC,EAAAA,SAAS,IAAM,CAC9B,GAAIJ,EAAM,KAAM,CACd,MAAMK,EAAQL,EAAM,KAAK,MAAM,GAAG,EAClC,OAAIK,EAAM,SAAW,EACZL,EAAM,KAAK,UAAU,EAAG,CAAC,EAE3B,GAAGK,EAAM,CAAC,EAAE,CAAC,CAAC,GAAGA,EAAM,OAAS,EAAIA,EAAM,CAAC,EAAE,CAAC,EAAI,EAAE,EAC7D,CACA,MAAO,EACT,CAAC,EAEKC,EAAeF,EAAAA,SAAS,IAAM,CAClC,GAAI,CAACJ,EAAM,KACT,OAAOC,EAAO,CAAC,EAGjB,IAAIM,EAAO,EACX,QAASC,EAAI,EAAGA,EAAIR,EAAM,KAAK,OAAQQ,IACrCD,EAAOP,EAAM,KAAK,WAAWQ,CAAC,IAAMD,GAAQ,GAAKA,GAEnD,OAAON,EAAO,KAAK,IAAIM,CAAI,EAAIN,EAAO,MAAM,CAC9C,CAAC,EAEKQ,EAAcL,EAAAA,SAAS,IAAMJ,EAAM,OAASM,EAAa,KAAK,EAEpE,MAAO,CACL,SAAAH,EACA,YAAAM,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/presentation/avatar/NeonAvatar.es.js

@@ -0,0 +1,66 @@
+import { defineComponent as c, computed as a } from "vue";
+import { NeonFunctionalColor as e } from "../../../model/common/color/NeonFunctionalColor.es.js";
+import { NeonBadgeSize as u } from "../../../model/presentation/badge/NeonBadgeSize.es.js";
+import f from "../badge/NeonBadge.vue.es.js";
+const p = c({
+  name: "NeonAvatar",
+  components: {
+    NeonBadge: f
+  },
+  props: {
+    /**
+     * The URL of the avatar image to display
+     */
+    imageUrl: { type: String, default: void 0 },
+    /**
+     * The name to generate initials from (takes first letter of first name and first letter of last name)
+     */
+    name: { type: String, default: void 0 },
+    /**
+     * The size of the avatar
+     */
+    size: { type: String, default: u.Small },
+    /**
+     * If true, render the avatar as a circle, if false render as square
+     */
+    circular: { type: Boolean, default: !0 },
+    /**
+     * The color of the avatar
+     */
+    color: { type: String, default: void 0 }
+  },
+  setup(n) {
+    const r = [
+      e.Brand,
+      e.Accent,
+      e.Primary,
+      e.Info,
+      e.Success,
+      e.Warn,
+      e.Error,
+      e.LowContrast,
+      e.HighContrast
+    ], i = a(() => {
+      if (n.name) {
+        const t = n.name.split(" ");
+        return t.length === 1 ? n.name.substring(0, 2) : `${t[0][0]}${t.length > 1 ? t[1][0] : ""}`;
+      }
+      return "";
+    }), l = a(() => {
+      if (!n.name)
+        return r[0];
+      let t = 0;
+      for (let o = 0; o < n.name.length; o++)
+        t = n.name.charCodeAt(o) + ((t << 5) - t);
+      return r[Math.abs(t) % r.length];
+    }), m = a(() => n.color || l.value);
+    return {
+      initials: i,
+      avatarColor: m
+    };
+  }
+});
+export {
+  p as default
+};
+//# sourceMappingURL=NeonAvatar.es.js.map

package/dist/components/presentation/avatar/NeonAvatar.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonAvatar.es.js","sources":["../../../../src/components/presentation/avatar/NeonAvatar.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent } from 'vue';\nimport { NeonBadge } from '@/neon';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\nimport { NeonBadgeSize } from '@/model/presentation/badge/NeonBadgeSize';\n\n/**\n * An avatar component that displays either an image or initials in a circular badge.\n * When displaying initials, it generates a consistent color based on the provided name.\n */\nexport default defineComponent({\n  name: 'NeonAvatar',\n  components: {\n    NeonBadge,\n  },\n  props: {\n    /**\n     * The URL of the avatar image to display\n     */\n    imageUrl: { type: String, default: undefined },\n    /**\n     * The name to generate initials from (takes first letter of first name and first letter of last name)\n     */\n    name: { type: String, default: undefined },\n    /**\n     * The size of the avatar\n     */\n    size: { type: String as () => NeonBadgeSize, default: NeonBadgeSize.Small },\n    /**\n     * If true, render the avatar as a circle, if false render as square\n     */\n    circular: { type: Boolean, default: true },\n    /**\n     * The color of the avatar\n     */\n    color: { type: String as () => NeonFunctionalColor, default: undefined },\n  },\n  setup(props) {\n    const colors = [\n      NeonFunctionalColor.Brand,\n      NeonFunctionalColor.Accent,\n      NeonFunctionalColor.Primary,\n      NeonFunctionalColor.Info,\n      NeonFunctionalColor.Success,\n      NeonFunctionalColor.Warn,\n      NeonFunctionalColor.Error,\n      NeonFunctionalColor.LowContrast,\n      NeonFunctionalColor.HighContrast,\n    ];\n\n    const initials = computed(() => {\n      if (props.name) {\n        const parts = props.name.split(' ');\n        if (parts.length === 1) {\n          return props.name.substring(0, 2);\n        }\n        return `${parts[0][0]}${parts.length > 1 ? parts[1][0] : ''}`;\n      }\n      return '';\n    });\n\n    const profileColor = computed(() => {\n      if (!props.name) {\n        return colors[0];\n      }\n      // Generate consistent color based on name\n      let hash = 0;\n      for (let i = 0; i < props.name.length; i++) {\n        hash = props.name.charCodeAt(i) + ((hash << 5) - hash);\n      }\n      return colors[Math.abs(hash) % colors.length];\n    });\n\n    const avatarColor = computed(() => props.color || profileColor.value);\n\n    return {\n      initials,\n      avatarColor,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonBadge","NeonBadgeSize","props","colors","NeonFunctionalColor","initials","computed","parts","profileColor","hash","i","avatarColor"],"mappings":";;;;AASA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,WAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,UAAU,EAAE,MAAM,QAAQ,SAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAInC,MAAM,EAAE,MAAM,QAAQ,SAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAI/B,MAAM,EAAE,MAAM,QAA+B,SAASC,EAAc,MAAA;AAAA;AAAA;AAAA;AAAA,IAIpE,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,OAAO,EAAE,MAAM,QAAqC,SAAS,OAAA;AAAA,EAAU;AAAA,EAEzE,MAAMC,GAAO;AACX,UAAMC,IAAS;AAAA,MACbC,EAAoB;AAAA,MACpBA,EAAoB;AAAA,MACpBA,EAAoB;AAAA,MACpBA,EAAoB;AAAA,MACpBA,EAAoB;AAAA,MACpBA,EAAoB;AAAA,MACpBA,EAAoB;AAAA,MACpBA,EAAoB;AAAA,MACpBA,EAAoB;AAAA,IAAA,GAGhBC,IAAWC,EAAS,MAAM;AAC9B,UAAIJ,EAAM,MAAM;AACd,cAAMK,IAAQL,EAAM,KAAK,MAAM,GAAG;AAClC,eAAIK,EAAM,WAAW,IACZL,EAAM,KAAK,UAAU,GAAG,CAAC,IAE3B,GAAGK,EAAM,CAAC,EAAE,CAAC,CAAC,GAAGA,EAAM,SAAS,IAAIA,EAAM,CAAC,EAAE,CAAC,IAAI,EAAE;AAAA,MAC7D;AACA,aAAO;AAAA,IACT,CAAC,GAEKC,IAAeF,EAAS,MAAM;AAClC,UAAI,CAACJ,EAAM;AACT,eAAOC,EAAO,CAAC;AAGjB,UAAIM,IAAO;AACX,eAASC,IAAI,GAAGA,IAAIR,EAAM,KAAK,QAAQQ;AACrC,QAAAD,IAAOP,EAAM,KAAK,WAAWQ,CAAC,MAAMD,KAAQ,KAAKA;AAEnD,aAAON,EAAO,KAAK,IAAIM,CAAI,IAAIN,EAAO,MAAM;AAAA,IAC9C,CAAC,GAEKQ,IAAcL,EAAS,MAAMJ,EAAM,SAASM,EAAa,KAAK;AAEpE,WAAO;AAAA,MACL,UAAAH;AAAA,MACA,aAAAM;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/presentation/avatar/NeonAvatar.vue.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const o=require("./NeonAvatar.cjs.js"),r=require("vue"),n=require("../../../_virtual/_plugin-vue_export-helper.cjs.js");function l(e,i,s,t,u,p){const a=r.resolveComponent("neon-badge");return e.imageUrl?(r.openBlock(),r.createBlock(a,{key:0,circular:e.circular,image:e.imageUrl,size:e.size,class:"neon-avatar"},null,8,["circular","image","size"])):(r.openBlock(),r.createBlock(a,{key:1,circular:e.circular,color:e.avatarColor,label:e.initials,size:e.size,class:"neon-avatar"},null,8,["circular","color","label","size"]))}const c=n(o,[["render",l]]);module.exports=c;
+//# sourceMappingURL=NeonAvatar.vue.cjs.js.map

package/dist/components/presentation/avatar/NeonAvatar.vue.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonAvatar.vue.cjs.js","sources":["../../../../src/components/presentation/avatar/NeonAvatar.vue"],"sourcesContent":["<template>\n  <neon-badge v-if=\"imageUrl\" :circular=\"circular\" :image=\"imageUrl\" :size=\"size\" class=\"neon-avatar\" />\n  <neon-badge v-else :circular=\"circular\" :color=\"avatarColor\" :label=\"initials\" :size=\"size\" class=\"neon-avatar\" />\n</template>\n<script lang=\"ts\" src=\"./NeonAvatar.ts\"></script>\n"],"names":["_ctx","_createBlock","_component_neon_badge"],"mappings":"6MACoBA,EAAA,wBAAlBC,EAAAA,YAAsGC,EAAA,OAAzE,SAAUF,EAAA,SAAW,MAAOA,EAAA,SAAW,KAAMA,EAAA,KAAM,MAAM,mEACtFC,EAAAA,YAAkHC,EAAA,OAA9F,SAAUF,EAAA,SAAW,MAAOA,EAAA,YAAc,MAAOA,EAAA,SAAW,KAAMA,EAAA,KAAM,MAAM"}

package/dist/components/presentation/avatar/NeonAvatar.vue.es.js

@@ -0,0 +1,25 @@
+import l from "./NeonAvatar.es.js";
+import { resolveComponent as n, openBlock as a, createBlock as o } from "vue";
+import i from "../../../_virtual/_plugin-vue_export-helper.es.js";
+function c(e, s, t, m, p, u) {
+  const r = n("neon-badge");
+  return e.imageUrl ? (a(), o(r, {
+    key: 0,
+    circular: e.circular,
+    image: e.imageUrl,
+    size: e.size,
+    class: "neon-avatar"
+  }, null, 8, ["circular", "image", "size"])) : (a(), o(r, {
+    key: 1,
+    circular: e.circular,
+    color: e.avatarColor,
+    label: e.initials,
+    size: e.size,
+    class: "neon-avatar"
+  }, null, 8, ["circular", "color", "label", "size"]));
+}
+const z = /* @__PURE__ */ i(l, [["render", c]]);
+export {
+  z as default
+};
+//# sourceMappingURL=NeonAvatar.vue.es.js.map

package/dist/components/presentation/avatar/NeonAvatar.vue.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonAvatar.vue.es.js","sources":["../../../../src/components/presentation/avatar/NeonAvatar.vue"],"sourcesContent":["<template>\n  <neon-badge v-if=\"imageUrl\" :circular=\"circular\" :image=\"imageUrl\" :size=\"size\" class=\"neon-avatar\" />\n  <neon-badge v-else :circular=\"circular\" :color=\"avatarColor\" :label=\"initials\" :size=\"size\" class=\"neon-avatar\" />\n</template>\n<script lang=\"ts\" src=\"./NeonAvatar.ts\"></script>\n"],"names":["_ctx","_createBlock","_component_neon_badge"],"mappings":";;;;;SACoBA,EAAA,iBAAlBC,EAAsGC,GAAA;AAAA;IAAzE,UAAUF,EAAA;AAAA,IAAW,OAAOA,EAAA;AAAA,IAAW,MAAMA,EAAA;AAAA,IAAM,OAAM;AAAA,sDACtFC,EAAkHC,GAAA;AAAA;IAA9F,UAAUF,EAAA;AAAA,IAAW,OAAOA,EAAA;AAAA,IAAc,OAAOA,EAAA;AAAA,IAAW,MAAMA,EAAA;AAAA,IAAM,OAAM;AAAA;;;"}

package/dist/components/presentation/header/NeonHeader.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const l=require("./NeonHeader.cjs.js"),e=require("vue"),r=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),s={key:0,class:"neon-header__subtitle"};function c(t,u,i,p,b,_){const a=e.resolveComponent("neon-breadcrumbs"),o=e.resolveComponent("neon-inline"),n=e.resolveComponent("neon-stack");return e.openBlock(),e.createBlock(n,{class:e.normalizeClass([`neon-header--${t.level}`,"neon-header"])},{default:e.withCtx(()=>[t.level===t.NeonHeaderLevel.Page&&(t.backButton||t.breadcrumbs.length!==0)?(e.openBlock(),e.createBlock(a,{key:0,"back-button":t.backButton,"back-label":t.backLabel,breadcrumbs:t.breadcrumbs},null,8,["back-button","back-label","breadcrumbs"])):e.createCommentVNode("",!0),e.createVNode(o,{class:"neon-header__content"},{default:e.withCtx(()=>[e.createVNode(n,{class:"neon-header__content-copy",gap:"s"},{default:e.withCtx(()=>[e.createVNode(o,{class:"neon-header__title-wrapper",gap:"m"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.titleLevel),{class:"neon-header__title"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),_:1})),t.slots.labels?(e.openBlock(),e.createBlock(o,{key:0,class:"neon-header__labels",gap:"m"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"labels")]),_:3})):e.createCommentVNode("",!0)]),_:3}),e.renderSlot(t.$slots,"subtitle",{},()=>[t.subtitle?(e.openBlock(),e.createElementBlock("span",s,e.toDisplayString(t.subtitle),1)):e.createCommentVNode("",!0)])]),_:3}),t.slots.actions?(e.openBlock(),e.createBlock(o,{key:0,class:"neon-header__actions",gap:"s"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"actions")]),_:3})):e.createCommentVNode("",!0)]),_:3})]),_:3},8,["class"])}const d=r(l,[["render",c]]);module.exports=d;
+"use strict";const l=require("./NeonHeader.cjs.js"),e=require("vue"),s=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),r={key:0,class:"neon-header__subtitle"},c={key:0};function d(t,i,p,b,m,k){const a=e.resolveComponent("neon-breadcrumbs"),o=e.resolveComponent("neon-inline"),n=e.resolveComponent("neon-stack");return e.openBlock(),e.createBlock(n,{class:e.normalizeClass([`neon-header--${t.level}`,"neon-header"])},{default:e.withCtx(()=>[t.level===t.NeonHeaderLevel.Page&&(t.backButton||t.breadcrumbs.length!==0)?(e.openBlock(),e.createBlock(a,{key:0,"back-button":t.backButton,"back-label":t.backLabel,breadcrumbs:t.breadcrumbs},null,8,["back-button","back-label","breadcrumbs"])):e.createCommentVNode("",!0),e.createVNode(o,{class:"neon-header__content"},{default:e.withCtx(()=>[e.createVNode(n,{class:"neon-header__content-copy",gap:"s"},{default:e.withCtx(()=>[e.createVNode(o,{class:"neon-header__title-wrapper",gap:"m"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.titleLevel),{class:"neon-header__title"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),_:1})),t.slots.labels?(e.openBlock(),e.createBlock(o,{key:0,class:"neon-header__labels",gap:"m"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"labels")]),_:3})):e.createCommentVNode("",!0)]),_:3}),t.subtitle||t.slots.subtitle?(e.openBlock(),e.createElementBlock("span",r,[e.renderSlot(t.$slots,"subtitle",{},()=>[t.subtitle?(e.openBlock(),e.createElementBlock("span",c,e.toDisplayString(t.subtitle),1)):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)]),_:3}),t.slots.actions?(e.openBlock(),e.createBlock(o,{key:0,class:"neon-header__actions",gap:"s"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"actions")]),_:3})):e.createCommentVNode("",!0)]),_:3})]),_:3},8,["class"])}const u=s(l,[["render",d]]);module.exports=u;
 //# sourceMappingURL=NeonHeader.vue.cjs.js.map

package/dist/components/presentation/header/NeonHeader.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonHeader.vue.cjs.js","sources":["../../../../src/components/presentation/header/NeonHeader.vue"],"sourcesContent":["<template>\n  <neon-stack :class=\"`neon-header--${level}`\" class=\"neon-header\">\n    <neon-breadcrumbs\n      v-if=\"level === NeonHeaderLevel.Page && (backButton || breadcrumbs.length !== 0)\"\n      :back-button=\"backButton\"\n      :back-label=\"backLabel\"\n      :breadcrumbs=\"breadcrumbs\"\n    />\n    <neon-inline class=\"neon-header__content\">\n      <neon-stack class=\"neon-header__content-copy\" gap=\"s\">\n        <neon-inline class=\"neon-header__title-wrapper\" gap=\"m\">\n          <component :is=\"titleLevel\" class=\"neon-header__title\">{{ title }}</component>\n          <neon-inline v-if=\"slots.labels\" class=\"neon-header__labels\" gap=\"m\">\n            <!-- @slot a slot for adding labels/info popovers next to the title. NOTE: these are rendered in reverse order on mobile -->\n            <slot name=\"labels\"></slot>\n          </neon-inline>\n        </neon-inline>\n        <!-- @slot a slot for overriding the default subtitle styling and proving richer content -->\n        <slot name=\"subtitle\">\n          <span v-if=\"subtitle\" class=\"neon-header__subtitle\">{{ subtitle }}</span>\n        </slot>\n      </neon-stack>\n      <neon-inline v-if=\"slots.actions\" class=\"neon-header__actions\" gap=\"s\">\n        <!-- @slot a slot for adding contextual action buttons to the header. The wrapper is provided, just add the buttons here in order to apply the correct spacings -->\n        <slot name=\"actions\"></slot>\n      </neon-inline>\n    </neon-inline>\n  </neon-stack>\n</template>\n\n<script lang=\"ts\" src=\"./NeonHeader.ts\" />\n"],"names":["_createBlock","_component_neon_stack","_normalizeClass","_ctx","_component_neon_breadcrumbs","_createVNode","_component_neon_inline","_openBlock","_resolveDynamicComponent","_renderSlot","_createElementBlock","_hoisted_1","_toDisplayString"],"mappings":"8IAmBgC,MAAM,4LAlBpCA,EAAAA,YA0BaC,EAAA,CA1BA,MAAKC,EAAAA,eAAA,CAAA,gBAAkBC,EAAA,KAAK,GAAU,aAAa,CAAA,sBAC9D,IAKE,CAJMA,EAAA,QAAUA,kBAAgB,OAASA,EAAA,YAAcA,EAAA,YAAY,SAAM,kBAD3EH,EAAAA,YAKEI,EAAA,OAHC,cAAaD,EAAA,WACb,aAAYA,EAAA,UACZ,YAAaA,EAAA,6FAEhBE,EAAAA,YAkBcC,EAAA,CAlBD,MAAM,sBAAsB,EAAA,mBACvC,IAYa,CAZbD,EAAAA,YAYaJ,EAAA,CAZD,MAAM,4BAA4B,IAAI,wBAChD,IAMc,CANdI,EAAAA,YAMcC,EAAA,CAND,MAAM,6BAA6B,IAAI,wBAClD,IAA8E,EAA9EC,YAAA,EAAAP,EAAAA,YAA8EQ,0BAA9DL,EAAA,UAAU,EAAA,CAAE,MAAM,sBAAoB,mBAAC,IAAW,qCAARA,EAAA,KAAK,EAAA,CAAA,WAC5CA,EAAA,MAAM,sBAAzBH,EAAAA,YAGcM,EAAA,OAHmB,MAAM,sBAAsB,IAAI,wBAE/D,IAA2B,CAA3BG,aAA2BN,EAAA,OAAA,QAAA,+CAI/BM,EAAAA,WAEON,uBAFP,IAEO,CADOA,EAAA,wBAAZO,EAAAA,mBAAyE,OAAzEC,EAAyEC,EAAAA,gBAAlBT,EAAA,QAAQ,EAAA,CAAA,yCAGhDA,EAAA,MAAM,uBAAzBH,EAAAA,YAGcM,EAAA,OAHoB,MAAM,uBAAuB,IAAI,wBAEjE,IAA4B,CAA5BG,aAA4BN,EAAA,OAAA,SAAA"}
+{"version":3,"file":"NeonHeader.vue.cjs.js","sources":["../../../../src/components/presentation/header/NeonHeader.vue"],"sourcesContent":["<template>\n  <neon-stack :class=\"`neon-header--${level}`\" class=\"neon-header\">\n    <neon-breadcrumbs\n      v-if=\"level === NeonHeaderLevel.Page && (backButton || breadcrumbs.length !== 0)\"\n      :back-button=\"backButton\"\n      :back-label=\"backLabel\"\n      :breadcrumbs=\"breadcrumbs\"\n    />\n    <neon-inline class=\"neon-header__content\">\n      <neon-stack class=\"neon-header__content-copy\" gap=\"s\">\n        <neon-inline class=\"neon-header__title-wrapper\" gap=\"m\">\n          <component :is=\"titleLevel\" class=\"neon-header__title\">{{ title }}</component>\n          <neon-inline v-if=\"slots.labels\" class=\"neon-header__labels\" gap=\"m\">\n            <!-- @slot a slot for adding labels/info popovers next to the title. NOTE: these are rendered in reverse order on mobile -->\n            <slot name=\"labels\"></slot>\n          </neon-inline>\n        </neon-inline>\n        <span v-if=\"subtitle || slots.subtitle\" class=\"neon-header__subtitle\">\n          <!-- @slot a slot for overriding the default subtitle styling and proving richer content -->\n          <slot name=\"subtitle\">\n            <span v-if=\"subtitle\">{{ subtitle }}</span>\n          </slot>\n        </span>\n      </neon-stack>\n      <neon-inline v-if=\"slots.actions\" class=\"neon-header__actions\" gap=\"s\">\n        <!-- @slot a slot for adding contextual action buttons to the header. The wrapper is provided, just add the buttons here in order to apply the correct spacings -->\n        <slot name=\"actions\"></slot>\n      </neon-inline>\n    </neon-inline>\n  </neon-stack>\n</template>\n\n<script lang=\"ts\" src=\"./NeonHeader.ts\" />\n"],"names":["_createBlock","_component_neon_stack","_normalizeClass","_ctx","_component_neon_breadcrumbs","_createVNode","_component_neon_inline","_openBlock","_resolveDynamicComponent","_renderSlot","_createElementBlock","_hoisted_1"],"mappings":"8IAiBgD,MAAM,sMAhBpDA,EAAAA,YA4BaC,EAAA,CA5BA,MAAKC,EAAAA,eAAA,CAAA,gBAAkBC,EAAA,KAAK,GAAU,aAAa,CAAA,sBAC9D,IAKE,CAJMA,EAAA,QAAUA,kBAAgB,OAASA,EAAA,YAAcA,EAAA,YAAY,SAAM,kBAD3EH,EAAAA,YAKEI,EAAA,OAHC,cAAaD,EAAA,WACb,aAAYA,EAAA,UACZ,YAAaA,EAAA,6FAEhBE,EAAAA,YAoBcC,EAAA,CApBD,MAAM,sBAAsB,EAAA,mBACvC,IAca,CAdbD,EAAAA,YAcaJ,EAAA,CAdD,MAAM,4BAA4B,IAAI,wBAChD,IAMc,CANdI,EAAAA,YAMcC,EAAA,CAND,MAAM,6BAA6B,IAAI,wBAClD,IAA8E,EAA9EC,YAAA,EAAAP,EAAAA,YAA8EQ,0BAA9DL,EAAA,UAAU,EAAA,CAAE,MAAM,sBAAoB,mBAAC,IAAW,qCAARA,EAAA,KAAK,EAAA,CAAA,WAC5CA,EAAA,MAAM,sBAAzBH,EAAAA,YAGcM,EAAA,OAHmB,MAAM,sBAAsB,IAAI,wBAE/D,IAA2B,CAA3BG,aAA2BN,EAAA,OAAA,QAAA,+CAGnBA,EAAA,UAAYA,EAAA,MAAM,UAA9BI,EAAAA,YAAAG,EAAAA,mBAKO,OALPC,EAKO,CAHLF,EAAAA,WAEON,uBAFP,IAEO,CADOA,EAAA,UAAZI,YAAA,EAAAG,EAAAA,mBAA2C,2BAAlBP,EAAA,QAAQ,EAAA,CAAA,wEAIpBA,EAAA,MAAM,uBAAzBH,EAAAA,YAGcM,EAAA,OAHoB,MAAM,uBAAuB,IAAI,wBAEjE,IAA4B,CAA5BG,aAA4BN,EAAA,OAAA,SAAA"}

package/dist/components/presentation/header/NeonHeader.vue.es.js

@@ -1,69 +1,71 @@
-import i from "./NeonHeader.es.js";
-import { resolveComponent as l, openBlock as a, createBlock as o, normalizeClass as m, withCtx as n, createCommentVNode as s, createVNode as r, resolveDynamicComponent as p, createTextVNode as _, toDisplayString as b, renderSlot as c, createElementBlock as k } from "vue";
+import m from "./NeonHeader.es.js";
+import { resolveComponent as l, openBlock as n, createBlock as t, normalizeClass as p, withCtx as o, createCommentVNode as a, createVNode as r, resolveDynamicComponent as _, createTextVNode as k, toDisplayString as b, renderSlot as c, createElementBlock as u } from "vue";
 import f from "../../../_virtual/_plugin-vue_export-helper.es.js";
 const h = {
   key: 0,
   class: "neon-header__subtitle"
-};
-function $(e, g, y, v, B, C) {
-  const u = l("neon-breadcrumbs"), t = l("neon-inline"), d = l("neon-stack");
-  return a(), o(d, {
-    class: m([`neon-header--${e.level}`, "neon-header"])
+}, y = { key: 0 };
+function $(e, g, v, B, C, N) {
+  const i = l("neon-breadcrumbs"), s = l("neon-inline"), d = l("neon-stack");
+  return n(), t(d, {
+    class: p([`neon-header--${e.level}`, "neon-header"])
   }, {
-    default: n(() => [
-      e.level === e.NeonHeaderLevel.Page && (e.backButton || e.breadcrumbs.length !== 0) ? (a(), o(u, {
+    default: o(() => [
+      e.level === e.NeonHeaderLevel.Page && (e.backButton || e.breadcrumbs.length !== 0) ? (n(), t(i, {
         key: 0,
         "back-button": e.backButton,
         "back-label": e.backLabel,
         breadcrumbs: e.breadcrumbs
-      }, null, 8, ["back-button", "back-label", "breadcrumbs"])) : s("", !0),
-      r(t, { class: "neon-header__content" }, {
-        default: n(() => [
+      }, null, 8, ["back-button", "back-label", "breadcrumbs"])) : a("", !0),
+      r(s, { class: "neon-header__content" }, {
+        default: o(() => [
           r(d, {
             class: "neon-header__content-copy",
             gap: "s"
           }, {
-            default: n(() => [
-              r(t, {
+            default: o(() => [
+              r(s, {
                 class: "neon-header__title-wrapper",
                 gap: "m"
               }, {
-                default: n(() => [
-                  (a(), o(p(e.titleLevel), { class: "neon-header__title" }, {
-                    default: n(() => [
-                      _(b(e.title), 1)
+                default: o(() => [
+                  (n(), t(_(e.titleLevel), { class: "neon-header__title" }, {
+                    default: o(() => [
+                      k(b(e.title), 1)
                     ]),
                     _: 1
                   })),
-                  e.slots.labels ? (a(), o(t, {
+                  e.slots.labels ? (n(), t(s, {
                     key: 0,
                     class: "neon-header__labels",
                     gap: "m"
                   }, {
-                    default: n(() => [
+                    default: o(() => [
                       c(e.$slots, "labels")
                     ]),
                     _: 3
-                  })) : s("", !0)
+                  })) : a("", !0)
                 ]),
                 _: 3
               }),
-              c(e.$slots, "subtitle", {}, () => [
-                e.subtitle ? (a(), k("span", h, b(e.subtitle), 1)) : s("", !0)
-              ])
+              e.subtitle || e.slots.subtitle ? (n(), u("span", h, [
+                c(e.$slots, "subtitle", {}, () => [
+                  e.subtitle ? (n(), u("span", y, b(e.subtitle), 1)) : a("", !0)
+                ])
+              ])) : a("", !0)
             ]),
             _: 3
           }),
-          e.slots.actions ? (a(), o(t, {
+          e.slots.actions ? (n(), t(s, {
             key: 0,
             class: "neon-header__actions",
             gap: "s"
           }, {
-            default: n(() => [
+            default: o(() => [
               c(e.$slots, "actions")
             ]),
             _: 3
-          })) : s("", !0)
+          })) : a("", !0)
         ]),
         _: 3
       })
@@ -71,8 +73,8 @@ function $(e, g, y, v, B, C) {
     _: 3
   }, 8, ["class"]);
 }
-const w = /* @__PURE__ */ f(i, [["render", $]]);
+const D = /* @__PURE__ */ f(m, [["render", $]]);
 export {
-  w as default
+  D as default
 };
 //# sourceMappingURL=NeonHeader.vue.es.js.map

package/dist/components/presentation/header/NeonHeader.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonHeader.vue.es.js","sources":["../../../../src/components/presentation/header/NeonHeader.vue"],"sourcesContent":["<template>\n  <neon-stack :class=\"`neon-header--${level}`\" class=\"neon-header\">\n    <neon-breadcrumbs\n      v-if=\"level === NeonHeaderLevel.Page && (backButton || breadcrumbs.length !== 0)\"\n      :back-button=\"backButton\"\n      :back-label=\"backLabel\"\n      :breadcrumbs=\"breadcrumbs\"\n    />\n    <neon-inline class=\"neon-header__content\">\n      <neon-stack class=\"neon-header__content-copy\" gap=\"s\">\n        <neon-inline class=\"neon-header__title-wrapper\" gap=\"m\">\n          <component :is=\"titleLevel\" class=\"neon-header__title\">{{ title }}</component>\n          <neon-inline v-if=\"slots.labels\" class=\"neon-header__labels\" gap=\"m\">\n            <!-- @slot a slot for adding labels/info popovers next to the title. NOTE: these are rendered in reverse order on mobile -->\n            <slot name=\"labels\"></slot>\n          </neon-inline>\n        </neon-inline>\n        <!-- @slot a slot for overriding the default subtitle styling and proving richer content -->\n        <slot name=\"subtitle\">\n          <span v-if=\"subtitle\" class=\"neon-header__subtitle\">{{ subtitle }}</span>\n        </slot>\n      </neon-stack>\n      <neon-inline v-if=\"slots.actions\" class=\"neon-header__actions\" gap=\"s\">\n        <!-- @slot a slot for adding contextual action buttons to the header. The wrapper is provided, just add the buttons here in order to apply the correct spacings -->\n        <slot name=\"actions\"></slot>\n      </neon-inline>\n    </neon-inline>\n  </neon-stack>\n</template>\n\n<script lang=\"ts\" src=\"./NeonHeader.ts\" />\n"],"names":["_createBlock","_component_neon_stack","_normalizeClass","_ctx","_component_neon_breadcrumbs","_createVNode","_component_neon_inline","_openBlock","_resolveDynamicComponent","_renderSlot","_createElementBlock","_hoisted_1","_toDisplayString"],"mappings":";;;;;EAmBgC,OAAM;;;;cAlBpCA,EA0BaC,GAAA;AAAA,IA1BA,OAAKC,EAAA,CAAA,gBAAkBC,EAAA,KAAK,IAAU,aAAa,CAAA;AAAA;eAC9D,MAKE;AAAA,MAJMA,EAAA,UAAUA,kBAAgB,SAASA,EAAA,cAAcA,EAAA,YAAY,WAAM,WAD3EH,EAKEI,GAAA;AAAA;QAHC,eAAaD,EAAA;AAAA,QACb,cAAYA,EAAA;AAAA,QACZ,aAAaA,EAAA;AAAA;MAEhBE,EAkBcC,GAAA,EAlBD,OAAM,uBAAsB,GAAA;AAAA,mBACvC,MAYa;AAAA,UAZbD,EAYaJ,GAAA;AAAA,YAZD,OAAM;AAAA,YAA4B,KAAI;AAAA;uBAChD,MAMc;AAAA,cANdI,EAMcC,GAAA;AAAA,gBAND,OAAM;AAAA,gBAA6B,KAAI;AAAA;2BAClD,MAA8E;AAAA,mBAA9EC,EAAA,GAAAP,EAA8EQ,EAA9DL,EAAA,UAAU,GAAA,EAAE,OAAM,wBAAoB;AAAA,+BAAC,MAAW;AAAA,0BAARA,EAAA,KAAK,GAAA,CAAA;AAAA;;;kBAC5CA,EAAA,MAAM,eAAzBH,EAGcM,GAAA;AAAA;oBAHmB,OAAM;AAAA,oBAAsB,KAAI;AAAA;+BAE/D,MAA2B;AAAA,sBAA3BG,EAA2BN,EAAA,QAAA,QAAA;AAAA;;;;;;cAI/BM,EAEON,0BAFP,MAEO;AAAA,gBADOA,EAAA,iBAAZO,EAAyE,QAAzEC,GAAyEC,EAAlBT,EAAA,QAAQ,GAAA,CAAA;;;;;UAGhDA,EAAA,MAAM,gBAAzBH,EAGcM,GAAA;AAAA;YAHoB,OAAM;AAAA,YAAuB,KAAI;AAAA;uBAEjE,MAA4B;AAAA,cAA5BG,EAA4BN,EAAA,QAAA,SAAA;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"NeonHeader.vue.es.js","sources":["../../../../src/components/presentation/header/NeonHeader.vue"],"sourcesContent":["<template>\n  <neon-stack :class=\"`neon-header--${level}`\" class=\"neon-header\">\n    <neon-breadcrumbs\n      v-if=\"level === NeonHeaderLevel.Page && (backButton || breadcrumbs.length !== 0)\"\n      :back-button=\"backButton\"\n      :back-label=\"backLabel\"\n      :breadcrumbs=\"breadcrumbs\"\n    />\n    <neon-inline class=\"neon-header__content\">\n      <neon-stack class=\"neon-header__content-copy\" gap=\"s\">\n        <neon-inline class=\"neon-header__title-wrapper\" gap=\"m\">\n          <component :is=\"titleLevel\" class=\"neon-header__title\">{{ title }}</component>\n          <neon-inline v-if=\"slots.labels\" class=\"neon-header__labels\" gap=\"m\">\n            <!-- @slot a slot for adding labels/info popovers next to the title. NOTE: these are rendered in reverse order on mobile -->\n            <slot name=\"labels\"></slot>\n          </neon-inline>\n        </neon-inline>\n        <span v-if=\"subtitle || slots.subtitle\" class=\"neon-header__subtitle\">\n          <!-- @slot a slot for overriding the default subtitle styling and proving richer content -->\n          <slot name=\"subtitle\">\n            <span v-if=\"subtitle\">{{ subtitle }}</span>\n          </slot>\n        </span>\n      </neon-stack>\n      <neon-inline v-if=\"slots.actions\" class=\"neon-header__actions\" gap=\"s\">\n        <!-- @slot a slot for adding contextual action buttons to the header. The wrapper is provided, just add the buttons here in order to apply the correct spacings -->\n        <slot name=\"actions\"></slot>\n      </neon-inline>\n    </neon-inline>\n  </neon-stack>\n</template>\n\n<script lang=\"ts\" src=\"./NeonHeader.ts\" />\n"],"names":["_createBlock","_component_neon_stack","_normalizeClass","_ctx","_component_neon_breadcrumbs","_createVNode","_component_neon_inline","_openBlock","_resolveDynamicComponent","_renderSlot","_createElementBlock","_hoisted_1"],"mappings":";;;;;EAiBgD,OAAM;;;;cAhBpDA,EA4BaC,GAAA;AAAA,IA5BA,OAAKC,EAAA,CAAA,gBAAkBC,EAAA,KAAK,IAAU,aAAa,CAAA;AAAA;eAC9D,MAKE;AAAA,MAJMA,EAAA,UAAUA,kBAAgB,SAASA,EAAA,cAAcA,EAAA,YAAY,WAAM,WAD3EH,EAKEI,GAAA;AAAA;QAHC,eAAaD,EAAA;AAAA,QACb,cAAYA,EAAA;AAAA,QACZ,aAAaA,EAAA;AAAA;MAEhBE,EAoBcC,GAAA,EApBD,OAAM,uBAAsB,GAAA;AAAA,mBACvC,MAca;AAAA,UAdbD,EAcaJ,GAAA;AAAA,YAdD,OAAM;AAAA,YAA4B,KAAI;AAAA;uBAChD,MAMc;AAAA,cANdI,EAMcC,GAAA;AAAA,gBAND,OAAM;AAAA,gBAA6B,KAAI;AAAA;2BAClD,MAA8E;AAAA,mBAA9EC,EAAA,GAAAP,EAA8EQ,EAA9DL,EAAA,UAAU,GAAA,EAAE,OAAM,wBAAoB;AAAA,+BAAC,MAAW;AAAA,0BAARA,EAAA,KAAK,GAAA,CAAA;AAAA;;;kBAC5CA,EAAA,MAAM,eAAzBH,EAGcM,GAAA;AAAA;oBAHmB,OAAM;AAAA,oBAAsB,KAAI;AAAA;+BAE/D,MAA2B;AAAA,sBAA3BG,EAA2BN,EAAA,QAAA,QAAA;AAAA;;;;;;cAGnBA,EAAA,YAAYA,EAAA,MAAM,YAA9BI,KAAAG,EAKO,QALPC,GAKO;AAAA,gBAHLF,EAEON,0BAFP,MAEO;AAAA,kBADOA,EAAA,YAAZI,EAAA,GAAAG,EAA2C,aAAlBP,EAAA,QAAQ,GAAA,CAAA;;;;;;UAIpBA,EAAA,MAAM,gBAAzBH,EAGcM,GAAA;AAAA;YAHoB,OAAM;AAAA,YAAuB,KAAI;AAAA;uBAEjE,MAA4B;AAAA,cAA5BG,EAA4BN,EAAA,QAAA,SAAA;AAAA;;;;;;;;;;;"}

package/dist/model/layout/card-list/NeonCardListStyle.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=(r=>(r.List="list",r.Grid="grid",r))(t||{});exports.NeonCardListStyle=t;
+//# sourceMappingURL=NeonCardListStyle.cjs.js.map

package/dist/model/layout/card-list/NeonCardListStyle.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonCardListStyle.cjs.js","sources":["../../../../src/model/layout/card-list/NeonCardListStyle.ts"],"sourcesContent":["/**\n * Defines the style of card list to render\n */\nexport enum NeonCardListStyle {\n  /**\n   * Render the card list as a list of rows\n   */\n  List = 'list',\n  /**\n   * Render the card list as a grid of items with a number of responsive columns.\n   */\n  Grid = 'grid',\n}\n"],"names":["NeonCardListStyle"],"mappings":"gFAGO,IAAKA,GAAAA,IAIVA,EAAA,KAAO,OAIPA,EAAA,KAAO,OARGA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/model/layout/card-list/NeonCardListStyle.es.js

@@ -0,0 +1,5 @@
+var i = /* @__PURE__ */ ((r) => (r.List = "list", r.Grid = "grid", r))(i || {});
+export {
+  i as NeonCardListStyle
+};
+//# sourceMappingURL=NeonCardListStyle.es.js.map

package/dist/model/layout/card-list/NeonCardListStyle.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonCardListStyle.es.js","sources":["../../../../src/model/layout/card-list/NeonCardListStyle.ts"],"sourcesContent":["/**\n * Defines the style of card list to render\n */\nexport enum NeonCardListStyle {\n  /**\n   * Render the card list as a list of rows\n   */\n  List = 'list',\n  /**\n   * Render the card list as a grid of items with a number of responsive columns.\n   */\n  Grid = 'grid',\n}\n"],"names":["NeonCardListStyle"],"mappings":"AAGO,IAAKA,sBAAAA,OAIVA,EAAA,OAAO,QAIPA,EAAA,OAAO,QARGA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/model/presentation/badge/NeonBadgeSize.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=(r=>(r.Small="s",r.Medium="m",r.Large="l",r.ExtraLarge="xl",r.ExtraExtraLarge="xxl",r))(t||{});exports.NeonBadgeSize=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=(r=>(r.Small="s",r.Medium="m",r.Large="l",r.ExtraLarge="xl",r.ExtraExtraLarge="xxl",r.ExtraExtraExtraLarge="xxxl",r))(t||{});exports.NeonBadgeSize=t;
 //# sourceMappingURL=NeonBadgeSize.cjs.js.map

package/dist/model/presentation/badge/NeonBadgeSize.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonBadgeSize.cjs.js","sources":["../../../../src/model/presentation/badge/NeonBadgeSize.ts"],"sourcesContent":["/**\n * Describes the available sizing options for <a href=\"/presentation/badge\">NeonBadge</a>.\n * @enum\n */\nexport enum NeonBadgeSize {\n  /** A small badge size, typically has a default of 32 rem. */\n  Small = 's',\n  /** A medium badge size, usually the default size. Which typically has a default of 40 rem. */\n  Medium = 'm',\n  /** A large badge size, typically has a default of 48 rem. */\n  Large = 'l',\n  /** An extra large badge size, typically has a default of 64 rem. */\n  ExtraLarge = 'xl',\n  /** An extra, extra large badge size, typically has a default of 80 rem. */\n  ExtraExtraLarge = 'xxl',\n}\n"],"names":["NeonBadgeSize"],"mappings":"gFAIO,IAAKA,GAAAA,IAEVA,EAAA,MAAQ,IAERA,EAAA,OAAS,IAETA,EAAA,MAAQ,IAERA,EAAA,WAAa,KAEbA,EAAA,gBAAkB,MAVRA,IAAAA,GAAA,CAAA,CAAA"}
+{"version":3,"file":"NeonBadgeSize.cjs.js","sources":["../../../../src/model/presentation/badge/NeonBadgeSize.ts"],"sourcesContent":["/**\n * Describes the available sizing options for <a href=\"/presentation/badge\">NeonBadge</a>.\n * @enum\n */\nexport enum NeonBadgeSize {\n  /** A small badge size, typically has a default of 32 rem. */\n  Small = 's',\n  /** A medium badge size, usually the default size. Which typically has a default of 40 rem. */\n  Medium = 'm',\n  /** A large badge size, typically has a default of 48 rem. */\n  Large = 'l',\n  /** An extra large badge size, typically has a default of 64 rem. */\n  ExtraLarge = 'xl',\n  /** An extra, extra large badge size, typically has a default of 80 rem. */\n  ExtraExtraLarge = 'xxl',\n  /** An extra, extra, extra large badge size, typically has a default of 288 rem. */\n  ExtraExtraExtraLarge = 'xxxl',\n}\n"],"names":["NeonBadgeSize"],"mappings":"gFAIO,IAAKA,GAAAA,IAEVA,EAAA,MAAQ,IAERA,EAAA,OAAS,IAETA,EAAA,MAAQ,IAERA,EAAA,WAAa,KAEbA,EAAA,gBAAkB,MAElBA,EAAA,qBAAuB,OAZbA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/model/presentation/badge/NeonBadgeSize.es.js

@@ -1,4 +1,4 @@
-var x = /* @__PURE__ */ ((r) => (r.Small = "s", r.Medium = "m", r.Large = "l", r.ExtraLarge = "xl", r.ExtraExtraLarge = "xxl", r))(x || {});
+var x = /* @__PURE__ */ ((r) => (r.Small = "s", r.Medium = "m", r.Large = "l", r.ExtraLarge = "xl", r.ExtraExtraLarge = "xxl", r.ExtraExtraExtraLarge = "xxxl", r))(x || {});
 export {
   x as NeonBadgeSize
 };

package/dist/model/presentation/badge/NeonBadgeSize.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonBadgeSize.es.js","sources":["../../../../src/model/presentation/badge/NeonBadgeSize.ts"],"sourcesContent":["/**\n * Describes the available sizing options for <a href=\"/presentation/badge\">NeonBadge</a>.\n * @enum\n */\nexport enum NeonBadgeSize {\n  /** A small badge size, typically has a default of 32 rem. */\n  Small = 's',\n  /** A medium badge size, usually the default size. Which typically has a default of 40 rem. */\n  Medium = 'm',\n  /** A large badge size, typically has a default of 48 rem. */\n  Large = 'l',\n  /** An extra large badge size, typically has a default of 64 rem. */\n  ExtraLarge = 'xl',\n  /** An extra, extra large badge size, typically has a default of 80 rem. */\n  ExtraExtraLarge = 'xxl',\n}\n"],"names":["NeonBadgeSize"],"mappings":"AAIO,IAAKA,sBAAAA,OAEVA,EAAA,QAAQ,KAERA,EAAA,SAAS,KAETA,EAAA,QAAQ,KAERA,EAAA,aAAa,MAEbA,EAAA,kBAAkB,OAVRA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"NeonBadgeSize.es.js","sources":["../../../../src/model/presentation/badge/NeonBadgeSize.ts"],"sourcesContent":["/**\n * Describes the available sizing options for <a href=\"/presentation/badge\">NeonBadge</a>.\n * @enum\n */\nexport enum NeonBadgeSize {\n  /** A small badge size, typically has a default of 32 rem. */\n  Small = 's',\n  /** A medium badge size, usually the default size. Which typically has a default of 40 rem. */\n  Medium = 'm',\n  /** A large badge size, typically has a default of 48 rem. */\n  Large = 'l',\n  /** An extra large badge size, typically has a default of 64 rem. */\n  ExtraLarge = 'xl',\n  /** An extra, extra large badge size, typically has a default of 80 rem. */\n  ExtraExtraLarge = 'xxl',\n  /** An extra, extra, extra large badge size, typically has a default of 288 rem. */\n  ExtraExtraExtraLarge = 'xxxl',\n}\n"],"names":["NeonBadgeSize"],"mappings":"AAIO,IAAKA,sBAAAA,OAEVA,EAAA,QAAQ,KAERA,EAAA,SAAS,KAETA,EAAA,QAAQ,KAERA,EAAA,aAAa,MAEbA,EAAA,kBAAkB,OAElBA,EAAA,uBAAuB,QAZbA,IAAAA,KAAA,CAAA,CAAA;"}