@pantograph/vue 0.26.0 → 0.27.1

package/dist/Pagination.vue_vue_type_script_setup_true_lang-CH2sZBOw.js

@@ -0,0 +1,246 @@
+import { defineComponent as ee, computed as d, ref as te, createElementBlock as m, openBlock as o, normalizeClass as l, unref as e, createElementVNode as f, createBlock as x, createCommentVNode as z, withCtx as L, createTextVNode as D, toDisplayString as C, Fragment as _, isRef as ae, renderList as ne, mergeProps as ie, createVNode as se, renderSlot as oe, normalizeProps as le, guardReactiveProps as re, nextTick as ue } from "vue";
+import { cva as pe } from "class-variance-authority";
+import { _ as de } from "./Divider.vue_vue_type_script_setup_true_lang-BHkXVZCN.js";
+import { _ as me } from "./Segmented.vue_vue_type_script_setup_true_lang-D7yf-Ezy.js";
+import { _ as ce } from "./InputNumber.vue_vue_type_script_setup_true_lang-Dg-C7-Gw.js";
+import { _ as F } from "./BaseButton.vue_vue_type_script_setup_true_lang-u4Fvon7Z.js";
+import { u as ge, w as $, e as ve } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
+import { a as fe } from "./options-J8HfRMSU.js";
+import { u as Ce } from "./useInputDataStates-DCxDvkM-.js";
+import "reka-ui";
+import "@vueuse/core";
+import { u as j } from "./useVmodel-DlyNieM5.js";
+import "@tanstack/vue-virtual";
+import he from "@pantograph/style/pagination.css?raw";
+import { getBemBlock as ye, getBemElement as r, generateVariantClassList as U, normCls as u } from "@pantograph/utils";
+const be = ["between", "start", "center", "end"], Pe = ["onClick", "disabled"], Le = /* @__PURE__ */ ee({
+  ...fe("Pagination"),
+  __name: "Pagination",
+  props: {
+    page: {},
+    total: { default: 0 },
+    showInput: { type: Boolean },
+    disabled: { type: Boolean, default: void 0 },
+    iconButton: { type: Boolean },
+    simple: { type: Boolean },
+    hidePerv: { type: Boolean },
+    hideNext: { type: Boolean },
+    hideSize: { type: Boolean },
+    hideTotal: { type: Boolean },
+    resetPageOnChangeSize: { type: Boolean },
+    sizes: {},
+    pageSize: {},
+    pervText: { default: "Previous" },
+    nextText: { default: "Next" },
+    pageText: { default: "Page" },
+    justify: { default: "between" },
+    class: {},
+    sizeCls: {},
+    paginationCls: {},
+    totalCls: {},
+    itemCls: {},
+    paginationTextCls: {},
+    paginationCurrentCls: {},
+    paginationCountCls: {}
+  },
+  emits: ["update:pageSize", "update:page"],
+  setup(A, { emit: J }) {
+    ge("pagination", he);
+    const i = A, E = J, p = ye("pagination"), h = r(p, "pagination"), q = pe(p, {
+      variants: {
+        justify: U(be, p),
+        simple: U("simple", p)
+      }
+    }), T = d(
+      () => (i.sizes ?? [10, 25, 50, 100]).filter((a) => $(a) && a > 0).map(String)
+    ), { getDisabled: y } = Ce(), s = j(i, "page", E, {
+      passive: i.page === void 0,
+      defaultValue: 1
+    }), G = T.value[0] ? Number(T.value[0]) : void 0, g = j(
+      i,
+      "pageSize",
+      E,
+      {
+        passive: i.pageSize === void 0,
+        defaultValue: i.pageSize ?? G,
+        onChange() {
+          i.resetPageOnChangeSize && (s.value = 1);
+        }
+      }
+    ), O = d({
+      get() {
+        return $(g.value) ? String(g.value) : g.value;
+      },
+      set(a) {
+        const t = Number(a);
+        if (t || t === 0) {
+          g.value = t;
+          return;
+        }
+        a || (g.value = a);
+      }
+    }), S = d(() => Math.min(Math.max(s.value ?? 1, 0), c.value)), H = d(() => i.total ?? 0), V = d(() => g.value ?? 0), c = d(() => Math.max(1, Math.ceil(H.value / V.value))), K = d(() => {
+      const a = i.total ?? 0, t = S.value, n = a && t ? (t - 1) * V.value + 1 : 0;
+      return {
+        start: n,
+        end: Math.min(n + V.value - 1, a),
+        total: i.total,
+        page: t,
+        pageCount: c.value
+      };
+    }), B = "ellipsis", I = (a, t) => {
+      const n = t - a + 1;
+      return Array.from({ length: n }, (b, v) => v + a);
+    }, k = (a) => a.map((t) => typeof t == "number" ? { type: "page", value: t } : { type: "ellipsis" }), Q = d(() => {
+      const t = c.value, n = 2, b = Math.max(S.value - n, 1), v = Math.min(S.value + n, t), M = Math.min(2 * n + 5, c.value) - 2, N = (
+        // default condition
+        b > 3 && // if the current page is towards the end of the list
+        Math.abs(t - M - 1 + 1) > 2 && // if the current page is towards the middle of the list
+        Math.abs(b - 1) > 2
+      ), w = (
+        // default condition
+        v < t - 2 && // if the current page is towards the start of the list
+        Math.abs(t - M) > 2 && // if the current page is towards the middle of the list
+        Math.abs(t - v) > 2
+      );
+      if (!N && w) {
+        const P = I(1, M);
+        return k([...P, B, t]);
+      }
+      if (N && !w) {
+        const P = I(t - M + 1, t);
+        return k([1, B, ...P]);
+      }
+      if (N && w) {
+        const P = I(b, v);
+        return k([1, B, ...P, B, t]);
+      }
+      return k(I(1, t));
+    }), W = () => {
+      s.value = (s.value ?? 2) - 1;
+    }, X = () => {
+      s.value = (s.value ?? 0) + 1;
+    }, Y = (a) => {
+      $(a.value) && (s.value = a.value, ue(() => {
+        var t, n;
+        return (n = (t = R.value) == null ? void 0 : t.focus) == null ? void 0 : n.call(t);
+      }));
+    }, R = te(), Z = (a) => {
+      const t = a.value === S.value;
+      return {
+        "data-selected": t,
+        ref: (n) => {
+          n && t && (R.value = n);
+        }
+      };
+    };
+    return (a, t) => (o(), m("div", {
+      class: l(e(u)(e(q)(i), i.class))
+    }, [
+      f("div", {
+        class: l(e(u)(e(h), i.paginationCls))
+      }, [
+        a.hidePerv ? z("", !0) : (o(), x(F, {
+          key: 0,
+          size: "sm",
+          type: "ghost",
+          variant: i.iconButton ? "icon" : "simple",
+          preIcon: "tabler:chevron-left",
+          icon: "tabler:chevron-left",
+          preIconFlipOnDir: "rtl",
+          disabled: e(y) ?? !!(e(s) && e(s) <= 1),
+          onClick: W
+        }, {
+          default: L(() => [
+            D(C(a.pervText), 1)
+          ]),
+          _: 1
+        }, 8, ["variant", "disabled"])),
+        a.simple ? (o(), m(_, { key: 1 }, [
+          f("div", {
+            class: l(e(u)(e(r)(e(h), "text"), i.paginationTextCls))
+          }, C(a.pageText), 3),
+          a.showInput ? (o(), x(ce, {
+            key: 0,
+            modelValue: e(s),
+            "onUpdate:modelValue": t[0] || (t[0] = (n) => ae(s) ? s.value = n : null),
+            disabled: e(y),
+            size: "sm",
+            min: 1,
+            controls: !1,
+            max: c.value,
+            class: l(e(u)(e(r)(e(h), "current"), i.paginationCurrentCls))
+          }, null, 8, ["modelValue", "disabled", "max", "class"])) : (o(), m("div", {
+            key: 1,
+            class: l(e(u)(e(r)(e(h), "current"), i.paginationCurrentCls))
+          }, C(e(s)), 3)),
+          f("div", {
+            class: l(e(u)(e(r)(e(h), "count"), i.paginationCountCls))
+          }, [
+            t[2] || (t[2] = f("div", null, "/", -1)),
+            f("div", null, C(c.value), 1)
+          ], 2)
+        ], 64)) : (o(!0), m(_, { key: 2 }, ne(Q.value, (n, b) => (o(), m(_, {
+          key: n.value ?? n.type
+        }, [
+          n.type === "page" ? (o(), m("button", ie({
+            key: 0,
+            onClick: (v) => Y(n),
+            class: e(u)(e(r)(e(p), "item"), a.itemCls)
+          }, { ref_for: !0 }, Z(n), { disabled: e(y) }), C(n.value), 17, Pe)) : (o(), m("div", {
+            key: 1,
+            class: l(e(u)(e(r)(e(p), "item"), a.itemCls))
+          }, [
+            se(ve, {
+              size: "12px",
+              icon: "tabler:dots"
+            })
+          ], 2))
+        ], 64))), 128)),
+        a.hideNext ? z("", !0) : (o(), x(F, {
+          key: 3,
+          size: "sm",
+          type: "ghost",
+          variant: i.iconButton ? "icon" : "simple",
+          postIcon: "tabler:chevron-right",
+          icon: "tabler:chevron-right",
+          postIconFlipOnDir: "rtl",
+          disabled: e(y) ?? !!(e(s) && e(s) >= c.value),
+          onClick: X
+        }, {
+          default: L(() => [
+            D(C(a.nextText), 1)
+          ]),
+          _: 1
+        }, 8, ["variant", "disabled"]))
+      ], 2),
+      f("div", {
+        class: l(e(u)(e(r)(e(p), "pageSize"), i.sizeCls))
+      }, [
+        a.hideSize ? z("", !0) : (o(), x(me, {
+          key: 0,
+          options: T.value,
+          size: "sm",
+          modelValue: O.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (n) => O.value = n),
+          disabled: e(y)
+        }, null, 8, ["options", "modelValue", "disabled"])),
+        !a.hideTotal && !a.hideSize ? (o(), x(de, {
+          key: 1,
+          type: "vertical",
+          class: l(e(r)(e(p), "divider"))
+        }, null, 8, ["class"])) : z("", !0),
+        a.hideTotal ? z("", !0) : (o(), m("div", {
+          key: 2,
+          class: l(e(u)(e(r)(e(p), "total"), i.totalCls))
+        }, [
+          oe(a.$slots, "total", le(re(K.value)))
+        ], 2))
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  be as P,
+  Le as _
+};

package/dist/Pagination.vue_vue_type_script_setup_true_lang-qyR_Occn.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),j=require("class-variance-authority"),A=require("./Divider.vue_vue_type_script_setup_true_lang-BfrE098V.js"),J=require("./Segmented.vue_vue_type_script_setup_true_lang-CoJCKPrs.js"),U=require("./InputNumber.vue_vue_type_script_setup_true_lang-B2XDVABX.js"),x=require("./BaseButton.vue_vue_type_script_setup_true_lang-B6fHU-br.js"),f=require("./Icon.vue_vue_type_script_setup_true_lang-BDTw4CRD.js"),G=require("./options-CY2uxp5A.js"),H=require("./useInputDataStates-CVQJAe1K.js");require("reka-ui");require("@vueuse/core");const E=require("./useVmodel-BU5qtyne.js");require("@tanstack/vue-virtual");const K=require("@pantograph/style/pagination.css?raw"),o=require("@pantograph/utils"),I=["between","start","center","end"],Q=["onClick","disabled"],W=e.defineComponent({...G.getComponentOptions("Pagination"),__name:"Pagination",props:{page:{},total:{default:0},showInput:{type:Boolean},disabled:{type:Boolean,default:void 0},iconButton:{type:Boolean},simple:{type:Boolean},hidePerv:{type:Boolean},hideNext:{type:Boolean},hideSize:{type:Boolean},hideTotal:{type:Boolean},resetPageOnChangeSize:{type:Boolean},sizes:{},pageSize:{},pervText:{default:"Previous"},nextText:{default:"Next"},pageText:{default:"Page"},justify:{default:"between"},class:{},sizeCls:{},paginationCls:{},totalCls:{},itemCls:{},paginationTextCls:{},paginationCurrentCls:{},paginationCountCls:{}},emits:["update:pageSize","update:page"],setup(N,{emit:M}){f.useComponentStyle("pagination",K);const l=N,S=M,i=o.getBemBlock("pagination"),m=o.getBemElement(i,"pagination"),q=j.cva(i,{variants:{justify:o.generateVariantClassList(I,i),simple:o.generateVariantClassList("simple",i)}}),_=e.computed(()=>(l.sizes??[10,25,50,100]).filter(n=>f.isNumber(n)&&n>0).map(String)),{getDisabled:p}=H.useFormInput(),s=E.useVModel(l,"page",S,{passive:l.page===void 0,defaultValue:1}),T=_.value[0]?Number(_.value[0]):void 0,u=E.useVModel(l,"pageSize",S,{passive:l.pageSize===void 0,defaultValue:l.pageSize??T,onChange(){l.resetPageOnChangeSize&&(s.value=1)}}),P=e.computed({get(){return f.isNumber(u.value)?String(u.value):u.value},set(n){const t=Number(n);if(t||t===0){u.value=t;return}n||(u.value=n)}}),v=e.computed(()=>Math.min(Math.max(s.value??1,0),r.value)),D=e.computed(()=>l.total??0),h=e.computed(()=>u.value??0),r=e.computed(()=>Math.max(1,Math.ceil(D.value/h.value))),w=e.computed(()=>{const n=l.total??0,t=v.value,a=n&&t?(t-1)*h.value+1:0;return{start:a,end:Math.min(a+h.value-1,n),total:l.total,page:t,pageCount:r.value}}),C="ellipsis",B=(n,t)=>{const a=t-n+1;return Array.from({length:a},(d,c)=>c+n)},y=n=>n.map(t=>typeof t=="number"?{type:"page",value:t}:{type:"ellipsis"}),F=e.computed(()=>{const t=r.value,a=2,d=Math.max(v.value-a,1),c=Math.min(v.value+a,t),k=Math.min(2*a+5,r.value)-2,b=d>3&&Math.abs(t-k-1+1)>2&&Math.abs(d-1)>2,z=c<t-2&&Math.abs(t-k)>2&&Math.abs(t-c)>2;if(!b&&z){const g=B(1,k);return y([...g,C,t])}if(b&&!z){const g=B(t-k+1,t);return y([1,C,...g])}if(b&&z){const g=B(d,c);return y([1,C,...g,C,t])}return y(B(1,t))}),L=()=>{s.value=(s.value??2)-1},O=()=>{s.value=(s.value??0)+1},R=n=>{f.isNumber(n.value)&&(s.value=n.value,e.nextTick(()=>{var t,a;return(a=(t=V.value)==null?void 0:t.focus)==null?void 0:a.call(t)}))},V=e.ref(),$=n=>{const t=n.value===v.value;return{"data-selected":t,ref:a=>{a&&t&&(V.value=a)}}};return(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(o.normCls)(e.unref(q)(l),l.class))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o.normCls)(e.unref(m),l.paginationCls))},[n.hidePerv?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(x._sfc_main,{key:0,size:"sm",type:"ghost",variant:l.iconButton?"icon":"simple",preIcon:"tabler:chevron-left",icon:"tabler:chevron-left",preIconFlipOnDir:"rtl",disabled:e.unref(p)??!!(e.unref(s)&&e.unref(s)<=1),onClick:L},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.pervText),1)]),_:1},8,["variant","disabled"])),n.simple?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(m),"text"),l.paginationTextCls))},e.toDisplayString(n.pageText),3),n.showInput?(e.openBlock(),e.createBlock(U._sfc_main,{key:0,modelValue:e.unref(s),"onUpdate:modelValue":t[0]||(t[0]=a=>e.isRef(s)?s.value=a:null),disabled:e.unref(p),size:"sm",min:1,controls:!1,max:r.value,class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(m),"current"),l.paginationCurrentCls))},null,8,["modelValue","disabled","max","class"])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(m),"current"),l.paginationCurrentCls))},e.toDisplayString(e.unref(s)),3)),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(m),"count"),l.paginationCountCls))},[t[2]||(t[2]=e.createElementVNode("div",null,"/",-1)),e.createElementVNode("div",null,e.toDisplayString(r.value),1)],2)],64)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(F.value,(a,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a.value??a.type},[a.type==="page"?(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:0,onClick:c=>R(a),class:e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(i),"item"),n.itemCls)},{ref_for:!0},$(a),{disabled:e.unref(p)}),e.toDisplayString(a.value),17,Q)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(i),"item"),n.itemCls))},[e.createVNode(f._sfc_main$2,{size:"12px",icon:"tabler:dots"})],2))],64))),128)),n.hideNext?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(x._sfc_main,{key:3,size:"sm",type:"ghost",variant:l.iconButton?"icon":"simple",postIcon:"tabler:chevron-right",icon:"tabler:chevron-right",postIconFlipOnDir:"rtl",disabled:e.unref(p)??!!(e.unref(s)&&e.unref(s)>=r.value),onClick:O},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.nextText),1)]),_:1},8,["variant","disabled"]))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(i),"pageSize"),l.sizeCls))},[n.hideSize?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(J._sfc_main,{key:0,options:_.value,size:"sm",modelValue:P.value,"onUpdate:modelValue":t[1]||(t[1]=a=>P.value=a),disabled:e.unref(p)},null,8,["options","modelValue","disabled"])),!n.hideTotal&&!n.hideSize?(e.openBlock(),e.createBlock(A._sfc_main,{key:1,type:"vertical",class:e.normalizeClass(e.unref(o.getBemElement)(e.unref(i),"divider"))},null,8,["class"])):e.createCommentVNode("",!0),n.hideTotal?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(o.normCls)(e.unref(o.getBemElement)(e.unref(i),"total"),l.totalCls))},[e.renderSlot(n.$slots,"total",e.normalizeProps(e.guardReactiveProps(w.value)))],2))],2)],2))}});exports.PaginationJustifies=I;exports._sfc_main=W;

package/dist/Popover/Popover.d.ts

@@ -1,161 +1,40 @@
-import { PopoverContentProps, PopoverRootProps, PopoverPortalProps } from 'reka-ui';
-import { PopoverPlacement, PopoverSize } from './Popover.model';
-import { Direction } from '../ConfigProvider';
-import { ClassValue } from 'class-variance-authority/types';
-export type GetPopupContainer = (triggerNode?: HTMLElement) => HTMLElement;
-export interface PopoverProps extends Omit<PopoverRootProps, 'onCloseAutoFocus'>, Omit<PopoverPortalProps, 'to' | 'onCloseAutoFocus'>, Omit<PopoverContentProps, 'as' | 'asChild' | 'side' | 'align' | 'onCloseAutoFocus'> {
-    dir?: Direction;
-    class?: ClassValue;
-    containerCls?: ClassValue;
-    containerClass?: ClassValue;
-    containerProps?: object;
-    size?: PopoverSize;
-    to?: string | HTMLElement | GetPopupContainer;
-    placement?: PopoverPlacement;
-    reversePlacementOnDir?: Direction;
-    /** focus on first focusable item in popover on open and trigger on close */
-    autoFocusInside?: boolean;
-    zIndex?: number | string;
-    useReferenceAttribute?: boolean;
-}
-export interface PopoverSlots {
-    default?: (data?: object) => never;
-    content?: () => never;
+import { PopoverContentProps, PopoverRootProps, PopoverRootEmits, PopoverPortalProps, PopoverContentEmits } from 'reka-ui';
+import { PopoverBaseProps, PopoverSlots } from './type.ts';
+export interface PopoverProps extends Omit<PopoverRootProps, 'onCloseAutoFocus'>, Omit<PopoverPortalProps, 'to' | 'onCloseAutoFocus'>, Omit<PopoverContentProps, 'as' | 'asChild' | 'side' | 'align' | 'onCloseAutoFocus' | 'disableOutsidePointerEvents'>, PopoverBaseProps {
 }
+export type PopoverEmits = PopoverRootEmits & PopoverContentEmits;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<PopoverSlots> & PopoverSlots;
-    refs: {
-        triggerRef: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly asChild?: boolean | undefined;
-                readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: string, ...args: any[]) => void;
-            $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').PopoverTriggerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                as: import('reka-ui').AsTag | import('vue').Component;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{
-            as: import('reka-ui').AsTag | import('vue').Component;
-        }> & Omit<Readonly<import('reka-ui').PopoverTriggerProps> & Readonly<{}>, "as"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: {
-                default?(_: {}): any;
-            };
-        }) | null;
-    };
+    refs: {};
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<PopoverProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     closeAutoFocus: (event: Event) => any;
     openAutoFocus: (event: Event) => any;
+    "update:open": (value: boolean) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
     pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
     focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
     interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
-    "update:open": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<PopoverProps> & Readonly<{
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-    size: PopoverSize;
-    placement: PopoverPlacement;
+    size: import('./Popover.model.ts').PopoverSize;
+    placement: import('./Popover.model.ts').PopoverPlacement;
     sticky: "partial" | "always";
     prioritizePosition: boolean;
     avoidCollisions: boolean;
     updatePositionStrategy: "optimized" | "always";
     open: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    triggerRef: ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly asChild?: boolean | undefined;
-            readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').PopoverTriggerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-            as: import('reka-ui').AsTag | import('vue').Component;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import('vue').nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{
-        as: import('reka-ui').AsTag | import('vue').Component;
-    }> & Omit<Readonly<import('reka-ui').PopoverTriggerProps> & Readonly<{}>, "as"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            default?(_: {}): any;
-        };
-    }) | null;
-}, any>;
+}, {}, {}, {}, 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 & {

package/dist/Popover/Popover.model.d.ts

@@ -1,4 +1,4 @@
-export declare const PopoverSizes: readonly ["sm", "md", "lg"];
+export declare const PopoverSizes: readonly ["sm", "md", "lg", "none"];
 export type PopoverSize = (typeof PopoverSizes)[number];
 export declare const PopoverPlacements: readonly ["top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end"];
 export type PopoverPlacement = (typeof PopoverPlacements)[number];

package/dist/Popover/index.d.ts

@@ -1,2 +1,3 @@
-export { default as Popover, type PopoverProps, type GetPopupContainer, default, } from './Popover';
+export { default as Popover, type PopoverProps, type PopoverEmits, default } from './Popover';
+export type { GetPopupContainer, PopoverSlots } from './type';
 export * from './Popover.model';

package/dist/Popover/index.js

@@ -1,4 +1,4 @@
-import { _ as a, P as s, a as r, _ as P } from "../Popover.vue_vue_type_style_index_0_lang-BrLhsdZu.js";
+import { _ as a, P as s, a as r, _ as P } from "../Popover.vue_vue_type_script_setup_true_lang-D-Jebwr9.js";
 export {
   a as Popover,
   s as PopoverPlacements,

package/dist/Popover/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Popover.vue_vue_type_style_index_0_lang-22ewjJ6F.js");exports.Popover=e._sfc_main;exports.PopoverPlacements=e.PopoverPlacements;exports.PopoverSizes=e.PopoverSizes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Popover.vue_vue_type_script_setup_true_lang-Bye1k1gb.js");exports.Popover=e._sfc_main;exports.PopoverPlacements=e.PopoverPlacements;exports.PopoverSizes=e.PopoverSizes;exports.default=e._sfc_main;

package/dist/Popover/type.d.ts

@@ -0,0 +1,27 @@
+import { Direction } from '../ConfigProvider';
+import { ClassValue } from 'class-variance-authority/types';
+import { PopoverPlacement, PopoverSize } from './Popover.model.ts';
+import { CSSProperties } from 'vue';
+export interface PopoverSlots {
+    default?: (data?: object) => never;
+    content?: () => never;
+}
+export type GetPopupContainer = (triggerNode?: HTMLElement) => HTMLElement;
+export interface PopoverBaseProps {
+    dir?: Direction;
+    class?: ClassValue;
+    containerCls?: ClassValue;
+    containerClass?: ClassValue;
+    size?: PopoverSize;
+    to?: string | HTMLElement | GetPopupContainer;
+    placement?: PopoverPlacement;
+    reversePlacementOnDir?: Direction;
+    /** focus on first focusable item in popover on open and trigger on close */
+    autoFocusInside?: boolean;
+    noPadding?: boolean;
+    zIndex?: number | string;
+    containerStyle?: CSSProperties;
+    containerProps?: object;
+    /** render popover on the nearest tag by attribute [data-popover-reference] */
+    useReferenceAttribute?: boolean;
+}

package/dist/Popover/utils.d.ts

@@ -1,6 +1,7 @@
-import { ComputedRef, Ref } from 'vue';
-import { PopoverContentProps } from 'reka-ui';
-import { Direction, FlipOnDir } from '../ConfigProvider/index.js';
+import { Component, ComputedRef, Ref } from 'vue';
+import { PopoverContentProps, PopoverRootProps } from 'reka-ui';
+import { Direction, FlipOnDir } from '../ConfigProvider';
+import { PopoverBaseProps, PopoverSlots } from './type.ts';
 declare const popoverPortalPropsKeys: readonly ["to", "disabled", "forceMount"];
 type PopoverPortalPropsName = Partial<Record<(typeof popoverPortalPropsKeys)[number], string>>;
 export declare const getPopoverPortalProps: ({ triggerRef, props: _props }: {
@@ -11,7 +12,7 @@ export declare const getPopoverPortalProps: ({ triggerRef, props: _props }: {
     disabled: boolean;
     forceMount: boolean;
 }>;
-declare const popoverContainerPropsKeys: readonly ["prioritizePosition", "placement", "sideOffset", "alignOffset", "sticky", "collisionBoundary", "avoidCollisions", "collisionPadding", "forceMount", "disableUpdateOnLayoutShift", "hideWhenDetached", "positionStrategy", "reference", "updatePositionStrategy", "autoFocusInside", "containerProps", "disableOutsidePointerEvents"];
+declare const popoverContainerPropsKeys: readonly ["prioritizePosition", "placement", "sideOffset", "alignOffset", "sticky", "collisionBoundary", "avoidCollisions", "collisionPadding", "forceMount", "disableUpdateOnLayoutShift", "hideWhenDetached", "positionStrategy", "reference", "updatePositionStrategy", "autoFocusInside", "containerProps"];
 type PopoverContainerPropsName = Partial<Record<(typeof popoverContainerPropsKeys)[number], string>>;
 export declare const getPopoverContentProps: <T extends Record<string, any>>({ props: _props, flip, _dir, controlAutoFocus, extraPropNames, emitsAsProps, }: {
     props?: object;
@@ -21,4 +22,47 @@ export declare const getPopoverContentProps: <T extends Record<string, any>>({ p
     extraPropNames?: (keyof T)[];
     emitsAsProps: Record<string, any>;
 }, propsName?: PopoverContainerPropsName) => ComputedRef<PopoverContentProps>;
+export interface UsePopoverContentProps extends Partial<Pick<PopoverRootProps, 'defaultOpen' | 'open' | 'modal'>>, PopoverBaseProps {
+    containerProps?: object;
+    reference?: PopoverContentProps['reference'];
+    useReferenceAttribute?: boolean;
+}
+export declare const usePopoverContext: ({ slots, prefix, props, emitsAsProps, TriggerCmp, }: {
+    props: UsePopoverContentProps;
+    slots: PopoverSlots;
+    emitsAsProps: Record<string, any>;
+    prefix: string;
+    TriggerCmp: Component;
+}) => {
+    triggerCLs: string;
+    variantsClass: (props?: ({
+        size?: string | null | undefined;
+        noPadding?: string | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    asChild: import('vue').ShallowRef<boolean, boolean>;
+    rootOpenProp: ComputedRef<{
+        "onUpdate:open": any;
+        defaultOpen?: boolean | undefined;
+        open?: boolean | undefined;
+        modal?: boolean | undefined;
+    }>;
+    portalProps: ComputedRef<{
+        to: string | HTMLElement;
+        disabled: boolean;
+        forceMount: boolean;
+    }>;
+    contentProps: ComputedRef<PopoverContentProps>;
+    reference: Ref<Element | {
+        getBoundingClientRect: () => import('@floating-ui/utils').ClientRectObject;
+        getClientRects?: (() => Array<import('@floating-ui/utils').ClientRectObject> | DOMRectList) | undefined;
+        contextElement?: Element | undefined;
+    } | undefined, import('reka-ui').ReferenceElement | {
+        getBoundingClientRect: () => import('@floating-ui/utils').ClientRectObject;
+        getClientRects?: (() => Array<import('@floating-ui/utils').ClientRectObject> | DOMRectList) | undefined;
+        contextElement?: Element | undefined;
+    } | undefined>;
+    Trigger: (attrs: object) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+};
 export {};

package/dist/Popover.vue_vue_type_script_setup_true_lang-Bye1k1gb.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),b=require("@pantograph/utils"),A=require("reka-ui"),N=require("es-toolkit"),t=require("./Icon.vue_vue_type_script_setup_true_lang-BDTw4CRD.js"),re=require("./options-CY2uxp5A.js");require("@pantograph/tokens");require("@vueuse/core");require("@tanstack/vue-virtual");const se=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-BAXkTMEt.js"),ie=require("class-variance-authority"),ae=require("@pantograph/style/popover.css?raw"),L=["sm","md","lg","none"],ce=["top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"],le=["to","disabled","forceMount"],r=Object.fromEntries(le.map(s=>[s,s])),U=({triggerRef:s,props:u},a=r)=>e.computed(()=>{var m,v,i,B,d;const{to:g=r.to,forceMount:P=r.forceMount,disabled:p=r.disabled}=a,c=e.getCurrentInstance(),n=u??(c==null?void 0:c.props)??{},o=t.get(n,g),O=t.get(n,p),S=t.get(n,P);let l=((m=e.unref(o))==null?void 0:m.$el)??e.unref(o);if(o instanceof Function){const F=((i=(v=s.value)==null?void 0:v.$el)==null?void 0:i.nodeName)!=="#text"?(B=s.value)==null?void 0:B.$el:(d=s.value)==null?void 0:d.$el.nextSibling;l=o(F)}return{to:l,disabled:O,forceMount:S}}),ue=["prioritizePosition","placement","sideOffset","alignOffset","sticky","collisionBoundary","avoidCollisions","collisionPadding","forceMount","disableUpdateOnLayoutShift","hideWhenDetached","positionStrategy","reference","updatePositionStrategy","autoFocusInside","containerProps"],pe=Object.fromEntries(ue.map(s=>[s,s])),V=({props:s,flip:u,_dir:a,controlAutoFocus:g,extraPropNames:P,emitsAsProps:p},c=pe)=>e.computed(()=>{var E;const n=e.getCurrentInstance(),o=s??(n==null?void 0:n.props)??{},{prioritizePosition:O=r.prioritizePosition,placement:S=r.placement,sideOffset:l=r.sideOffset,alignOffset:m=r.alignOffset,sticky:v=r.sticky,collisionBoundary:i=r.collisionBoundary,avoidCollisions:B=r.avoidCollisions,collisionPadding:d=r.collisionPadding,forceMount:F=r.forceMount,disableUpdateOnLayoutShift:_=r.disableUpdateOnLayoutShift,hideWhenDetached:y=r.hideWhenDetached,positionStrategy:h=r.positionStrategy,reference:C=r.reference,updatePositionStrategy:z=r.updatePositionStrategy,autoFocusInside:I=r.autoFocusInside,containerProps:x=r.containerProps}=c,T=t.get(o,O),D=t.get(o,S),W=t.get(o,l),R=t.get(o,m),K=t.get(o,v),j=t.get(o,i),G=t.get(o,B),H=t.get(o,d),J=t.get(o,F),Q=t.get(o,_),X=t.get(o,y),Y=t.get(o,h),Z=t.get(o,C),ee=t.get(o,z),M=t.get(o,I),oe=t.get(o,x);let[k="bottom",te="center"]=((E=D==null?void 0:D.split)==null?void 0:E.call(D,"-"))||["bottom","center"];u.value&&a.value&&a.value===u.value&&(k={right:"left",left:"right"}[k]??k);const q={};g&&(q.onCloseAutoFocus=f=>{var w;M||f.preventDefault(),(w=n==null?void 0:n.emit)==null||w.call(n,"closeAutoFocus",f)},q.onOpenAutoFocus=f=>{var w;M||f.preventDefault(),(w=n==null?void 0:n.emit)==null||w.call(n,"openAutoFocus",f)});const ne=N.omitBy(Object.fromEntries((Array.isArray(P)?P:[]).map(f=>[f,t.get(o,f)])),N.isUndefined);return{...N.pick(p,["onEscapeKeyDown","onFocusOutside","onInteractOutside","onPointerDownOutside"]),...N.omit(oe??{},["class"]),...ne,sticky:K,prioritizePosition:T,side:k,align:te,sideOffset:W,alignOffset:R,collisionBoundary:j,avoidCollisions:G,collisionPadding:H,forceMount:J,disableUpdateOnLayoutShift:Q,hideWhenDetached:X,positionStrategy:Y,reference:Z,updatePositionStrategy:ee,...q}}),$=({slots:s,prefix:u,props:a,emitsAsProps:g,TriggerCmp:P})=>{const p=b.getBemElement(u,"content"),c=b.getBemElement(u,"trigger"),n=ie.cva(p,{variants:{size:b.generateVariantClassList(L,p),noPadding:b.generateVariantClassList("no-padding",p)}}),o=e.shallowRef(!0),O=y=>{var I;const h=(I=s.default)==null?void 0:I.call(s,{}),C=t.filterEmpty(h)??null,z=C.length===1?C[0]:C;return o.value=z&&t.isValidElement(z)&&!t.isFragment(z),e.h(P,{as:"span",dir:d.value,class:b.normCls(c,a.class),asChild:o.value,ref:l,...y??{}},{default:s.default})},S=e.computed(()=>({...N.pick(a,["open","defaultOpen","modal"]),...N.pick(g,["onUpdate:open"])})),l=e.ref(),m=U({triggerRef:l}),{getFlipOnDir:v,getDir:i}=se.useConfig(),B=v("reversePlacementOnDir"),d=i(),F=V({...a.containerProps,emitsAsProps:g,flip:B,_dir:d,controlAutoFocus:!0}),_=e.ref(a.reference);return a.useReferenceAttribute&&!a.reference?e.onMounted(()=>{var y,h,C;_.value=(C=(h=(y=l.value)==null?void 0:y.$el)==null?void 0:h.closest)==null?void 0:C.call(h,"[data-popover-reference]")}):e.watch(()=>a.reference,y=>{_.value=y}),{triggerCLs:c,variantsClass:n,asChild:o,rootOpenProp:S,portalProps:m,contentProps:F,reference:_,Trigger:O}},de=e.defineComponent({...re.getComponentOptions("Popover",!1),__name:"Popover",props:{defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},modal:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{default:"always"},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{default:"optimized"},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},dir:{},class:{},containerCls:{},containerClass:{},size:{default:"md"},to:{},placement:{default:"bottom"},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},noPadding:{type:Boolean},zIndex:{},containerStyle:{},containerProps:{},useReferenceAttribute:{type:Boolean}},emits:["update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","openAutoFocus","closeAutoFocus"],setup(s,{emit:u}){t.useComponentStyle("popover",ae);const a=u,g=A.useEmitAsProps(a),P=s,p=b.getBemBlock("popover"),c=e.useSlots(),{variantsClass:n,asChild:o,rootOpenProp:O,portalProps:S,contentProps:l,reference:m,Trigger:v}=$({slots:c,prefix:p,props:P,emitsAsProps:g,TriggerCmp:A.PopoverTrigger});return(i,B)=>(e.openBlock(),e.createBlock(e.unref(A.PopoverRoot),e.mergeProps(e.unref(O),{key:e.unref(o)}),{default:e.withCtx(({open:d})=>[e.createVNode(e.unref(v),e.normalizeProps(e.guardReactiveProps(i.$attrs)),null,16),e.createVNode(e.unref(A.PopoverPortal),e.normalizeProps(e.guardReactiveProps(e.unref(S))),{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(A.PopoverContent),e.mergeProps({style:{zIndex:i.zIndex,...i.containerStyle??{}}},e.unref(l),{class:e.unref(b.normCls)(e.unref(n)({size:i.size,noPadding:i.noPadding}),i.containerClass,i.containerCls),reference:e.unref(m)}),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"content")]),_:2},1040,["style","class","reference"]),[[e.vShow,d]])]),_:2},1040)]),_:3},16))}});exports.PopoverPlacements=ce;exports.PopoverSizes=L;exports._sfc_main=de;exports.getPopoverContentProps=V;exports.getPopoverPortalProps=U;exports.usePopoverContext=$;