@soybeanjs/ui 0.5.2 → 0.5.4

package/dist/components/label/index.js

@@ -0,0 +1 @@
+import e from"./label.js";

package/dist/components/label/label.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import{labelVariants as t}from"../../variants/label.js";import{computed as n,createBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";import{Label as u}from"@soybeanjs/headless";var d=i({name:`SLabel`,__name:`label`,props:{class:{},size:{},for:{}},setup(i){let d=i,f=n(()=>e(t({size:d.size}),d.class));return(e,t)=>(o(),r(c(u),{for:d.for,class:a(f.value)},{default:l(()=>[s(e.$slots,`default`)]),_:3},8,[`for`,`class`]))}});export{d as default};
+import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{labelVariants as t}from"../../variants/label.js";import{computed as n,createBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";import{Label as u}from"@soybeanjs/headless";const d=i({name:`SLabel`,__name:`label`,props:{class:{},size:{},for:{}},setup(i){let d=i,f=n(()=>e(t({size:d.size}),d.class));return(e,t)=>(o(),r(c(u),{for:d.for,class:a(f.value)},{default:l(()=>[s(e.$slots,`default`)]),_:3},8,[`for`,`class`]))}});export{d as default};

package/dist/components/label/label.vue.d.ts

@@ -1,12 +1,12 @@
 import { LabelProps } from "./types.js";
-import * as vue93 from "vue";
+import * as vue from "vue";
 
 //#region src/components/label/label.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue93.DefineComponent<LabelProps, {}, {}, {}, {}, vue93.ComponentOptionsMixin, vue93.ComponentOptionsMixin, {}, string, vue93.PublicProps, Readonly<LabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue93.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue.DefineComponent<LabelProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<LabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/layout/index.js

@@ -0,0 +1 @@
+import e from"./layout.js";import t from"./layout-trigger.js";

package/dist/components/layout/layout-trigger.js

@@ -1 +1 @@
-import{useSizeContext as e}from"../../theme/context.js";import t from"../button/button-icon.js";import{createBlock as n,createVNode as r,defineComponent as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";import{LayoutTrigger as l}from"@soybeanjs/headless";var u=i({name:`SLayoutTrigger`,__name:`layout-trigger`,props:{asChild:{type:Boolean},as:{}},setup(i){let{size:u}=e(`LayoutTrigger`);return(e,i)=>(a(),n(s(l),{"as-child":``,size:s(u)},{default:c(({open:n})=>[o(e.$slots,`default`,{open:n},()=>[r(t,{icon:n?`lucide:panel-right`:`lucide:panel-left`},null,8,[`icon`])])]),_:3},8,[`size`]))}});export{u as default};
+import{useSizeContext as e}from"../../theme/context.js";import"../../theme/index.js";import t from"../button/button-icon.js";import{createBlock as n,createVNode as r,defineComponent as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";import{LayoutTrigger as l}from"@soybeanjs/headless";const u=i({name:`SLayoutTrigger`,__name:`layout-trigger`,props:{asChild:{type:Boolean},as:{}},setup(i){let{size:u}=e(`LayoutTrigger`);return(e,i)=>(a(),n(s(l),{"as-child":``,size:s(u)},{default:c(({open:n})=>[o(e.$slots,`default`,{open:n},()=>[r(t,{icon:n?`lucide:panel-right`:`lucide:panel-left`},null,8,[`icon`])])]),_:3},8,[`size`]))}});export{u as default};

package/dist/components/layout/layout-trigger.vue.d.ts

@@ -1,4 +1,4 @@
-import * as vue246 from "vue";
+import * as vue from "vue";
 import { LayoutTriggerProps } from "@soybeanjs/headless";
 
 //#region src/components/layout/layout-trigger.vue.d.ts
@@ -8,7 +8,7 @@ declare var __VLS_8: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue246.DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, vue246.ComponentOptionsMixin, vue246.ComponentOptionsMixin, {}, string, vue246.PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue246.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue.DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/layout/layout.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{themeSizeMap as t,themeSizeRatio as n}from"../../theme/config.js";import{provideSizeContext as r}from"../../theme/context.js";import{drawerVariants as i}from"../../variants/drawer.js";import{layoutVariants as a}from"../../variants/layout.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderSlot as m,unref as h,withCtx as g}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{LayoutContent as v,LayoutFooter as y,LayoutHeader as b,LayoutMain as x,LayoutRail as S,LayoutRoot as C,LayoutSidebar as w,LayoutTab as T,provideLayoutUi as E}from"@soybeanjs/headless";var D=l({name:`SLayout`,__name:`layout`,props:{class:{},size:{default:`md`},ui:{},fullContent:{type:Boolean},sidebarProps:{},railProps:{},mainProps:{},headerProps:{},tabProps:{},contentProps:{},footerProps:{},mobileProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},side:{},variant:{},collapsible:{},sidebarWidth:{},collapsedSidebarWidth:{},isMobile:{type:Boolean},mobileSidebarWidth:{},headerHeight:{},tabHeight:{},footerHeight:{},pxToRem:{}},emits:[`update:open`],setup(l,{emit:D}){let O=l,k=D,A=_(O,[`class`,`size`,`ui`,`pxToRem`,`sidebarProps`,`headerProps`,`mainProps`,`tabProps`,`footerProps`,`railProps`,`mobileProps`]),j=e=>O.pxToRem?O.pxToRem(e):e*n[O.size]/t.md;return E(o(()=>{let t=a({size:O.size,variant:O.variant,side:O.side,collapsible:O.collapsible,fullContent:O.fullContent}),n=i({size:O.size,side:O.side});return e({...t,mobileDrawer:n.content},O.ui,{root:O.class})})),r(()=>O.size),(e,t)=>(p(),s(h(C),d(h(A),{"px-to-rem":j,"onUpdate:open":t[0]||=e=>k(`update:open`,e)}),{default:g(t=>[c(h(w),f(u(l.sidebarProps)),{default:g(()=>[m(e.$slots,`sidebar`,f(u(t))),c(h(S),f(u(l.railProps)),null,16)]),_:2},1040),c(h(x),f(u(l.mainProps)),{default:g(()=>[c(h(b),f(u(l.headerProps)),{default:g(()=>[m(e.$slots,`header`)]),_:3},16),c(h(T),f(u(l.tabProps)),{default:g(()=>[m(e.$slots,`tab`)]),_:3},16),c(h(v),f(u(l.contentProps)),{default:g(()=>[m(e.$slots,`default`)]),_:3},16),c(h(y),f(u(l.footerProps)),{default:g(()=>[m(e.$slots,`footer`)]),_:3},16)]),_:3},16)]),_:3},16))}});export{D as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{themeSizeMap as t,themeSizeRatio as n}from"../../theme/config.js";import{provideSizeContext as r}from"../../theme/context.js";import"../../theme/index.js";import{drawerVariants as i}from"../../variants/drawer.js";import{layoutVariants as a}from"../../variants/layout.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderSlot as m,unref as h,withCtx as g}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{LayoutContent as v,LayoutFooter as y,LayoutHeader as b,LayoutMain as x,LayoutRail as S,LayoutRoot as C,LayoutSidebar as w,LayoutTab as T,provideLayoutUi as E}from"@soybeanjs/headless";const D=l({name:`SLayout`,__name:`layout`,props:{class:{},size:{default:`md`},ui:{},fullContent:{type:Boolean},sidebarProps:{},railProps:{},mainProps:{},headerProps:{},tabProps:{},contentProps:{},footerProps:{},mobileProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},side:{},variant:{},collapsible:{},sidebarWidth:{},collapsedSidebarWidth:{},isMobile:{type:Boolean},mobileSidebarWidth:{},headerHeight:{},tabHeight:{},footerHeight:{},pxToRem:{}},emits:[`update:open`],setup(l,{emit:D}){let O=l,k=D,A=_(O,[`class`,`size`,`ui`,`pxToRem`,`sidebarProps`,`headerProps`,`mainProps`,`tabProps`,`footerProps`,`railProps`,`mobileProps`]),j=e=>O.pxToRem?O.pxToRem(e):e*n[O.size]/t.md;return E(o(()=>{let t=a({size:O.size,variant:O.variant,side:O.side,collapsible:O.collapsible,fullContent:O.fullContent}),n=i({size:O.size,side:O.side});return e({...t,mobileDrawer:n.content},O.ui,{root:O.class})})),r(()=>O.size),(e,t)=>(p(),s(h(C),d(h(A),{"px-to-rem":j,"onUpdate:open":t[0]||=e=>k(`update:open`,e)}),{default:g(t=>[c(h(w),f(u(l.sidebarProps)),{default:g(()=>[m(e.$slots,`sidebar`,f(u(t))),c(h(S),f(u(l.railProps)),null,16)]),_:2},1040),c(h(x),f(u(l.mainProps)),{default:g(()=>[c(h(b),f(u(l.headerProps)),{default:g(()=>[m(e.$slots,`header`)]),_:3},16),c(h(T),f(u(l.tabProps)),{default:g(()=>[m(e.$slots,`tab`)]),_:3},16),c(h(v),f(u(l.contentProps)),{default:g(()=>[m(e.$slots,`default`)]),_:3},16),c(h(y),f(u(l.footerProps)),{default:g(()=>[m(e.$slots,`footer`)]),_:3},16)]),_:3},16)]),_:3},16))}});export{D as default};

package/dist/components/layout/layout.vue.d.ts

@@ -1,7 +1,7 @@
 import { ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
 import { LayoutProps } from "./types.js";
-import * as vue251 from "vue";
+import * as vue from "vue";
 
 //#region src/components/layout/layout.vue.d.ts
 declare var __VLS_16: {
@@ -19,14 +19,14 @@ type __VLS_Slots = {} & {
 } & {
   footer?: (props: typeof __VLS_59) => any;
 };
-declare const __VLS_base: vue251.DefineComponent<LayoutProps, {}, {}, {}, {}, vue251.ComponentOptionsMixin, vue251.ComponentOptionsMixin, {
+declare const __VLS_base: vue.DefineComponent<LayoutProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue251.PublicProps, Readonly<LayoutProps> & Readonly<{
+}, string, vue.PublicProps, Readonly<LayoutProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
-  open: boolean;
   size: ThemeSize;
-}, {}, {}, {}, string, vue251.ComponentProvideOptions, false, {}, any>;
+  open: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/link/index.js

@@ -0,0 +1 @@
+import e from"./link.js";

package/dist/components/link/link.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import{linkVariants as t}from"../../variants/link.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";import{Link as f}from"@soybeanjs/headless";var p=i({name:`SLink`,__name:`link`,props:{class:{},to:{},replace:{type:Boolean,default:void 0},href:{},disabled:{type:Boolean,default:void 0},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean,default:void 0},ariaCurrentValue:{},viewTransition:{type:Boolean,default:void 0},target:{},rel:{},noRel:{type:Boolean,default:void 0},prefetch:{type:Boolean,default:void 0},prefetchOn:{},noPrefetch:{type:Boolean,default:void 0},trailingSlash:{},asChild:{type:Boolean},as:{}},setup(i){let p=i,m=t(),h=n(()=>e(m,p.class));return(e,t)=>(c(),r(u(f),o(p,{class:h.value}),{default:d(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16,[`class`]))}});export{p as default};
+import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{linkVariants as t}from"../../variants/link.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";import{Link as f}from"@soybeanjs/headless";const p=i({name:`SLink`,__name:`link`,props:{class:{},to:{},replace:{type:Boolean,default:void 0},href:{},disabled:{type:Boolean,default:void 0},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean,default:void 0},ariaCurrentValue:{},viewTransition:{type:Boolean,default:void 0},target:{},rel:{},noRel:{type:Boolean,default:void 0},prefetch:{type:Boolean,default:void 0},prefetchOn:{},noPrefetch:{type:Boolean,default:void 0},trailingSlash:{},asChild:{type:Boolean},as:{}},setup(i){let p=i,m=t(),h=n(()=>e(m,p.class));return(e,t)=>(c(),r(u(f),o(p,{class:h.value}),{default:d(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16,[`class`]))}});export{p as default};

package/dist/components/link/link.vue.d.ts

@@ -1,5 +1,5 @@
 import { LinkProps } from "./types.js";
-import * as vue256 from "vue";
+import * as vue from "vue";
 
 //#region src/components/link/link.vue.d.ts
 declare var __VLS_8: {
@@ -10,7 +10,7 @@ declare var __VLS_8: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue256.DefineComponent<LinkProps, {}, {}, {}, {}, vue256.ComponentOptionsMixin, vue256.ComponentOptionsMixin, {}, string, vue256.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+declare const __VLS_base: vue.DefineComponent<LinkProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
   disabled: boolean;
   replace: boolean;
   external: boolean;
@@ -18,7 +18,7 @@ declare const __VLS_base: vue256.DefineComponent<LinkProps, {}, {}, {}, {}, vue2
   noRel: boolean;
   prefetch: boolean;
   noPrefetch: boolean;
-}, {}, {}, {}, string, vue256.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/list/index.js

@@ -0,0 +1 @@
+import e from"./list.js";import t from"./list-item.js";

package/dist/components/list/list-item.js

@@ -1 +1 @@
-import{createBlock as e,createCommentVNode as t,createTextVNode as n,createVNode as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toDisplayString as u,unref as d,useSlots as f,withCtx as p}from"vue";import{ListContent as m,ListDescription as h,ListItem as g,ListTitle as _}from"@soybeanjs/headless";var v=i({name:`SListItem`,__name:`list-item`,props:{title:{},description:{},contentProps:{},titleProps:{},descriptionProps:{}},setup(i){let v=f();return(f,y)=>(c(),e(d(g),null,{default:p(()=>[l(f.$slots,`leading`),r(d(m),s(a(i.contentProps)),{default:p(()=>[d(v).title||i.title?(c(),e(d(_),s(o({key:0},i.titleProps)),{default:p(()=>[l(f.$slots,`title`,{},()=>[n(u(i.title),1)])]),_:3},16)):t(`v-if`,!0),d(v).description||i.description?(c(),e(d(h),s(o({key:1},i.descriptionProps)),{default:p(()=>[l(f.$slots,`description`,{},()=>[n(u(i.description),1)])]),_:3},16)):t(`v-if`,!0),l(f.$slots,`default`)]),_:3},16),l(f.$slots,`trailing`)]),_:3}))}});export{v as default};
+import{createBlock as e,createCommentVNode as t,createTextVNode as n,createVNode as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toDisplayString as u,unref as d,useSlots as f,withCtx as p}from"vue";import{ListContent as m,ListDescription as h,ListItem as g,ListTitle as _}from"@soybeanjs/headless";const v=i({name:`SListItem`,__name:`list-item`,props:{title:{},description:{},contentProps:{},titleProps:{},descriptionProps:{}},setup(i){let v=f();return(f,y)=>(c(),e(d(g),null,{default:p(()=>[l(f.$slots,`leading`),r(d(m),s(a(i.contentProps)),{default:p(()=>[d(v).title||i.title?(c(),e(d(_),s(o({key:0},i.titleProps)),{default:p(()=>[l(f.$slots,`title`,{},()=>[n(u(i.title),1)])]),_:3},16)):t(`v-if`,!0),d(v).description||i.description?(c(),e(d(h),s(o({key:1},i.descriptionProps)),{default:p(()=>[l(f.$slots,`description`,{},()=>[n(u(i.description),1)])]),_:3},16)):t(`v-if`,!0),l(f.$slots,`default`)]),_:3},16),l(f.$slots,`trailing`)]),_:3}))}});export{v as default};

package/dist/components/list/list-item.vue.d.ts

@@ -1,5 +1,5 @@
 import { ListItemProps } from "./types.js";
-import * as vue103 from "vue";
+import * as vue from "vue";
 
 //#region src/components/list/list-item.vue.d.ts
 declare var __VLS_8: {}, __VLS_22: {}, __VLS_30: {}, __VLS_32: {}, __VLS_34: {};
@@ -14,7 +14,7 @@ type __VLS_Slots = {} & {
 } & {
   trailing?: (props: typeof __VLS_34) => any;
 };
-declare const __VLS_base: vue103.DefineComponent<ListItemProps, {}, {}, {}, {}, vue103.ComponentOptionsMixin, vue103.ComponentOptionsMixin, {}, string, vue103.PublicProps, Readonly<ListItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue103.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue.DefineComponent<ListItemProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ListItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/list/list.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{listVariants as t}from"../../variants/list.js";import{computed as n,createBlock as r,defineComponent as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";import{ListRoot as l,provideListUi as u}from"@soybeanjs/headless";var d=i({name:`SList`,__name:`list`,props:{class:{},size:{},ui:{}},setup(i){let d=i;return u(n(()=>e(t({size:d.size}),d.ui,{root:d.class}))),(e,t)=>(a(),r(s(l),null,{default:c(()=>[o(e.$slots,`default`)]),_:3}))}});export{d as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{listVariants as t}from"../../variants/list.js";import{computed as n,createBlock as r,defineComponent as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";import{ListRoot as l,provideListUi as u}from"@soybeanjs/headless";const d=i({name:`SList`,__name:`list`,props:{class:{},size:{},ui:{}},setup(i){let d=i;return u(n(()=>e(t({size:d.size}),d.ui,{root:d.class}))),(e,t)=>(a(),r(s(l),null,{default:c(()=>[o(e.$slots,`default`)]),_:3}))}});export{d as default};

package/dist/components/list/list.vue.d.ts

@@ -1,12 +1,12 @@
 import { ListProps } from "./types.js";
-import * as vue98 from "vue";
+import * as vue from "vue";
 
 //#region src/components/list/list.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue98.DefineComponent<ListProps, {}, {}, {}, {}, vue98.ComponentOptionsMixin, vue98.ComponentOptionsMixin, {}, string, vue98.PublicProps, Readonly<ListProps> & Readonly<{}>, {}, {}, {}, {}, string, vue98.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue.DefineComponent<ListProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ListProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/menu/index.js

@@ -0,0 +1 @@
+import e from"./menu-option.js";import t from"./menu-options.js";import n from"./menu-checkbox-options.js";import r from"./menu-radio-options.js";

package/dist/components/menu/menu-checkbox-options.js

@@ -1 +1 @@
-import e from"../icon/icon.js";import t from"../kbd/kbd.js";import{useMenuExtraUi as n}from"./context.js";import r from"./menu-item-slot.js";import{useCommonSlotKeys as i}from"./shared.js";import{Fragment as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createSlots as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderList as m,renderSlot as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useOmitProps as y}from"@soybeanjs/headless/composables";import{MenuCheckboxGroup as b,MenuCheckboxItem as x,MenuGroupLabel as S,MenuItemIndicator as C,MenuSeparator as w}from"@soybeanjs/headless";var T=d({name:`SMenuCheckboxOptions`,__name:`menu-checkbox-options`,props:{items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`select`],setup(d,{emit:T}){let E=d,D=T,O=i(_()),k=y(E,[`items`,`checkboxItemProps`,`groupLabelProps`,`indicatorProps`]),A=n(`shortcut`);return(n,i)=>(p(),o(g(b),f(g(k),{"onUpdate:modelValue":i[0]||=e=>D(`update:modelValue`,e)}),{default:v(()=>[(p(!0),c(a,null,m(d.items,i=>(p(),c(a,{key:i.value},[i.isGroupLabel?(p(),o(g(S),f({key:0,ref_for:!0},d.groupLabelProps),{default:v(()=>[u(r,{icon:i.icon,label:i.label},l({_:2},[m(g(O),e=>({name:e,fn:v(()=>[h(n.$slots,e,f({ref_for:!0},i))])}))]),1032,[`icon`,`label`])]),_:2},1040)):(p(),o(g(x),f({key:1,ref_for:!0},d.checkboxItemProps,{value:i.value,disabled:i.disabled,"text-value":i.textValue,onSelect:e=>D(`select`,i,e)}),{default:v(()=>[u(r,{icon:i.icon,label:i.label},l({indicator:v(()=>[u(g(C),f({ref_for:!0},d.indicatorProps),{default:v(()=>[h(n.$slots,`item-indicator-icon`,f({ref_for:!0},i),()=>[u(e,{icon:`lucide:check`})])]),_:2},1040)]),shortcut:v(()=>[i.shortcut?(p(),o(t,f({key:0,ref_for:!0},d.shortcutProps,{value:i.shortcut,class:g(A)}),null,16,[`value`,`class`])):s(`v-if`,!0)]),_:2},[m(g(O),e=>({name:e,fn:v(()=>[h(n.$slots,e,f({ref_for:!0},i))])}))]),1032,[`icon`,`label`])]),_:2},1040,[`value`,`disabled`,`text-value`,`onSelect`])),i.separator?(p(),o(g(w),f({key:2,ref_for:!0},d.separatorProps),null,16)):s(`v-if`,!0)],64))),128))]),_:3},16))}});export{T as default};
+import e from"../icon/icon.js";import t from"../kbd/kbd.js";import{useMenuExtraUi as n}from"./context.js";import r from"./menu-item-slot.js";import{useCommonSlotKeys as i}from"./shared.js";import{Fragment as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createSlots as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderList as m,renderSlot as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useOmitProps as y}from"@soybeanjs/headless/composables";import{MenuCheckboxGroup as b,MenuCheckboxItem as x,MenuGroupLabel as S,MenuItemIndicator as C,MenuSeparator as w}from"@soybeanjs/headless";const T=d({name:`SMenuCheckboxOptions`,__name:`menu-checkbox-options`,props:{items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`select`],setup(d,{emit:T}){let E=d,D=T,O=i(_()),k=y(E,[`items`,`checkboxItemProps`,`groupLabelProps`,`indicatorProps`]),A=n(`shortcut`);return(n,i)=>(p(),o(g(b),f(g(k),{"onUpdate:modelValue":i[0]||=e=>D(`update:modelValue`,e)}),{default:v(()=>[(p(!0),c(a,null,m(d.items,i=>(p(),c(a,{key:i.value},[i.isGroupLabel?(p(),o(g(S),f({key:0,ref_for:!0},d.groupLabelProps),{default:v(()=>[u(r,{icon:i.icon,label:i.label},l({_:2},[m(g(O),e=>({name:e,fn:v(()=>[h(n.$slots,e,f({ref_for:!0},i))])}))]),1032,[`icon`,`label`])]),_:2},1040)):(p(),o(g(x),f({key:1,ref_for:!0},d.checkboxItemProps,{value:i.value,disabled:i.disabled,"text-value":i.textValue,onSelect:e=>D(`select`,i,e)}),{default:v(()=>[u(r,{icon:i.icon,label:i.label},l({indicator:v(()=>[u(g(C),f({ref_for:!0},d.indicatorProps),{default:v(()=>[h(n.$slots,`item-indicator-icon`,f({ref_for:!0},i),()=>[u(e,{icon:`lucide:check`})])]),_:2},1040)]),shortcut:v(()=>[i.shortcut?(p(),o(t,f({key:0,ref_for:!0},d.shortcutProps,{value:i.shortcut,class:g(A)}),null,16,[`value`,`class`])):s(`v-if`,!0)]),_:2},[m(g(O),e=>({name:e,fn:v(()=>[h(n.$slots,e,f({ref_for:!0},i))])}))]),1032,[`icon`,`label`])]),_:2},1040,[`value`,`disabled`,`text-value`,`onSelect`])),i.separator?(p(),o(g(w),f({key:2,ref_for:!0},d.separatorProps),null,16)):s(`v-if`,!0)],64))),128))]),_:3},16))}});export{T as default};

package/dist/components/menu/menu-checkbox-options.vue.d.ts

@@ -1,10 +1,10 @@
 import { MenuCheckboxOptionData, MenuCheckboxOptionsProps } from "./types.js";
-import * as vue114 from "vue";
+import * as vue from "vue";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/menu/menu-checkbox-options.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue114.PublicProps & __VLS_PrettifyLocal<MenuCheckboxOptionsProps<T, S> & {
+  props: vue.PublicProps & __VLS_PrettifyLocal<MenuCheckboxOptionsProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -19,7 +19,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
     'item-indicator-icon': (props: S) => any;
   };
   emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void);
-}>) => vue114.VNode & {
+}>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/menu/menu-item-slot.js

@@ -1 +1 @@
-import e from"../icon/icon.js";import{Fragment as t,createElementBlock as n,createElementVNode as r,createVNode as i,defineComponent as a,openBlock as o,renderSlot as s,toDisplayString as c}from"vue";var l=a({name:`SMenuItemSlot`,__name:`menu-item-slot`,props:{icon:{},label:{}},setup(a){return(l,u)=>(o(),n(t,null,[s(l.$slots,`indicator`),s(l.$slots,`item`,{},()=>[s(l.$slots,`item-leading`,{},()=>[i(e,{icon:a.icon},null,8,[`icon`])]),r(`span`,null,c(a.label),1),s(l.$slots,`link-icon`),s(l.$slots,`item-trailing`),s(l.$slots,`trigger-icon`),s(l.$slots,`shortcut`)])],64))}});export{l as default};
+import e from"../icon/icon.js";import{Fragment as t,createElementBlock as n,createElementVNode as r,createVNode as i,defineComponent as a,openBlock as o,renderSlot as s,toDisplayString as c}from"vue";const l=a({name:`SMenuItemSlot`,__name:`menu-item-slot`,props:{icon:{},label:{}},setup(a){return(l,u)=>(o(),n(t,null,[s(l.$slots,`indicator`),s(l.$slots,`item`,{},()=>[s(l.$slots,`item-leading`,{},()=>[i(e,{icon:a.icon},null,8,[`icon`])]),r(`span`,null,c(a.label),1),s(l.$slots,`link-icon`),s(l.$slots,`item-trailing`),s(l.$slots,`trigger-icon`),s(l.$slots,`shortcut`)])],64))}});export{l as default};

package/dist/components/menu/menu-option.js

@@ -1 +1 @@
-import e from"../icon/icon.js";import t from"../link/link.js";import n from"../kbd/kbd.js";import{useMenuExtraUi as r,useMenuOptionsContext as i}from"./context.js";import a from"./menu-item-slot.js";import{useCommonSlotKeys as o}from"./shared.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createSlots as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeClass as _,normalizeProps as v,openBlock as y,renderList as b,renderSlot as x,resolveComponent as S,toHandlers as C,unref as w,useSlots as T,withCtx as E}from"vue";import{useForwardListeners as D,useOmitProps as O}from"@soybeanjs/headless/composables";import{MenuGroup as k,MenuGroupLabel as A,MenuItem as j,MenuPortal as M,MenuSeparator as N,MenuSub as P,MenuSubContent as F,MenuSubTrigger as I}from"@soybeanjs/headless";var L=m({name:`SMenuOption`,inheritAttrs:!1,__name:`menu-option`,props:{item:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},portalProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(m,{emit:L}){let R=m,z=L,B=T(),V=O(R,[`item`]),H=D(z),U=o(B),W=r(),{activeValue:G,activePaths:K}=i(`MenuOption`),q=c(()=>G.value===R.item.value),J=c(()=>K.value.includes(R.item.value));return(r,i)=>{let o=S(`SMenuOption`);return y(),d(s,null,[m.item.isGroupLabel?(y(),l(w(A),v(g({key:0},m.groupLabelProps)),{default:E(()=>[p(a,{icon:m.item.icon,label:m.item.label},f({_:2},[b(w(U),e=>({name:e,fn:E(()=>[x(r.$slots,e,{item:m.item})])}))]),1032,[`icon`,`label`])]),_:3},16)):m.item.to||m.item.href?(y(),l(w(j),g({key:1},m.itemProps,{"as-child":``,disabled:m.item.disabled,"text-value":m.item.textValue,"data-active":q.value,onSelect:i[0]||=e=>z(`select`,m.item,e)}),{default:E(()=>[p(t,g(m.linkProps,{disabled:m.item.disabled,to:m.item.to,href:m.item.href,target:m.item.target,external:m.item.external}),{default:E(({isHref:t})=>[p(a,{icon:m.item.icon,label:m.item.label},f({_:2},[b(w(U),e=>({name:e,fn:E(()=>[x(r.$slots,e,{item:m.item})])})),t?{name:`link-icon`,fn:E(()=>[x(r.$slots,`item-link-icon`,{item:m.item},()=>[p(e,{icon:`lucide:arrow-up-right`,class:_(w(W).itemLinkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`,`label`])]),_:3},16,[`disabled`,`to`,`href`,`target`,`external`])]),_:3},16,[`disabled`,`text-value`,`data-active`])):m.item.children?.length?(y(),l(w(P),g({key:3},m.subProps,{"onUpdate:open":i[2]||=e=>z(`update:open`,e)}),{default:E(()=>[p(w(I),g(m.subTriggerProps,{disabled:m.item.disabled,"text-value":m.item.textValue,"data-child-active":J.value?``:void 0}),{default:E(()=>[p(a,{icon:m.item.icon,label:m.item.label},f({"trigger-icon":E(()=>[x(r.$slots,`item-trigger-icon`,{item:m.item},()=>[p(e,{icon:`lucide:chevron-right`,class:_(w(W).subTriggerIcon)},null,8,[`class`])])]),_:2},[b(w(U),e=>({name:e,fn:E(()=>[x(r.$slots,e,{item:m.item,isTrigger:!0})])}))]),1032,[`icon`,`label`])]),_:3},16,[`disabled`,`text-value`,`data-child-active`]),m.item.separator?(y(),l(w(N),v(g({key:0},m.separatorProps)),null,16)):u(`v-if`,!0),p(w(M),v(h(m.portalProps)),{default:E(()=>[p(w(F),g(m.subContentProps,C(w(H))),{default:E(()=>[p(w(k),v(h(m.groupProps)),{default:E(()=>[(y(!0),d(s,null,b(m.item.children,e=>(y(),l(o,g({key:e.value},{ref_for:!0},w(V),{item:e},C(w(H))),null,16,[`item`]))),128))]),_:1},16)]),_:1},16)]),_:1},16)]),_:3},16)):(y(),l(w(j),g({key:2},m.itemProps,{disabled:m.item.disabled,"text-value":m.item.textValue,"data-active":q.value,onSelect:i[1]||=e=>z(`select`,m.item,e)}),{default:E(()=>[p(a,{icon:m.item.icon,label:m.item.label},f({shortcut:E(()=>[m.item.shortcut?(y(),l(n,g({key:0},m.shortcutProps,{value:m.item.shortcut,class:w(W).shortcut}),null,16,[`value`,`class`])):u(`v-if`,!0)]),_:2},[b(w(U),e=>({name:e,fn:E(()=>[x(r.$slots,e,{item:m.item})])}))]),1032,[`icon`,`label`])]),_:3},16,[`disabled`,`text-value`,`data-active`])),m.item.separator&&!m.item.children?(y(),l(w(N),v(g({key:4},m.separatorProps)),null,16)):u(`v-if`,!0)],64)}}});export{L as default};
+import e from"../icon/icon.js";import t from"../link/link.js";import n from"../kbd/kbd.js";import{useMenuExtraUi as r,useMenuOptionsContext as i}from"./context.js";import a from"./menu-item-slot.js";import{useCommonSlotKeys as o}from"./shared.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createSlots as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeClass as _,normalizeProps as v,openBlock as y,renderList as b,renderSlot as x,resolveComponent as S,toHandlers as C,unref as w,useSlots as T,withCtx as E}from"vue";import{useForwardListeners as D,useOmitProps as O}from"@soybeanjs/headless/composables";import{MenuGroup as k,MenuGroupLabel as A,MenuItem as j,MenuPortal as M,MenuSeparator as N,MenuSub as P,MenuSubContent as F,MenuSubTrigger as I}from"@soybeanjs/headless";const L=m({name:`SMenuOption`,inheritAttrs:!1,__name:`menu-option`,props:{item:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},portalProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(m,{emit:L}){let R=m,z=L,B=T(),V=O(R,[`item`]),H=D(z),U=o(B),W=r(),{activeValue:G,activePaths:K}=i(`MenuOption`),q=c(()=>G.value===R.item.value),J=c(()=>K.value.includes(R.item.value));return(r,i)=>{let o=S(`SMenuOption`);return y(),d(s,null,[m.item.isGroupLabel?(y(),l(w(A),v(g({key:0},m.groupLabelProps)),{default:E(()=>[p(a,{icon:m.item.icon,label:m.item.label},f({_:2},[b(w(U),e=>({name:e,fn:E(()=>[x(r.$slots,e,{item:m.item})])}))]),1032,[`icon`,`label`])]),_:3},16)):m.item.to||m.item.href?(y(),l(w(j),g({key:1},m.itemProps,{"as-child":``,disabled:m.item.disabled,"text-value":m.item.textValue,"data-active":q.value,onSelect:i[0]||=e=>z(`select`,m.item,e)}),{default:E(()=>[p(t,g(m.linkProps,{disabled:m.item.disabled,to:m.item.to,href:m.item.href,target:m.item.target,external:m.item.external}),{default:E(({isHref:t})=>[p(a,{icon:m.item.icon,label:m.item.label},f({_:2},[b(w(U),e=>({name:e,fn:E(()=>[x(r.$slots,e,{item:m.item})])})),t?{name:`link-icon`,fn:E(()=>[x(r.$slots,`item-link-icon`,{item:m.item},()=>[p(e,{icon:`lucide:arrow-up-right`,class:_(w(W).itemLinkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`,`label`])]),_:3},16,[`disabled`,`to`,`href`,`target`,`external`])]),_:3},16,[`disabled`,`text-value`,`data-active`])):m.item.children?.length?(y(),l(w(P),g({key:3},m.subProps,{"onUpdate:open":i[2]||=e=>z(`update:open`,e)}),{default:E(()=>[p(w(I),g(m.subTriggerProps,{disabled:m.item.disabled,"text-value":m.item.textValue,"data-child-active":J.value?``:void 0}),{default:E(()=>[p(a,{icon:m.item.icon,label:m.item.label},f({"trigger-icon":E(()=>[x(r.$slots,`item-trigger-icon`,{item:m.item},()=>[p(e,{icon:`lucide:chevron-right`,class:_(w(W).subTriggerIcon)},null,8,[`class`])])]),_:2},[b(w(U),e=>({name:e,fn:E(()=>[x(r.$slots,e,{item:m.item,isTrigger:!0})])}))]),1032,[`icon`,`label`])]),_:3},16,[`disabled`,`text-value`,`data-child-active`]),m.item.separator?(y(),l(w(N),v(g({key:0},m.separatorProps)),null,16)):u(`v-if`,!0),p(w(M),v(h(m.portalProps)),{default:E(()=>[p(w(F),g(m.subContentProps,C(w(H))),{default:E(()=>[p(w(k),v(h(m.groupProps)),{default:E(()=>[(y(!0),d(s,null,b(m.item.children,e=>(y(),l(o,g({key:e.value},{ref_for:!0},w(V),{item:e},C(w(H))),null,16,[`item`]))),128))]),_:1},16)]),_:1},16)]),_:1},16)]),_:3},16)):(y(),l(w(j),g({key:2},m.itemProps,{disabled:m.item.disabled,"text-value":m.item.textValue,"data-active":q.value,onSelect:i[1]||=e=>z(`select`,m.item,e)}),{default:E(()=>[p(a,{icon:m.item.icon,label:m.item.label},f({shortcut:E(()=>[m.item.shortcut?(y(),l(n,g({key:0},m.shortcutProps,{value:m.item.shortcut,class:w(W).shortcut}),null,16,[`value`,`class`])):u(`v-if`,!0)]),_:2},[b(w(U),e=>({name:e,fn:E(()=>[x(r.$slots,e,{item:m.item})])}))]),1032,[`icon`,`label`])]),_:3},16,[`disabled`,`text-value`,`data-active`])),m.item.separator&&!m.item.children?(y(),l(w(N),v(g({key:4},m.separatorProps)),null,16)):u(`v-if`,!0)],64)}}});export{L as default};

package/dist/components/menu/menu-option.vue.d.ts

@@ -1,17 +1,17 @@
 import { MenuOptionData, MenuOptionProps } from "./types.js";
-import * as vue108 from "vue";
-import * as _soybeanjs_headless44 from "@soybeanjs/headless";
+import * as vue from "vue";
+import * as _soybeanjs_headless0 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/menu/menu-option.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue108.PublicProps & __VLS_PrettifyLocal<MenuOptionProps<T> & {
+  props: vue.PublicProps & __VLS_PrettifyLocal<MenuOptionProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless44.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless44.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless44.PointerDownOutsideEvent | _soybeanjs_headless44.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
@@ -38,8 +38,8 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
       item: MenuOptionData<T>;
     }) => any;
   };
-  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless44.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless44.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless44.PointerDownOutsideEvent | _soybeanjs_headless44.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
-}>) => vue108.VNode & {
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/menu/menu-options.js

@@ -1 +1 @@
-import{provideMenuOptionsContext as e}from"./context.js";import t from"./menu-option.js";import{Fragment as n,computed as r,createBlock as i,createElementBlock as a,createSlots as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderList as f,renderSlot as p,toHandlers as m,unref as h,useSlots as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{MenuGroup as b}from"@soybeanjs/headless";import{getTreePaths as x,transformPropsToContext as S}from"@soybeanjs/headless/shared";var C=s({name:`SMenuOptions`,inheritAttrs:!1,__name:`menu-options`,props:{items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},portalProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(s,{emit:C}){let w=s,T=C,E=g(),D=r(()=>Object.keys(E)),O=y(w,[`items`]),k=v(T),A=r(()=>w.activeValue===void 0?[]:x(w.activeValue,w.items));return e({...S(w,[`activeValue`]),activePaths:A}),(e,r)=>(d(),i(h(b),u(c(s.groupProps)),{default:_(()=>[(d(!0),a(n,null,f(s.items,n=>(d(),i(t,l({key:n.value},{ref_for:!0},h(O),{item:n},m(h(k))),o({_:2},[f(D.value,t=>({name:t,fn:_(n=>[p(e.$slots,t,l({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:3},16))}});export{C as default};
+import{provideMenuOptionsContext as e}from"./context.js";import t from"./menu-option.js";import{Fragment as n,computed as r,createBlock as i,createElementBlock as a,createSlots as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderList as f,renderSlot as p,toHandlers as m,unref as h,useSlots as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{MenuGroup as b}from"@soybeanjs/headless";import{getTreePaths as x,transformPropsToContext as S}from"@soybeanjs/headless/shared";const C=s({name:`SMenuOptions`,inheritAttrs:!1,__name:`menu-options`,props:{items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},portalProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(s,{emit:C}){let w=s,T=C,E=g(),D=r(()=>Object.keys(E)),O=y(w,[`items`]),k=v(T),A=r(()=>w.activeValue===void 0?[]:x(w.activeValue,w.items));return e({...S(w,[`activeValue`]),activePaths:A}),(e,r)=>(d(),i(h(b),u(c(s.groupProps)),{default:_(()=>[(d(!0),a(n,null,f(s.items,n=>(d(),i(t,l({key:n.value},{ref_for:!0},h(O),{item:n},m(h(k))),o({_:2},[f(D.value,t=>({name:t,fn:_(n=>[p(e.$slots,t,l({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:3},16))}});export{C as default};

package/dist/components/menu/menu-options.vue.d.ts

@@ -1,17 +1,17 @@
 import { MenuOptionData, MenuOptionsProps } from "./types.js";
-import * as vue110 from "vue";
-import * as _soybeanjs_headless52 from "@soybeanjs/headless";
+import * as vue from "vue";
+import * as _soybeanjs_headless0 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/menu/menu-options.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends MenuOptionData<T> = MenuOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue110.PublicProps & __VLS_PrettifyLocal<MenuOptionsProps<T, S> & {
+  props: vue.PublicProps & __VLS_PrettifyLocal<MenuOptionsProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless52.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless52.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless52.PointerDownOutsideEvent | _soybeanjs_headless52.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
@@ -38,8 +38,8 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
       item: MenuOptionData<T>;
     }) => any;
   };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless52.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless52.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless52.PointerDownOutsideEvent | _soybeanjs_headless52.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
-}>) => vue110.VNode & {
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/menu/menu-radio-options.js

@@ -1 +1 @@
-import e from"../icon/icon.js";import t from"../kbd/kbd.js";import{useMenuExtraUi as n}from"./context.js";import r from"./menu-item-slot.js";import{useCommonSlotKeys as i}from"./shared.js";import{Fragment as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createSlots as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderList as m,renderSlot as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useOmitProps as y}from"@soybeanjs/headless/composables";import{MenuGroupLabel as b,MenuItemIndicator as x,MenuRadioGroup as S,MenuRadioItem as C,MenuSeparator as w}from"@soybeanjs/headless";var T=d({name:`SMenuRadio`,__name:`menu-radio-options`,props:{items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`select`],setup(d,{emit:T}){let E=d,D=T,O=i(_()),k=y(E,[`items`,`radioItemProps`,`groupLabelProps`,`indicatorProps`]),A=n();return(n,i)=>(p(),o(g(S),f(g(k),{"onUpdate:modelValue":i[0]||=e=>D(`update:modelValue`,e)}),{default:v(()=>[(p(!0),c(a,null,m(d.items,i=>(p(),c(a,{key:i.value},[i.isGroupLabel?(p(),o(g(b),f({key:0,ref_for:!0},d.groupLabelProps),{default:v(()=>[u(r,{icon:i.icon,label:i.label},l({_:2},[m(g(O),e=>({name:e,fn:v(()=>[h(n.$slots,e,f({ref_for:!0},i))])}))]),1032,[`icon`,`label`])]),_:2},1040)):(p(),o(g(C),f({key:1,ref_for:!0},d.radioItemProps,{value:i.value,disabled:i.disabled,"text-value":i.textValue,onSelect:e=>D(`select`,i,e)}),{default:v(()=>[u(r,{icon:i.icon,label:i.label},l({indicator:v(()=>[u(g(x),f({ref_for:!0},d.indicatorProps),{default:v(()=>[h(n.$slots,`item-indicator-icon`,f({ref_for:!0},i),()=>[u(e,{icon:`icon-park-outline:dot`})])]),_:2},1040)]),shortcut:v(()=>[i.shortcut?(p(),o(t,f({key:0,ref_for:!0},d.shortcutProps,{value:i.shortcut,class:g(A).shortcut}),null,16,[`value`,`class`])):s(`v-if`,!0)]),_:2},[m(g(O),e=>({name:e,fn:v(()=>[h(n.$slots,e,f({ref_for:!0},i))])}))]),1032,[`icon`,`label`])]),_:2},1040,[`value`,`disabled`,`text-value`,`onSelect`])),i.separator?(p(),o(g(w),f({key:2,ref_for:!0},d.separatorProps),null,16)):s(`v-if`,!0)],64))),128))]),_:3},16))}});export{T as default};
+import e from"../icon/icon.js";import t from"../kbd/kbd.js";import{useMenuExtraUi as n}from"./context.js";import r from"./menu-item-slot.js";import{useCommonSlotKeys as i}from"./shared.js";import{Fragment as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createSlots as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderList as m,renderSlot as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useOmitProps as y}from"@soybeanjs/headless/composables";import{MenuGroupLabel as b,MenuItemIndicator as x,MenuRadioGroup as S,MenuRadioItem as C,MenuSeparator as w}from"@soybeanjs/headless";const T=d({name:`SMenuRadio`,__name:`menu-radio-options`,props:{items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`select`],setup(d,{emit:T}){let E=d,D=T,O=i(_()),k=y(E,[`items`,`radioItemProps`,`groupLabelProps`,`indicatorProps`]),A=n();return(n,i)=>(p(),o(g(S),f(g(k),{"onUpdate:modelValue":i[0]||=e=>D(`update:modelValue`,e)}),{default:v(()=>[(p(!0),c(a,null,m(d.items,i=>(p(),c(a,{key:i.value},[i.isGroupLabel?(p(),o(g(b),f({key:0,ref_for:!0},d.groupLabelProps),{default:v(()=>[u(r,{icon:i.icon,label:i.label},l({_:2},[m(g(O),e=>({name:e,fn:v(()=>[h(n.$slots,e,f({ref_for:!0},i))])}))]),1032,[`icon`,`label`])]),_:2},1040)):(p(),o(g(C),f({key:1,ref_for:!0},d.radioItemProps,{value:i.value,disabled:i.disabled,"text-value":i.textValue,onSelect:e=>D(`select`,i,e)}),{default:v(()=>[u(r,{icon:i.icon,label:i.label},l({indicator:v(()=>[u(g(x),f({ref_for:!0},d.indicatorProps),{default:v(()=>[h(n.$slots,`item-indicator-icon`,f({ref_for:!0},i),()=>[u(e,{icon:`icon-park-outline:dot`})])]),_:2},1040)]),shortcut:v(()=>[i.shortcut?(p(),o(t,f({key:0,ref_for:!0},d.shortcutProps,{value:i.shortcut,class:g(A).shortcut}),null,16,[`value`,`class`])):s(`v-if`,!0)]),_:2},[m(g(O),e=>({name:e,fn:v(()=>[h(n.$slots,e,f({ref_for:!0},i))])}))]),1032,[`icon`,`label`])]),_:2},1040,[`value`,`disabled`,`text-value`,`onSelect`])),i.separator?(p(),o(g(w),f({key:2,ref_for:!0},d.separatorProps),null,16)):s(`v-if`,!0)],64))),128))]),_:3},16))}});export{T as default};

package/dist/components/menu/menu-radio-options.vue.d.ts

@@ -1,10 +1,10 @@
 import { MenuRadioOptionData, MenuRadioOptionsProps } from "./types.js";
-import * as vue112 from "vue";
+import * as vue from "vue";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/menu/menu-radio-options.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue112.PublicProps & __VLS_PrettifyLocal<MenuRadioOptionsProps<T, S> & {
+  props: vue.PublicProps & __VLS_PrettifyLocal<MenuRadioOptionsProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -19,7 +19,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
     'item-indicator-icon': (props: S) => any;
   };
   emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void);
-}>) => vue112.VNode & {
+}>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/navigation-menu/index.js

@@ -0,0 +1 @@
+import e from"./navigation-menu.js";

package/dist/components/navigation-menu/navigation-menu-item-slot.js

@@ -1 +1 @@
-import e from"../icon/icon.js";import{createVNode as t,defineComponent as n,renderSlot as r}from"vue";var i=n({name:`SNavigationMenuItemSlot`,__name:`navigation-menu-item-slot`,props:{icon:{}},setup(n){return(i,a)=>r(i.$slots,`item`,{},()=>[r(i.$slots,`item-leading`,{},()=>[t(e,{icon:n.icon},null,8,[`icon`])]),r(i.$slots,`default`),r(i.$slots,`link-icon`),r(i.$slots,`item-trailing`),r(i.$slots,`trigger-icon`)])}});export{i as default};
+import e from"../icon/icon.js";import{createVNode as t,defineComponent as n,renderSlot as r}from"vue";const i=n({name:`SNavigationMenuItemSlot`,__name:`navigation-menu-item-slot`,props:{icon:{}},setup(n){return(i,a)=>r(i.$slots,`item`,{},()=>[r(i.$slots,`item-leading`,{},()=>[t(e,{icon:n.icon},null,8,[`icon`])]),r(i.$slots,`default`),r(i.$slots,`link-icon`),r(i.$slots,`item-trailing`),r(i.$slots,`trigger-icon`)])}});export{i as default};

package/dist/components/navigation-menu/navigation-menu-option.js

@@ -1 +1 @@
-import e from"../icon/icon.js";import t from"./navigation-menu-item-slot.js";import{useNavigationMenuExtraUi as n}from"./context.js";import{useCommonSlotKeys as r}from"./shared.js";import i from"./navigation-menu-sub-option.js";import{Fragment as a,computed as o,createBlock as s,createElementBlock as c,createElementVNode as l,createSlots as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeClass as h,normalizeProps as g,openBlock as _,renderList as v,renderSlot as y,resolveDynamicComponent as b,toDisplayString as x,toHandlers as S,unref as C,useSlots as w,withCtx as T}from"vue";import{useForwardListeners as E}from"@soybeanjs/headless/composables";import{NavigationMenuContent as D,NavigationMenuItem as O,NavigationMenuLink as k,NavigationMenuSubList as A,NavigationMenuTrigger as j}from"@soybeanjs/headless";var M=f({name:`SNavigationMenuOption`,__name:`navigation-menu-option`,props:{item:{},itemProps:{},linkProps:{},triggerProps:{},contentProps:{},viewportProps:{},indicatorProps:{},listProps:{},subListProps:{},subItemProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`select`],setup(f,{emit:M}){let N=f,P=M,F=w(),I=E(P),L=o(()=>Object.keys(F)),R=r(F),z=n(),B=o(()=>!!(N.item.to||N.item.href)),V=o(()=>B.value?{...N.linkProps,disabled:N.item.disabled,to:N.item.to,href:N.item.href,target:N.item.target,external:N.item.external}:{});return(n,r)=>(_(),s(C(O),m(f.itemProps,{value:f.item.value}),{default:T(()=>[f.item.children?.length?(_(),c(a,{key:1},[d(C(j),m(f.triggerProps,{disabled:f.item.disabled,"as-child":B.value}),{default:T(()=>[(_(),s(b(B.value?C(k):`template`),m(V.value,{onSelect:r[1]||=e=>P(`select`,e)}),{default:T(()=>[d(t,{icon:f.item.icon},u({"trigger-icon":T(()=>[y(n.$slots,`item-trigger-icon`,{item:f.item},()=>[d(e,{icon:`lucide:chevron-down`,class:h(C(z).triggerIcon)},null,8,[`class`])])]),default:T(()=>[l(`span`,null,x(f.item.label),1)]),_:2},[v(C(R),e=>({name:e,fn:T(()=>[y(n.$slots,e,{item:f.item,isTrigger:!0})])}))]),1032,[`icon`])]),_:3},16))]),_:3},16,[`disabled`,`as-child`]),d(C(D),m(f.contentProps,S(C(I))),{default:T(()=>[d(C(A),g(p(f.subListProps)),{default:T(()=>[(_(!0),c(a,null,v(f.item.children,e=>(_(),s(i,{key:e.value,"sub-item":e,"sub-item-props":f.subItemProps,onSelect:r[2]||=e=>P(`select`,e)},u({"item-children":T(e=>[y(n.$slots,`item-children`,{item:e.item})]),_:2},[v(L.value,t=>({name:t,fn:T(()=>[y(n.$slots,t,{item:e})])}))]),1032,[`sub-item`,`sub-item-props`]))),128))]),_:3},16)]),_:3},16)],64)):(_(),s(C(k),m({key:0},V.value,{onSelect:r[0]||=e=>P(`select`,e)}),{default:T(({isHref:r})=>[d(t,{icon:f.item.icon},u({default:T(()=>[l(`span`,null,x(f.item.label),1)]),_:2},[v(C(R),e=>({name:e,fn:T(()=>[y(n.$slots,e,{item:f.item})])})),r?{name:`link-icon`,fn:T(()=>[y(n.$slots,`item-link-icon`,{item:f.item},()=>[d(e,{icon:`lucide:arrow-up-right`,class:h(C(z).linkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`])]),_:3},16))]),_:3},16,[`value`]))}});export{M as default};
+import e from"../icon/icon.js";import t from"./navigation-menu-item-slot.js";import{useNavigationMenuExtraUi as n}from"./context.js";import{useCommonSlotKeys as r}from"./shared.js";import i from"./navigation-menu-sub-option.js";import{Fragment as a,computed as o,createBlock as s,createElementBlock as c,createElementVNode as l,createSlots as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeClass as h,normalizeProps as g,openBlock as _,renderList as v,renderSlot as y,resolveDynamicComponent as b,toDisplayString as x,toHandlers as S,unref as C,useSlots as w,withCtx as T}from"vue";import{useForwardListeners as E}from"@soybeanjs/headless/composables";import{NavigationMenuContent as D,NavigationMenuItem as O,NavigationMenuLink as k,NavigationMenuSubList as A,NavigationMenuTrigger as j}from"@soybeanjs/headless";const M=f({name:`SNavigationMenuOption`,__name:`navigation-menu-option`,props:{item:{},itemProps:{},linkProps:{},triggerProps:{},contentProps:{},viewportProps:{},indicatorProps:{},listProps:{},subListProps:{},subItemProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`select`],setup(f,{emit:M}){let N=f,P=M,F=w(),I=E(P),L=o(()=>Object.keys(F)),R=r(F),z=n(),B=o(()=>!!(N.item.to||N.item.href)),V=o(()=>B.value?{...N.linkProps,disabled:N.item.disabled,to:N.item.to,href:N.item.href,target:N.item.target,external:N.item.external}:{});return(n,r)=>(_(),s(C(O),m(f.itemProps,{value:f.item.value}),{default:T(()=>[f.item.children?.length?(_(),c(a,{key:1},[d(C(j),m(f.triggerProps,{disabled:f.item.disabled,"as-child":B.value}),{default:T(()=>[(_(),s(b(B.value?C(k):`template`),m(V.value,{onSelect:r[1]||=e=>P(`select`,e)}),{default:T(()=>[d(t,{icon:f.item.icon},u({"trigger-icon":T(()=>[y(n.$slots,`item-trigger-icon`,{item:f.item},()=>[d(e,{icon:`lucide:chevron-down`,class:h(C(z).triggerIcon)},null,8,[`class`])])]),default:T(()=>[l(`span`,null,x(f.item.label),1)]),_:2},[v(C(R),e=>({name:e,fn:T(()=>[y(n.$slots,e,{item:f.item,isTrigger:!0})])}))]),1032,[`icon`])]),_:3},16))]),_:3},16,[`disabled`,`as-child`]),d(C(D),m(f.contentProps,S(C(I))),{default:T(()=>[d(C(A),g(p(f.subListProps)),{default:T(()=>[(_(!0),c(a,null,v(f.item.children,e=>(_(),s(i,{key:e.value,"sub-item":e,"sub-item-props":f.subItemProps,onSelect:r[2]||=e=>P(`select`,e)},u({"item-children":T(e=>[y(n.$slots,`item-children`,{item:e.item})]),_:2},[v(L.value,t=>({name:t,fn:T(()=>[y(n.$slots,t,{item:e})])}))]),1032,[`sub-item`,`sub-item-props`]))),128))]),_:3},16)]),_:3},16)],64)):(_(),s(C(k),m({key:0},V.value,{onSelect:r[0]||=e=>P(`select`,e)}),{default:T(({isHref:r})=>[d(t,{icon:f.item.icon},u({default:T(()=>[l(`span`,null,x(f.item.label),1)]),_:2},[v(C(R),e=>({name:e,fn:T(()=>[y(n.$slots,e,{item:f.item})])})),r?{name:`link-icon`,fn:T(()=>[y(n.$slots,`item-link-icon`,{item:f.item},()=>[d(e,{icon:`lucide:arrow-up-right`,class:h(C(z).linkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`])]),_:3},16))]),_:3},16,[`value`]))}});export{M as default};

package/dist/components/navigation-menu/navigation-menu-sub-option.js

@@ -1 +1 @@
-import e from"../icon/icon.js";import t from"./navigation-menu-item-slot.js";import{useNavigationMenuExtraUi as n}from"./context.js";import{useCommonSlotKeys as r}from"./shared.js";import{computed as i,createBlock as a,createCommentVNode as o,createElementVNode as s,createSlots as c,createVNode as l,defineComponent as u,mergeProps as d,normalizeClass as f,openBlock as p,renderList as m,renderSlot as h,resolveDynamicComponent as g,toDisplayString as _,unref as v,useSlots as y,withCtx as b}from"vue";import{NavigationMenuItem as x,NavigationMenuLink as S}from"@soybeanjs/headless";var C=u({name:`SNavigationMenuSubOption`,__name:`navigation-menu-sub-option`,props:{subItem:{},subItemProps:{},linkProps:{}},emits:[`select`],setup(u,{emit:C}){let w=u,T=C,E=r(y()),D=n(),O=i(()=>!!(w.subItem.to||w.subItem.href)),k=i(()=>O.value?{...w.linkProps,disabled:w.subItem.disabled,to:w.subItem.to,href:w.subItem.href,target:w.subItem.target,external:w.subItem.external}:{});return(n,r)=>(p(),a(v(x),d(u.subItemProps,{value:u.subItem.value}),{default:b(()=>[(p(),a(g(O.value?v(S):`div`),d(k.value,{onSelect:r[0]||=e=>T(`select`,e)}),{default:b(r=>[l(t,{icon:u.subItem.icon},c({default:b(()=>[s(`div`,{class:f(v(D).subLinkContent)},[s(`span`,{class:f(v(D).subLinkLabel)},_(u.subItem.label),3),s(`p`,{class:f(v(D).subLinkDescription)},_(u.subItem.description),3)],2)]),_:2},[m(v(E),e=>({name:e,fn:b(()=>[h(n.$slots,e,{item:u.subItem})])})),r?.isHref?{name:`link-icon`,fn:b(()=>[h(n.$slots,`item-link-icon`,{item:u.subItem},()=>[l(e,{icon:`lucide:arrow-up-right`,class:f(v(D).linkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`])]),_:3},16)),u.subItem.children?.length?h(n.$slots,`item-children`,{key:0,item:u.subItem}):o(`v-if`,!0)]),_:3},16,[`value`]))}});export{C as default};
+import e from"../icon/icon.js";import t from"./navigation-menu-item-slot.js";import{useNavigationMenuExtraUi as n}from"./context.js";import{useCommonSlotKeys as r}from"./shared.js";import{computed as i,createBlock as a,createCommentVNode as o,createElementVNode as s,createSlots as c,createVNode as l,defineComponent as u,mergeProps as d,normalizeClass as f,openBlock as p,renderList as m,renderSlot as h,resolveDynamicComponent as g,toDisplayString as _,unref as v,useSlots as y,withCtx as b}from"vue";import{NavigationMenuItem as x,NavigationMenuLink as S}from"@soybeanjs/headless";const C=u({name:`SNavigationMenuSubOption`,__name:`navigation-menu-sub-option`,props:{subItem:{},subItemProps:{},linkProps:{}},emits:[`select`],setup(u,{emit:C}){let w=u,T=C,E=r(y()),D=n(),O=i(()=>!!(w.subItem.to||w.subItem.href)),k=i(()=>O.value?{...w.linkProps,disabled:w.subItem.disabled,to:w.subItem.to,href:w.subItem.href,target:w.subItem.target,external:w.subItem.external}:{});return(n,r)=>(p(),a(v(x),d(u.subItemProps,{value:u.subItem.value}),{default:b(()=>[(p(),a(g(O.value?v(S):`div`),d(k.value,{onSelect:r[0]||=e=>T(`select`,e)}),{default:b(r=>[l(t,{icon:u.subItem.icon},c({default:b(()=>[s(`div`,{class:f(v(D).subLinkContent)},[s(`span`,{class:f(v(D).subLinkLabel)},_(u.subItem.label),3),s(`p`,{class:f(v(D).subLinkDescription)},_(u.subItem.description),3)],2)]),_:2},[m(v(E),e=>({name:e,fn:b(()=>[h(n.$slots,e,{item:u.subItem})])})),r?.isHref?{name:`link-icon`,fn:b(()=>[h(n.$slots,`item-link-icon`,{item:u.subItem},()=>[l(e,{icon:`lucide:arrow-up-right`,class:f(v(D).linkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`])]),_:3},16)),u.subItem.children?.length?h(n.$slots,`item-children`,{key:0,item:u.subItem}):o(`v-if`,!0)]),_:3},16,[`value`]))}});export{C as default};

package/dist/components/navigation-menu/navigation-menu.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{navigationMenuVariants as t}from"../../variants/navigation-menu.js";import{provideNavigationMenuExtraUi as n}from"./context.js";import r from"./navigation-menu-option.js";import{Fragment as i,computed as a,createBlock as o,createElementBlock as s,createElementVNode as c,createSlots as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeClass as m,normalizeProps as h,openBlock as g,renderList as _,renderSlot as v,toHandlers as y,unref as b,useSlots as x,withCtx as S}from"vue";import{useForwardListeners as C,useOmitProps as w,usePickProps as T}from"@soybeanjs/headless/composables";import{NavigationMenuIndicator as E,NavigationMenuList as D,NavigationMenuRoot as O,NavigationMenuViewport as k,provideNavigationMenuUi as A}from"@soybeanjs/headless";var j=d({name:`SNavigationMenu`,__name:`navigation-menu`,props:{class:{},size:{},ui:{},items:{},modelValue:{},defaultValue:{},dir:{},orientation:{},delayDuration:{},skipDelayDuration:{},disableClickTrigger:{type:Boolean},disableHoverTrigger:{type:Boolean},disablePointerLeaveClose:{type:Boolean},unmountOnHide:{type:Boolean},itemProps:{},linkProps:{},triggerProps:{},contentProps:{},viewportProps:{},indicatorProps:{},listProps:{},subListProps:{},subItemProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`select`],setup(d,{emit:j}){let M=d,N=j,P=x(),F=[`itemProps`,`linkProps`,`triggerProps`,`contentProps`,`viewportProps`,`indicatorProps`,`listProps`,`subListProps`,`subItemProps`],I=w(M,[`class`,`size`,`ui`,`items`,...F]),L=T(M,[...F]),R=C(N),z=a(()=>Object.keys(P)),B=a(()=>e(t({size:M.size}),M.ui,{root:M.class}));return A(B),n(B),(e,t)=>(g(),o(b(O),p(b(I),{"onUpdate:modelValue":t[0]||=e=>N(`update:modelValue`,e)}),{default:S(()=>[u(b(D),h(f(d.listProps)),{default:S(()=>[(g(!0),s(i,null,_(d.items,t=>(g(),o(r,p({key:t.value},{ref_for:!0},b(L),{item:t},y(b(R))),l({"item-children":S(t=>[v(e.$slots,`item-children`,{item:t.item})]),_:2},[_(z.value,t=>({name:t,fn:S(n=>[v(e.$slots,t,p({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:3},16),u(b(E),h(f(d.indicatorProps)),{default:S(()=>[c(`div`,{class:m(B.value?.arrow)},null,2)]),_:1},16),c(`div`,{class:m(B.value?.viewportRoot)},[u(b(k),h(f(d.viewportProps)),null,16)],2)]),_:3},16))}});export{j as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{navigationMenuVariants as t}from"../../variants/navigation-menu.js";import{provideNavigationMenuExtraUi as n}from"./context.js";import r from"./navigation-menu-option.js";import{Fragment as i,computed as a,createBlock as o,createElementBlock as s,createElementVNode as c,createSlots as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeClass as m,normalizeProps as h,openBlock as g,renderList as _,renderSlot as v,toHandlers as y,unref as b,useSlots as x,withCtx as S}from"vue";import{useForwardListeners as C,useOmitProps as w,usePickProps as T}from"@soybeanjs/headless/composables";import{NavigationMenuIndicator as E,NavigationMenuList as D,NavigationMenuRoot as O,NavigationMenuViewport as k,provideNavigationMenuUi as A}from"@soybeanjs/headless";const j=d({name:`SNavigationMenu`,__name:`navigation-menu`,props:{class:{},size:{},ui:{},items:{},modelValue:{},defaultValue:{},dir:{},orientation:{},delayDuration:{},skipDelayDuration:{},disableClickTrigger:{type:Boolean},disableHoverTrigger:{type:Boolean},disablePointerLeaveClose:{type:Boolean},unmountOnHide:{type:Boolean},itemProps:{},linkProps:{},triggerProps:{},contentProps:{},viewportProps:{},indicatorProps:{},listProps:{},subListProps:{},subItemProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`select`],setup(d,{emit:j}){let M=d,N=j,P=x(),F=[`itemProps`,`linkProps`,`triggerProps`,`contentProps`,`viewportProps`,`indicatorProps`,`listProps`,`subListProps`,`subItemProps`],I=w(M,[`class`,`size`,`ui`,`items`,...F]),L=T(M,[...F]),R=C(N),z=a(()=>Object.keys(P)),B=a(()=>e(t({size:M.size}),M.ui,{root:M.class}));return A(B),n(B),(e,t)=>(g(),o(b(O),p(b(I),{"onUpdate:modelValue":t[0]||=e=>N(`update:modelValue`,e)}),{default:S(()=>[u(b(D),h(f(d.listProps)),{default:S(()=>[(g(!0),s(i,null,_(d.items,t=>(g(),o(r,p({key:t.value},{ref_for:!0},b(L),{item:t},y(b(R))),l({"item-children":S(t=>[v(e.$slots,`item-children`,{item:t.item})]),_:2},[_(z.value,t=>({name:t,fn:S(n=>[v(e.$slots,t,p({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:3},16),u(b(E),h(f(d.indicatorProps)),{default:S(()=>[c(`div`,{class:m(B.value?.arrow)},null,2)]),_:1},16),c(`div`,{class:m(B.value?.viewportRoot)},[u(b(k),h(f(d.viewportProps)),null,16)],2)]),_:3},16))}});export{j as default};

package/dist/components/navigation-menu/navigation-menu.vue.d.ts

@@ -1,6 +1,6 @@
 import { NavigationMenuOptionData, NavigationMenuProps } from "./types.js";
-import * as vue121 from "vue";
-import * as _soybeanjs_headless60 from "@soybeanjs/headless";
+import * as vue from "vue";
+import * as _soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/navigation-menu/navigation-menu.vue.d.ts
 type Slots = {
@@ -25,25 +25,25 @@ type Slots = {
   }) => any;
 };
 type __VLS_Slots = Slots;
-declare const __VLS_base: vue121.DefineComponent<NavigationMenuProps, {}, {}, {}, {}, vue121.ComponentOptionsMixin, vue121.ComponentOptionsMixin, {
+declare const __VLS_base: vue.DefineComponent<NavigationMenuProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   select: (payload: CustomEvent<{
     originalEvent: Event;
   }>) => any;
   "update:modelValue": (value: string) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless60.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless60.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless60.PointerDownOutsideEvent | _soybeanjs_headless60.FocusOutsideEvent) => any;
-}, string, vue121.PublicProps, Readonly<NavigationMenuProps> & Readonly<{
+  pointerDownOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless0.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any;
+}, string, vue.PublicProps, Readonly<NavigationMenuProps> & Readonly<{
   onSelect?: ((payload: CustomEvent<{
     originalEvent: Event;
   }>) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless60.PointerDownOutsideEvent) => any) | undefined;
-  onFocusOutside?: ((event: _soybeanjs_headless60.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _soybeanjs_headless60.PointerDownOutsideEvent | _soybeanjs_headless60.FocusOutsideEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue121.ComponentProvideOptions, false, {}, any>;
+  onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/number-input/index.js

@@ -0,0 +1 @@
+import e from"./number-input.js";

package/dist/components/number-input/number-input.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{numberInputVariants as n}from"../../variants/number-input.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";import{useForwardElement as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{NumberInputControl as v,NumberInputDecrement as y,NumberInputIncrement as b,NumberInputRoot as x,provideNumberInputUi as S}from"@soybeanjs/headless";var C=s({name:`SNumberInput`,__name:`number-input`,props:{class:{},size:{},ui:{},center:{type:Boolean},clearable:{type:Boolean},inputRef:{type:Function},controlProps:{},incrementProps:{},decrementProps:{},defaultValue:{},modelValue:{},min:{},max:{},step:{},stepSnapping:{type:Boolean},formatOptions:{},locale:{},disableWheelChange:{type:Boolean},invertWheelChange:{type:Boolean},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:C}){let w=s,T=C,[E,D]=g(e=>w.inputRef?.(e)),O=_(w,[`class`,`size`,`ui`,`center`,`clearable`,`inputRef`,`controlProps`,`incrementProps`,`decrementProps`]),k=r(()=>e(n({size:w.size,center:w.center}),w.ui,{root:w.class}));return S(k),(e,n)=>(f(),i(m(x),l(m(O),{"onUpdate:modelValue":n[0]||=e=>T(`update:modelValue`,e)}),{default:h(({clear:n})=>[p(e.$slots,`leading`),o(m(v),l(s.controlProps,{ref:m(D)}),null,16),s.clearable?(f(),i(t,{key:0,icon:`lucide:x`,class:u(k.value.clearable),onClick:n},null,8,[`class`,`onClick`])):a(`v-if`,!0),p(e.$slots,`trailing`),o(m(y),d(c(s.decrementProps)),{default:h(()=>[p(e.$slots,`decrement`,{},()=>[o(t,{icon:`lucide:minus`})])]),_:3},16),o(m(b),d(c(s.incrementProps)),{default:h(()=>[p(e.$slots,`increment`,{},()=>[o(t,{icon:`lucide:plus`})])]),_:3},16)]),_:3},16))}});export{C as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{numberInputVariants as n}from"../../variants/number-input.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";import{useForwardElement as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{NumberInputControl as v,NumberInputDecrement as y,NumberInputIncrement as b,NumberInputRoot as x,provideNumberInputUi as S}from"@soybeanjs/headless";const C=s({name:`SNumberInput`,__name:`number-input`,props:{class:{},size:{},ui:{},center:{type:Boolean},clearable:{type:Boolean},inputRef:{type:Function},controlProps:{},incrementProps:{},decrementProps:{},defaultValue:{},modelValue:{},min:{},max:{},step:{},stepSnapping:{type:Boolean},formatOptions:{},locale:{},disableWheelChange:{type:Boolean},invertWheelChange:{type:Boolean},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:C}){let w=s,T=C,[E,D]=g(e=>w.inputRef?.(e)),O=_(w,[`class`,`size`,`ui`,`center`,`clearable`,`inputRef`,`controlProps`,`incrementProps`,`decrementProps`]),k=r(()=>e(n({size:w.size,center:w.center}),w.ui,{root:w.class}));return S(k),(e,n)=>(f(),i(m(x),l(m(O),{"onUpdate:modelValue":n[0]||=e=>T(`update:modelValue`,e)}),{default:h(({clear:n})=>[p(e.$slots,`leading`),o(m(v),l(s.controlProps,{ref:m(D)}),null,16),s.clearable?(f(),i(t,{key:0,icon:`lucide:x`,class:u(k.value.clearable),onClick:n},null,8,[`class`,`onClick`])):a(`v-if`,!0),p(e.$slots,`trailing`),o(m(y),d(c(s.decrementProps)),{default:h(()=>[p(e.$slots,`decrement`,{},()=>[o(t,{icon:`lucide:minus`})])]),_:3},16),o(m(b),d(c(s.incrementProps)),{default:h(()=>[p(e.$slots,`increment`,{},()=>[o(t,{icon:`lucide:plus`})])]),_:3},16)]),_:3},16))}});export{C as default};

package/dist/components/number-input/number-input.vue.d.ts

@@ -1,5 +1,5 @@
 import { NumberInputProps } from "./types.js";
-import * as vue261 from "vue";
+import * as vue from "vue";
 
 //#region src/components/number-input/number-input.vue.d.ts
 declare var __VLS_10: {}, __VLS_24: {}, __VLS_32: {}, __VLS_45: {};
@@ -12,11 +12,11 @@ type __VLS_Slots = {} & {
 } & {
   increment?: (props: typeof __VLS_45) => any;
 };
-declare const __VLS_base: vue261.DefineComponent<NumberInputProps, {}, {}, {}, {}, vue261.ComponentOptionsMixin, vue261.ComponentOptionsMixin, {
+declare const __VLS_base: vue.DefineComponent<NumberInputProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   "update:modelValue": (val: number) => any;
-}, string, vue261.PublicProps, Readonly<NumberInputProps> & Readonly<{
+}, string, vue.PublicProps, Readonly<NumberInputProps> & Readonly<{
   "onUpdate:modelValue"?: ((val: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue261.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/page-tabs/index.js

@@ -0,0 +1 @@
+import e from"./page-tabs.js";

package/dist/components/page-tabs/page-tabs.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import n from"../context-menu/context-menu.js";import{pageTabsVariants as r}from"../../variants/page-tabs.js";import{Fragment as i,computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createElementVNode as l,createVNode as u,defineComponent as d,mergeProps as f,normalizeClass as p,openBlock as m,renderList as h,shallowRef as g,toDisplayString as _,unref as v,useTemplateRef as y,watchEffect as b,withCtx as x}from"vue";import{useControllableState as S,useOmitProps as C}from"@soybeanjs/headless/composables";import{PageTabsClose as w,PageTabsItem as T,PageTabsPin as E,PageTabsRoot as D,providePageTabsUi as O}from"@soybeanjs/headless";var k=d({name:`SPageTabs`,__name:`page-tabs`,props:{class:{},size:{},variant:{default:`chrome`},ui:{},items:{},menuFactory:{},modelValue:{},beforeClose:{},middleClickClose:{type:Boolean}},emits:[`update:modelValue`,`update:items`,`close`,`pin`],setup(d,{expose:k,emit:A}){let j=d,M=A,N=C(j,[`class`,`size`,`variant`,`ui`,`items`,`menuFactory`]),P=y(`root`),F=S(()=>j.items,e=>{M(`update:items`,e)},[]),I=a({get:()=>F.value.map(e=>e.value),set:e=>{F.value=F.value.filter(t=>e.includes(t.value))}}),L=a({get:()=>F.value.filter(e=>e.pinned).map(e=>e.value),set:e=>{F.value=F.value.map(t=>({...t,pinned:e.includes(t.value)}))}}),R=g(null),z=a(()=>{if(!R.value||!P.value?.operations)return[];let{pinTab:e,unpinTab:t,closeTab:n,closeLeftTabs:r,closeRightTabs:i,closeOtherTabs:a,closeAllTabs:o,canCloseTab:s,canCloseLeftTabs:c,canCloseRightTabs:l,canCloseOtherTabs:u,canCloseAllTabs:d}=P.value.operations,f=R.value.value,p={pinTab:()=>{e(f)},unpinTab:()=>{t(f)},closeTab:async()=>{await n(f)},closeLeftTabs:()=>{r(f)},closeRightTabs:()=>{i(f)},closeOtherTabs:()=>{a(f)},closeAllTabs:()=>{o()},canCloseTab:s(f),canCloseLeftTabs:c(f),canCloseRightTabs:l(f),canCloseOtherTabs:u(f),canCloseAllTabs:d()};return j.menuFactory?.(R.value,p)??[]}),B=g(null),V=(e,t)=>{B.value=e.currentTarget,R.value=t},H=e=>{R.value&&e.action()};function U(e){let t=[],n=[],r=[];e.forEach(e=>{e.pinned?e.hidePinnedIcon?t.push(e):n.push(e):r.push(e)});let i=[...t,...n,...r];return i.length!==e.length||i.some((t,n)=>t.value!==e[n].value)?i:e}let W=a(()=>e(r({size:j.size,variant:j.variant}),j.ui,{root:j.class}));return b(()=>{F.value=U(F.value)}),O(W),k({operations:P.value?.operations}),(e,r)=>(m(),o(v(D),f({ref:`root`},v(N),{values:I.value,"onUpdate:values":r[0]||=e=>I.value=e,pins:L.value,"onUpdate:pins":r[1]||=e=>L.value=e,"onUpdate:modelValue":r[2]||=e=>M(`update:modelValue`,e)}),{default:x(()=>[(m(!0),c(i,null,h(v(F),e=>(m(),o(v(T),{key:e.value,value:e.value,onClose:t=>M(`close`,e),onPin:t=>M(`pin`,e),onPointerenter:t=>V(t,e)},{default:x(()=>[u(t,{icon:e.icon},null,8,[`icon`]),l(`span`,{class:p(W.value.itemText)},_(e.label),3),e.hidePinnedIcon?s(`v-if`,!0):(m(),o(v(E),{key:0,"as-child":``},{default:x(()=>[u(t,{icon:`lucide:pin`})]),_:1})),u(v(w),{"as-child":``},{default:x(()=>[u(t,{icon:`lucide:x`})]),_:1}),d.variant===`chrome`?(m(),c(i,{key:1},[(m(),c(`svg`,{height:`100%`,width:`100%`,viewBox:`0 0 8 8`,class:p(W.value.chromeBgLeft)},[...r[3]||=[l(`path`,{d:`M 0 8 A 8 8 0 0 0 8 0 L 8 8 Z`},null,-1)]],2)),(m(),c(`svg`,{height:`100%`,width:`100%`,viewBox:`0 0 8 8`,class:p(W.value.chromeBgRight)},[...r[4]||=[l(`path`,{d:`M 0 0 A 8 8 0 0 0 8 8 L 0 8 Z`},null,-1)]],2))],64)):s(`v-if`,!0),d.variant===`slider`?(m(),c(`div`,{key:2,class:p(W.value.sliderIndicator)},null,2)):s(`v-if`,!0)]),_:2},1032,[`value`,`onClose`,`onPin`,`onPointerenter`]))),128)),u(n,{modal:!1,items:z.value,"trigger-props":{reference:B.value},onSelect:H},null,8,[`items`,`trigger-props`])]),_:1},16,[`values`,`pins`]))}});export{k as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import n from"../context-menu/context-menu.js";import{pageTabsVariants as r}from"../../variants/page-tabs.js";import{Fragment as i,computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createElementVNode as l,createVNode as u,defineComponent as d,mergeProps as f,normalizeClass as p,openBlock as m,renderList as h,shallowRef as g,toDisplayString as _,unref as v,useTemplateRef as y,watchEffect as b,withCtx as x}from"vue";import{useControllableState as S,useOmitProps as C}from"@soybeanjs/headless/composables";import{PageTabsClose as w,PageTabsItem as T,PageTabsPin as E,PageTabsRoot as D,providePageTabsUi as O}from"@soybeanjs/headless";const k=d({name:`SPageTabs`,__name:`page-tabs`,props:{class:{},size:{},variant:{default:`chrome`},ui:{},items:{},menuFactory:{},modelValue:{},beforeClose:{},middleClickClose:{type:Boolean}},emits:[`update:modelValue`,`update:items`,`close`,`pin`],setup(d,{expose:k,emit:A}){let j=d,M=A,N=C(j,[`class`,`size`,`variant`,`ui`,`items`,`menuFactory`]),P=y(`root`),F=S(()=>j.items,e=>{M(`update:items`,e)},[]),I=a({get:()=>F.value.map(e=>e.value),set:e=>{F.value=F.value.filter(t=>e.includes(t.value))}}),L=a({get:()=>F.value.filter(e=>e.pinned).map(e=>e.value),set:e=>{F.value=F.value.map(t=>({...t,pinned:e.includes(t.value)}))}}),R=g(null),z=a(()=>{if(!R.value||!P.value?.operations)return[];let{pinTab:e,unpinTab:t,closeTab:n,closeLeftTabs:r,closeRightTabs:i,closeOtherTabs:a,closeAllTabs:o,canCloseTab:s,canCloseLeftTabs:c,canCloseRightTabs:l,canCloseOtherTabs:u,canCloseAllTabs:d}=P.value.operations,f=R.value.value,p={pinTab:()=>{e(f)},unpinTab:()=>{t(f)},closeTab:async()=>{await n(f)},closeLeftTabs:()=>{r(f)},closeRightTabs:()=>{i(f)},closeOtherTabs:()=>{a(f)},closeAllTabs:()=>{o()},canCloseTab:s(f),canCloseLeftTabs:c(f),canCloseRightTabs:l(f),canCloseOtherTabs:u(f),canCloseAllTabs:d()};return j.menuFactory?.(R.value,p)??[]}),B=g(null),V=(e,t)=>{B.value=e.currentTarget,R.value=t},H=e=>{R.value&&e.action()};function U(e){let t=[],n=[],r=[];e.forEach(e=>{e.pinned?e.hidePinnedIcon?t.push(e):n.push(e):r.push(e)});let i=[...t,...n,...r];return i.length!==e.length||i.some((t,n)=>t.value!==e[n].value)?i:e}let W=a(()=>e(r({size:j.size,variant:j.variant}),j.ui,{root:j.class}));return b(()=>{F.value=U(F.value)}),O(W),k({operations:P.value?.operations}),(e,r)=>(m(),o(v(D),f({ref:`root`},v(N),{values:I.value,"onUpdate:values":r[0]||=e=>I.value=e,pins:L.value,"onUpdate:pins":r[1]||=e=>L.value=e,"onUpdate:modelValue":r[2]||=e=>M(`update:modelValue`,e)}),{default:x(()=>[(m(!0),c(i,null,h(v(F),e=>(m(),o(v(T),{key:e.value,value:e.value,onClose:t=>M(`close`,e),onPin:t=>M(`pin`,e),onPointerenter:t=>V(t,e)},{default:x(()=>[u(t,{icon:e.icon},null,8,[`icon`]),l(`span`,{class:p(W.value.itemText)},_(e.label),3),e.hidePinnedIcon?s(`v-if`,!0):(m(),o(v(E),{key:0,"as-child":``},{default:x(()=>[u(t,{icon:`lucide:pin`})]),_:1})),u(v(w),{"as-child":``},{default:x(()=>[u(t,{icon:`lucide:x`})]),_:1}),d.variant===`chrome`?(m(),c(i,{key:1},[(m(),c(`svg`,{height:`100%`,width:`100%`,viewBox:`0 0 8 8`,class:p(W.value.chromeBgLeft)},[...r[3]||=[l(`path`,{d:`M 0 8 A 8 8 0 0 0 8 0 L 8 8 Z`},null,-1)]],2)),(m(),c(`svg`,{height:`100%`,width:`100%`,viewBox:`0 0 8 8`,class:p(W.value.chromeBgRight)},[...r[4]||=[l(`path`,{d:`M 0 0 A 8 8 0 0 0 8 8 L 0 8 Z`},null,-1)]],2))],64)):s(`v-if`,!0),d.variant===`slider`?(m(),c(`div`,{key:2,class:p(W.value.sliderIndicator)},null,2)):s(`v-if`,!0)]),_:2},1032,[`value`,`onClose`,`onPin`,`onPointerenter`]))),128)),u(n,{modal:!1,items:z.value,"trigger-props":{reference:B.value},onSelect:H},null,8,[`items`,`trigger-props`])]),_:1},16,[`values`,`pins`]))}});export{k as default};

package/dist/components/page-tabs/page-tabs.vue.d.ts

@@ -1,10 +1,10 @@
 import { PageTabsEmits, PageTabsOptionData, PageTabsProps } from "./types.js";
-import * as vue271 from "vue";
-import * as _soybeanjs_headless178 from "@soybeanjs/headless";
+import * as vue from "vue";
+import * as _soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/page-tabs/page-tabs.vue.d.ts
 declare const __VLS_export: <T extends PageTabsOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue271.PublicProps & __VLS_PrettifyLocal<PageTabsProps<T> & {
+  props: vue.PublicProps & __VLS_PrettifyLocal<PageTabsProps<T> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onClose?: ((tab: T) => any) | undefined;
     onPin?: ((tab: T) => any) | undefined;
@@ -12,13 +12,13 @@ declare const __VLS_export: <T extends PageTabsOptionData>(__VLS_props: NonNulla
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
-  expose: (exposed: vue271.ShallowUnwrapRef<{
-    operations: _soybeanjs_headless178.PageTabsOperations | undefined;
+  expose: (exposed: vue.ShallowUnwrapRef<{
+    operations: _soybeanjs_headless0.PageTabsOperations | undefined;
   }>) => void;
   attrs: any;
   slots: {};
   emit: PageTabsEmits<T>;
-}>) => vue271.VNode & {
+}>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/pagination/index.js

@@ -0,0 +1 @@
+import e from"./pagination.js";