@m2s2/vue-lib 2.5.2 → 2.6.0

package/dist/{index30.cjs → index31.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),b=require("./index79.cjs"),d={key:0,class:"sub-form"},m=["disabled"],v=["disabled"],p=["disabled"],k={key:0,class:"sub-feedback sub-feedback--error"},g={key:1,class:"sub-success"},f={key:1,class:"sub-auth"},y=["disabled"],h={key:0,class:"sub-feedback sub-feedback--success"},B=["disabled"],E={key:2,class:"sub-feedback sub-feedback--error"},_=e.defineComponent({__name:"SubscribeForm",props:{mode:{default:"anon"},subscribeAnon:{type:Function,default:void 0},subscribeAuth:{type:Function,default:void 0},unsubscribeAuth:{type:Function,default:void 0}},setup(c){const u=c,n=e.ref(""),l=e.ref(""),t=e.ref("idle"),o=e.ref(!1),r=e.computed(()=>b.validateEmail(n.value));async function a(){if(t.value!=="submitting")if(u.mode==="auth")if(o.value){if(!u.unsubscribeAuth)return;t.value="submitting";try{await u.unsubscribeAuth(),o.value=!1,t.value="idle"}catch{t.value="error"}}else{if(!u.subscribeAuth)return;t.value="submitting";try{await u.subscribeAuth(),o.value=!0,t.value="done"}catch{t.value="error"}}else{if(!r.value||!u.subscribeAnon)return;t.value="submitting";try{await u.subscribeAnon(n.value.trim(),l.value.trim()),t.value="done"}catch{t.value="error"}}}return(V,s)=>c.mode==="anon"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.value!=="done"?(e.openBlock(),e.createElementBlock("div",d,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":s[0]||(s[0]=i=>l.value=i),class:"sub-input",type:"text",placeholder:"Your name (optional)",disabled:t.value==="submitting"},null,8,m),[[e.vModelText,l.value]]),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":s[1]||(s[1]=i=>n.value=i),class:"sub-input",type:"email",placeholder:"your@email.com",disabled:t.value==="submitting"},null,8,v),[[e.vModelText,n.value]]),e.createElementVNode("button",{class:"sub-btn",disabled:!r.value||t.value==="submitting",onClick:a},e.toDisplayString(t.value==="submitting"?"Submitting…":"Subscribe"),9,p),t.value==="error"?(e.openBlock(),e.createElementBlock("p",k," Something went wrong — please try again. ")):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",g,[...s[2]||(s[2]=[e.createElementVNode("span",{class:"sub-success-icon"},"✓",-1),e.createElementVNode("p",{class:"sub-success-text"}," Check your email to confirm your subscription. ",-1)])]))],64)):(e.openBlock(),e.createElementBlock("div",f,[o.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[s[3]||(s[3]=e.createElementVNode("span",{class:"sub-subscribed-label"},"✓ Subscribed to blog updates",-1)),e.createElementVNode("button",{class:"sub-btn sub-btn--unsub",disabled:t.value==="submitting",onClick:a},e.toDisplayString(t.value==="submitting"?"Unsubscribing…":"Unsubscribe"),9,B)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("button",{class:"sub-btn",disabled:t.value==="submitting",onClick:a},e.toDisplayString(t.value==="submitting"?"Subscribing…":"Subscribe to Blog Updates"),9,y),t.value==="done"?(e.openBlock(),e.createElementBlock("p",h," You're subscribed! ")):e.createCommentVNode("",!0)],64)),t.value==="error"?(e.openBlock(),e.createElementBlock("p",E," Something went wrong — please try again. ")):e.createCommentVNode("",!0)]))}});module.exports=_;
+"use strict";const e=require("vue"),b=require("./index77.cjs"),d={key:0,class:"sub-form"},m=["disabled"],v=["disabled"],p=["disabled"],k={key:0,class:"sub-feedback sub-feedback--error"},g={key:1,class:"sub-success"},f={key:1,class:"sub-auth"},y=["disabled"],h={key:0,class:"sub-feedback sub-feedback--success"},B=["disabled"],E={key:2,class:"sub-feedback sub-feedback--error"},_=e.defineComponent({__name:"SubscribeForm",props:{mode:{default:"anon"},subscribeAnon:{type:Function,default:void 0},subscribeAuth:{type:Function,default:void 0},unsubscribeAuth:{type:Function,default:void 0}},setup(c){const u=c,n=e.ref(""),l=e.ref(""),t=e.ref("idle"),o=e.ref(!1),r=e.computed(()=>b.validateEmail(n.value));async function a(){if(t.value!=="submitting")if(u.mode==="auth")if(o.value){if(!u.unsubscribeAuth)return;t.value="submitting";try{await u.unsubscribeAuth(),o.value=!1,t.value="idle"}catch{t.value="error"}}else{if(!u.subscribeAuth)return;t.value="submitting";try{await u.subscribeAuth(),o.value=!0,t.value="done"}catch{t.value="error"}}else{if(!r.value||!u.subscribeAnon)return;t.value="submitting";try{await u.subscribeAnon(n.value.trim(),l.value.trim()),t.value="done"}catch{t.value="error"}}}return(V,s)=>c.mode==="anon"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.value!=="done"?(e.openBlock(),e.createElementBlock("div",d,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":s[0]||(s[0]=i=>l.value=i),class:"sub-input",type:"text",placeholder:"Your name (optional)",disabled:t.value==="submitting"},null,8,m),[[e.vModelText,l.value]]),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":s[1]||(s[1]=i=>n.value=i),class:"sub-input",type:"email",placeholder:"your@email.com",disabled:t.value==="submitting"},null,8,v),[[e.vModelText,n.value]]),e.createElementVNode("button",{class:"sub-btn",disabled:!r.value||t.value==="submitting",onClick:a},e.toDisplayString(t.value==="submitting"?"Submitting…":"Subscribe"),9,p),t.value==="error"?(e.openBlock(),e.createElementBlock("p",k," Something went wrong — please try again. ")):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",g,[...s[2]||(s[2]=[e.createElementVNode("span",{class:"sub-success-icon"},"✓",-1),e.createElementVNode("p",{class:"sub-success-text"}," Check your email to confirm your subscription. ",-1)])]))],64)):(e.openBlock(),e.createElementBlock("div",f,[o.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[s[3]||(s[3]=e.createElementVNode("span",{class:"sub-subscribed-label"},"✓ Subscribed to blog updates",-1)),e.createElementVNode("button",{class:"sub-btn sub-btn--unsub",disabled:t.value==="submitting",onClick:a},e.toDisplayString(t.value==="submitting"?"Unsubscribing…":"Unsubscribe"),9,B)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("button",{class:"sub-btn",disabled:t.value==="submitting",onClick:a},e.toDisplayString(t.value==="submitting"?"Subscribing…":"Subscribe to Blog Updates"),9,y),t.value==="done"?(e.openBlock(),e.createElementBlock("p",h," You're subscribed! ")):e.createCommentVNode("",!0)],64)),t.value==="error"?(e.openBlock(),e.createElementBlock("p",E," Something went wrong — please try again. ")):e.createCommentVNode("",!0)]))}});module.exports=_;

package/dist/{index30.mjs → index31.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as h, ref as o, computed as k, openBlock as s, createElementBlock as t, Fragment as d, withDirectives as g, createElementVNode as i, vModelText as y, toDisplayString as m, createCommentVNode as v } from "vue";
-import { validateEmail as _ } from "./index79.mjs";
+import { validateEmail as _ } from "./index77.mjs";
 const A = {
   key: 0,
   class: "sub-form"

package/dist/index35.cjs

@@ -1 +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;
+"use strict";const e=require("vue"),u=require("./index33.cjs");;/* empty css          */const i=require("./index36.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/index35.mjs

@@ -1,11 +1,42 @@
-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;
-}
+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 "./index33.mjs";
+/* empty css         */
+import { DIALOG_KEY as _ } from "./index36.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 l(n, e) {
+      return r({
+        title: n,
+        message: e,
+        actions: [
+          { label: "Cancel", value: !1, variant: "secondary" },
+          { label: "Confirm", value: !0, variant: "primary" }
+        ]
+      });
+    }
+    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 {
-  r as DIALOG_KEY,
-  e as useDialog
+  b as default
 };

package/dist/index36.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";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/index36.mjs

@@ -1,87 +1,11 @@
-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);
-    }
-    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"])
-    ]));
-  }
-});
+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 {
-  j as default
+  r as DIALOG_KEY,
+  e as useDialog
 };

package/dist/index37.cjs

@@ -0,0 +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;

package/dist/index37.mjs

@@ -0,0 +1,87 @@
+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);
+    }
+    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 {
+  j as default
+};

package/dist/index39.cjs

@@ -1 +1 @@
-"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;
+"use strict";const e=require("vue"),u=require("./index37.cjs");;/* empty css          */const a=require("./index40.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/index39.mjs

@@ -1,11 +1,32 @@
-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;
-}
+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 "./index37.mjs";
+/* empty css         */
+import { PANEL_KEY as v } from "./index40.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 {
-  r as PANEL_KEY,
-  o as usePanel
+  $ as default
 };

package/dist/index40.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),o=["disabled","aria-busy"],l={key:0,class:"m2s2-btn-spinner","aria-hidden":"true"},i=e.defineComponent({inheritAttrs:!1,__name:"LoadingButton",props:{loading:{type:Boolean,default:!1},loadingText:{default:void 0}},setup(t){const n=e.useAttrs();return(a,s)=>(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=i;
+"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/index40.mjs

@@ -1,28 +1,11 @@
-import { defineComponent as i, useAttrs as l, openBlock as t, createElementBlock as a, mergeProps as s, 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: { default: void 0 }
-  },
-  setup(e) {
-    const n = l();
-    return (d, y) => (t(), a("button", s(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));
-  }
-});
+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 {
-  k as default
+  r as PANEL_KEY,
+  o as usePanel
 };

package/dist/index41.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=["disabled","aria-busy"],l={key:0,class:"m2s2-btn-spinner","aria-hidden":"true"},i=e.defineComponent({inheritAttrs:!1,__name:"LoadingButton",props:{loading:{type:Boolean,default:!1},loadingText:{default:void 0}},setup(t){const n=e.useAttrs();return(a,s)=>(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=i;

package/dist/index41.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as i, useAttrs as l, openBlock as t, createElementBlock as a, mergeProps as s, 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: { default: void 0 }
+  },
+  setup(e) {
+    const n = l();
+    return (d, y) => (t(), a("button", s(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 {
+  k as default
+};

package/dist/index43.cjs

@@ -1 +1 @@
-"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;
+"use strict";const t=require("vue"),c=require("./index44.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/index43.mjs

@@ -1,11 +1,32 @@
-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;
-}
+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 "./index44.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 {
-  r as THEME_KEY,
-  m as useTheme
+  _ as default
 };

package/dist/index44.cjs

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

@@ -1,36 +1,11 @@
-import { defineComponent as v, ref as a, onMounted as d, onUnmounted as p, provide as f, renderSlot as g } from "vue";
-import { AUTH_KEY as c } from "./index45.mjs";
-const A = /* @__PURE__ */ v({
-  __name: "AuthProvider",
-  props: {
-    provider: {}
-  },
-  setup(l) {
-    const n = l, e = a(void 0), r = a(!1), s = a(!0);
-    let o;
-    d(async () => {
-      const t = await n.provider.getCurrentUser();
-      e.value = t, r.value = !!t, s.value = !1, o = n.provider.subscribeToAuthState((u) => {
-        r.value = u, u || (e.value = void 0);
-      });
-    }), p(() => o == null ? void 0 : o());
-    async function i() {
-      await n.provider.signOut(), e.value = void 0, r.value = !1;
-    }
-    return f(c, {
-      get user() {
-        return e.value;
-      },
-      get loggedIn() {
-        return r.value;
-      },
-      get loading() {
-        return s.value;
-      },
-      signOut: i
-    }), (t, u) => g(t.$slots, "default");
-  }
-});
+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 {
-  A as default
+  r as THEME_KEY,
+  m as useTheme
 };

package/dist/index45.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),e=Symbol("auth");function r(){const t=u.inject(e);if(!t)throw new Error("useAuth must be used within an <AuthProvider>");return t}exports.AUTH_KEY=e;exports.useAuth=r;
+"use strict";const e=require("vue"),v=require("./index46.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;

package/dist/index45.mjs

@@ -1,11 +1,36 @@
-import { inject as r } from "vue";
-const o = Symbol("auth");
-function e() {
-  const t = r(o);
-  if (!t) throw new Error("useAuth must be used within an <AuthProvider>");
-  return t;
-}
+import { defineComponent as v, ref as a, onMounted as d, onUnmounted as p, provide as f, renderSlot as g } from "vue";
+import { AUTH_KEY as c } from "./index46.mjs";
+const A = /* @__PURE__ */ v({
+  __name: "AuthProvider",
+  props: {
+    provider: {}
+  },
+  setup(l) {
+    const n = l, e = a(void 0), r = a(!1), s = a(!0);
+    let o;
+    d(async () => {
+      const t = await n.provider.getCurrentUser();
+      e.value = t, r.value = !!t, s.value = !1, o = n.provider.subscribeToAuthState((u) => {
+        r.value = u, u || (e.value = void 0);
+      });
+    }), p(() => o == null ? void 0 : o());
+    async function i() {
+      await n.provider.signOut(), e.value = void 0, r.value = !1;
+    }
+    return f(c, {
+      get user() {
+        return e.value;
+      },
+      get loggedIn() {
+        return r.value;
+      },
+      get loading() {
+        return s.value;
+      },
+      signOut: i
+    }), (t, u) => g(t.$slots, "default");
+  }
+});
 export {
-  o as AUTH_KEY,
-  e as useAuth
+  A as default
 };

package/dist/index46.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),d=require("./index48.cjs");;/* empty css          */const i=["aria-expanded"],c=e.defineComponent({__name:"Dropdown",props:{items:{},align:{default:"left"}},setup(s){const n=e.ref(!1),r=e.ref(null);function u(o){r.value&&!r.value.contains(o.target)&&(n.value=!1)}function a(o){o.key==="Escape"&&(n.value=!1)}return e.onMounted(()=>{document.addEventListener("mousedown",u),document.addEventListener("keydown",a)}),e.onUnmounted(()=>{document.removeEventListener("mousedown",u),document.removeEventListener("keydown",a)}),(o,t)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"root",ref:r,class:"m2s2-dropdown"},[e.createElementVNode("div",{class:"m2s2-dropdown__trigger","aria-haspopup":"menu","aria-expanded":n.value,onClick:t[0]||(t[0]=l=>n.value=!n.value)},[e.renderSlot(o.$slots,"default")],8,i),n.value?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass(["m2s2-dropdown__menu",`m2s2-dropdown__menu--${s.align}`]),role:"menu"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,l=>(e.openBlock(),e.createBlock(d,{key:l.id,item:l,onSelect:t[1]||(t[1]=m=>n.value=!1)},null,8,["item"]))),128))],2)):e.createCommentVNode("",!0)],512))}});module.exports=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),e=Symbol("auth");function r(){const t=u.inject(e);if(!t)throw new Error("useAuth must be used within an <AuthProvider>");return t}exports.AUTH_KEY=e;exports.useAuth=r;