@m2s2/vue-lib 2.0.0 → 2.1.0

package/dist/index18.mjs

@@ -1,19 +1,269 @@
-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",
+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: {
-    featured: { type: Boolean, default: !1 },
-    variant: { default: "default" }
+    config: {},
+    loggedIn: { type: Boolean, default: !1 }
   },
-  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));
+  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 {
-  u as default
+  fe as default
 };

package/dist/index2.cjs

@@ -1 +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;
+"use strict";const e=require("vue"),p={class:"m2s2-chat"},B=["aria-label"],E={key:0,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true"},y={key:1,width:"22",height:"22",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},V=["aria-label"],f={class:"chat-header"},N=["src"],w={class:"chat-header__text"},_={class:"chat-header__title"},C={key:0,class:"chat-header__subtitle"},b={key:0,class:"chat-empty"},x={key:0,class:"chat-avatar chat-avatar--assistant"},A=["src"],M={key:1,width:"14",height:"14",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},U={class:"chat-message__text"},S={key:1,class:"chat-avatar chat-avatar--user"},D=["src"],L={key:1,width:"14",height:"14",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},z={key:1,class:"chat-message chat-message--assistant"},j={class:"chat-avatar chat-avatar--assistant"},H=["src"],T={key:1,width:"14",height:"14",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},q={key:0,class:"chat-cta"},F=["href"],K={class:"chat-input-row"},R=["placeholder","disabled"],$=["disabled"],O={key:0,class:"chat-error"},G=e.defineComponent({__name:"Chat",props:{sendMessage:{},title:{default:"Architecture Advisor"},subtitle:{default:"Ask anything about software architecture, cloud design, or engineering decisions."},placeholder:{default:"Ask a question..."},maxMessages:{default:6},ctaLabel:{default:"Start a Conversation"},ctaUrl:{default:"/contact"},userAvatarUrl:{},assistantAvatarUrl:{}},setup(a){const u=a,r=e.ref(!1),n=e.ref([]),s=e.ref("idle"),c=e.ref(""),i=e.ref(null),m=e.computed(()=>n.value.filter(l=>l.role==="user").length),d=e.computed(()=>m.value>=u.maxMessages);async function h(){await e.nextTick(),i.value&&(i.value.scrollTop=i.value.scrollHeight)}async function k(){const l=c.value.trim();if(!l||s.value==="sending"||d.value)return;c.value="";const t=[...n.value,{role:"user",content:l}];n.value=t,s.value="sending",await h();try{const o=await u.sendMessage(t);n.value=[...n.value,{role:"assistant",content:o}],s.value="idle",await h()}catch{s.value="error"}}function v(l){l.key==="Enter"&&!l.shiftKey&&(l.preventDefault(),k())}return(l,t)=>(e.openBlock(),e.createElementBlock("div",p,[e.createElementVNode("button",{class:"chat-toggle","aria-label":r.value?"Close chat":"Open chat",onClick:t[0]||(t[0]=o=>r.value=!r.value)},[r.value?(e.openBlock(),e.createElementBlock("svg",E,[...t[2]||(t[2]=[e.createElementVNode("path",{d:"M15 5L5 15M5 5l10 10",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"},null,-1)])])):(e.openBlock(),e.createElementBlock("svg",y,[...t[3]||(t[3]=[e.createElementVNode("path",{d:"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])]))],8,B),r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"chat-panel",role:"dialog","aria-label":a.title},[e.createElementVNode("div",f,[a.assistantAvatarUrl?(e.openBlock(),e.createElementBlock("img",{key:0,class:"chat-header__avatar",src:a.assistantAvatarUrl,alt:"","aria-hidden":"true"},null,8,N)):e.createCommentVNode("",!0),e.createElementVNode("div",w,[e.createElementVNode("p",_,e.toDisplayString(a.title),1),n.value.length===0?(e.openBlock(),e.createElementBlock("p",C,e.toDisplayString(a.subtitle),1)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",{class:"chat-messages",ref_key:"listEl",ref:i},[n.value.length===0?(e.openBlock(),e.createElementBlock("p",b,"Send a message to get started.")):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,(o,g)=>(e.openBlock(),e.createElementBlock("div",{key:g,class:e.normalizeClass(["chat-message",`chat-message--${o.role}`])},[o.role==="assistant"?(e.openBlock(),e.createElementBlock("span",x,[a.assistantAvatarUrl?(e.openBlock(),e.createElementBlock("img",{key:0,src:a.assistantAvatarUrl,alt:"","aria-hidden":"true"},null,8,A)):(e.openBlock(),e.createElementBlock("svg",M,[...t[4]||(t[4]=[e.createElementVNode("path",{d:"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])]))])):e.createCommentVNode("",!0),e.createElementVNode("p",U,e.toDisplayString(o.content),1),o.role==="user"?(e.openBlock(),e.createElementBlock("span",S,[a.userAvatarUrl?(e.openBlock(),e.createElementBlock("img",{key:0,src:a.userAvatarUrl,alt:"","aria-hidden":"true"},null,8,D)):(e.openBlock(),e.createElementBlock("svg",L,[...t[5]||(t[5]=[e.createElementVNode("circle",{cx:"12",cy:"8",r:"4",stroke:"currentColor","stroke-width":"2"},null,-1),e.createElementVNode("path",{d:"M4 20c0-4 3.6-7 8-7s8 3 8 7",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"},null,-1)])]))])):e.createCommentVNode("",!0)],2))),128)),s.value==="sending"?(e.openBlock(),e.createElementBlock("div",z,[e.createElementVNode("span",j,[a.assistantAvatarUrl?(e.openBlock(),e.createElementBlock("img",{key:0,src:a.assistantAvatarUrl,alt:"","aria-hidden":"true"},null,8,H)):(e.openBlock(),e.createElementBlock("svg",T,[...t[6]||(t[6]=[e.createElementVNode("path",{d:"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])]))]),t[7]||(t[7]=e.createElementVNode("span",{class:"chat-typing"},[e.createElementVNode("span"),e.createElementVNode("span"),e.createElementVNode("span")],-1))])):e.createCommentVNode("",!0)],512),d.value?(e.openBlock(),e.createElementBlock("div",q,[t[8]||(t[8]=e.createElementVNode("p",{class:"chat-cta__text"},"Ready to go deeper? Let's talk through your specific situation.",-1)),e.createElementVNode("a",{class:"chat-cta__btn",href:a.ctaUrl},e.toDisplayString(a.ctaLabel),9,F)])):e.createCommentVNode("",!0),d.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",K,[e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":t[1]||(t[1]=o=>c.value=o),class:"chat-input",rows:1,placeholder:a.placeholder,disabled:s.value==="sending",onKeydown:v},null,40,R),[[e.vModelText,c.value]]),e.createElementVNode("button",{class:"chat-send",disabled:!c.value.trim()||s.value==="sending","aria-label":"Send",onClick:k},[...t[9]||(t[9]=[e.createElementVNode("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},[e.createElementVNode("path",{d:"M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])],8,$)]),s.value==="error"?(e.openBlock(),e.createElementBlock("p",O,"Something went wrong — please try again.")):e.createCommentVNode("",!0)],64))],8,V)):e.createCommentVNode("",!0)]))}});module.exports=G;

package/dist/index2.mjs

@@ -1,19 +1,258 @@
-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 = {
+import { defineComponent as C, ref as h, computed as w, openBlock as a, createElementBlock as s, createElementVNode as t, createCommentVNode as n, toDisplayString as k, Fragment as _, renderList as A, normalizeClass as M, withDirectives as U, vModelText as B, nextTick as L } from "vue";
+const S = { class: "m2s2-chat" }, V = ["aria-label"], z = {
   key: 0,
-  class: "sh-subtitle"
-}, h = /* @__PURE__ */ c({
-  __name: "SectionHeader",
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  fill: "none",
+  "aria-hidden": "true"
+}, E = {
+  key: 1,
+  width: "22",
+  height: "22",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  "aria-hidden": "true"
+}, j = ["aria-label"], H = { class: "chat-header" }, T = ["src"], D = { class: "chat-header__text" }, K = { class: "chat-header__title" }, N = {
+  key: 0,
+  class: "chat-header__subtitle"
+}, R = {
+  key: 0,
+  class: "chat-empty"
+}, $ = {
+  key: 0,
+  class: "chat-avatar chat-avatar--assistant"
+}, q = ["src"], F = {
+  key: 1,
+  width: "14",
+  height: "14",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  "aria-hidden": "true"
+}, O = { class: "chat-message__text" }, G = {
+  key: 1,
+  class: "chat-avatar chat-avatar--user"
+}, I = ["src"], J = {
+  key: 1,
+  width: "14",
+  height: "14",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  "aria-hidden": "true"
+}, P = {
+  key: 1,
+  class: "chat-message chat-message--assistant"
+}, Q = { class: "chat-avatar chat-avatar--assistant" }, W = ["src"], X = {
+  key: 1,
+  width: "14",
+  height: "14",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  "aria-hidden": "true"
+}, Y = {
+  key: 0,
+  class: "chat-cta"
+}, Z = ["href"], tt = { class: "chat-input-row" }, et = ["placeholder", "disabled"], at = ["disabled"], st = {
+  key: 0,
+  class: "chat-error"
+}, nt = /* @__PURE__ */ C({
+  __name: "Chat",
   props: {
-    config: {}
+    sendMessage: {},
+    title: { default: "Architecture Advisor" },
+    subtitle: { default: "Ask anything about software architecture, cloud design, or engineering decisions." },
+    placeholder: { default: "Ask a question..." },
+    maxMessages: { default: 6 },
+    ctaLabel: { default: "Start a Conversation" },
+    ctaUrl: { default: "/contact" },
+    userAvatarUrl: {},
+    assistantAvatarUrl: {}
   },
-  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)
+  setup(l) {
+    const y = l, c = h(!1), o = h([]), d = h("idle"), u = h(""), v = h(null), p = w(() => o.value.filter((r) => r.role === "user").length), g = w(() => p.value >= y.maxMessages);
+    async function f() {
+      await L(), v.value && (v.value.scrollTop = v.value.scrollHeight);
+    }
+    async function m() {
+      const r = u.value.trim();
+      if (!r || d.value === "sending" || g.value) return;
+      u.value = "";
+      const e = [...o.value, { role: "user", content: r }];
+      o.value = e, d.value = "sending", await f();
+      try {
+        const i = await y.sendMessage(e);
+        o.value = [...o.value, { role: "assistant", content: i }], d.value = "idle", await f();
+      } catch {
+        d.value = "error";
+      }
+    }
+    function b(r) {
+      r.key === "Enter" && !r.shiftKey && (r.preventDefault(), m());
+    }
+    return (r, e) => (a(), s("div", S, [
+      t("button", {
+        class: "chat-toggle",
+        "aria-label": c.value ? "Close chat" : "Open chat",
+        onClick: e[0] || (e[0] = (i) => c.value = !c.value)
+      }, [
+        c.value ? (a(), s("svg", z, [...e[2] || (e[2] = [
+          t("path", {
+            d: "M15 5L5 15M5 5l10 10",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round"
+          }, null, -1)
+        ])])) : (a(), s("svg", E, [...e[3] || (e[3] = [
+          t("path", {
+            d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, null, -1)
+        ])]))
+      ], 8, V),
+      c.value ? (a(), s("div", {
+        key: 0,
+        class: "chat-panel",
+        role: "dialog",
+        "aria-label": l.title
+      }, [
+        t("div", H, [
+          l.assistantAvatarUrl ? (a(), s("img", {
+            key: 0,
+            class: "chat-header__avatar",
+            src: l.assistantAvatarUrl,
+            alt: "",
+            "aria-hidden": "true"
+          }, null, 8, T)) : n("", !0),
+          t("div", D, [
+            t("p", K, k(l.title), 1),
+            o.value.length === 0 ? (a(), s("p", N, k(l.subtitle), 1)) : n("", !0)
+          ])
+        ]),
+        t("div", {
+          class: "chat-messages",
+          ref_key: "listEl",
+          ref: v
+        }, [
+          o.value.length === 0 ? (a(), s("p", R, "Send a message to get started.")) : n("", !0),
+          (a(!0), s(_, null, A(o.value, (i, x) => (a(), s("div", {
+            key: x,
+            class: M(["chat-message", `chat-message--${i.role}`])
+          }, [
+            i.role === "assistant" ? (a(), s("span", $, [
+              l.assistantAvatarUrl ? (a(), s("img", {
+                key: 0,
+                src: l.assistantAvatarUrl,
+                alt: "",
+                "aria-hidden": "true"
+              }, null, 8, q)) : (a(), s("svg", F, [...e[4] || (e[4] = [
+                t("path", {
+                  d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, null, -1)
+              ])]))
+            ])) : n("", !0),
+            t("p", O, k(i.content), 1),
+            i.role === "user" ? (a(), s("span", G, [
+              l.userAvatarUrl ? (a(), s("img", {
+                key: 0,
+                src: l.userAvatarUrl,
+                alt: "",
+                "aria-hidden": "true"
+              }, null, 8, I)) : (a(), s("svg", J, [...e[5] || (e[5] = [
+                t("circle", {
+                  cx: "12",
+                  cy: "8",
+                  r: "4",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, null, -1),
+                t("path", {
+                  d: "M4 20c0-4 3.6-7 8-7s8 3 8 7",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round"
+                }, null, -1)
+              ])]))
+            ])) : n("", !0)
+          ], 2))), 128)),
+          d.value === "sending" ? (a(), s("div", P, [
+            t("span", Q, [
+              l.assistantAvatarUrl ? (a(), s("img", {
+                key: 0,
+                src: l.assistantAvatarUrl,
+                alt: "",
+                "aria-hidden": "true"
+              }, null, 8, W)) : (a(), s("svg", X, [...e[6] || (e[6] = [
+                t("path", {
+                  d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, null, -1)
+              ])]))
+            ]),
+            e[7] || (e[7] = t("span", { class: "chat-typing" }, [
+              t("span"),
+              t("span"),
+              t("span")
+            ], -1))
+          ])) : n("", !0)
+        ], 512),
+        g.value ? (a(), s("div", Y, [
+          e[8] || (e[8] = t("p", { class: "chat-cta__text" }, "Ready to go deeper? Let's talk through your specific situation.", -1)),
+          t("a", {
+            class: "chat-cta__btn",
+            href: l.ctaUrl
+          }, k(l.ctaLabel), 9, Z)
+        ])) : n("", !0),
+        g.value ? n("", !0) : (a(), s(_, { key: 1 }, [
+          t("div", tt, [
+            U(t("textarea", {
+              "onUpdate:modelValue": e[1] || (e[1] = (i) => u.value = i),
+              class: "chat-input",
+              rows: 1,
+              placeholder: l.placeholder,
+              disabled: d.value === "sending",
+              onKeydown: b
+            }, null, 40, et), [
+              [B, u.value]
+            ]),
+            t("button", {
+              class: "chat-send",
+              disabled: !u.value.trim() || d.value === "sending",
+              "aria-label": "Send",
+              onClick: m
+            }, [...e[9] || (e[9] = [
+              t("svg", {
+                width: "18",
+                height: "18",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                "aria-hidden": "true"
+              }, [
+                t("path", {
+                  d: "M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                })
+              ], -1)
+            ])], 8, at)
+          ]),
+          d.value === "error" ? (a(), s("p", st, "Something went wrong — please try again.")) : n("", !0)
+        ], 64))
+      ], 8, j)) : n("", !0)
     ]));
   }
 });
 export {
-  h as default
+  nt as default
 };

package/dist/index20.cjs

@@ -1 +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;
+"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/index20.mjs

@@ -1,44 +1,19 @@
-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",
+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: {
-    config: {}
+    featured: { type: Boolean, default: !1 },
+    variant: { default: "default" }
   },
-  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"]));
+  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 {
-  F as default
+  u as default
 };

package/dist/index22.cjs

@@ -1 +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;
+"use strict";const e=require("vue"),o=require("./index20.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;