@pantograph/vue 0.27.2 → 0.27.4

package/dist/{ScrollContainer.vue_vue_type_script_setup_true_lang-BU7qU1LR.js → ScrollContainer.vue_vue_type_script_setup_true_lang-FKw-Hnvi.js}

@@ -3,13 +3,10 @@ import { ScrollAreaRoot as ae, ScrollAreaViewport as ie, ScrollAreaScrollbar as
 import { cva as x } from "class-variance-authority";
 import { getBemBlock as ce, getBemElement as a, generateVariantClassList as c, normCls as f } from "@pantograph/utils";
 import { useElementVisibility as V, useDebounceFn as pe, useResizeObserver as K } from "@vueuse/core";
-import { u as fe } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-DiuPi_DT.js";
-import { a as ue } from "./options-J8HfRMSU.js";
-import { u as ve } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
-import "es-toolkit";
-import "@tanstack/vue-virtual";
-import me from "@pantograph/style/scroll_container.css?raw";
-const s = ce("scroll_container"), be = /* @__PURE__ */ Q({
+import { u as fe } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
+import { getComponentOptions as ue, useComponentStyle as ve } from "@pantograph/utils-vue";
+import be from "@pantograph/style/scroll_container.css?raw";
+const s = ce("scroll_container"), me = /* @__PURE__ */ Q({
   __name: "Mask",
   props: {
     topVisible: { type: Boolean },
@@ -43,7 +40,7 @@ const s = ce("scroll_container"), be = /* @__PURE__ */ Q({
       }, null, 2)
     ], 2));
   }
-}), Oe = ["auto", "always", "scroll", "hover"], de = ["sm", "md", "lg"], De = /* @__PURE__ */ Q({
+}), _e = ["auto", "always", "scroll", "hover"], de = ["sm", "md", "lg"], He = /* @__PURE__ */ Q({
   ...ue("ScrollContainer", !1),
   __name: "ScrollContainer",
   props: {
@@ -67,7 +64,7 @@ const s = ce("scroll_container"), be = /* @__PURE__ */ Q({
     color: {}
   },
   setup(S, { expose: g }) {
-    ve("scroll_container", me);
+    ve("scroll_container", be);
     const o = S, k = x(s, {
       variants: {
         size: c(de, s),
@@ -80,8 +77,8 @@ const s = ce("scroll_container"), be = /* @__PURE__ */ Q({
     let z = u(!1), T = u(!1), _ = u(!1), H = u(!1);
     o.hasMask && (z = V(P), T = V($), _ = V(A), H = V(R));
     const i = p(), h = p(), M = p(), O = u(!1), D = u(!1), E = pe(() => {
-      var l, r, m, b, N, W, X, Y, F;
-      e((l = i.value) == null ? void 0 : l.viewport) && (O.value = !o.hideHorizontalScrollbar && (((m = (r = e(i.value)) == null ? void 0 : r.viewport) == null ? void 0 : m.offsetWidth) || 0) < (((N = (b = e(i.value)) == null ? void 0 : b.viewport) == null ? void 0 : N.scrollWidth) || 0), D.value = !o.hideVerticalScrollbar && (((X = (W = e(i.value)) == null ? void 0 : W.viewport) == null ? void 0 : X.offsetHeight) || 0) < (((F = (Y = e(i.value)) == null ? void 0 : Y.viewport) == null ? void 0 : F.scrollHeight) || 0));
+      var l, r, b, m, N, W, X, Y, F;
+      e((l = i.value) == null ? void 0 : l.viewport) && (O.value = !o.hideHorizontalScrollbar && (((b = (r = e(i.value)) == null ? void 0 : r.viewport) == null ? void 0 : b.offsetWidth) || 0) < (((N = (m = e(i.value)) == null ? void 0 : m.viewport) == null ? void 0 : N.scrollWidth) || 0), D.value = !o.hideVerticalScrollbar && (((X = (W = e(i.value)) == null ? void 0 : W.viewport) == null ? void 0 : X.offsetHeight) || 0) < (((F = (Y = e(i.value)) == null ? void 0 : Y.viewport) == null ? void 0 : F.scrollHeight) || 0));
     }, 10);
     if (!o.overlay && !(o.hideVerticalScrollbar && o.hideVerticalScrollbar)) {
       re(() => E());
@@ -101,10 +98,10 @@ const s = ce("scroll_container"), be = /* @__PURE__ */ Q({
       leftVisible: _,
       bottomVisible: H,
       getScroll: () => {
-        var l, r, m, b;
+        var l, r, b, m;
         return {
           scrollTop: (r = (l = h.value) == null ? void 0 : l.viewportElement) == null ? void 0 : r.scrollTop,
-          scrollLeft: (b = (m = h.value) == null ? void 0 : m.viewportElement) == null ? void 0 : b.scrollLeft
+          scrollLeft: (m = (b = h.value) == null ? void 0 : b.viewportElement) == null ? void 0 : m.scrollLeft
         };
       },
       scrollTop: () => {
@@ -180,7 +177,7 @@ const s = ce("scroll_container"), be = /* @__PURE__ */ Q({
           ]),
           _: 3
         }, 16, ["class"]),
-        l.hasMask ? (w(), U(be, {
+        l.hasMask ? (w(), U(me, {
           key: 0,
           topVisible: e(z),
           bottomVisible: e(H),
@@ -224,7 +221,7 @@ const s = ce("scroll_container"), be = /* @__PURE__ */ Q({
   }
 });
 export {
-  Oe as S,
-  De as _,
+  _e as S,
+  He as _,
   de as a
 };

package/dist/Segmented/Segmented.d.ts

@@ -43,12 +43,12 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<SegmentedProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (event?: string | number | undefined) => any;
     change: (event?: string | number | undefined) => any;
+    "update:modelValue": (event?: string | number | undefined) => any;
     entryFocus: (event: Event) => any;
 }, string, import('vue').PublicProps, Readonly<SegmentedProps> & Readonly<{
-    "onUpdate:modelValue"?: ((event?: string | number | undefined) => any) | undefined;
     onChange?: ((event?: string | number | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((event?: string | number | undefined) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
     size: SegmentedSize;

package/dist/Segmented/index.js

@@ -1,4 +1,4 @@
-import { _ as s, S as t, _ as S } from "../Segmented.vue_vue_type_script_setup_true_lang-D7yf-Ezy.js";
+import { _ as s, S as t, _ as S } from "../Segmented.vue_vue_type_script_setup_true_lang-C3_Tl2yp.js";
 export {
   s as Segmented,
   t as SegmentedSizes,

package/dist/Segmented/index.umd.cjs

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

package/dist/{Segmented.vue_vue_type_script_setup_true_lang-D7yf-Ezy.js → Segmented.vue_vue_type_script_setup_true_lang-C3_Tl2yp.js}

@@ -1,18 +1,15 @@
-import { defineComponent as X, useSlots as Y, computed as M, watch as Z, createBlock as ee, openBlock as te, unref as c, mergeProps as oe, isRef as se, withCtx as ne, createElementVNode as ae, normalizeStyle as ie, normalizeClass as le, createVNode as re, h as S } from "vue";
-import { useForwardPropsEmits as ce, RovingFocusGroup as ue, RovingFocusItem as de } from "reka-ui";
+import { defineComponent as X, useSlots as Y, computed as M, watch as Z, createBlock as ee, openBlock as te, unref as r, mergeProps as oe, isRef as ne, withCtx as se, createElementVNode as ie, normalizeStyle as ae, normalizeClass as le, createVNode as ce, h as S } from "vue";
+import { useForwardPropsEmits as re, RovingFocusGroup as de, RovingFocusItem as ue } from "reka-ui";
 import { getBemBlock as me, generateVariantClassList as g, getBemElement as b, normCls as x } from "@pantograph/utils";
 import { cva as D } from "class-variance-authority";
-import { u as pe } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-DiuPi_DT.js";
+import { u as pe } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
 import { pick as fe, omit as ve } from "es-toolkit";
-import { u as ge, v as p, g as h, e as xe } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
-import { a as Ce } from "./options-J8HfRMSU.js";
-import { u as Se } from "./useInputDataStates-DCxDvkM-.js";
-import "@vueuse/core";
-import { u as be } from "./useVmodel-DlyNieM5.js";
-import "@tanstack/vue-virtual";
+import { getComponentOptions as ge, useComponentStyle as xe, useVModel as Ce, useFormInput as Se, isEmptyElement as h } from "@pantograph/utils-vue";
+import { _ as be } from "./Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
 import he from "@pantograph/style/segmented.css?raw";
-const Ve = ["sm", "md", "lg"], Pe = /* @__PURE__ */ X({
-  ...Ce("Segmented"),
+import { i as p } from "./isObject-vmP43YLW.js";
+const Ve = ["sm", "md", "lg"], we = /* @__PURE__ */ X({
+  ...ge("Segmented"),
   __name: "Segmented",
   props: {
     options: {},
@@ -33,19 +30,19 @@ const Ve = ["sm", "md", "lg"], Pe = /* @__PURE__ */ X({
   },
   emits: ["update:modelValue", "change", "entryFocus"],
   setup(P, { emit: R }) {
-    ge("segmented", he);
-    const t = P, C = R, a = Y(), N = M(
+    xe("segmented", he);
+    const t = P, C = R, i = Y(), N = M(
       () => fe(t, ["orientation", "dir", "loop", "preventScrollOnEntryFocus"])
-    ), $ = ce(N, C), f = me("segmented"), j = D(f, {
+    ), $ = re(N, C), f = me("segmented"), j = D(f, {
       variants: {
         size: g(Ve, f),
         block: g("block", f)
         // style: generateVariantClassList('absolute-selected-indicator', prefix),
       }
-    }), u = b(f, "option"), G = D(u, {
+    }), d = b(f, "option"), G = D(d, {
       variants: {
-        icon: g("icon", u),
-        text: g("text", u)
+        icon: g("icon", d),
+        text: g("text", d)
       }
     }), { getDir: L } = pe(), U = L(), q = M(() => {
       switch (t.size) {
@@ -54,7 +51,7 @@ const Ve = ["sm", "md", "lg"], Pe = /* @__PURE__ */ X({
         default:
           return "2xsm";
       }
-    }), i = be(
+    }), a = Ce(
       t,
       "modelValue",
       C,
@@ -69,17 +66,17 @@ const Ve = ["sm", "md", "lg"], Pe = /* @__PURE__ */ X({
     Z(
       () => t.options,
       () => {
-        var o, s;
-        const e = (o = t.options) == null ? void 0 : o.find((n) => {
-          const r = l(n);
-          return !v(r) && r === i.value;
+        var o, n;
+        const e = (o = t.options) == null ? void 0 : o.find((s) => {
+          const c = l(s);
+          return !v(c) && c === a.value;
         });
         if (!e || v(l(e))) {
-          const n = (s = t.options) == null ? void 0 : s.find((r) => {
-            const d = l(r);
-            return !v(d);
+          const s = (n = t.options) == null ? void 0 : n.find((c) => {
+            const u = l(c);
+            return !v(u);
           });
-          n && (i.value = l(n));
+          s && (a.value = l(s));
         }
       },
       { immediate: !0, deep: !0 }
@@ -88,22 +85,22 @@ const Ve = ["sm", "md", "lg"], Pe = /* @__PURE__ */ X({
       var e;
       return (e = t.options) == null ? void 0 : e.map((o) => {
         var E, F, w;
-        const s = l(o);
-        if (v(s)) return;
-        const n = H(o), r = p(o) ? ve(o, ["icon", "value", "text"]) : {}, d = i.value === s;
+        const n = l(o);
+        if (v(n)) return;
+        const s = H(o), c = p(o) ? ve(o, ["icon", "value", "text"]) : {}, u = a.value === n;
         let m;
-        const V = (E = a.option) == null ? void 0 : E.call(a, { disabled: n, selected: d, option: o });
+        const V = (E = i.option) == null ? void 0 : E.call(i, { disabled: s, selected: u, option: o });
         h(V) || (m = V);
-        const B = J(o), I = (F = a.icon) == null ? void 0 : F.call(a, { disabled: n, selected: d, option: o }), y = K(o), _ = (w = a.text) == null ? void 0 : w.call(a, { disabled: n, selected: d, option: o });
+        const B = J(o), I = (F = i.icon) == null ? void 0 : F.call(i, { disabled: s, selected: u, option: o }), y = K(o), _ = (w = i.text) == null ? void 0 : w.call(i, { disabled: s, selected: u, option: o });
         m = [];
         const O = !h(I), z = !!(B || O), T = !h(_), k = !!(y || T);
         z && m.push(
           S(
-            xe,
+            be,
             {
               icon: B,
               size: q.value,
-              class: x(b(u, "icon"), t.optionIconCls)
+              class: x(b(d, "icon"), t.optionIconCls)
             },
             O ? I : void 0
           )
@@ -111,22 +108,22 @@ const Ve = ["sm", "md", "lg"], Pe = /* @__PURE__ */ X({
           S(
             "div",
             {
-              class: x(b(u, "text"), t.optionTextCls)
+              class: x(b(d, "text"), t.optionTextCls)
             },
             T ? _ : y
           )
         );
-        const W = i.value === s;
+        const W = a.value === n;
         return S(
-          de,
+          ue,
           {
             as: "button",
             active: W,
-            focusable: !n,
-            disabled: n,
-            tabStopId: s,
-            value: s,
-            ...r,
+            focusable: !s,
+            disabled: s,
+            tabStopId: n,
+            value: n,
+            ...c,
             class: x(
               G({
                 icon: z,
@@ -139,25 +136,25 @@ const Ve = ["sm", "md", "lg"], Pe = /* @__PURE__ */ X({
         );
       });
     };
-    return (e, o) => (te(), ee(c(ue), oe(c($), {
-      dir: c(U),
-      "current-tab-stop-id": c(i),
-      "onUpdate:currentTabStopId": o[0] || (o[0] = (s) => se(i) ? i.value = s : null),
+    return (e, o) => (te(), ee(r(de), oe(r($), {
+      dir: r(U),
+      "current-tab-stop-id": r(a),
+      "onUpdate:currentTabStopId": o[0] || (o[0] = (n) => ne(a) ? a.value = n : null),
       asChild: ""
     }), {
-      default: ne(() => {
-        var s;
+      default: se(() => {
+        var n;
         return [
-          ae("div", {
-            class: le(c(x)(c(j)({
+          ie("div", {
+            class: le(r(x)(r(j)({
               ...t
               /*, style: !style*/
             }), t.class)),
-            style: ie({
-              gridTemplateColumns: `repeat(${((s = t.options) == null ? void 0 : s.length) ?? 1}, minmax(0, 1fr))`
+            style: ae({
+              gridTemplateColumns: `repeat(${((n = t.options) == null ? void 0 : n.length) ?? 1}, minmax(0, 1fr))`
             })
           }, [
-            re(Q)
+            ce(Q)
           ], 6)
         ];
       }),
@@ -167,5 +164,5 @@ const Ve = ["sm", "md", "lg"], Pe = /* @__PURE__ */ X({
 });
 export {
   Ve as S,
-  Pe as _
+  we as _
 };

package/dist/Segmented.vue_vue_type_script_setup_true_lang-v__5oumm.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),x=require("reka-ui"),i=require("@pantograph/utils"),T=require("class-variance-authority"),W=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-Dn5qxQ1y.js"),F=require("es-toolkit"),r=require("@pantograph/utils-vue"),X=require("./Icon.vue_vue_type_script_setup_true_lang-Be6ayltH.js"),Y=require("@pantograph/style/segmented.css?raw"),v=require("./isObject-BDHKUJKN.js"),j=["sm","md","lg"],Z=t.defineComponent({...r.getComponentOptions("Segmented"),__name:"Segmented",props:{options:{},size:{default:"md"},class:{},selectionIndicatorCls:{},optionCls:{},optionIconCls:{},optionTextCls:{},block:{type:Boolean},modelValue:{},disabled:{type:Boolean,default:void 0},defaultModelValue:{},orientation:{},dir:{},loop:{type:Boolean},preventScrollOnEntryFocus:{type:Boolean}},emits:["update:modelValue","change","entryFocus"],setup(w,{emit:L}){r.useComponentStyle("segmented",Y);const n=w,_=L,a=t.useSlots(),M=t.computed(()=>F.pick(n,["orientation","dir","loop","preventScrollOnEntryFocus"])),P=x.useForwardPropsEmits(M,_),f=i.getBemBlock("segmented"),D=T.cva(f,{variants:{size:i.generateVariantClassList(j,f),block:i.generateVariantClassList("block",f)}}),m=i.getBemElement(f,"option"),R=T.cva(m,{variants:{icon:i.generateVariantClassList("icon",m),text:i.generateVariantClassList("text",m)}}),{getDir:N}=W.useConfig(),U=N(),A=t.computed(()=>{switch(n.size){case"lg":return"xsm";default:return"2xsm"}}),c=r.useVModel(n,"modelValue",_,{defaultValue:n.defaultModelValue,passive:n.modelValue===void 0,onChange:e=>{_("change",e)}}),{getDisabled:G}=r.useFormInput(),C=e=>[null,void 0].includes(e),u=e=>v.isObject(e)?e.value:e,$=e=>!!(G.value||v.isObject(e)&&e.disabled),H=e=>v.isObject(e)?e.icon:void 0,J=e=>v.isObject(e)?e.text:u(e);t.watch(()=>n.options,()=>{var s,o;const e=(s=n.options)==null?void 0:s.find(l=>{const d=u(l);return!C(d)&&d===c.value});if(!e||C(u(e))){const l=(o=n.options)==null?void 0:o.find(d=>{const p=u(d);return!C(p)});l&&(c.value=u(l))}},{immediate:!0,deep:!0});const K=()=>{var e;return(e=n.options)==null?void 0:e.map(s=>{var q,k,z;const o=u(s);if(C(o))return;const l=$(s),d=v.isObject(s)?F.omit(s,["icon","value","text"]):{},p=c.value===o;let g;const b=(q=a.option)==null?void 0:q.call(a,{disabled:l,selected:p,option:s});r.isEmptyElement(b)||(g=b);const S=H(s),V=(k=a.icon)==null?void 0:k.call(a,{disabled:l,selected:p,option:s}),h=J(s),y=(z=a.text)==null?void 0:z.call(a,{disabled:l,selected:p,option:s});g=[];const B=!r.isEmptyElement(V),O=!!(S||B),E=!r.isEmptyElement(y),I=!!(h||E);O&&g.push(t.h(X._sfc_main,{icon:S,size:A.value,class:i.normCls(i.getBemElement(m,"icon"),n.optionIconCls)},B?V:void 0)),I&&g.push(t.h("div",{class:i.normCls(i.getBemElement(m,"text"),n.optionTextCls)},E?y:h));const Q=c.value===o;return t.h(x.RovingFocusItem,{as:"button",active:Q,focusable:!l,disabled:l,tabStopId:o,value:o,...d,class:i.normCls(R({icon:O,text:I}),n.optionCls)},()=>g)})};return(e,s)=>(t.openBlock(),t.createBlock(t.unref(x.RovingFocusGroup),t.mergeProps(t.unref(P),{dir:t.unref(U),"current-tab-stop-id":t.unref(c),"onUpdate:currentTabStopId":s[0]||(s[0]=o=>t.isRef(c)?c.value=o:null),asChild:""}),{default:t.withCtx(()=>{var o;return[t.createElementVNode("div",{class:t.normalizeClass(t.unref(i.normCls)(t.unref(D)({...n}),n.class)),style:t.normalizeStyle({gridTemplateColumns:`repeat(${((o=n.options)==null?void 0:o.length)??1}, minmax(0, 1fr))`})},[t.createVNode(K)],6)]}),_:1},16,["dir","current-tab-stop-id"]))}});exports.SegmentedSizes=j;exports._sfc_main=Z;

package/dist/Select/Select.d.ts

@@ -7,27 +7,28 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<SelectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: import('reka-ui').AcceptableValue) => any;
     select: (value: string, selected: boolean) => any;
     change: (value: import('reka-ui').AcceptableValue) => any;
     closeAutoFocus: (event: Event) => any;
     "update:open": (value: boolean) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
     pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
+    "update:modelValue": (value: import('reka-ui').AcceptableValue) => any;
 }, string, import('vue').PublicProps, Readonly<SelectProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: import('reka-ui').AcceptableValue) => any) | undefined;
     onSelect?: ((value: string, selected: boolean) => any) | undefined;
     onChange?: ((value: import('reka-ui').AcceptableValue) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import('reka-ui').AcceptableValue) => any) | undefined;
 }>, {
     size: import('./Select.model').SelectSize;
     disabled: boolean;
-    placement: import('..').PopoverPlacement;
+    bordered: boolean;
     forceMount: boolean;
     prioritizePosition: boolean;
+    placement: import('..').PopoverPlacement;
     sideOffset: number;
     avoidCollisions: boolean;
     collisionPadding: number | Partial<Record<"top" | "bottom" | "right" | "left", number>>;
@@ -39,7 +40,6 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {}, {}
     position: "item-aligned" | "popper";
     multiple: boolean;
     trailingIcon: string;
-    bordered: boolean;
     selectedItemIconAsTrailingIcon: boolean;
     indicatorIcon: string;
     loadingRowCount: number;

package/dist/Select/SelectTrigger.d.ts

@@ -1,5 +1,5 @@
-import { CheckNode } from '../utils';
-import { SelectOptionSlotsKeys } from './types.ts';
+import { CheckNode } from '@pantograph/utils-vue';
+import { SelectOptionSlotsKeys } from './types';
 type GetOptionSlot = (name: SelectOptionSlotsKeys, value?: string) => (() => CheckNode[] | undefined) | undefined;
 declare const _default: import('vue').DefineComponent<{
     getOptionSlot: GetOptionSlot;

package/dist/Select/index.js

@@ -1,4 +1,4 @@
-import { _ as a, a as s, S, b as c, c as l, i as o, p as i } from "../Select.vue_vue_type_script_setup_true_lang-B8L_locv.js";
+import { _ as a, a as s, S, b as c, c as l, i as o, p as i } from "../Select.vue_vue_type_script_setup_true_lang-B_KHB5DB.js";
 export {
   a as Select,
   s as SelectLabel,

package/dist/Select/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Select.vue_vue_type_script_setup_true_lang-BxOgh92J.js");exports.Select=e._sfc_main;exports.SelectLabel=e._sfc_main$1;exports.SelectOption=e.SelectOption;exports.SelectSizes=e.SelectSizes;exports.SelectStatuses=e.SelectStatuses;exports.injectSelectContext=e.injectSelectContext;exports.provideSelectContext=e.provideSelectContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Select.vue_vue_type_script_setup_true_lang-DgqUr22B.js");exports.Select=e._sfc_main;exports.SelectLabel=e._sfc_main$1;exports.SelectOption=e.SelectOption;exports.SelectSizes=e.SelectSizes;exports.SelectStatuses=e.SelectStatuses;exports.injectSelectContext=e.injectSelectContext;exports.provideSelectContext=e.provideSelectContext;

package/dist/{Select.vue_vue_type_script_setup_true_lang-B8L_locv.js → Select.vue_vue_type_script_setup_true_lang-B_KHB5DB.js}

@@ -1,25 +1,22 @@
 import { defineComponent as te, createElementBlock as ze, openBlock as Be, normalizeClass as ke, unref as le, renderSlot as _e, computed as y, h as a, ref as ve, watch as we, useSlots as De, useAttrs as Fe, createBlock as Ae, normalizeProps as Ce, guardReactiveProps as ye, withCtx as Se, createVNode as We, createSlots as $e, renderList as Ee } from "vue";
 import { createContext as Pe, SelectItem as Ge, SelectItemIndicator as Ne, SelectTrigger as Re, Primitive as je, injectSelectRootContext as Ke, SelectPortal as Me, SelectContent as qe, useEmitAsProps as Ue, SelectRoot as He } from "reka-ui";
 import { isString as ee, cloneDeep as he, omit as be, isFunction as Ve, omitBy as Je, pick as Oe, isUndefined as Qe } from "es-toolkit";
-import { a as Te, g as ge } from "./options-J8HfRMSU.js";
-import { y as Q, g as p, e as ce, v as Z, j as Xe, k as Ye, h as Ze, m as Le, w as et, u as tt } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
-import "@vueuse/core";
-import "@tanstack/vue-virtual";
-import { getBemBlock as ot, getBemElement as S, generateVariantClassList as N, normCls as B } from "@pantograph/utils";
+import { getComponentOptions as Te, getComponentName as ge, isEmptyElement as p, isEmptyLikeLodash as U, filterEmpty as Xe, isValidElement as Ye, isFragment as Ze, useLazyLoading as et, useFormInput as tt, flattenChildrenByType as Le, useComponentStyle as ot } from "@pantograph/utils-vue";
+import { getBemBlock as nt, getBemElement as S, generateVariantClassList as N, normCls as B } from "@pantograph/utils";
 import { cva as de } from "class-variance-authority";
-import { _ as nt } from "./Empty.vue_vue_type_script_setup_true_lang-CnJOScIi.js";
-import { _ as rt } from "./Skeleton.vue_vue_type_script_setup_true_lang-BPGtJ7m9.js";
-import { _ as xe } from "./Divider.vue_vue_type_script_setup_true_lang-BHkXVZCN.js";
-import "@pantograph/tokens";
-import { i as U } from "./isEmpty-CgVXdsCr.js";
-import { u as it } from "./useInputDataStates-DCxDvkM-.js";
-import { u as at } from "./useLazyLoading-Zo-PEp2E.js";
-import { g as lt, b as pt } from "./Popover.vue_vue_type_script_setup_true_lang-D-Jebwr9.js";
-import { u as st } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-DiuPi_DT.js";
-import { _ as ut } from "./ScrollContainer.vue_vue_type_script_setup_true_lang-BU7qU1LR.js";
-import { b as ct, _ as gt } from "./Chip.vue_vue_type_script_setup_true_lang-DOIPsHk_.js";
+import { _ as rt } from "./Empty.vue_vue_type_script_setup_true_lang-BCQOhz-A.js";
+import { _ as it } from "./Skeleton.vue_vue_type_script_setup_true_lang-V3Y9sTi-.js";
+import { _ as xe } from "./Divider.vue_vue_type_script_setup_true_lang-BZRu0h3n.js";
+import { g as at, b as lt } from "./Popover.vue_vue_type_script_setup_true_lang-DhDzrGk6.js";
+import { u as pt } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
+import { _ as st } from "./ScrollContainer.vue_vue_type_script_setup_true_lang-FKw-Hnvi.js";
+import { _ as ce } from "./Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
+import { i as Q } from "./isArray-QlWcxgml.js";
+import { b as ut, _ as ct } from "./Chip.vue_vue_type_script_setup_true_lang-B0_Xt99k.js";
+import { i as Z } from "./isObject-vmP43YLW.js";
+import { i as gt } from "./isNumber-BduWbB-B.js";
 import dt from "@pantograph/style/select.css?raw";
-const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] = Pe("Select"), [vt, Ct] = Pe("_Select"), F = ot("select"), yt = /* @__PURE__ */ te({
+const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] = Pe("Select"), [vt, Ct] = Pe("_Select"), F = nt("select"), yt = /* @__PURE__ */ te({
   ...Te("SelectLabel"),
   __name: "SelectLabel",
   setup(m) {
@@ -264,7 +261,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
                   if (!p(V)) return V;
                   if (e.props.multiple && Q(e.modelValue.value))
                     return a(
-                      ct,
+                      ut,
                       {
                         maxCount: e.props.maxCount,
                         size: q.value,
@@ -299,7 +296,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
                           return p(n) ? null : n;
                         };
                         return a(
-                          gt,
+                          ct,
                           {
                             value: c,
                             class: B(S(u, "tag"), e.props.tagCls),
@@ -351,8 +348,8 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
   name: ge("SelectWrapper"),
   setup(m, { slots: t }) {
     const o = vt(), e = Ke(), A = ve();
-    at({ target: A });
-    const u = ve(), R = lt({ triggerRef: u, props: o.props }), { getFlipOnDir: q, getDir: I } = st(), H = q("reversePlacementOnDir"), W = I(), $ = pt({
+    et({ target: A });
+    const u = ve(), R = at({ triggerRef: u, props: o.props }), { getFlipOnDir: q, getDir: I } = pt(), H = q("reversePlacementOnDir"), W = I(), $ = lt({
       props: o.props,
       flip: H,
       emitsAsProps: o.emitsAsProps,
@@ -415,7 +412,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
       getterKey: "getGroupOptions",
       key: "options",
       noReturnOption: !0
-    }), { getDisabled: _, getStatus: D, getSize: T } = it({
+    }), { getDisabled: _, getStatus: D, getSize: T } = tt({
       getDisabled: () => o.props.disabled,
       getSize: () => o.props.size,
       getStatus: () => o.props.status
@@ -456,7 +453,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
         size: N(me, oe)
       }
     }), K = (r) => {
-      if (et(r))
+      if (gt(r))
         return `${r}px`;
       if (typeof r == "string")
         return r;
@@ -548,7 +545,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
               const d = new Array(x ? 2 : o.props.loadingRowCount).fill(1);
               s.push(
                 ...d.map(
-                  () => a(rt, {
+                  () => a(it, {
                     size: T.value,
                     class: B(
                       S(F, "skeleton"),
@@ -573,7 +570,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
           const s = (C = t.empty) == null ? void 0 : C.call(t, G.value);
           p(s) ? n.push(
             a(
-              nt,
+              rt,
               {
                 class: B(S(F, "empty"), o.props.emptyCls),
                 ...G.value
@@ -635,13 +632,13 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
                 "--ptc-select-trigger-min-w": X.value
               }
             },
-            () => a(ut, j.value, se)
+            () => a(st, j.value, se)
           )
         )
       ];
     };
   }
-}), Rt = /* @__PURE__ */ te({
+}), Et = /* @__PURE__ */ te({
   ...Te("Select"),
   __name: "Select",
   props: {
@@ -733,7 +730,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
   },
   emits: ["change", "select", "update:modelValue", "update:open", "closeAutoFocus", "escapeKeyDown", "pointerDownOutside"],
   setup(m, { emit: t }) {
-    tt("select", dt);
+    ot("select", dt);
     const o = m, e = t, A = Ue(e), u = y(
       () => Je(
         {
@@ -778,7 +775,7 @@ const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] =
 });
 export {
   ue as S,
-  Rt as _,
+  Et as _,
   yt as a,
   me as b,
   mt as c,

package/dist/Select.vue_vue_type_script_setup_true_lang-DgqUr22B.js

@@ -0,0 +1 @@
+"use strict";const n=require("vue"),k=require("reka-ui"),V=require("es-toolkit"),r=require("@pantograph/utils-vue"),i=require("@pantograph/utils"),pe=require("class-variance-authority"),ve=require("./Empty.vue_vue_type_script_setup_true_lang-BbliP7AT.js"),Ce=require("./Skeleton.vue_vue_type_script_setup_true_lang-ywJfG4ii.js"),ce=require("./Divider.vue_vue_type_script_setup_true_lang-D6Tc-M5M.js"),ge=require("./Popover.vue_vue_type_script_setup_true_lang-DlS1RQhN.js"),he=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-Dn5qxQ1y.js"),_e=require("./ScrollContainer.vue_vue_type_script_setup_true_lang-CIXeFarD.js"),ae=require("./Icon.vue_vue_type_script_setup_true_lang-Be6ayltH.js"),H=require("./isArray-Bin_5of_.js"),de=require("./Chip.vue_vue_type_script_setup_true_lang-DerG27zp.js"),X=require("./isObject-BDHKUJKN.js"),Se=require("./isNumber-DMOjxgl8.js"),Ee=require("@pantograph/style/select.css?raw"),re=["sm","md","lg"],me=["error","warning","success"],[se,fe]=k.createContext("Select"),[Ve,Le]=k.createContext("_Select"),D=i.getBemBlock("select"),ye=n.defineComponent({...r.getComponentOptions("SelectLabel"),__name:"SelectLabel",setup(f){return(t,o)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(n.unref(i.getBemElement)(n.unref(D),"label"))},[n.renderSlot(t.$slots,"default")],2))}}),oe=n.defineComponent({name:r.getComponentName("SelectOption"),props:{option:{type:[Object,String],required:!0}},slots:Object,setup(f,{slots:t}){const o=se(),e=n.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),q=n.computed(()=>o.getOptionValue(f.option)),c=n.computed(()=>o.getOptionLabel(f.option)),W=n.computed(()=>o.getOptionIcon(f.option)),M=n.computed(()=>o.getOptionDisabled(f.option)),P=i.getBemElement(D,"option"),$=pe.cva(P,{variants:{size:i.generateVariantClassList(re,P)}}),A=_=>{var L,z;const y=_.detail.value;o.emit("select",y,H.isArray(o.modelValue.value)?!((z=(L=o.modelValue.value)==null?void 0:L.includes)!=null&&z.call(L,y)):!0)};if(!f.option)throw new Error("option is required");const F=()=>{var y;const _=(y=t.indicator)==null?void 0:y.call(t,{option:f.option});return r.isEmptyElement(_)?n.h(k.SelectItemIndicator,{asChild:!0},()=>n.h(ae._sfc_main,{icon:o.props.indicatorIcon,size:e.value})):_},T=()=>{var L,z,j;const _=(L=t.default)==null?void 0:L.call(t,{option:f.option}),y=[];if(!r.isEmptyElement(_))y.push(_);else{const U=(z=t.leading)==null?void 0:z.call(t,{option:f.option}),s=!r.isEmptyElement(U);if(W.value||s){let w;s?w=U:w=n.h(ae._sfc_main,{icon:W.value,size:e.value}),y.push(n.h("div",{class:i.normCls(i.getBemElement(P,"leading"),o.props.itemLeadingCls)},w))}let E;const B=(j=t.text)==null?void 0:j.call(t,{option:f.option});r.isEmptyElement(B)?E=c.value:E=B,y.push(n.h("div",{class:i.normCls(i.getBemElement(P,"text"),o.props.optionTextCls)},E))}return n.h("div",{class:i.normCls(i.getBemElement(P,"content"),o.props.optionContentCls)},y)};return()=>n.h(k.SelectItem,{value:q.value,textValue:c.value,disabled:M.value,class:i.normCls($({size:o.getSize.value}),o.props.optionCls),onSelect:A},()=>[T(),F()])}}),be=n.defineComponent({name:r.getComponentName("SelectTrigger"),props:{getOptionSlot:{type:Function,required:!0}},setup(f,{slots:t,attrs:o}){const e=se(),q=({value:s},E)=>{if(E.stopPropagation(),s&&H.isArray(e.modelValue.value)&&!e.getDisabled.value){const B=e.modelValue.value.filter(w=>w!==s);e.modelValue.value=B,e.emit("update:modelValue",B),e.emit("select",s,!1)}},c=i.getBemElement(D,"trigger"),W=pe.cva(c,{variants:{size:i.generateVariantClassList(re,c),status:i.generateVariantClassList(me,c),bordered:i.generateVariantClassList("bordered",c),multiple:i.generateVariantClassList("multiple",c),contentFit:i.generateVariantClassList("content-fit",c),wrapped:i.generateVariantClassList("wrapped",c),filled:i.generateVariantClassList("filled",c)}}),M=n.computed(()=>{switch(e.getSize.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),P=n.computed(()=>{switch(e.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),$=n.computed(()=>{if(!e.props.multiple&&V.isString(e.modelValue.value)&&!r.isEmptyLikeLodash(e.modelValue.value))return e.getOptionByValue(e.modelValue.value)}),A=(s=$.value)=>{if(e.props.selectedItemIconAsTrailingIcon&&X.isObject(s)&&"icon"in s)return s.icon},F=n.computed(()=>A()),T=n.computed(()=>{if(!e.props.noTrailing)return e.props.trailingIcon}),_=n.computed(()=>!r.isEmptyLikeLodash(e.modelValue.value)&&e.props.multiple&&H.isArray(e.modelValue.value)),y=n.computed(()=>({modelValue:V.cloneDeep(e.modelValue.value),open:V.cloneDeep(e.open.value)})),L=s=>({...y.value,option:e.getOptionByValue(s)}),z=n.computed(()=>({disabled:e.getDisabled.value,reference:e.props.reference,tabindex:e.getDisabled.value?void 0:0,as:"div",class:i.normCls(W({size:e.getSize.value,status:e.getStatus.value==="success"&&r.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:!r.isEmptyLikeLodash(e.modelValue.value)}),e.props.triggerCls),...o})),j=(s,E=P.value)=>n.h(ae._sfc_main,{icon:s,size:E}),U=()=>{var B;let s;const E=(B=t.triggerTrailing)==null?void 0:B.call(t,y.value);if(r.isEmptyElement(E)?T.value&&(s=j(T.value)):s=E,s)return n.h("div",{class:i.normCls(i.getBemElement(c,"trailing"),e.props.triggerTrailingCls)},s)};return()=>{var w;const s=(w=t.trigger)==null?void 0:w.call(t,y.value),B=(()=>{if(r.isEmptyElement(s))return!1;const x=r.filterEmpty(s)??null,R=x.length===1?x[0]:x;return R?r.isValidElement(R)&&!r.isFragment(R):!0})();return n.h(k.SelectTrigger,{...z.value,asChild:B,key:String(B)},{default:()=>{var J;if(!r.isEmptyElement(s))return s;const x=(J=t.triggerLeading)==null?void 0:J.call(t,y.value),R=!r.isEmptyElement(x),Y=()=>{var N;if(!e.props.multiple&&!H.isArray(e.modelValue.value)){const K=(N=f.getOptionSlot("leading",e.modelValue.value))==null?void 0:N();if(R||K||F.value||e.props.leadingIcon){let a;return r.isEmptyElement(K)?F.value?a=j(F.value):R?a=x:e.props.leadingIcon&&(a=j(e.props.leadingIcon)):a=K,n.h("div",{class:i.normCls(i.getBemElement(c,"leading"),e.props.triggerLeadingCls)},a)}}},ie=()=>{const N=[];if(r.isEmptyLikeLodash(e.modelValue.value)){if(e.props.placeholder&&!e.props.multiple){const K=()=>{var S;const a=(S=t.placeholder)==null?void 0:S.call(t,y.value);return r.isEmptyElement(a)?e.props.placeholder:a};N.push(K())}}else{const a=(()=>{var O,v,d;const S=(O=t.triggerValue)==null?void 0:O.call(t,y.value);if(!r.isEmptyElement(S))return S;if(e.props.multiple&&H.isArray(e.modelValue.value))return n.h(de._sfc_main$1,{maxCount:e.props.maxCount,size:M.value,color:"primary",closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:i.normCls(i.getBemElement(c,"tag_list"),e.props.tagListCls),onClose:q},()=>e.modelValue.value.map(g=>{var Q;const b=l=>{var C;const p=(C=t.tagClose)==null?void 0:C.call(t,{...L(g),onClose:l});return r.isEmptyElement(p)?null:p},I=(Q=f.getOptionSlot("default",g))==null?void 0:Q(),le=()=>{var C,u;const l=(C=f.getOptionSlot("text",g))==null?void 0:C(),p=(u=t.tagText)==null?void 0:u.call(t,L(g));return r.isEmptyElement(p)?r.isEmptyElement(I)?r.isEmptyElement(l)?e.getLabelByValue(g):l:I:p},te=({size:l})=>{var h,m;if(!r.isEmptyElement(I))return null;const p=(h=f.getOptionSlot("leading",g))==null?void 0:h(),C=(m=t.tagLeading)==null?void 0:m.call(t,L(g)),u=A(e.getOptionByValue(g))??e.props.leadingIcon;return r.isEmptyElement(C)?r.isEmptyElement(p)?u?j(u,l):r.isEmptyElement(x)?null:x:p:C},ne=()=>{var p;const l=(p=t.tagTrailing)==null?void 0:p.call(t,L(g));return r.isEmptyElement(l)?null:l};return n.h(de._sfc_main,{value:g,class:i.normCls(i.getBemElement(c,"tag"),e.props.tagCls),closeIconCls:i.getBemElement(c,"tag__close"),closeTrigger:"pointer"},{text:le,leading:te,trailing:ne,close:b})}));if(!H.isArray(e.modelValue.value)){const g=(v=f.getOptionSlot("default",e.modelValue.value))==null?void 0:v(),b=(d=f.getOptionSlot("text",e.modelValue.value))==null?void 0:d();return r.isEmptyElement(g)?r.isEmptyElement(b)?V.isString(e.modelValue.value)?e.getLabelByValue(e.modelValue.value):e.modelValue.value:b:g}})();a&&N.push(a)}return N},G=[],Z=Y();r.isEmptyElement(Z)||G.push(Z),G.push(n.h(k.Primitive,{class:i.normCls(i.getBemElement(c,"content"),e.props.triggerContentCls,r.isEmptyLikeLodash(e.modelValue.value)?e.props.triggerContentPlaceholderCls:e.props.triggerContentValueCls),as:"div",key:String(_.value),asChild:_.value},{default:ie}));const ee=U();return r.isEmptyElement(ee)||G.push(ee),G}})}}}),Be=n.defineComponent({name:r.getComponentName("SelectWrapper"),setup(f,{slots:t}){const o=Ve(),e=k.injectSelectRootContext(),q=n.ref();r.useLazyLoading({target:q});const c=n.ref(),W=ge.getPopoverPortalProps({triggerRef:c,props:o.props}),{getFlipOnDir:M,getDir:P}=he.useConfig(),$=M("reversePlacementOnDir"),A=P(),F=ge.getPopoverContentProps({props:o.props,flip:$,emitsAsProps:o.emitsAsProps,_dir:A,controlAutoFocus:!1,extraPropNames:["bodyLock","position"]}),T=({key:a,getterKey:S,defaultValue:O,noReturnOption:v})=>d=>{const g=V.isFunction(O)?O(d):O;if(X.isObject(d)){const b=d[a]??g,I=S&&o.props[S];if(I){if(V.isString(I))return d[I]??b;if(V.isFunction(I))return I(d)??b}return b}return V.isString(d)&&!v?d??g:g},_=T({getterKey:"getValue",key:"value"}),y=T({getterKey:"getLabel",key:"label",defaultValue:_}),L=T({getterKey:"getIcon",key:"icon",noReturnOption:!0}),z=a=>{var S;if((S=o.props.options)!=null&&S.length)for(const O of o.props.options){if(_(O)===a)return O;const v=E(O);if(v!=null&&v.length){for(const d of v)if(_(d)===a)return d}}return a},j=a=>{const S=z(a);return S?y(S)??a:a},U=T({getterKey:"getDisabled",key:"disabled",defaultValue:!1,noReturnOption:!0}),s=T({getterKey:"getGroupLabel",key:"label",noReturnOption:!0}),E=T({getterKey:"getGroupOptions",key:"options",noReturnOption:!0}),{getDisabled:B,getStatus:w,getSize:x}=r.useFormInput({getDisabled:()=>o.props.disabled,getSize:()=>o.props.size,getStatus:()=>o.props.status});fe({props:o.props,attrs:o.attrs,emit:o.emit,getOptionValue:_,getOptionLabel:y,getOptionDisabled:U,getOptionIcon:L,getOptionByValue:z,getLabelByValue:j,getDisabled:B,getStatus:w,getSize:x,...e,modelValue:e.modelValue}),n.watch(()=>[o.props.clearOnChangeMultiple,o.props.multiple],()=>{o.props.clearOnChangeMultiple&&(e.modelValue.value=void 0,o.emit("update:modelValue",void 0))});const R=n.computed(()=>{const a=o.props.scrollContainerProps??{};return{...a,areaCls:[i.getBemElement(D,"scroll_area"),a==null?void 0:a.class,a==null?void 0:a.areaCls]}}),Y=i.getBemElement(D,"popup"),ie=pe.cva(Y,{variants:{size:i.generateVariantClassList(re,Y)}}),G=a=>{if(Se.isNumber(a))return`${a}px`;if(typeof a=="string")return a},Z=n.computed(()=>G(o.props.popupWidth)),ee=n.computed(()=>G(o.props.popupHeight)),J=n.computed(()=>G(o.props.minWidth)),N=n.computed(()=>({type:x.value==="sm"?"simple":"advance",...V.omit(o.props.emptyProps??{},["class"])})),K=n.computed(()=>V.omit(o.props.skeletonProps??{},["class"]));return()=>{var te,ne,Q;const a=l=>{var p;if((p=o.props.options)!=null&&p.length&&l>0)return!!o.props.options[l-1]},S=l=>{var p,C;if((p=o.props.options)!=null&&p.length&&l>0){const u=o.props.options[l-1];return!!(u&&((C=E(u))!=null&&C.length))}},O=(te=t.default)==null?void 0:te.call(t,{}),v=(ne=r.flattenChildrenByType(O,oe))==null?void 0:ne.filter(l=>{var p;return X.isObject(l==null?void 0:l.props)&&((p=l==null?void 0:l.props)==null?void 0:p.option)}),d=[];(o.props.options??[]).forEach((l,p)=>{const C=h=>n.h(oe,{option:h},{default:()=>{var m;return(m=t.option)==null?void 0:m.call(t,{option:h})},leading:()=>{var m;return(m=t.optionLeading)==null?void 0:m.call(t,{option:h})},indicator:()=>{var m;return(m=t.optionIndicator)==null?void 0:m.call(t,{option:h})},text:()=>{var m;return(m=t.optionText)==null?void 0:m.call(t,{option:h})}}),u=E(l);if(u!=null&&u.length){a(p)&&d.push(n.h(ce._sfc_main));const h=s(l);h&&d.push(n.h(ye,{class:o.props.labelCls},()=>h)),u.forEach(m=>{d.push(C(m))})}else S(p)?d.push(n.h(ce._sfc_main)):d.push(C(l))});const g=r.flattenChildrenByType(d,oe).filter(l=>{var p;return X.isObject(l==null?void 0:l.props)&&((p=l==null?void 0:l.props)==null?void 0:p.option)}),b=!!(g!=null&&g.length||v!=null&&v.length),I=(l,p)=>{var C;if(b&&!r.isEmptyLikeLodash(p)&&V.isString(p)){const u=v!=null&&v.length?v:g;if(u.length){const h=u.find(m=>{var ue;return X.isObject(m.props)&&_((ue=m.props)==null?void 0:ue.option)===p});return(C=h==null?void 0:h.children)==null?void 0:C[l]}}},le=()=>{var p,C;const l=[];if(b||o.props.loading){const u=[];if(b&&(v!=null&&v.length?u.push(O):u.push(...d)),o.props.loading){const h=(p=t.loading)==null?void 0:p.call(t,{});if(!r.isEmptyElement(h))u.push(h);else{const m=new Array(b?2:o.props.loadingRowCount).fill(1);u.push(...m.map(()=>n.h(Ce._sfc_main,{size:x.value,class:i.normCls(i.getBemElement(D,"skeleton"),o.props.skeletonCls),...K.value})))}}l.push(n.h("div",{class:i.normCls(i.getBemElement(D,"options"),o.props.optionsCls)},u))}else if(!b){const u=(C=t.empty)==null?void 0:C.call(t,N.value);r.isEmptyElement(u)?l.push(n.h(ve._sfc_main,{class:i.normCls(i.getBemElement(D,"empty"),o.props.emptyCls),...N.value},{title:t.emptyTitle,description:t.emptyDescription,actions:t.emptyActions,image:t.emptyImage})):l.push(u)}return o.props.lazyLoading&&l.push(n.h("div",{class:i.getBemElement(D,"lazy_loading")},n.h("div",{class:i.getBemElement(D,"lazy_loading_trigger"),ref:q}))),l};return[n.h(be,{getOptionSlot:I,ref:c,...o.attrs,style:{...((Q=o.attrs)==null?void 0:Q.style)??{},"--ptc-select-trigger-min-w":J.value}},{trigger:t.trigger,triggerLeading:t.triggerLeading,placeholder:t.placeholder,triggerValue:t.triggerValue,triggerTrailing:t.triggerTrailing,tagClose:t.tagClose,tagTrailing:t.tagTrailing,tagLeading:t.tagLeading,tagText:t.tagText}),n.h(k.SelectPortal,W.value,()=>n.h(k.SelectContent,{...F.value,class:i.normCls(ie(o.props),o.props.popupCls),style:{display:e.open.value?void 0:"none",zIndex:o.props.zIndex,"--ptc-select-popup-width":o.props.samePopupWidth?void 0:Z.value,"--ptc-select-popup-height":ee.value,"--ptc-select-trigger-min-w":J.value}},()=>n.h(_e._sfc_main,R.value,le)))]}}}),Oe=n.defineComponent({...r.getComponentOptions("Select"),__name:"Select",props:{status:{},size:{default:"md"},multiple:{type:Boolean,default:void 0},contentFit:{type:Boolean},wrapped:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},zIndex:{},trailingIcon:{default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getValue:{},getGroupOptions:{},getGroupLabel:{},getIcon:{},placement:{default:"bottom"},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:{},tagListCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean,default:!0},popupHeight:{default:384},popupWidth:{},minWidth:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},defaultValue:{},modelValue:{},by:{},dir:{},autocomplete:{},disabled:{type:Boolean,default:void 0},name:{},required:{type:Boolean},reference:{},forceMount:{type:Boolean,default:void 0},position:{default:"popper"},bodyLock:{type:Boolean},side:{},sideOffset:{default:4},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},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},asChild:{type:Boolean},as:{},defer:{type:Boolean}},emits:["change","select","update:modelValue","update:open","closeAutoFocus","escapeKeyDown","pointerDownOutside"],setup(f,{emit:t}){r.useComponentStyle("select",Ee);const o=f,e=t,q=k.useEmitAsProps(e),c=n.computed(()=>V.omitBy({...V.pick(o,["open","defaultOpen","defaultValue","modelValue","by","dir","multiple","autocomplete","disabled"]),...V.pick(q,["onUpdate:modelValue","onUpdate:open"])},V.isUndefined)),W=n.useSlots(),M=n.useAttrs();return Le({attrs:M,props:o,emit:e,emitsAsProps:q}),(P,$)=>(n.openBlock(),n.createBlock(n.unref(k.SelectRoot),n.normalizeProps(n.guardReactiveProps(c.value)),{default:n.withCtx(()=>[n.createVNode(n.unref(Be),null,n.createSlots({_:2},[n.renderList(Object.keys(W),A=>({name:A,fn:n.withCtx(F=>[n.renderSlot(P.$slots,A,n.normalizeProps(n.guardReactiveProps(F)))])}))]),1024)]),_:3},16))}});exports.SelectOption=oe;exports.SelectSizes=re;exports.SelectStatuses=me;exports._sfc_main=Oe;exports._sfc_main$1=ye;exports.injectSelectContext=se;exports.provideSelectContext=fe;

package/dist/Shortcut/index.js

@@ -1,4 +1,4 @@
-import { _ as o, _ as r } from "../Shortcut.vue_vue_type_script_setup_true_lang-CPeD8ZFo.js";
+import { _ as o, _ as r } from "../Shortcut.vue_vue_type_script_setup_true_lang-B16kPcKe.js";
 export {
   o as Shortcut,
   r as default

package/dist/Shortcut/index.umd.cjs

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

package/dist/Shortcut.vue_vue_type_script_setup_true_lang-B16kPcKe.js

@@ -0,0 +1,34 @@
+import { defineComponent as a, createElementBlock as r, openBlock as t, normalizeClass as i, unref as o, Fragment as s, renderList as u, createVNode as f, createBlock as _, createCommentVNode as h, mergeProps as d } from "vue";
+import { getBemBlock as g, normCls as B } from "@pantograph/utils";
+import { getComponentOptions as C, useComponentStyle as k } from "@pantograph/utils-vue";
+import { _ as y } from "./Kbd.vue_vue_type_script_setup_true_lang-BjIP0HlW.js";
+import { _ as S } from "./Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
+import z from "@pantograph/style/shortcut.css?raw";
+const F = /* @__PURE__ */ a({
+  ...C("Shortcut"),
+  __name: "Shortcut",
+  props: {
+    class: {},
+    items: {},
+    plus: { type: Boolean, default: !0 }
+  },
+  setup(n) {
+    k("shortcut", z);
+    const m = n, l = g("shortcut");
+    return (e, N) => (t(), r("div", {
+      class: i(o(B)(o(l), m.class))
+    }, [
+      (t(!0), r(s, null, u(e.items, (p, c) => (t(), r(s, null, [
+        f(o(y), d({ ref_for: !0 }, p), null, 16),
+        e.items.length > 1 && c < e.items.length - 1 && e.plus ? (t(), _(S, {
+          key: 0,
+          icon: "tabler:plus",
+          size: "3xsm"
+        })) : h("", !0)
+      ], 64))), 256))
+    ], 2));
+  }
+});
+export {
+  F as _
+};

package/dist/Shortcut.vue_vue_type_script_setup_true_lang-EJF2NtL_.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),r=require("@pantograph/utils"),n=require("@pantograph/utils-vue"),i=require("./Kbd.vue_vue_type_script_setup_true_lang-CxCXfVcU.js"),p=require("./Icon.vue_vue_type_script_setup_true_lang-Be6ayltH.js"),a=require("@pantograph/style/shortcut.css?raw"),m=e.defineComponent({...n.getComponentOptions("Shortcut"),__name:"Shortcut",props:{class:{},items:{},plus:{type:Boolean,default:!0}},setup(s){n.useComponentStyle("shortcut",a);const o=s,u=r.getBemBlock("shortcut");return(t,_)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(u),o.class))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(c,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(i._sfc_main),e.mergeProps({ref_for:!0},c),null,16),t.items.length>1&&l<t.items.length-1&&t.plus?(e.openBlock(),e.createBlock(p._sfc_main,{key:0,icon:"tabler:plus",size:"3xsm"})):e.createCommentVNode("",!0)],64))),256))],2))}});exports._sfc_main=m;

package/dist/Skeleton/Skeleton.d.ts

@@ -9,8 +9,8 @@ export interface SkeletonProps {
     itemsCount?: number;
 }
 declare const _default: import('vue').DefineComponent<SkeletonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkeletonProps> & Readonly<{}>, {
-    size: SkeletonSize;
     type: SkeletonType;
+    size: SkeletonSize;
     inactive: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/Skeleton/index.js

@@ -1,4 +1,4 @@
-import { _ as s, a as o, S as t, _ as S } from "../Skeleton.vue_vue_type_script_setup_true_lang-BPGtJ7m9.js";
+import { _ as s, a as o, S as t, _ as S } from "../Skeleton.vue_vue_type_script_setup_true_lang-V3Y9sTi-.js";
 export {
   s as Skeleton,
   o as SkeletonSizes,