@pantograph/vue 0.23.8 → 0.23.10

package/dist/ColorSwatch/index.js

@@ -1,4 +1,4 @@
-import { _ as s, C as r, a as t, _ as e } from "../ColorSwatch.vue_vue_type_style_index_0_lang-BKeC7_Hh.js";
+import { _ as s, C as r, a as t, _ as e } from "../ColorSwatch.vue_vue_type_style_index_0_lang-BtD8iSwd.js";
 export {
   s as ColorSwatch,
   r as ColorSwatchSizes,

package/dist/ColorSwatch/index.umd.cjs

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

package/dist/{ColorSwatch-zBaNVoXY.js → ColorSwatch-BSqFFWRL.js}

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

package/dist/{ColorSwatch-ChhddKCZ.js → ColorSwatch-BrVtGQ8o.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ColorSwatch.vue_vue_type_style_index_0_lang-BteZYDeA.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-C3iqxh5D.js");exports.default=e._sfc_main;

package/dist/{ColorSwatch.vue_vue_type_style_index_0_lang-BKeC7_Hh.js → ColorSwatch.vue_vue_type_style_index_0_lang-BtD8iSwd.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-D6X3NSHD.js";
+import { _ as L } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-DLtfk2Qg.js";
 import { g as O } from "./options-D4et5euX.js";
 import { o as V } from "./omit-BuBwx_M2.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-B1tfPZvU.js";
+import { _ as T } from "./IconButton.vue_vue_type_script_setup_true_lang-yCbmuM4V.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-BteZYDeA.js → ColorSwatch.vue_vue_type_style_index_0_lang-C3iqxh5D.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),k=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-BD0XDk0_.js"),v=require("./options-CWrQ7gsa.js"),_=require("./omit-CYbreqlf.js"),r=require("@pantograph/utils"),C=require("class-variance-authority"),f=require("./IconButton.vue_vue_type_script_setup_true_lang-DdFf5vKS.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,..._.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}}),g=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]},g.value),{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",e.normalizeProps(e.guardReactiveProps(o)))]),default:e.withCtx(()=>[t.type==="color"?(e.openBlock(),e.createBlock(k._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;
+"use strict";const e=require("vue"),k=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-PyVOSOe3.js"),v=require("./options-CWrQ7gsa.js"),_=require("./omit-CYbreqlf.js"),r=require("@pantograph/utils"),C=require("class-variance-authority"),f=require("./IconButton.vue_vue_type_script_setup_true_lang-mS3fxFE_.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,..._.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}}),g=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]},g.value),{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",e.normalizeProps(e.guardReactiveProps(o)))]),default:e.withCtx(()=>[t.type==="color"?(e.openBlock(),e.createBlock(k._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-BcSPyVxc.js";
+import { _ as r, _ as t } from "../ColorSwatchGroup.vue_vue_type_style_index_0_lang-7nyn9UPr.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-NS5FYAsV.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-DxmTzGB6.js");exports.ColorSwatchGroup=e._sfc_main;exports.default=e._sfc_main;

package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-BcSPyVxc.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-7nyn9UPr.js}

@@ -1,15 +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 { 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-BKeC7_Hh.js";
+import { C as Y, _ as y } from "./ColorSwatch.vue_vue_type_style_index_0_lang-BtD8iSwd.js";
 import { a as B, b as M } from "./index-jwkhq8oW.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-BGRXQmj3.js";
-import { _ as se } from "./ColorPicker.vue_vue_type_style_index_0_lang-CbajVGvM.js";
-import { f as S } from "./FormItem.vue_vue_type_style_index_0_lang-DbMENNc4.js";
+import { _ as re } from "./Popover.vue_vue_type_style_index_0_lang-Yli31kJD.js";
+import { _ as se } from "./ColorPicker.vue_vue_type_style_index_0_lang-B-zZbVyX.js";
+import { f as S } from "./FormItem.vue_vue_type_style_index_0_lang-BpgRONei.js";
 const ge = /* @__PURE__ */ G({
   ...W("ColorSwatchGroup"),
   __name: "ColorSwatchGroup",

package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-NS5FYAsV.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-DxmTzGB6.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),z=require("./options-CWrQ7gsa.js"),S=require("reka-ui"),u=require("./ColorSwatch.vue_vue_type_style_index_0_lang-BteZYDeA.js"),a=require("./index-DWw7aruo.js"),q=require("@vueuse/core"),c=require("@pantograph/utils"),$=require("class-variance-authority"),j=require("./omit-CYbreqlf.js"),w=require("./Popover.vue_vue_type_style_index_0_lang-CZ_AaHDG.js"),E=require("./ColorPicker.vue_vue_type_style_index_0_lang-BTyFfqXB.js"),g=require("./FormItem.vue_vue_type_style_index_0_lang-CTRszGlB.js"),N=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(),p=C,l=q.useVModel(t,"modelValue",p,{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{...j.omit(o,"value"),icon:o.icon??t.icon,selected:l.value===o.value}},i=c.getBemBlock("color_swatch_group"),y=$.cva(i,{variants:{size:c.generateVariantClassList(u.ColorSwatchSizes,i)}}),f=e.ref(!1),d=o=>a.isObject(o)?o.value:o??void 0,v=o=>{const r=d(o);l.value=r,f.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(p),V=e.computed(()=>({...g.pick(B,"onUpdate:format"),...g.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(i),"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(i),"colors"),o.colorsCls])},[o.noRemover?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(u._sfc_main,{key:0,type:"remover",size:o.size,onClick:r[0]||(r[0]=s=>v()),selected:!e.unref(l)&&f.value},null,8,["size","selected"])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,s=>(e.openBlock(),e.createBlock(u._sfc_main,e.mergeProps({type:"color",size:o.size,icon:o.icon,ref_for:!0},b(s),{key:d(s),onClick:n=>v(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(w._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(E._sfc_main,e.mergeProps({defaultColor:h.value,"onUpdate:color":P},V.value),null,16,["defaultColor"])]),default:e.withCtx(()=>[e.createVNode(u._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=N;
+"use strict";const e=require("vue"),z=require("./options-CWrQ7gsa.js"),S=require("reka-ui"),u=require("./ColorSwatch.vue_vue_type_style_index_0_lang-C3iqxh5D.js"),a=require("./index-DWw7aruo.js"),q=require("@vueuse/core"),c=require("@pantograph/utils"),$=require("class-variance-authority"),j=require("./omit-CYbreqlf.js"),w=require("./Popover.vue_vue_type_style_index_0_lang-bZzTBnW7.js"),E=require("./ColorPicker.vue_vue_type_style_index_0_lang-DXVw6HPr.js"),g=require("./FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js"),N=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(),p=C,l=q.useVModel(t,"modelValue",p,{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{...j.omit(o,"value"),icon:o.icon??t.icon,selected:l.value===o.value}},i=c.getBemBlock("color_swatch_group"),y=$.cva(i,{variants:{size:c.generateVariantClassList(u.ColorSwatchSizes,i)}}),f=e.ref(!1),d=o=>a.isObject(o)?o.value:o??void 0,v=o=>{const r=d(o);l.value=r,f.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(p),V=e.computed(()=>({...g.pick(B,"onUpdate:format"),...g.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(i),"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(i),"colors"),o.colorsCls])},[o.noRemover?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(u._sfc_main,{key:0,type:"remover",size:o.size,onClick:r[0]||(r[0]=s=>v()),selected:!e.unref(l)&&f.value},null,8,["size","selected"])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,s=>(e.openBlock(),e.createBlock(u._sfc_main,e.mergeProps({type:"color",size:o.size,icon:o.icon,ref_for:!0},b(s),{key:d(s),onClick:n=>v(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(w._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(E._sfc_main,e.mergeProps({defaultColor:h.value,"onUpdate:color":P},V.value),null,16,["defaultColor"])]),default:e.withCtx(()=>[e.createVNode(u._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=N;

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-BqWTpuxM.js";
+import { _ as e, C as a, _ as g } from "../ColorTrigger.vue_vue_type_style_index_0_lang-Ca3yrvsq.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-51-kUNs0.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-BBSYObz2.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-51-kUNs0.js → ColorTrigger.vue_vue_type_style_index_0_lang-BBSYObz2.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),m=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-BD0XDk0_.js"),_=require("./options-CWrQ7gsa.js"),t=require("@pantograph/utils"),p=require("class-variance-authority"),v=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),z=require("./index-DWw7aruo.js"),b=require("./FormItem.vue_vue_type_style_index_0_lang-CTRszGlB.js"),C=require("./useInputDataStates-C1T7BL_V.js"),a=["sm","md","lg"],x=["disabled"],I=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(u){const r=u,o=t.getBemBlock("color_trigger"),l=p.cva(o,{variants:{size:t.generateVariantClassList(a,o),borderless:t.generateVariantClassList("borderless",o),suffixIcon:t.generateVariantClassList("suffix-icon",o)}}),{getDisabled:f,getSize:n}=C.useFormInput({getSize:()=>r.size&&a.includes(r.size)?r.size:"md"}),d=e.computed(()=>({size:(()=>{switch(n.value){case"sm":return"2xsm";case"md":return"xsm";case"lg":return"sm"}})(),...b.pick(r,"icon","bg","br","fg")})),i=e.useSlots(),g=e.computed(()=>{switch(n.value){case"sm":return"2xsm";case"md":case"lg":return"xsm"}});return(s,S)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass([e.unref(l)({size:e.unref(n),borderless:s.borderless,suffixIcon:!!(s.suffixIcon||i.suffixIcon)}),r.class]),disabled:e.unref(f)},[e.createVNode(m._sfc_main,e.normalizeProps(e.guardReactiveProps(d.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(v._sfc_main,{key:0,icon:e.unref(z.isString)(s.suffixIcon)?s.suffixIcon:void 0,size:g.value},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"suffixIcon")]),_:3},8,["icon","size"])):e.createCommentVNode("",!0)],10,x))}});exports.ColorTriggerSizes=a;exports._sfc_main=I;
+"use strict";const e=require("vue"),m=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-PyVOSOe3.js"),_=require("./options-CWrQ7gsa.js"),t=require("@pantograph/utils"),p=require("class-variance-authority"),v=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),z=require("./index-DWw7aruo.js"),b=require("./FormItem.vue_vue_type_style_index_0_lang-Bo3o8_6v.js"),C=require("./useInputDataStates-D1X-Whwt.js"),a=["sm","md","lg"],x=["disabled"],I=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(u){const r=u,o=t.getBemBlock("color_trigger"),l=p.cva(o,{variants:{size:t.generateVariantClassList(a,o),borderless:t.generateVariantClassList("borderless",o),suffixIcon:t.generateVariantClassList("suffix-icon",o)}}),{getDisabled:f,getSize:n}=C.useFormInput({getSize:()=>r.size&&a.includes(r.size)?r.size:"md"}),d=e.computed(()=>({size:(()=>{switch(n.value){case"sm":return"2xsm";case"md":return"xsm";case"lg":return"sm"}})(),...b.pick(r,"icon","bg","br","fg")})),i=e.useSlots(),g=e.computed(()=>{switch(n.value){case"sm":return"2xsm";case"md":case"lg":return"xsm"}});return(s,S)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass([e.unref(l)({size:e.unref(n),borderless:s.borderless,suffixIcon:!!(s.suffixIcon||i.suffixIcon)}),r.class]),disabled:e.unref(f)},[e.createVNode(m._sfc_main,e.normalizeProps(e.guardReactiveProps(d.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(v._sfc_main,{key:0,icon:e.unref(z.isString)(s.suffixIcon)?s.suffixIcon:void 0,size:g.value},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"suffixIcon")]),_:3},8,["icon","size"])):e.createCommentVNode("",!0)],10,x))}});exports.ColorTriggerSizes=a;exports._sfc_main=I;

package/dist/{ColorTrigger.vue_vue_type_style_index_0_lang-BqWTpuxM.js → ColorTrigger.vue_vue_type_style_index_0_lang-Ca3yrvsq.js}

@@ -1,12 +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-D6X3NSHD.js";
+import { _ as O } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-DLtfk2Qg.js";
 import { g as $ } from "./options-D4et5euX.js";
 import { getBemBlock as T, generateVariantClassList as n } 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-DbMENNc4.js";
-import { u as P } from "./useInputDataStates-Bzs7T9xb.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({
   ...$("ColorTrigger"),
   __name: "ColorTrigger",

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-BSsPm6aY.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-BaNX_Cwg.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-BAquSWRB.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-CD8QA8V-.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.vue_vue_type_style_index_0_lang-BSsPm6aY.js → Combobox.vue_vue_type_style_index_0_lang-BaNX_Cwg.js}

@@ -1,6 +1,6 @@
 import { computed as f, unref as D, defineComponent as te, createBlock as Ce, openBlock as ae, mergeProps as Me, withCtx as me, createElementBlock as we, createVNode as Le, h as s, normalizeClass as Ge, renderSlot as Ee, ref as ye, watch as je, useSlots as Ue, useAttrs as He, createSlots as qe, renderList as Ye, normalizeProps as Je, guardReactiveProps as Qe } from "vue";
-import { createContext as Ke, ComboboxInput as Xe, ComboboxAnchor as Ze, injectComboboxRootContext as et, useFilter as tt, ComboboxPortal as ot, ComboboxContent as nt, useEmitAsProps as rt, ComboboxRoot as at } from "reka-ui";
-import { g as lt, h as ee, o as st, f as Pe, j as it } from "./FormItem.vue_vue_type_style_index_0_lang-DbMENNc4.js";
+import { createContext as Ke, ComboboxInput as Xe, ComboboxAnchor as Ze, injectComboboxRootContext as et, useFilter as tt, ComboboxPortal as ot, ComboboxContent as rt, useEmitAsProps as nt, ComboboxRoot as at } from "reka-ui";
+import { g as lt, h as ee, o as st, f as Pe, j as it } from "./FormItem.vue_vue_type_style_index_0_lang-BpgRONei.js";
 import { a as Ve, g as pt } from "./options-D4et5euX.js";
 import { getBemBlock as ut, getBemElement as V, generateVariantClassList as Y } from "@pantograph/utils";
 import { a as fe, i as H, b as _e, u as ct, d as Te } from "./index-jwkhq8oW.js";
@@ -10,25 +10,25 @@ import { _ as mt } from "./Empty.vue_vue_type_style_index_0_lang-jfObDGf0.js";
 import { _ as ft } from "./Skeleton.vue_vue_type_style_index_0_lang-Xi8CteLp.js";
 import { _ as Ie } from "./Divider.vue_vue_type_style_index_0_lang-B6fQsp1Y.js";
 import { b as F, f as vt, a as ht, i as bt, d as yt } from "./element-BfQuKSll.js";
-import { u as Ct, U as _t } from "./useInputDataStates-Bzs7T9xb.js";
+import { u as Ct, U as _t } from "./useInputDataStates-0nK-AuOK.js";
 import { u as Vt } from "./useLazyLoading-Zo-PEp2E.js";
-import { g as xt, b as Bt } from "./Popover.vue_vue_type_style_index_0_lang-BGRXQmj3.js";
+import { g as xt, b as Bt } from "./Popover.vue_vue_type_style_index_0_lang-Yli31kJD.js";
 import { _ as St } from "./ScrollContainer.vue_vue_type_style_index_0_lang-DfMU1mTu.js";
-import { _ as Ot } from "./Tree.vue_vue_type_style_index_0_lang-B9ly2q7c.js";
-import { u as ke } from "./uniq-BeFmBpYC.js";
+import { _ as Ot } from "./Tree.vue_vue_type_style_index_0_lang-WrKpJanv.js";
+import { u as ke } from "./uniq-Cxafs-eV.js";
 import { i as J } from "./isEmpty-wdqPTIXx.js";
-import { _ as Pt } from "./Chip.vue_vue_type_style_index_0_lang-1iDlKD-7.js";
-import { _ as Tt } from "./ChipGroup.vue_vue_type_style_index_0_lang-EiZjJxFD.js";
+import { _ as Pt } from "./Chip.vue_vue_type_style_index_0_lang-qncbXz02.js";
+import { _ as Tt } from "./ChipGroup.vue_vue_type_style_index_0_lang-BFKwogR0.js";
 import { _ as Be } from "./Icon.vue_vue_type_style_index_0_lang-CbLL-Ngi.js";
-import { d as zt, _ as Re } from "./Avatar.vue_vue_type_style_index_0_lang-ChqyqDd3.js";
-import { _ as It } from "./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-D30Davr0.js";
-import { _ as $e } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-D6X3NSHD.js";
-import { _ as kt } from "./Input.vue_vue_type_style_index_0_lang-Ccow0nkI.js";
+import { d as zt, _ as Re } from "./Avatar.vue_vue_type_style_index_0_lang-CyJGai1W.js";
+import { _ as It } from "./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-C3Vv_V38.js";
+import { _ as $e } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-DLtfk2Qg.js";
+import { _ as kt } from "./Input.vue_vue_type_style_index_0_lang-oEQu3uIk.js";
 import { whenever as Dt, useVModel as Mt } from "@vueuse/core";
 import { last as wt } from "lodash-es";
-import { a as Lt } from "./MenuItem.vue_vue_type_style_index_0_lang-C8ofBbNv.js";
+import { a as Lt } from "./MenuItem.vue_vue_type_style_index_0_lang-DPbtkHtq.js";
 import "@iconify/vue";
-import { _ as Et } from "./Checkbox.vue_vue_type_style_index_0_lang-Dhn_dWz7.js";
+import { _ as Et } from "./Checkbox.vue_vue_type_style_index_0_lang-aDK0Pvm-.js";
 import "@pantograph/tokens";
 const [Se, Kt] = Ke("Combobox"), [Rt, $t] = Ke("_Combobox"), K = ut("combobox");
 var At = 1 / 0;
@@ -62,8 +62,8 @@ const Wt = ({
 }) => {
   const d = f(
     () => Ft({ arr: D(c()), getChildren: e, getValue: t })
-  ), u = (r, g = !1) => {
-    const l = t(r);
+  ), u = (n, g = !1) => {
+    const l = t(n);
     return d.value.filter((i) => {
       var _;
       if (g) {
@@ -72,41 +72,41 @@ const Wt = ({
       }
       return (_ = i._parentKeys) == null ? void 0 : _.includes(l);
     });
-  }, x = (r) => {
-    if (r && H(r))
-      return ee(r);
+  }, x = (n) => {
+    if (n && H(n))
+      return ee(n);
     const g = D(o());
     return g && H(g) ? ee(g) : [];
-  }, B = (r, g) => {
-    const l = x(g), i = u(r);
+  }, B = (n, g) => {
+    const l = x(g), i = u(n);
     if (i != null && i.length)
       return i.some((_) => {
         var p;
         const O = _._key;
         return O && ((p = l == null ? void 0 : l.includes) == null ? void 0 : p.call(l, O));
       });
-  }, h = (r, g) => {
-    const l = x(g), i = u(r);
+  }, h = (n, g) => {
+    const l = x(g), i = u(n);
     if (i != null && i.length)
       return i.every((_) => {
         var p;
         const O = _._key;
         return O && ((p = l == null ? void 0 : l.includes) == null ? void 0 : p.call(l, O));
       });
-  }, C = (r, g) => {
-    const l = x(g), i = u(r), _ = t(r);
-    return i != null && i.length ? h(r) ? !0 : B(r) ? "intermediate" : !1 : l.includes(_);
-  }, A = (r) => ge(r) ? d.value.find((g) => g._key === r) : void 0;
+  }, C = (n, g) => {
+    const l = x(g), i = u(n), _ = t(n);
+    return i != null && i.length ? h(n) ? !0 : B(n) ? "intermediate" : !1 : l.includes(_);
+  }, A = (n) => ge(n) ? d.value.find((g) => g._key === n) : void 0;
   return {
     flattenData: d,
     getNodeChildren: u,
     isSomeChildrenSelected: B,
     isAllChildrenSelected: h,
     isSelected: C,
-    selectValues: (r, g) => {
-      if (r.length) {
+    selectValues: (n, g) => {
+      if (n.length) {
         let l = x();
-        const i = r.filter(ge);
+        const i = n.filter(ge);
         g ? l.push(...i) : l = l.filter((S) => !i.includes(S));
         const _ = l.map(A).filter((S) => S && S._parentKeys), p = ke(Nt(_.map((S) => S._parentKeys))).filter(ge).map(A).filter(Boolean), P = [], L = [];
         return p.forEach((S) => {
@@ -209,7 +209,7 @@ const Wt = ({
     }, A = f(() => C()), W = f(() => {
       if (!e.props.noTrailing)
         return e.props.trailingIcon;
-    }), r = f(() => ({
+    }), n = f(() => ({
       modelValue: ee(e.modelValue.value),
       open: ee(e.open.value)
     })), g = () => {
@@ -243,7 +243,7 @@ const Wt = ({
     }), O = () => {
       var L;
       let p;
-      const P = (L = o.triggerTrailing) == null ? void 0 : L.call(o, r.value);
+      const P = (L = o.triggerTrailing) == null ? void 0 : L.call(o, n.value);
       if (F(P) ? W.value && (p = _(W.value)) : p = P, p)
         return s("div", {
           class: [V(u, "trailing"), e.props.triggerTrailingCls]
@@ -251,7 +251,7 @@ const Wt = ({
     };
     return () => {
       var S;
-      const p = (S = o.trigger) == null ? void 0 : S.call(o, r.value), L = (() => {
+      const p = (S = o.trigger) == null ? void 0 : S.call(o, n.value), L = (() => {
         if (F(p)) return !1;
         const N = vt(p) ?? null, k = N.length === 1 ? N[0] : N;
         return k ? ht(k) && !bt(k) : !0;
@@ -384,14 +384,14 @@ const Wt = ({
     }), d = f(() => t.getOptionValue(c.option)), u = f(() => t.getOptionLabel(c.option)), x = f(() => t.getOptionIcon(c.option)), B = f(() => t.props.tree ? void 0 : t.getOptionDescription(c.option)), h = f(() => t.getOptionDisabled(c.option)), C = f(() => Array.isArray(t.modelValue.value) ? !!(d.value && t.modelValue.value.includes(d.value)) : t.modelValue.value === d.value), A = V(K, "option"), W = () => {
       if (!(t.props.tree || !d.value || h.value))
         if (t.props.multiple) {
-          const r = H(t.modelValue.value) ? t.modelValue.value : [];
-          r.includes(d.value) ? t.setModelValue(r.filter((l) => l !== d.value)) : t.setModelValue([...r, d.value]);
+          const n = H(t.modelValue.value) ? t.modelValue.value : [];
+          n.includes(d.value) ? t.setModelValue(n.filter((l) => l !== d.value)) : t.setModelValue([...n, d.value]);
         } else
           t.setModelValue(d.value);
     };
     if (!c.option) throw new Error("option is required");
     return () => {
-      const r = (l) => {
+      const n = (l) => {
         var _, O, p, P;
         const i = [];
         return !t.props.tree && t.props.multiple && t.props.checkbox && i.push(s(Et, {
@@ -423,7 +423,7 @@ const Wt = ({
           disabled: h.value,
           onClick: W
         }, {
-          leading: r,
+          leading: n,
           trailing: () => {
             var i;
             return (i = o.trailing) == null ? void 0 : i.call(o, {
@@ -456,15 +456,15 @@ const Wt = ({
       _dir: A,
       controlAutoFocus: !1,
       extraPropNames: ["bodyLock", "position"]
-    }), r = ({
-      key: n,
+    }), n = ({
+      key: r,
       getterKey: z,
       defaultValue: b,
       noReturnOption: m
     }) => (y) => {
       const w = Te(b) ? b(y) : b;
       if (_e(y)) {
-        const $ = y[n] ?? w, j = z && t.props[z];
+        const $ = y[r] ?? w, j = z && t.props[z];
         if (j) {
           if (fe(j))
             return y[j] ?? $;
@@ -473,58 +473,58 @@ const Wt = ({
         return $;
       }
       return fe(y) && !m ? y ?? w : w;
-    }, g = r({
+    }, g = n({
       getterKey: "getValue",
       key: "value"
-    }), l = r({
+    }), l = n({
       getterKey: "getLabel",
       key: "label",
       defaultValue: g
-    }), i = r({
+    }), i = n({
       getterKey: "getIcon",
       key: "icon",
       noReturnOption: !0
-    }), _ = r({
+    }), _ = n({
       getterKey: "getDescription",
       key: "description",
       noReturnOption: !0
-    }), O = r({
+    }), O = n({
       getterKey: "getDisabled",
       key: "disabled",
       defaultValue: !1,
       noReturnOption: !0
-    }), p = r({
+    }), p = n({
       getterKey: "getGroupLabel",
       key: "label",
       noReturnOption: !0
-    }), P = r({
+    }), P = n({
       getterKey: "getGroupOptions",
       key: "options",
       noReturnOption: !0
-    }), L = (n) => {
+    }), L = (r) => {
       var z;
       if ((z = t.props.options) != null && z.length)
         for (const b of t.props.options) {
-          if (g(b) === n) return b;
+          if (g(b) === r) return b;
           const m = P(b);
           if (m != null && m.length) {
             for (const y of m)
-              if (g(y) === n) return y;
+              if (g(y) === r) return y;
           }
         }
-      return n;
-    }, S = (n) => {
-      const z = L(n);
-      return z ? l(z) ?? n : n;
+      return r;
+    }, S = (r) => {
+      const z = L(r);
+      return z ? l(z) ?? r : r;
     }, {
       contains: N
     } = tt({
       sensitivity: "base"
     }), k = f(() => {
-      const n = (z) => z == null ? void 0 : z.map((b) => {
-        const m = l(b), y = g(b), w = O(b), $ = p(b), j = !t.searchModel.value || m && N(m, t.searchModel.value), ne = P(b), re = !t.props.tree || y;
-        if (ne && re) {
-          const a = n(ne);
+      const r = (z) => z == null ? void 0 : z.map((b) => {
+        const m = l(b), y = g(b), w = O(b), $ = p(b), j = !t.searchModel.value || m && N(m, t.searchModel.value), re = P(b), ne = !t.props.tree || y;
+        if (re && ne) {
+          const a = r(re);
           if (a != null && a.length || j)
             return {
               groupLabel: $,
@@ -535,7 +535,7 @@ const Wt = ({
               _option: b
             };
         }
-        return j && re ? {
+        return j && ne ? {
           title: m,
           key: y,
           disabled: w,
@@ -543,7 +543,7 @@ const Wt = ({
         } : null;
       }).filter(Boolean);
       if (t.props.options)
-        return n(t.props.options);
+        return r(t.props.options);
     }), {
       getDisabled: le,
       getStatus: ve,
@@ -568,10 +568,10 @@ const Wt = ({
     } = _t({
       getDisabled: () => le.value
     }), M = ye(), G = () => {
-      var n, z, b, m, y, w, $;
-      e.open.value && e.inputElement.value && (t.props.headerSearch && ((n = M.value) != null && n.input) ? document.activeElement !== ((z = M.value) == null ? void 0 : z.input) && ((y = (m = (b = M.value) == null ? void 0 : b.input) == null ? void 0 : m.focus) == null || y.call(m)) : document.activeElement !== e.inputElement.value && (($ = (w = e.inputElement.value) == null ? void 0 : w.focus) == null || $.call(w)));
-    }, R = (n) => {
-      e.modelValue.value = n, t.emit("update:modelValue", n);
+      var r, z, b, m, y, w, $;
+      e.open.value && e.inputElement.value && (t.props.headerSearch && ((r = M.value) != null && r.input) ? document.activeElement !== ((z = M.value) == null ? void 0 : z.input) && ((y = (m = (b = M.value) == null ? void 0 : b.input) == null ? void 0 : m.focus) == null || y.call(m)) : document.activeElement !== e.inputElement.value && (($ = (w = e.inputElement.value) == null ? void 0 : w.focus) == null || $.call(w)));
+    }, R = (r) => {
+      e.modelValue.value = r, t.emit("update:modelValue", r);
     };
     Kt({
       ...t,
@@ -597,34 +597,34 @@ const Wt = ({
       t.props.clearOnChangeMultiple && R(void 0);
     });
     const Q = f(() => {
-      const n = t.props.scrollContainerProps ?? {};
+      const r = t.props.scrollContainerProps ?? {};
       return {
-        ...n,
-        areaCls: [V(K, "scroll_area"), n == null ? void 0 : n.class, n == null ? void 0 : n.areaCls]
+        ...r,
+        areaCls: [V(K, "scroll_area"), r == null ? void 0 : r.class, r == null ? void 0 : r.areaCls]
       };
     }), pe = V(K, "popup"), he = xe(pe, {
       variants: {
         size: Y(Ae, pe)
       }
-    }), X = (n) => {
-      if (Number(n) > 0)
-        return `${n}px`;
-      if (typeof n == "string")
-        return n;
+    }), X = (r) => {
+      if (Number(r) > 0)
+        return `${r}px`;
+      if (typeof r == "string")
+        return r;
     }, ue = f(() => X(t.props.popupWidth)), ce = f(() => X(t.props.popupHeight)), de = f(() => X(t.props.minWidth)), oe = f(() => ({
       type: q.value === "sm" ? "simple" : "advance",
       ...ze(t.props.emptyProps ?? {}, "class")
     })), Fe = f(() => ze(t.props.skeletonProps ?? {}, "class")), {
       selectValues: We
     } = Wt({
-      getValue: (n) => n == null ? void 0 : n.key,
-      getChildren: (n) => n == null ? void 0 : n.children,
+      getValue: (r) => r == null ? void 0 : r.key,
+      getChildren: (r) => r == null ? void 0 : r.children,
       getModel: () => ee(e.modelValue.value),
       getData: () => ee(k.value ?? [])
     });
     return () => {
-      var ne, re;
-      const n = (a) => {
+      var re, ne;
+      const r = (a) => {
         var v;
         if ((v = k.value) != null && v.length && a > 0)
           return !!k.value[a - 1];
@@ -672,7 +672,7 @@ const Wt = ({
       } else
         (k.value ?? []).forEach((a, v) => {
           var E;
-          (E = a.children) != null && E.length ? (n(v) && m.push(s(Ie)), a.groupLabel && m.push(s(Ht, {
+          (E = a.children) != null && E.length ? (r(v) && m.push(s(Ie)), a.groupLabel && m.push(s(Ht, {
             class: t.props.labelCls
           }, () => a.groupLabel)), a.children.forEach((I) => {
             m.push(b(I._option));
@@ -681,7 +681,7 @@ const Wt = ({
       const w = yt(y ? [y] : m, De).filter((a) => {
         var v;
         return _e(a == null ? void 0 : a.props) && ((v = a == null ? void 0 : a.props) == null ? void 0 : v.option);
-      }), $ = !!(t.props.tree && ((ne = k.value) != null && ne.length) || w != null && w.length), j = () => {
+      }), $ = !!(t.props.tree && ((re = k.value) != null && re.length) || w != null && w.length), j = () => {
         var v, E;
         const a = [];
         if ($ || t.props.loading) {
@@ -724,13 +724,13 @@ const Wt = ({
         ref: u,
         ...t.attrs,
         style: {
-          ...((re = t.attrs) == null ? void 0 : re.style) ?? {},
+          ...((ne = t.attrs) == null ? void 0 : ne.style) ?? {},
           "--ptc-combobox-trigger-min-w": de.value
         }
       }, {
         trigger: o.trigger,
         triggerTrailing: o.triggerTrailing
-      }), s(ot, x.value, () => s(nt, {
+      }), s(ot, x.value, () => s(rt, {
         ...W.value,
         vShow: e.open.value,
         class: [he(t.props), t.props.popupCls],
@@ -742,10 +742,10 @@ const Wt = ({
         onClick: G
       }, () => {
         var U, Z, Oe;
-        const a = [], v = (U = o.header) == null ? void 0 : U.call(o), E = !F(v);
+        const a = [], v = (U = o.header) == null ? void 0 : U.call(o, {}), E = !F(v);
         if (t.props.headerSearch || E) {
           const be = [];
-          E && be.push(v), be.push(s(Ne)), a.push(s("div", {
+          E && be.push(v), t.props.headerSearch && be.push(s(Ne)), a.push(s("div", {
             class: V(K, "header")
           }, be));
         }
@@ -858,7 +858,7 @@ const Wt = ({
   },
   emits: ["update:search", "update:modelValue", "highlight", "update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
   setup(c, { emit: o }) {
-    const t = c, e = o, d = rt(e), u = f(
+    const t = c, e = o, d = nt(e), u = f(
       () => st(
         {
           ...Pe(
@@ -895,8 +895,8 @@ const Wt = ({
         Le(D(qt), null, qe({ _: 2 }, [
           Ye(Object.keys(B), (W) => ({
             name: W,
-            fn: me((r) => [
-              Ee(C.$slots, W, Je(Qe(r)))
+            fn: me((n) => [
+              Ee(C.$slots, W, Je(Qe(n)))
             ])
           }))
         ]), 1024)