@speckle/ui-components 2.16.1-alpha8 → 2.17.0

package/dist/AvatarEditor-0cf61750.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("@heroicons/vue/24/outline"),z=require("vue-advanced-cropper");require("vue-advanced-cropper/dist/style.css");const i=require("./lib.cjs"),c=require("vue-tippy");require("lodash");require("@heroicons/vue/24/solid");require("@heroicons/vue/20/solid");require("vee-validate");require("nanoid");require("@speckle/shared");require("@vueuse/core");require("@headlessui/vue");require("v3-infinite-loading");const q={class:"flex flex-col space-y-2"},R={class:"flex"},B={class:"flex mx-14 space-x-2"},_=e.createElementVNode("div",{class:"grow"},null,-1),F=e.defineComponent({__name:"AvatarEditor",props:{user:null,disabled:{type:Boolean},size:null},emits:["cancel","save"],setup(u,{emit:m}){const d=u,o=e.ref(null),f=e.ref(null),a=e.ref(null),r=e.ref(null),s=e.computed(()=>{switch(d.size){case"xs":return{width:64,height:64};case"xxl":return{width:140,height:140};case"editable":return{width:240,height:240};case"base":default:return{width:32,height:32}}}),h=t=>{r.value&&URL.revokeObjectURL(r.value),r.value=t},p=t=>{const l=t.files[0];l&&(a.value=l)},x=t=>{var l;return t?"border-primary":(l=a.value)!=null&&l.error?"border-danger":"border-outline-2"},g=()=>{var t;return(t=o.value)==null?void 0:t.rotate(-90)},C=()=>{var t;return(t=o.value)==null?void 0:t.rotate(90)},w=()=>{var t;return(t=o.value)==null?void 0:t.flip(1,0)},k=()=>{var t;return(t=o.value)==null?void 0:t.flip(0,1)},y=()=>{var t;return(t=f.value)==null?void 0:t.triggerPicker()},N=()=>{a.value=null,r.value=null},V=()=>{var l;const t=((l=o.value)==null?void 0:l.getResult().canvas.toDataURL("image/jpeg",.85))||null;m("save",t)};return e.onUnmounted(()=>{h(null)}),e.watch(()=>d.user.avatar,t=>{r.value=t||null},{immediate:!0}),e.watch(a,t=>{r.value=t!=null&&t.file&&!t.error?URL.createObjectURL(t.file):null},{deep:!0}),(t,l)=>(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",R,[e.createElementVNode("div",{class:e.normalizeClass(["flex flex-col px-2 space-y-1",{invisible:!r.value}])},[e.withDirectives(e.createVNode(i.FormButton,{"icon-left":e.unref(n.ArrowUturnLeftIcon),"hide-text":"",size:"sm",outlined:"",onClick:g},null,8,["icon-left"]),[[e.unref(c.directive),"Rotate left"]]),e.withDirectives(e.createVNode(i.FormButton,{"icon-left":e.unref(n.ArrowUturnRightIcon),"hide-text":"",size:"sm",outlined:"",onClick:C},null,8,["icon-left"]),[[e.unref(c.directive),"Rotate right"]]),e.withDirectives(e.createVNode(i.FormButton,{"icon-left":e.unref(n.ArrowUpOnSquareIcon),"hide-text":"",size:"sm",outlined:"",onClick:k},null,8,["icon-left"]),[[e.unref(c.directive),"Flip vertically"]]),e.withDirectives(e.createVNode(i.FormButton,{"icon-left":e.unref(n.ArrowLeftOnRectangleIcon),"hide-text":"",size:"sm",outlined:"",onClick:w},null,8,["icon-left"]),[[e.unref(c.directive),"Flip horizontally"]])],2),r.value?(e.openBlock(),e.createBlock(e.unref(z.Cropper),{key:0,ref_key:"cropper",ref:o,class:"cropper",src:r.value,"stencil-props":{aspectRatio:1/1},canvas:s.value,style:e.normalizeStyle(`width: ${s.value.width}px; height: ${s.value.height}px`)},null,8,["src","canvas","style"])):e.createCommentVNode("",!0),e.createVNode(i.FormFileUploadZone,{ref_key:"uploadZone",ref:f,class:e.normalizeClass(["cropper flex items-center justify-center",{hidden:r.value}]),accept:"image/*","size-limit":5*1024*1024,onFilesSelected:p},{default:e.withCtx(({isDraggingFiles:v,activatorOn:b})=>[e.createElementVNode("div",e.mergeProps({class:["cursor-pointer text-center w-full h-full border-dashed border-2 rounded-md p-4 flex items-center justify-center text-sm text-foreground-2",[x(v)]]},e.toHandlers(b,!0))," Click here or drag and drop an image ",16)]),_:1},8,["class"]),e.createElementVNode("div",{class:e.normalizeClass(["flex flex-col px-2 space-y-1",{invisible:!r.value}])},[e.withDirectives(e.createVNode(i.FormButton,{"icon-left":e.unref(n.PhotoIcon),"hide-text":"",size:"sm",onClick:y},null,8,["icon-left"]),[[e.unref(c.directive),"Replace image"]]),e.withDirectives(e.createVNode(i.FormButton,{"icon-left":e.unref(n.XMarkIcon),"hide-text":"",size:"sm",color:"danger",onClick:N},null,8,["icon-left"]),[[e.unref(c.directive),"Remove"]])],2)]),e.createElementVNode("div",B,[_,e.createVNode(i.FormButton,{color:"secondary",size:"sm",onClick:l[0]||(l[0]=v=>t.$emit("cancel"))},{default:e.withCtx(()=>[e.createTextVNode(" Close ")]),_:1}),e.createVNode(i.FormButton,{size:"sm",disabled:u.disabled,onClick:V},{default:e.withCtx(()=>[e.createTextVNode("Save")]),_:1},8,["disabled"])])]))}});exports.default=F;
+//# sourceMappingURL=AvatarEditor-0cf61750.cjs.map

package/dist/AvatarEditor-0cf61750.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarEditor-0cf61750.cjs","sources":["../src/components/user/AvatarEditor.vue"],"sourcesContent":["<template>\n  <div class=\"flex flex-col space-y-2\">\n    <div class=\"flex\">\n      <div class=\"flex flex-col px-2 space-y-1\" :class=\"{ invisible: !activeImageUrl }\">\n        <FormButton\n          v-tippy=\"'Rotate left'\"\n          :icon-left=\"ArrowUturnLeftIcon\"\n          hide-text\n          size=\"sm\"\n          outlined\n          @click=\"rotateLeft\"\n        />\n        <FormButton\n          v-tippy=\"'Rotate right'\"\n          :icon-left=\"ArrowUturnRightIcon\"\n          hide-text\n          size=\"sm\"\n          outlined\n          @click=\"rotateRight\"\n        />\n        <FormButton\n          v-tippy=\"'Flip vertically'\"\n          :icon-left=\"ArrowUpOnSquareIcon\"\n          hide-text\n          size=\"sm\"\n          outlined\n          @click=\"flipVertical\"\n        />\n        <FormButton\n          v-tippy=\"'Flip horizontally'\"\n          :icon-left=\"ArrowLeftOnRectangleIcon\"\n          hide-text\n          size=\"sm\"\n          outlined\n          @click=\"flipHorizontal\"\n        />\n      </div>\n      <Cropper\n        v-if=\"activeImageUrl\"\n        ref=\"cropper\"\n        class=\"cropper\"\n        :src=\"activeImageUrl\"\n        :stencil-props=\"{\n          aspectRatio: 1 / 1\n        }\"\n        :canvas=\"canvasSize\"\n        :style=\"`width: ${canvasSize.width}px; height: ${canvasSize.height}px`\"\n      />\n      <FormFileUploadZone\n        ref=\"uploadZone\"\n        v-slot=\"{ isDraggingFiles, activatorOn }\"\n        class=\"cropper flex items-center justify-center\"\n        :class=\"{ hidden: activeImageUrl }\"\n        accept=\"image/*\"\n        :size-limit=\"5 * 1024 * 1024\"\n        @files-selected=\"onFilesSelected\"\n      >\n        <div\n          class=\"cursor-pointer text-center w-full h-full border-dashed border-2 rounded-md p-4 flex items-center justify-center text-sm text-foreground-2\"\n          :class=\"[getDashedBorderClasses(isDraggingFiles)]\"\n          v-on=\"activatorOn\"\n        >\n          Click here or drag and drop an image\n        </div>\n      </FormFileUploadZone>\n      <div class=\"flex flex-col px-2 space-y-1\" :class=\"{ invisible: !activeImageUrl }\">\n        <FormButton\n          v-tippy=\"'Replace image'\"\n          :icon-left=\"PhotoIcon\"\n          hide-text\n          size=\"sm\"\n          @click=\"onReplace\"\n        />\n        <FormButton\n          v-tippy=\"'Remove'\"\n          :icon-left=\"XMarkIcon\"\n          hide-text\n          size=\"sm\"\n          color=\"danger\"\n          @click=\"onRemove\"\n        />\n      </div>\n    </div>\n    <div class=\"flex mx-14 space-x-2\">\n      <div class=\"grow\" />\n      <FormButton color=\"secondary\" size=\"sm\" @click=\"$emit('cancel')\">\n        Close\n      </FormButton>\n      <FormButton size=\"sm\" :disabled=\"disabled\" @click=\"onSave\">Save</FormButton>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport {\n  ArrowUturnLeftIcon,\n  ArrowUturnRightIcon,\n  ArrowLeftOnRectangleIcon,\n  ArrowUpOnSquareIcon,\n  XMarkIcon,\n  PhotoIcon\n} from '@heroicons/vue/24/outline'\nimport { Nullable } from '@speckle/shared'\nimport { onUnmounted, ref, watch, computed } from 'vue'\nimport { Cropper } from 'vue-advanced-cropper'\nimport 'vue-advanced-cropper/dist/style.css'\nimport FormButton from '~~/src/components/form/Button.vue'\nimport FormFileUploadZone from '~~/src/components/form/file-upload/Zone.vue'\nimport { UploadableFileItem } from '~~/src/composables/form/fileUpload'\nimport { AvatarUser, UserAvatarSize } from '~~/src/composables/user/avatar'\nimport { directive as vTippy } from 'vue-tippy'\n\n/**\n * Always try to lazy load this, as it's quite heavy\n */\n\nconst emit = defineEmits([\"cancel\", \"save\"])\n\nconst props = defineProps({\n  \"user\": null,\n  \"disabled\": { type: Boolean,  },\n  \"size\": null\n})\n\nconst cropper = ref(\n  null as Nullable<{\n    flip: (x: number, y: number) => void\n    rotate: (angle: number) => void\n    getResult: () => { canvas: HTMLCanvasElement }\n  }>\n)\nconst uploadZone = ref(null as Nullable<{ triggerPicker: () => void }>)\nconst selectedUpload = ref(null as Nullable<UploadableFileItem>)\nconst activeImageUrl = ref(null as Nullable<string>)\n\nconst canvasSize = computed(() => {\n  switch (props.size) {\n    case 'xs' || 'sm' || 'lg' || 'xl':\n      return { width: 64, height: 64 }\n    case 'xxl':\n      return { width: 140, height: 140 }\n    case 'editable':\n      return { width: 240, height: 240 }\n    case 'base':\n    default:\n      return { width: 32, height: 32 }\n  }\n})\n\nconst setNewActiveUrl = (url: Nullable<string>) => {\n  if (activeImageUrl.value) {\n    URL.revokeObjectURL(activeImageUrl.value)\n  }\n\n  activeImageUrl.value = url\n}\n\nconst onFilesSelected = (params: { files: UploadableFileItem[] }) => {\n  const file = params.files[0]\n  if (!file) return\n  selectedUpload.value = file\n}\n\nconst getDashedBorderClasses = (isDraggingFiles: boolean) => {\n  if (isDraggingFiles) return 'border-primary'\n  if (selectedUpload.value?.error) return 'border-danger'\n\n  return 'border-outline-2'\n}\n\nconst rotateLeft = () => cropper.value?.rotate(-90)\nconst rotateRight = () => cropper.value?.rotate(90)\nconst flipHorizontal = () => cropper.value?.flip(1, 0)\nconst flipVertical = () => cropper.value?.flip(0, 1)\n\nconst onReplace = () => uploadZone.value?.triggerPicker()\nconst onRemove = () => {\n  selectedUpload.value = null\n  activeImageUrl.value = null\n}\nconst onSave = () => {\n  const newUrl = cropper.value?.getResult().canvas.toDataURL('image/jpeg', 0.85) || null\n  emit('save', newUrl)\n}\n\nonUnmounted(() => {\n  setNewActiveUrl(null)\n})\n\nwatch(\n  () => props.user.avatar,\n  (newAvatar) => {\n    activeImageUrl.value = newAvatar || null\n  },\n  { immediate: true }\n)\n\nwatch(\n  selectedUpload,\n  (newUpload) => {\n    activeImageUrl.value =\n      newUpload?.file && !newUpload.error ? URL.createObjectURL(newUpload.file) : null\n  },\n  { deep: true }\n)\n</script>\n"],"names":["cropper","ref","uploadZone","selectedUpload","activeImageUrl","canvasSize","computed","props","setNewActiveUrl","url","onFilesSelected","params","file","getDashedBorderClasses","isDraggingFiles","_a","rotateLeft","rotateRight","flipHorizontal","flipVertical","onReplace","onRemove","onSave","newUrl","emit","onUnmounted","watch","newAvatar","newUpload"],"mappings":"syBA2HMA,EAAUC,EAAA,IACd,IAAA,EAMIC,EAAaD,MAAI,IAA+C,EAChEE,EAAiBF,MAAI,IAAoC,EACzDG,EAAiBH,MAAI,IAAwB,EAE7CI,EAAaC,EAAAA,SAAS,IAAM,CAChC,OAAQC,EAAM,KAAM,CAClB,IAAK,KACH,MAAO,CAAE,MAAO,GAAI,OAAQ,EAAG,EACjC,IAAK,MACH,MAAO,CAAE,MAAO,IAAK,OAAQ,GAAI,EACnC,IAAK,WACH,MAAO,CAAE,MAAO,IAAK,OAAQ,GAAI,EACnC,IAAK,OACL,QACE,MAAO,CAAE,MAAO,GAAI,OAAQ,EAAG,CACnC,CAAA,CACD,EAEKC,EAAmBC,GAA0B,CAC7CL,EAAe,OACb,IAAA,gBAAgBA,EAAe,KAAK,EAG1CA,EAAe,MAAQK,CAAA,EAGnBC,EAAmBC,GAA4C,CAC7D,MAAAC,EAAOD,EAAO,MAAM,CAAC,EACtBC,IACLT,EAAe,MAAQS,EAAA,EAGnBC,EAA0BC,GAA6B,OACvD,OAAAA,EAAwB,kBACxBC,EAAAZ,EAAe,QAAf,MAAAY,EAAsB,MAAc,gBAEjC,kBAAA,EAGHC,EAAa,IAAA,OAAM,OAAAD,EAAAf,EAAQ,QAAR,YAAAe,EAAe,OAAO,MACzCE,EAAc,IAAA,OAAM,OAAAF,EAAAf,EAAQ,QAAR,YAAAe,EAAe,OAAO,KAC1CG,EAAiB,IAAA,OAAM,OAAAH,EAAAf,EAAQ,QAAR,YAAAe,EAAe,KAAK,EAAG,IAC9CI,EAAe,IAAA,OAAM,OAAAJ,EAAAf,EAAQ,QAAR,YAAAe,EAAe,KAAK,EAAG,IAE5CK,EAAY,IAAM,OAAA,OAAAL,EAAAb,EAAW,QAAX,YAAAa,EAAkB,iBACpCM,EAAW,IAAM,CACrBlB,EAAe,MAAQ,KACvBC,EAAe,MAAQ,IAAA,EAEnBkB,EAAS,IAAM,OACb,MAAAC,IAASR,EAAAf,EAAQ,QAAR,YAAAe,EAAe,YAAY,OAAO,UAAU,aAAc,OAAS,KAClFS,EAAK,OAAQD,CAAM,CAAA,EAGrBE,OAAAA,EAAAA,YAAY,IAAM,CAChBjB,EAAgB,IAAI,CAAA,CACrB,EAEDkB,EAAA,MACE,IAAMnB,EAAM,KAAK,OAChBoB,GAAc,CACbvB,EAAe,MAAQuB,GAAa,IACtC,EACA,CAAE,UAAW,EAAK,CAAA,EAGpBD,EAAA,MACEvB,EACCyB,GAAc,CACExB,EAAA,MACbwB,GAAA,MAAAA,EAAW,MAAQ,CAACA,EAAU,MAAQ,IAAI,gBAAgBA,EAAU,IAAI,EAAI,IAChF,EACA,CAAE,KAAM,EAAK,CAAA"}

package/dist/{AvatarEditor-1bbae637.js → AvatarEditor-8531c565.js}

@@ -1,9 +1,9 @@
-import { defineComponent as j, ref as d, onUnmounted as N, watch as x, openBlock as g, createElementBlock as V, createElementVNode as a, normalizeClass as f, withDirectives as c, createVNode as r, unref as t, createBlock as O, createCommentVNode as S, withCtx as m, mergeProps as D, toHandlers as E, createTextVNode as k } from "vue";
-import { ArrowUturnLeftIcon as P, ArrowUturnRightIcon as Z, ArrowUpOnSquareIcon as $, ArrowLeftOnRectangleIcon as H, PhotoIcon as q, XMarkIcon as M } from "@heroicons/vue/24/outline";
-import { Cropper as T } from "vue-advanced-cropper";
+import { defineComponent as j, ref as d, computed as N, onUnmounted as V, watch as k, openBlock as y, createElementBlock as $, createElementVNode as a, normalizeClass as m, withDirectives as s, createVNode as r, unref as t, createBlock as O, normalizeStyle as D, createCommentVNode as E, withCtx as p, mergeProps as P, toHandlers as Z, createTextVNode as z } from "vue";
+import { ArrowUturnLeftIcon as H, ArrowUturnRightIcon as q, ArrowUpOnSquareIcon as M, ArrowLeftOnRectangleIcon as T, PhotoIcon as X, XMarkIcon as G } from "@heroicons/vue/24/outline";
+import { Cropper as J } from "vue-advanced-cropper";
 import "vue-advanced-cropper/dist/style.css";
-import { FormButton as i, FormFileUploadZone as X } from "./lib.js";
-import { directive as s } from "vue-tippy";
+import { FormButton as i, FormFileUploadZone as K } from "./lib.js";
+import { directive as c } from "vue-tippy";
 import "lodash";
 import "@heroicons/vue/24/solid";
 import "@heroicons/vue/20/solid";
@@ -13,25 +13,38 @@ import "@speckle/shared";
 import "@vueuse/core";
 import "@headlessui/vue";
 import "v3-infinite-loading";
-const G = { class: "flex flex-col space-y-2" }, J = { class: "flex" }, K = { class: "flex mx-14 space-x-2" }, Q = /* @__PURE__ */ a("div", { class: "grow" }, null, -1), me = /* @__PURE__ */ j({
+const Q = { class: "flex flex-col space-y-2" }, W = { class: "flex" }, Y = { class: "flex mx-14 space-x-2" }, ee = /* @__PURE__ */ a("div", { class: "grow" }, null, -1), he = /* @__PURE__ */ j({
   __name: "AvatarEditor",
   props: {
     user: null,
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    size: null
   },
   emits: ["cancel", "save"],
-  setup(p, { emit: C }) {
-    const R = p, n = d(
+  setup(v, { emit: C }) {
+    const h = v, n = d(
       null
-    ), v = d(null), u = d(null), l = d(null), _ = (e) => {
+    ), x = d(null), u = d(null), l = d(null), f = N(() => {
+      switch (h.size) {
+        case "xs":
+          return { width: 64, height: 64 };
+        case "xxl":
+          return { width: 140, height: 140 };
+        case "editable":
+          return { width: 240, height: 240 };
+        case "base":
+        default:
+          return { width: 32, height: 32 };
+      }
+    }), R = (e) => {
       l.value && URL.revokeObjectURL(l.value), l.value = e;
-    }, y = (e) => {
+    }, _ = (e) => {
       const o = e.files[0];
       o && (u.value = o);
     }, b = (e) => {
       var o;
       return e ? "border-primary" : (o = u.value) != null && o.error ? "border-danger" : "border-outline-2";
-    }, z = () => {
+    }, w = () => {
       var e;
       return (e = n.value) == null ? void 0 : e.rotate(-90);
     }, L = () => {
@@ -40,76 +53,76 @@ const G = { class: "flex flex-col space-y-2" }, J = { class: "flex" }, K = { cla
     }, U = () => {
       var e;
       return (e = n.value) == null ? void 0 : e.flip(1, 0);
-    }, w = () => {
-      var e;
-      return (e = n.value) == null ? void 0 : e.flip(0, 1);
     }, I = () => {
       var e;
-      return (e = v.value) == null ? void 0 : e.triggerPicker();
+      return (e = n.value) == null ? void 0 : e.flip(0, 1);
     }, A = () => {
-      u.value = null, l.value = null;
+      var e;
+      return (e = x.value) == null ? void 0 : e.triggerPicker();
     }, B = () => {
+      u.value = null, l.value = null;
+    }, F = () => {
       var o;
       const e = ((o = n.value) == null ? void 0 : o.getResult().canvas.toDataURL("image/jpeg", 0.85)) || null;
       C("save", e);
     };
-    return N(() => {
-      _(null);
-    }), x(
-      () => R.user.avatar,
+    return V(() => {
+      R(null);
+    }), k(
+      () => h.user.avatar,
       (e) => {
         l.value = e || null;
       },
       { immediate: !0 }
-    ), x(
+    ), k(
       u,
       (e) => {
         l.value = e != null && e.file && !e.error ? URL.createObjectURL(e.file) : null;
       },
       { deep: !0 }
-    ), (e, o) => (g(), V("div", G, [
-      a("div", J, [
+    ), (e, o) => (y(), $("div", Q, [
+      a("div", W, [
         a("div", {
-          class: f(["flex flex-col px-2 space-y-1", { invisible: !l.value }])
+          class: m(["flex flex-col px-2 space-y-1", { invisible: !l.value }])
         }, [
-          c(r(i, {
-            "icon-left": t(P),
+          s(r(i, {
+            "icon-left": t(H),
             "hide-text": "",
             size: "sm",
             outlined: "",
-            onClick: z
+            onClick: w
           }, null, 8, ["icon-left"]), [
-            [t(s), "Rotate left"]
+            [t(c), "Rotate left"]
           ]),
-          c(r(i, {
-            "icon-left": t(Z),
+          s(r(i, {
+            "icon-left": t(q),
             "hide-text": "",
             size: "sm",
             outlined: "",
             onClick: L
           }, null, 8, ["icon-left"]), [
-            [t(s), "Rotate right"]
+            [t(c), "Rotate right"]
           ]),
-          c(r(i, {
-            "icon-left": t($),
+          s(r(i, {
+            "icon-left": t(M),
             "hide-text": "",
             size: "sm",
             outlined: "",
-            onClick: w
+            onClick: I
           }, null, 8, ["icon-left"]), [
-            [t(s), "Flip vertically"]
+            [t(c), "Flip vertically"]
           ]),
-          c(r(i, {
-            "icon-left": t(H),
+          s(r(i, {
+            "icon-left": t(T),
             "hide-text": "",
             size: "sm",
             outlined: "",
             onClick: U
           }, null, 8, ["icon-left"]), [
-            [t(s), "Flip horizontally"]
+            [t(c), "Flip horizontally"]
           ])
         ], 2),
-        l.value ? (g(), O(t(T), {
+        l.value ? (y(), O(t(J), {
           key: 0,
           ref_key: "cropper",
           ref: n,
@@ -118,68 +131,65 @@ const G = { class: "flex flex-col space-y-2" }, J = { class: "flex" }, K = { cla
           "stencil-props": {
             aspectRatio: 1 / 1
           },
-          canvas: {
-            width: 250,
-            height: 250
-          },
-          style: { width: "250px", height: "250px" }
-        }, null, 8, ["src"])) : S("", !0),
-        r(X, {
+          canvas: f.value,
+          style: D(`width: ${f.value.width}px; height: ${f.value.height}px`)
+        }, null, 8, ["src", "canvas", "style"])) : E("", !0),
+        r(K, {
           ref_key: "uploadZone",
-          ref: v,
-          class: f(["cropper flex items-center justify-center", { hidden: l.value }]),
+          ref: x,
+          class: m(["cropper flex items-center justify-center", { hidden: l.value }]),
           accept: "image/*",
           "size-limit": 5 * 1024 * 1024,
-          onFilesSelected: y
+          onFilesSelected: _
         }, {
-          default: m(({ isDraggingFiles: h, activatorOn: F }) => [
-            a("div", D({
-              class: ["cursor-pointer text-center w-full h-full border-dashed border-2 rounded-md p-4 flex items-center justify-center text-sm text-foreground-2", [b(h)]]
-            }, E(F, !0)), " Click here or drag and drop an image ", 16)
+          default: p(({ isDraggingFiles: g, activatorOn: S }) => [
+            a("div", P({
+              class: ["cursor-pointer text-center w-full h-full border-dashed border-2 rounded-md p-4 flex items-center justify-center text-sm text-foreground-2", [b(g)]]
+            }, Z(S, !0)), " Click here or drag and drop an image ", 16)
           ]),
           _: 1
         }, 8, ["class"]),
         a("div", {
-          class: f(["flex flex-col px-2 space-y-1", { invisible: !l.value }])
+          class: m(["flex flex-col px-2 space-y-1", { invisible: !l.value }])
         }, [
-          c(r(i, {
-            "icon-left": t(q),
+          s(r(i, {
+            "icon-left": t(X),
             "hide-text": "",
             size: "sm",
-            onClick: I
+            onClick: A
           }, null, 8, ["icon-left"]), [
-            [t(s), "Replace image"]
+            [t(c), "Replace image"]
           ]),
-          c(r(i, {
-            "icon-left": t(M),
+          s(r(i, {
+            "icon-left": t(G),
             "hide-text": "",
             size: "sm",
             color: "danger",
-            onClick: A
+            onClick: B
           }, null, 8, ["icon-left"]), [
-            [t(s), "Remove"]
+            [t(c), "Remove"]
           ])
         ], 2)
       ]),
-      a("div", K, [
-        Q,
+      a("div", Y, [
+        ee,
         r(i, {
           color: "secondary",
           size: "sm",
-          onClick: o[0] || (o[0] = (h) => e.$emit("cancel"))
+          onClick: o[0] || (o[0] = (g) => e.$emit("cancel"))
         }, {
-          default: m(() => [
-            k(" Cancel ")
+          default: p(() => [
+            z(" Close ")
           ]),
           _: 1
         }),
         r(i, {
           size: "sm",
-          disabled: p.disabled,
-          onClick: B
+          disabled: v.disabled,
+          onClick: F
         }, {
-          default: m(() => [
-            k("Save")
+          default: p(() => [
+            z("Save")
           ]),
           _: 1
         }, 8, ["disabled"])
@@ -188,6 +198,6 @@ const G = { class: "flex flex-col space-y-2" }, J = { class: "flex" }, K = { cla
   }
 });
 export {
-  me as default
+  he as default
 };
-//# sourceMappingURL=AvatarEditor-1bbae637.js.map
+//# sourceMappingURL=AvatarEditor-8531c565.js.map

package/dist/AvatarEditor-8531c565.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarEditor-8531c565.js","sources":["../src/components/user/AvatarEditor.vue"],"sourcesContent":["<template>\n  <div class=\"flex flex-col space-y-2\">\n    <div class=\"flex\">\n      <div class=\"flex flex-col px-2 space-y-1\" :class=\"{ invisible: !activeImageUrl }\">\n        <FormButton\n          v-tippy=\"'Rotate left'\"\n          :icon-left=\"ArrowUturnLeftIcon\"\n          hide-text\n          size=\"sm\"\n          outlined\n          @click=\"rotateLeft\"\n        />\n        <FormButton\n          v-tippy=\"'Rotate right'\"\n          :icon-left=\"ArrowUturnRightIcon\"\n          hide-text\n          size=\"sm\"\n          outlined\n          @click=\"rotateRight\"\n        />\n        <FormButton\n          v-tippy=\"'Flip vertically'\"\n          :icon-left=\"ArrowUpOnSquareIcon\"\n          hide-text\n          size=\"sm\"\n          outlined\n          @click=\"flipVertical\"\n        />\n        <FormButton\n          v-tippy=\"'Flip horizontally'\"\n          :icon-left=\"ArrowLeftOnRectangleIcon\"\n          hide-text\n          size=\"sm\"\n          outlined\n          @click=\"flipHorizontal\"\n        />\n      </div>\n      <Cropper\n        v-if=\"activeImageUrl\"\n        ref=\"cropper\"\n        class=\"cropper\"\n        :src=\"activeImageUrl\"\n        :stencil-props=\"{\n          aspectRatio: 1 / 1\n        }\"\n        :canvas=\"canvasSize\"\n        :style=\"`width: ${canvasSize.width}px; height: ${canvasSize.height}px`\"\n      />\n      <FormFileUploadZone\n        ref=\"uploadZone\"\n        v-slot=\"{ isDraggingFiles, activatorOn }\"\n        class=\"cropper flex items-center justify-center\"\n        :class=\"{ hidden: activeImageUrl }\"\n        accept=\"image/*\"\n        :size-limit=\"5 * 1024 * 1024\"\n        @files-selected=\"onFilesSelected\"\n      >\n        <div\n          class=\"cursor-pointer text-center w-full h-full border-dashed border-2 rounded-md p-4 flex items-center justify-center text-sm text-foreground-2\"\n          :class=\"[getDashedBorderClasses(isDraggingFiles)]\"\n          v-on=\"activatorOn\"\n        >\n          Click here or drag and drop an image\n        </div>\n      </FormFileUploadZone>\n      <div class=\"flex flex-col px-2 space-y-1\" :class=\"{ invisible: !activeImageUrl }\">\n        <FormButton\n          v-tippy=\"'Replace image'\"\n          :icon-left=\"PhotoIcon\"\n          hide-text\n          size=\"sm\"\n          @click=\"onReplace\"\n        />\n        <FormButton\n          v-tippy=\"'Remove'\"\n          :icon-left=\"XMarkIcon\"\n          hide-text\n          size=\"sm\"\n          color=\"danger\"\n          @click=\"onRemove\"\n        />\n      </div>\n    </div>\n    <div class=\"flex mx-14 space-x-2\">\n      <div class=\"grow\" />\n      <FormButton color=\"secondary\" size=\"sm\" @click=\"$emit('cancel')\">\n        Close\n      </FormButton>\n      <FormButton size=\"sm\" :disabled=\"disabled\" @click=\"onSave\">Save</FormButton>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport {\n  ArrowUturnLeftIcon,\n  ArrowUturnRightIcon,\n  ArrowLeftOnRectangleIcon,\n  ArrowUpOnSquareIcon,\n  XMarkIcon,\n  PhotoIcon\n} from '@heroicons/vue/24/outline'\nimport { Nullable } from '@speckle/shared'\nimport { onUnmounted, ref, watch, computed } from 'vue'\nimport { Cropper } from 'vue-advanced-cropper'\nimport 'vue-advanced-cropper/dist/style.css'\nimport FormButton from '~~/src/components/form/Button.vue'\nimport FormFileUploadZone from '~~/src/components/form/file-upload/Zone.vue'\nimport { UploadableFileItem } from '~~/src/composables/form/fileUpload'\nimport { AvatarUser, UserAvatarSize } from '~~/src/composables/user/avatar'\nimport { directive as vTippy } from 'vue-tippy'\n\n/**\n * Always try to lazy load this, as it's quite heavy\n */\n\nconst emit = defineEmits([\"cancel\", \"save\"])\n\nconst props = defineProps({\n  \"user\": null,\n  \"disabled\": { type: Boolean,  },\n  \"size\": null\n})\n\nconst cropper = ref(\n  null as Nullable<{\n    flip: (x: number, y: number) => void\n    rotate: (angle: number) => void\n    getResult: () => { canvas: HTMLCanvasElement }\n  }>\n)\nconst uploadZone = ref(null as Nullable<{ triggerPicker: () => void }>)\nconst selectedUpload = ref(null as Nullable<UploadableFileItem>)\nconst activeImageUrl = ref(null as Nullable<string>)\n\nconst canvasSize = computed(() => {\n  switch (props.size) {\n    case 'xs' || 'sm' || 'lg' || 'xl':\n      return { width: 64, height: 64 }\n    case 'xxl':\n      return { width: 140, height: 140 }\n    case 'editable':\n      return { width: 240, height: 240 }\n    case 'base':\n    default:\n      return { width: 32, height: 32 }\n  }\n})\n\nconst setNewActiveUrl = (url: Nullable<string>) => {\n  if (activeImageUrl.value) {\n    URL.revokeObjectURL(activeImageUrl.value)\n  }\n\n  activeImageUrl.value = url\n}\n\nconst onFilesSelected = (params: { files: UploadableFileItem[] }) => {\n  const file = params.files[0]\n  if (!file) return\n  selectedUpload.value = file\n}\n\nconst getDashedBorderClasses = (isDraggingFiles: boolean) => {\n  if (isDraggingFiles) return 'border-primary'\n  if (selectedUpload.value?.error) return 'border-danger'\n\n  return 'border-outline-2'\n}\n\nconst rotateLeft = () => cropper.value?.rotate(-90)\nconst rotateRight = () => cropper.value?.rotate(90)\nconst flipHorizontal = () => cropper.value?.flip(1, 0)\nconst flipVertical = () => cropper.value?.flip(0, 1)\n\nconst onReplace = () => uploadZone.value?.triggerPicker()\nconst onRemove = () => {\n  selectedUpload.value = null\n  activeImageUrl.value = null\n}\nconst onSave = () => {\n  const newUrl = cropper.value?.getResult().canvas.toDataURL('image/jpeg', 0.85) || null\n  emit('save', newUrl)\n}\n\nonUnmounted(() => {\n  setNewActiveUrl(null)\n})\n\nwatch(\n  () => props.user.avatar,\n  (newAvatar) => {\n    activeImageUrl.value = newAvatar || null\n  },\n  { immediate: true }\n)\n\nwatch(\n  selectedUpload,\n  (newUpload) => {\n    activeImageUrl.value =\n      newUpload?.file && !newUpload.error ? URL.createObjectURL(newUpload.file) : null\n  },\n  { deep: true }\n)\n</script>\n"],"names":["cropper","ref","uploadZone","selectedUpload","activeImageUrl","canvasSize","computed","props","setNewActiveUrl","url","onFilesSelected","params","file","getDashedBorderClasses","isDraggingFiles","_a","rotateLeft","rotateRight","flipHorizontal","flipVertical","onReplace","onRemove","onSave","newUrl","emit","onUnmounted","watch","newAvatar","newUpload"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;iBA2HMA,IAAUC;AAAA,MACd;AAAA,IAAA,GAMIC,IAAaD,EAAI,IAA+C,GAChEE,IAAiBF,EAAI,IAAoC,GACzDG,IAAiBH,EAAI,IAAwB,GAE7CI,IAAaC,EAAS,MAAM;AAChC,cAAQC,EAAM,MAAM;AAAA,QAClB,KAAK;AACH,iBAAO,EAAE,OAAO,IAAI,QAAQ,GAAG;AAAA,QACjC,KAAK;AACH,iBAAO,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,QACnC,KAAK;AACH,iBAAO,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,QACnC,KAAK;AAAA,QACL;AACE,iBAAO,EAAE,OAAO,IAAI,QAAQ,GAAG;AAAA,MACnC;AAAA,IAAA,CACD,GAEKC,IAAkB,CAACC,MAA0B;AACjD,MAAIL,EAAe,SACb,IAAA,gBAAgBA,EAAe,KAAK,GAG1CA,EAAe,QAAQK;AAAA,IAAA,GAGnBC,IAAkB,CAACC,MAA4C;AAC7D,YAAAC,IAAOD,EAAO,MAAM,CAAC;AAC3B,MAAKC,MACLT,EAAe,QAAQS;AAAA,IAAA,GAGnBC,IAAyB,CAACC,MAA6B;;AACvD,aAAAA,IAAwB,oBACxBC,IAAAZ,EAAe,UAAf,QAAAY,EAAsB,QAAc,kBAEjC;AAAA,IAAA,GAGHC,IAAa,MAAA;;AAAM,cAAAD,IAAAf,EAAQ,UAAR,gBAAAe,EAAe,OAAO;AAAA,OACzCE,IAAc,MAAA;;AAAM,cAAAF,IAAAf,EAAQ,UAAR,gBAAAe,EAAe,OAAO;AAAA,OAC1CG,IAAiB,MAAA;;AAAM,cAAAH,IAAAf,EAAQ,UAAR,gBAAAe,EAAe,KAAK,GAAG;AAAA,OAC9CI,IAAe,MAAA;;AAAM,cAAAJ,IAAAf,EAAQ,UAAR,gBAAAe,EAAe,KAAK,GAAG;AAAA,OAE5CK,IAAY,MAAM;;AAAA,cAAAL,IAAAb,EAAW,UAAX,gBAAAa,EAAkB;AAAA,OACpCM,IAAW,MAAM;AACrB,MAAAlB,EAAe,QAAQ,MACvBC,EAAe,QAAQ;AAAA,IAAA,GAEnBkB,IAAS,MAAM;;AACb,YAAAC,MAASR,IAAAf,EAAQ,UAAR,gBAAAe,EAAe,YAAY,OAAO,UAAU,cAAc,UAAS;AAClF,MAAAS,EAAK,QAAQD,CAAM;AAAA,IAAA;AAGrB,WAAAE,EAAY,MAAM;AAChB,MAAAjB,EAAgB,IAAI;AAAA,IAAA,CACrB,GAEDkB;AAAA,MACE,MAAMnB,EAAM,KAAK;AAAA,MACjB,CAACoB,MAAc;AACb,QAAAvB,EAAe,QAAQuB,KAAa;AAAA,MACtC;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IAAA,GAGpBD;AAAA,MACEvB;AAAA,MACA,CAACyB,MAAc;AACE,QAAAxB,EAAA,QACbwB,KAAA,QAAAA,EAAW,QAAQ,CAACA,EAAU,QAAQ,IAAI,gBAAgBA,EAAU,IAAI,IAAI;AAAA,MAChF;AAAA,MACA,EAAE,MAAM,GAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/form/ClipboardInput.vue.d.ts

@@ -0,0 +1,32 @@
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    rows: {
+        type: import("vue").PropType<number>;
+    };
+    isMultiline: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copy: (val: string) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    rows: {
+        type: import("vue").PropType<number>;
+    };
+    isMultiline: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    onCopy?: ((val: string) => any) | undefined;
+}, {
+    isMultiline: boolean;
+}, {}>;
+export default _default;

package/dist/components/form/TextInput.vue.d.ts

@@ -2,7 +2,7 @@ import { RuleExpression } from 'vee-validate';
 import { ConcreteComponent, PropType } from 'vue';
 import { Optional } from '@speckle/shared';
 type InputSize = 'sm' | 'base' | 'lg' | 'xl';
-type InputColor = 'page' | 'foundation';
+type InputColor = 'page' | 'foundation' | 'transparent';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
      * Input "type" value (changes behaviour & look)
@@ -147,8 +147,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         value: string;
     }) => void;
     clear: () => void;
-    focusin: () => void;
-    focusout: () => void;
+    focus: () => void;
+    blur: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Input "type" value (changes behaviour & look)
@@ -281,8 +281,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
 }>> & {
-    onFocusin?: (() => any) | undefined;
-    onFocusout?: (() => any) | undefined;
+    onFocus?: (() => any) | undefined;
+    onBlur?: (() => any) | undefined;
     onChange?: ((val: {
         event?: Event | undefined;
         value: string;
@@ -313,8 +313,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     showClear: boolean;
     useLabelInErrors: boolean;
     hideErrorMessage: boolean;
-    wrapperClasses: string;
     inputClasses: string;
+    wrapperClasses: string;
 }, {}>, {
     "input-right"?(_: {}): any;
 }>;

package/dist/components/form/select/Base.vue.d.ts

@@ -19,7 +19,6 @@ declare const _default: <SingleItem extends string | number | Record<string, unk
     help?: Optional<string>;
     showLabel?: boolean | undefined;
     useLabelInErrors?: boolean | undefined;
-    clearable?: boolean | undefined;
     items?: SingleItem[] | undefined;
     filterPredicate?: Optional<(item: SingleItem, searchString: string) => boolean>;
     disabledItemPredicate?: Optional<(item: SingleItem) => boolean>;
@@ -28,8 +27,10 @@ declare const _default: <SingleItem extends string | number | Record<string, unk
     buttonStyle?: Optional<"base" | "simple" | "tinted">;
     hideCheckmarks?: Optional<boolean>;
     allowUnset?: Optional<boolean>;
+    clearable?: boolean | undefined;
     fixedHeight?: boolean | undefined;
     fullyControlValue?: boolean | undefined;
+    mountMenuOnBody?: boolean | undefined;
     class?: unknown;
     style?: unknown;
     readonly placeholder?: string | undefined;
@@ -98,7 +99,6 @@ declare const _default: <SingleItem extends string | number | Record<string, unk
         help?: Optional<string>;
         showLabel?: boolean | undefined;
         useLabelInErrors?: boolean | undefined;
-        clearable?: boolean | undefined;
         items?: SingleItem[] | undefined;
         filterPredicate?: Optional<(item: SingleItem, searchString: string) => boolean>;
         disabledItemPredicate?: Optional<(item: SingleItem) => boolean>;
@@ -107,8 +107,10 @@ declare const _default: <SingleItem extends string | number | Record<string, unk
         buttonStyle?: Optional<"base" | "simple" | "tinted">;
         hideCheckmarks?: Optional<boolean>;
         allowUnset?: Optional<boolean>;
+        clearable?: boolean | undefined;
         fixedHeight?: boolean | undefined;
         fullyControlValue?: boolean | undefined;
+        mountMenuOnBody?: boolean | undefined;
         class?: unknown;
         style?: unknown;
         readonly placeholder?: string | undefined;
@@ -196,7 +198,6 @@ declare const _default: <SingleItem extends string | number | Record<string, unk
         help?: Optional<string>;
         showLabel?: boolean | undefined;
         useLabelInErrors?: boolean | undefined;
-        clearable?: boolean | undefined;
         items?: SingleItem[] | undefined;
         filterPredicate?: Optional<(item: SingleItem, searchString: string) => boolean>;
         disabledItemPredicate?: Optional<(item: SingleItem) => boolean>;
@@ -205,8 +206,10 @@ declare const _default: <SingleItem extends string | number | Record<string, unk
         buttonStyle?: Optional<"base" | "simple" | "tinted">;
         hideCheckmarks?: Optional<boolean>;
         allowUnset?: Optional<boolean>;
+        clearable?: boolean | undefined;
         fixedHeight?: boolean | undefined;
         fullyControlValue?: boolean | undefined;
+        mountMenuOnBody?: boolean | undefined;
         class?: unknown;
         style?: unknown;
         readonly placeholder?: string | undefined;
@@ -297,7 +300,6 @@ declare const _default: <SingleItem extends string | number | Record<string, unk
             help?: Optional<string>;
             showLabel?: boolean | undefined;
             useLabelInErrors?: boolean | undefined;
-            clearable?: boolean | undefined;
             items?: SingleItem[] | undefined;
             filterPredicate?: Optional<(item: SingleItem, searchString: string) => boolean>;
             disabledItemPredicate?: Optional<(item: SingleItem) => boolean>;
@@ -306,8 +308,10 @@ declare const _default: <SingleItem extends string | number | Record<string, unk
             buttonStyle?: Optional<"base" | "simple" | "tinted">;
             hideCheckmarks?: Optional<boolean>;
             allowUnset?: Optional<boolean>;
+            clearable?: boolean | undefined;
             fixedHeight?: boolean | undefined;
             fullyControlValue?: boolean | undefined;
+            mountMenuOnBody?: boolean | undefined;
             class?: unknown;
             style?: unknown;
             readonly placeholder?: string | undefined;

package/dist/components/form/select/SourceApps.vue.d.ts

@@ -133,9 +133,9 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: ValueType;
     multiple: boolean;
     showLabel: boolean;
-    clearable: boolean;
     items: Optional<SourceAppDefinition[]>;
     searchPlaceholder: string;
+    clearable: boolean;
     selectorPlaceholder: Optional<string>;
 }, {}>;
 export default _default;

package/dist/components/layout/Dialog.vue.d.ts

@@ -21,6 +21,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             text: string;
             props: Record<string, unknown>;
             onClick?: (() => void) | undefined;
+            disabled?: boolean | undefined;
+            submit?: boolean | undefined;
         }[]>;
     };
     onSubmit: {
@@ -51,6 +53,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             text: string;
             props: Record<string, unknown>;
             onClick?: (() => void) | undefined;
+            disabled?: boolean | undefined;
+            submit?: boolean | undefined;
         }[]>;
     };
     onSubmit: {
@@ -60,6 +64,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onUpdate:open"?: ((v: boolean) => any) | undefined;
     "onFully-closed"?: (() => any) | undefined;
 }, {}, {}>, {
+    header?(_: {}): any;
     default?(_: {}): any;
     buttons?(_: {}): any;
 }>;

package/dist/components/layout/DialogSection.vue.d.ts

@@ -0,0 +1,55 @@
+import { ConcreteComponent } from 'vue';
+type TitleColor = 'default' | 'danger' | 'warning' | 'success' | 'secondary' | 'info';
+type FormButtonColor = 'default' | 'invert' | 'danger' | 'warning' | 'success' | 'card' | 'secondary' | 'info';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    title: StringConstructor;
+    borderT: BooleanConstructor;
+    borderB: BooleanConstructor;
+    allowOverflow: BooleanConstructor;
+    titleColor: {
+        type: () => TitleColor;
+        default: string;
+    };
+    button: () => {
+        expandContent?: boolean | undefined;
+        text: string;
+        to?: string | undefined;
+        color: FormButtonColor;
+        iconRight?: ConcreteComponent | undefined;
+        onClick?: (() => void) | undefined;
+    } | undefined;
+    alwaysOpen: BooleanConstructor;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    borderT: BooleanConstructor;
+    borderB: BooleanConstructor;
+    allowOverflow: BooleanConstructor;
+    titleColor: {
+        type: () => TitleColor;
+        default: string;
+    };
+    button: () => {
+        expandContent?: boolean | undefined;
+        text: string;
+        to?: string | undefined;
+        color: FormButtonColor;
+        iconRight?: ConcreteComponent | undefined;
+        onClick?: (() => void) | undefined;
+    } | undefined;
+    alwaysOpen: BooleanConstructor;
+}>>, {
+    borderT: boolean;
+    borderB: boolean;
+    allowOverflow: boolean;
+    titleColor: TitleColor;
+    alwaysOpen: boolean;
+}, {}>, {
+    icon?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/user/Avatar.vue.d.ts

@@ -49,6 +49,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     hoverEffect: boolean;
 }, {}>, {
     default?(_: {}): any;
+    "absolute-anchor"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {