@pantograph/vue 0.25.5 → 0.25.7

package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-Cs_uP8_-.js → ColorPicker.vue_vue_type_style_index_0_lang-DL_ZJmhv.js}

@@ -1,7 +1,7 @@
 import { onUnmounted as d0, defineComponent as zt, onMounted as Tt, onBeforeUnmount as c0, createElementBlock as Ce, openBlock as G, normalizeClass as Q, unref as _, createElementVNode as ae, ref as nn, computed as oe, watch as h0, reactive as p0, createVNode as Wn, createCommentVNode as Zn, createBlock as tn, Fragment as b0, renderList as m0 } from "vue";
-import { _ as g0 } from "./ActionButton.vue_vue_type_script_setup_true_lang-DgRldvF-.js";
-import { _ as Un } from "./Input.vue_vue_type_script_setup_true_lang-BhpGixbX.js";
-import { u as Jn, e as x0 } from "./Icon.vue_vue_type_style_index_0_lang-BMu3U4-l.js";
+import { _ as g0 } from "./ActionButton.vue_vue_type_script_setup_true_lang-DBykKGHQ.js";
+import { _ as Un } from "./Input.vue_vue_type_script_setup_true_lang-Dtkw6-JD.js";
+import { u as Jn, e as x0 } from "./Icon.vue_vue_type_style_index_0_lang-DkeXz23k.js";
 import { g as M0 } from "./options-Bh1s18jm.js";
 import "es-toolkit";
 import { createContext as v0 } from "reka-ui";
@@ -1598,8 +1598,8 @@ const Vn = {
   channels: ["l", "a", "b", "alpha"],
   ranges: {
     l: [0, 100],
-    a: [-125, 125],
-    b: [-125, 125]
+    a: [-100, 100],
+    b: [-100, 100]
   },
   parse: [zr],
   serialize: (e) => `lab(${e.l !== void 0 ? e.l : "none"} ${e.a !== void 0 ? e.a : "none"} ${e.b !== void 0 ? e.b : "none"}${e.alpha < 1 ? ` / ${e.alpha}` : ""})`,
@@ -1624,8 +1624,8 @@ const Vn = {
   },
   ranges: {
     l: [0, 100],
-    a: [-125, 125],
-    b: [-125, 125]
+    a: [-86.182, 98.234],
+    b: [-107.86, 94.477]
   }
 };
 function Nr(e, n) {
@@ -1698,7 +1698,7 @@ const On = {
   },
   ranges: {
     l: [0, 100],
-    c: [0, 150],
+    c: [0, 133.807],
     h: [0, 360]
   }
 }, t0 = ({ l: e, u: n, v: t, alpha: r }) => {
@@ -1803,16 +1803,16 @@ const On = {
 }, a0 = ({ r: e, g: n, b: t, alpha: r }) => {
   e === void 0 && (e = 0), n === void 0 && (n = 0), t === void 0 && (t = 0);
   let o = Math.cbrt(
-    0.412221469470763 * e + 0.5363325372617348 * n + 0.0514459932675022 * t
+    0.41222147079999993 * e + 0.5363325363 * n + 0.0514459929 * t
   ), i = Math.cbrt(
-    0.2119034958178252 * e + 0.6806995506452344 * n + 0.1073969535369406 * t
+    0.2119034981999999 * e + 0.6806995450999999 * n + 0.1073969566 * t
   ), a = Math.cbrt(
-    0.0883024591900564 * e + 0.2817188391361215 * n + 0.6299787016738222 * t
+    0.08830246189999998 * e + 0.2817188376 * n + 0.6299787005000002 * t
   ), f = {
     mode: "oklab",
-    l: 0.210454268309314 * o + 0.7936177747023054 * i - 0.0040720430116193 * a,
-    a: 1.9779985324311684 * o - 2.42859224204858 * i + 0.450593709617411 * a,
-    b: 0.0259040424655478 * o + 0.7827717124575296 * i - 0.8086757549230774 * a
+    l: 0.2104542553 * o + 0.793617785 * i - 0.0040720468 * a,
+    a: 1.9779984951 * o - 2.428592205 * i + 0.4505937099 * a,
+    b: 0.0259040371 * o + 0.7827717662 * i - 0.808675766 * a
   };
   return r !== void 0 && (f.alpha = r), f;
 }, Je = (e) => {
@@ -1820,11 +1820,20 @@ const On = {
   return e.r === e.b && e.b === e.g && (n.a = n.b = 0), n;
 }, _e = ({ l: e, a: n, b: t, alpha: r }) => {
   e === void 0 && (e = 0), n === void 0 && (n = 0), t === void 0 && (t = 0);
-  let o = Math.pow(e + 0.3963377773761749 * n + 0.2158037573099136 * t, 3), i = Math.pow(e - 0.1055613458156586 * n - 0.0638541728258133 * t, 3), a = Math.pow(e - 0.0894841775298119 * n - 1.2914855480194092 * t, 3), f = {
+  let o = Math.pow(
+    e * 0.9999999984505198 + 0.39633779217376786 * n + 0.2158037580607588 * t,
+    3
+  ), i = Math.pow(
+    e * 1.0000000088817609 - 0.10556134232365635 * n - 0.06385417477170591 * t,
+    3
+  ), a = Math.pow(
+    e * 1.0000000546724108 - 0.08948418209496575 * n - 1.2914855378640917 * t,
+    3
+  ), f = {
     mode: "lrgb",
-    r: 4.076741636075957 * o - 3.3077115392580616 * i + 0.2309699031821044 * a,
-    g: -1.2684379732850317 * o + 2.6097573492876887 * i - 0.3413193760026573 * a,
-    b: -0.0041960761386756 * o - 0.7034186179359362 * i + 1.7076146940746117 * a
+    r: 4.076741661347994 * o - 3.307711590408193 * i + 0.230969928729428 * a,
+    g: -1.2684380040921763 * o + 2.6097574006633715 * i - 0.3413193963102197 * a,
+    b: -0.004196086541837188 * o - 0.7034186144594493 * i + 1.7076147009309444 * a
   };
   return r !== void 0 && (f.alpha = r), f;
 }, Ke = (e) => he(_e(e));

package/dist/ColorSwatch/ColorSwatch.d.ts

@@ -15,14 +15,15 @@ export interface ColorSwatchSlots {
     }) => never;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: Readonly<ColorSwatchSlots> & ColorSwatchSlots;
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ColorSwatchProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ColorSwatchProps> & Readonly<{}>, {
-    type: ColorSwatchType;
     size: "sm" | "md";
+    type: ColorSwatchType;
     customPickerIcon: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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-D9jCB_qS.js";
+import { _ as s, C as r, a as t, _ as e } from "../ColorSwatch.vue_vue_type_style_index_0_lang-C4Kg1zF7.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-DotrlbV2.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-DcE8KBJ4.js");exports.ColorSwatch=e._sfc_main;exports.ColorSwatchSizes=e.ColorSwatchSizes;exports.ColorSwatchTypes=e.ColorSwatchTypes;exports.default=e._sfc_main;

package/dist/{ColorSwatch-BVj268xm.js → ColorSwatch-BMQgaieC.js}

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

package/dist/{ColorSwatch-BTd2qIvs.js → ColorSwatch-BmsX5hTJ.js}

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

package/dist/{ColorSwatch.vue_vue_type_style_index_0_lang-D9jCB_qS.js → ColorSwatch.vue_vue_type_style_index_0_lang-C4Kg1zF7.js}

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

package/dist/{ColorSwatch.vue_vue_type_style_index_0_lang-DotrlbV2.js → ColorSwatch.vue_vue_type_style_index_0_lang-DcE8KBJ4.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),v=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-X3qLlz8e.js"),g=require("./options-CY2uxp5A.js"),C=require("es-toolkit"),s=require("@pantograph/utils"),_=require("class-variance-authority"),f=require("./IconButton.vue_vue_type_script_setup_true_lang-DGXtxJVO.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({...g.getComponentOptions("ColorSwatch"),__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,r=s.getBemBlock("color_swatch"),u=_.cva(r,{variants:{selected:s.generateVariantClassList("selected",r),size:s.generateVariantClassList(c,r),type:s.generateVariantClassList(l,r)}}),n=e.computed(()=>o.size&&c.includes(o.size)?o.size:"md"),m=e.computed(()=>({size:n.value,...C.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}}),k=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(s.normCls)(e.unref(u)({selected:t.type!=="custom-picker"&&o.selected,size:t.size,type:t.type}),o.class)},k.value),{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",e.normalizeProps(e.guardReactiveProps(o)))]),default:e.withCtx(()=>[t.type==="color"?(e.openBlock(),e.createBlock(v._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"),v=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-WjnCG0pe.js"),g=require("./options-CY2uxp5A.js"),C=require("es-toolkit"),s=require("@pantograph/utils"),_=require("class-variance-authority"),f=require("./IconButton.vue_vue_type_script_setup_true_lang-Bz66rcDQ.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({...g.getComponentOptions("ColorSwatch"),__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,r=s.getBemBlock("color_swatch"),u=_.cva(r,{variants:{selected:s.generateVariantClassList("selected",r),size:s.generateVariantClassList(c,r),type:s.generateVariantClassList(l,r)}}),n=e.computed(()=>o.size&&c.includes(o.size)?o.size:"md"),m=e.computed(()=>({size:n.value,...C.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}}),k=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(s.normCls)(e.unref(u)({selected:t.type!=="custom-picker"&&o.selected,size:t.size,type:t.type}),o.class)},k.value),{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",e.normalizeProps(e.guardReactiveProps(o)))]),default:e.withCtx(()=>[t.type==="color"?(e.openBlock(),e.createBlock(v._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/ColorSwatchGroup.d.ts

@@ -33,13 +33,14 @@ export interface ColorSwatchGroupEmits {
     (e: 'update:modelValue', value?: string): void;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: Readonly<ColorSwatchSlots & {
         header: () => never;
     }> & ColorSwatchSlots & {
         header: () => never;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ColorSwatchGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -56,7 +57,7 @@ declare const __VLS_component: import('vue').DefineComponent<ColorSwatchGroupPro
         br?: ColorMode;
         value: ColorMode;
     };
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/ColorSwatchGroup/index.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t } from "../ColorSwatchGroup.vue_vue_type_style_index_0_lang-CMUC9JP1.js";
+import { _ as r, _ as t } from "../ColorSwatchGroup.vue_vue_type_style_index_0_lang-baZQlRfW.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-uGNt1Zw7.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-DcQU4Avw.js");exports.ColorSwatchGroup=e._sfc_main;exports.default=e._sfc_main;

package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-uGNt1Zw7.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-DcQU4Avw.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),z=require("./options-CY2uxp5A.js"),S=require("reka-ui"),c=require("./ColorSwatch.vue_vue_type_style_index_0_lang-DotrlbV2.js"),u=require("es-toolkit"),n=require("@pantograph/utils"),d=require("./Icon.vue_vue_type_style_index_0_lang-5yqYwaOw.js");require("@tanstack/vue-virtual");const $=require("class-variance-authority"),j=require("./Popover.vue_vue_type_style_index_0_lang-D7HUX-0i.js"),q=require("./ColorPicker.vue_vue_type_style_index_0_lang-Bbua4gDp.js"),w=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(C,{emit:k}){const t=C,_=e.useSlots(),f=k,l=d.useVModel(t,"modelValue",f,{defaultValue:t.defaultValue,passive:t.modelValue===void 0}),b=o=>{if(u.isString(o))return{selected:l.value===o,icon:t.icon,bg:o};if(d.isObject(o))return{...u.omit(o,["value"]),icon:o.icon??t.icon,selected:l.value===o.value}},i=n.getBemBlock("color_swatch_group"),y=$.cva(i,{variants:{size:n.generateVariantClassList(c.ColorSwatchSizes,i)}}),v=e.ref(!1),m=o=>d.isObject(o)?o.value:o??void 0,g=o=>{const r=m(o);l.value=r,v.value=!r},p=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=p.value)!=null&&o.length&&p.value.some(r=>u.isString(r)&&r===l.value||d.isObject(r)&&l.value===r.value)))return l.value}),P=o=>{o&&(l.value=o)},B=S.useEmitAsProps(f),V=e.computed(()=>({...u.pick(B,["onUpdate:format"]),...u.pick(t,["format","defaultFormat","hideAlpha"])}));return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(t.class,e.unref(y)({size:o.size})))},[_.header||o.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.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(n.normCls)(e.unref(n.getBemElement)(e.unref(i),"colors"),o.colorsCls))},[o.noRemover?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(c._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(p.value,s=>(e.openBlock(),e.createBlock(c._sfc_main,e.mergeProps({type:"color",size:o.size,icon:o.icon},{ref_for:!0},b(s),{key:m(s),onClick:a=>g(s)}),e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),a=>({name:a,fn:e.withCtx(M=>[e.renderSlot(o.$slots,a,e.mergeProps({ref_for:!0},{...M,value:m(s)}))])}))]),1040,["size","icon","onClick"]))),128)),o.noCustomPicker?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(j._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(q._sfc_main,e.mergeProps({defaultColor:h.value,"onUpdate:color":P},V.value),null,16,["defaultColor"])]),default:e.withCtx(()=>[e.createVNode(c._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(a=>[e.renderSlot(o.$slots,s,e.normalizeProps(e.guardReactiveProps(a)))])}))]),1032,["size","customPickerIcon"])]),_:3},16))],2)],2))}});exports._sfc_main=w;
+"use strict";const e=require("vue"),z=require("./options-CY2uxp5A.js"),S=require("reka-ui"),c=require("./ColorSwatch.vue_vue_type_style_index_0_lang-DcE8KBJ4.js"),u=require("es-toolkit"),n=require("@pantograph/utils"),d=require("./Icon.vue_vue_type_style_index_0_lang-DyeL9Lem.js");require("@tanstack/vue-virtual");const $=require("class-variance-authority"),j=require("./Popover.vue_vue_type_style_index_0_lang-COPtUT1x.js"),q=require("./ColorPicker.vue_vue_type_style_index_0_lang-Bn5JW2Gt.js"),w=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(C,{emit:k}){const t=C,_=e.useSlots(),f=k,l=d.useVModel(t,"modelValue",f,{defaultValue:t.defaultValue,passive:t.modelValue===void 0}),b=o=>{if(u.isString(o))return{selected:l.value===o,icon:t.icon,bg:o};if(d.isObject(o))return{...u.omit(o,["value"]),icon:o.icon??t.icon,selected:l.value===o.value}},i=n.getBemBlock("color_swatch_group"),y=$.cva(i,{variants:{size:n.generateVariantClassList(c.ColorSwatchSizes,i)}}),v=e.ref(!1),m=o=>d.isObject(o)?o.value:o??void 0,g=o=>{const r=m(o);l.value=r,v.value=!r},p=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=p.value)!=null&&o.length&&p.value.some(r=>u.isString(r)&&r===l.value||d.isObject(r)&&l.value===r.value)))return l.value}),P=o=>{o&&(l.value=o)},B=S.useEmitAsProps(f),V=e.computed(()=>({...u.pick(B,["onUpdate:format"]),...u.pick(t,["format","defaultFormat","hideAlpha"])}));return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(t.class,e.unref(y)({size:o.size})))},[_.header||o.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.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(n.normCls)(e.unref(n.getBemElement)(e.unref(i),"colors"),o.colorsCls))},[o.noRemover?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(c._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(p.value,s=>(e.openBlock(),e.createBlock(c._sfc_main,e.mergeProps({type:"color",size:o.size,icon:o.icon,ref_for:!0},b(s),{key:m(s),onClick:a=>g(s)}),e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),a=>({name:a,fn:e.withCtx(M=>[e.renderSlot(o.$slots,a,e.mergeProps({ref_for:!0},{...M,value:m(s)}))])}))]),1040,["size","icon","onClick"]))),128)),o.noCustomPicker?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(j._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(q._sfc_main,e.mergeProps({defaultColor:h.value,"onUpdate:color":P},V.value),null,16,["defaultColor"])]),default:e.withCtx(()=>[e.createVNode(c._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(a=>[e.renderSlot(o.$slots,s,e.normalizeProps(e.guardReactiveProps(a)))])}))]),1032,["size","customPickerIcon"])]),_:3},16))],2)],2))}});exports._sfc_main=w;

package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-CMUC9JP1.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-baZQlRfW.js}

@@ -1,14 +1,14 @@
 import { defineComponent as L, useSlots as U, ref as T, computed as p, createElementBlock as f, openBlock as a, normalizeClass as v, unref as s, createCommentVNode as b, createElementVNode as q, renderSlot as g, createTextVNode as H, toDisplayString as J, createBlock as C, Fragment as K, renderList as k, mergeProps as u, createSlots as $, withCtx as c, createVNode as B, normalizeProps as Q, guardReactiveProps as W } from "vue";
 import { g as X } from "./options-Bh1s18jm.js";
 import { useEmitAsProps as Y } from "reka-ui";
-import { C as Z, _ as y } from "./ColorSwatch.vue_vue_type_style_index_0_lang-D9jCB_qS.js";
+import { C as Z, _ as y } from "./ColorSwatch.vue_vue_type_style_index_0_lang-C4Kg1zF7.js";
 import { isString as j, pick as S, omit as x } from "es-toolkit";
 import { getBemBlock as ee, generateVariantClassList as oe, normCls as M, getBemElement as w } from "@pantograph/utils";
-import { u as te, m as h } from "./Icon.vue_vue_type_style_index_0_lang-BMu3U4-l.js";
+import { u as te, m as h } from "./Icon.vue_vue_type_style_index_0_lang-DkeXz23k.js";
 import "@tanstack/vue-virtual";
 import { cva as re } from "class-variance-authority";
-import { _ as se } from "./Popover.vue_vue_type_style_index_0_lang-BgRvygIi.js";
-import { _ as le } from "./ColorPicker.vue_vue_type_style_index_0_lang-Cs_uP8_-.js";
+import { _ as se } from "./Popover.vue_vue_type_style_index_0_lang-BolWR0Oq.js";
+import { _ as le } from "./ColorPicker.vue_vue_type_style_index_0_lang-DL_ZJmhv.js";
 const ge = /* @__PURE__ */ L({
   ...X("ColorSwatchGroup"),
   __name: "ColorSwatchGroup",
@@ -106,8 +106,9 @@ const ge = /* @__PURE__ */ L({
         (a(!0), f(K, null, k(d.value, (r) => (a(), C(y, u({
           type: "color",
           size: e.size,
-          icon: e.icon
-        }, { ref_for: !0 }, N(r), {
+          icon: e.icon,
+          ref_for: !0
+        }, N(r), {
           key: m(r),
           onClick: (n) => V(r)
         }), $({ _: 2 }, [

package/dist/ColorTrigger/ColorTrigger.d.ts

@@ -12,15 +12,16 @@ export interface ColorTriggerSlots {
     suffixIcon?: () => never;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: Readonly<ColorTriggerSlots> & ColorTriggerSlots;
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLButtonElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ColorTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ColorTriggerProps> & Readonly<{}>, {
     size: ColorTriggerSize;
     suffixIcon: boolean | string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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-CjRJLrjc.js";
+import { _ as e, C as a, _ as g } from "../ColorTrigger.vue_vue_type_style_index_0_lang-D7z5WQlE.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-BphrM3jX.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-9NjMxcKG.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-BphrM3jX.js → ColorTrigger.vue_vue_type_style_index_0_lang-9NjMxcKG.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),p=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-X3qLlz8e.js"),_=require("./options-CY2uxp5A.js"),o=require("@pantograph/utils"),z=require("class-variance-authority"),b=require("./Icon.vue_vue_type_style_index_0_lang-5yqYwaOw.js"),u=require("es-toolkit"),v=require("./useInputDataStates-BWZ4Q3rt.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,n=o.getBemBlock("color_trigger"),f=z.cva(n,{variants:{size:o.generateVariantClassList(a,n),borderless:o.generateVariantClassList("borderless",n),suffixIcon:o.generateVariantClassList("suffix-icon",n)}}),{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(o.normCls)(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(b._sfc_main$2,{key:0,icon:e.unref(u.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;
+"use strict";const e=require("vue"),p=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-WjnCG0pe.js"),_=require("./options-CY2uxp5A.js"),o=require("@pantograph/utils"),z=require("class-variance-authority"),b=require("./Icon.vue_vue_type_style_index_0_lang-DyeL9Lem.js"),u=require("es-toolkit"),v=require("./useInputDataStates-CM2GJM3c.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,n=o.getBemBlock("color_trigger"),f=z.cva(n,{variants:{size:o.generateVariantClassList(a,n),borderless:o.generateVariantClassList("borderless",n),suffixIcon:o.generateVariantClassList("suffix-icon",n)}}),{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(o.normCls)(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(b._sfc_main$2,{key:0,icon:e.unref(u.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-CjRJLrjc.js → ColorTrigger.vue_vue_type_style_index_0_lang-D7z5WQlE.js}

@@ -1,11 +1,11 @@
 import { defineComponent as B, computed as c, useSlots as I, createElementBlock as S, openBlock as l, unref as o, 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-BZWcWAd8.js";
+import { _ as O } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-CpstWkLR.js";
 import { g as $ } from "./options-Bh1s18jm.js";
 import { getBemBlock as T, generateVariantClassList as t, normCls as V } from "@pantograph/utils";
 import { cva as G } from "class-variance-authority";
-import { e as L } from "./Icon.vue_vue_type_style_index_0_lang-BMu3U4-l.js";
+import { e as L } from "./Icon.vue_vue_type_style_index_0_lang-DkeXz23k.js";
 import { pick as N, isString as P } from "es-toolkit";
-import { u as j } from "./useInputDataStates-COzmxWTw.js";
+import { u as j } from "./useInputDataStates-BNwXgt9l.js";
 const g = ["sm", "md", "lg"], D = ["disabled"], Q = /* @__PURE__ */ B({
   ...$("ColorTrigger"),
   __name: "ColorTrigger",

package/dist/Combobox/Combobox.d.ts

@@ -1,40 +1,41 @@
 import { ComboboxProps, ComboboxSlots } from './types';
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: Readonly<ComboboxSlots> & ComboboxSlots;
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    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:modelValue": (value: import('reka-ui').AcceptableValue) => any;
+    select: (value: string | undefined, selected: boolean, option?: import('./types').ComboboxOptionType | undefined) => any;
     "update:open": (value: boolean) => any;
     escapeKeyDown: (event: KeyboardEvent) => 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;
+    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;
     "update:search": (value?: string | null | undefined) => any;
     highlight: (payload: {
         ref: HTMLElement;
-        value: import('reka-ui', { with: { "resolution-mode": "import" } }).AcceptableValue;
+        value: import('reka-ui').AcceptableValue;
     } | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<ComboboxProps> & Readonly<{
-    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:modelValue"?: ((value: import('reka-ui').AcceptableValue) => any) | undefined;
+    onSelect?: ((value: string | undefined, selected: boolean, option?: import('./types').ComboboxOptionType | undefined) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => 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;
+    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;
     "onUpdate:search"?: ((value?: string | null | undefined) => any) | undefined;
     onHighlight?: ((payload: {
         ref: HTMLElement;
-        value: import('reka-ui', { with: { "resolution-mode": "import" } }).AcceptableValue;
+        value: import('reka-ui').AcceptableValue;
     } | undefined) => any) | undefined;
 }>, {
-    size: import('./Combobox.model.ts', { with: { "resolution-mode": "import" } }).ComboboxSize;
+    size: import('./Combobox.model').ComboboxSize;
     disabled: boolean;
-    placement: import('../index.ts', { with: { "resolution-mode": "import" } }).PopoverPlacement;
+    placement: import('..').PopoverPlacement;
     checkbox: boolean;
     bordered: boolean;
     forceMount: boolean;

package/dist/Combobox/ComboboxLabel.d.ts

@@ -1,12 +1,13 @@
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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-BIpRzCHA.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-CzVJFdEg.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-DUhoDHJs.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-B--dMsNn.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

@@ -117,11 +117,11 @@ export interface ComboboxTriggerSlots {
 export interface ComboboxSlots extends ComboboxTriggerSlots {
     empty?: (data?: object) => never;
     loading?: (data?: object) => never;
-    header?: (data?: {
+    header?: (data: {
         isEmpty: boolean;
         search: string | undefined;
     }) => never;
-    footer?: (data?: {
+    footer?: (data: {
         isEmpty: boolean;
         search: string | undefined;
     }) => never;

package/dist/Combobox.vue_vue_type_style_index_0_lang-B--dMsNn.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),G=require("reka-ui"),B=require("es-toolkit"),te=require("./options-CY2uxp5A.js"),a=require("./Icon.vue_vue_type_style_index_0_lang-DyeL9Lem.js"),r=require("@pantograph/utils"),fe=require("class-variance-authority"),Le=require("./Empty.vue_vue_type_style_index_0_lang-BkLWzc14.js"),Pe=require("./Skeleton.vue_vue_type_style_index_0_lang-vYeWc1nI.js"),me=require("./Divider.vue_vue_type_style_index_0_lang-B1VnMpBg.js"),Ce=require("./useInputDataStates-CM2GJM3c.js"),Ie=require("./useLazyLoading-H6VG5aE-.js"),xe=require("./Popover.vue_vue_type_style_index_0_lang-COPtUT1x.js"),Te=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-BAXkTMEt.js"),ze=require("./ScrollContainer.vue_vue_type_style_index_0_lang-DKfgCbWJ.js"),we=require("./Tree.vue_vue_type_style_index_0_lang-BiU1prIp.js"),Me=require("./Chip.vue_vue_type_style_index_0_lang-BjBptRQ-.js"),De=require("./ChipGroup.vue_vue_type_style_index_0_lang-D3YTcBs3.js"),ve=require("./Avatar.vue_vue_type_style_index_0_lang-B2n3kzDz.js"),qe=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-i6Leg2rQ.js"),Be=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-WjnCG0pe.js"),Ae=require("./Input.vue_vue_type_script_setup_true_lang-Dws8FarS.js"),Re=require("@vueuse/core"),Ne=require("./MenuItem.vue_vue_type_style_index_0_lang-AhI5J805.js"),Fe=require("./Checkbox.vue_vue_type_style_index_0_lang-srZfoj7r.js");require("@pantograph/tokens");require("@tanstack/vue-virtual");const[ue,Se]=G.createContext("Combobox"),[Ke,We]=G.createContext("_Combobox"),k=r.getBemBlock("combobox"),he=["sm","md","lg"],Oe=["error","warning","success"],Ge={key:1},Ee=t.defineComponent({...te.getComponentOptions("ComboboxInput"),__name:"ComboboxInput",setup(m){const n=ue();Re.whenever(()=>n.open.value&&n.headerInputElement.value,()=>{n.headerInputElement.value&&n.open.value&&n.focusOnInput()});const o=t.computed(()=>!a.isEmptyLikeLodash(n.modelValue.value)),e=t.computed(()=>{if(o.value){if(n.props.multiple&&a.isArray(n.modelValue.value)&&!n.props.noLastValueOnPlaceholder)return n.getLabelByValue(B.last(n.modelValue.value));if(!n.props.multiple&&!a.isArray(n.modelValue.value))return n.getLabelByValue(n.modelValue.value)}return n.props.placeholder??""}),v=N=>{if(N.key==="Backspace"&&n.props.multiple&&a.isArray(n.modelValue.value)&&a.isEmptyLikeLodash(n.searchModel.value)&&(n.setModelValue(n.modelValue.value.slice(0,-1)),a.isEmptyLikeLodash(n.modelValue.value))){const P=setTimeout(()=>{n.focusOnInput(),clearTimeout(P)},2)}},u=r.getBemElement(k,"input"),T=fe.cva(u,{variants:{valuePlaceholder:r.generateVariantClassList("value-placeholder",u)}});return(N,P)=>(t.openBlock(),t.createBlock(t.unref(G.ComboboxInput),t.mergeProps(t.unref(n).comboboxInputBinding.value,{disabled:t.unref(n).getDisabled.value,placeholder:e.value,"as-child":"",modelValue:t.unref(n).searchModel.value,"onUpdate:modelValue":P[0]||(P[0]=V=>t.unref(n).searchModel.value=V),onKeydown:v,class:t.unref(T)({valuePlaceholder:o.value}),displayValue:()=>""}),{default:t.withCtx(()=>[t.unref(n).props.headerSearch?(t.openBlock(),t.createBlock(Ae._sfc_main,{key:0,ref:t.unref(n).headerInputElement,placeholder:t.unref(n).props.placeholder},{leading:t.withCtx(({iconSize:V})=>[t.createVNode(a._sfc_main$2,{size:V,icon:"tabler:search",flipOnDir:"rtl"},null,8,["size"])]),_:1},8,["placeholder"])):(t.openBlock(),t.createElementBlock("input",Ge))]),_:1},16,["disabled","placeholder","modelValue","class"]))}}),je=t.defineComponent({name:te.getComponentName("ComboboxTrigger"),props:{},setup(m,{slots:n,attrs:o}){const e=ue(),v=({value:s},b)=>{if(b.stopPropagation(),s&&a.isArray(e.modelValue.value)&&!e.getDisabled.value){const O=e.modelValue.value.filter(L=>L!==s);e.setModelValue(O)}},u=r.getBemElement(k,"trigger"),T=fe.cva(u,{variants:{size:r.generateVariantClassList(he,u),headerSearch:r.generateVariantClassList("header-search",u),status:r.generateVariantClassList(Oe,u),bordered:r.generateVariantClassList("bordered",u),multiple:r.generateVariantClassList("multiple",u),contentFit:r.generateVariantClassList("content-fit",u),wrapped:r.generateVariantClassList("wrapped",u),filled:r.generateVariantClassList("filled",u)}}),N=t.computed(()=>{switch(e.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),P=t.computed(()=>{if(!e.props.multiple&&B.isString(e.modelValue.value)&&!a.isEmptyLikeLodash(e.modelValue.value))return e.getOptionByValue(e.modelValue.value)}),V=(s=P.value)=>{if(e.props.selectedItemIconAsTrailingIcon&&a.isObject(s)&&"icon"in s)return s.icon},j=t.computed(()=>V()),z=t.computed(()=>{if(!e.props.noTrailing)return e.props.trailingIcon}),y=t.computed(()=>{var O,L;const s=B.cloneDeep(e.modelValue.value),b=a.isArray(e.modelValue.value);return{modelValue:s,open:B.cloneDeep(e.open.value),option:b?void 0:e.getOptionByValue(e.modelValue.value),options:b?(L=(O=e.modelValue.value).map)==null?void 0:L.call(O,e.getOptionByValue).filter(Boolean):void 0}}),F=()=>{e.onOpenChange(!e.open.value)},oe=s=>{e.props.headerSearch},S=t.computed(()=>({disabled:e.getDisabled.value,tabindex:e.getDisabled.value||!e.props.headerSearch?-1:0,reference:e.props.reference,"data-disabled":e.getDisabled.value?"":void 0,"aria-disabled":e.getDisabled.value??void 0,"aria-label":"Show popup","aria-haspopup":"listbox","aria-expanded":e.open.value,"aria-controls":e.contentId,"data-state":e.open.value?"open":"closed",class:r.normCls(T({size:e.getSize.value,status:e.getStatus.value==="success"&&a.isEmptyLikeLodash(e.modelValue.value)?void 0:e.getStatus.value,bordered:e.props.bordered,multiple:e.props.multiple,contentFit:e.props.contentFit,wrapped:e.props.wrapped,filled:!a.isEmptyLikeLodash(e.modelValue.value),headerSearch:e.props.headerSearch}),e.props.triggerCls),...o})),K=(s,b=N.value)=>t.h(a._sfc_main$2,{icon:s,size:b}),w=()=>{var O;let s;const b=(O=n.triggerTrailing)==null?void 0:O.call(n,y.value);if(a.isEmptyElement(b)?z.value&&(s=K(z.value)):s=b,s)return t.h("div",{class:r.normCls(r.getBemElement(u,"trailing"),e.props.triggerTrailingCls)},s)};return()=>{var Q;const s=(Q=n.trigger)==null?void 0:Q.call(n,y.value),b=!a.isEmptyElement(s),L=(()=>{if(!b)return!1;const U=a.filterEmpty(s)??null,H=U.length===1?U[0]:U;return H?a.isValidElement(H)&&!a.isFragment(H):!0})(),{class:J,...$}=S.value;return t.h(G.ComboboxAnchor,{...$,class:b?e.props.triggerCls:J,...e.comboboxTriggerBinding.value,asChild:L,as:L?"template":"button",key:String(L),onKeyUp:oe,onClick:F},()=>{if(b)return s;const U=h=>{var D,I;const M=e.getOptionByValue(h)??{value:h};return t.h(ve._sfc_main,{...M?((I=(D=e.props).getTagProps)==null?void 0:I.call(D,M))??{}:{},size:e.getTagSize.value})},H=h=>{var D,I;const M=e.getOptionByValue(h)??{value:h};return t.h(Be._sfc_main,{...M?((I=(D=e.props).getTagProps)==null?void 0:I.call(D,M))??{}:{},size:e.getTagSize.value})},X=()=>{if(!e.props.multiple&&!e.props.multiple&&!a.isArray(e.modelValue.value)&&e.modelValue.value&&(e.props.tagRenderMode&&["avatar","go"].includes(e.props.tagRenderMode)||j.value||e.props.leadingIcon)){let h;if(e.props.tagRenderMode==="avatar"?h=U(e.modelValue.value):e.props.tagRenderMode==="go"?h=H(e.modelValue.value):j.value?h=K(j.value):e.props.leadingIcon&&(h=K(e.props.leadingIcon)),!a.isEmptyElement(h))return t.h("div",{class:r.normCls(r.getBemElement(u,"leading"),e.props.triggerLeadingCls)},h)}},ae=()=>{const h=[],M=[r.getBemElement(u,"tags"),e.props.triggerContentCls,e.props.triggerContentValueCls],I=(()=>{if(e.props.multiple&&a.isArray(e.modelValue.value)){if(e.props.tagRenderMode==="avatar")return t.h(ve._sfc_main$1,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:M},()=>e.modelValue.value.map(U));if(e.props.tagRenderMode==="go")return t.h(qe._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:M},()=>e.modelValue.value.map(H));if(e.props.tagRenderMode==="chip")return t.h(De._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,color:"primary",closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:M,onClose:v},()=>e.modelValue.value.map(q=>{var ie,ee;const ne=()=>e.getLabelByValue(q),ce=({size:de})=>{const pe=V(e.getOptionByValue(q))??e.props.leadingIcon;return pe?K(pe,de):null},le=e.getOptionByValue(q);return t.h(Me._sfc_main,{...le?((ee=(ie=e.props).getTagProps)==null?void 0:ee.call(ie,le))??{}:{},value:q,class:r.normCls(r.getBemElement(u,"tag"),e.props.tagCls),closeIconCls:r.getBemElement(u,"tag__close")},{text:ne,leading:ce})}))}})();return I&&h.push(I),e.props.headerSearch?e.props.showLabelValueOnHeaderSearch&&!e.props.multiple&&B.isString(e.modelValue.value)&&h.push(t.h("div",{class:r.getBemElement(u,"content__value")},e.getLabelByValue(e.modelValue.value))):h.push(t.h(Ee)),t.h("div",{class:r.getBemElement(u,"content")},h)},Z=[],Y=X();a.isEmptyElement(Y)||Z.push(Y),Z.push(ae());const se=w();return a.isEmptyElement(se)||Z.push(se),Z})}}}),$e=t.defineComponent({...te.getComponentOptions("ComboboxLabel"),__name:"ComboboxLabel",setup(m){return(n,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(r.getBemElement)(t.unref(k),"label"))},[t.renderSlot(n.$slots,"default")],2))}}),Ve=t.defineComponent({name:te.getComponentName("ComboboxOption"),props:{option:{type:[Object,String],required:!0}},slots:Object,setup(m,{slots:n}){const o=ue(),e=t.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),v=t.computed(()=>o.getOptionValue(m.option)),u=t.computed(()=>o.getOptionNoCheckbox(m.option)),T=t.computed(()=>o.getOptionClear(m.option)),N=t.computed(()=>o.getOptionSingle(m.option)),P=t.computed(()=>o.getOptionLabel(m.option)),V=t.computed(()=>o.getOptionIcon(m.option)),j=t.computed(()=>o.props.tree?void 0:o.getOptionDescription(m.option)),z=t.computed(()=>o.getOptionDisabled(m.option)),y=t.computed(()=>o.isItemSelected(v.value)),F=r.getBemElement(k,"option"),oe=()=>{if(!(o.props.tree||!v.value||z.value))if(o.props.multiple)if(T.value)o.setModelValue([]),o.emit("select",void 0,!1);else if(N.value)o.setModelValue([v.value]),o.emit("select",v.value,!0,m.option);else{let S=a.isArray(o.modelValue.value)?o.modelValue.value:[];const K=S.includes(v.value);S.length===1&&o.getSingleByValue(S[0])&&v.value!==S[0]&&(S=[]),K?(o.setModelValue(S.filter(w=>w!==v.value)),o.emit("select",v.value,!0,m.option)):(o.setModelValue([...S,v.value]),o.emit("select",v.value,!1,m.option))}else T.value?(o.setModelValue(void 0),o.emit("select",void 0,!1)):(o.setModelValue(v.value),o.emit("select",v.value,!0,m.option))};if(!m.option)throw new Error("option is required");return()=>{const S=w=>{var O,L,J,$,Q;const s=[];!o.props.tree&&o.props.multiple&&o.props.checkbox&&!u.value&&s.push(t.h(Fe._sfc_main,{modelValue:y.value,size:w.checkboxSize,disabled:z.value}));const b=(O=n.leading)==null?void 0:O.call(n,{option:m.option});return a.isEmptyElement(b)?o.props.tagRenderMode==="avatar"?s.push(t.h(ve._sfc_main,{...((J=(L=o.props).getTagProps)==null?void 0:J.call(L,m.option))??{},size:o.getTagSize.value})):o.props.tagRenderMode==="go"?s.push(t.h(Be._sfc_main,{...((Q=($=o.props).getTagProps)==null?void 0:Q.call($,m.option))??{},size:o.getTagSize.value})):V.value&&s.push(t.h(a._sfc_main$2,{icon:V.value,size:e.value})):s.push(b),a.isEmptyElement(s)?null:s};return(()=>{const w=!!j.value;return t.h(Ne._sfc_main$1,{class:F,description:j.value,title:P.value,key:v.value,selected:y.value,unFocusable:!0,leadingCenter:!w,size:o.getSize.value,disabled:z.value,onClick:oe},{leading:S,trailing:()=>{var s;return(s=n.trailing)==null?void 0:s.call(n,{option:m.option})}})})()}}}),Ue=t.defineComponent({name:te.getComponentName("ComboboxWrapper"),setup(m,{slots:n}){const o=Ke(),e=G.injectComboboxRootContext(),v=t.ref();Ie.useLazyLoading({target:v});const u=t.ref(),T=xe.getPopoverPortalProps({triggerRef:u,props:o.props}),{getFlipOnDir:N,getDir:P}=Te.useConfig(),V=N("reversePlacementOnDir"),j=P(),z=xe.getPopoverContentProps({props:o.props,flip:V,emitsAsProps:o.emitsAsProps,_dir:j,controlAutoFocus:!1,extraPropNames:["bodyLock","position"]}),y=({key:l,getterKey:i,defaultValue:d,noReturnOption:_})=>g=>{const C=B.isFunction(d)?d(g):d;if(a.isObject(g)){const A=g[l]??C,R=i&&o.props[i];if(R){if(B.isString(R))return g[R]??A;if(B.isFunction(R))return R(g)??A}return A}return B.isString(g)&&!_?g??C:C},F=y({getterKey:"getValue",key:"value"}),oe=y({getterKey:"getNoCheckbox",key:"noCheckbox"}),S=y({getterKey:"getSingle",key:"single",noReturnOption:!0}),K=y({getterKey:"getClear",key:"clear",noReturnOption:!0}),w=y({getterKey:"getLabel",key:"label",defaultValue:F}),s=y({getterKey:"getIcon",key:"icon",noReturnOption:!0}),b=y({getterKey:"getDescription",key:"description",noReturnOption:!0}),O=y({getterKey:"getDisabled",key:"disabled",defaultValue:!1,noReturnOption:!0}),L=y({getterKey:"getGroupLabel",key:"label",noReturnOption:!0}),J=y({getterKey:"getGroupOptions",key:"options",noReturnOption:!0}),$=l=>{const i=d=>{if(d!=null&&d.length&&l)for(const _ of d){if(F(_)===l)return _;const g=J(_);if(g!=null&&g.length){const C=i(g);if(C)return C}}};return i(o.props.options)},Q=l=>{const i=$(l);return i?w(i)??l:l},U=l=>{const i=$(l);return i?S(i)??!1:!1},{contains:H}=G.useFilter({sensitivity:"base"}),X=t.computed(()=>{const l=i=>i==null?void 0:i.map(d=>{const _=w(d),g=F(d),C=O(d),A=L(d),R=!o.searchModel.value||_&&H(_,o.searchModel.value),p=J(d),f=!o.props.tree||g;if(p&&f){const c=l(p);if(c!=null&&c.length||R)return{groupLabel:A,title:_,key:g,disabled:C,children:c,_option:d}}return R&&f?{title:_,key:g,disabled:C,_option:d}:null}).filter(Boolean);if(o.props.options)return l(o.props.options)}),{getDisabled:ae,getStatus:Z,getSize:Y}=Ce.useFormInput({getDisabled:()=>o.props.disabled,getSize:()=>o.props.size,getStatus:()=>o.props.status}),se=t.computed(()=>{switch(Y.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),{inputBindings:h,rootBindings:M}=Ce.UseInputDataStates({getDisabled:()=>ae.value}),D=t.ref(),I=()=>{var l,i,d,_,g,C,A;e.open.value&&e.inputElement.value&&(o.props.headerSearch&&((l=D.value)!=null&&l.input)?document.activeElement!==((i=D.value)==null?void 0:i.input)&&((g=(_=(d=D.value)==null?void 0:d.input)==null?void 0:_.focus)==null||g.call(_)):document.activeElement!==e.inputElement.value&&((A=(C=e.inputElement.value)==null?void 0:C.focus)==null||A.call(C)))},q=l=>{e.modelValue.value=l,o.emit("update:modelValue",l)},ne=l=>l===void 0?!1:Array.isArray(e.modelValue.value)?!!(l&&e.modelValue.value.includes(l)):e.modelValue.value===l;Se({...o,getOptionValue:F,getOptionLabel:w,getOptionSingle:S,getOptionClear:K,getOptionNoCheckbox:oe,getOptionDescription:b,getOptionDisabled:O,getOptionIcon:s,getOptionByValue:$,isItemSelected:ne,getLabelByValue:Q,getSingleByValue:U,focusOnInput:I,setModelValue:q,headerInputElement:D,getDisabled:ae,getStatus:Z,getSize:Y,getTagSize:se,comboboxInputBinding:h,comboboxTriggerBinding:M,...e,modelValue:e.modelValue}),t.watch(()=>[o.props.clearOnChangeMultiple,o.props.multiple],()=>{o.props.clearOnChangeMultiple&&q(void 0)});const ce=t.computed(()=>{const l=o.props.scrollContainerProps??{};return{...l,areaCls:[r.getBemElement(k,"scroll_area"),l==null?void 0:l.class,l==null?void 0:l.areaCls]}}),le=r.getBemElement(k,"popup"),ie=fe.cva(le,{variants:{size:r.generateVariantClassList(he,le)}}),ee=l=>{if(a.isNumber(l))return`${l}px`;if(typeof l=="string")return l},de=t.computed(()=>ee(o.props.popupWidth)),pe=t.computed(()=>ee(o.props.popupHeight)),_e=t.computed(()=>ee(o.props.minWidth)),ye=t.computed(()=>({type:Y.value==="sm"?"simple":"advance",...B.omit(o.props.emptyProps??{},["class"])})),ke=t.computed(()=>B.omit(o.props.skeletonProps??{},["class"]));return()=>{var A,R;const l=p=>t.h(Ve,{option:p},{trailing:n.optionTrailing,leading:n.optionLeading}),i=[];let d;if(o.props.tree){const f=a.isArray(e.modelValue.value)?e.modelValue.value:e.modelValue.value?[e.modelValue.value]:[];d=t.h(we._sfc_main,{selectable:!0,checkable:o.props.multiple&&o.props.checkbox,multiple:o.props.multiple,defaultExpandAll:!0,syncCheckboxAndSelect:o.props.multiple,showLine:!0,focusable:!1,...o.props.treeProps??{},modelValue:f,checkedKeys:f,data:X.value??[],onExpand:I,onSelect:(c,x,E)=>{const W=K(c._option);o.props.multiple?q(W?[]:E):q(W||!x?void 0:c._key),o.emit("select",c._key,x,c._option)},class:"w-full"},{node:c=>l(c._option)}),i.push(d)}else{let p=!1;const f=[];if((X.value??[]).forEach(c=>{var x;if((x=c.children)!=null&&x.length){const E=[];c.children.forEach(W=>{const re=l(W._option);ne(F(W._option))&&o.props.sortSelectedItems?f.push(re):E.push(re)}),E.length&&((p||i.length)&&(i.push(t.h(me._sfc_main)),p=!1),c.groupLabel&&i.push(t.h($e,{class:o.props.labelCls},()=>c.groupLabel)),i.push(...E),p=!0)}else{const E=l(c._option);ne(F(c._option))&&o.props.sortSelectedItems?f.push(E):(p&&(i.push(t.h(me._sfc_main)),p=!1),i.push(E))}}),o.props.sortSelectedItems&&f.length){const c=!!i.length;i.splice(0,0,...f),c&&i.splice(f.length,0,t.h(me._sfc_main))}}const _=a.flattenChildrenByType(d?[d]:i,Ve).filter(p=>{var f;return a.isObject(p==null?void 0:p.props)&&((f=p==null?void 0:p.props)==null?void 0:f.option)}),g=!!(o.props.tree&&((A=X.value)!=null&&A.length)||_!=null&&_.length),C=()=>{var f,c;const p=[];if(g||o.props.loading){const x=[];if(g&&x.push(...i),o.props.loading){const E=(f=n.loading)==null?void 0:f.call(n,{});if(!a.isEmptyElement(E))x.push(E);else{const W=new Array(g?2:o.props.loadingRowCount).fill(1);x.push(...W.map(()=>t.h(Pe._sfc_main,{size:Y.value,class:r.normCls(r.getBemElement(k,"skeleton"),o.props.skeletonCls),...ke.value})))}}p.push(t.h("div",{class:r.normCls(r.getBemElement(k,"options"),o.props.optionsCls)},x))}else if(!g){const x=(c=n.empty)==null?void 0:c.call(n,ye.value);a.isEmptyElement(x)?p.push(t.h(Le._sfc_main,{class:r.normCls(r.getBemElement(k,"empty"),o.props.emptyCls),...ye.value},{title:n.emptyTitle,description:n.emptyDescription,actions:n.emptyActions,image:n.emptyImage})):p.push(x)}return o.props.lazyLoading&&p.push(t.h("div",{class:r.getBemElement(k,"lazy_loading")},t.h("div",{class:r.getBemElement(k,"lazy_loading_trigger"),ref:v}))),p};return[o.props.noTrigger?null:t.h(je,{ref:u,...o.attrs,style:{...((R=o.attrs)==null?void 0:R.style)??{},"--ptc-combobox-trigger-min-w":_e.value}},{trigger:n.trigger,triggerTrailing:n.triggerTrailing}),t.h(G.ComboboxPortal,T.value,()=>t.h(G.ComboboxContent,{...z.value,class:r.normCls(ie(o.props),o.props.popupCls),style:{display:e.open.value?void 0:"none",zIndex:o.props.zIndex,"--ptc-combobox-popup-width":o.props.samePopupWidth?void 0:de.value,"--ptc-combobox-popup-height":pe.value,"--ptc-combobox-trigger-min-w":_e.value},onClick:I},()=>{var E,W,re,be;const p=[],f=(W=n.header)==null?void 0:W.call(n,{isEmpty:!((E=X.value)!=null&&E.length),search:o.searchModel.value}),c=!a.isEmptyElement(f);if(o.props.headerSearch||c){const ge=[];c&&ge.push(f),o.props.headerSearch&&ge.push(t.h(Ee)),p.push(t.h("div",{class:r.getBemElement(k,"header")},ge))}p.push(t.h(ze._sfc_main,ce.value,C));const x=(be=n.footer)==null?void 0:be.call(n,{isEmpty:!((re=X.value)!=null&&re.length),search:o.searchModel.value});return a.isEmptyElement(x)||p.push(t.h("div",{class:r.getBemElement(k,"footer")},x)),p}))]}}}),He=t.defineComponent({...te.getComponentOptions("Combobox"),__name:"Combobox",props:{size:{default:"md"},status:{},multiple:{type:Boolean,default:void 0},noLastValueOnPlaceholder:{type:Boolean},showLabelValueOnHeaderSearch:{type:Boolean},zIndex:{},checkbox:{type:Boolean,default:!0},tagRenderMode:{default:"chip"},getTagProps:{},tree:{type:Boolean},treeProps:{},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{},getSingle:{},getClear:{},getGroupOptions:{},getGroupLabel:{},getIcon:{},placement:{default:"bottom-start"},reversePlacementOnDir:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{default:10},lazyLoading:{type:Boolean},bordered:{type:Boolean,default:!0},clearOnChangeMultiple:{type:Boolean,default:!0},triggerCls:{},triggerLeadingCls:{},triggerContentCls:{},triggerContentPlaceholderCls:{},triggerContentValueCls:{},triggerTrailingCls:{},itemLeadingCls:{},optionCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean,default:!0},popupHeight:{default:384},popupWidth:{},minWidth:{},headerSearch:{type:Boolean},search:{},noTrigger:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},resetSearchTermOnBlur:{type:Boolean,default:!0},resetSearchTermOnSelect:{type:Boolean,default:!0},modelValue:{},defaultValue:{},dir:{},disabled:{type:Boolean,default:void 0},highlightOnHover:{type:Boolean},by:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean},reference:{},forceMount:{type:Boolean,default:void 0},position:{default:"popper"},bodyLock:{type:Boolean},side:{},sideOffset:{default:4},align:{},alignOffset:{},avoidCollisions:{type:Boolean,default:void 0},collisionBoundary:{},collisionPadding:{default:4},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean,default:void 0},positionStrategy:{default:"fixed"},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean,default:void 0},prioritizePosition:{type:Boolean,default:void 0},disableOutsidePointerEvents:{type:Boolean,default:!0},defer:{type:Boolean}},emits:["update:search","select","update:modelValue","highlight","update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside"],setup(m,{emit:n}){const o=m,e=n,v=G.useEmitAsProps(e),u=t.computed(()=>B.omitBy({...B.pick(o,["open","defaultOpen","defaultValue","modelValue","by","dir","multiple","disabled"]),...B.pick(v,["onUpdate:modelValue","onUpdate:open"]),ignoreFilter:!0},B.isUndefined)),T=a.useVModel(o,"search",e,{passive:o.search===void 0});t.watch(()=>o.open,V=>{V||(T.value=void 0)});const N=t.useSlots(),P=t.useAttrs();return We({attrs:P,props:o,emit:e,searchModel:T,emitsAsProps:v}),(V,j)=>(t.openBlock(),t.createBlock(t.unref(G.ComboboxRoot),t.mergeProps(u.value,{class:t.unref(k)}),{default:t.withCtx(()=>[t.createVNode(t.unref(Ue),null,t.createSlots({_:2},[t.renderList(Object.keys(N),z=>({name:z,fn:t.withCtx(y=>[t.renderSlot(V.$slots,z,t.normalizeProps(t.guardReactiveProps(y)))])}))]),1024)]),_:3},16,["class"]))}});exports.ComboboxSizes=he;exports.ComboboxStatuses=Oe;exports._sfc_main=He;exports.injectComboboxContext=ue;exports.provideComboboxContext=Se;