@pantograph/vue 0.27.2 → 0.27.3

package/dist/{ColorSwatchGroup.vue_vue_type_script_setup_true_lang-B-cLoom6.js → ColorSwatchGroup.vue_vue_type_script_setup_true_lang-BOvvsjnf.js}

@@ -1,19 +1,15 @@
 import { defineComponent as T, useSlots as q, ref as H, computed as d, createElementBlock as v, openBlock as i, normalizeClass as b, unref as s, createCommentVNode as g, createElementVNode as J, renderSlot as C, createTextVNode as K, toDisplayString as Q, createBlock as k, Fragment as W, renderList as y, mergeProps as c, createSlots as B, withCtx as m, createVNode as S, normalizeProps as X, guardReactiveProps as Y } from "vue";
-import { a as Z } from "./options-J8HfRMSU.js";
-import { u as x, v as h } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
-import { u as ee } from "./useInputDataStates-DCxDvkM-.js";
-import { useEmitAsProps as oe } from "reka-ui";
-import "@vueuse/core";
-import { u as te } from "./useVmodel-DlyNieM5.js";
-import "@tanstack/vue-virtual";
-import { C as re, _ as M } from "./ColorSwatch.vue_vue_type_script_setup_true_lang-DBTZCpNP.js";
+import { getComponentOptions as Z, useComponentStyle as x, useFormInput as ee, useVModel as oe } from "@pantograph/utils-vue";
+import { useEmitAsProps as te } from "reka-ui";
+import { C as re, _ as h } from "./ColorSwatch.vue_vue_type_script_setup_true_lang-DMDwVSYQ.js";
 import { isString as j, pick as w, omit as se } from "es-toolkit";
-import { getBemBlock as le, generateVariantClassList as ae, normCls as z, getBemElement as _ } from "@pantograph/utils";
+import { getBemBlock as le, generateVariantClassList as ae, normCls as M, getBemElement as _ } from "@pantograph/utils";
 import { cva as ne } from "class-variance-authority";
-import { _ as ie } from "./Popover.vue_vue_type_script_setup_true_lang-D-Jebwr9.js";
-import { _ as ue } from "./ColorPicker.vue_vue_type_script_setup_true_lang-Bz_mnMXB.js";
+import { _ as ie } from "./Popover.vue_vue_type_script_setup_true_lang-DhDzrGk6.js";
+import { _ as ue } from "./ColorPicker.vue_vue_type_script_setup_true_lang-Do5cC0lX.js";
 import de from "@pantograph/style/color_swatch_group.css?raw";
-const $e = /* @__PURE__ */ T({
+import { i as z } from "./isObject-vmP43YLW.js";
+const Me = /* @__PURE__ */ T({
   ...Z("ColorSwatchGroup"),
   __name: "ColorSwatchGroup",
   props: {
@@ -39,7 +35,7 @@ const $e = /* @__PURE__ */ T({
   emits: ["update:format", "update:modelValue"],
   setup(I, { emit: A }) {
     x("color_swatch_group", de);
-    const o = I, E = q(), P = A, { getDisabled: n } = ee(), l = te(
+    const o = I, E = q(), P = A, { getDisabled: n } = ee(), l = oe(
       o,
       "modelValue",
       P,
@@ -54,7 +50,7 @@ const $e = /* @__PURE__ */ T({
           icon: o.icon,
           bg: e
         };
-      if (h(e))
+      if (z(e))
         return {
           ...se(e, ["value"]),
           icon: e.icon ?? o.icon,
@@ -64,7 +60,7 @@ const $e = /* @__PURE__ */ T({
       variants: {
         size: ae(re, u)
       }
-    }), V = H(!1), p = (e) => h(e) ? e.value : e ?? void 0, $ = (e) => {
+    }), V = H(!1), p = (e) => z(e) ? e.value : e ?? void 0, $ = (e) => {
       if (!n.value) {
         const t = p(e);
         l.value = t, V.value = !t;
@@ -81,12 +77,12 @@ const $e = /* @__PURE__ */ T({
     }), U = d(() => {
       var e;
       if (!((e = f.value) != null && e.length && f.value.some(
-        (t) => j(t) && t === l.value || h(t) && l.value === t.value
+        (t) => j(t) && t === l.value || z(t) && l.value === t.value
       )))
         return l.value;
     }), D = (e) => {
       e && (l.value = e);
-    }, O = oe(P), R = d(() => ({
+    }, O = te(P), R = d(() => ({
       ...w(O, ["onUpdate:format"]),
       ...w(o, ["format", "defaultFormat", "hideAlpha"])
     })), G = d(() => {
@@ -100,20 +96,20 @@ const $e = /* @__PURE__ */ T({
       };
     });
     return (e, t) => (i(), v("div", {
-      class: b(s(z)(o.class, s(N)({ size: e.size })))
+      class: b(s(M)(o.class, s(N)({ size: e.size })))
     }, [
       E.header || e.header ? (i(), v("div", {
         key: 0,
-        class: b(s(z)(s(_)(s(u), "header"), e.headerCls))
+        class: b(s(M)(s(_)(s(u), "header"), e.headerCls))
       }, [
         C(e.$slots, "header", {}, () => [
           K(Q(e.header), 1)
         ])
       ], 2)) : g("", !0),
       J("div", {
-        class: b(s(z)(s(_)(s(u), "colors"), e.colorsCls))
+        class: b(s(M)(s(_)(s(u), "colors"), e.colorsCls))
       }, [
-        e.noRemover ? g("", !0) : (i(), k(M, {
+        e.noRemover ? g("", !0) : (i(), k(h, {
           key: 0,
           type: "remover",
           size: e.size,
@@ -121,7 +117,7 @@ const $e = /* @__PURE__ */ T({
           onClick: t[0] || (t[0] = (r) => $()),
           selected: !s(l) && V.value
         }, null, 8, ["size", "disabled", "selected"])),
-        (i(!0), v(W, null, y(f.value, (r) => (i(), k(M, c({
+        (i(!0), v(W, null, y(f.value, (r) => (i(), k(h, c({
           type: "color",
           size: e.size,
           icon: e.icon,
@@ -150,7 +146,7 @@ const $e = /* @__PURE__ */ T({
             }, R.value), null, 16, ["defaultColor"])
           ]),
           default: m(() => [
-            S(M, {
+            S(h, {
               type: "custom-picker",
               size: e.size,
               customPickerIcon: e.customPickerIcon,
@@ -171,5 +167,5 @@ const $e = /* @__PURE__ */ T({
   }
 });
 export {
-  $e as _
+  Me as _
 };

package/dist/ColorSwatchGroup.vue_vue_type_script_setup_true_lang-ovLnyiXB.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),d=require("@pantograph/utils-vue"),$=require("reka-ui"),p=require("./ColorSwatch.vue_vue_type_script_setup_true_lang-BJY6PbEL.js"),i=require("es-toolkit"),a=require("@pantograph/utils"),q=require("class-variance-authority"),w=require("./Popover.vue_vue_type_script_setup_true_lang-DlS1RQhN.js"),E=require("./ColorPicker.vue_vue_type_script_setup_true_lang-qMOFhEXd.js"),N=require("@pantograph/style/color_swatch_group.css?raw"),v=require("./isObject-BDHKUJKN.js"),I=e.defineComponent({...d.getComponentOptions("ColorSwatchGroup"),__name:"ColorSwatchGroup",props:{format:{},defaultFormat:{},hideAlpha:{type:Boolean},size:{default:"md"},customPickerIcon:{},icon:{},class:{},noRemover:{type:Boolean},noCustomPicker:{type:Boolean},modelValue:{},headerCls:{},header:{},disabled:{type:Boolean,default:void 0},colorsCls:{},defaultValue:{},colors:{},colorMode:{default:"bold"},popoverProps:{}},emits:["update:format","update:modelValue"],setup(k,{emit:_}){d.useComponentStyle("color_swatch_group",N);const t=k,y=e.useSlots(),b=_,{getDisabled:u}=d.useFormInput(),l=d.useVModel(t,"modelValue",b,{defaultValue:t.defaultValue,passive:t.modelValue===void 0}),h=o=>{if(i.isString(o))return{selected:l.value===o,icon:t.icon,bg:o};if(v.isObject(o))return{...i.omit(o,["value"]),icon:o.icon??t.icon,selected:l.value===o.value}},c=a.getBemBlock("color_swatch_group"),B=q.cva(c,{variants:{size:a.generateVariantClassList(p.ColorSwatchSizes,c)}}),g=e.ref(!1),m=o=>v.isObject(o)?o.value:o??void 0,C=o=>{if(!u.value){const r=m(o);l.value=r,g.value=!r}},f=e.computed(()=>{if(t.colors)return t.colors;const o=["red","orange","yellow","lime","green","sky","blue","violet"];return t.colorMode==="subtle"?o.map(r=>`${r}-subtle`):typeof t.colorMode=="object"&&t.colorMode.value&&(t.colorMode.bg||t.colorMode.br||t.colorMode.fg)?o.map(r=>{const s={value:typeof t.colorMode=="object"&&t.colorMode.value==="subtle"?`${r}-subtle`:r};return typeof t.colorMode=="object"&&t.colorMode.bg&&(s.bg=t.colorMode.bg==="subtle"?`${r}-subtle`:r),typeof t.colorMode=="object"&&t.colorMode.br&&(s.br=t.colorMode.br==="subtle"?`${r}-subtle`:r),typeof t.colorMode=="object"&&t.colorMode.fg&&(s.fg=t.colorMode.fg==="subtle"?`${r}-subtle`:r),s}):o}),P=e.computed(()=>{var o;if(!((o=f.value)!=null&&o.length&&f.value.some(r=>i.isString(r)&&r===l.value||v.isObject(r)&&l.value===r.value)))return l.value}),V=o=>{o&&(l.value=o)},M=$.useEmitAsProps(b),z=e.computed(()=>({...i.pick(M,["onUpdate:format"]),...i.pick(t,["format","defaultFormat","hideAlpha"])})),S=e.computed(()=>{const{open:o,"onUpdate:open":r,...s}=t.popoverProps||{};return{open:u.value?!1:o,"onUpdate:open":n=>{u.value||r==null||r(n)},...s}});return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(a.normCls)(t.class,e.unref(B)({size:o.size})))},[y.header||o.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(a.normCls)(e.unref(a.getBemElement)(e.unref(c),"header"),o.headerCls))},[e.renderSlot(o.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(o.header),1)])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a.normCls)(e.unref(a.getBemElement)(e.unref(c),"colors"),o.colorsCls))},[o.noRemover?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(p._sfc_main,{key:0,type:"remover",size:o.size,disabled:e.unref(u),onClick:r[0]||(r[0]=s=>C()),selected:!e.unref(l)&&g.value},null,8,["size","disabled","selected"])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,s=>(e.openBlock(),e.createBlock(p._sfc_main,e.mergeProps({type:"color",size:o.size,icon:o.icon,disabled:e.unref(u)},{ref_for:!0},h(s),{key:m(s),onClick:n=>C(s)}),e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),n=>({name:n,fn:e.withCtx(j=>[e.renderSlot(o.$slots,n,e.mergeProps({ref_for:!0},{...j,value:m(s)}))])}))]),1040,["size","icon","disabled","onClick"]))),128)),o.noCustomPicker?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(w._sfc_main,e.mergeProps({key:1,"reverse-placement-on-dir":"rtl",placement:"right-start","side-offset":4},S.value),{content:e.withCtx(()=>[e.createVNode(E._sfc_main,e.mergeProps({defaultColor:P.value,"onUpdate:color":V},z.value),null,16,["defaultColor"])]),default:e.withCtx(()=>[e.createVNode(p._sfc_main,{type:"custom-picker",size:o.size,customPickerIcon:o.customPickerIcon,disabled:e.unref(u)},e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),s=>({name:s,fn:e.withCtx(n=>[e.renderSlot(o.$slots,s,e.normalizeProps(e.guardReactiveProps(n)))])}))]),1032,["size","customPickerIcon","disabled"])]),_:3},16))],2)],2))}});exports._sfc_main=I;

package/dist/ColorTrigger/index.js

@@ -1,4 +1,4 @@
-import { _ as e, C as a, _ as g } from "../ColorTrigger.vue_vue_type_script_setup_true_lang-BbT6N2FL.js";
+import { _ as e, C as a, _ as g } from "../ColorTrigger.vue_vue_type_script_setup_true_lang-7VkfG8Wp.js";
 export {
   e as ColorTrigger,
   a as ColorTriggerSizes,

package/dist/ColorTrigger/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorTrigger.vue_vue_type_script_setup_true_lang-DIzDCzvv.js");exports.ColorTrigger=e._sfc_main;exports.ColorTriggerSizes=e.ColorTriggerSizes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorTrigger.vue_vue_type_script_setup_true_lang-DBwNGwz7.js");exports.ColorTrigger=e._sfc_main;exports.ColorTriggerSizes=e.ColorTriggerSizes;exports.default=e._sfc_main;

package/dist/{ColorTrigger.vue_vue_type_script_setup_true_lang-BbT6N2FL.js → ColorTrigger.vue_vue_type_script_setup_true_lang-7VkfG8Wp.js}

@@ -1,16 +1,12 @@
-import { defineComponent as B, computed as n, useSlots as I, useAttrs as _, createElementBlock as y, openBlock as l, mergeProps as k, unref as o, createVNode as h, createBlock as w, createCommentVNode as O, normalizeProps as m, guardReactiveProps as f, createSlots as T, renderList as $, withCtx as u, renderSlot as d } from "vue";
-import { _ as P } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-Dwf4A9T3.js";
-import { a as V } from "./options-J8HfRMSU.js";
-import { u as G, e as L } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
-import { u as N } from "./useInputDataStates-DCxDvkM-.js";
-import "reka-ui";
-import "@vueuse/core";
-import { pick as j, omit as A, isString as D } from "es-toolkit";
-import "@tanstack/vue-virtual";
-import { getBemBlock as E, generateVariantClassList as a, normCls as F } from "@pantograph/utils";
-import { cva as R } from "class-variance-authority";
+import { defineComponent as _, computed as i, useSlots as B, useAttrs as I, createElementBlock as y, openBlock as l, mergeProps as k, unref as o, createVNode as h, createBlock as w, createCommentVNode as O, normalizeProps as m, guardReactiveProps as f, createSlots as T, renderList as $, withCtx as u, renderSlot as d } from "vue";
+import { _ as P } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-CKG8pyZ-.js";
+import { getComponentOptions as V, useComponentStyle as G, useFormInput as L } from "@pantograph/utils-vue";
+import { getBemBlock as N, generateVariantClassList as a, normCls as j } from "@pantograph/utils";
+import { cva as A } from "class-variance-authority";
+import { _ as D } from "./Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
+import { pick as E, omit as F, isString as R } from "es-toolkit";
 import q from "@pantograph/style/color_trigger.css?raw";
-const p = ["sm", "md", "lg"], H = ["disabled"], te = /* @__PURE__ */ B({
+const g = ["sm", "md", "lg"], H = ["disabled"], ee = /* @__PURE__ */ _({
   ...V("ColorTrigger", !1),
   __name: "ColorTrigger",
   props: {
@@ -24,17 +20,17 @@ const p = ["sm", "md", "lg"], H = ["disabled"], te = /* @__PURE__ */ B({
     borderless: { type: Boolean },
     suffixIcon: { type: [Boolean, String], default: "tabler:chevron-down" }
   },
-  setup(g) {
+  setup(p) {
     G("color_trigger", q);
-    const s = g, r = E("color_trigger"), b = R(r, {
+    const s = p, r = N("color_trigger"), b = A(r, {
       variants: {
-        size: a(p, r),
+        size: a(g, r),
         borderless: a("borderless", r),
         suffixIcon: a("suffix-icon", r)
       }
-    }), { getDisabled: z, getSize: t } = N({
-      getSize: () => s.size && p.includes(s.size) ? s.size : "md"
-    }), x = n(() => ({
+    }), { getDisabled: z, getSize: t } = L({
+      getSize: () => s.size && g.includes(s.size) ? s.size : "md"
+    }), x = i(() => ({
       size: (() => {
         switch (t.value) {
           case "sm":
@@ -45,8 +41,8 @@ const p = ["sm", "md", "lg"], H = ["disabled"], te = /* @__PURE__ */ B({
             return "sm";
         }
       })(),
-      ...j(s, ["icon", "bg", "br", "fg"])
-    })), i = I(), v = n(() => {
+      ...E(s, ["icon", "bg", "br", "fg"])
+    })), n = B(), v = i(() => {
       switch (t.value) {
         case "sm":
           return "2xsm";
@@ -54,30 +50,30 @@ const p = ["sm", "md", "lg"], H = ["disabled"], te = /* @__PURE__ */ B({
         case "lg":
           return "xsm";
       }
-    }), C = _(), S = n(() => A(C, ["type"]));
+    }), C = I(), S = i(() => F(C, ["type"]));
     return (e, J) => (l(), y("button", k(S.value, {
       type: "button",
-      class: o(F)(
+      class: o(j)(
         o(b)({
           size: o(t),
           borderless: e.borderless,
-          suffixIcon: !!(e.suffixIcon || i.suffixIcon)
+          suffixIcon: !!(e.suffixIcon || n.suffixIcon)
         }),
         s.class
       ),
       disabled: o(z)
     }), [
       h(P, m(f(x.value)), T({ _: 2 }, [
-        $(Object.keys(i), (c) => ({
+        $(Object.keys(n), (c) => ({
           name: c,
           fn: u(() => [
             d(e.$slots, c, m(f(s)))
           ])
         }))
       ]), 1040),
-      e.suffixIcon || i.suffixIcon ? (l(), w(L, {
+      e.suffixIcon || n.suffixIcon ? (l(), w(D, {
         key: 0,
-        icon: o(D)(e.suffixIcon) ? e.suffixIcon : void 0,
+        icon: o(R)(e.suffixIcon) ? e.suffixIcon : void 0,
         size: v.value
       }, {
         default: u(() => [
@@ -89,6 +85,6 @@ const p = ["sm", "md", "lg"], H = ["disabled"], te = /* @__PURE__ */ B({
   }
 });
 export {
-  p as C,
-  te as _
+  g as C,
+  ee as _
 };

package/dist/ColorTrigger.vue_vue_type_script_setup_true_lang-DBwNGwz7.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),v=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-CudIoHnp.js"),c=require("@pantograph/utils-vue"),t=require("@pantograph/utils"),z=require("class-variance-authority"),C=require("./Icon.vue_vue_type_script_setup_true_lang-Be6ayltH.js"),a=require("es-toolkit"),S=require("@pantograph/style/color_trigger.css?raw"),u=["sm","md","lg"],x=["disabled"],B=e.defineComponent({...c.getComponentOptions("ColorTrigger",!1),__name:"ColorTrigger",props:{icon:{},bg:{},br:{},fg:{},class:{},size:{default:"md"},disabled:{type:Boolean,default:void 0},borderless:{type:Boolean},suffixIcon:{type:[Boolean,String],default:"tabler:chevron-down"}},setup(f){c.useComponentStyle("color_trigger",S);const r=f,o=t.getBemBlock("color_trigger"),d=z.cva(o,{variants:{size:t.generateVariantClassList(u,o),borderless:t.generateVariantClassList("borderless",o),suffixIcon:t.generateVariantClassList("suffix-icon",o)}}),{getDisabled:g,getSize:n}=c.useFormInput({getSize:()=>r.size&&u.includes(r.size)?r.size:"md"}),m=e.computed(()=>({size:(()=>{switch(n.value){case"sm":return"2xsm";case"md":return"xsm";case"lg":return"sm"}})(),...a.pick(r,["icon","bg","br","fg"])})),i=e.useSlots(),p=e.computed(()=>{switch(n.value){case"sm":return"2xsm";case"md":case"lg":return"xsm"}}),_=e.useAttrs(),b=e.computed(()=>a.omit(_,["type"]));return(s,I)=>(e.openBlock(),e.createElementBlock("button",e.mergeProps(b.value,{type:"button",class:e.unref(t.normCls)(e.unref(d)({size:e.unref(n),borderless:s.borderless,suffixIcon:!!(s.suffixIcon||i.suffixIcon)}),r.class),disabled:e.unref(g)}),[e.createVNode(v._sfc_main,e.normalizeProps(e.guardReactiveProps(m.value)),e.createSlots({_:2},[e.renderList(Object.keys(i),l=>({name:l,fn:e.withCtx(()=>[e.renderSlot(s.$slots,l,e.normalizeProps(e.guardReactiveProps(r)))])}))]),1040),s.suffixIcon||i.suffixIcon?(e.openBlock(),e.createBlock(C._sfc_main,{key:0,icon:e.unref(a.isString)(s.suffixIcon)?s.suffixIcon:void 0,size:p.value},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"suffixIcon")]),_:3},8,["icon","size"])):e.createCommentVNode("",!0)],16,x))}});exports.ColorTriggerSizes=u;exports._sfc_main=B;

package/dist/Combobox/Combobox.d.ts

@@ -1,6 +1,6 @@
 import { ComboboxFlattenOptionType, ComboboxProps, ComboboxSlots } from './types';
 import { Ref } from 'vue';
-import { Virtualizer } from '../utils';
+import { Virtualizer } from '@pantograph/utils-vue';
 import { TreeProps } from '../Tree';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -39,7 +39,7 @@ declare function __VLS_template(): {
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
                     $props: {
-                        readonly type?: ("auto" | "scroll" | "hover" | "always") | undefined;
+                        readonly type?: ("scroll" | "hover" | "always" | "auto") | undefined;
                         readonly dir?: ("ltr" | "rtl") | undefined;
                         readonly scrollHideDelay?: number | undefined;
                         readonly asChild?: boolean | undefined;
@@ -64,7 +64,7 @@ declare function __VLS_template(): {
                         scrollTop: () => void;
                         scrollTopLeft: () => void;
                     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                        type: "auto" | "scroll" | "hover" | "always";
+                        type: "scroll" | "hover" | "always" | "auto";
                         scrollHideDelay: number;
                     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
@@ -87,7 +87,7 @@ declare function __VLS_template(): {
                     $nextTick: typeof import('vue').nextTick;
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                 } & Readonly<{
-                    type: "auto" | "scroll" | "hover" | "always";
+                    type: "scroll" | "hover" | "always" | "auto";
                     scrollHideDelay: number;
                 }> & Omit<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "scrollTop" | "scrollTopLeft" | "viewport"> & import('vue').ShallowUnwrapRef<{
                     viewport: Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -226,8 +226,8 @@ declare function __VLS_template(): {
                 scrollTop: () => any;
                 scrollTopLeft: () => any;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                size: import('../ScrollContainer').ScrollContainerSize;
                 type: import('../ScrollContainer').ScrollContainerType;
+                size: import('../ScrollContainer').ScrollContainerSize;
                 overlay: boolean;
                 scrollDistance: number;
                 scrollHideDelay: number;
@@ -252,12 +252,12 @@ declare function __VLS_template(): {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            size: import('../ScrollContainer').ScrollContainerSize;
             type: import('../ScrollContainer').ScrollContainerType;
+            size: import('../ScrollContainer').ScrollContainerSize;
             overlay: boolean;
             scrollDistance: number;
             scrollHideDelay: number;
-        }> & Omit<Readonly<import('../ScrollContainer').ScrollContainerProps> & Readonly<{}>, "wrap" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "isOverflowX" | "isOverflowY" | "container" | "getScroll" | "scrollTop" | "scrollTopLeft" | ("size" | "type" | "overlay" | "scrollDistance" | "scrollHideDelay")> & import('vue').ShallowUnwrapRef<{
+        }> & Omit<Readonly<import('../ScrollContainer').ScrollContainerProps> & Readonly<{}>, "wrap" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "isOverflowX" | "isOverflowY" | "container" | "getScroll" | "scrollTop" | "scrollTopLeft" | ("type" | "size" | "overlay" | "scrollDistance" | "scrollHideDelay")> & import('vue').ShallowUnwrapRef<{
             container: Ref<any, any>;
             wrap: Ref<any, any>;
             root: Ref<any, any>;
@@ -325,12 +325,12 @@ declare function __VLS_template(): {
                 readonly switcherIcon?: string | undefined;
                 readonly noRotateSwitcherIcon?: boolean | undefined;
                 readonly draggable?: boolean | undefined;
-                readonly "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
                 readonly onSelect?: ((node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => any) | undefined;
                 readonly onChange?: ((value: {
                     modelValue: string[];
                     checkedKeys: string[];
                 }) => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
                 readonly onExpand?: ((node: object | import('../Tree').TreeNodeType, expanded: boolean) => any) | undefined;
                 readonly "onUpdate:expandedKeys"?: ((value: string[]) => any) | undefined;
                 readonly "onUpdate:checkedKeys"?: ((value: string[]) => any) | undefined;
@@ -352,18 +352,18 @@ declare function __VLS_template(): {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "update:modelValue", value: string[]) => void) & ((event: "select", node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => void) & ((event: "change", value: {
+            $emit: ((event: "select", node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => void) & ((event: "change", value: {
                 modelValue: string[];
                 checkedKeys: string[];
-            }) => void) & ((event: "expand", node: object | import('../Tree').TreeNodeType, expanded: boolean) => void) & ((event: "update:expandedKeys", value: string[]) => void) & ((event: "update:checkedKeys", value: string[]) => void) & ((event: "check", node: object | import('../Tree').TreeNodeType, checked: boolean, checkedKeys: string[]) => void) & ((event: "dragStart", event: import('../Tree').TreeDragEvent) => void) & ((event: "dragEnd", event: import('../Tree').TreeDragEvent) => void) & ((event: "choose", event: import('@pantograph/sortable').SortableEvent) => void) & ((event: "unchoose", event: import('@pantograph/sortable').SortableEvent) => void);
+            }) => void) & ((event: "update:modelValue", value: string[]) => void) & ((event: "expand", node: object | import('../Tree').TreeNodeType, expanded: boolean) => void) & ((event: "update:expandedKeys", value: string[]) => void) & ((event: "update:checkedKeys", value: string[]) => void) & ((event: "check", node: object | import('../Tree').TreeNodeType, checked: boolean, checkedKeys: string[]) => void) & ((event: "dragStart", event: import('../Tree').TreeDragEvent) => void) & ((event: "dragEnd", event: import('../Tree').TreeDragEvent) => void) & ((event: "choose", event: import('@pantograph/sortable').SortableEvent) => void) & ((event: "unchoose", event: import('@pantograph/sortable').SortableEvent) => void);
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<TreeProps> & Readonly<{
-                "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
                 onSelect?: ((node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => any) | undefined;
                 onChange?: ((value: {
                     modelValue: string[];
                     checkedKeys: string[];
                 }) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
                 onExpand?: ((node: object | import('../Tree').TreeNodeType, expanded: boolean) => any) | undefined;
                 "onUpdate:expandedKeys"?: ((value: string[]) => any) | undefined;
                 "onUpdate:checkedKeys"?: ((value: string[]) => any) | undefined;
@@ -377,12 +377,12 @@ declare function __VLS_template(): {
                 onSelect: (node: import('../Tree').TreeItem, value: boolean) => void;
                 onCheck: (node: import('../Tree').TreeItem, value: boolean) => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "update:modelValue": (value: string[]) => any;
                 select: (node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => any;
                 change: (value: {
                     modelValue: string[];
                     checkedKeys: string[];
                 }) => any;
+                "update:modelValue": (value: string[]) => any;
                 expand: (node: object | import('../Tree').TreeNodeType, expanded: boolean) => any;
                 "update:expandedKeys": (value: string[]) => any;
                 "update:checkedKeys": (value: string[]) => any;
@@ -424,12 +424,12 @@ declare function __VLS_template(): {
             focusable: boolean;
             checkStrictly: boolean;
         }> & Omit<Readonly<TreeProps> & Readonly<{
-            "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
             onSelect?: ((node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => any) | undefined;
             onChange?: ((value: {
                 modelValue: string[];
                 checkedKeys: string[];
             }) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
             onExpand?: ((node: object | import('../Tree').TreeNodeType, expanded: boolean) => any) | undefined;
             "onUpdate:expandedKeys"?: ((value: string[]) => any) | undefined;
             "onUpdate:checkedKeys"?: ((value: string[]) => any) | undefined;
@@ -451,7 +451,6 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string | string[]) => any;
     search: (value?: string | null | undefined) => any;
     select: (value: string | undefined, selected: boolean, option?: ComboboxFlattenOptionType | undefined) => any;
     closeAutoFocus: (event: Event) => any;
@@ -461,11 +460,11 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {},
     pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
     focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
     interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
-    fetch: () => any;
+    "update:modelValue": (value: string | string[]) => any;
     "update:expandedKeys": (value: string[]) => any;
     "update:search": (value?: string | null | undefined) => any;
+    fetch: () => any;
 }, string, import('vue').PublicProps, Readonly<ComboboxProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
     onSearch?: ((value?: string | null | undefined) => any) | undefined;
     onSelect?: ((value: string | undefined, selected: boolean, option?: ComboboxFlattenOptionType | undefined) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
@@ -475,23 +474,24 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {},
     onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
-    onFetch?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
     "onUpdate:expandedKeys"?: ((value: string[]) => any) | undefined;
     "onUpdate:search"?: ((value?: string | null | undefined) => any) | undefined;
+    onFetch?: (() => any) | undefined;
 }>, {
     size: import('./Combobox.model.ts').ComboboxSize;
     disabled: boolean;
-    checkbox: boolean;
-    placement: import('../Popover').PopoverPlacement;
+    bordered: boolean;
     prioritizePosition: boolean;
+    placement: import('../Popover').PopoverPlacement;
     sideOffset: number;
     avoidCollisions: boolean;
     defaultOpen: boolean;
     open: boolean;
     disableOutsidePointerEvents: boolean;
+    checkbox: boolean;
     multiple: boolean;
     trailingIcon: string;
-    bordered: boolean;
     selectedItemIconAsTrailingIcon: boolean;
     indicatorIcon: string;
     loadingRowCount: number;
@@ -535,7 +535,7 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {},
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: {
-                    readonly type?: ("auto" | "scroll" | "hover" | "always") | undefined;
+                    readonly type?: ("scroll" | "hover" | "always" | "auto") | undefined;
                     readonly dir?: ("ltr" | "rtl") | undefined;
                     readonly scrollHideDelay?: number | undefined;
                     readonly asChild?: boolean | undefined;
@@ -560,7 +560,7 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {},
                     scrollTop: () => void;
                     scrollTopLeft: () => void;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                    type: "auto" | "scroll" | "hover" | "always";
+                    type: "scroll" | "hover" | "always" | "auto";
                     scrollHideDelay: number;
                 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
@@ -583,7 +583,7 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {},
                 $nextTick: typeof import('vue').nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{
-                type: "auto" | "scroll" | "hover" | "always";
+                type: "scroll" | "hover" | "always" | "auto";
                 scrollHideDelay: number;
             }> & Omit<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "scrollTop" | "scrollTopLeft" | "viewport"> & import('vue').ShallowUnwrapRef<{
                 viewport: Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -722,8 +722,8 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {},
             scrollTop: () => any;
             scrollTopLeft: () => any;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-            size: import('../ScrollContainer').ScrollContainerSize;
             type: import('../ScrollContainer').ScrollContainerType;
+            size: import('../ScrollContainer').ScrollContainerSize;
             overlay: boolean;
             scrollDistance: number;
             scrollHideDelay: number;
@@ -748,12 +748,12 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {},
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        size: import('../ScrollContainer').ScrollContainerSize;
         type: import('../ScrollContainer').ScrollContainerType;
+        size: import('../ScrollContainer').ScrollContainerSize;
         overlay: boolean;
         scrollDistance: number;
         scrollHideDelay: number;
-    }> & Omit<Readonly<import('../ScrollContainer').ScrollContainerProps> & Readonly<{}>, "wrap" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "isOverflowX" | "isOverflowY" | "container" | "getScroll" | "scrollTop" | "scrollTopLeft" | ("size" | "type" | "overlay" | "scrollDistance" | "scrollHideDelay")> & import('vue').ShallowUnwrapRef<{
+    }> & Omit<Readonly<import('../ScrollContainer').ScrollContainerProps> & Readonly<{}>, "wrap" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "isOverflowX" | "isOverflowY" | "container" | "getScroll" | "scrollTop" | "scrollTopLeft" | ("type" | "size" | "overlay" | "scrollDistance" | "scrollHideDelay")> & import('vue').ShallowUnwrapRef<{
         container: Ref<any, any>;
         wrap: Ref<any, any>;
         root: Ref<any, any>;
@@ -821,12 +821,12 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {},
             readonly switcherIcon?: string | undefined;
             readonly noRotateSwitcherIcon?: boolean | undefined;
             readonly draggable?: boolean | undefined;
-            readonly "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
             readonly onSelect?: ((node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => any) | undefined;
             readonly onChange?: ((value: {
                 modelValue: string[];
                 checkedKeys: string[];
             }) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
             readonly onExpand?: ((node: object | import('../Tree').TreeNodeType, expanded: boolean) => any) | undefined;
             readonly "onUpdate:expandedKeys"?: ((value: string[]) => any) | undefined;
             readonly "onUpdate:checkedKeys"?: ((value: string[]) => any) | undefined;
@@ -848,18 +848,18 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {},
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "update:modelValue", value: string[]) => void) & ((event: "select", node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => void) & ((event: "change", value: {
+        $emit: ((event: "select", node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => void) & ((event: "change", value: {
             modelValue: string[];
             checkedKeys: string[];
-        }) => void) & ((event: "expand", node: object | import('../Tree').TreeNodeType, expanded: boolean) => void) & ((event: "update:expandedKeys", value: string[]) => void) & ((event: "update:checkedKeys", value: string[]) => void) & ((event: "check", node: object | import('../Tree').TreeNodeType, checked: boolean, checkedKeys: string[]) => void) & ((event: "dragStart", event: import('../Tree').TreeDragEvent) => void) & ((event: "dragEnd", event: import('../Tree').TreeDragEvent) => void) & ((event: "choose", event: import('@pantograph/sortable').SortableEvent) => void) & ((event: "unchoose", event: import('@pantograph/sortable').SortableEvent) => void);
+        }) => void) & ((event: "update:modelValue", value: string[]) => void) & ((event: "expand", node: object | import('../Tree').TreeNodeType, expanded: boolean) => void) & ((event: "update:expandedKeys", value: string[]) => void) & ((event: "update:checkedKeys", value: string[]) => void) & ((event: "check", node: object | import('../Tree').TreeNodeType, checked: boolean, checkedKeys: string[]) => void) & ((event: "dragStart", event: import('../Tree').TreeDragEvent) => void) & ((event: "dragEnd", event: import('../Tree').TreeDragEvent) => void) & ((event: "choose", event: import('@pantograph/sortable').SortableEvent) => void) & ((event: "unchoose", event: import('@pantograph/sortable').SortableEvent) => void);
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<TreeProps> & Readonly<{
-            "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
             onSelect?: ((node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => any) | undefined;
             onChange?: ((value: {
                 modelValue: string[];
                 checkedKeys: string[];
             }) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
             onExpand?: ((node: object | import('../Tree').TreeNodeType, expanded: boolean) => any) | undefined;
             "onUpdate:expandedKeys"?: ((value: string[]) => any) | undefined;
             "onUpdate:checkedKeys"?: ((value: string[]) => any) | undefined;
@@ -873,12 +873,12 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {},
             onSelect: (node: import('../Tree').TreeItem, value: boolean) => void;
             onCheck: (node: import('../Tree').TreeItem, value: boolean) => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "update:modelValue": (value: string[]) => any;
             select: (node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => any;
             change: (value: {
                 modelValue: string[];
                 checkedKeys: string[];
             }) => any;
+            "update:modelValue": (value: string[]) => any;
             expand: (node: object | import('../Tree').TreeNodeType, expanded: boolean) => any;
             "update:expandedKeys": (value: string[]) => any;
             "update:checkedKeys": (value: string[]) => any;
@@ -920,12 +920,12 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {},
         focusable: boolean;
         checkStrictly: boolean;
     }> & Omit<Readonly<TreeProps> & Readonly<{
-        "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
         onSelect?: ((node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => any) | undefined;
         onChange?: ((value: {
             modelValue: string[];
             checkedKeys: string[];
         }) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
         onExpand?: ((node: object | import('../Tree').TreeNodeType, expanded: boolean) => any) | undefined;
         "onUpdate:expandedKeys"?: ((value: string[]) => any) | undefined;
         "onUpdate:checkedKeys"?: ((value: string[]) => any) | undefined;

package/dist/Combobox/context.d.ts

@@ -2,7 +2,7 @@ import { ComboboxFlattenOptionType, ComboboxProps, ComboboxEmits, ComboboxSlots
 import { ComputedRef, Ref } from 'vue';
 import { ComboboxSize, ComboboxStatus } from './Combobox.model';
 import { EmitFn } from '@vue/runtime-core';
-import { CollectionMap, CollectionMapItem } from '../utils';
+import { CollectionMap, CollectionMapItem } from '@pantograph/utils-vue';
 export interface ComboboxContext {
     isOptionSelected: (value?: string) => boolean;
     getOptionByValue: (value: string) => ComboboxFlattenOptionType | undefined;

package/dist/Combobox/index.js

@@ -1,4 +1,4 @@
-import { _ as s, a as t, C as x, b as C, i as a, p as e } from "../Combobox.vue_vue_type_script_setup_true_lang-6ZvMvMe_.js";
+import { _ as s, a as t, C as x, b as C, i as a, p as e } from "../Combobox.vue_vue_type_script_setup_true_lang-BBkIM9dG.js";
 export {
   s as Combobox,
   t as ComboboxInput,

package/dist/Combobox/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Combobox.vue_vue_type_script_setup_true_lang-Basgh9sL.js");exports.Combobox=o._sfc_main;exports.ComboboxInput=o._sfc_main$1;exports.ComboboxSizes=o.ComboboxSizes;exports.ComboboxStatuses=o.ComboboxStatuses;exports.injectComboboxContext=o.injectComboboxContext;exports.provideComboboxContext=o.provideComboboxContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Combobox.vue_vue_type_script_setup_true_lang-Cmor3uQM.js");exports.Combobox=o._sfc_main;exports.ComboboxInput=o._sfc_main$1;exports.ComboboxSizes=o.ComboboxSizes;exports.ComboboxStatuses=o.ComboboxStatuses;exports.injectComboboxContext=o.injectComboboxContext;exports.provideComboboxContext=o.provideComboboxContext;