@pantograph/vue 0.23.3 → 0.23.5

package/dist/Popover.vue_vue_type_style_index_0_lang-SLueqv_E.js

@@ -0,0 +1,241 @@
+import { computed as c, getCurrentInstance as V, unref as S, defineComponent as ae, useSlots as le, ref as ce, createBlock as z, openBlock as w, resolveDynamicComponent as A, mergeProps as j, withCtx as I, renderSlot as R, normalizeProps as pe, guardReactiveProps as de, withDirectives as ue, vShow as fe } from "vue";
+import { getBemBlock as me, getBemElement as T, generateVariantClassList as ge } from "@pantograph/utils";
+import { cva as Pe } from "class-variance-authority";
+import { useEmitAsProps as ye, HoverCardRoot as ve, PopoverRoot as he, HoverCardTrigger as Oe, PopoverTrigger as Ce, HoverCardPortal as De, PopoverPortal as Se, HoverCardContent as be, PopoverContent as Be } from "reka-ui";
+import { g as Ne } from "./options-D4et5euX.js";
+import { u as Fe } from "./index-jwkhq8oW.js";
+import { k as t, o as ze, f as H, j as we } from "./FormItem.vue_vue_type_style_index_0_lang-DbMENNc4.js";
+import { o as Ae } from "./omit-BuBwx_M2.js";
+import { f as Ie, a as Me, i as ke } from "./element-BfQuKSll.js";
+const Ee = ["sm", "md", "lg"], Je = [
+  "top",
+  "top-start",
+  "top-end",
+  "bottom",
+  "bottom-start",
+  "bottom-end",
+  "right",
+  "right-start",
+  "right-end",
+  "left",
+  "left-start",
+  "left-end"
+], Le = ["to", "disabled", "forceMount"], n = Object.fromEntries(Le.map((r) => [r, r])), Ue = ({ triggerRef: r, props: f }, b = n) => c(() => {
+  var u, v, h, O, C;
+  const {
+    to: m = n.to,
+    forceMount: i = n.forceMount,
+    disabled: g = n.disabled
+  } = b, p = V(), o = f ?? (p == null ? void 0 : p.props) ?? {}, e = t(o, m), d = t(o, g), P = t(o, i);
+  let y = ((u = S(e)) == null ? void 0 : u.$el) ?? S(e);
+  if (e instanceof Function) {
+    const B = ((h = (v = r.value) == null ? void 0 : v.$el) == null ? void 0 : h.nodeName) !== "#text" ? (O = r.value) == null ? void 0 : O.$el : (C = r.value) == null ? void 0 : C.$el.nextSibling;
+    y = e(B);
+  }
+  return {
+    to: y,
+    disabled: d,
+    forceMount: P
+  };
+}), $e = [
+  "prioritizePosition",
+  "placement",
+  "sideOffset",
+  "alignOffset",
+  "sticky",
+  "collisionBoundary",
+  "avoidCollisions",
+  "collisionPadding",
+  "forceMount",
+  "disableUpdateOnLayoutShift",
+  "hideWhenDetached",
+  "positionStrategy",
+  "reference",
+  "updatePositionStrategy",
+  "autoFocusInside",
+  "containerProps"
+], We = Object.fromEntries($e.map((r) => [r, r])), je = ({
+  props: r,
+  flip: f,
+  _dir: b,
+  controlAutoFocus: m,
+  extraPropNames: i,
+  emitsAsProps: g
+}, p = We) => c(() => {
+  var _;
+  const o = V(), e = r ?? (o == null ? void 0 : o.props) ?? {}, {
+    prioritizePosition: d = n.prioritizePosition,
+    placement: P = n.placement,
+    sideOffset: y = n.sideOffset,
+    alignOffset: u = n.alignOffset,
+    sticky: v = n.sticky,
+    collisionBoundary: h = n.collisionBoundary,
+    avoidCollisions: O = n.avoidCollisions,
+    collisionPadding: C = n.collisionPadding,
+    forceMount: B = n.forceMount,
+    disableUpdateOnLayoutShift: M = n.disableUpdateOnLayoutShift,
+    hideWhenDetached: k = n.hideWhenDetached,
+    positionStrategy: E = n.positionStrategy,
+    reference: L = n.reference,
+    updatePositionStrategy: U = n.updatePositionStrategy,
+    autoFocusInside: $ = n.autoFocusInside,
+    containerProps: s = n.containerProps
+  } = p, D = t(e, d), a = t(e, P), x = t(e, y), q = t(e, u), G = t(e, v), J = t(e, h), Q = t(e, O), X = t(e, C), Y = t(e, B), Z = t(e, M), ee = t(e, k), oe = t(e, E), te = t(e, L), ne = t(e, U), K = t(e, $), se = t(e, s);
+  let [
+    F = "bottom",
+    re = "center"
+  ] = ((_ = a == null ? void 0 : a.split) == null ? void 0 : _.call(a, "-")) || ["bottom", "center"];
+  f.value && b.value && b.value === f.value && (F = {
+    right: "left",
+    left: "right"
+  }[F] ?? F);
+  const W = {};
+  m && (W.onCloseAutoFocus = (l) => {
+    var N;
+    K || l.preventDefault(), (N = o == null ? void 0 : o.emit) == null || N.call(o, "closeAutoFocus", l);
+  }, W.onOpenAutoFocus = (l) => {
+    var N;
+    K || l.preventDefault(), (N = o == null ? void 0 : o.emit) == null || N.call(o, "openAutoFocus", l);
+  });
+  const ie = ze(
+    Object.fromEntries(
+      (Array.isArray(i) ? i : []).map((l) => [l, t(e, l)])
+    ),
+    we
+  );
+  return {
+    ...H(
+      g,
+      "onEscapeKeyDown",
+      "onFocusOutside",
+      "onInteractOutside",
+      "onPointerDownOutside"
+    ),
+    ...Ae(se ?? {}, "class"),
+    ...ie,
+    sticky: G,
+    prioritizePosition: D,
+    side: F,
+    align: re,
+    sideOffset: x,
+    alignOffset: q,
+    collisionBoundary: J,
+    avoidCollisions: Q,
+    collisionPadding: X,
+    forceMount: Y,
+    disableUpdateOnLayoutShift: Z,
+    hideWhenDetached: ee,
+    positionStrategy: oe,
+    reference: te,
+    updatePositionStrategy: ne,
+    ...W
+  };
+}), Qe = /* @__PURE__ */ ae({
+  ...Ne("Popover", !1),
+  __name: "Popover",
+  props: {
+    dir: {},
+    class: {},
+    containerCls: {},
+    containerProps: {},
+    trigger: { default: "hover" },
+    size: { default: "md" },
+    to: {},
+    placement: { default: "bottom" },
+    reversePlacementOnDir: {},
+    autoFocusInside: { type: Boolean },
+    zIndex: {},
+    defaultOpen: { type: Boolean },
+    open: { type: Boolean, default: void 0 },
+    openDelay: {},
+    closeDelay: {},
+    disabled: { type: Boolean },
+    defer: { type: Boolean },
+    forceMount: { type: Boolean },
+    sideOffset: {},
+    alignOffset: {},
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: { default: "always" },
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean },
+    prioritizePosition: { type: Boolean, default: !0 },
+    reference: {},
+    disableOutsidePointerEvents: { type: Boolean }
+  },
+  emits: ["update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(r, { emit: f }) {
+    const m = ye(f), i = r, g = me("popover"), p = T(g, "trigger"), o = T(g, "content"), e = Pe(o, {
+      variants: {
+        size: ge(Ee, o)
+      }
+    }), d = le(), P = c(() => {
+      var a;
+      const s = Ie((a = d.default) == null ? void 0 : a.call(d, {})) ?? null, D = s.length === 1 ? s[0] : s;
+      return D ? Me(D) && !ke(D) : !0;
+    }), y = c(() => ({
+      ...H(i, "open", "defaultOpen"),
+      ...H(m, "onUpdate:open")
+    })), u = ce(), v = Ue({ triggerRef: u }), h = c(() => i.trigger === "hover" ? ve : he), O = c(() => i.trigger === "hover" ? Oe : Ce), C = c(() => i.trigger === "hover" ? De : Se), B = c(() => i.trigger === "hover" ? be : Be), { getFlipOnDir: M, getDir: k } = Fe(), E = M("reversePlacementOnDir"), L = k(), U = je({
+      emitsAsProps: m,
+      flip: E,
+      _dir: L,
+      controlAutoFocus: !0
+    }), $ = (s) => {
+      i.trigger === "hover" && s.stopPropagation();
+    };
+    return (s, D) => (w(), z(A(h.value), j({
+      key: P.value
+    }, y.value, {
+      openDelay: s.openDelay,
+      closeDelay: s.closeDelay
+    }), {
+      default: I(({ open: a }) => [
+        (w(), z(A(O.value), j({
+          asChild: P.value,
+          as: "span",
+          class: [S(p), i.class],
+          onPointerdown: $
+        }, s.$attrs, {
+          dir: s.dir,
+          ref_key: "triggerRef",
+          ref: u
+        }), {
+          default: I(() => [
+            R(s.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["asChild", "class", "dir"])),
+        (w(), z(A(C.value), pe(de(S(v))), {
+          default: I(() => [
+            ue((w(), z(A(B.value), j({
+              style: { zIndex: s.zIndex }
+            }, S(U), {
+              class: [S(e)({ size: s.size }), s.$attrs.containerClass, s.containerCls]
+            }), {
+              default: I(() => [
+                R(s.$slots, "content")
+              ]),
+              _: 2
+            }, 1040, ["style", "class"])), [
+              [fe, a]
+            ])
+          ]),
+          _: 2
+        }, 1040))
+      ]),
+      _: 3
+    }, 16, ["openDelay", "closeDelay"]));
+  }
+});
+export {
+  Ee as P,
+  Qe as _,
+  Je as a,
+  je as b,
+  Ue as g
+};

package/dist/RadioGroup/RadioGroupItem.d.ts

@@ -11,13 +11,13 @@ export interface RadioGroupSlots {
     label?: () => never;
 }
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<RadioGroupItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (payload: string) => any;
     blur: (e: InputEvent) => any;
     focus: (e: InputEvent) => any;
+    "update:modelValue": (payload: string) => any;
 }, string, import('vue').PublicProps, Readonly<RadioGroupItemProps> & Readonly<{
-    "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
     onBlur?: ((e: InputEvent) => any) | undefined;
     onFocus?: ((e: InputEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<RadioGroupSlots> & RadioGroupSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/RadioGroup/index.js

@@ -1,4 +1,4 @@
-import { _ as r, a as d, _ as e } from "../RadioGroup.vue_vue_type_script_setup_true_lang-bWA97IMn.js";
+import { _ as r, a as d, _ as e } from "../RadioGroup.vue_vue_type_script_setup_true_lang-kxQIMaNz.js";
 export {
   r as RadioGroup,
   d as RadioGroupItem,

package/dist/RadioGroup/index.umd.cjs

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

package/dist/{RadioGroup.vue_vue_type_script_setup_true_lang-bWA97IMn.js → RadioGroup.vue_vue_type_script_setup_true_lang-kxQIMaNz.js}

@@ -1,9 +1,9 @@
 import { defineComponent as h, useSlots as z, computed as a, createElementBlock as v, openBlock as l, mergeProps as u, unref as e, createVNode as _, createCommentVNode as V, withCtx as I, normalizeClass as y, renderSlot as k, createTextVNode as S, toDisplayString as D, createBlock as G, Fragment as w, renderList as E } from "vue";
 import { RadioGroupItem as F, RadioGroupIndicator as L, useForwardPropsEmits as N, RadioGroupRoot as $ } from "reka-ui";
 import { cva as q } from "class-variance-authority";
-import { o as P } from "./Icon.vue_vue_type_style_index_0_lang-Kn_r4tp8.js";
+import { o as P } from "./omit-BuBwx_M2.js";
 import { g as x } from "./options-D4et5euX.js";
-import { U as O, u as U } from "./useInputDataStates-BVOCxFWp.js";
+import { U as O, u as U } from "./useInputDataStates-Bzs7T9xb.js";
 import { getBemBlock as T, getBemElement as n, usePCId as j, generateVariantClassList as R } from "@pantograph/utils";
 const A = ["for"], d = T("radio_group"), H = /* @__PURE__ */ h({
   ...x("RadioGroupItem"),

package/dist/RadioGroup.vue_vue_type_script_setup_true_lang-mjzo15tQ.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),i=require("reka-ui"),k=require("class-variance-authority"),C=require("./omit-CYbreqlf.js"),b=require("./options-CWrQ7gsa.js"),_=require("./useInputDataStates-C1T7BL_V.js"),o=require("@pantograph/utils"),V=["for"],l=o.getBemBlock("radio_group"),v=e.defineComponent({...b.getComponentOptions("RadioGroupItem"),__name:"RadioGroupItem",props:{class:{},rootCls:{},labelCls:{},label:{},id:{},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:["update:modelValue","blur","focus"],setup(u,{emit:c}){const t=u,s=o.getBemElement(l,"item"),d=e.useSlots(),m=c,r=e.computed(()=>t.id??o.usePCId(s)),{rootBindings:p,inputBindings:n}=_.UseInputDataStates({getDisabled:()=>t.disabled,emit:m}),f=e.computed(()=>({...C.omit(t,"class","id","rootCls","labelCls","label"),id:r.value,...n.value})),B=e.computed(()=>!!(d.label||t.label));return(a,g)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:[e.unref(o.getBemElement)(e.unref(s),"root"),a.rootCls]},e.unref(p)),[e.createVNode(e.unref(i.RadioGroupItem),e.mergeProps({class:[e.unref(s),t.class]},f.value),{default:e.withCtx(()=>[e.createVNode(e.unref(i.RadioGroupIndicator),{class:e.normalizeClass(e.unref(o.getBemElement)(e.unref(s),"indicator")),as:"div"},null,8,["class"])]),_:1},16,["class"]),B.value?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass([e.unref(o.getBemElement)(e.unref(s),"label"),a.labelCls]),for:r.value},[e.renderSlot(a.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(a.label),1)])],10,V)):e.createCommentVNode("",!0)],16))}}),h=["2xsm","xsm"],y=e.defineComponent({...b.getComponentOptions("RadioGroup"),__name:"RadioGroup",props:{items:{},options:{},size:{default:"xsm"},class:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{default:"vertical"},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:["update:modelValue"],setup(u,{emit:c}){const t=u,s=c,d=e.computed(()=>C.omit(t,"items","options","class")),m=i.useForwardPropsEmits(d,s),r=k.cva(l,{variants:{size:o.generateVariantClassList(h,l),orientation:o.generateVariantClassList(["vertical","horizontal"],l)}}),{getDisabled:p}=_.useFormInput(),n=e.computed(()=>t.options??t.items);return(f,B)=>(e.openBlock(),e.createBlock(e.unref(i.RadioGroupRoot),e.mergeProps({...e.unref(m),disabled:e.unref(p)},{class:[e.unref(r)(t),t.class]}),{default:e.withCtx(()=>[e.renderSlot(f.$slots,"default",{},()=>{var a;return[(a=n.value)!=null&&a.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.value,g=>(e.openBlock(),e.createBlock(v,e.mergeProps({ref_for:!0},g),null,16))),256)):e.createCommentVNode("",!0)]})]),_:3},16,["class"]))}});exports._sfc_main=y;exports._sfc_main$1=v;

package/dist/ScrollContainer/ScrollContainer.d.ts

@@ -314,8 +314,8 @@ declare const __VLS_component: import('vue').DefineComponent<ScrollContainerProp
 }, string, import('vue').PublicProps, Readonly<ScrollContainerProps> & Readonly<{
     onLoadMore?: ((...args: any[]) => any) | undefined;
 }>, {
-    size: ScrollContainerSize;
     type: ScrollContainerType;
+    size: ScrollContainerSize;
     scrollDistance: number;
     scrollHideDelay: number;
     overlay: boolean;

package/dist/ScrollContainer/index.js

@@ -1,4 +1,4 @@
-import { _ as r, a as e, S as l, _ as n } from "../ScrollContainer.vue_vue_type_style_index_0_lang-CZgFGbH_.js";
+import { _ as r, a as e, S as l, _ as n } from "../ScrollContainer.vue_vue_type_style_index_0_lang-DfMU1mTu.js";
 export {
   r as ScrollContainer,
   e as ScrollContainerSizes,

package/dist/ScrollContainer/index.umd.cjs

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

package/dist/ScrollContainer.vue_vue_type_style_index_0_lang-BIoD2_5T.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("reka-ui"),O=require("class-variance-authority"),s=require("@pantograph/utils"),n=require("@vueuse/core"),X=require("./index-DWw7aruo.js"),l=s.getBemBlock("scroll_container"),Y=e.defineComponent({__name:"Mask",props:{topVisible:{type:Boolean},bottomVisible:{type:Boolean},endVisible:{type:Boolean},startVisible:{type:Boolean}},setup(c){const u=c,t=s.getBemElement(l,"mask"),i=O.cva(t,{variants:{topVisible:s.generateVariantClassList("top-visible",t),bottomVisible:s.generateVariantClassList("bottom-visible",t),startVisible:s.generateVariantClassList("start-visible",t),endVisible:s.generateVariantClassList("end-visible",t)}});return(b,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(i)(u))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(t),"top"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(t),"bottom"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(t),"start"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(t),"end"))},null,2)],2))}}),F=["auto","always","scroll","hover"],R=["sm","md","lg"],U=e.defineComponent({inheritAttrs:!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:{},overlay:{type:Boolean,default:!0},color:{}},emits:["loadMore"],setup(c,{expose:u,emit:t}){const i=c,b=t,p=O.cva(l,{variants:{size:s.generateVariantClassList(R,l),overlay:s.generateVariantClassList("overlay",l),isOverflowX:s.generateVariantClassList("overflowed-x",l),isOverflowY:s.generateVariantClassList("overflowed-y",l),hasMask:s.generateVariantClassList("has-mask",l)}}),f=s.getBemElement(l,"scroll_bar"),C=s.getBemElement(f,"thumb"),{config:q}=X.useConfig(),D=e.computed(()=>i.dir?i.dir:q.dir.value),V=e.ref(),H=n.useElementVisibility(V),y=e.ref(),P=n.useElementVisibility(y),h=e.ref(),T=n.useElementVisibility(h),g=e.ref(),m=e.shallowRef(!1),{stop:$}=n.useIntersectionObserver(g,([{isIntersecting:r}])=>{r?(b("loadMore"),m.value=!0):m.value=!1});e.onBeforeUnmount($);const o=e.ref(),B=e.ref(),k=e.ref(),w=e.shallowRef(!1),E=e.shallowRef(!1),d=n.useDebounceFn(()=>{var r,v,z,S,N,_,M,A,L;e.unref((r=o.value)==null?void 0:r.viewport)&&(w.value=(((z=(v=e.unref(o.value))==null?void 0:v.viewport)==null?void 0:z.offsetWidth)||0)<(((N=(S=e.unref(o.value))==null?void 0:S.viewport)==null?void 0:N.scrollWidth)||0),E.value=(((M=(_=e.unref(o.value))==null?void 0:_.viewport)==null?void 0:M.offsetHeight)||0)<(((L=(A=e.unref(o.value))==null?void 0:A.viewport)==null?void 0:L.scrollHeight)||0))},10);return e.onMounted(()=>d()),n.useResizeObserver(o,d),n.useResizeObserver(k,d),u({container:B,root:o}),(r,v)=>(e.openBlock(),e.createBlock(e.unref(a.ScrollAreaRoot),e.mergeProps({class:[e.unref(p)({overlay:r.overlay,isOverflowX:w.value,isOverflowY:E.value,hasMask:r.hasMask,size:r.size}),r.rootCls],scrollHideDelay:i.scrollHideDelay,dir:D.value,type:i.type},r.rootProps,{style:{"--ptc-scroll-container-color":r.color},ref_key:"root",ref:o}),{default:e.withCtx(()=>[e.createVNode(e.unref(a.ScrollAreaViewport),e.mergeProps({class:[e.unref(s.getBemElement)(e.unref(l),"area"),r.areaCls]},r.$attrs,{ref_key:"container",ref:B,"as-child":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(s.getBemElement)(e.unref(l),"area__wrap"),r.wrapCls]),ref_key:"wrap",ref:k},[e.renderSlot(r.$slots,"default"),r.hasMask?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{ref_key:"top",ref:V,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"top_observer"))},null,2),e.createElementVNode("div",{ref_key:"end",ref:y,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"end_observer"))},null,2),e.createElementVNode("div",{ref_key:"start",ref:h,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"start_observer"))},null,2),e.createElementVNode("div",{ref_key:"bottom",ref:g,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"bottom_observer"))},null,2)],64)):e.createCommentVNode("",!0)],2)]),_:3},16,["class"]),r.hasMask?(e.openBlock(),e.createBlock(Y,{key:0,topVisible:e.unref(H),bottomVisible:m.value,endVisible:e.unref(P),startVisible:e.unref(T)},null,8,["topVisible","bottomVisible","endVisible","startVisible"])):e.createCommentVNode("",!0),e.createVNode(e.unref(a.ScrollAreaScrollbar),{class:e.normalizeClass([e.unref(f),r.scrollbarCls]),orientation:"vertical",ref:"vertical"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ScrollAreaThumb),{class:e.normalizeClass([e.unref(C),r.thumbCls])},null,8,["class"])]),_:1},8,["class"]),e.createVNode(e.unref(a.ScrollAreaScrollbar),{class:e.normalizeClass([e.unref(f),r.scrollbarCls]),orientation:"horizontal",ref:"horizontal"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.ScrollAreaThumb),{class:e.normalizeClass([e.unref(C),r.thumbCls])},null,8,["class"])]),_:1},8,["class"]),e.createVNode(e.unref(a.ScrollAreaCorner),{ref:"corner",class:e.normalizeClass(r.cornerCls)},null,8,["class"]),e.renderSlot(r.$slots,"root")]),_:3},16,["class","scrollHideDelay","dir","type","style"]))}});exports.ScrollContainerSizes=R;exports.ScrollContainerTypes=F;exports._sfc_main=U;

package/dist/{ScrollContainer.vue_vue_type_style_index_0_lang-CZgFGbH_.js → ScrollContainer.vue_vue_type_style_index_0_lang-DfMU1mTu.js}

@@ -3,7 +3,7 @@ import { ScrollAreaRoot as ae, ScrollAreaViewport as ie, ScrollAreaScrollbar as
 import { cva as J } from "class-variance-authority";
 import { getBemBlock as ce, getBemElement as r, generateVariantClassList as i } from "@pantograph/utils";
 import { useElementVisibility as k, useIntersectionObserver as ue, useDebounceFn as fe, useResizeObserver as j } from "@vueuse/core";
-import { u as ve } from "./Icon.vue_vue_type_style_index_0_lang-Kn_r4tp8.js";
+import { u as ve } from "./index-jwkhq8oW.js";
 const o = ce("scroll_container"), pe = /* @__PURE__ */ q({
   __name: "Mask",
   props: {

package/dist/Segmented/Segmented.d.ts

@@ -0,0 +1,57 @@
+import { RovingFocusGroupProps, RovingFocusGroupEmits } from 'reka-ui';
+import { SegmentedSize } from './Segmented.model.js';
+import { Class } from '../types/index.js';
+type SegmentOption = (Record<string, any> & {
+    value: string;
+    disabled?: boolean;
+    text?: string;
+    icon?: string;
+}) | string;
+export interface SegmentedProps extends Omit<RovingFocusGroupProps, 'currentTabStopId' | 'defaultCurrentTabStopId' | 'as' | 'asChild'> {
+    options: SegmentOption[];
+    size?: SegmentedSize;
+    class?: Class;
+    selectionIndicatorCls?: Class;
+    optionCls?: Class;
+    optionIconCls?: Class;
+    optionTextCls?: Class;
+    block?: boolean;
+    modelValue?: string;
+    defaultModelValue?: string;
+}
+export interface SegmentedEmits extends Omit<RovingFocusGroupEmits, 'update:currentTabStopId'> {
+    'update:modelValue': string;
+}
+interface SlotProps {
+    selected: boolean;
+    disabled: boolean;
+    option: SegmentOption;
+}
+type SlotItem = (data: SlotProps) => never;
+export interface SegmentedSlots {
+    option: SlotItem;
+    icon: SlotItem;
+    text: SlotItem;
+}
+declare function __VLS_template(): {
+    slots: Readonly<SegmentedSlots> & SegmentedSlots;
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<SegmentedProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": () => any;
+    entryFocus: (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<SegmentedProps> & Readonly<{
+    "onUpdate:modelValue"?: (() => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
+}>, {
+    size: SegmentedSize;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Segmented/Segmented.model.d.ts

@@ -0,0 +1,2 @@
+export declare const SegmentedSizes: readonly ["sm", "md", "lg"];
+export type SegmentedSize = (typeof SegmentedSizes)[number];

package/dist/Segmented/index.d.ts

@@ -0,0 +1,2 @@
+export { type SegmentedEmits, type SegmentedProps, type SegmentedSlots, default, default as Segmented, } from './Segmented';
+export { SegmentedSizes, type SegmentedSize } from './Segmented.model';

package/dist/Segmented/index.js

@@ -0,0 +1,6 @@
+import { _ as s, S as t, _ as S } from "../Segmented.vue_vue_type_style_index_0_lang-906ZRFCK.js";
+export {
+  s as Segmented,
+  t as SegmentedSizes,
+  S as default
+};

package/dist/Segmented/index.umd.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Segmented.vue_vue_type_style_index_0_lang-B4aQCMXZ.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-906ZRFCK.js

@@ -0,0 +1,165 @@
+import { defineComponent as Q, useSlots as W, computed as w, watch as X, createBlock as Y, openBlock as Z, unref as u, mergeProps as ee, isRef as te, withCtx as oe, createElementVNode as se, normalizeStyle as ne, normalizeClass as ie, createVNode as ae, h as x } from "vue";
+import { useForwardPropsEmits as le, RovingFocusGroup as re, RovingFocusItem as ce } from "reka-ui";
+import { getBemBlock as me, generateVariantClassList as g, getBemElement as S } from "@pantograph/utils";
+import { cva as M } from "class-variance-authority";
+import { u as de, b as p } from "./index-jwkhq8oW.js";
+import { b as C } from "./element-BfQuKSll.js";
+import { g as ue } from "./options-D4et5euX.js";
+import { f as pe } from "./FormItem.vue_vue_type_style_index_0_lang-DbMENNc4.js";
+import "@iconify/vue";
+import { _ as fe } from "./Icon.vue_vue_type_style_index_0_lang-CbLL-Ngi.js";
+import { useVModel as ve } from "@vueuse/core";
+import { o as ge } from "./omit-BuBwx_M2.js";
+const xe = ["sm", "md", "lg"], Ee = /* @__PURE__ */ Q({
+  ...ue("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", "entryFocus"],
+  setup(P, { emit: R }) {
+    const t = P, b = R, i = W(), D = w(
+      () => pe(t, "orientation", "dir", "loop", "preventScrollOnEntryFocus")
+    ), N = le(D, b), f = me("segmented"), $ = M(f, {
+      variants: {
+        size: g(xe, f),
+        block: g("block", f)
+        // style: generateVariantClassList('absolute-selected-indicator', prefix),
+      }
+    }), c = S(f, "option"), j = M(c, {
+      variants: {
+        icon: g("icon", c),
+        text: g("text", c)
+      }
+    }), { getDir: G } = de(), L = G(), U = w(() => {
+      switch (t.size) {
+        case "lg":
+          return "xsm";
+        default:
+          return "2xsm";
+      }
+    }), a = ve(
+      t,
+      "modelValue",
+      b,
+      {
+        defaultValue: t.defaultModelValue,
+        passive: t.modelValue === void 0
+      }
+    ), v = (e) => [null, void 0].includes(e), l = (e) => p(e) ? e.value : e, q = (e) => !!(p(e) && e.disabled), A = (e) => p(e) ? e.icon : void 0, H = (e) => p(e) ? e.text : l(e);
+    X(
+      () => t.options,
+      () => {
+        var o, s;
+        const e = (o = t.options) == null ? void 0 : o.find((n) => {
+          const r = l(n);
+          return !v(r) && r === a.value;
+        });
+        if (!e || v(l(e))) {
+          const n = (s = t.options) == null ? void 0 : s.find((r) => {
+            const m = l(r);
+            return !v(m);
+          });
+          n && (a.value = l(n));
+        }
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const J = () => {
+      var e;
+      return (e = t.options) == null ? void 0 : e.map((o) => {
+        var E, T, F;
+        const s = l(o);
+        if (v(s)) return;
+        const n = q(o), r = p(o) ? ge(o, "icon", "value", "text") : {}, m = a.value === s;
+        let d;
+        const V = (E = i.option) == null ? void 0 : E.call(i, { disabled: n, selected: m, option: o });
+        C(V) || (d = V);
+        const h = A(o), B = (T = i.icon) == null ? void 0 : T.call(i, { disabled: n, selected: m, option: o }), I = H(o), _ = (F = i.text) == null ? void 0 : F.call(i, { disabled: n, selected: m, option: o });
+        d = [];
+        const y = !C(B), z = !!(h || y), O = !C(_), k = !!(I || O);
+        z && d.push(
+          x(
+            fe,
+            {
+              icon: h,
+              size: U.value,
+              class: [S(c, "icon"), t.optionIconCls]
+            },
+            y ? B : void 0
+          )
+        ), k && d.push(
+          x(
+            "div",
+            {
+              class: [S(c, "text"), t.optionTextCls]
+            },
+            O ? _ : I
+          )
+        );
+        const K = a.value === s;
+        return x(
+          ce,
+          {
+            as: "button",
+            active: K,
+            focusable: !n,
+            disabled: n,
+            tabStopId: s,
+            value: s,
+            ...r,
+            class: [
+              j({
+                icon: z,
+                text: k
+              }),
+              t.optionCls
+            ]
+          },
+          () => d
+        );
+      });
+    };
+    return (e, o) => (Z(), Y(u(re), ee(u(N), {
+      dir: u(L),
+      "current-tab-stop-id": u(a),
+      "onUpdate:currentTabStopId": o[0] || (o[0] = (s) => te(a) ? a.value = s : null),
+      asChild: ""
+    }), {
+      default: oe(() => {
+        var s;
+        return [
+          se("div", {
+            class: ie([u($)({
+              ...t
+              /*, style: !style*/
+            }), t.class]),
+            style: ne({
+              gridTemplateColumns: `repeat(${((s = t.options) == null ? void 0 : s.length) ?? 1}, minmax(0, 1fr))`
+            })
+          }, [
+            ae(J)
+          ], 6)
+        ];
+      }),
+      _: 1
+    }, 16, ["dir", "current-tab-stop-id"]));
+  }
+});
+export {
+  xe as S,
+  Ee as _
+};

package/dist/Segmented.vue_vue_type_style_index_0_lang-B4aQCMXZ.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),_=require("reka-ui"),a=require("@pantograph/utils"),F=require("class-variance-authority"),d=require("./index-DWw7aruo.js"),x=require("./element-BjE0SVc4.js"),K=require("./options-CWrQ7gsa.js"),Q=require("./FormItem.vue_vue_type_style_index_0_lang-CTRszGlB.js");require("@iconify/vue");const W=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),X=require("@vueuse/core"),Y=require("./omit-CYbreqlf.js"),T=["sm","md","lg"],Z=t.defineComponent({...K.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","entryFocus"],setup(j,{emit:w}){const n=j,C=w,c=t.useSlots(),L=t.computed(()=>Q.pick(n,"orientation","dir","loop","preventScrollOnEntryFocus")),M=_.useForwardPropsEmits(L,C),f=a.getBemBlock("segmented"),P=F.cva(f,{variants:{size:a.generateVariantClassList(T,f),block:a.generateVariantClassList("block",f)}}),m=a.getBemElement(f,"option"),R=F.cva(m,{variants:{icon:a.generateVariantClassList("icon",m),text:a.generateVariantClassList("text",m)}}),{getDir:D}=d.useConfig(),N=D(),U=t.computed(()=>{switch(n.size){case"lg":return"xsm";default:return"2xsm"}}),l=X.useVModel(n,"modelValue",C,{defaultValue:n.defaultModelValue,passive:n.modelValue===void 0}),g=e=>[null,void 0].includes(e),r=e=>d.isObject(e)?e.value:e,A=e=>!!(d.isObject(e)&&e.disabled),G=e=>d.isObject(e)?e.icon:void 0,$=e=>d.isObject(e)?e.text:r(e);t.watch(()=>n.options,()=>{var s,o;const e=(s=n.options)==null?void 0:s.find(i=>{const u=r(i);return!g(u)&&u===l.value});if(!e||g(r(e))){const i=(o=n.options)==null?void 0:o.find(u=>{const p=r(u);return!g(p)});i&&(l.value=r(i))}},{immediate:!0,deep:!0});const H=()=>{var e;return(e=n.options)==null?void 0:e.map(s=>{var O,z,k;const o=r(s);if(g(o))return;const i=A(s),u=d.isObject(s)?Y.omit(s,"icon","value","text"):{},p=l.value===o;let v;const S=(O=c.option)==null?void 0:O.call(c,{disabled:i,selected:p,option:s});x.isEmptyElement(S)||(v=S);const V=G(s),b=(z=c.icon)==null?void 0:z.call(c,{disabled:i,selected:p,option:s}),y=$(s),h=(k=c.text)==null?void 0:k.call(c,{disabled:i,selected:p,option:s});v=[];const B=!x.isEmptyElement(b),E=!!(V||B),I=!x.isEmptyElement(h),q=!!(y||I);E&&v.push(t.h(W._sfc_main,{icon:V,size:U.value,class:[a.getBemElement(m,"icon"),n.optionIconCls]},B?b:void 0)),q&&v.push(t.h("div",{class:[a.getBemElement(m,"text"),n.optionTextCls]},I?h:y));const J=l.value===o;return t.h(_.RovingFocusItem,{as:"button",active:J,focusable:!i,disabled:i,tabStopId:o,value:o,...u,class:[R({icon:E,text:q}),n.optionCls]},()=>v)})};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(l),"onUpdate:currentTabStopId":s[0]||(s[0]=o=>t.isRef(l)?l.value=o:null),asChild:""}),{default:t.withCtx(()=>{var o;return[t.createElementVNode("div",{class:t.normalizeClass([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=T;exports._sfc_main=Z;

package/dist/Select/Select.d.ts

@@ -38,13 +38,13 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {}, {}
     trailingIcon: string;
     bordered: boolean;
     multiple: boolean;
-    loadingRowCount: number;
-    position: "item-aligned" | "popper";
     selectedItemIconAsTrailingIcon: boolean;
     indicatorIcon: string;
+    loadingRowCount: number;
     clearOnChangeMultiple: boolean;
     samePopupWidth: boolean;
     popupHeight: string | number;
+    position: "item-aligned" | "popper";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/Select/context.d.ts

@@ -1,4 +1,4 @@
-import { SelectEmitObject, SelectOptionType, SelectOptionItem, SelectProps } from './types';
+import { SelectEmitObject, SelectOptionItem, SelectProps } from './types';
 import { injectSelectRootContext } from 'reka-ui';
 import { ComputedRef, Ref } from 'vue';
 import { SelectSize, SelectStatus } from './Select.model';
@@ -15,8 +15,6 @@ export interface SelectContext extends SelectRootContext, Omit<_SelectContext, '
     getOptionLabel: (option?: SelectOptionItem) => string | undefined;
     getOptionDisabled: (option?: SelectOptionItem) => boolean | undefined;
     getOptionIcon: (option?: SelectOptionItem) => string | undefined;
-    getOptionGroupLabel: (option?: SelectOptionItem) => string | undefined;
-    getOptionGroupOptions: (option?: SelectOptionType) => SelectOptionItem[] | undefined;
     getOptionByValue: (value: string) => SelectOptionItem | undefined;
     getLabelByValue: (value: string) => string | undefined;
     getDisabled: ComputedRef<boolean>;

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-C4F2WmaG.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-DUy8bGSD.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-D8SgxILT.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-C1iYwWCJ.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/types.d.ts

@@ -102,6 +102,7 @@ export interface SelectTriggerSlots {
     triggerLeading?: (data: SelectTriggerDefSlotProps) => never;
     placeholder?: (data: SelectTriggerDefSlotProps) => never;
     triggerValue?: (data: SelectTriggerDefSlotProps) => never;
+    trigger?: (data: SelectTriggerDefSlotProps) => never;
     triggerTrailing?: (data: SelectTriggerDefSlotProps) => never;
     tagClose?: (data: SelectTriggerTagSlotProps & {
         onClose: (e: MouseEvent) => void;