@pantograph/vue 0.25.3 → 0.25.4

package/dist/{ScrollContainer.vue_vue_type_style_index_0_lang-D8IR7pw-.js → ScrollContainer.vue_vue_type_style_index_0_lang-Cp0bQf0N.js}

@@ -1,12 +1,13 @@
-import { defineComponent as Q, createElementBlock as Z, openBlock as w, normalizeClass as r, unref as e, createElementVNode as n, computed as oe, ref as f, shallowRef as u, onMounted as re, onBeforeUnmount as se, createBlock as F, mergeProps as U, withCtx as y, renderSlot as V, createVNode as v, createCommentVNode as j, withDirectives as q, Fragment as te, vShow as G } from "vue";
+import { defineComponent as Q, createElementBlock as Z, openBlock as w, normalizeClass as t, unref as e, createElementVNode as n, computed as oe, ref as p, shallowRef as u, onMounted as re, onBeforeUnmount as se, createBlock as U, mergeProps as L, withCtx as y, renderSlot as V, createVNode as v, createCommentVNode as j, withDirectives as q, Fragment as te, vShow as G } from "vue";
 import { ScrollAreaRoot as ae, ScrollAreaViewport as ie, ScrollAreaScrollbar as I, ScrollAreaThumb as J, ScrollAreaCorner as ne } from "reka-ui";
 import { cva as x } from "class-variance-authority";
-import { getBemBlock as ce, getBemElement as a, generateVariantClassList as c, normCls as p } from "@pantograph/utils";
-import { useElementVisibility as C, useDebounceFn as fe, useResizeObserver as K } from "@vueuse/core";
-import { u as pe } from "./index-BTuMaS--.js";
+import { getBemBlock as ce, getBemElement as a, generateVariantClassList as c, normCls as f } from "@pantograph/utils";
+import { useElementVisibility as C, useDebounceFn as pe, useResizeObserver as K } from "@vueuse/core";
+import { u as fe } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-DSKgXw-g.js";
 import { g as ue } from "./options-Bh1s18jm.js";
-import "./Icon.vue_vue_type_style_index_0_lang-D105BnRd.js";
-const t = ce("scroll_container"), ve = /* @__PURE__ */ Q({
+import "es-toolkit";
+import "./Icon.vue_vue_type_style_index_0_lang-BMu3U4-l.js";
+const s = ce("scroll_container"), ve = /* @__PURE__ */ Q({
   __name: "Mask",
   props: {
     topVisible: { type: Boolean },
@@ -15,7 +16,7 @@ const t = ce("scroll_container"), ve = /* @__PURE__ */ Q({
     leftVisible: { type: Boolean }
   },
   setup(g) {
-    const S = g, o = a(t, "mask"), k = x(o, {
+    const S = g, o = a(s, "mask"), k = x(o, {
       variants: {
         topVisible: c("top-visible", o),
         bottomVisible: c("bottom-visible", o),
@@ -24,23 +25,23 @@ const t = ce("scroll_container"), ve = /* @__PURE__ */ Q({
       }
     });
     return (d, B) => (w(), Z("div", {
-      class: r(e(k)(S))
+      class: t(e(k)(S))
     }, [
       n("div", {
-        class: r(e(a)(e(o), "top"))
+        class: t(e(a)(e(o), "top"))
       }, null, 2),
       n("div", {
-        class: r(e(a)(e(o), "bottom"))
+        class: t(e(a)(e(o), "bottom"))
       }, null, 2),
       n("div", {
-        class: r(e(a)(e(o), "right"))
+        class: t(e(a)(e(o), "right"))
       }, null, 2),
       n("div", {
-        class: r(e(a)(e(o), "left"))
+        class: t(e(a)(e(o), "left"))
       }, null, 2)
     ], 2));
   }
-}), ze = ["auto", "always", "scroll", "hover"], be = ["sm", "md", "lg"], Te = /* @__PURE__ */ Q({
+}), Te = ["auto", "always", "scroll", "hover"], be = ["sm", "md", "lg"], He = /* @__PURE__ */ Q({
   ...ue("ScrollContainer", !1),
   __name: "ScrollContainer",
   props: {
@@ -57,61 +58,62 @@ const t = ce("scroll_container"), ve = /* @__PURE__ */ Q({
     thumbCls: {},
     cornerCls: {},
     rootProps: {},
+    wrapProps: {},
     overlay: { type: Boolean, default: !0 },
     hideVerticalScrollbar: { type: Boolean },
     hideHorizontalScrollbar: { type: Boolean },
     color: {}
   },
   setup(g, { expose: S }) {
-    const o = g, k = x(t, {
+    const o = g, k = x(s, {
       variants: {
-        size: c(be, t),
-        overlay: c("overlay", t),
-        isOverflowX: c("overflowed-x", t),
-        isOverflowY: c("overflowed-y", t),
-        hasMask: c("has-mask", t)
+        size: c(be, s),
+        overlay: c("overlay", s),
+        isOverflowX: c("overflowed-x", s),
+        isOverflowY: c("overflowed-y", s),
+        hasMask: c("has-mask", s)
       }
-    }), d = a(t, "scroll_bar"), B = a(d, "thumb"), { config: ee } = pe(), le = oe(() => o.dir ? o.dir : ee.dir.value), L = f(), $ = f(), A = f(), R = f();
-    let z = u(!1), T = u(!1), _ = u(!1), H = u(!1);
-    o.hasMask && (z = C(L), T = C($), _ = C(A), H = C(R));
-    const i = f(), h = f(), M = f(), O = u(!1), D = u(!1), E = fe(() => {
-      var l, s, b, m, P, N, W, X, Y;
-      e((l = i.value) == null ? void 0 : l.viewport) && (O.value = !o.hideHorizontalScrollbar && (((b = (s = e(i.value)) == null ? void 0 : s.viewport) == null ? void 0 : b.offsetWidth) || 0) < (((P = (m = e(i.value)) == null ? void 0 : m.viewport) == null ? void 0 : P.scrollWidth) || 0), D.value = !o.hideVerticalScrollbar && (((W = (N = e(i.value)) == null ? void 0 : N.viewport) == null ? void 0 : W.offsetHeight) || 0) < (((Y = (X = e(i.value)) == null ? void 0 : X.viewport) == null ? void 0 : Y.scrollHeight) || 0));
+    }), d = a(s, "scroll_bar"), B = a(d, "thumb"), { config: ee } = fe(), le = oe(() => o.dir ? o.dir : ee.dir.value), P = p(), $ = p(), A = p(), R = p();
+    let z = u(!1), T = u(!1), H = u(!1), M = u(!1);
+    o.hasMask && (z = C(P), T = C($), H = C(A), M = C(R));
+    const i = p(), h = p(), _ = p(), O = u(!1), D = u(!1), E = pe(() => {
+      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());
-      const { stop: l } = K(i, E), { stop: s } = K(M, E);
+      const { stop: l } = K(i, E), { stop: r } = K(_, E);
       se(() => {
-        l(), s();
+        l(), r();
       });
     }
     return S({
       container: h,
-      wrap: M,
+      wrap: _,
       root: i,
       isOverflowX: O,
       isOverflowY: D,
       topVisible: z,
       rightVisible: T,
-      leftVisible: _,
-      bottomVisible: H,
+      leftVisible: H,
+      bottomVisible: M,
       getScroll: () => {
-        var l, s, b, m;
+        var l, r, b, m;
         return {
-          scrollTop: (s = (l = h.value) == null ? void 0 : l.viewportElement) == null ? void 0 : s.scrollTop,
+          scrollTop: (r = (l = h.value) == null ? void 0 : l.viewportElement) == null ? void 0 : r.scrollTop,
           scrollLeft: (m = (b = h.value) == null ? void 0 : b.viewportElement) == null ? void 0 : m.scrollLeft
         };
       },
       scrollTop: () => {
-        var l, s;
-        return (s = (l = i.value) == null ? void 0 : l.scrollTop) == null ? void 0 : s.call(l);
+        var l, r;
+        return (r = (l = i.value) == null ? void 0 : l.scrollTop) == null ? void 0 : r.call(l);
       },
       scrollTopLeft: () => {
-        var l, s;
-        return (s = (l = i.value) == null ? void 0 : l.scrollTopLeft) == null ? void 0 : s.call(l);
+        var l, r;
+        return (r = (l = i.value) == null ? void 0 : l.scrollTopLeft) == null ? void 0 : r.call(l);
       }
-    }), (l, s) => (w(), F(e(ae), U({
-      class: e(p)(
+    }), (l, r) => (w(), U(e(ae), L({
+      class: e(f)(
         e(k)({
           overlay: l.overlay,
           isOverflowX: O.value,
@@ -133,8 +135,8 @@ const t = ce("scroll_container"), ve = /* @__PURE__ */ Q({
     }), {
       default: y(() => [
         V(l.$slots, "root"),
-        v(e(ie), U({
-          class: e(p)(e(a)(e(t), "area"), l.areaCls)
+        v(e(ie), L({
+          class: e(f)(e(a)(e(s), "area"), l.areaCls)
         }, l.$attrs, {
           ref_key: "container",
           ref: h,
@@ -142,52 +144,53 @@ const t = ce("scroll_container"), ve = /* @__PURE__ */ Q({
         }), {
           default: y(() => [
             V(l.$slots, "area"),
-            n("div", {
-              class: r(e(p)(e(a)(e(t), "area__wrap"), l.wrapCls)),
+            n("div", L({
+              class: e(f)(e(a)(e(s), "area__wrap"), l.wrapCls)
+            }, l.wrapProps, {
               ref_key: "wrap",
-              ref: M
-            }, [
+              ref: _
+            }), [
               V(l.$slots, "default"),
               l.hasMask ? (w(), Z(te, { key: 0 }, [
                 n("div", {
                   ref_key: "top",
-                  ref: L,
-                  class: r(e(a)(e(t), "top_observer"))
+                  ref: P,
+                  class: t(e(a)(e(s), "top_observer"))
                 }, null, 2),
                 n("div", {
                   ref_key: "right",
                   ref: $,
-                  class: r(e(a)(e(t), "right_observer"))
+                  class: t(e(a)(e(s), "right_observer"))
                 }, null, 2),
                 n("div", {
                   ref_key: "left",
                   ref: A,
-                  class: r(e(a)(e(t), "left_observer"))
+                  class: t(e(a)(e(s), "left_observer"))
                 }, null, 2),
                 n("div", {
                   ref_key: "bottom",
                   ref: R,
-                  class: r(e(a)(e(t), "bottom_observer"))
+                  class: t(e(a)(e(s), "bottom_observer"))
                 }, null, 2)
               ], 64)) : j("", !0)
-            ], 2)
+            ], 16)
           ]),
           _: 3
         }, 16, ["class"]),
-        l.hasMask ? (w(), F(ve, {
+        l.hasMask ? (w(), U(ve, {
           key: 0,
           topVisible: e(z),
-          bottomVisible: e(H),
+          bottomVisible: e(M),
           rightVisible: e(T),
-          leftVisible: e(_)
+          leftVisible: e(H)
         }, null, 8, ["topVisible", "bottomVisible", "rightVisible", "leftVisible"])) : j("", !0),
         q(v(e(I), {
-          class: r(e(p)(e(d), l.scrollbarCls)),
+          class: t(e(f)(e(d), l.scrollbarCls)),
           orientation: "vertical"
         }, {
           default: y(() => [
             v(e(J), {
-              class: r(e(p)(e(B), l.thumbCls))
+              class: t(e(f)(e(B), l.thumbCls))
             }, null, 8, ["class"])
           ]),
           _: 1
@@ -195,12 +198,12 @@ const t = ce("scroll_container"), ve = /* @__PURE__ */ Q({
           [G, !l.hideVerticalScrollbar]
         ]),
         q(v(e(I), {
-          class: r(e(p)(e(d), l.scrollbarCls)),
+          class: t(e(f)(e(d), l.scrollbarCls)),
           orientation: "horizontal"
         }, {
           default: y(() => [
             v(e(J), {
-              class: r(e(p)(e(B), l.thumbCls))
+              class: t(e(f)(e(B), l.thumbCls))
             }, null, 8, ["class"])
           ]),
           _: 1
@@ -209,7 +212,7 @@ const t = ce("scroll_container"), ve = /* @__PURE__ */ Q({
         ]),
         v(e(ne), {
           ref: "corner",
-          class: r(l.cornerCls)
+          class: t(l.cornerCls)
         }, null, 8, ["class"]),
         V(l.$slots, "root")
       ]),
@@ -218,7 +221,7 @@ const t = ce("scroll_container"), ve = /* @__PURE__ */ Q({
   }
 });
 export {
-  ze as S,
-  Te as _,
+  Te as S,
+  He as _,
   be as a
 };

package/dist/ScrollContainer.vue_vue_type_style_index_0_lang-DqKhWsL2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),n=require("reka-ui"),H=require("class-variance-authority"),r=require("@pantograph/utils"),i=require("@vueuse/core"),A=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-BAXkTMEt.js"),D=require("./options-CY2uxp5A.js");require("es-toolkit");require("./Icon.vue_vue_type_style_index_0_lang-5yqYwaOw.js");const t=r.getBemBlock("scroll_container"),$=e.defineComponent({__name:"Mask",props:{topVisible:{type:Boolean},bottomVisible:{type:Boolean},rightVisible:{type:Boolean},leftVisible:{type:Boolean}},setup(p){const d=p,o=r.getBemElement(t,"mask"),v=H.cva(o,{variants:{topVisible:r.generateVariantClassList("top-visible",o),bottomVisible:r.generateVariantClassList("bottom-visible",o),rightVisible:r.generateVariantClassList("right-visible",o),leftVisible:r.generateVariantClassList("left-visible",o)}});return(u,b)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(v)(d))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(o),"top"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(o),"bottom"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(o),"right"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(o),"left"))},null,2)],2))}}),W=["auto","always","scroll","hover"],M=["sm","md","lg"],X=e.defineComponent({...D.getComponentOptions("ScrollContainer",!1),__name:"ScrollContainer",props:{scrollDistance:{default:10},scrollHideDelay:{default:200},dir:{},type:{default:"hover"},hasMask:{type:Boolean},size:{default:"md"},scrollbarCls:{},wrapCls:{},areaCls:{},rootCls:{},thumbCls:{},cornerCls:{},rootProps:{},wrapProps:{},overlay:{type:Boolean,default:!0},hideVerticalScrollbar:{type:Boolean},hideHorizontalScrollbar:{type:Boolean},color:{}},setup(p,{expose:d}){const o=p,v=H.cva(t,{variants:{size:r.generateVariantClassList(M,t),overlay:r.generateVariantClassList("overlay",t),isOverflowX:r.generateVariantClassList("overflowed-x",t),isOverflowY:r.generateVariantClassList("overflowed-y",t),hasMask:r.generateVariantClassList("has-mask",t)}}),u=r.getBemElement(t,"scroll_bar"),b=r.getBemElement(u,"thumb"),{config:O}=A.useConfig(),P=e.computed(()=>o.dir?o.dir:O.dir.value),E=e.ref(),k=e.ref(),z=e.ref(),N=e.ref();let C=e.shallowRef(!1),h=e.shallowRef(!1),V=e.shallowRef(!1),g=e.shallowRef(!1);o.hasMask&&(C=i.useElementVisibility(E),h=i.useElementVisibility(k),V=i.useElementVisibility(z),g=i.useElementVisibility(N));const a=e.ref(),m=e.ref(),y=e.ref(),w=e.shallowRef(!1),S=e.shallowRef(!1),B=i.useDebounceFn(()=>{var l,s,c,f,_,L,T,R,q;e.unref((l=a.value)==null?void 0:l.viewport)&&(w.value=!o.hideHorizontalScrollbar&&(((c=(s=e.unref(a.value))==null?void 0:s.viewport)==null?void 0:c.offsetWidth)||0)<(((_=(f=e.unref(a.value))==null?void 0:f.viewport)==null?void 0:_.scrollWidth)||0),S.value=!o.hideVerticalScrollbar&&(((T=(L=e.unref(a.value))==null?void 0:L.viewport)==null?void 0:T.offsetHeight)||0)<(((q=(R=e.unref(a.value))==null?void 0:R.viewport)==null?void 0:q.scrollHeight)||0))},10);if(!o.overlay&&!(o.hideVerticalScrollbar&&o.hideVerticalScrollbar)){e.onMounted(()=>B());const{stop:l}=i.useResizeObserver(a,B),{stop:s}=i.useResizeObserver(y,B);e.onBeforeUnmount(()=>{l(),s()})}return d({container:m,wrap:y,root:a,isOverflowX:w,isOverflowY:S,topVisible:C,rightVisible:h,leftVisible:V,bottomVisible:g,getScroll:()=>{var l,s,c,f;return{scrollTop:(s=(l=m.value)==null?void 0:l.viewportElement)==null?void 0:s.scrollTop,scrollLeft:(f=(c=m.value)==null?void 0:c.viewportElement)==null?void 0:f.scrollLeft}},scrollTop:()=>{var l,s;return(s=(l=a.value)==null?void 0:l.scrollTop)==null?void 0:s.call(l)},scrollTopLeft:()=>{var l,s;return(s=(l=a.value)==null?void 0:l.scrollTopLeft)==null?void 0:s.call(l)}}),(l,s)=>(e.openBlock(),e.createBlock(e.unref(n.ScrollAreaRoot),e.mergeProps({class:e.unref(r.normCls)(e.unref(v)({overlay:l.overlay,isOverflowX:w.value,isOverflowY:S.value,hasMask:l.hasMask,size:l.size}),l.rootCls),scrollHideDelay:o.scrollHideDelay,dir:P.value,type:o.type},l.rootProps,{style:{"--ptc-scroll-container-color":l.color},ref_key:"root",ref:a}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"root"),e.createVNode(e.unref(n.ScrollAreaViewport),e.mergeProps({class:e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(t),"area"),l.areaCls)},l.$attrs,{ref_key:"container",ref:m,"as-child":""}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"area"),e.createElementVNode("div",e.mergeProps({class:e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(t),"area__wrap"),l.wrapCls)},l.wrapProps,{ref_key:"wrap",ref:y}),[e.renderSlot(l.$slots,"default"),l.hasMask?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{ref_key:"top",ref:E,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(t),"top_observer"))},null,2),e.createElementVNode("div",{ref_key:"right",ref:k,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(t),"right_observer"))},null,2),e.createElementVNode("div",{ref_key:"left",ref:z,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(t),"left_observer"))},null,2),e.createElementVNode("div",{ref_key:"bottom",ref:N,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(t),"bottom_observer"))},null,2)],64)):e.createCommentVNode("",!0)],16)]),_:3},16,["class"]),l.hasMask?(e.openBlock(),e.createBlock($,{key:0,topVisible:e.unref(C),bottomVisible:e.unref(g),rightVisible:e.unref(h),leftVisible:e.unref(V)},null,8,["topVisible","bottomVisible","rightVisible","leftVisible"])):e.createCommentVNode("",!0),e.withDirectives(e.createVNode(e.unref(n.ScrollAreaScrollbar),{class:e.normalizeClass(e.unref(r.normCls)(e.unref(u),l.scrollbarCls)),orientation:"vertical"},{default:e.withCtx(()=>[e.createVNode(e.unref(n.ScrollAreaThumb),{class:e.normalizeClass(e.unref(r.normCls)(e.unref(b),l.thumbCls))},null,8,["class"])]),_:1},8,["class"]),[[e.vShow,!l.hideVerticalScrollbar]]),e.withDirectives(e.createVNode(e.unref(n.ScrollAreaScrollbar),{class:e.normalizeClass(e.unref(r.normCls)(e.unref(u),l.scrollbarCls)),orientation:"horizontal"},{default:e.withCtx(()=>[e.createVNode(e.unref(n.ScrollAreaThumb),{class:e.normalizeClass(e.unref(r.normCls)(e.unref(b),l.thumbCls))},null,8,["class"])]),_:1},8,["class"]),[[e.vShow,!l.hideHorizontalScrollbar]]),e.createVNode(e.unref(n.ScrollAreaCorner),{ref:"corner",class:e.normalizeClass(l.cornerCls)},null,8,["class"]),e.renderSlot(l.$slots,"root")]),_:3},16,["class","scrollHideDelay","dir","type","style"]))}});exports.ScrollContainerSizes=M;exports.ScrollContainerTypes=W;exports._sfc_main=X;

package/dist/Segmented/Segmented.d.ts

@@ -20,7 +20,8 @@ export interface SegmentedProps extends Omit<RovingFocusGroupProps, 'currentTabS
     defaultModelValue?: string | number;
 }
 export interface SegmentedEmits extends Omit<RovingFocusGroupEmits, 'update:currentTabStopId'> {
-    'update:modelValue': [event: string | number];
+    'update:modelValue': [event?: string | number];
+    change: [event?: string | number];
 }
 interface SlotProps {
     selected: boolean;
@@ -40,10 +41,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) => 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) => 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_style_index_0_lang-ZsksAX8A.js";
+import { _ as s, S as t, _ as S } from "../Segmented.vue_vue_type_style_index_0_lang-B1uEmVPJ.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_style_index_0_lang-BvBq13y7.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_style_index_0_lang-3JqUJ0d7.js");exports.Segmented=e._sfc_main;exports.SegmentedSizes=e.SegmentedSizes;exports.default=e._sfc_main;

package/dist/Segmented.vue_vue_type_style_index_0_lang-3JqUJ0d7.js

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

package/dist/{Segmented.vue_vue_type_style_index_0_lang-ZsksAX8A.js → Segmented.vue_vue_type_style_index_0_lang-B1uEmVPJ.js}

@@ -1,12 +1,13 @@
-import { defineComponent as W, useSlots as X, computed as M, watch as Y, createBlock as Z, openBlock as ee, unref as r, mergeProps as te, isRef as oe, withCtx as se, createElementVNode as ne, normalizeStyle as ae, normalizeClass as ie, createVNode as le, h as C } from "vue";
+import { defineComponent as W, useSlots as X, computed as M, watch as Y, createBlock as Z, openBlock as ee, unref as r, mergeProps as te, isRef as oe, withCtx as ne, createElementVNode as se, normalizeStyle as ae, normalizeClass as ie, createVNode as le, h as S } from "vue";
 import { useForwardPropsEmits as ce, RovingFocusGroup as re, RovingFocusItem as ue } from "reka-ui";
-import { getBemBlock as de, generateVariantClassList as g, getBemElement as S, normCls as x } from "@pantograph/utils";
-import { l as me, u as pe, o as fe, j as V, k as ve } from "./Icon.vue_vue_type_style_index_0_lang-D105BnRd.js";
+import { getBemBlock as de, generateVariantClassList as g, getBemElement as h, normCls as x } from "@pantograph/utils";
+import { u as me, m as p, k as V, e as pe } from "./Icon.vue_vue_type_style_index_0_lang-BMu3U4-l.js";
+import "@tanstack/vue-virtual";
 import { cva as P } from "class-variance-authority";
-import { u as ge, a as p } from "./index-BTuMaS--.js";
+import { u as fe } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-DSKgXw-g.js";
+import { pick as ve, omit as ge } from "es-toolkit";
 import { g as xe } from "./options-Bh1s18jm.js";
-import "@iconify/vue";
-const Ce = ["sm", "md", "lg"], ke = /* @__PURE__ */ W({
+const Ce = ["sm", "md", "lg"], ze = /* @__PURE__ */ W({
   ...xe("Segmented"),
   __name: "Segmented",
   props: {
@@ -25,51 +26,54 @@ const Ce = ["sm", "md", "lg"], ke = /* @__PURE__ */ W({
     loop: { type: Boolean },
     preventScrollOnEntryFocus: { type: Boolean }
   },
-  emits: ["update:modelValue", "entryFocus"],
-  setup(R, { emit: j }) {
-    const t = R, b = j, a = X(), D = M(
-      () => me(t, "orientation", "dir", "loop", "preventScrollOnEntryFocus")
-    ), N = ce(D, b), f = de("segmented"), $ = P(f, {
+  emits: ["update:modelValue", "change", "entryFocus"],
+  setup(R, { emit: D }) {
+    const t = R, C = D, a = X(), N = M(
+      () => ve(t, ["orientation", "dir", "loop", "preventScrollOnEntryFocus"])
+    ), $ = ce(N, C), f = de("segmented"), j = P(f, {
       variants: {
         size: g(Ce, f),
         block: g("block", f)
         // style: generateVariantClassList('absolute-selected-indicator', prefix),
       }
-    }), u = S(f, "option"), G = P(u, {
+    }), u = h(f, "option"), G = P(u, {
       variants: {
         icon: g("icon", u),
         text: g("text", u)
       }
-    }), { getDir: L } = ge(), U = L(), q = M(() => {
+    }), { getDir: L } = fe(), U = L(), q = M(() => {
       switch (t.size) {
         case "lg":
           return "xsm";
         default:
           return "2xsm";
       }
-    }), i = pe(
+    }), i = me(
       t,
       "modelValue",
-      b,
+      C,
       {
         defaultValue: t.defaultModelValue,
-        passive: t.modelValue === void 0
+        passive: t.modelValue === void 0,
+        onChange: (e) => {
+          C("change", e);
+        }
       }
     ), v = (e) => [null, void 0].includes(e), l = (e) => p(e) ? e.value : e, A = (e) => !!(p(e) && e.disabled), H = (e) => p(e) ? e.icon : void 0, J = (e) => p(e) ? e.text : l(e);
     Y(
       () => t.options,
       () => {
-        var o, s;
-        const e = (o = t.options) == null ? void 0 : o.find((n) => {
-          const c = l(n);
+        var o, n;
+        const e = (o = t.options) == null ? void 0 : o.find((s) => {
+          const c = l(s);
           return !v(c) && c === i.value;
         });
         if (!e || v(l(e))) {
-          const n = (s = t.options) == null ? void 0 : s.find((c) => {
+          const s = (n = t.options) == null ? void 0 : n.find((c) => {
             const d = l(c);
             return !v(d);
           });
-          n && (i.value = l(n));
+          s && (i.value = l(s));
         }
       },
       { immediate: !0, deep: !0 }
@@ -78,44 +82,44 @@ const Ce = ["sm", "md", "lg"], ke = /* @__PURE__ */ W({
       var e;
       return (e = t.options) == null ? void 0 : e.map((o) => {
         var T, F, w;
-        const s = l(o);
-        if (v(s)) return;
-        const n = A(o), c = p(o) ? fe(o, "icon", "value", "text") : {}, d = i.value === s;
+        const n = l(o);
+        if (v(n)) return;
+        const s = A(o), c = p(o) ? ge(o, ["icon", "value", "text"]) : {}, d = i.value === n;
         let m;
-        const h = (T = a.option) == null ? void 0 : T.call(a, { disabled: n, selected: d, option: o });
-        V(h) || (m = h);
-        const B = H(o), I = (F = a.icon) == null ? void 0 : F.call(a, { disabled: n, selected: d, option: o }), _ = J(o), y = (w = a.text) == null ? void 0 : w.call(a, { disabled: n, selected: d, option: o });
+        const b = (T = a.option) == null ? void 0 : T.call(a, { disabled: s, selected: d, option: o });
+        V(b) || (m = b);
+        const B = H(o), I = (F = a.icon) == null ? void 0 : F.call(a, { disabled: s, selected: d, option: o }), _ = J(o), y = (w = a.text) == null ? void 0 : w.call(a, { disabled: s, selected: d, option: o });
         m = [];
         const k = !V(I), z = !!(B || k), O = !V(y), E = !!(_ || O);
         z && m.push(
-          C(
-            ve,
+          S(
+            pe,
             {
               icon: B,
               size: q.value,
-              class: x(S(u, "icon"), t.optionIconCls)
+              class: x(h(u, "icon"), t.optionIconCls)
             },
             k ? I : void 0
           )
         ), E && m.push(
-          C(
+          S(
             "div",
             {
-              class: x(S(u, "text"), t.optionTextCls)
+              class: x(h(u, "text"), t.optionTextCls)
             },
             O ? y : _
           )
         );
-        const Q = i.value === s;
-        return C(
+        const Q = i.value === n;
+        return S(
           ue,
           {
             as: "button",
             active: Q,
-            focusable: !n,
-            disabled: n,
-            tabStopId: s,
-            value: s,
+            focusable: !s,
+            disabled: s,
+            tabStopId: n,
+            value: n,
             ...c,
             class: x(
               G({
@@ -129,22 +133,22 @@ const Ce = ["sm", "md", "lg"], ke = /* @__PURE__ */ W({
         );
       });
     };
-    return (e, o) => (ee(), Z(r(re), te(r(N), {
+    return (e, o) => (ee(), Z(r(re), te(r($), {
       dir: r(U),
       "current-tab-stop-id": r(i),
-      "onUpdate:currentTabStopId": o[0] || (o[0] = (s) => oe(i) ? i.value = s : null),
+      "onUpdate:currentTabStopId": o[0] || (o[0] = (n) => oe(i) ? i.value = n : null),
       asChild: ""
     }), {
-      default: se(() => {
-        var s;
+      default: ne(() => {
+        var n;
         return [
-          ne("div", {
-            class: ie(r(x)(r($)({
+          se("div", {
+            class: ie(r(x)(r(j)({
               ...t
               /*, style: !style*/
             }), t.class)),
             style: ae({
-              gridTemplateColumns: `repeat(${((s = t.options) == null ? void 0 : s.length) ?? 1}, minmax(0, 1fr))`
+              gridTemplateColumns: `repeat(${((n = t.options) == null ? void 0 : n.length) ?? 1}, minmax(0, 1fr))`
             })
           }, [
             le(K)
@@ -157,5 +161,5 @@ const Ce = ["sm", "md", "lg"], ke = /* @__PURE__ */ W({
 });
 export {
   Ce as S,
-  ke as _
+  ze as _
 };

package/dist/Select/Select.d.ts

@@ -21,6 +21,7 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {}, {}
     size: import('./Select.model.ts', { with: { "resolution-mode": "import" } }).SelectSize;
     disabled: boolean;
     placement: import('../index.ts', { with: { "resolution-mode": "import" } }).PopoverPlacement;
+    bordered: boolean;
     forceMount: boolean;
     prioritizePosition: boolean;
     sideOffset: number;
@@ -32,7 +33,6 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {}, {}
     defaultOpen: boolean;
     open: boolean;
     trailingIcon: string;
-    bordered: boolean;
     multiple: boolean;
     selectedItemIconAsTrailingIcon: boolean;
     indicatorIcon: string;

package/dist/Select/SelectTrigger.d.ts

@@ -1,5 +1,5 @@
-import { CheckNode } from '../utils';
-import { SelectOptionSlotsKeys } from './types';
+import { CheckNode } from '../utils/index.ts';
+import { SelectOptionSlotsKeys } from './types.ts';
 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_style_index_0_lang-CxO4fB4g.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_style_index_0_lang-CarDXTu5.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_style_index_0_lang-Dk38gPKw.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_style_index_0_lang-ikZ5_KwB.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;