@stachelock/ui 0.8.4 → 0.8.7

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@stachelock/ui",
-  "version": "0.8.4",
+  "version": "0.8.7",
   "description": "A comprehensive Vue 3 UI component library built with Tailwind CSS",
   "type": "module",
+  "publishConfig": {
+    "access": "restricted"
+  },
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/dist/ProfileHeaderAvatar.vue_vue_type_script_setup_true_lang-CKCoHD1o.js

@@ -1,125 +0,0 @@
-import { defineComponent as B, ref as m, computed as o, onMounted as I, onBeforeUnmount as U, createElementBlock as n, openBlock as a, createElementVNode as r, createVNode as j, createCommentVNode as u, normalizeStyle as v, normalizeClass as k, renderSlot as f, createBlock as R, toDisplayString as c, Transition as S, withCtx as M } from "vue";
-import P from "./components/CloudinaryImage.js";
-const T = { class: "sl-relative sl-flex sl-items-center sl-gap-3" }, V = ["aria-expanded"], O = {
-  key: 1,
-  class: "sl-w-full sl-h-full sl-inline-flex sl-items-center sl-justify-center sl-bg-stachelock-200 dark:sl-bg-stachelock-700"
-}, A = { class: "sl-p-4 sl-border-b sl-border-gray-200 dark:sl-border-slate-700" }, D = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white" }, H = { class: "sl-text-xs sl-text-gray-500 dark:sl-text-slate-400" }, K = {
-  key: 0,
-  class: "sl-py-1"
-}, J = /* @__PURE__ */ B({
-  __name: "ProfileHeaderAvatar",
-  props: {
-    userName: {},
-    userEmail: { default: "" },
-    imagePublicId: {},
-    imageUrl: {},
-    showLogout: { type: Boolean, default: !0 },
-    logoutLabel: { default: "Log Out" },
-    size: { default: 40 },
-    ringColorClass: { default: "sl-ring-stachelock-400" },
-    menuTop: { default: "3rem" },
-    menuRight: { default: "0" }
-  },
-  emits: ["logout", "menu-toggle"],
-  setup(e, { expose: y, emit: b }) {
-    const s = e, d = b, l = m(!1), x = m(null), p = m(null), w = o(() => !!s.imagePublicId || !!s.imageUrl), C = o(() => s.userName ? s.userName.split(" ").map((t) => t[0]).join("").toUpperCase().slice(0, 2) : "U"), z = o(() => `hover:sl-ring-2 hover:${s.ringColorClass}`), E = o(() => `sl-ring-2 ${s.ringColorClass}`), L = o(() => s.size < 32 ? "sl-text-xs" : s.size < 48 ? "sl-text-sm" : "sl-text-base"), N = o(() => ({
-      top: s.menuTop,
-      right: s.menuRight
-    })), g = () => {
-      l.value = !l.value, d("menu-toggle", l.value);
-    }, i = () => {
-      l.value && (l.value = !1, d("menu-toggle", !1));
-    }, $ = () => {
-      i(), d("logout");
-    }, h = (t) => {
-      t.key === "Escape" && i();
-    };
-    return I(() => {
-      document.addEventListener("keydown", h);
-    }), U(() => {
-      document.removeEventListener("keydown", h);
-    }), y({
-      toggleMenu: g,
-      closeMenu: i,
-      isMenuOpen: l
-    }), (t, q) => (a(), n("div", T, [
-      r("button", {
-        ref_key: "avatarButton",
-        ref: x,
-        type: "button",
-        onClick: g,
-        class: k(["sl-relative sl-inline-flex sl-items-center sl-justify-center sl-rounded-full sl-overflow-hidden sl-transition-all sl-flex-shrink-0 focus:sl-outline-none", [
-          z.value,
-          { [E.value]: l.value }
-        ]]),
-        style: v({ width: `${e.size}px`, height: `${e.size}px` }),
-        "aria-expanded": l.value,
-        "aria-haspopup": "true"
-      }, [
-        f(t.$slots, "avatar", {}, () => [
-          w.value ? (a(), R(P, {
-            key: 0,
-            src: e.imageUrl,
-            "public-id": e.imagePublicId,
-            alt: e.userName,
-            width: e.size,
-            height: e.size,
-            "custom-classes": { image: { "sl-w-full sl-h-full sl-object-cover sl-object-center": !0 } },
-            skeleton: "user"
-          }, null, 8, ["src", "public-id", "alt", "width", "height"])) : (a(), n("div", O, [
-            r("span", {
-              class: k(["sl-font-semibold sl-text-stachelock-700 dark:sl-text-stachelock-200", L.value])
-            }, c(C.value), 3)
-          ]))
-        ])
-      ], 14, V),
-      j(S, {
-        "enter-active-class": "sl-transition sl-ease-out sl-duration-100",
-        "enter-from-class": "sl-transform sl-opacity-0 sl-scale-95",
-        "enter-to-class": "sl-transform sl-opacity-100 sl-scale-100",
-        "leave-active-class": "sl-transition sl-ease-in sl-duration-75",
-        "leave-from-class": "sl-transform sl-opacity-100 sl-scale-100",
-        "leave-to-class": "sl-transform sl-opacity-0 sl-scale-95"
-      }, {
-        default: M(() => [
-          l.value ? (a(), n("div", {
-            key: 0,
-            ref_key: "menuRef",
-            ref: p,
-            class: "sl-absolute sl-bg-white dark:sl-bg-slate-800 sl-rounded-lg sl-shadow-lg sl-border sl-border-gray-200 dark:sl-border-slate-700 sl-z-50 sl-min-w-max sl-overflow-hidden",
-            style: v(N.value),
-            role: "menu",
-            "aria-orientation": "vertical"
-          }, [
-            r("div", A, [
-              f(t.$slots, "menu-header", {}, () => [
-                r("p", D, c(e.userName), 1),
-                r("p", H, c(e.userEmail), 1)
-              ])
-            ]),
-            t.$slots["menu-items"] ? (a(), n("div", K, [
-              f(t.$slots, "menu-items")
-            ])) : u("", !0),
-            e.showLogout ? (a(), n("button", {
-              key: 1,
-              type: "button",
-              onClick: $,
-              class: "sl-w-full sl-text-left sl-px-4 sl-py-2 sl-text-sm sl-text-red-600 dark:sl-text-red-400 hover:sl-bg-red-50 dark:hover:sl-bg-red-900/20 sl-transition-colors",
-              role: "menuitem"
-            }, c(e.logoutLabel), 1)) : u("", !0)
-          ], 4)) : u("", !0)
-        ]),
-        _: 3
-      }),
-      l.value ? (a(), n("div", {
-        key: 0,
-        class: "sl-fixed sl-inset-0 sl-z-40",
-        onClick: i,
-        "aria-hidden": "true"
-      })) : u("", !0)
-    ]));
-  }
-});
-export {
-  J as _
-};