@pantograph/vue 0.21.1 → 0.22.0

package/dist/{Menu.vue_vue_type_style_index_0_lang-CxAgw2gt.js → Menu.vue_vue_type_style_index_0_lang-BrnaLusN.js}

@@ -1,12 +1,11 @@
-import { defineComponent as H, useSlots as _, computed as i, createElementBlock as v, openBlock as r, normalizeClass as f, unref as o, createCommentVNode as K, renderSlot as m, normalizeProps as O, guardReactiveProps as T, createTextVNode as j, toDisplayString as V, Fragment as J, createBlock as N, withCtx as A, ref as E, getCurrentInstance as oe, resolveComponent as ie, mergeProps as D, createVNode as re, createSlots as U, renderList as w, watch as Y, withModifiers as ue } from "vue";
+import { defineComponent as H, useSlots as _, computed as i, createElementBlock as v, openBlock as r, normalizeClass as f, unref as o, createCommentVNode as K, renderSlot as m, normalizeProps as O, guardReactiveProps as T, createTextVNode as j, toDisplayString as V, Fragment as J, createBlock as N, withCtx as P, ref as E, getCurrentInstance as oe, resolveComponent as ie, mergeProps as D, createVNode as re, createSlots as U, renderList as w, watch as Y, withModifiers as ue } from "vue";
 import { getBemBlock as Q, generateVariantClassList as I, getBemElement as b, usePCId as de } from "@pantograph/utils";
 import { cva as x } from "class-variance-authority";
 import { g as W } from "./options-JBqnVZUl.js";
-import { _ as ce } from "./Popover.vue_vue_type_style_index_0_lang-BHPFTCxh.js";
-import { f as pe, o as ge, A as q, r as ve, y as me } from "./Icon.vue_vue_type_style_index_0_lang-CaH23-ZR.js";
-import { i as ye } from "./isEmpty-Cv0scv9v.js";
-import { createContext as ee } from "radix-vue";
-import { U as Ce } from "./useInputDataStates-Dc5NKjxO.js";
+import { _ as ce } from "./Popover.vue_vue_type_style_index_0_lang-Nc78vcLj.js";
+import { f as pe, o as ge, r as q, g as ve, t as me, n as ye } from "./Icon.vue_vue_type_style_index_0_lang-CpvDQCOg.js";
+import { createContext as ee } from "reka-ui";
+import { U as Ce } from "./useInputDataStates-Bbj0JbCD.js";
 const ne = ["sm", "md", "lg"], fe = ["tabindex"], d = Q("menu_item"), Z = /* @__PURE__ */ H({
   ...W("MenuItemContent"),
   __name: "MenuItemContent",
@@ -59,7 +58,7 @@ const ne = ["sm", "md", "lg"], fe = ["tabindex"], d = Q("menu_item"), Z = /* @__
           default:
             return "sm";
         }
-      }, P = () => {
+      }, A = () => {
         switch (t.size) {
           case "sm":
             return "2xsm";
@@ -81,8 +80,8 @@ const ne = ["sm", "md", "lg"], fe = ["tabindex"], d = Q("menu_item"), Z = /* @__
       return {
         iconSize: a(),
         buttonSize: h(),
-        checkIconSize: P(),
-        switchSize: P(),
+        checkIconSize: A(),
+        switchSize: A(),
         checkboxSize: a(),
         avatarSize: z(),
         graphicalObjectSize: z(),
@@ -144,7 +143,7 @@ const ne = ["sm", "md", "lg"], fe = ["tabindex"], d = Q("menu_item"), Z = /* @__
           icon: a.branchIcon,
           class: f([o(b)(o(d), "branch"), a.branchCls ?? ""])
         }, {
-          default: A(() => [
+          default: P(() => [
             m(a.$slots, "branchIcon", O(T(u.value)))
           ]),
           _: 3
@@ -206,7 +205,7 @@ const ne = ["sm", "md", "lg"], fe = ["tabindex"], d = Q("menu_item"), Z = /* @__
     }), a = E(), h = i(() => {
       var s;
       return t.triggerSubMenuAction ?? ((s = n.triggerSubMenuAction) == null ? void 0 : s.value);
-    }), P = (s) => {
+    }), A = (s) => {
       var k;
       (h.value === "click" || (k = e.value) != null && k.length) && (s.stopPropagation(), s.preventDefault());
     }, z = Q("sub_menu"), n = Be(), $ = i(() => {
@@ -265,7 +264,7 @@ const ne = ["sm", "md", "lg"], fe = ["tabindex"], d = Q("menu_item"), Z = /* @__
       return u.value ? {
         size: c.value,
         containerProps: {
-          onClick: P
+          onClick: A
         },
         to: a,
         reversePlacementOnDir: "rtl",
@@ -286,19 +285,19 @@ const ne = ["sm", "md", "lg"], fe = ["tabindex"], d = Q("menu_item"), Z = /* @__
     return (s, k) => {
       const M = ie("MenuItem", !0);
       return u.value ? (r(), N(ce, D({ key: 0 }, le.value, { "onUpdate:open": te }), {
-        content: A(() => [
+        content: P(() => [
           m(s.$slots, "items", O(T({ ...t, key: $.value })), () => [
             (r(!0), v(J, null, w(s.items, (p) => (r(), N(M, D({ ref_for: !0 }, p), U({ _: 2 }, [
               w(Object.keys(l), (B) => ({
                 name: B,
-                fn: A((ae) => [
+                fn: P((ae) => [
                   m(s.$slots, B, D({ ref_for: !0 }, ae))
                 ])
               }))
             ]), 1040))), 256))
           ])
         ]),
-        default: A(() => [
+        default: P(() => [
           u.value ? (r(), v("div", D({
             key: 0,
             class: [o(z), t.submenuTriggerCls],
@@ -310,7 +309,7 @@ const ne = ["sm", "md", "lg"], fe = ["tabindex"], d = Q("menu_item"), Z = /* @__
             }), U({ _: 2 }, [
               w(Object.keys(l), (p) => ({
                 name: p,
-                fn: A((B) => [
+                fn: P((B) => [
                   m(s.$slots, p, O(T(B)))
                 ])
               }))
@@ -321,14 +320,14 @@ const ne = ["sm", "md", "lg"], fe = ["tabindex"], d = Q("menu_item"), Z = /* @__
       }, 16)) : (r(), N(Z, O(D({ key: 1 }, X.value)), U({ _: 2 }, [
         w(Object.keys(l), (p) => ({
           name: p,
-          fn: A((B) => [
+          fn: P((B) => [
             m(s.$slots, p, O(T({ ...B, key: $.value })))
           ])
         }))
       ]), 1040));
     };
   }
-}), Me = [...ne, "none"], [ze, Se] = ee("Menu"), Be = () => ze({}), Fe = /* @__PURE__ */ H({
+}), Me = [...ne, "none"], [ze, Se] = ee("Menu"), Be = () => ze({}), we = /* @__PURE__ */ H({
   ...W("Menu"),
   __name: "Menu",
   props: {
@@ -370,7 +369,7 @@ const ne = ["sm", "md", "lg"], fe = ["tabindex"], d = Q("menu_item"), Z = /* @__
         h.value = l.openKeys ?? [];
       }
     );
-    const P = (e, y) => {
+    const A = (e, y) => {
       let c = q(h.value);
       y ? c = [...e.parentKeys, e.key] : c = c.filter((C) => C !== e.key), l.openKeys || (h.value = c), g("update:openKeys", c), g("openChange", c);
     }, z = (e) => h.value.includes(e), n = E(l.selectedKeys ?? []);
@@ -381,7 +380,7 @@ const ne = ["sm", "md", "lg"], fe = ["tabindex"], d = Q("menu_item"), Z = /* @__
       }
     );
     const $ = (e, y) => {
-      const c = ![void 0, null].includes(e.key) && (ve(e.key) && !ye(e.key) || me(e.key));
+      const c = ![void 0, null].includes(e.key) && (ve(e.key) && !me(e.key) || ye(e.key));
       if (!e.danger && !e.disabled && c && l.selectable && !e.hasChildren) {
         if (l.multiple)
           if (n.value.indexOf(e.key) > -1) {
@@ -411,7 +410,7 @@ const ne = ["sm", "md", "lg"], fe = ["tabindex"], d = Q("menu_item"), Z = /* @__
       submenuCls: i(() => l.submenuCls),
       onClick: $,
       isItemSelected: L,
-      onChildrenOpenChange: P,
+      onChildrenOpenChange: A,
       isOpen: z
     }), (e, y) => (r(), v("div", {
       class: f([o(a)({ gap: e.gap ?? e.size }), l.class]),
@@ -442,7 +441,7 @@ const ne = ["sm", "md", "lg"], fe = ["tabindex"], d = Q("menu_item"), Z = /* @__
         (r(!0), v(J, null, w(e.items, (c) => (r(), N(ke, D({ ref_for: !0 }, c), U({ _: 2 }, [
           w(Object.keys(e.$slots), (C) => ({
             name: C,
-            fn: A((S) => [
+            fn: P((S) => [
               m(e.$slots, C, D({ ref_for: !0 }, S))
             ])
           }))
@@ -453,7 +452,7 @@ const ne = ["sm", "md", "lg"], fe = ["tabindex"], d = Q("menu_item"), Z = /* @__
 });
 export {
   Me as M,
-  Fe as _,
+  we as _,
   ke as a,
   ne as b,
   Be as i,

package/dist/Menu.vue_vue_type_style_index_0_lang-CyYhodWd.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("@pantograph/utils"),E=require("class-variance-authority"),D=require("./options-B4iSAKol.js"),R=require("./Popover.vue_vue_type_style_index_0_lang-BklvbKcI.js"),B=require("./Icon.vue_vue_type_style_index_0_lang-CIFtTipO.js"),$=require("reka-ui"),_=require("./useInputDataStates-NUYy6fip.js"),K=["sm","md","lg"],U=["tabindex"],u=a.getBemBlock("menu_item"),V=e.defineComponent({...D.getComponentOptions("MenuItemContent"),__name:"MenuItemContent",props:{size:{},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean},description:{},selected:{type:Boolean},unFocusable:{type:Boolean},danger:{type:Boolean},disabled:{type:Boolean},class:{},leadingCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean},trailingCls:{},branchCls:{},branchIcon:{},hasChildren:{type:Boolean}},setup(z){const l=z,r=e.useSlots(),p=E.cva(u,{variants:{size:a.generateVariantClassList(K,u),selected:a.generateVariantClassList("selected",u),unFocusable:a.generateVariantClassList("un-focusable",u),danger:a.generateVariantClassList("danger",u),disabled:a.generateVariantClassList("disabled",u),hoverTrailing:a.generateVariantClassList("hover-trailing",u),description:a.generateVariantClassList("description",u),leadingCenter:a.generateVariantClassList("leading-center",u)}}),i=e.computed(()=>{const o=()=>{switch(l.size){case"sm":return"2xsm";default:return"xsm"}},C=()=>{switch(l.size){case"lg":return"md";default:return"sm"}},S=()=>{switch(l.size){case"sm":return"2xsm";case"md":return"xsm";default:return"sm"}},y=()=>{switch(l.size){case"lg":return"md";case"md":return"xsm";default:return"2xsm"}};return{iconSize:o(),buttonSize:C(),checkIconSize:S(),switchSize:S(),checkboxSize:o(),avatarSize:y(),graphicalObjectSize:y(),badgeSize:y(),...l}});return(o,C)=>(e.openBlock(),e.createElementBlock("div",{role:"menuitem",tabindex:o.unFocusable?void 0:0,class:e.normalizeClass([e.unref(p)({size:o.size,selected:o.selected,unFocusable:o.unFocusable,danger:o.danger,disabled:o.disabled,hoverTrailing:o.hoverTrailing,leadingCenter:o.leadingCenter,description:!!(r.description||l.description)}),l.class])},[r.leading||l.leading?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"leading"),o.leadingCls])},[e.renderSlot(o.$slots,"leading",e.normalizeProps(e.guardReactiveProps(i.value)),()=>[e.createTextVNode(e.toDisplayString(o.leading),1)])],2)):e.createCommentVNode("",!0),r.title||l.title||r.description||l.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"content"),o.contentCls])},[r.title||l.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"title"),o.titleCls])},[e.renderSlot(o.$slots,"title",e.normalizeProps(e.guardReactiveProps(l)),()=>[e.createTextVNode(e.toDisplayString(o.title),1)])],2)):e.createCommentVNode("",!0),r.description||l.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"description"),o.descriptionCls])},[e.renderSlot(o.$slots,"description",e.normalizeProps(e.guardReactiveProps(l)),()=>[e.createTextVNode(e.toDisplayString(o.description),1)])],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),o.hasChildren||r.trailing||l.trailing?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[o.hasChildren?(e.openBlock(),e.createBlock(B._sfc_main$3,{key:0,"flip-on-dir":"rtl",size:i.value.checkIconSize,icon:o.branchIcon,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"branch"),o.branchCls??""])},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"branchIcon",e.normalizeProps(e.guardReactiveProps(i.value)))]),_:3},8,["size","icon","class"])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(u),"trailing"),o.trailingCls])},[e.renderSlot(o.$slots,"trailing",e.normalizeProps(e.guardReactiveProps(i.value)),()=>[e.createTextVNode(e.toDisplayString(o.trailing),1)])],2))],64)):e.createCommentVNode("",!0)],10,U))}}),[G,H]=$.createContext("MenuItem"),T=e.defineComponent({...D.getComponentOptions("MenuItem"),__name:"MenuItem",props:{subMenuCloseDelay:{default:300},subMenuOpenDelay:{default:700},triggerSubMenuAction:{},submenuTriggerCls:{},submenuCls:{},forceMountSubmenu:{type:Boolean,default:void 0},items:{},size:{default:"md"},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean,default:void 0},description:{},selected:{type:Boolean,default:void 0},unFocusable:{type:Boolean,default:void 0},danger:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},class:{},leadingCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean,default:void 0},trailingCls:{},branchCls:{},branchIcon:{default:"tabler:chevron-right"}},setup(z){const l=z,r=e.useSlots(),p=e.computed(()=>{switch(l.size){case"lg":return 10;case"md":return 8;default:return 6}}),i=e.computed(()=>{var s;return!!((s=l.items)!=null&&s.length||r.items)}),o=e.ref(),C=e.computed(()=>{var s;return l.triggerSubMenuAction??((s=t.triggerSubMenuAction)==null?void 0:s.value)}),S=s=>{var v;(C.value==="click"||(v=n.value)!=null&&v.length)&&(s.stopPropagation(),s.preventDefault())},y=a.getBemBlock("sub_menu"),t=L(),b=e.computed(()=>{var s;return((s=e.getCurrentInstance())==null?void 0:s.vnode.key)??a.usePCId(u)}),M=G({}),n=e.computed(()=>{var s;return((s=M.parentKeys)==null?void 0:s.value)??[]});H({parentKeys:e.computed(()=>[...n.value,b.value])});const m=e.computed(()=>({...l,key:b.value,hasChildren:i.value,parentKeys:n.value})),c=e.computed(()=>{var s;return((s=t.size)==null?void 0:s.value)??l.size}),g=()=>!i.value&&l.disabled,{rootBindings:k,inputBindings:P}=_.UseInputDataStates({getDisabled:g}),O=e.computed(()=>{var s,v,f;return{...B.omit(l,"subMenuOpenDelay","triggerSubMenuAction","submenuTriggerCls","submenuCls","forceMountSubmenu","items"),size:c.value,selected:((s=t.isItemSelected)==null?void 0:s.call(t,m.value))??l.selected,unFocusable:t.onClick?void 0:l.unFocusable,disabled:g(),hoverTrailing:l.hoverTrailing??((v=t.hoverTrailing)==null?void 0:v.value),leadingCenter:l.leadingCenter??((f=t.leadingCenter)==null?void 0:f.value),hasChildren:i.value,onClick:d=>{var h;return(h=t.onClick)==null?void 0:h.call(t,m.value,d)},...P.value}}),I=e.ref(!1),A=e.computed(()=>{var s;return((s=t.isOpen)==null?void 0:s.call(t,b.value))??I.value}),F=s=>{var f,d;(((f=t.isOpen)==null?void 0:f.call(t,b.value))??I.value)!==s&&(t.onChildrenOpenChange?(d=t.onChildrenOpenChange)==null||d.call(t,m.value,s):I.value=s)},j=e.computed(()=>{var s,v,f,d;return i.value?{size:c.value,containerProps:{onClick:S},to:o,reversePlacementOnDir:"rtl",placement:"right-start",containerCls:[a.getBemElement(y,"items"),(s=t.submenuCls)==null?void 0:s.value,l.submenuCls],sideOffset:p.value,forceMount:l.forceMountSubmenu??((v=t.forceMountSubmenu)==null?void 0:v.value),trigger:C.value,closeDelay:((f=t.subMenuCloseDelay)==null?void 0:f.value)??l.subMenuCloseDelay,openDelay:((d=t.subMenuOpenDelay)==null?void 0:d.value)??l.subMenuOpenDelay,open:A.value}:{}});return(s,v)=>{const f=e.resolveComponent("MenuItem",!0);return i.value?(e.openBlock(),e.createBlock(R._sfc_main,e.mergeProps({key:0},j.value,{"onUpdate:open":F}),{content:e.withCtx(()=>[e.renderSlot(s.$slots,"items",e.normalizeProps(e.guardReactiveProps({...l,key:b.value})),()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,d=>(e.openBlock(),e.createBlock(f,e.mergeProps({ref_for:!0},d),e.createSlots({_:2},[e.renderList(Object.keys(r),h=>({name:h,fn:e.withCtx(q=>[e.renderSlot(s.$slots,h,e.mergeProps({ref_for:!0},q))])}))]),1040))),256))])]),default:e.withCtx(()=>[i.value?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:[e.unref(y),l.submenuTriggerCls],ref_key:"root",ref:o},e.unref(k)),[e.createVNode(V,e.mergeProps(O.value,{class:e.unref(a.getBemElement)(e.unref(y),"trigger")}),e.createSlots({_:2},[e.renderList(Object.keys(r),d=>({name:d,fn:e.withCtx(h=>[e.renderSlot(s.$slots,d,e.normalizeProps(e.guardReactiveProps(h)))])}))]),1040,["class"])],16)):e.createCommentVNode("",!0)]),_:3},16)):(e.openBlock(),e.createBlock(V,e.normalizeProps(e.mergeProps({key:1},O.value)),e.createSlots({_:2},[e.renderList(Object.keys(r),d=>({name:d,fn:e.withCtx(h=>[e.renderSlot(s.$slots,d,e.normalizeProps(e.guardReactiveProps({...h,key:b.value})))])}))]),1040))}}}),w=[...K,"none"],[J,N]=$.createContext("Menu"),L=()=>J({}),Q=e.defineComponent({...D.getComponentOptions("Menu"),__name:"Menu",props:{size:{default:"md"},header:{},forceMountSubmenu:{type:Boolean},multiple:{type:Boolean},selectable:{type:Boolean,default:!0},hoverTrailing:{type:Boolean},leadingCenter:{type:Boolean},items:{},class:{},submenuCls:{},openKeys:{},selectedKeys:{},subMenuCloseDelay:{},subMenuOpenDelay:{},triggerSubMenuAction:{default:"hover"},gap:{}},emits:["update:openKeys","update:selectedKeys","openChange","click","headerClick","deselect","select"],setup(z,{emit:l}){const r=z,p=l,i=a.getBemBlock("menu"),o=E.cva(i,{variants:{gap:a.generateVariantClassList(w,i)}}),C=e.ref(r.openKeys??[]);e.watch(()=>r.openKeys,()=>{C.value=r.openKeys??[]});const S=(n,m)=>{let c=B.cloneDeep(C.value);m?c=[...n.parentKeys,n.key]:c=c.filter(g=>g!==n.key),r.openKeys||(C.value=c),p("update:openKeys",c),p("openChange",c)},y=n=>C.value.includes(n),t=e.ref(r.selectedKeys??[]);e.watch(()=>r.selectedKeys,()=>{t.value=r.selectedKeys??[]});const b=(n,m)=>{const c=![void 0,null].includes(n.key)&&(B.isString(n.key)&&!B.isEmpty(n.key)||B.isNumber(n.key));if(!n.danger&&!n.disabled&&c&&r.selectable&&!n.hasChildren){if(r.multiple)if(t.value.indexOf(n.key)>-1){if(t.value.length>1){const k=B.cloneDeep(t.value).filter(P=>P!==n.key);r.selectedKeys||(t.value=k),p("update:selectedKeys",k),p("deselect",{item:n,selectedKeys:t.value})}}else{const k=[...B.cloneDeep(t.value),n.key];r.selectedKeys||(t.value=k),p("update:selectedKeys",k),p("select",{item:n,selectedKeys:t.value})}else{const g=[n.key];r.selectedKeys||(t.value=g),p("update:selectedKeys",g),p("select",{item:n,selectedKeys:t.value})}p("click",n,m)}},M=n=>!n.danger&&!n.disabled&&t.value.includes(n.key);return N({size:e.computed(()=>r.size),forceMountSubmenu:e.computed(()=>r.forceMountSubmenu),hoverTrailing:e.computed(()=>r.hoverTrailing),leadingCenter:e.computed(()=>r.leadingCenter),subMenuCloseDelay:e.computed(()=>r.subMenuCloseDelay),subMenuOpenDelay:e.computed(()=>r.subMenuOpenDelay),triggerSubMenuAction:e.computed(()=>r.triggerSubMenuAction),submenuCls:e.computed(()=>r.submenuCls),onClick:b,isItemSelected:M,onChildrenOpenChange:S,isOpen:y}),(n,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(o)({gap:n.gap??n.size}),r.class]),onClick:m[1]||(m[1]=e.withModifiers(()=>{},["stop"]))},[n.$slots.header||n.header||n.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(i),"header")]),onClick:m[0]||(m[0]=c=>p("headerClick",c))},[n.$slots.header||n.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(i),"header__title")])},[e.renderSlot(n.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(n.header),1)])],2)):e.createCommentVNode("",!0),n.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(a.getBemElement)(e.unref(i),"header__actions")])},[e.renderSlot(n.$slots,"headerActions")],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,c=>(e.openBlock(),e.createBlock(T,e.mergeProps({ref_for:!0},c),e.createSlots({_:2},[e.renderList(Object.keys(n.$slots),g=>({name:g,fn:e.withCtx(k=>[e.renderSlot(n.$slots,g,e.mergeProps({ref_for:!0},k))])}))]),1040))),256))])],2))}});exports.MenuGaps=w;exports.MenuItemSizes=K;exports._sfc_main=Q;exports._sfc_main$1=T;exports.injectMenuContext=L;exports.provideMenuContext=N;

package/dist/MenuItem/index.js

@@ -1,4 +1,4 @@
-import { a as s, b as t, a as m } from "../Menu.vue_vue_type_style_index_0_lang-CxAgw2gt.js";
+import { a as s, b as t, a as m } from "../Menu.vue_vue_type_style_index_0_lang-BrnaLusN.js";
 export {
   s as MenuItem,
   t as MenuItemSizes,

package/dist/MenuItem/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Menu.vue_vue_type_style_index_0_lang-DDpRuAzz.js");exports.MenuItem=e._sfc_main$1;exports.MenuItemSizes=e.MenuItemSizes;exports.default=e._sfc_main$1;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Menu.vue_vue_type_style_index_0_lang-CyYhodWd.js");exports.MenuItem=e._sfc_main$1;exports.MenuItemSizes=e.MenuItemSizes;exports.default=e._sfc_main$1;

package/dist/Popover/Popover.d.ts

@@ -1,4 +1,4 @@
-import { PopoverContentProps, HoverCardRootProps, PopoverPortalProps } from 'radix-vue';
+import { PopoverContentProps, HoverCardRootProps, PopoverPortalProps } from 'reka-ui';
 import { Class } from '../types';
 import { PopoverPlacement, PopoverSize } from './Popover.model';
 import { Direction } from '../ConfigProvider';
@@ -26,12 +26,10 @@ declare function __VLS_template(): {
         triggerRef: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
-            $props: Partial<{
-                as: import('radix-vue').AsTag | import('vue').Component;
-            }> & Omit<{
-                readonly as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
+            $props: {
                 readonly asChild?: boolean | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "as">;
+                readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -46,16 +44,8 @@ declare function __VLS_template(): {
             $host: Element | null;
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                as: {
-                    type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                    default: string;
-                };
-                asChild: {
-                    type: import('vue').PropType<boolean>;
-                };
-            }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                as: import('radix-vue').AsTag | import('vue').Component;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).PopoverTriggerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                as: import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -77,16 +67,58 @@ declare function __VLS_template(): {
             $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('radix-vue').AsTag | import('vue').Component;
-        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-            as: {
-                type: import('vue').PropType<import('vue').Component | import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag>;
-                default: string;
+            as: import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
+        }> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).PopoverTriggerProps> & Readonly<{}>, "as"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly reference?: import('reka-ui', { with: { "resolution-mode": "import" } }).ReferenceElement | undefined;
+                readonly asChild?: boolean | undefined;
+                readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
             };
-            asChild: {
-                type: import('vue').PropType<boolean>;
+            $refs: {
+                [x: string]: unknown;
             };
-        }>>, "as"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).HoverCardTriggerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                as: import('reka-ui', { with: { "resolution-mode": "import" } }).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: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: 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', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
+        }> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).HoverCardTriggerProps> & Readonly<{}>, "as"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
             };
@@ -98,17 +130,33 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<PopoverProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
-    pointerDownOutside: (event: import('../../../../node_modules/radix-vue/dist/DismissableLayer/index.js', { with: { "resolution-mode": "import" } }).PointerDownOutsideEvent) => any;
-    focusOutside: (event: import('../../../../node_modules/radix-vue/dist/DismissableLayer/index.js', { with: { "resolution-mode": "import" } }).FocusOutsideEvent) => any;
-    interactOutside: (event: import('../../../../node_modules/radix-vue/dist/DismissableLayer/index.js', { with: { "resolution-mode": "import" } }).PointerDownOutsideEvent | import('../../../../node_modules/radix-vue/dist/DismissableLayer/index.js', { with: { "resolution-mode": "import" } }).FocusOutsideEvent) => any;
+    pointerDownOutside: (event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => any;
+    focusOutside: (event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any;
+    interactOutside: (event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any;
     openAutoFocus: (event: Event) => any;
     closeAutoFocus: (event: Event) => any;
 }, string, import('vue').PublicProps, Readonly<PopoverProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: import('../../../../node_modules/radix-vue/dist/DismissableLayer/index.js', { with: { "resolution-mode": "import" } }).PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: import('../../../../node_modules/radix-vue/dist/DismissableLayer/index.js', { with: { "resolution-mode": "import" } }).FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: import('../../../../node_modules/radix-vue/dist/DismissableLayer/index.js', { with: { "resolution-mode": "import" } }).PointerDownOutsideEvent | import('../../../../node_modules/radix-vue/dist/DismissableLayer/index.js', { with: { "resolution-mode": "import" } }).FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => any) | undefined;
+    onFocusOutside?: ((event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any) | undefined;
+    onInteractOutside?: ((event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {

package/dist/Popover/index.js

@@ -1,4 +1,4 @@
-import { _ as a, a as s, P as r, _ as P } from "../Popover.vue_vue_type_style_index_0_lang-BHPFTCxh.js";
+import { _ as a, a as s, P as r, _ as P } from "../Popover.vue_vue_type_style_index_0_lang-Nc78vcLj.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-CuNiigpu.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_style_index_0_lang-BklvbKcI.js");exports.Popover=e._sfc_main;exports.PopoverPlacements=e.PopoverPlacements;exports.PopoverSizes=e.PopoverSizes;exports.default=e._sfc_main;

package/dist/Popover.vue_vue_type_style_index_0_lang-BklvbKcI.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),v=require("@pantograph/utils"),U=require("class-variance-authority"),n=require("reka-ui"),y=require("./element-BURaVF00.js"),V=require("./options-B4iSAKol.js"),a=require("./Icon.vue_vue_type_style_index_0_lang-CIFtTipO.js"),z=["sm","md","lg"],L=["top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"],M=e.defineComponent({...V.getComponentOptions("Popover",!1),__name:"Popover",props:{class:{},containerCls:{},containerProps:{},trigger:{default:"hover"},size:{default:"md"},placement:{default:"bottom"},to:{},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},sticky:{default:"always"},prioritizePosition:{type:Boolean,default:!0},sideOffset:{},alignOffset:{},collisionBoundary:{}},emits:["update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","openAutoFocus","closeAutoFocus"],setup(w,{emit:A}){const P=A,h=n.useEmitAsProps(P),t=w,D=v.getBemBlock("popover"),b=v.getBemElement(D,"trigger"),B=v.getBemElement(D,"content"),S=U.cva(B,{variants:{size:v.generateVariantClassList(z,B)}}),C=e.useSlots(),k=e.computed(()=>{var r;const o=y.filterEmpty((r=C.default)==null?void 0:r.call(C))??null,s=o.length===1?o[0]:o;return s?y.isValidElement(s)&&!y.isFragment(s):!0}),$=e.computed(()=>({...a.pick(t,"open","defaultOpen"),...a.pick(h,"onUpdate:open")})),c=e.ref(),q=e.computed(()=>{var p,i,d,f,m;const{to:o,disabled:s,forceMount:r}=t;let u=((p=e.unref(o))==null?void 0:p.$el)??e.unref(o);if(o instanceof Function){const g=((d=(i=c.value)==null?void 0:i.$el)==null?void 0:d.nodeName)!=="#text"?(f=c.value)==null?void 0:f.$el:(m=c.value)==null?void 0:m.$el.nextSibling;u=o(g)}return{to:u,disabled:s,forceMount:r}}),I=e.computed(()=>t.trigger==="hover"?n.HoverCardRoot:n.PopoverRoot),E=e.computed(()=>t.trigger==="hover"?n.HoverCardTrigger:n.PopoverTrigger),R=e.computed(()=>t.trigger==="hover"?n.HoverCardPortal:n.PopoverPortal),_=e.computed(()=>t.trigger==="hover"?n.HoverCardContent:n.PopoverContent),{config:O,getFlipOnDir:F}=a.useConfig(),H=F("reversePlacementOnDir"),x=e.computed(()=>{var g;const{sticky:o,prioritizePosition:s,placement:r,sideOffset:u,alignOffset:p}=t;let[i="bottom",d="center"]=((g=r==null?void 0:r.split)==null?void 0:g.call(r,"-"))||["bottom","center"];F("reversePlacementOnDir")&&O.dir.value&&O.dir.value===H.value&&(i={right:"left",left:"right"}[i]??i);const f=l=>{t.autoFocusInside||l.preventDefault(),P("closeAutoFocus",l)},m=l=>{t.autoFocusInside||l.preventDefault(),P("openAutoFocus",l)};return{...a.omit(h,"onUpdate:open","closeAutoFocus","openAutoFocus"),...a.omit(t.containerProps,"class"),onCloseAutoFocus:f,onOpenAutoFocus:m,sticky:o,prioritizePosition:s,side:i,align:d,sideOffset:u,alignOffset:p}}),T=o=>{t.trigger==="hover"&&o.stopPropagation()};return(o,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(I.value),e.mergeProps({key:k.value},$.value,{openDelay:o.openDelay,closeDelay:o.closeDelay}),{default:e.withCtx(({open:r})=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(E.value),e.mergeProps({asChild:k.value,as:"span",class:[e.unref(b),t.class],onPointerdown:T},o.$attrs,{ref_key:"triggerRef",ref:c}),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16,["asChild","class"])),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(R.value),e.normalizeProps(e.guardReactiveProps(q.value)),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(e.resolveDynamicComponent(_.value),e.mergeProps({style:{zIndex:o.zIndex}},x.value,{class:[e.unref(S)({size:o.size}),o.$attrs.containerClass,o.containerCls]}),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"content")]),_:2},1040,["style","class"])),[[e.vShow,r]])]),_:2},1040))]),_:3},16,["openDelay","closeDelay"]))}});exports.PopoverPlacements=L;exports.PopoverSizes=z;exports._sfc_main=M;

package/dist/{Popover.vue_vue_type_style_index_0_lang-BHPFTCxh.js → Popover.vue_vue_type_style_index_0_lang-Nc78vcLj.js}

@@ -1,10 +1,10 @@
-import { defineComponent as j, useSlots as q, computed as n, ref as G, unref as g, createBlock as m, openBlock as v, resolveDynamicComponent as P, mergeProps as D, withCtx as y, renderSlot as k, normalizeProps as J, guardReactiveProps as Q, withDirectives as W, vShow as X } from "vue";
+import { defineComponent as N, useSlots as q, computed as n, ref as G, unref as g, createBlock as m, openBlock as v, resolveDynamicComponent as P, mergeProps as D, withCtx as y, renderSlot as k, normalizeProps as J, guardReactiveProps as Q, withDirectives as W, vShow as X } from "vue";
 import { getBemBlock as Y, getBemElement as w, generateVariantClassList as Z } from "@pantograph/utils";
 import { cva as ee } from "class-variance-authority";
-import { useEmitAsProps as oe, HoverCardRoot as te, PopoverRoot as re, HoverCardTrigger as ne, PopoverTrigger as se, HoverCardPortal as ae, PopoverPortal as ie, HoverCardContent as le, PopoverContent as ce } from "radix-vue";
-import { f as ue, a as pe, i as fe } from "./element-CayrDxFe.js";
+import { useEmitAsProps as oe, HoverCardRoot as te, PopoverRoot as re, HoverCardTrigger as ne, PopoverTrigger as se, HoverCardPortal as ae, PopoverPortal as ie, HoverCardContent as le, PopoverContent as ce } from "reka-ui";
+import { f as pe, a as ue, i as fe } from "./element-CayrDxFe.js";
 import { g as de } from "./options-JBqnVZUl.js";
-import { t as $, u as ge, o as S } from "./Icon.vue_vue_type_style_index_0_lang-CaH23-ZR.js";
+import { j as $, u as ge, o as S } from "./Icon.vue_vue_type_style_index_0_lang-CpvDQCOg.js";
 const me = ["sm", "md", "lg"], Fe = [
   "top",
   "top-start",
@@ -18,7 +18,7 @@ const me = ["sm", "md", "lg"], Fe = [
   "left",
   "left-start",
   "left-end"
-], Be = /* @__PURE__ */ j({
+], Be = /* @__PURE__ */ N({
   ...de("Popover", !1),
   __name: "Popover",
   props: {
@@ -37,6 +37,7 @@ const me = ["sm", "md", "lg"], Fe = [
     openDelay: {},
     closeDelay: {},
     disabled: { type: Boolean },
+    defer: { type: Boolean },
     forceMount: { type: Boolean },
     sticky: { default: "always" },
     prioritizePosition: { type: Boolean, default: !0 },
@@ -52,17 +53,17 @@ const me = ["sm", "md", "lg"], Fe = [
       }
     }), h = q(), z = n(() => {
       var t;
-      const e = ue((t = h.default) == null ? void 0 : t.call(h)) ?? null, r = e.length === 1 ? e[0] : e;
-      return r ? pe(r) && !fe(r) : !0;
+      const e = pe((t = h.default) == null ? void 0 : t.call(h)) ?? null, r = e.length === 1 ? e[0] : e;
+      return r ? ue(r) && !fe(r) : !0;
     }), _ = n(() => ({
       ...$(o, "open", "defaultOpen"),
       ...$(O, "onUpdate:open")
     })), i = G(), T = n(() => {
-      var c, s, u, p, f;
+      var c, s, p, u, f;
       const { to: e, disabled: r, forceMount: t } = o;
       let l = ((c = g(e)) == null ? void 0 : c.$el) ?? g(e);
       if (e instanceof Function) {
-        const d = ((u = (s = i.value) == null ? void 0 : s.$el) == null ? void 0 : u.nodeName) !== "#text" ? (p = i.value) == null ? void 0 : p.$el : (f = i.value) == null ? void 0 : f.$el.nextSibling;
+        const d = ((p = (s = i.value) == null ? void 0 : s.$el) == null ? void 0 : p.nodeName) !== "#text" ? (u = i.value) == null ? void 0 : u.$el : (f = i.value) == null ? void 0 : f.$el.nextSibling;
         l = e(d);
       }
       return {
@@ -70,18 +71,18 @@ const me = ["sm", "md", "lg"], Fe = [
         disabled: r,
         forceMount: t
       };
-    }), L = n(() => o.trigger === "hover" ? te : re), M = n(() => o.trigger === "hover" ? ne : se), U = n(() => o.trigger === "hover" ? ae : ie), V = n(() => o.trigger === "hover" ? le : ce), { config: A, getFlipOnDir: b } = ge(), x = b("reversePlacementOnDir"), K = n(() => {
+    }), L = n(() => o.trigger === "hover" ? te : re), M = n(() => o.trigger === "hover" ? ne : se), U = n(() => o.trigger === "hover" ? ae : ie), V = n(() => o.trigger === "hover" ? le : ce), { config: A, getFlipOnDir: b } = ge(), j = b("reversePlacementOnDir"), x = n(() => {
       var d;
       const { sticky: e, prioritizePosition: r, placement: t, sideOffset: l, alignOffset: c } = o;
       let [
         s = "bottom",
-        u = "center"
+        p = "center"
       ] = ((d = t == null ? void 0 : t.split) == null ? void 0 : d.call(t, "-")) || ["bottom", "center"];
-      b("reversePlacementOnDir") && A.dir.value && A.dir.value === x.value && (s = {
+      b("reversePlacementOnDir") && A.dir.value && A.dir.value === j.value && (s = {
         right: "left",
         left: "right"
       }[s] ?? s);
-      const p = (a) => {
+      const u = (a) => {
         o.autoFocusInside || a.preventDefault(), C("closeAutoFocus", a);
       }, f = (a) => {
         o.autoFocusInside || a.preventDefault(), C("openAutoFocus", a);
@@ -89,16 +90,16 @@ const me = ["sm", "md", "lg"], Fe = [
       return {
         ...S(O, "onUpdate:open", "closeAutoFocus", "openAutoFocus"),
         ...S(o.containerProps, "class"),
-        onCloseAutoFocus: p,
+        onCloseAutoFocus: u,
         onOpenAutoFocus: f,
         sticky: e,
         prioritizePosition: r,
         side: s,
-        align: u,
+        align: p,
         sideOffset: l,
         alignOffset: c
       };
-    }), N = (e) => {
+    }), K = (e) => {
       o.trigger === "hover" && e.stopPropagation();
     };
     return (e, r) => (v(), m(P(L.value), D({
@@ -112,7 +113,7 @@ const me = ["sm", "md", "lg"], Fe = [
           asChild: z.value,
           as: "span",
           class: [g(E), o.class],
-          onPointerdown: N
+          onPointerdown: K
         }, e.$attrs, {
           ref_key: "triggerRef",
           ref: i
@@ -126,7 +127,7 @@ const me = ["sm", "md", "lg"], Fe = [
           default: y(() => [
             W((v(), m(P(V.value), D({
               style: { zIndex: e.zIndex }
-            }, K.value, {
+            }, x.value, {
               class: [g(H)({ size: e.size }), e.$attrs.containerClass, e.containerCls]
             }), {
               default: y(() => [

package/dist/RadioGroup/RadioGroup.d.ts

@@ -1,8 +1,9 @@
-import { RadioGroupRootProps } from 'radix-vue';
+import { RadioGroupRootProps } from 'reka-ui';
 import { RadioGroupItemProps } from './RadioGroupItem';
 import { RadioGroupSize } from './RadioGroup.model';
 import { Class } from '../types';
 export interface RadioGroupProps extends RadioGroupRootProps {
+    /** deprecated */
     items?: RadioGroupItemProps[];
     options?: RadioGroupItemProps[];
     size?: RadioGroupSize;
@@ -22,7 +23,7 @@ declare const __VLS_component: import('vue').DefineComponent<RadioGroupProps, {}
     "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
 }>, {
     size: RadioGroupSize;
-    orientation: import('../../../../node_modules/radix-vue/dist/shared/types.js', { with: { "resolution-mode": "import" } }).DataOrientation;
+    orientation: "horizontal" | "vertical";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/RadioGroup/RadioGroupItem.d.ts

@@ -1,4 +1,4 @@
-import { RadioGroupItemProps as RadixRadioGroupItemProps } from 'radix-vue';
+import { RadioGroupItemProps as RadixRadioGroupItemProps } from 'reka-ui';
 import { Class } from '../types';
 export interface RadioGroupItemProps extends Omit<RadixRadioGroupItemProps, 'asChild' | 'as'> {
     class?: Class;

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-CWL4InJh.js";
+import { _ as r, a as d, _ as e } from "../RadioGroup.vue_vue_type_script_setup_true_lang-_JHawXtl.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-D3LRE5oP.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-CM5wgorK.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-CM5wgorK.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),i=require("reka-ui"),k=require("class-variance-authority"),C=require("./Icon.vue_vue_type_style_index_0_lang-CIFtTipO.js"),b=require("./options-B4iSAKol.js"),v=require("./useInputDataStates-NUYy6fip.js"),t=require("@pantograph/utils"),V=["for"],l=t.getBemBlock("radio_group"),_=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 o=u,s=t.getBemElement(l,"item"),d=e.useSlots(),m=c,r=e.computed(()=>o.id??t.usePCId(s)),{rootBindings:p,inputBindings:n}=v.UseInputDataStates({getDisabled:()=>o.disabled,emit:m}),f=e.computed(()=>({...C.omit(o,"class","id","rootCls","labelCls","label"),id:r.value,...n.value})),B=e.computed(()=>!!(d.label||o.label));return(a,g)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:[e.unref(t.getBemElement)(e.unref(s),"root"),a.rootCls]},e.unref(p)),[e.createVNode(e.unref(i.RadioGroupItem),e.mergeProps({class:[e.unref(s),o.class]},f.value),{default:e.withCtx(()=>[e.createVNode(e.unref(i.RadioGroupIndicator),{class:e.normalizeClass(e.unref(t.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(t.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 o=u,s=c,d=e.computed(()=>C.omit(o,"items","options","class")),m=i.useForwardPropsEmits(d,s),r=k.cva(l,{variants:{size:t.generateVariantClassList(h,l),orientation:t.generateVariantClassList(["vertical","horizontal"],l)}}),{getDisabled:p}=v.useFormInput(),n=e.computed(()=>o.options??o.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)(o),o.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(_,e.mergeProps({ref_for:!0},g),null,16))),256)):e.createCommentVNode("",!0)]})]),_:3},16,["class"]))}});exports._sfc_main=y;exports._sfc_main$1=_;

package/dist/{RadioGroup.vue_vue_type_script_setup_true_lang-CWL4InJh.js → RadioGroup.vue_vue_type_script_setup_true_lang-_JHawXtl.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 "radix-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-CaH23-ZR.js";
+import { o as P } from "./Icon.vue_vue_type_style_index_0_lang-CpvDQCOg.js";
 import { g as x } from "./options-JBqnVZUl.js";
-import { U as O, u as U } from "./useInputDataStates-Dc5NKjxO.js";
+import { U as O, u as U } from "./useInputDataStates-Bbj0JbCD.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"),
@@ -16,8 +16,8 @@ const A = ["for"], d = T("radio_group"), H = /* @__PURE__ */ h({
     id: {},
     value: {},
     disabled: { type: Boolean },
-    required: { type: Boolean },
-    name: {}
+    name: {},
+    required: { type: Boolean }
   },
   emits: ["update:modelValue", "blur", "focus"],
   setup(p, { emit: m }) {
@@ -65,13 +65,13 @@ const A = ["for"], d = T("radio_group"), H = /* @__PURE__ */ h({
     modelValue: {},
     defaultValue: {},
     disabled: { type: Boolean },
-    name: {},
-    required: { type: Boolean },
     orientation: { default: "vertical" },
     dir: {},
     loop: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: {},
+    name: {},
+    required: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(p, { emit: m }) {