@pequity/squirrel 1.0.20-beta.2 → 1.0.20-beta.3

package/dist/es/inputClassesMixin.js

@@ -1,12 +1,12 @@
-import { INPUT_SIZES as t, ERROR_MSG as n, INPUT_BASE as a, SPACING_PREFIX as o, SPACING_LEFT as E, SPACING_SUFFIX as l, SPACING_RIGHT as r, INPUT_ERROR as S, INPUT_NORMAL as u, LABEL_BASE as $, LABEL_SIZES as p, LABEL_REQUIRED as c, SELECT_BASE as C, SELECT_ARROW as _, SELECT_SIZES as h, TEXTAREA_BASE as A } from "./inputClassesShared.js";
-import { defineComponent as I } from "vue";
-const L = I({
+import { INPUT_SIZES, ERROR_MSG, INPUT_BASE, SPACING_PREFIX, SPACING_LEFT, SPACING_SUFFIX, SPACING_RIGHT, INPUT_ERROR, INPUT_NORMAL, LABEL_BASE, LABEL_SIZES, LABEL_REQUIRED, SELECT_BASE, SELECT_ARROW, SELECT_SIZES, TEXTAREA_BASE } from "./inputClassesShared.js";
+import { defineComponent } from "vue";
+const inputClassesMixin = defineComponent({
   props: {
     size: {
       type: String,
       default: "md",
-      validator(s) {
-        return Object.keys(t).includes(s);
+      validator(value) {
+        return Object.keys(INPUT_SIZES).includes(value);
       }
     },
     errorMsg: {
@@ -15,31 +15,37 @@ const L = I({
     },
     required: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
   data() {
     return {
-      errorMsgClasses: n
+      errorMsgClasses: ERROR_MSG
     };
   },
   computed: {
     inputClasses() {
-      const s = `${a} ${t[this.size]}`, e = this.$slots.prefix ? o[this.size] : E[this.size], i = this.$slots.suffix ? l[this.size] : r[this.size];
-      return `${s} ${e} ${i} ${this.errorMsg ? S : u}`;
+      const base = `${INPUT_BASE} ${INPUT_SIZES[this.size]}`;
+      const spacingLeft = this.$slots.prefix ? SPACING_PREFIX[this.size] : SPACING_LEFT[this.size];
+      const spacingRight = this.$slots.suffix ? SPACING_SUFFIX[this.size] : SPACING_RIGHT[this.size];
+      const res = `${base} ${spacingLeft} ${spacingRight} ${this.errorMsg ? INPUT_ERROR : INPUT_NORMAL}`;
+      return res;
     },
     labelClasses() {
-      const s = `${$} ${p[this.size]}`;
-      return this.required ? `${s} ${c}` : s;
+      const base = `${LABEL_BASE} ${LABEL_SIZES[this.size]}`;
+      const res = this.required ? `${base} ${LABEL_REQUIRED}` : base;
+      return res;
     },
     selectClasses() {
-      return `${this.inputClasses.replace(` ${r[this.size]}`, "")} ${C} ${_} ${h[this.size]}`;
+      const res = `${this.inputClasses.replace(` ${SPACING_RIGHT[this.size]}`, "")} ${SELECT_BASE} ${SELECT_ARROW} ${SELECT_SIZES[this.size]}`;
+      return res;
     },
     textareaClasses() {
-      return `${this.inputClasses} ${A}`;
+      const res = `${this.inputClasses} ${TEXTAREA_BASE}`;
+      return res;
     }
   }
 });
 export {
-  L as default
+  inputClassesMixin as default
 };

package/dist/es/inputClassesShared.js

@@ -1,8 +1,12 @@
-const r = "block mb-1 font-bold", e = {
-  sm: "text-xs",
-  md: "text-sm",
-  lg: "text-base"
-}, t = "after:content-['_*'] after:text-on-error", o = "text-xs text-on-error mt-1", n = [
+const LABEL_BASE = `block mb-1 font-bold`;
+const LABEL_SIZES = {
+  sm: `text-xs`,
+  md: `text-sm`,
+  lg: `text-base`
+};
+const LABEL_REQUIRED = `after:content-['_*'] after:text-on-error`;
+const ERROR_MSG = `text-xs text-on-error mt-1`;
+const INPUT_BASE = [
   "text-night",
   "w-full",
   "bg-surface",
@@ -16,46 +20,57 @@ const r = "block mb-1 font-bold", e = {
   "disabled:bg-p-blue-10",
   "disabled:cursor-default",
   "placeholder:text-p-gray-40"
-].join(" "), s = "ring-p-gray-30 hover:ring-primary focus:ring-primary", g = "ring-on-error hover:ring-on-error focus:ring-on-error", c = {
-  sm: "h-8 text-sm rounded",
-  md: "h-10 text-base rounded",
-  lg: "h-12 text-lg rounded"
-}, l = "resize-y px-3 py-3 overflow-auto h-auto", p = "truncate", d = "squirrel-bg-chevron-down bg-no-repeat appearance-none", i = {
-  sm: "bg-[right_0.675rem_center] pr-8",
-  md: "bg-[right_1rem_center] pr-10",
-  lg: "bg-[right_1.25rem_center] pr-12"
-}, a = {
-  sm: "pl-3",
-  md: "pl-4",
-  lg: "pl-5"
-}, E = {
-  sm: "pr-3",
-  md: "pr-4",
-  lg: "pr-5"
-}, m = {
-  sm: "pl-6",
-  md: "pl-8",
-  lg: "pl-12"
-}, _ = {
-  sm: "pr-6",
-  md: "pr-8",
-  lg: "pr-12"
+].join(" ");
+const INPUT_NORMAL = `ring-p-gray-30 hover:ring-primary focus:ring-primary`;
+const INPUT_ERROR = `ring-on-error hover:ring-on-error focus:ring-on-error`;
+const INPUT_SIZES = {
+  sm: `h-8 text-sm rounded`,
+  md: `h-10 text-base rounded`,
+  lg: `h-12 text-lg rounded`
+};
+const TEXTAREA_BASE = `resize-y px-3 py-3 overflow-auto h-auto`;
+const SELECT_BASE = "truncate";
+const SELECT_ARROW = `squirrel-bg-chevron-down bg-no-repeat appearance-none`;
+const SELECT_SIZES = {
+  sm: `bg-[right_0.675rem_center] pr-8`,
+  md: `bg-[right_1rem_center] pr-10`,
+  lg: `bg-[right_1.25rem_center] pr-12`
+};
+const SPACING_LEFT = {
+  sm: `pl-3`,
+  md: `pl-4`,
+  lg: `pl-5`
+};
+const SPACING_RIGHT = {
+  sm: `pr-3`,
+  md: `pr-4`,
+  lg: `pr-5`
+};
+const SPACING_PREFIX = {
+  sm: `pl-6`,
+  md: `pl-8`,
+  lg: `pl-12`
+};
+const SPACING_SUFFIX = {
+  sm: `pr-6`,
+  md: `pr-8`,
+  lg: `pr-12`
 };
 export {
-  o as ERROR_MSG,
-  n as INPUT_BASE,
-  g as INPUT_ERROR,
-  s as INPUT_NORMAL,
-  c as INPUT_SIZES,
-  r as LABEL_BASE,
-  t as LABEL_REQUIRED,
-  e as LABEL_SIZES,
-  d as SELECT_ARROW,
-  p as SELECT_BASE,
-  i as SELECT_SIZES,
-  a as SPACING_LEFT,
-  m as SPACING_PREFIX,
-  E as SPACING_RIGHT,
-  _ as SPACING_SUFFIX,
-  l as TEXTAREA_BASE
+  ERROR_MSG,
+  INPUT_BASE,
+  INPUT_ERROR,
+  INPUT_NORMAL,
+  INPUT_SIZES,
+  LABEL_BASE,
+  LABEL_REQUIRED,
+  LABEL_SIZES,
+  SELECT_ARROW,
+  SELECT_BASE,
+  SELECT_SIZES,
+  SPACING_LEFT,
+  SPACING_PREFIX,
+  SPACING_RIGHT,
+  SPACING_SUFFIX,
+  TEXTAREA_BASE
 };

package/dist/es/listKeyboardNavigation.js

@@ -1,9 +1,13 @@
-import { isElement as S, isVisible as A, getNextActiveElement as K } from "./dom.js";
-const L = "ArrowUp", y = "ArrowDown", R = "Enter", _ = "focus", F = Object.freeze({
+import { isElement, isVisible, getNextActiveElement } from "./dom.js";
+const ARROW_UP_KEY = "ArrowUp";
+const ARROW_DOWN_KEY = "ArrowDown";
+const ENTER_KEY = "Enter";
+const ITEM_FOCUS_CLASS = "focus";
+const defaults = Object.freeze({
   itemContainer: null,
   // HTMLElement
   itemSelector: ".dropdown-item:not(.disabled), .dropdown-item:not(:disabled)",
-  itemFocusClass: _,
+  itemFocusClass: ITEM_FOCUS_CLASS,
   /**
    * The selector for the event trigger
    */
@@ -11,50 +15,96 @@ const L = "ArrowUp", y = "ArrowDown", R = "Enter", _ = "focus", F = Object.freez
   /**
    * The keys to trigger selection
    */
-  itemSelectKeys: [R],
+  itemSelectKeys: [ENTER_KEY],
   /**
    * The events to trigger on selection (enter/space)
    */
   itemSelectEvents: ["click"]
 });
-let c = null;
-const D = (l) => {
-  if (!l || !l.itemContainer)
+let activeInstance = null;
+const setupListKeyboardNavigation = (options) => {
+  if (!options || !options.itemContainer) {
     throw Error("You must define an item container");
-  const b = { ...F, ...l }, { itemContainer: n, itemSelector: w, itemFocusClass: a, itemSelectSelector: f, itemSelectEvents: g, itemSelectKeys: C } = b, r = () => !n || !S(n) ? [] : [...n.querySelectorAll(`${w}`)].filter((t) => A(t)), i = () => r().find((e) => e.classList.contains(a)), m = () => {
-    r().forEach((e) => e.classList.remove(a));
-  }, v = (e) => {
-    m(), e == null || e.classList.add(a);
-  }, d = (e) => {
-    if ([L, y].includes(e.key)) {
+  }
+  const opts = { ...defaults, ...options };
+  const { itemContainer, itemSelector, itemFocusClass, itemSelectSelector, itemSelectEvents, itemSelectKeys } = opts;
+  const getItems = () => {
+    if (!itemContainer || !isElement(itemContainer)) {
+      return [];
+    }
+    const items = [...itemContainer.querySelectorAll(`${itemSelector}`)];
+    return items.filter((element) => isVisible(element));
+  };
+  const getFocusedItem = () => {
+    return getItems().find((item) => item.classList.contains(itemFocusClass));
+  };
+  const clearFocusedState = () => {
+    getItems().forEach((item) => item.classList.remove(itemFocusClass));
+  };
+  const setFocusedItem = (el) => {
+    clearFocusedState();
+    el == null ? void 0 : el.classList.add(itemFocusClass);
+  };
+  const listKeydown = (e) => {
+    if ([ARROW_UP_KEY, ARROW_DOWN_KEY].includes(e.key)) {
       e.preventDefault();
-      const t = r();
-      if (!t.length)
+      const items = getItems();
+      if (!items.length) {
         return;
-      const o = i() ?? e.target, s = K(t, o, e.key === y, !1);
-      v(s), k(s);
+      }
+      const target = getFocusedItem() ?? e.target;
+      const activeElement = getNextActiveElement(items, target, e.key === ARROW_DOWN_KEY, false);
+      setFocusedItem(activeElement);
+      adjustScroll(activeElement);
     }
-    if (C.includes(e.key) && i()) {
-      e.preventDefault();
-      const t = i(), o = f ? t == null ? void 0 : t.querySelector(f) : i();
-      g.forEach((s) => {
-        const p = new Event(s);
-        o && o.dispatchEvent(p);
-      });
+    if (itemSelectKeys.includes(e.key)) {
+      if (getFocusedItem()) {
+        e.preventDefault();
+        const focusedItem = getFocusedItem();
+        const el = itemSelectSelector ? focusedItem == null ? void 0 : focusedItem.querySelector(itemSelectSelector) : getFocusedItem();
+        itemSelectEvents.forEach((e2) => {
+          const event = new Event(e2);
+          if (el) {
+            el.dispatchEvent(event);
+          }
+        });
+      }
+    }
+  };
+  const init = () => {
+    if (activeInstance === instance)
+      ;
+    else {
+      if (activeInstance) {
+        console.warn("There can only be one instance of list navigation active at a time.");
+        activeInstance.destroy();
+      }
+      document.addEventListener("keydown", listKeydown);
+      activeInstance = instance;
     }
-  }, E = () => {
-    c === u || (c && (console.warn("There can only be one instance of list navigation active at a time."), c.destroy()), document.addEventListener("keydown", d), c = u);
-  }, h = () => {
-    m(), document.removeEventListener("keydown", d), c = null;
-  }, k = (e) => {
-    if (!n || !S(n))
+  };
+  const destroy = () => {
+    clearFocusedState();
+    document.removeEventListener("keydown", listKeydown);
+    activeInstance = null;
+  };
+  const adjustScroll = (activeOptionEl) => {
+    if (!itemContainer || !isElement(itemContainer)) {
       return;
-    const t = n.getBoundingClientRect(), { top: o, bottom: s } = e.getBoundingClientRect();
-    o < t.top ? e.scrollIntoView({ behavior: "auto", block: "nearest", inline: "start" }) : s > t.bottom && e.scrollIntoView({ behavior: "auto", block: "nearest", inline: "end" });
-  }, u = { getItems: r, getFocusedItem: i, clearFocusedState: m, setFocusedItem: v, listKeydown: d, init: E, destroy: h };
-  return E(), u;
+    }
+    const bounds = itemContainer.getBoundingClientRect();
+    const { top, bottom } = activeOptionEl.getBoundingClientRect();
+    if (top < bounds.top) {
+      activeOptionEl.scrollIntoView({ behavior: "auto", block: "nearest", inline: "start" });
+    } else if (bottom > bounds.bottom) {
+      activeOptionEl.scrollIntoView({ behavior: "auto", block: "nearest", inline: "end" });
+    }
+  };
+  const instance = { getItems, getFocusedItem, clearFocusedState, setFocusedItem, listKeydown, init, destroy };
+  init();
+  return instance;
 };
 export {
-  _ as ITEM_FOCUS_CLASS,
-  D as setupListKeyboardNavigation
+  ITEM_FOCUS_CLASS,
+  setupListKeyboardNavigation
 };

package/dist/es/number.js

@@ -1,4 +1,9 @@
-const u = (r) => r === "" || r === null || isNaN(Number(r)) ? null : Number(r);
+const toNumberOrNull = (val) => {
+  if (val === "" || val === null || isNaN(Number(val))) {
+    return null;
+  }
+  return Number(val);
+};
 export {
-  u as toNumberOrNull
+  toNumberOrNull
 };

package/dist/es/object.js

@@ -1,4 +1,4 @@
-const e = (t) => typeof t == "object" && t !== null;
+const isObject = (val) => typeof val === "object" && val !== null;
 export {
-  e as isObject
+  isObject
 };

package/dist/es/p-action-bar.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/p-action-bar.js";
+import { _ as _sfc_main } from "./chunks/p-action-bar.js";
 export {
-  f as default
+  _sfc_main as default
 };

package/dist/es/p-alert.js

@@ -1,61 +1,66 @@
-import { getColor as C } from "./tailwind.js";
-import { defineComponent as l, openBlock as o, createElementBlock as s, normalizeClass as i, createElementVNode as t, renderSlot as n } from "vue";
-import { _ as c } from "./chunks/_plugin-vue_export-helper.js";
-const r = {
-  info: "bg-info text-on-info",
-  warning: "bg-warning text-on-warning",
-  error: "bg-error text-on-error",
-  success: "bg-success text-on-success"
-}, a = l({
+import { getColor } from "./tailwind.js";
+import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from "vue";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const ALERT_TYPES = {
+  info: `bg-info text-on-info`,
+  warning: `bg-warning text-on-warning`,
+  error: `bg-error text-on-error`,
+  success: `bg-success text-on-success`
+};
+const _sfc_main = defineComponent({
   name: "PAlert",
   props: {
     type: {
       type: String,
       default: "info",
-      validator(e) {
-        return Object.keys(r).includes(e);
+      validator(value) {
+        return Object.keys(ALERT_TYPES).includes(value);
       }
     }
   },
   computed: {
     classes() {
-      return `${r[this.type]}`;
+      return `${ALERT_TYPES[this.type]}`;
     },
     svgColor() {
-      const e = `on-${this.type}`;
-      return C(e);
+      const type = `on-${this.type}`;
+      return getColor(type);
     }
   }
-}), d = { class: "flex" }, p = { class: "pr-2" }, f = {
+});
+const _hoisted_1 = { class: "flex" };
+const _hoisted_2 = { class: "pr-2" };
+const _hoisted_3 = {
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, u = ["fill"];
-function g(e, m, _, h, v, w) {
-  return o(), s("div", {
-    class: i(["rounded p-4 text-xs font-semibold", e.classes]),
+};
+const _hoisted_4 = ["fill"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["rounded p-4 text-xs font-semibold", _ctx.classes]),
     role: "alert"
   }, [
-    t("div", d, [
-      t("div", p, [
-        n(e.$slots, "icon", {}, () => [
-          (o(), s("svg", f, [
-            t("path", {
+    createElementVNode("div", _hoisted_1, [
+      createElementVNode("div", _hoisted_2, [
+        renderSlot(_ctx.$slots, "icon", {}, () => [
+          (openBlock(), createElementBlock("svg", _hoisted_3, [
+            createElementVNode("path", {
               d: "M8 0C6.41775 0 4.87104 0.469192 3.55544 1.34824C2.23985 2.22729 1.21447 3.47672 0.608967 4.93853C0.00346629 6.40034 -0.15496 8.00887 0.153721 9.56072C0.462403 11.1126 1.22433 12.538 2.34315 13.6569C3.46197 14.7757 4.88743 15.5376 6.43928 15.8463C7.99113 16.155 9.59966 15.9965 11.0615 15.391C12.5233 14.7855 13.7727 13.7602 14.6518 12.4446C15.5308 11.129 16 9.58225 16 8C16 5.87827 15.1571 3.84344 13.6569 2.34315C12.1566 0.842855 10.1217 0 8 0V0ZM8.16667 3.33333C8.36445 3.33333 8.55779 3.39198 8.72224 3.50186C8.88669 3.61175 9.01486 3.76792 9.09055 3.95065C9.16624 4.13338 9.18604 4.33444 9.14746 4.52842C9.10887 4.72241 9.01363 4.90059 8.87378 5.04044C8.73392 5.18029 8.55574 5.27553 8.36176 5.31412C8.16778 5.3527 7.96671 5.3329 7.78399 5.25721C7.60126 5.18153 7.44508 5.05335 7.3352 4.8889C7.22532 4.72445 7.16667 4.53112 7.16667 4.33333C7.16667 4.06812 7.27203 3.81376 7.45956 3.62623C7.6471 3.43869 7.90145 3.33333 8.16667 3.33333ZM9.66667 12.3333H7C6.82319 12.3333 6.65362 12.2631 6.5286 12.1381C6.40358 12.013 6.33334 11.8435 6.33334 11.6667C6.33334 11.4899 6.40358 11.3203 6.5286 11.1953C6.65362 11.0702 6.82319 11 7 11H7.5C7.54421 11 7.5866 10.9824 7.61786 10.9512C7.64911 10.9199 7.66667 10.8775 7.66667 10.8333V7.83333C7.66667 7.78913 7.64911 7.74674 7.61786 7.71548C7.5866 7.68423 7.54421 7.66667 7.5 7.66667H7C6.82319 7.66667 6.65362 7.59643 6.5286 7.47141C6.40358 7.34638 6.33334 7.17681 6.33334 7C6.33334 6.82319 6.40358 6.65362 6.5286 6.5286C6.65362 6.40357 6.82319 6.33333 7 6.33333H7.66667C8.02029 6.33333 8.35943 6.47381 8.60948 6.72386C8.85953 6.97391 9 7.31305 9 7.66667V10.8333C9 10.8775 9.01756 10.9199 9.04882 10.9512C9.08008 10.9824 9.12247 11 9.16667 11H9.66667C9.84348 11 10.0131 11.0702 10.1381 11.1953C10.2631 11.3203 10.3333 11.4899 10.3333 11.6667C10.3333 11.8435 10.2631 12.013 10.1381 12.1381C10.0131 12.2631 9.84348 12.3333 9.66667 12.3333Z",
-              fill: e.svgColor
-            }, null, 8, u)
+              fill: _ctx.svgColor
+            }, null, 8, _hoisted_4)
           ]))
         ])
       ]),
-      t("div", null, [
-        n(e.$slots, "default")
+      createElementVNode("div", null, [
+        renderSlot(_ctx.$slots, "default")
       ])
     ])
   ], 2);
 }
-const y = /* @__PURE__ */ c(a, [["render", g]]);
+const PAlert = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  y as default
+  PAlert as default
 };

package/dist/es/p-avatar.js

@@ -1,18 +1,20 @@
-import { defineComponent as n, openBlock as l, createElementBlock as r, normalizeClass as s, toDisplayString as i } from "vue";
-import { _ as o } from "./chunks/_plugin-vue_export-helper.js";
-const a = {
+import { defineComponent, openBlock, createElementBlock, normalizeClass, toDisplayString } from "vue";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const SHAPES = {
   rectangle: "rectangle",
   circle: "circle"
-}, c = {
-  [a.rectangle]: "rounded-lg",
-  [a.circle]: "rounded-full"
-}, p = n({
+};
+const SHAPE_CLASSES = {
+  [SHAPES.rectangle]: "rounded-lg",
+  [SHAPES.circle]: "rounded-full"
+};
+const _sfc_main = defineComponent({
   name: "PAvatar",
   props: {
     shape: {
       type: String,
-      default: a.circle,
-      validator: (e) => Object.values(a).includes(e)
+      default: SHAPES.circle,
+      validator: (value) => Object.values(SHAPES).includes(value)
     },
     imageSrc: {
       type: String,
@@ -20,7 +22,7 @@ const a = {
     },
     label: {
       type: String,
-      required: !0
+      required: true
     },
     imageClass: {
       type: String,
@@ -33,37 +35,38 @@ const a = {
   },
   data() {
     return {
-      imageBroken: !1
+      imageBroken: false
     };
   },
   computed: {
     shapeClass() {
-      return c[this.shape];
+      return SHAPE_CLASSES[this.shape];
     }
   },
   watch: {
     imageSrc() {
-      this.imageBroken = !1;
+      this.imageBroken = false;
     }
   }
-}), u = ["src", "alt"];
-function m(e, t, d, f, g, S) {
-  return l(), r("div", {
-    class: s(e.shapeClass)
+});
+const _hoisted_1 = ["src", "alt"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.shapeClass)
   }, [
-    e.imageSrc && !e.imageBroken ? (l(), r("img", {
+    _ctx.imageSrc && !_ctx.imageBroken ? (openBlock(), createElementBlock("img", {
       key: 0,
-      src: e.imageSrc,
-      alt: e.label,
-      class: s(["h-full w-full object-cover", [e.shapeClass, e.imageClass]]),
-      onError: t[0] || (t[0] = (h) => e.imageBroken = !0)
-    }, null, 42, u)) : (l(), r("div", {
+      src: _ctx.imageSrc,
+      alt: _ctx.label,
+      class: normalizeClass(["h-full w-full object-cover", [_ctx.shapeClass, _ctx.imageClass]]),
+      onError: _cache[0] || (_cache[0] = ($event) => _ctx.imageBroken = true)
+    }, null, 42, _hoisted_1)) : (openBlock(), createElementBlock("div", {
       key: 1,
-      class: s(["flex h-full w-full items-center justify-center", [e.shapeClass, e.labelClass]])
-    }, i(e.label), 3))
+      class: normalizeClass(["flex h-full w-full items-center justify-center", [_ctx.shapeClass, _ctx.labelClass]])
+    }, toDisplayString(_ctx.label), 3))
   ], 2);
 }
-const k = /* @__PURE__ */ o(p, [["render", m]]);
+const pAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  k as default
+  pAvatar as default
 };