@pantograph/vue 0.23.28 → 0.23.30

package/dist/{ColorSwatch-BerOW8in.js → ColorSwatch-BEvCUdOZ.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ColorSwatch.vue_vue_type_style_index_0_lang-BK2Ak9jv.js");exports.default=e._sfc_main;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ColorSwatch.vue_vue_type_style_index_0_lang-CE5X5nlS.js");exports.default=e._sfc_main;

package/dist/{ColorSwatch-BUXcDup7.js → ColorSwatch-CSSvqd_c.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./ColorSwatch.vue_vue_type_style_index_0_lang-CdoLi2ow.js";
+import { _ as f } from "./ColorSwatch.vue_vue_type_style_index_0_lang-BVhMYaTw.js";
 export {
   f as default
 };

package/dist/{ColorSwatch.vue_vue_type_style_index_0_lang-CdoLi2ow.js → ColorSwatch.vue_vue_type_style_index_0_lang-BVhMYaTw.js}

@@ -1,10 +1,10 @@
 import { defineComponent as B, computed as s, useSlots as S, createBlock as d, openBlock as c, resolveDynamicComponent as P, mergeProps as n, unref as _, withCtx as i, createElementBlock as b, createCommentVNode as f, renderSlot as a, normalizeProps as r, createSlots as $, renderList as I, guardReactiveProps as y, createElementVNode as E } from "vue";
-import { _ as L } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-Cm_eOjGc.js";
+import { _ as L } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-Co71MPdO.js";
 import { g as O } from "./options-D4et5euX.js";
-import { o as V } from "./omit-BuBwx_M2.js";
+import { o as V } from "./Icon.vue_vue_type_style_index_0_lang-CoGeYkwL.js";
 import { getBemBlock as D, generateVariantClassList as l } from "@pantograph/utils";
 import { cva as N } from "class-variance-authority";
-import { _ as T } from "./IconButton.vue_vue_type_script_setup_true_lang-Cx0nQH6I.js";
+import { _ as T } from "./IconButton.vue_vue_type_script_setup_true_lang-D7JgAv4k.js";
 const k = ["sm", "md"], j = ["color", "remover", "custom-picker"], M = {
   key: 1,
   height: "100%",

package/dist/ColorSwatch.vue_vue_type_style_index_0_lang-CE5X5nlS.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),g=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-BdaaGJWu.js"),v=require("./options-CWrQ7gsa.js"),k=require("./Icon.vue_vue_type_style_index_0_lang-Caz79tKh.js"),r=require("@pantograph/utils"),C=require("class-variance-authority"),f=require("./IconButton.vue_vue_type_script_setup_true_lang-BX4DBv1F.js"),c=["sm","md"],l=["color","remover","custom-picker"],h={key:1,height:"100%",width:"100%",viewBox:"0 0 19 18",fill:"none"},z=e.defineComponent({...v.getComponentOptions("ColorTrigger"),__name:"ColorSwatch",props:{class:{},icon:{},flipOnDir:{},fg:{},bg:{},br:{},size:{default:"md"},selected:{type:Boolean},type:{default:"color"},customPickerIcon:{default:"tabler:palette"}},setup(p){const o=p,s=r.getBemBlock("color_swatch"),u=C.cva(s,{variants:{selected:r.generateVariantClassList("selected",s),size:r.generateVariantClassList(c,s),type:r.generateVariantClassList(l,s)}}),n=e.computed(()=>o.size&&c.includes(o.size)?o.size:"md"),m=e.computed(()=>({size:n.value,...k.omit(o,"size","class","type","selected","customPickerIcon")})),d=e.useSlots(),y=e.computed(()=>{switch(o.type){case"remover":case"color":return"div";case"custom-picker":return f._sfc_main}}),_=e.computed(()=>{const t={};return o.type==="custom-picker"&&(t.size=n.value,t.icon=o.customPickerIcon,t.color="gray",t.type="outline"),t});return(t,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y.value),e.mergeProps({class:[e.unref(u)({selected:t.type!=="custom-picker"&&o.selected,size:t.size,type:t.type}),o.class]},_.value),{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",e.normalizeProps(e.guardReactiveProps(o)))]),default:e.withCtx(()=>[t.type==="color"?(e.openBlock(),e.createBlock(g._sfc_main,e.normalizeProps(e.mergeProps({key:0},m.value)),e.createSlots({_:2},[e.renderList(Object.keys(d),a=>({name:a,fn:e.withCtx(()=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(o)))])}))]),1040)):t.type==="remover"?(e.openBlock(),e.createElementBlock("svg",h,i[0]||(i[0]=[e.createElementVNode("path",{id:"Empty Indicator",d:"M17.5 1L1.5 17",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"},null,-1)]))):e.createCommentVNode("",!0),t.type==="custom-picker"?e.renderSlot(t.$slots,"default",e.normalizeProps(e.mergeProps({key:2},o))):e.createCommentVNode("",!0)]),_:3},16,["class"]))}});exports.ColorSwatchSizes=c;exports.ColorSwatchTypes=l;exports._sfc_main=z;

package/dist/ColorSwatchGroup/index.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t } from "../ColorSwatchGroup.vue_vue_type_style_index_0_lang-DyXou_Un.js";
+import { _ as r, _ as t } from "../ColorSwatchGroup.vue_vue_type_style_index_0_lang-D_nDDfhY.js";
 export {
   r as ColorSwatchGroup,
   t as default

package/dist/ColorSwatchGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorSwatchGroup.vue_vue_type_style_index_0_lang-qx6S3kVF.js");exports.ColorSwatchGroup=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorSwatchGroup.vue_vue_type_style_index_0_lang-DcpBSdtq.js");exports.ColorSwatchGroup=e._sfc_main;exports.default=e._sfc_main;

package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-DyXou_Un.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-D_nDDfhY.js}

@@ -1,16 +1,15 @@
-import { defineComponent as G, useSlots as L, ref as U, computed as f, createElementBlock as p, openBlock as l, normalizeClass as v, unref as a, createCommentVNode as b, createElementVNode as T, renderSlot as g, createTextVNode as q, toDisplayString as H, createBlock as C, Fragment as J, renderList as k, mergeProps as u, createSlots as V, withCtx as c, createVNode as $, normalizeProps as K, guardReactiveProps as Q } from "vue";
+import { defineComponent as G, useSlots as L, ref as U, computed as p, createElementBlock as f, openBlock as l, normalizeClass as v, unref as a, createCommentVNode as b, createElementVNode as T, renderSlot as g, createTextVNode as q, toDisplayString as H, createBlock as C, Fragment as J, renderList as k, mergeProps as u, createSlots as V, withCtx as c, createVNode as $, normalizeProps as K, guardReactiveProps as Q } from "vue";
 import { g as W } from "./options-D4et5euX.js";
 import { useEmitAsProps as X } from "reka-ui";
-import { C as Y, _ as y } from "./ColorSwatch.vue_vue_type_style_index_0_lang-CdoLi2ow.js";
-import { a as B, b as M } from "./index-jwkhq8oW.js";
+import { C as Y, _ as y } from "./ColorSwatch.vue_vue_type_style_index_0_lang-BVhMYaTw.js";
+import { i as B, a as M } from "./index-C7THkhcc.js";
 import { useVModel as Z } from "@vueuse/core";
 import { getBemBlock as x, generateVariantClassList as ee, getBemElement as j } from "@pantograph/utils";
 import { cva as oe } from "class-variance-authority";
-import { o as te } from "./omit-BuBwx_M2.js";
-import { _ as re } from "./Popover.vue_vue_type_style_index_0_lang-DyIDJxIC.js";
-import { _ as se } from "./ColorPicker.vue_vue_type_style_index_0_lang-N19VFnXL.js";
-import { f as S } from "./FormItem.vue_vue_type_style_index_0_lang-BpgRONei.js";
-const ge = /* @__PURE__ */ G({
+import { l as S, o as te } from "./Icon.vue_vue_type_style_index_0_lang-CoGeYkwL.js";
+import { _ as re } from "./Popover.vue_vue_type_style_index_0_lang-V2fpykO-.js";
+import { _ as se } from "./ColorPicker.vue_vue_type_style_index_0_lang-D39DWUGP.js";
+const be = /* @__PURE__ */ G({
   ...W("ColorSwatchGroup"),
   __name: "ColorSwatchGroup",
   props: {
@@ -62,7 +61,7 @@ const ge = /* @__PURE__ */ G({
     }), z = U(!1), m = (e) => M(e) ? e.value : e ?? void 0, P = (e) => {
       const t = m(e);
       s.value = t, z.value = !t;
-    }, d = f(() => {
+    }, d = p(() => {
       if (o.colors) return o.colors;
       const e = ["red", "orange", "yellow", "lime", "green", "sky", "blue", "violet"];
       return o.colorMode === "subtle" ? e.map((t) => `${t}-subtle`) : typeof o.colorMode == "object" && o.colorMode.value && (o.colorMode.bg || o.colorMode.br || o.colorMode.fg) ? e.map((t) => {
@@ -71,7 +70,7 @@ const ge = /* @__PURE__ */ G({
         };
         return typeof o.colorMode == "object" && o.colorMode.bg && (r.bg = o.colorMode.bg === "subtle" ? `${t}-subtle` : t), typeof o.colorMode == "object" && o.colorMode.br && (r.br = o.colorMode.br === "subtle" ? `${t}-subtle` : t), typeof o.colorMode == "object" && o.colorMode.fg && (r.fg = o.colorMode.fg === "subtle" ? `${t}-subtle` : t), r;
       }) : e;
-    }), O = f(() => {
+    }), O = p(() => {
       var e;
       if (!((e = d.value) != null && e.length && d.value.some(
         (t) => B(t) && t === s.value || M(t) && s.value === t.value
@@ -79,14 +78,14 @@ const ge = /* @__PURE__ */ G({
         return s.value;
     }), _ = (e) => {
       e && (s.value = e);
-    }, F = X(h), R = f(() => ({
+    }, F = X(h), R = p(() => ({
       ...S(F, "onUpdate:format"),
       ...S(o, "format", "defaultFormat", "hideAlpha")
     }));
-    return (e, t) => (l(), p("div", {
+    return (e, t) => (l(), f("div", {
       class: v([o.class, a(N)({ size: e.size })])
     }, [
-      A.header || e.header ? (l(), p("div", {
+      A.header || e.header ? (l(), f("div", {
         key: 0,
         class: v([a(j)(a(i), "header"), e.headerCls])
       }, [
@@ -104,7 +103,7 @@ const ge = /* @__PURE__ */ G({
           onClick: t[0] || (t[0] = (r) => P()),
           selected: !a(s) && z.value
         }, null, 8, ["size", "selected"])),
-        (l(!0), p(J, null, k(d.value, (r) => (l(), C(y, u({
+        (l(!0), f(J, null, k(d.value, (r) => (l(), C(y, u({
           type: "color",
           size: e.size,
           icon: e.icon,
@@ -154,5 +153,5 @@ const ge = /* @__PURE__ */ G({
   }
 });
 export {
-  ge as _
+  be as _
 };

package/dist/ColorSwatchGroup.vue_vue_type_style_index_0_lang-DcpBSdtq.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),z=require("./options-CWrQ7gsa.js"),S=require("reka-ui"),i=require("./ColorSwatch.vue_vue_type_style_index_0_lang-CE5X5nlS.js"),a=require("./index-DWw7aruo.js"),$=require("@vueuse/core"),c=require("@pantograph/utils"),j=require("class-variance-authority"),p=require("./Icon.vue_vue_type_style_index_0_lang-Caz79tKh.js"),q=require("./Popover.vue_vue_type_style_index_0_lang-Bh9JyVRp.js"),w=require("./ColorPicker.vue_vue_type_style_index_0_lang-rrJjUJgM.js"),E=e.defineComponent({...z.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:{},colorsCls:{},defaultValue:{},colors:{},colorMode:{default:"bold"},popoverProps:{}},emits:["update:format","update:modelValue"],setup(k,{emit:C}){const t=k,_=e.useSlots(),f=C,l=$.useVModel(t,"modelValue",f,{defaultValue:t.defaultValue,passive:t.modelValue===void 0}),b=o=>{if(a.isString(o))return{selected:l.value===o,icon:t.icon,bg:o};if(a.isObject(o))return{...p.omit(o,"value"),icon:o.icon??t.icon,selected:l.value===o.value}},u=c.getBemBlock("color_swatch_group"),y=j.cva(u,{variants:{size:c.generateVariantClassList(i.ColorSwatchSizes,u)}}),v=e.ref(!1),d=o=>a.isObject(o)?o.value:o??void 0,g=o=>{const r=d(o);l.value=r,v.value=!r},m=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}),h=e.computed(()=>{var o;if(!((o=m.value)!=null&&o.length&&m.value.some(r=>a.isString(r)&&r===l.value||a.isObject(r)&&l.value===r.value)))return l.value}),P=o=>{o&&(l.value=o)},B=S.useEmitAsProps(f),V=e.computed(()=>({...p.pick(B,"onUpdate:format"),...p.pick(t,"format","defaultFormat","hideAlpha")}));return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.class,e.unref(y)({size:o.size})])},[_.header||o.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(c.getBemElement)(e.unref(u),"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(c.getBemElement)(e.unref(u),"colors"),o.colorsCls])},[o.noRemover?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(i._sfc_main,{key:0,type:"remover",size:o.size,onClick:r[0]||(r[0]=s=>g()),selected:!e.unref(l)&&v.value},null,8,["size","selected"])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,s=>(e.openBlock(),e.createBlock(i._sfc_main,e.mergeProps({type:"color",size:o.size,icon:o.icon,ref_for:!0},b(s),{key:d(s),onClick:n=>g(s)}),e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),n=>({name:n,fn:e.withCtx(M=>[e.renderSlot(o.$slots,n,e.mergeProps({ref_for:!0},{...M,value:d(s)}))])}))]),1040,["size","icon","onClick"]))),128)),o.noCustomPicker?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(q._sfc_main,e.mergeProps({key:1,trigger:"click","reverse-placement-on-dir":"rtl",placement:"right-start","side-offset":4},o.popoverProps||{}),{content:e.withCtx(()=>[e.createVNode(w._sfc_main,e.mergeProps({defaultColor:h.value,"onUpdate:color":P},V.value),null,16,["defaultColor"])]),default:e.withCtx(()=>[e.createVNode(i._sfc_main,{type:"custom-picker",size:o.size,customPickerIcon:o.customPickerIcon},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"])]),_:3},16))],2)],2))}});exports._sfc_main=E;

package/dist/ColorTrigger/index.js

@@ -1,4 +1,4 @@
-import { _ as e, C as a, _ as g } from "../ColorTrigger.vue_vue_type_style_index_0_lang-CbOky0vB.js";
+import { _ as e, C as a, _ as g } from "../ColorTrigger.vue_vue_type_style_index_0_lang-UyNY1isO.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_style_index_0_lang-LcImZnD-.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_style_index_0_lang-DhTOw7qR.js");exports.ColorTrigger=e._sfc_main;exports.ColorTriggerSizes=e.ColorTriggerSizes;exports.default=e._sfc_main;

package/dist/ColorTrigger.vue_vue_type_style_index_0_lang-DhTOw7qR.js

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

package/dist/{ColorTrigger.vue_vue_type_style_index_0_lang-CbOky0vB.js → ColorTrigger.vue_vue_type_style_index_0_lang-UyNY1isO.js}

@@ -1,13 +1,12 @@
-import { defineComponent as C, computed as c, useSlots as I, createElementBlock as S, openBlock as l, unref as r, normalizeClass as _, createVNode as v, createBlock as k, createCommentVNode as h, normalizeProps as m, guardReactiveProps as f, createSlots as y, renderList as w, withCtx as u, renderSlot as d } from "vue";
-import { _ as O } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-Cm_eOjGc.js";
+import { defineComponent as C, computed as c, useSlots as I, createElementBlock as S, openBlock as l, unref as r, normalizeClass as v, createVNode as _, createBlock as k, createCommentVNode as h, normalizeProps as m, guardReactiveProps as f, createSlots as y, renderList as w, withCtx as u, renderSlot as d } from "vue";
+import { _ as O } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-Co71MPdO.js";
 import { g as $ } from "./options-D4et5euX.js";
-import { getBemBlock as T, generateVariantClassList as n } from "@pantograph/utils";
+import { getBemBlock as T, generateVariantClassList as t } from "@pantograph/utils";
 import { cva as V } from "class-variance-authority";
-import { _ as G } from "./Icon.vue_vue_type_style_index_0_lang-CbLL-Ngi.js";
-import { a as L } from "./index-jwkhq8oW.js";
-import { f as N } from "./FormItem.vue_vue_type_style_index_0_lang-BpgRONei.js";
-import { u as P } from "./useInputDataStates-0nK-AuOK.js";
-const g = ["sm", "md", "lg"], j = ["disabled"], Q = /* @__PURE__ */ C({
+import { l as G, k as L } from "./Icon.vue_vue_type_style_index_0_lang-CoGeYkwL.js";
+import { i as N } from "./index-C7THkhcc.js";
+import { u as P } from "./useInputDataStates-Dbevvx51.js";
+const g = ["sm", "md", "lg"], j = ["disabled"], M = /* @__PURE__ */ C({
   ...$("ColorTrigger"),
   __name: "ColorTrigger",
   props: {
@@ -24,9 +23,9 @@ const g = ["sm", "md", "lg"], j = ["disabled"], Q = /* @__PURE__ */ C({
   setup(p) {
     const s = p, o = T("color_trigger"), z = V(o, {
       variants: {
-        size: n(g, o),
-        borderless: n("borderless", o),
-        suffixIcon: n("suffix-icon", o)
+        size: t(g, o),
+        borderless: t("borderless", o),
+        suffixIcon: t("suffix-icon", o)
       }
     }), { getDisabled: b, getSize: i } = P({
       getSize: () => s.size && g.includes(s.size) ? s.size : "md"
@@ -41,8 +40,8 @@ const g = ["sm", "md", "lg"], j = ["disabled"], Q = /* @__PURE__ */ C({
             return "sm";
         }
       })(),
-      ...N(s, "icon", "bg", "br", "fg")
-    })), t = I(), B = c(() => {
+      ...G(s, "icon", "bg", "br", "fg")
+    })), n = I(), B = c(() => {
       switch (i.value) {
         case "sm":
           return "2xsm";
@@ -52,27 +51,27 @@ const g = ["sm", "md", "lg"], j = ["disabled"], Q = /* @__PURE__ */ C({
       }
     });
     return (e, D) => (l(), S("button", {
-      class: _([
+      class: v([
         r(z)({
           size: r(i),
           borderless: e.borderless,
-          suffixIcon: !!(e.suffixIcon || t.suffixIcon)
+          suffixIcon: !!(e.suffixIcon || n.suffixIcon)
         }),
         s.class
       ]),
       disabled: r(b)
     }, [
-      v(O, m(f(x.value)), y({ _: 2 }, [
-        w(Object.keys(t), (a) => ({
+      _(O, m(f(x.value)), y({ _: 2 }, [
+        w(Object.keys(n), (a) => ({
           name: a,
           fn: u(() => [
             d(e.$slots, a, m(f(s)))
           ])
         }))
       ]), 1040),
-      e.suffixIcon || t.suffixIcon ? (l(), k(G, {
+      e.suffixIcon || n.suffixIcon ? (l(), k(L, {
         key: 0,
-        icon: r(L)(e.suffixIcon) ? e.suffixIcon : void 0,
+        icon: r(N)(e.suffixIcon) ? e.suffixIcon : void 0,
         size: B.value
       }, {
         default: u(() => [
@@ -85,5 +84,5 @@ const g = ["sm", "md", "lg"], j = ["disabled"], Q = /* @__PURE__ */ C({
 });
 export {
   g as C,
-  Q as _
+  M as _
 };

package/dist/Combobox/Combobox.d.ts

@@ -6,43 +6,27 @@ 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, {
-    select: () => any;
+    select: (value: string | undefined, selected: boolean, option?: import('./types', { with: { "resolution-mode": "import" } }).ComboboxOptionType | undefined) => any;
     "update:modelValue": (value: import('reka-ui', { with: { "resolution-mode": "import" } }).AcceptableValue) => any;
     "update:open": (value: boolean) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
-    pointerDownOutside: (event: CustomEvent<{
-        originalEvent: PointerEvent;
-    }>) => any;
-    focusOutside: (event: CustomEvent<{
-        originalEvent: FocusEvent;
-    }>) => any;
-    interactOutside: (event: CustomEvent<{
-        originalEvent: PointerEvent;
-    }> | CustomEvent<{
-        originalEvent: FocusEvent;
-    }>) => any;
-    "update:search": () => any;
+    pointerDownOutside: (event: import('reka-ui', { with: { "resolution-mode": "import" } }).PointerDownOutsideEvent) => any;
+    focusOutside: (event: import('reka-ui', { with: { "resolution-mode": "import" } }).FocusOutsideEvent) => any;
+    interactOutside: (event: import('reka-ui', { with: { "resolution-mode": "import" } }).PointerDownOutsideEvent | import('reka-ui', { with: { "resolution-mode": "import" } }).FocusOutsideEvent) => any;
+    "update:search": (value?: string | null | undefined) => any;
     highlight: (payload: {
         ref: HTMLElement;
         value: import('reka-ui', { with: { "resolution-mode": "import" } }).AcceptableValue;
     } | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<ComboboxProps> & Readonly<{
-    onSelect?: (() => any) | undefined;
+    onSelect?: ((value: string | undefined, selected: boolean, option?: import('./types', { with: { "resolution-mode": "import" } }).ComboboxOptionType | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import('reka-ui', { with: { "resolution-mode": "import" } }).AcceptableValue) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: CustomEvent<{
-        originalEvent: PointerEvent;
-    }>) => any) | undefined;
-    onFocusOutside?: ((event: CustomEvent<{
-        originalEvent: FocusEvent;
-    }>) => any) | undefined;
-    onInteractOutside?: ((event: CustomEvent<{
-        originalEvent: PointerEvent;
-    }> | CustomEvent<{
-        originalEvent: FocusEvent;
-    }>) => any) | undefined;
-    "onUpdate:search"?: (() => any) | undefined;
+    onPointerDownOutside?: ((event: import('reka-ui', { with: { "resolution-mode": "import" } }).PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import('reka-ui', { with: { "resolution-mode": "import" } }).FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import('reka-ui', { with: { "resolution-mode": "import" } }).PointerDownOutsideEvent | import('reka-ui', { with: { "resolution-mode": "import" } }).FocusOutsideEvent) => any) | undefined;
+    "onUpdate:search"?: ((value?: string | null | undefined) => any) | undefined;
     onHighlight?: ((payload: {
         ref: HTMLElement;
         value: import('reka-ui', { with: { "resolution-mode": "import" } }).AcceptableValue;

package/dist/Combobox/ComboboxWrapper.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+declare const _default: import('vue').DefineComponent<{}, () => (import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}>[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}> | null)[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Combobox/index.js

@@ -1,4 +1,4 @@
-import { _ as s, C as t, a as x, i as C, p as a } from "../Combobox.vue_vue_type_style_index_0_lang-DXKRCrNG.js";
+import { _ as s, C as t, a as x, i as C, p as a } from "../Combobox.vue_vue_type_style_index_0_lang-DesiLm3f.js";
 export {
   s as Combobox,
   t as ComboboxSizes,

package/dist/Combobox/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Combobox.vue_vue_type_style_index_0_lang-CN8YBSRI.js");exports.Combobox=o._sfc_main;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_style_index_0_lang-xT5WxjkN.js");exports.Combobox=o._sfc_main;exports.ComboboxSizes=o.ComboboxSizes;exports.ComboboxStatuses=o.ComboboxStatuses;exports.injectComboboxContext=o.injectComboboxContext;exports.provideComboboxContext=o.provideComboboxContext;

package/dist/Combobox/types.d.ts

@@ -84,10 +84,11 @@ export interface ComboboxProps extends Omit<ComboboxRootProps, 'ignoreFilter'>,
     minWidth?: string | number;
     headerSearch?: boolean;
     search?: string;
+    noTrigger?: boolean;
 }
 export interface ComboboxEmits extends ComboboxRootEmits, ComboboxContentEmits {
-    'update:search': (value?: string | null) => void;
-    select: (value?: string, selected?: boolean) => void;
+    'update:search': [value?: string | null];
+    select: [value: string | undefined, selected: boolean, option?: ComboboxOptionType];
 }
 export type ComboboxEmitObject = {
     [K in keyof ComboboxEmits as EmitToProp<K>]: () => void;