@m2s2/vue-lib 1.0.0

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index2.cjs");;/* empty css         */const r=require("./index4.cjs");;/* empty css         */const _=require("./index6.cjs");;/* empty css         */const t=require("./index8.cjs");;/* empty css         */const u=require("./index10.cjs");;/* empty css          */const s=require("./index12.cjs");;/* empty css          */const i=require("./index14.cjs");;/* empty css          */const a=require("./index16.cjs");;/* empty css          */const p=require("./index18.cjs");;/* empty css          */const c=require("./index20.cjs");;/* empty css          */const n=require("./index22.cjs");;/* empty css          */const o=require("./index24.cjs");;/* empty css          */const v=require("./index26.cjs");;/* empty css          */const q=require("./index28.cjs");;/* empty css          */const l=require("./index30.cjs");;/* empty css          */exports.SectionHeader=e;exports.StatRow=r;exports.StatusBadge=_;exports.PageHeader=t;exports.CtaSection=u;exports.ProcessSteps=s;exports.Footer=i;exports.Navbar=a;exports.BaseCard=p;exports.FeatureCard=c;exports.BlogCard=n;exports.DataTable=o;exports.SubscribeForm=v;exports.Dialog=q;exports.Panel=l;

package/dist/index.mjs

@@ -0,0 +1,47 @@
+import { default as g } from "./index2.mjs";
+/* empty css        */
+import { default as n } from "./index4.mjs";
+/* empty css        */
+import { default as F } from "./index6.mjs";
+/* empty css        */
+import { default as D } from "./index8.mjs";
+/* empty css        */
+import { default as v } from "./index10.mjs";
+/* empty css         */
+import { default as N } from "./index12.mjs";
+/* empty css         */
+import { default as T } from "./index14.mjs";
+/* empty css         */
+import { default as j } from "./index16.mjs";
+/* empty css         */
+import { default as q } from "./index18.mjs";
+/* empty css         */
+import { default as z } from "./index20.mjs";
+/* empty css         */
+import { default as E } from "./index22.mjs";
+/* empty css         */
+import { default as I } from "./index24.mjs";
+/* empty css         */
+import { default as K } from "./index26.mjs";
+/* empty css         */
+import { default as M } from "./index28.mjs";
+/* empty css         */
+import { default as Q } from "./index30.mjs";
+/* empty css         */
+export {
+  q as BaseCard,
+  E as BlogCard,
+  v as CtaSection,
+  I as DataTable,
+  M as Dialog,
+  z as FeatureCard,
+  T as Footer,
+  j as Navbar,
+  D as PageHeader,
+  Q as Panel,
+  N as ProcessSteps,
+  g as SectionHeader,
+  n as StatRow,
+  F as StatusBadge,
+  K as SubscribeForm
+};

package/dist/index10.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),c={class:"m2s2-cta-section"},o={class:"cta-card"},s={class:"cta-text"},n={class:"cta-title"},a={class:"cta-body"},i=["href"],l=e.defineComponent({__name:"CtaSection",props:{config:{}},setup(t){return(r,d)=>(e.openBlock(),e.createElementBlock("section",c,[e.createElementVNode("div",o,[e.createElementVNode("div",s,[e.createElementVNode("h2",n,e.toDisplayString(t.config.title),1),e.createElementVNode("p",a,e.toDisplayString(t.config.body),1)]),e.createElementVNode("a",{href:t.config.route,class:"cta-btn"},e.toDisplayString(t.config.label),9,i)])]))}});module.exports=l;

package/dist/index10.mjs

@@ -0,0 +1,24 @@
+import { defineComponent as o, openBlock as s, createElementBlock as n, createElementVNode as t, toDisplayString as e } from "vue";
+const a = { class: "m2s2-cta-section" }, i = { class: "cta-card" }, l = { class: "cta-text" }, d = { class: "cta-title" }, r = { class: "cta-body" }, _ = ["href"], g = /* @__PURE__ */ o({
+  __name: "CtaSection",
+  props: {
+    config: {}
+  },
+  setup(c) {
+    return (f, h) => (s(), n("section", a, [
+      t("div", i, [
+        t("div", l, [
+          t("h2", d, e(c.config.title), 1),
+          t("p", r, e(c.config.body), 1)
+        ]),
+        t("a", {
+          href: c.config.route,
+          class: "cta-btn"
+        }, e(c.config.label), 9, _)
+      ])
+    ]));
+  }
+});
+export {
+  g as default
+};

package/dist/index12.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o={class:"ps-steps"},c={class:"ps-step"},r={class:"ps-num"},l={class:"ps-name"},a={class:"ps-desc"},i={key:0,class:"ps-divider","aria-hidden":"true"},p=e.defineComponent({__name:"ProcessSteps",props:{steps:{}},setup(s){return(m,d)=>(e.openBlock(),e.createElementBlock("ol",o,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.steps,(t,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t.num},[e.createElementVNode("li",c,[e.createElementVNode("span",r,e.toDisplayString(t.num),1),e.createElementVNode("span",l,e.toDisplayString(t.name),1),e.createElementVNode("span",a,e.toDisplayString(t.desc),1)]),n<s.steps.length-1?(e.openBlock(),e.createElementBlock("li",i,"→")):e.createCommentVNode("",!0)],64))),128))]))}});module.exports=p;

package/dist/index12.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as i, openBlock as s, createElementBlock as t, Fragment as a, renderList as l, createElementVNode as n, toDisplayString as o, createCommentVNode as p } from "vue";
+const d = { class: "ps-steps" }, _ = { class: "ps-step" }, m = { class: "ps-num" }, u = { class: "ps-name" }, h = { class: "ps-desc" }, f = {
+  key: 0,
+  class: "ps-divider",
+  "aria-hidden": "true"
+}, x = /* @__PURE__ */ i({
+  __name: "ProcessSteps",
+  props: {
+    steps: {}
+  },
+  setup(c) {
+    return (k, g) => (s(), t("ol", d, [
+      (s(!0), t(a, null, l(c.steps, (e, r) => (s(), t(a, {
+        key: e.num
+      }, [
+        n("li", _, [
+          n("span", m, o(e.num), 1),
+          n("span", u, o(e.name), 1),
+          n("span", h, o(e.desc), 1)
+        ]),
+        r < c.steps.length - 1 ? (s(), t("li", f, "→")) : p("", !0)
+      ], 64))), 128))
+    ]));
+  }
+});
+export {
+  x as default
+};

package/dist/index14.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("./index47.cjs"),n={class:"m2s2-footer"},l={class:"footer-inner"},s={class:"footer-copy"},c={class:"footer-social","aria-label":"Social links"},i=["href","title","aria-label"],_=e.defineComponent({__name:"Footer",props:{config:{}},setup(o){const r=new Date().getFullYear();return(p,u)=>(e.openBlock(),e.createElementBlock("footer",n,[e.createElementVNode("div",l,[e.createElementVNode("span",s," © "+e.toDisplayString(e.unref(r))+" "+e.toDisplayString(o.config.brandName)+" — All Rights Reserved ",1),e.createElementVNode("nav",c,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.config.links,t=>(e.openBlock(),e.createElementBlock("a",e.mergeProps({key:t.type,href:t.href,class:"social-link",title:t.label??t.type,"aria-label":t.label??t.type},{ref_for:!0},t.type!=="email"?{target:"_blank",rel:"noopener noreferrer"}:{}),[e.createVNode(a,{type:t.type},null,8,["type"])],16,i))),128))])])]))}});module.exports=_;

package/dist/index14.mjs

@@ -0,0 +1,35 @@
+import { defineComponent as l, openBlock as t, createElementBlock as o, createElementVNode as r, toDisplayString as s, unref as c, Fragment as i, renderList as f, mergeProps as p, createVNode as _ } from "vue";
+import m from "./index47.mjs";
+const d = { class: "m2s2-footer" }, u = { class: "footer-inner" }, y = { class: "footer-copy" }, h = {
+  class: "footer-social",
+  "aria-label": "Social links"
+}, g = ["href", "title", "aria-label"], x = /* @__PURE__ */ l({
+  __name: "Footer",
+  props: {
+    config: {}
+  },
+  setup(a) {
+    const n = (/* @__PURE__ */ new Date()).getFullYear();
+    return (b, v) => (t(), o("footer", d, [
+      r("div", u, [
+        r("span", y, " © " + s(c(n)) + " " + s(a.config.brandName) + " — All Rights Reserved ", 1),
+        r("nav", h, [
+          (t(!0), o(i, null, f(a.config.links, (e) => (t(), o("a", p({
+            key: e.type,
+            href: e.href,
+            class: "social-link",
+            title: e.label ?? e.type,
+            "aria-label": e.label ?? e.type
+          }, { ref_for: !0 }, e.type !== "email" ? { target: "_blank", rel: "noopener noreferrer" } : {}), [
+            _(m, {
+              type: e.type
+            }, null, 8, ["type"])
+          ], 16, g))), 128))
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  x as default
+};

package/dist/index16.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),E=["href"],y=["src","alt"],C={key:1,class:"navbar-brand-text"},w={class:"navbar-desktop","aria-label":"Main navigation"},_=["href"],N={key:1,class:"navbar-dropdown-wrap"},V=["aria-expanded","onClick"],x={key:0,class:"navbar-dropdown-content"},S=["href"],D=["src","alt"],F=["onClick"],L=["src","alt"],I={key:0,class:"navbar-dropdown-wrap"},z=["aria-expanded"],P=["src"],$={key:1,class:"navbar-account-icon",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},M={key:0,class:"navbar-dropdown-content"},W={key:0,class:"navbar-dropdown-user"},T=["href"],A=["src","alt"],U=["onClick"],q=["src","alt"],O=["aria-label","aria-expanded"],Y={key:0,class:"navbar-mobile-menu","aria-label":"Mobile navigation"},R=["href"],j=["href"],G=["onClick"],H=["href"],J=["onClick"],K=e.defineComponent({__name:"Navbar",props:{config:{},loggedIn:{type:Boolean,default:!1}},setup(r){const h=r,g=e.ref(!1),k=e.ref(!1),a=e.ref(!1),s=e.ref(null),v=e.ref(0);function c(l){return!l.requiresAuth||h.loggedIn}function u(l){return"href"in l}function m(l){return"onClick"in l}function f(l){s.value=s.value===l?null:l}function d(){s.value=null}function p(){const l=window.scrollY,t=l-v.value;g.value=l>80,l<80?k.value=!1:t>4?k.value=!0:t<-4&&(k.value=!1),v.value=l}function B(){window.innerWidth>991&&(a.value=!1)}function b(l){l.target.closest(".navbar-dropdown-wrap")||d()}return e.onMounted(()=>{window.addEventListener("scroll",p,{passive:!0}),window.addEventListener("resize",B),document.addEventListener("click",b)}),e.onUnmounted(()=>{window.removeEventListener("scroll",p),window.removeEventListener("resize",B),document.removeEventListener("click",b)}),(l,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("header",{class:e.normalizeClass(["navbar",{"navbar--scrolled":g.value,"navbar--hidden":k.value,"navbar--fixed":r.config.isFixed}])},[e.createElementVNode("a",{class:"navbar-brand",href:r.config.brandPath},[r.config.brandLogo?(e.openBlock(),e.createElementBlock("img",{key:0,src:r.config.brandLogo,alt:r.config.brand,class:"navbar-brand-logo"},null,8,y)):(e.openBlock(),e.createElementBlock("span",C,e.toDisplayString(r.config.brand),1))],8,E),t[7]||(t[7]=e.createElementVNode("span",{class:"navbar-spacer"},null,-1)),e.createElementVNode("nav",w,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.config.buttons,n=>{var i;return e.openBlock(),e.createElementBlock(e.Fragment,{key:n.id},[c(n)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.isDropdown?(e.openBlock(),e.createElementBlock("div",N,[e.createElementVNode("button",{class:"navbar-nav-btn navbar-nav-btn--dropdown","aria-expanded":s.value===n.id,onClick:e.withModifiers(o=>f(n.id),["stop"])},[e.createTextVNode(e.toDisplayString(n.title)+" ",1),t[5]||(t[5]=e.createElementVNode("span",{class:"navbar-chevron","aria-hidden":"true"},"▾",-1))],8,V),s.value===n.id?(e.openBlock(),e.createElementBlock("div",x,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.dropdownItems,o=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:o.id},[u(o)?(e.openBlock(),e.createElementBlock("a",e.mergeProps({key:0,class:"navbar-dropdown-item",href:o.href},{ref_for:!0},o.href.startsWith("http")?{target:"_blank",rel:"noopener noreferrer"}:{},{onClick:d}),[o.imgSrc?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.imgSrc,alt:o.text,class:"navbar-dropdown-img"},null,8,D)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(o.text),1)],16,S)):m(o)?(e.openBlock(),e.createElementBlock("button",{key:1,class:"navbar-dropdown-item",onClick:()=>{o.onClick(),d()}},[o.imgSrc?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.imgSrc,alt:o.text,class:"navbar-dropdown-img"},null,8,L)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(o.text),1)],8,F)):e.createCommentVNode("",!0)],64))),128))])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("a",e.mergeProps({key:0,class:"navbar-nav-btn",href:n.href},{ref_for:!0},(i=n.href)!=null&&i.startsWith("http")?{target:"_blank",rel:"noopener noreferrer"}:{}),e.toDisplayString(n.title),17,_))],64)):e.createCommentVNode("",!0)],64)}),128))]),r.config.loginButton?(e.openBlock(),e.createElementBlock("div",I,[e.createElementVNode("button",{class:"navbar-icon-btn","aria-label":"Account menu","aria-expanded":s.value==="__account__",onClick:t[0]||(t[0]=e.withModifiers(n=>f("__account__"),["stop"]))},[r.config.loginButton.profileImageUrl?(e.openBlock(),e.createElementBlock("img",{key:0,src:r.config.loginButton.profileImageUrl,alt:"Profile",class:"navbar-avatar"},null,8,P)):(e.openBlock(),e.createElementBlock("svg",$,[...t[6]||(t[6]=[e.createElementVNode("path",{d:"M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z"},null,-1)])]))],8,z),s.value==="__account__"?(e.openBlock(),e.createElementBlock("div",M,[r.config.loginButton.userName&&r.loggedIn?(e.openBlock(),e.createElementBlock("div",W,e.toDisplayString(r.config.loginButton.userName),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.config.loginButton.dropdownItems,n=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n.id},[u(n)&&c(n)?(e.openBlock(),e.createElementBlock("a",e.mergeProps({key:0,class:"navbar-dropdown-item",href:n.href},{ref_for:!0},n.href.startsWith("http")?{target:"_blank",rel:"noopener noreferrer"}:{},{onClick:d}),[n.imgSrc?(e.openBlock(),e.createElementBlock("img",{key:0,src:n.imgSrc,alt:n.text,class:"navbar-dropdown-img"},null,8,A)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(n.text),1)],16,T)):m(n)&&c(n)?(e.openBlock(),e.createElementBlock("button",{key:1,class:"navbar-dropdown-item",onClick:()=>{n.onClick(),d()}},[n.imgSrc?(e.openBlock(),e.createElementBlock("img",{key:0,src:n.imgSrc,alt:n.text,class:"navbar-dropdown-img"},null,8,q)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(n.text),1)],8,U)):e.createCommentVNode("",!0)],64))),128))])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"default"),e.createElementVNode("button",{class:"navbar-mobile-btn","aria-label":a.value?"Close navigation menu":"Open navigation menu","aria-expanded":a.value,onClick:t[1]||(t[1]=n=>a.value=!a.value)},[e.createElementVNode("span",{class:e.normalizeClass(["navbar-hamburger",{"navbar-hamburger--open":a.value}])},null,2)],8,O)],2),a.value?(e.openBlock(),e.createElementBlock("nav",Y,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.config.buttons,n=>{var i;return e.openBlock(),e.createElementBlock(e.Fragment,{key:n.id},[c(n)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.isDropdown?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(n.dropdownItems,o=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:o.id},[u(o)&&c(o)?(e.openBlock(),e.createElementBlock("a",e.mergeProps({key:0,class:"navbar-mobile-link",href:o.href},{ref_for:!0},o.href.startsWith("http")?{target:"_blank",rel:"noopener noreferrer"}:{},{onClick:t[3]||(t[3]=Q=>a.value=!1)}),e.toDisplayString(o.text),17,j)):m(o)&&c(o)?(e.openBlock(),e.createElementBlock("button",{key:1,class:"navbar-mobile-link",onClick:()=>{o.onClick(),a.value=!1}},e.toDisplayString(o.text),9,G)):e.createCommentVNode("",!0)],64))),128)):(e.openBlock(),e.createElementBlock("a",e.mergeProps({key:0,class:"navbar-mobile-link",href:n.href},{ref_for:!0},(i=n.href)!=null&&i.startsWith("http")?{target:"_blank",rel:"noopener noreferrer"}:{},{onClick:t[2]||(t[2]=o=>a.value=!1)}),e.toDisplayString(n.title),17,R))],64)):e.createCommentVNode("",!0)],64)}),128)),r.config.loginButton?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(r.config.loginButton.dropdownItems,n=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n.id},[u(n)&&c(n)?(e.openBlock(),e.createElementBlock("a",{key:0,class:"navbar-mobile-link",href:n.href,onClick:t[4]||(t[4]=i=>a.value=!1)},e.toDisplayString(n.text),9,H)):m(n)&&c(n)?(e.openBlock(),e.createElementBlock("button",{key:1,class:"navbar-mobile-link",onClick:()=>{n.onClick(),a.value=!1}},e.toDisplayString(n.text),9,J)):e.createCommentVNode("",!0)],64))),128)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],64))}});module.exports=K;

package/dist/index16.mjs

@@ -0,0 +1,269 @@
+import { defineComponent as z, ref as h, onMounted as N, onUnmounted as W, openBlock as n, createElementBlock as o, Fragment as i, createElementVNode as u, normalizeClass as E, toDisplayString as c, renderList as k, mergeProps as w, withModifiers as D, createTextVNode as p, createCommentVNode as s, renderSlot as M } from "vue";
+const V = ["href"], A = ["src", "alt"], P = {
+  key: 1,
+  class: "navbar-brand-text"
+}, U = {
+  class: "navbar-desktop",
+  "aria-label": "Main navigation"
+}, F = ["href"], O = {
+  key: 1,
+  class: "navbar-dropdown-wrap"
+}, Y = ["aria-expanded", "onClick"], q = {
+  key: 0,
+  class: "navbar-dropdown-content"
+}, R = ["href"], T = ["src", "alt"], j = ["onClick"], G = ["src", "alt"], H = {
+  key: 0,
+  class: "navbar-dropdown-wrap"
+}, J = ["aria-expanded"], K = ["src"], Q = {
+  key: 1,
+  class: "navbar-account-icon",
+  viewBox: "0 0 24 24",
+  fill: "currentColor",
+  "aria-hidden": "true"
+}, X = {
+  key: 0,
+  class: "navbar-dropdown-content"
+}, Z = {
+  key: 0,
+  class: "navbar-dropdown-user"
+}, ee = ["href"], ne = ["src", "alt"], oe = ["onClick"], re = ["src", "alt"], ae = ["aria-label", "aria-expanded"], te = {
+  key: 0,
+  class: "navbar-mobile-menu",
+  "aria-label": "Mobile navigation"
+}, le = ["href"], se = ["href"], ie = ["onClick"], ce = ["href"], de = ["onClick"], fe = /* @__PURE__ */ z({
+  __name: "Navbar",
+  props: {
+    config: {},
+    loggedIn: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    const $ = t, x = h(!1), y = h(!1), d = h(!1), f = h(null), m = h(0);
+    function v(l) {
+      return !l.requiresAuth || $.loggedIn;
+    }
+    function _(l) {
+      return "href" in l;
+    }
+    function C(l) {
+      return "onClick" in l;
+    }
+    function S(l) {
+      f.value = f.value === l ? null : l;
+    }
+    function b() {
+      f.value = null;
+    }
+    function B() {
+      const l = window.scrollY, a = l - m.value;
+      x.value = l > 80, l < 80 ? y.value = !1 : a > 4 ? y.value = !0 : a < -4 && (y.value = !1), m.value = l;
+    }
+    function I() {
+      window.innerWidth > 991 && (d.value = !1);
+    }
+    function L(l) {
+      l.target.closest(".navbar-dropdown-wrap") || b();
+    }
+    return N(() => {
+      window.addEventListener("scroll", B, { passive: !0 }), window.addEventListener("resize", I), document.addEventListener("click", L);
+    }), W(() => {
+      window.removeEventListener("scroll", B), window.removeEventListener("resize", I), document.removeEventListener("click", L);
+    }), (l, a) => (n(), o(i, null, [
+      u("header", {
+        class: E(["navbar", {
+          "navbar--scrolled": x.value,
+          "navbar--hidden": y.value,
+          "navbar--fixed": t.config.isFixed
+        }])
+      }, [
+        u("a", {
+          class: "navbar-brand",
+          href: t.config.brandPath
+        }, [
+          t.config.brandLogo ? (n(), o("img", {
+            key: 0,
+            src: t.config.brandLogo,
+            alt: t.config.brand,
+            class: "navbar-brand-logo"
+          }, null, 8, A)) : (n(), o("span", P, c(t.config.brand), 1))
+        ], 8, V),
+        a[7] || (a[7] = u("span", { class: "navbar-spacer" }, null, -1)),
+        u("nav", U, [
+          (n(!0), o(i, null, k(t.config.buttons, (e) => {
+            var g;
+            return n(), o(i, {
+              key: e.id
+            }, [
+              v(e) ? (n(), o(i, { key: 0 }, [
+                e.isDropdown ? (n(), o("div", O, [
+                  u("button", {
+                    class: "navbar-nav-btn navbar-nav-btn--dropdown",
+                    "aria-expanded": f.value === e.id,
+                    onClick: D((r) => S(e.id), ["stop"])
+                  }, [
+                    p(c(e.title) + " ", 1),
+                    a[5] || (a[5] = u("span", {
+                      class: "navbar-chevron",
+                      "aria-hidden": "true"
+                    }, "▾", -1))
+                  ], 8, Y),
+                  f.value === e.id ? (n(), o("div", q, [
+                    (n(!0), o(i, null, k(e.dropdownItems, (r) => (n(), o(i, {
+                      key: r.id
+                    }, [
+                      _(r) ? (n(), o("a", w({
+                        key: 0,
+                        class: "navbar-dropdown-item",
+                        href: r.href
+                      }, { ref_for: !0 }, r.href.startsWith("http") ? { target: "_blank", rel: "noopener noreferrer" } : {}, { onClick: b }), [
+                        r.imgSrc ? (n(), o("img", {
+                          key: 0,
+                          src: r.imgSrc,
+                          alt: r.text,
+                          class: "navbar-dropdown-img"
+                        }, null, 8, T)) : s("", !0),
+                        p(" " + c(r.text), 1)
+                      ], 16, R)) : C(r) ? (n(), o("button", {
+                        key: 1,
+                        class: "navbar-dropdown-item",
+                        onClick: () => {
+                          r.onClick(), b();
+                        }
+                      }, [
+                        r.imgSrc ? (n(), o("img", {
+                          key: 0,
+                          src: r.imgSrc,
+                          alt: r.text,
+                          class: "navbar-dropdown-img"
+                        }, null, 8, G)) : s("", !0),
+                        p(" " + c(r.text), 1)
+                      ], 8, j)) : s("", !0)
+                    ], 64))), 128))
+                  ])) : s("", !0)
+                ])) : (n(), o("a", w({
+                  key: 0,
+                  class: "navbar-nav-btn",
+                  href: e.href
+                }, { ref_for: !0 }, (g = e.href) != null && g.startsWith("http") ? { target: "_blank", rel: "noopener noreferrer" } : {}), c(e.title), 17, F))
+              ], 64)) : s("", !0)
+            ], 64);
+          }), 128))
+        ]),
+        t.config.loginButton ? (n(), o("div", H, [
+          u("button", {
+            class: "navbar-icon-btn",
+            "aria-label": "Account menu",
+            "aria-expanded": f.value === "__account__",
+            onClick: a[0] || (a[0] = D((e) => S("__account__"), ["stop"]))
+          }, [
+            t.config.loginButton.profileImageUrl ? (n(), o("img", {
+              key: 0,
+              src: t.config.loginButton.profileImageUrl,
+              alt: "Profile",
+              class: "navbar-avatar"
+            }, null, 8, K)) : (n(), o("svg", Q, [...a[6] || (a[6] = [
+              u("path", { d: "M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z" }, null, -1)
+            ])]))
+          ], 8, J),
+          f.value === "__account__" ? (n(), o("div", X, [
+            t.config.loginButton.userName && t.loggedIn ? (n(), o("div", Z, c(t.config.loginButton.userName), 1)) : s("", !0),
+            (n(!0), o(i, null, k(t.config.loginButton.dropdownItems, (e) => (n(), o(i, {
+              key: e.id
+            }, [
+              _(e) && v(e) ? (n(), o("a", w({
+                key: 0,
+                class: "navbar-dropdown-item",
+                href: e.href
+              }, { ref_for: !0 }, e.href.startsWith("http") ? { target: "_blank", rel: "noopener noreferrer" } : {}, { onClick: b }), [
+                e.imgSrc ? (n(), o("img", {
+                  key: 0,
+                  src: e.imgSrc,
+                  alt: e.text,
+                  class: "navbar-dropdown-img"
+                }, null, 8, ne)) : s("", !0),
+                p(" " + c(e.text), 1)
+              ], 16, ee)) : C(e) && v(e) ? (n(), o("button", {
+                key: 1,
+                class: "navbar-dropdown-item",
+                onClick: () => {
+                  e.onClick(), b();
+                }
+              }, [
+                e.imgSrc ? (n(), o("img", {
+                  key: 0,
+                  src: e.imgSrc,
+                  alt: e.text,
+                  class: "navbar-dropdown-img"
+                }, null, 8, re)) : s("", !0),
+                p(" " + c(e.text), 1)
+              ], 8, oe)) : s("", !0)
+            ], 64))), 128))
+          ])) : s("", !0)
+        ])) : s("", !0),
+        M(l.$slots, "default"),
+        u("button", {
+          class: "navbar-mobile-btn",
+          "aria-label": d.value ? "Close navigation menu" : "Open navigation menu",
+          "aria-expanded": d.value,
+          onClick: a[1] || (a[1] = (e) => d.value = !d.value)
+        }, [
+          u("span", {
+            class: E(["navbar-hamburger", { "navbar-hamburger--open": d.value }])
+          }, null, 2)
+        ], 8, ae)
+      ], 2),
+      d.value ? (n(), o("nav", te, [
+        (n(!0), o(i, null, k(t.config.buttons, (e) => {
+          var g;
+          return n(), o(i, {
+            key: e.id
+          }, [
+            v(e) ? (n(), o(i, { key: 0 }, [
+              e.isDropdown ? (n(!0), o(i, { key: 1 }, k(e.dropdownItems, (r) => (n(), o(i, {
+                key: r.id
+              }, [
+                _(r) && v(r) ? (n(), o("a", w({
+                  key: 0,
+                  class: "navbar-mobile-link",
+                  href: r.href
+                }, { ref_for: !0 }, r.href.startsWith("http") ? { target: "_blank", rel: "noopener noreferrer" } : {}, {
+                  onClick: a[3] || (a[3] = (ue) => d.value = !1)
+                }), c(r.text), 17, se)) : C(r) && v(r) ? (n(), o("button", {
+                  key: 1,
+                  class: "navbar-mobile-link",
+                  onClick: () => {
+                    r.onClick(), d.value = !1;
+                  }
+                }, c(r.text), 9, ie)) : s("", !0)
+              ], 64))), 128)) : (n(), o("a", w({
+                key: 0,
+                class: "navbar-mobile-link",
+                href: e.href
+              }, { ref_for: !0 }, (g = e.href) != null && g.startsWith("http") ? { target: "_blank", rel: "noopener noreferrer" } : {}, {
+                onClick: a[2] || (a[2] = (r) => d.value = !1)
+              }), c(e.title), 17, le))
+            ], 64)) : s("", !0)
+          ], 64);
+        }), 128)),
+        t.config.loginButton ? (n(!0), o(i, { key: 0 }, k(t.config.loginButton.dropdownItems, (e) => (n(), o(i, {
+          key: e.id
+        }, [
+          _(e) && v(e) ? (n(), o("a", {
+            key: 0,
+            class: "navbar-mobile-link",
+            href: e.href,
+            onClick: a[4] || (a[4] = (g) => d.value = !1)
+          }, c(e.text), 9, ce)) : C(e) && v(e) ? (n(), o("button", {
+            key: 1,
+            class: "navbar-mobile-link",
+            onClick: () => {
+              e.onClick(), d.value = !1;
+            }
+          }, c(e.text), 9, de)) : s("", !0)
+        ], 64))), 128)) : s("", !0)
+      ])) : s("", !0)
+    ], 64));
+  }
+});
+export {
+  fe as default
+};

package/dist/index18.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),r=["data-variant"],n=e.defineComponent({__name:"BaseCard",props:{featured:{type:Boolean,default:!1},variant:{default:"default"}},setup(a){return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["m2s2-card",{featured:a.featured}]),"data-variant":a.variant},[e.renderSlot(t.$slots,"default")],10,r))}});module.exports=n;

package/dist/index18.mjs

@@ -0,0 +1,19 @@
+import { defineComponent as t, openBlock as r, createElementBlock as n, normalizeClass as d, renderSlot as o } from "vue";
+const l = ["data-variant"], u = /* @__PURE__ */ t({
+  __name: "BaseCard",
+  props: {
+    featured: { type: Boolean, default: !1 },
+    variant: { default: "default" }
+  },
+  setup(a) {
+    return (e, s) => (r(), n("div", {
+      class: d(["m2s2-card", { featured: a.featured }]),
+      "data-variant": a.variant
+    }, [
+      o(e.$slots, "default")
+    ], 10, l));
+  }
+});
+export {
+  u as default
+};

package/dist/index2.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),c={class:"m2s2-section-header"},o={class:"sh-label"},s={key:0,class:"sh-subtitle"},n=e.defineComponent({__name:"SectionHeader",props:{config:{}},setup(t){return(i,l)=>(e.openBlock(),e.createElementBlock("div",c,[e.createElementVNode("h2",o,e.toDisplayString(t.config.label),1),t.config.subtitle?(e.openBlock(),e.createElementBlock("p",s,e.toDisplayString(t.config.subtitle),1)):e.createCommentVNode("",!0)]))}});module.exports=n;

package/dist/index2.mjs

@@ -0,0 +1,19 @@
+import { defineComponent as c, openBlock as t, createElementBlock as o, createElementVNode as n, toDisplayString as s, createCommentVNode as i } from "vue";
+const a = { class: "m2s2-section-header" }, l = { class: "sh-label" }, r = {
+  key: 0,
+  class: "sh-subtitle"
+}, h = /* @__PURE__ */ c({
+  __name: "SectionHeader",
+  props: {
+    config: {}
+  },
+  setup(e) {
+    return (d, m) => (t(), o("div", a, [
+      n("h2", l, s(e.config.label), 1),
+      e.config.subtitle ? (t(), o("p", r, s(e.config.subtitle), 1)) : i("", !0)
+    ]));
+  }
+});
+export {
+  h as default
+};

package/dist/index20.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=require("./index18.cjs");;/* empty css          */const i={class:"fc-header"},l=["innerHTML"],r={class:"fc-title"},a={class:"fc-body"},s={key:0,class:"fc-list"},d={key:1,class:"fc-note"},u=e.defineComponent({__name:"FeatureCard",props:{config:{}},setup(t){return(f,m)=>(e.openBlock(),e.createBlock(o,{featured:t.config.featured??!1},{default:e.withCtx(()=>{var n;return[e.createElementVNode("div",i,[t.config.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:"fc-icon","aria-hidden":"true",innerHTML:t.config.icon},null,8,l)):e.createCommentVNode("",!0),e.createElementVNode("h2",r,e.toDisplayString(t.config.title),1)]),e.createElementVNode("p",a,e.toDisplayString(t.config.body),1),(n=t.config.items)!=null&&n.length?(e.openBlock(),e.createElementBlock("ul",s,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.config.items,c=>(e.openBlock(),e.createElementBlock("li",{key:c},e.toDisplayString(c),1))),128))])):e.createCommentVNode("",!0),t.config.note?(e.openBlock(),e.createElementBlock("p",d,e.toDisplayString(t.config.note),1)):e.createCommentVNode("",!0)]}),_:1},8,["featured"]))}});module.exports=u;

package/dist/index20.mjs

@@ -0,0 +1,44 @@
+import { defineComponent as f, openBlock as t, createBlock as r, withCtx as l, createElementVNode as o, createElementBlock as n, createCommentVNode as i, toDisplayString as c, Fragment as d, renderList as u } from "vue";
+import m from "./index18.mjs";
+/* empty css         */
+const g = { class: "fc-header" }, h = ["innerHTML"], k = { class: "fc-title" }, y = { class: "fc-body" }, _ = {
+  key: 0,
+  class: "fc-list"
+}, C = {
+  key: 1,
+  class: "fc-note"
+}, F = /* @__PURE__ */ f({
+  __name: "FeatureCard",
+  props: {
+    config: {}
+  },
+  setup(e) {
+    return (x, B) => (t(), r(m, {
+      featured: e.config.featured ?? !1
+    }, {
+      default: l(() => {
+        var a;
+        return [
+          o("div", g, [
+            e.config.icon ? (t(), n("span", {
+              key: 0,
+              class: "fc-icon",
+              "aria-hidden": "true",
+              innerHTML: e.config.icon
+            }, null, 8, h)) : i("", !0),
+            o("h2", k, c(e.config.title), 1)
+          ]),
+          o("p", y, c(e.config.body), 1),
+          (a = e.config.items) != null && a.length ? (t(), n("ul", _, [
+            (t(!0), n(d, null, u(e.config.items, (s) => (t(), n("li", { key: s }, c(s), 1))), 128))
+          ])) : i("", !0),
+          e.config.note ? (t(), n("p", C, c(e.config.note), 1)) : i("", !0)
+        ];
+      }),
+      _: 1
+    }, 8, ["featured"]));
+  }
+});
+export {
+  F as default
+};

package/dist/index22.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a={class:"m2s2-blog-card"},i={class:"bc-cover"},s=["src","alt"],l={key:1,class:"bc-cover-placeholder"},r={class:"bc-cover-tag"},d={class:"bc-inner"},m={class:"bc-meta"},g=["dateTime"],f={key:0,class:"bc-reading-time"},h={class:"bc-title"},u=["href"],k={class:"bc-summary"},y={class:"bc-tags"},E=e.defineComponent({__name:"BlogCard",props:{config:{}},setup(t){function o(c){return new Date(c).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric"})}return(c,b)=>(e.openBlock(),e.createElementBlock("div",a,[e.createElementVNode("div",i,[t.config.coverImage?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.config.coverImage,alt:t.config.title,class:"bc-cover-img",loading:"lazy"},null,8,s)):(e.openBlock(),e.createElementBlock("div",l,[e.createElementVNode("span",r,e.toDisplayString(t.config.tags[0]),1)]))]),e.createElementVNode("div",d,[e.createElementVNode("div",m,[e.createElementVNode("time",{dateTime:t.config.date},e.toDisplayString(o(t.config.date)),9,g),t.config.readingTime?(e.openBlock(),e.createElementBlock("span",f,e.toDisplayString(t.config.readingTime)+" min read",1)):e.createCommentVNode("",!0)]),e.createElementVNode("h2",h,[e.createElementVNode("a",{href:`/blog/${t.config.slug}`},e.toDisplayString(t.config.title),9,u)]),e.createElementVNode("p",k,e.toDisplayString(t.config.summary),1),e.createElementVNode("div",y,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.config.tags,n=>(e.openBlock(),e.createElementBlock("span",{key:n,class:"bc-tag"},e.toDisplayString(n),1))),128))])])]))}});module.exports=E;

package/dist/index22.mjs

@@ -0,0 +1,58 @@
+import { defineComponent as d, openBlock as c, createElementBlock as n, createElementVNode as t, toDisplayString as i, createCommentVNode as l, Fragment as r, renderList as g } from "vue";
+const m = { class: "m2s2-blog-card" }, f = { class: "bc-cover" }, h = ["src", "alt"], u = {
+  key: 1,
+  class: "bc-cover-placeholder"
+}, b = { class: "bc-cover-tag" }, v = { class: "bc-inner" }, y = { class: "bc-meta" }, _ = ["dateTime"], k = {
+  key: 0,
+  class: "bc-reading-time"
+}, D = { class: "bc-title" }, T = ["href"], B = { class: "bc-summary" }, C = { class: "bc-tags" }, E = /* @__PURE__ */ d({
+  __name: "BlogCard",
+  props: {
+    config: {}
+  },
+  setup(e) {
+    function a(o) {
+      return new Date(o).toLocaleDateString("en-US", {
+        year: "numeric",
+        month: "long",
+        day: "numeric"
+      });
+    }
+    return (o, S) => (c(), n("div", m, [
+      t("div", f, [
+        e.config.coverImage ? (c(), n("img", {
+          key: 0,
+          src: e.config.coverImage,
+          alt: e.config.title,
+          class: "bc-cover-img",
+          loading: "lazy"
+        }, null, 8, h)) : (c(), n("div", u, [
+          t("span", b, i(e.config.tags[0]), 1)
+        ]))
+      ]),
+      t("div", v, [
+        t("div", y, [
+          t("time", {
+            dateTime: e.config.date
+          }, i(a(e.config.date)), 9, _),
+          e.config.readingTime ? (c(), n("span", k, i(e.config.readingTime) + " min read", 1)) : l("", !0)
+        ]),
+        t("h2", D, [
+          t("a", {
+            href: `/blog/${e.config.slug}`
+          }, i(e.config.title), 9, T)
+        ]),
+        t("p", B, i(e.config.summary), 1),
+        t("div", C, [
+          (c(!0), n(r, null, g(e.config.tags, (s) => (c(), n("span", {
+            key: s,
+            class: "bc-tag"
+          }, i(s), 1))), 128))
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  E as default
+};

package/dist/index24.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),h={class:"table-panel"},f={key:0,class:"dt-empty"},g={class:"dt-toolbar"},y=["placeholder","value"],C={class:"dt-pills"},v=["onClick"],B={class:"dt-count"},E={key:0,class:"dt-col-panel"},p=["checked","onChange"],V={class:"dt-scroll"},b=e.defineComponent({__name:"DataTable",props:{columnDefs:{default:()=>[]},colVisibility:{default:()=>({})},statuses:{default:()=>[]},statusFilter:{default:"all"},statusLabels:{default:()=>({})},searchValue:{default:""},searchPlaceholder:{default:"Search…"},totalCount:{default:0},filteredCount:{default:0},emptyMessage:{default:"No data yet."}},emits:["searchChange","statusChange","colToggle"],setup(t,{emit:u}){const i=t,c=u,o=e.ref(!1),s=e.ref(null);function d(a){return a==="all"?"All":i.statusLabels[a]??a}function r(a){var n;(n=s.value)!=null&&n.contains(a.target)||(o.value=!1,document.removeEventListener("click",r))}function m(){o.value=!o.value,o.value&&setTimeout(()=>document.addEventListener("click",r),0)}return(a,n)=>(e.openBlock(),e.createElementBlock("div",h,[t.totalCount===0?(e.openBlock(),e.createElementBlock("p",f,e.toDisplayString(t.emptyMessage),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",g,[t.statuses.length>0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("input",{class:"dt-search",type:"search",placeholder:t.searchPlaceholder,value:t.searchValue,onInput:n[0]||(n[0]=l=>c("searchChange",l.target.value))},null,40,y),e.createElementVNode("div",C,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.statuses,l=>(e.openBlock(),e.createElementBlock("button",{key:l,class:e.normalizeClass(["dt-pill",{"dt-pill--active":t.statusFilter===l}]),onClick:k=>c("statusChange",l)},e.toDisplayString(d(l)),11,v))),128))]),e.createElementVNode("span",B,e.toDisplayString(t.filteredCount)+" of "+e.toDisplayString(t.totalCount),1)],64)):e.createCommentVNode("",!0),t.columnDefs.length>0?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"colWrapRef",ref:s,class:"dt-col-wrap"},[e.createElementVNode("button",{class:"dt-col-btn",onClick:m},"⚙ Columns"),o.value?(e.openBlock(),e.createElementBlock("div",E,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columnDefs,l=>(e.openBlock(),e.createElementBlock("label",{key:l.key,class:"dt-col-check"},[e.createElementVNode("input",{type:"checkbox",checked:t.colVisibility[l.key]??!0,onChange:k=>c("colToggle",l.key)},null,40,p),e.createTextVNode(" "+e.toDisplayString(l.label),1)]))),128))])):e.createCommentVNode("",!0)],512)):e.createCommentVNode("",!0)]),e.createElementVNode("div",V,[e.renderSlot(a.$slots,"default")])],64))]))}});module.exports=b;