@m2s2/vue-lib 2.3.1 → 2.4.0

package/dist/index.cjs

@@ -1 +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 t=require("./index6.cjs");;/* empty css         */const _=require("./index8.cjs");;/* empty css         */const u=require("./index10.cjs");;/* empty css          */const i=require("./index12.cjs");;/* empty css          */const s=require("./index14.cjs");;/* empty css          */const a=require("./index16.cjs");;/* empty css          */const p=require("./index18.cjs");;/* empty css          */const n=require("./index20.cjs");;/* empty css          */const o=require("./index22.cjs");;/* empty css          */const c=require("./index24.cjs");;/* empty css          */const v=require("./index26.cjs");;/* empty css          */const q=require("./index28.cjs");;/* empty css          */const g=require("./index30.cjs");;/* empty css          */const l=require("./index32.cjs");;/* empty css          */const y=require("./index34.cjs");;/* empty css          */const d=require("./index36.cjs");;/* empty css          */exports.Chat=e;exports.SectionHeader=r;exports.StatRow=t;exports.StatusBadge=_;exports.PageHeader=u;exports.CtaSection=i;exports.ProcessSteps=s;exports.Footer=a;exports.Navbar=p;exports.BaseCard=n;exports.FeatureCard=o;exports.BlogCard=c;exports.BlogEditor=v;exports.DataTable=q;exports.SubscribeForm=g;exports.Dialog=l;exports.Panel=y;exports.LoadingButton=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index2.cjs");;/* empty css         */const r=require("./index4.cjs");;/* empty css         */const u=require("./index6.cjs");;/* empty css         */const t=require("./index8.cjs");;/* empty css         */const _=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 o=require("./index18.cjs");;/* empty css          */const p=require("./index20.cjs");;/* empty css          */const n=require("./index22.cjs");;/* empty css          */const c=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          */const g=require("./index32.cjs");;/* empty css          */const d=require("./index34.cjs"),y=require("./index35.cjs"),P=require("./index36.cjs");;/* empty css          */const S=require("./index38.cjs"),D=require("./index39.cjs"),h=require("./index40.cjs");;/* empty css          */const b=require("./index42.cjs"),m=require("./index43.cjs"),B=require("./index44.cjs"),C=require("./index45.cjs"),T=require("./index46.cjs");;/* empty css          */const w=require("./index48.cjs");;/* empty css          */const F=require("./index50.cjs");exports.Chat=e;exports.SectionHeader=r;exports.StatRow=u;exports.StatusBadge=t;exports.PageHeader=_;exports.CtaSection=s;exports.ProcessSteps=i;exports.Footer=a;exports.Navbar=o;exports.BaseCard=p;exports.FeatureCard=n;exports.BlogCard=c;exports.BlogEditor=v;exports.DataTable=q;exports.SubscribeForm=l;exports.Dialog=g;exports.DialogProvider=d;exports.useDialog=y.useDialog;exports.Panel=P;exports.PanelProvider=S;exports.usePanel=D.usePanel;exports.LoadingButton=h;exports.ThemeProvider=b;exports.useTheme=m.useTheme;exports.AuthProvider=B;exports.useAuth=C.useAuth;exports.Dropdown=T;exports.DropdownItem=w;exports.createM2S2=F.createM2S2;

package/dist/index.mjs

@@ -1,56 +1,80 @@
-import { default as c } from "./index2.mjs";
+import { default as B } from "./index2.mjs";
 /* empty css        */
-import { default as P } from "./index4.mjs";
+import { default as b } from "./index4.mjs";
 /* empty css        */
-import { default as H } from "./index6.mjs";
+import { default as F } from "./index6.mjs";
 /* empty css        */
-import { default as v } from "./index8.mjs";
+import { default as A } from "./index8.mjs";
 /* empty css        */
 import { default as E } from "./index10.mjs";
 /* empty css         */
-import { default as N } from "./index12.mjs";
+import { default as L } from "./index12.mjs";
 /* empty css         */
-import { default as T } from "./index14.mjs";
+import { default as N } from "./index14.mjs";
 /* empty css         */
-import { default as k } from "./index16.mjs";
+import { default as j } from "./index16.mjs";
 /* empty css         */
-import { default as y } from "./index18.mjs";
+import { default as q } from "./index18.mjs";
 /* empty css         */
-import { default as A } from "./index20.mjs";
+import { default as z } from "./index20.mjs";
 /* empty css         */
-import { default as I } from "./index22.mjs";
+import { default as J } from "./index22.mjs";
 /* empty css         */
-import { default as K } from "./index24.mjs";
+import { default as O } from "./index24.mjs";
 /* empty css         */
-import { default as O } from "./index26.mjs";
+import { default as U } from "./index26.mjs";
 /* empty css         */
-import { default as U } from "./index28.mjs";
+import { default as W } from "./index28.mjs";
 /* empty css         */
-import { default as W } from "./index30.mjs";
+import { default as Y } from "./index30.mjs";
 /* empty css         */
-import { default as Y } from "./index32.mjs";
+import { default as _ } from "./index32.mjs";
 /* empty css         */
-import { default as _ } from "./index34.mjs";
+import { default as oo } from "./index34.mjs";
+import { useDialog as to } from "./index35.mjs";
+import { default as ao } from "./index36.mjs";
 /* empty css         */
-import { default as tt } from "./index36.mjs";
+import { default as mo } from "./index38.mjs";
+import { usePanel as so } from "./index39.mjs";
+import { default as lo } from "./index40.mjs";
 /* empty css         */
+import { default as xo } from "./index42.mjs";
+import { useTheme as Po } from "./index43.mjs";
+import { default as So } from "./index44.mjs";
+import { useAuth as co } from "./index45.mjs";
+import { default as vo } from "./index46.mjs";
+/* empty css         */
+import { default as Co } from "./index48.mjs";
+/* empty css         */
+import { createM2S2 as wo } from "./index50.mjs";
 export {
-  A as BaseCard,
-  K as BlogCard,
-  O as BlogEditor,
-  c as Chat,
-  N as CtaSection,
-  U as DataTable,
-  Y as Dialog,
-  I as FeatureCard,
-  k as Footer,
-  tt as LoadingButton,
-  y as Navbar,
+  So as AuthProvider,
+  z as BaseCard,
+  O as BlogCard,
+  U as BlogEditor,
+  B as Chat,
+  L as CtaSection,
+  W as DataTable,
+  _ as Dialog,
+  oo as DialogProvider,
+  vo as Dropdown,
+  Co as DropdownItem,
+  J as FeatureCard,
+  j as Footer,
+  lo as LoadingButton,
+  q as Navbar,
   E as PageHeader,
-  _ as Panel,
-  T as ProcessSteps,
-  P as SectionHeader,
-  H as StatRow,
-  v as StatusBadge,
-  W as SubscribeForm
+  ao as Panel,
+  mo as PanelProvider,
+  N as ProcessSteps,
+  b as SectionHeader,
+  F as StatRow,
+  A as StatusBadge,
+  Y as SubscribeForm,
+  xo as ThemeProvider,
+  wo as createM2S2,
+  co as useAuth,
+  to as useDialog,
+  so as usePanel,
+  Po as useTheme
 };

package/dist/index16.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),a=require("./index57.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=_;
+"use strict";const e=require("vue"),a=require("./index76.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/index16.mjs

@@ -1,5 +1,5 @@
 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 "./index57.mjs";
+import m from "./index76.mjs";
 const d = { class: "m2s2-footer" }, u = { class: "footer-inner" }, y = { class: "footer-copy" }, h = {
   class: "footer-social",
   "aria-label": "Social links"

package/dist/index26.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("vue"),Q=require("./index56.cjs"),X={class:"be-root"},Y={class:"be-meta"},Z={class:"be-field be-field--full"},ee=["value"],te={class:"be-field"},le={class:"be-field"},ae={class:"be-field be-field--full"},ne={class:"be-field be-field--full"},oe={class:"be-field"},ie={class:"be-tags"},se=["onClick","aria-label"],re={class:"be-field"},ce={class:"be-field be-field--cover"},ue={class:"be-cover"},de=["src"],ve={class:"be-cover__pick"},be={class:"be-editor"},me={class:"be-toolbar",role:"toolbar","aria-label":"Formatting"},pe=["title","onClick"],ge={class:"be-panes"},fe={class:"be-pane be-pane--write"},Ee=["value"],Ve={class:"be-pane be-pane--preview"},Ne=["innerHTML"],_e={class:"be-footer"},xe={class:"be-footer__meta"},ke=["disabled"],we=e.defineComponent({__name:"BlogEditor",props:{initialPost:{},coverImageUrl:{}},emits:["publish","coverImageSelected"],setup(R,{emit:q}){var T,C,I,P,B,D,S,M,U;const n=R,x=q,F=[{label:"Heading 2",icon:"H2",prefix:"## "},{label:"Heading 3",icon:"H3",prefix:"### "},{label:"Bold",icon:"B",wrap:["**","**"]},{label:"Italic",icon:"I",wrap:["*","*"]},{label:"Inline code",icon:"`",wrap:["`","`"]},{label:"Code block",icon:"{ }",block:"\n```\n\n```\n"},{label:"Blockquote",icon:"❝",prefix:"> "},{label:"Link",icon:"⇗",wrap:["[","](url)"]},{label:"Image",icon:"⬚",block:`![alt text](image-url)
+"use strict";const e=require("vue"),Q=require("./index75.cjs"),X={class:"be-root"},Y={class:"be-meta"},Z={class:"be-field be-field--full"},ee=["value"],te={class:"be-field"},le={class:"be-field"},ae={class:"be-field be-field--full"},ne={class:"be-field be-field--full"},oe={class:"be-field"},ie={class:"be-tags"},se=["onClick","aria-label"],re={class:"be-field"},ce={class:"be-field be-field--cover"},ue={class:"be-cover"},de=["src"],ve={class:"be-cover__pick"},be={class:"be-editor"},me={class:"be-toolbar",role:"toolbar","aria-label":"Formatting"},pe=["title","onClick"],ge={class:"be-panes"},fe={class:"be-pane be-pane--write"},Ee=["value"],Ve={class:"be-pane be-pane--preview"},Ne=["innerHTML"],_e={class:"be-footer"},xe={class:"be-footer__meta"},ke=["disabled"],we=e.defineComponent({__name:"BlogEditor",props:{initialPost:{},coverImageUrl:{}},emits:["publish","coverImageSelected"],setup(R,{emit:q}){var T,C,I,P,B,D,S,M,U;const n=R,x=q,F=[{label:"Heading 2",icon:"H2",prefix:"## "},{label:"Heading 3",icon:"H3",prefix:"### "},{label:"Bold",icon:"B",wrap:["**","**"]},{label:"Italic",icon:"I",wrap:["*","*"]},{label:"Inline code",icon:"`",wrap:["`","`"]},{label:"Code block",icon:"{ }",block:"\n```\n\n```\n"},{label:"Blockquote",icon:"❝",prefix:"> "},{label:"Link",icon:"⇗",wrap:["[","](url)"]},{label:"Image",icon:"⬚",block:`![alt text](image-url)
 `},{label:"Bullet list",icon:"•–",prefix:"- "},{label:"Numbered list",icon:"1.",prefix:"1. "},{label:"Divider",icon:"—",block:`
 ---
 

package/dist/index26.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as oe, ref as s, watch as ie, computed as E, openBlock as _, createElementBlock as w, createElementVNode as l, createTextVNode as x, withDirectives as v, vModelText as b, Fragment as W, renderList as j, toDisplayString as P, createCommentVNode as re } from "vue";
-import { marked as ue } from "./index56.mjs";
+import { marked as ue } from "./index75.mjs";
 const ce = { class: "be-root" }, de = { class: "be-meta" }, ve = { class: "be-field be-field--full" }, be = ["value"], pe = { class: "be-field" }, ge = { class: "be-field" }, fe = { class: "be-field be-field--full" }, me = { class: "be-field be-field--full" }, _e = { class: "be-field" }, we = { class: "be-tags" }, xe = ["onClick", "aria-label"], he = { class: "be-field" }, ke = { class: "be-field be-field--cover" }, ye = { class: "be-cover" }, Ce = ["src"], Ie = { class: "be-cover__pick" }, Pe = { class: "be-editor" }, Te = {
   class: "be-toolbar",
   role: "toolbar",

package/dist/index34.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),k={class:"panel-header"},u={class:"panel-header-text"},p={id:"panel-title",class:"panel-title"},y={key:0,class:"panel-subtitle"},B={class:"panel-body"},h={key:0,class:"panel-message"},C={key:0,class:"panel-footer"},b=["onClick"],f=e.defineComponent({__name:"Panel",props:{data:{},open:{type:Boolean}},emits:["action","close"],setup(t,{emit:d}){const o=t,n=d,s=()=>o.data.side??"right";function r(l){n("action",l.value)}function m(){o.data.modal||n("close")}return(l,c)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"panel-overlay-fade"},{default:e.withCtx(()=>[t.open?(e.openBlock(),e.createElementBlock("div",{key:0,class:"m2s2-panel-overlay",onClick:e.withModifiers(m,["self"])})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:`panel-slide-${s()}`},{default:e.withCtx(()=>{var i;return[t.open?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["m2s2-panel-content",`m2s2-panel-content--${s()}`]),style:e.normalizeStyle(t.data.width?{"--panel-width":t.data.width}:{}),role:"dialog","aria-modal":!0,"aria-labelledby":"panel-title"},[e.createElementVNode("div",k,[e.createElementVNode("div",u,[e.createElementVNode("h2",p,e.toDisplayString(t.data.title),1),t.data.subtitle?(e.openBlock(),e.createElementBlock("p",y,e.toDisplayString(t.data.subtitle),1)):e.createCommentVNode("",!0)]),t.data.modal?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,class:"panel-close","aria-label":"Close",onClick:c[0]||(c[0]=a=>n("close"))},"✕"))]),e.createElementVNode("div",B,[t.data.message&&!l.$slots.default?(e.openBlock(),e.createElementBlock("p",h,e.toDisplayString(t.data.message),1)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"default")]),(i=t.data.actions)!=null&&i.length?(e.openBlock(),e.createElementBlock("div",C,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data.actions,a=>(e.openBlock(),e.createElementBlock("button",{key:a.label,class:e.normalizeClass(["panel-btn",`panel-btn--${a.variant??"secondary"}`]),onClick:v=>r(a)},e.toDisplayString(a.label),11,b))),128))])):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0)]}),_:3},8,["name"])]))}});module.exports=f;
+"use strict";const e=require("vue"),u=require("./index32.cjs");;/* empty css          */const i=require("./index35.cjs"),c=e.defineComponent({__name:"DialogProvider",setup(s){const t=e.ref(null);function o(r){return new Promise(n=>{t.value={data:r,resolve:n}})}function a(r,n){return o({title:r,message:n,actions:[{label:"Cancel",value:!1,variant:"secondary"},{label:"Confirm",value:!0,variant:"primary"}]})}function l(r){var n;(n=t.value)==null||n.resolve(r),t.value=null}return e.provide(i.DIALOG_KEY,{dialog:o,confirm:a}),(r,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.renderSlot(r.$slots,"default"),t.value?(e.openBlock(),e.createBlock(u,{key:0,data:t.value.data,open:!0,onAction:l,onClose:n[0]||(n[0]=v=>l(null))},null,8,["data"])):e.createCommentVNode("",!0)],64))}});module.exports=c;

package/dist/index34.mjs

@@ -1,87 +1,42 @@
-import { defineComponent as C, openBlock as t, createBlock as g, Teleport as $, createVNode as h, Transition as y, withCtx as k, createElementBlock as a, withModifiers as w, createCommentVNode as l, normalizeStyle as B, normalizeClass as f, createElementVNode as o, toDisplayString as i, renderSlot as N, Fragment as S, renderList as V } from "vue";
-const x = { class: "panel-header" }, z = { class: "panel-header-text" }, E = {
-  id: "panel-title",
-  class: "panel-title"
-}, T = {
-  key: 0,
-  class: "panel-subtitle"
-}, A = { class: "panel-body" }, D = {
-  key: 0,
-  class: "panel-message"
-}, F = {
-  key: 0,
-  class: "panel-footer"
-}, L = ["onClick"], j = /* @__PURE__ */ C({
-  __name: "Panel",
-  props: {
-    data: {},
-    open: { type: Boolean }
-  },
-  emits: ["action", "close"],
-  setup(e, { emit: b }) {
-    const c = e, d = b, r = () => c.data.side ?? "right";
-    function p(s) {
-      d("action", s.value);
+import { defineComponent as u, ref as i, provide as m, openBlock as a, createElementBlock as c, Fragment as s, renderSlot as f, createBlock as v, createCommentVNode as p } from "vue";
+import d from "./index32.mjs";
+/* empty css         */
+import { DIALOG_KEY as _ } from "./index35.mjs";
+const b = /* @__PURE__ */ u({
+  __name: "DialogProvider",
+  setup(C) {
+    const o = i(null);
+    function r(n) {
+      return new Promise((e) => {
+        o.value = { data: n, resolve: e };
+      });
     }
-    function v() {
-      c.data.modal || d("close");
+    function l(n, e) {
+      return r({
+        title: n,
+        message: e,
+        actions: [
+          { label: "Cancel", value: !1, variant: "secondary" },
+          { label: "Confirm", value: !0, variant: "primary" }
+        ]
+      });
     }
-    return (s, m) => (t(), g($, { to: "body" }, [
-      h(y, { name: "panel-overlay-fade" }, {
-        default: k(() => [
-          e.open ? (t(), a("div", {
-            key: 0,
-            class: "m2s2-panel-overlay",
-            onClick: w(v, ["self"])
-          })) : l("", !0)
-        ]),
-        _: 1
-      }),
-      h(y, {
-        name: `panel-slide-${r()}`
-      }, {
-        default: k(() => {
-          var u;
-          return [
-            e.open ? (t(), a("div", {
-              key: 0,
-              class: f(["m2s2-panel-content", `m2s2-panel-content--${r()}`]),
-              style: B(e.data.width ? { "--panel-width": e.data.width } : {}),
-              role: "dialog",
-              "aria-modal": !0,
-              "aria-labelledby": "panel-title"
-            }, [
-              o("div", x, [
-                o("div", z, [
-                  o("h2", E, i(e.data.title), 1),
-                  e.data.subtitle ? (t(), a("p", T, i(e.data.subtitle), 1)) : l("", !0)
-                ]),
-                e.data.modal ? l("", !0) : (t(), a("button", {
-                  key: 0,
-                  class: "panel-close",
-                  "aria-label": "Close",
-                  onClick: m[0] || (m[0] = (n) => d("close"))
-                }, "✕"))
-              ]),
-              o("div", A, [
-                e.data.message && !s.$slots.default ? (t(), a("p", D, i(e.data.message), 1)) : l("", !0),
-                N(s.$slots, "default")
-              ]),
-              (u = e.data.actions) != null && u.length ? (t(), a("div", F, [
-                (t(!0), a(S, null, V(e.data.actions, (n) => (t(), a("button", {
-                  key: n.label,
-                  class: f(["panel-btn", `panel-btn--${n.variant ?? "secondary"}`]),
-                  onClick: (M) => p(n)
-                }, i(n.label), 11, L))), 128))
-              ])) : l("", !0)
-            ], 6)) : l("", !0)
-          ];
-        }),
-        _: 3
-      }, 8, ["name"])
-    ]));
+    function t(n) {
+      var e;
+      (e = o.value) == null || e.resolve(n), o.value = null;
+    }
+    return m(_, { dialog: r, confirm: l }), (n, e) => (a(), c(s, null, [
+      f(n.$slots, "default"),
+      o.value ? (a(), v(d, {
+        key: 0,
+        data: o.value.data,
+        open: !0,
+        onAction: t,
+        onClose: e[0] || (e[0] = (k) => t(null))
+      }, null, 8, ["data"])) : p("", !0)
+    ], 64));
   }
 });
 export {
-  j as default
+  b as default
 };

package/dist/index35.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=Symbol("dialog");function i(){const e=t.inject(o);if(!e)throw new Error("useDialog must be used within a <DialogProvider>");return e}exports.DIALOG_KEY=o;exports.useDialog=i;

package/dist/index35.mjs

@@ -0,0 +1,11 @@
+import { inject as i } from "vue";
+const r = Symbol("dialog");
+function e() {
+  const o = i(r);
+  if (!o) throw new Error("useDialog must be used within a <DialogProvider>");
+  return o;
+}
+export {
+  r as DIALOG_KEY,
+  e as useDialog
+};

package/dist/index36.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),o=["disabled","aria-busy"],l={key:0,class:"m2s2-btn-spinner","aria-hidden":"true"},s=e.defineComponent({inheritAttrs:!1,__name:"LoadingButton",props:{loading:{type:Boolean,default:!1},loadingText:{}},setup(t){const n=e.useAttrs();return(a,i)=>(e.openBlock(),e.createElementBlock("button",e.mergeProps(e.unref(n),{disabled:t.loading||e.unref(n).disabled,"aria-busy":t.loading}),[t.loading?(e.openBlock(),e.createElementBlock("span",l)):e.createCommentVNode("",!0),!t.loading||!t.loadingText?e.renderSlot(a.$slots,"default",{key:1}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(t.loadingText),1)],64))],16,o))}});module.exports=s;
+"use strict";const e=require("vue"),k={class:"panel-header"},u={class:"panel-header-text"},p={id:"panel-title",class:"panel-title"},y={key:0,class:"panel-subtitle"},B={class:"panel-body"},h={key:0,class:"panel-message"},C={key:0,class:"panel-footer"},b=["onClick"],f=e.defineComponent({__name:"Panel",props:{data:{},open:{type:Boolean}},emits:["action","close"],setup(t,{emit:d}){const o=t,n=d,s=()=>o.data.side??"right";function r(l){n("action",l.value)}function m(){o.data.modal||n("close")}return(l,c)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"panel-overlay-fade"},{default:e.withCtx(()=>[t.open?(e.openBlock(),e.createElementBlock("div",{key:0,class:"m2s2-panel-overlay",onClick:e.withModifiers(m,["self"])})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:`panel-slide-${s()}`},{default:e.withCtx(()=>{var i;return[t.open?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["m2s2-panel-content",`m2s2-panel-content--${s()}`]),style:e.normalizeStyle(t.data.width?{"--panel-width":t.data.width}:{}),role:"dialog","aria-modal":!0,"aria-labelledby":"panel-title"},[e.createElementVNode("div",k,[e.createElementVNode("div",u,[e.createElementVNode("h2",p,e.toDisplayString(t.data.title),1),t.data.subtitle?(e.openBlock(),e.createElementBlock("p",y,e.toDisplayString(t.data.subtitle),1)):e.createCommentVNode("",!0)]),t.data.modal?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,class:"panel-close","aria-label":"Close",onClick:c[0]||(c[0]=a=>n("close"))},"✕"))]),e.createElementVNode("div",B,[t.data.message&&!l.$slots.default?(e.openBlock(),e.createElementBlock("p",h,e.toDisplayString(t.data.message),1)):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"default")]),(i=t.data.actions)!=null&&i.length?(e.openBlock(),e.createElementBlock("div",C,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data.actions,a=>(e.openBlock(),e.createElementBlock("button",{key:a.label,class:e.normalizeClass(["panel-btn",`panel-btn--${a.variant??"secondary"}`]),onClick:v=>r(a)},e.toDisplayString(a.label),11,b))),128))])):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0)]}),_:3},8,["name"])]))}});module.exports=f;

package/dist/index36.mjs

@@ -1,28 +1,87 @@
-import { defineComponent as i, useAttrs as s, openBlock as t, createElementBlock as a, mergeProps as l, unref as o, createCommentVNode as r, renderSlot as u, Fragment as c, createTextVNode as g, toDisplayString as m } from "vue";
-const f = ["disabled", "aria-busy"], b = {
+import { defineComponent as C, openBlock as t, createBlock as g, Teleport as $, createVNode as h, Transition as y, withCtx as k, createElementBlock as a, withModifiers as w, createCommentVNode as l, normalizeStyle as B, normalizeClass as f, createElementVNode as o, toDisplayString as i, renderSlot as N, Fragment as S, renderList as V } from "vue";
+const x = { class: "panel-header" }, z = { class: "panel-header-text" }, E = {
+  id: "panel-title",
+  class: "panel-title"
+}, T = {
   key: 0,
-  class: "m2s2-btn-spinner",
-  "aria-hidden": "true"
-}, k = /* @__PURE__ */ i({
-  inheritAttrs: !1,
-  __name: "LoadingButton",
+  class: "panel-subtitle"
+}, A = { class: "panel-body" }, D = {
+  key: 0,
+  class: "panel-message"
+}, F = {
+  key: 0,
+  class: "panel-footer"
+}, L = ["onClick"], j = /* @__PURE__ */ C({
+  __name: "Panel",
   props: {
-    loading: { type: Boolean, default: !1 },
-    loadingText: {}
+    data: {},
+    open: { type: Boolean }
   },
-  setup(e) {
-    const n = s();
-    return (d, y) => (t(), a("button", l(o(n), {
-      disabled: e.loading || o(n).disabled,
-      "aria-busy": e.loading
-    }), [
-      e.loading ? (t(), a("span", b)) : r("", !0),
-      !e.loading || !e.loadingText ? u(d.$slots, "default", { key: 1 }) : (t(), a(c, { key: 2 }, [
-        g(m(e.loadingText), 1)
-      ], 64))
-    ], 16, f));
+  emits: ["action", "close"],
+  setup(e, { emit: b }) {
+    const c = e, d = b, r = () => c.data.side ?? "right";
+    function p(s) {
+      d("action", s.value);
+    }
+    function v() {
+      c.data.modal || d("close");
+    }
+    return (s, m) => (t(), g($, { to: "body" }, [
+      h(y, { name: "panel-overlay-fade" }, {
+        default: k(() => [
+          e.open ? (t(), a("div", {
+            key: 0,
+            class: "m2s2-panel-overlay",
+            onClick: w(v, ["self"])
+          })) : l("", !0)
+        ]),
+        _: 1
+      }),
+      h(y, {
+        name: `panel-slide-${r()}`
+      }, {
+        default: k(() => {
+          var u;
+          return [
+            e.open ? (t(), a("div", {
+              key: 0,
+              class: f(["m2s2-panel-content", `m2s2-panel-content--${r()}`]),
+              style: B(e.data.width ? { "--panel-width": e.data.width } : {}),
+              role: "dialog",
+              "aria-modal": !0,
+              "aria-labelledby": "panel-title"
+            }, [
+              o("div", x, [
+                o("div", z, [
+                  o("h2", E, i(e.data.title), 1),
+                  e.data.subtitle ? (t(), a("p", T, i(e.data.subtitle), 1)) : l("", !0)
+                ]),
+                e.data.modal ? l("", !0) : (t(), a("button", {
+                  key: 0,
+                  class: "panel-close",
+                  "aria-label": "Close",
+                  onClick: m[0] || (m[0] = (n) => d("close"))
+                }, "✕"))
+              ]),
+              o("div", A, [
+                e.data.message && !s.$slots.default ? (t(), a("p", D, i(e.data.message), 1)) : l("", !0),
+                N(s.$slots, "default")
+              ]),
+              (u = e.data.actions) != null && u.length ? (t(), a("div", F, [
+                (t(!0), a(S, null, V(e.data.actions, (n) => (t(), a("button", {
+                  key: n.label,
+                  class: f(["panel-btn", `panel-btn--${n.variant ?? "secondary"}`]),
+                  onClick: (M) => p(n)
+                }, i(n.label), 11, L))), 128))
+              ])) : l("", !0)
+            ], 6)) : l("", !0)
+          ];
+        }),
+        _: 3
+      }, 8, ["name"])
+    ]));
   }
 });
 export {
-  k as default
+  j as default
 };

package/dist/index38.cjs

@@ -1 +1 @@
-"use strict";const e=require("./index2.cjs");;/* empty css         */module.exports=e;
+"use strict";const e=require("vue"),u=require("./index36.cjs");;/* empty css          */const a=require("./index39.cjs"),s=e.defineComponent({__name:"PanelProvider",setup(c){const t=e.ref(null);function o(r){return new Promise(n=>{t.value={data:r,resolve:n}})}function l(r){var n;(n=t.value)==null||n.resolve(r),t.value=null}return e.provide(a.PANEL_KEY,{panel:o}),(r,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.renderSlot(r.$slots,"default"),t.value?(e.openBlock(),e.createBlock(u,{key:0,data:t.value.data,open:!0,onAction:l,onClose:n[0]||(n[0]=i=>l(null))},null,8,["data"])):e.createCommentVNode("",!0)],64))}});module.exports=s;

package/dist/index38.mjs

@@ -1,5 +1,32 @@
-import o from "./index2.mjs";
-/* empty css        */
+import { defineComponent as a, ref as u, provide as m, openBlock as r, createElementBlock as i, Fragment as c, renderSlot as p, createBlock as s, createCommentVNode as f } from "vue";
+import d from "./index36.mjs";
+/* empty css         */
+import { PANEL_KEY as v } from "./index39.mjs";
+const $ = /* @__PURE__ */ a({
+  __name: "PanelProvider",
+  setup(_) {
+    const n = u(null);
+    function l(o) {
+      return new Promise((e) => {
+        n.value = { data: o, resolve: e };
+      });
+    }
+    function t(o) {
+      var e;
+      (e = n.value) == null || e.resolve(o), n.value = null;
+    }
+    return m(v, { panel: l }), (o, e) => (r(), i(c, null, [
+      p(o.$slots, "default"),
+      n.value ? (r(), s(d, {
+        key: 0,
+        data: n.value.data,
+        open: !0,
+        onAction: t,
+        onClose: e[0] || (e[0] = (k) => t(null))
+      }, null, 8, ["data"])) : f("", !0)
+    ], 64));
+  }
+});
 export {
-  o as default
+  $ as default
 };

package/dist/index39.cjs

@@ -1 +1 @@
-"use strict";const e=require("./index4.cjs");;/* empty css         */module.exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),n=Symbol("panel");function r(){const e=t.inject(n);if(!e)throw new Error("usePanel must be used within a <PanelProvider>");return e}exports.PANEL_KEY=n;exports.usePanel=r;

package/dist/index39.mjs

@@ -1,5 +1,11 @@
-import o from "./index4.mjs";
-/* empty css        */
+import { inject as n } from "vue";
+const r = Symbol("panel");
+function o() {
+  const e = n(r);
+  if (!e) throw new Error("usePanel must be used within a <PanelProvider>");
+  return e;
+}
 export {
-  o as default
+  r as PANEL_KEY,
+  o as usePanel
 };

package/dist/index40.cjs

@@ -1 +1 @@
-"use strict";const e=require("./index6.cjs");;/* empty css         */module.exports=e;
+"use strict";const e=require("vue"),o=["disabled","aria-busy"],l={key:0,class:"m2s2-btn-spinner","aria-hidden":"true"},s=e.defineComponent({inheritAttrs:!1,__name:"LoadingButton",props:{loading:{type:Boolean,default:!1},loadingText:{}},setup(t){const n=e.useAttrs();return(a,i)=>(e.openBlock(),e.createElementBlock("button",e.mergeProps(e.unref(n),{disabled:t.loading||e.unref(n).disabled,"aria-busy":t.loading}),[t.loading?(e.openBlock(),e.createElementBlock("span",l)):e.createCommentVNode("",!0),!t.loading||!t.loadingText?e.renderSlot(a.$slots,"default",{key:1}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(t.loadingText),1)],64))],16,o))}});module.exports=s;

package/dist/index40.mjs

@@ -1,5 +1,28 @@
-import o from "./index6.mjs";
-/* empty css        */
+import { defineComponent as i, useAttrs as s, openBlock as t, createElementBlock as a, mergeProps as l, unref as o, createCommentVNode as r, renderSlot as u, Fragment as c, createTextVNode as g, toDisplayString as m } from "vue";
+const f = ["disabled", "aria-busy"], b = {
+  key: 0,
+  class: "m2s2-btn-spinner",
+  "aria-hidden": "true"
+}, k = /* @__PURE__ */ i({
+  inheritAttrs: !1,
+  __name: "LoadingButton",
+  props: {
+    loading: { type: Boolean, default: !1 },
+    loadingText: {}
+  },
+  setup(e) {
+    const n = s();
+    return (d, y) => (t(), a("button", l(o(n), {
+      disabled: e.loading || o(n).disabled,
+      "aria-busy": e.loading
+    }), [
+      e.loading ? (t(), a("span", b)) : r("", !0),
+      !e.loading || !e.loadingText ? u(d.$slots, "default", { key: 1 }) : (t(), a(c, { key: 2 }, [
+        g(m(e.loadingText), 1)
+      ], 64))
+    ], 16, f));
+  }
+});
 export {
-  o as default
+  k as default
 };

package/dist/index42.cjs

@@ -1 +1 @@
-"use strict";const e=require("./index10.cjs");;/* empty css          */module.exports=e;
+"use strict";const t=require("vue"),c=require("./index43.cjs"),u="m2s2-theme",d=t.defineComponent({__name:"ThemeProvider",props:{defaultTheme:{default:"auto"}},setup(r){const n=r;function m(){return localStorage.getItem(u)??n.defaultTheme}function a(e){e==="auto"?document.documentElement.removeAttribute("data-theme"):document.documentElement.setAttribute("data-theme",e)}const o=t.ref(n.defaultTheme);t.onMounted(()=>{o.value=m()}),t.watch(o,e=>{localStorage.setItem(u,e),a(e)},{immediate:!1});function s(e){o.value=e}return t.provide(c.THEME_KEY,{get theme(){return o.value},setTheme:s}),(e,l)=>t.renderSlot(e.$slots,"default")}});module.exports=d;

package/dist/index42.mjs

@@ -1,5 +1,32 @@
-import o from "./index10.mjs";
-/* empty css         */
+import { defineComponent as d, ref as l, onMounted as c, watch as s, provide as f, renderSlot as i } from "vue";
+import { THEME_KEY as h } from "./index43.mjs";
+const m = "m2s2-theme", _ = /* @__PURE__ */ d({
+  __name: "ThemeProvider",
+  props: {
+    defaultTheme: { default: "auto" }
+  },
+  setup(a) {
+    const o = a;
+    function n() {
+      return localStorage.getItem(m) ?? o.defaultTheme;
+    }
+    function r(e) {
+      e === "auto" ? document.documentElement.removeAttribute("data-theme") : document.documentElement.setAttribute("data-theme", e);
+    }
+    const t = l(o.defaultTheme);
+    c(() => {
+      t.value = n();
+    }), s(t, (e) => {
+      localStorage.setItem(m, e), r(e);
+    }, { immediate: !1 });
+    function u(e) {
+      t.value = e;
+    }
+    return f(h, { get theme() {
+      return t.value;
+    }, setTheme: u }), (e, p) => i(e.$slots, "default");
+  }
+});
 export {
-  o as default
+  _ as default
 };

package/dist/index43.cjs

@@ -1 +1 @@
-"use strict";const e=require("./index12.cjs");;/* empty css          */module.exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),t=Symbol("theme");function o(){const e=r.inject(t);if(!e)throw new Error("useTheme must be used within a <ThemeProvider>");return e}exports.THEME_KEY=t;exports.useTheme=o;

package/dist/index43.mjs

@@ -1,5 +1,11 @@
-import o from "./index12.mjs";
-/* empty css         */
+import { inject as t } from "vue";
+const r = Symbol("theme");
+function m() {
+  const e = t(r);
+  if (!e) throw new Error("useTheme must be used within a <ThemeProvider>");
+  return e;
+}
 export {
-  o as default
+  r as THEME_KEY,
+  m as useTheme
 };

package/dist/index44.cjs

@@ -1 +1 @@
-"use strict";const e=require("./index14.cjs");;/* empty css          */module.exports=e;
+"use strict";const e=require("vue"),v=require("./index45.cjs"),d=e.defineComponent({__name:"AuthProvider",props:{provider:{}},setup(i){const u=i,r=e.ref(void 0),t=e.ref(!1),a=e.ref(!0);let o;e.onMounted(async()=>{const n=await u.provider.getCurrentUser();r.value=n,t.value=!!n,a.value=!1,o=u.provider.subscribeToAuthState(s=>{t.value=s,s||(r.value=void 0)})}),e.onUnmounted(()=>o==null?void 0:o());async function l(){await u.provider.signOut(),r.value=void 0,t.value=!1}return e.provide(v.AUTH_KEY,{get user(){return r.value},get loggedIn(){return t.value},get loading(){return a.value},signOut:l}),(n,s)=>e.renderSlot(n.$slots,"default")}});module.exports=d;