@soybeanjs/ui 0.0.1-beta.3 → 0.0.2-beta.6

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

@@ -0,0 +1,10 @@
+import { KbdProps } from "./types.js";
+import * as vue125 from "vue";
+
+//#region src/components/kbd/kbd.vue.d.ts
+declare const __VLS_export: vue125.DefineComponent<KbdProps, {}, {}, {}, {}, vue125.ComponentOptionsMixin, vue125.ComponentOptionsMixin, {}, string, vue125.PublicProps, Readonly<KbdProps> & Readonly<{}>, {
+  symbolize: boolean;
+}, {}, {}, {}, string, vue125.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };

package/dist/components/kbd/types.d.ts

@@ -0,0 +1,12 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { KbdVariant } from "../../variants/kbd.js";
+import { KbdProps, KbdValue as KbdValue$1 } from "@soybeanjs/headless";
+
+//#region src/components/kbd/types.d.ts
+interface KbdProps$1 extends KbdProps {
+  size?: ThemeSize;
+  variant?: KbdVariant;
+}
+//#endregion
+export { KbdProps$1 as KbdProps, type KbdValue$1 as KbdValue };

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

@@ -0,0 +1,2 @@
+import { LabelProps } from "./types.js";
+import { _default } from "./label.vue.js";

package/dist/components/label/label.js

@@ -0,0 +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:{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

@@ -0,0 +1,18 @@
+import { LabelProps } from "./types.js";
+import * as vue259 from "vue";
+
+//#region src/components/label/label.vue.d.ts
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: vue259.DefineComponent<LabelProps, {}, {}, {}, {}, vue259.ComponentOptionsMixin, vue259.ComponentOptionsMixin, {}, string, vue259.PublicProps, Readonly<LabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue259.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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,10 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { LabelProps } from "@soybeanjs/headless";
+
+//#region src/components/label/types.d.ts
+interface LabelProps$1 extends LabelProps {
+  size?: ThemeSize;
+}
+//#endregion
+export { LabelProps$1 as LabelProps };

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

@@ -0,0 +1,5 @@
+import { LayoutEmits, LayoutProps } from "./types.js";
+import { _default } from "./layout.vue.js";
+import { _default as _default$1 } from "./layout-trigger.vue.js";
+import { LayoutCollapsible, LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutSide, LayoutSidebarProps, LayoutTabProps, LayoutVariant } from "@soybeanjs/headless/layout";
+export { type LayoutCollapsible, type LayoutFooterProps, type LayoutHeaderProps, type LayoutMainProps, type LayoutMobileProps, type LayoutRailProps, type LayoutRootEmits, type LayoutRootProps, type LayoutSide, type LayoutSidebarProps, type LayoutTabProps, type LayoutVariant };

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

@@ -0,0 +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":``},{default:c(({open:n})=>[o(e.$slots,`default`,{},()=>[r(t,{icon:n?`lucide:panel-right`:`lucide:panel-left`,size:s(u)},null,8,[`icon`,`size`])])]),_:3}))}});export{u as default};

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

@@ -0,0 +1,18 @@
+import * as vue161 from "vue";
+import { LayoutTriggerProps } from "@soybeanjs/headless";
+
+//#region src/components/layout/layout-trigger.vue.d.ts
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: vue161.DefineComponent<LayoutTriggerProps, {}, {}, {}, {}, vue161.ComponentOptionsMixin, vue161.ComponentOptionsMixin, {}, string, vue161.PublicProps, Readonly<LayoutTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue161.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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/layout/layout.js

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

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

@@ -0,0 +1,35 @@
+import { LayoutProps } from "./types.js";
+import * as vue156 from "vue";
+
+//#region src/components/layout/layout.vue.d.ts
+declare var __VLS_15: {
+    open: boolean | undefined;
+    collapsedSidebarWidth: number;
+  }, __VLS_32: {}, __VLS_39: {}, __VLS_41: {}, __VLS_48: {};
+type __VLS_Slots = {} & {
+  sidebar?: (props: typeof __VLS_15) => any;
+} & {
+  header?: (props: typeof __VLS_32) => any;
+} & {
+  tab?: (props: typeof __VLS_39) => any;
+} & {
+  default?: (props: typeof __VLS_41) => any;
+} & {
+  footer?: (props: typeof __VLS_48) => any;
+};
+declare const __VLS_base: vue156.DefineComponent<LayoutProps, {}, {}, {}, {}, vue156.ComponentOptionsMixin, vue156.ComponentOptionsMixin, {
+  "update:open": (open: boolean) => any;
+}, string, vue156.PublicProps, Readonly<LayoutProps> & Readonly<{
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+  open: boolean;
+}, {}, {}, {}, string, vue156.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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,19 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutSidebarProps, LayoutTabProps, LayoutUi } from "@soybeanjs/headless";
+
+//#region src/components/layout/types.d.ts
+interface LayoutProps extends LayoutRootProps {
+  size?: ThemeSize;
+  ui?: Partial<LayoutUi>;
+  sidebarProps?: LayoutSidebarProps;
+  headerProps?: LayoutHeaderProps;
+  mainProps?: LayoutMainProps;
+  tabProps?: LayoutTabProps;
+  footerProps?: LayoutFooterProps;
+  railProps?: LayoutRailProps;
+  mobileProps?: LayoutMobileProps;
+}
+type LayoutEmits = LayoutRootEmits;
+//#endregion
+export { LayoutEmits, LayoutProps };

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

@@ -0,0 +1,2 @@
+import { LinkProps } from "./types.js";
+import { _default } from "./link.vue.js";

package/dist/components/link/link.js

@@ -0,0 +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,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";import{Link as u}from"@soybeanjs/headless";var d=i({name:`SLink`,__name:`link`,props:{to:{},href:{},disabled:{type:Boolean,default:void 0},inactiveClass:{},external:{type:Boolean,default:void 0},target:{},rel:{},noRel:{type:Boolean,default:void 0},prefetchedClass:{},prefetch:{type:Boolean,default:void 0},prefetchOn:{},noPrefetch:{type:Boolean,default:void 0},trailingSlash:{},asChild:{type:Boolean},as:{},custom:{type:Boolean},activeClass:{},exactActiveClass:{},ariaCurrentValue:{},viewTransition:{type:Boolean,default:void 0},replace:{type:Boolean,default:void 0}},setup(i){let d=i,f=t(),p=n(()=>e(f,d.class));return(e,t)=>(o(),r(c(u),a(d,{class:p.value}),{default:l(()=>[s(e.$slots,`default`)]),_:3},16,[`class`]))}});export{d as default};

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

@@ -0,0 +1,26 @@
+import { LinkProps } from "./types.js";
+import * as vue141 from "vue";
+
+//#region src/components/link/link.vue.d.ts
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: vue141.DefineComponent<LinkProps, {}, {}, {}, {}, vue141.ComponentOptionsMixin, vue141.ComponentOptionsMixin, {}, string, vue141.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+  disabled: boolean;
+  replace: boolean;
+  viewTransition: boolean;
+  external: boolean;
+  noRel: boolean;
+  prefetch: boolean;
+  noPrefetch: boolean;
+}, {}, {}, {}, string, vue141.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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,2 @@
+import { LinkProps as LinkProps$1 } from "@soybeanjs/headless";
+export { type LinkProps$1 as LinkProps };

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

@@ -0,0 +1,5 @@
+import { ListItemProps, ListProps } from "./types.js";
+import { _default } from "./list.vue.js";
+import { _default as _default$1 } from "./list-item.vue.js";
+import { ListContentProps, ListDescriptionProps, ListRootProps, ListTitleProps } from "@soybeanjs/headless/list";
+export { type ListContentProps, type ListDescriptionProps, type ListRootProps, type ListTitleProps };

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

@@ -0,0 +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};

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

@@ -0,0 +1,26 @@
+import { ListItemProps } from "./types.js";
+import * as vue120 from "vue";
+
+//#region src/components/list/list-item.vue.d.ts
+declare var __VLS_7: {}, __VLS_19: {}, __VLS_26: {}, __VLS_28: {}, __VLS_30: {};
+type __VLS_Slots = {} & {
+  leading?: (props: typeof __VLS_7) => any;
+} & {
+  title?: (props: typeof __VLS_19) => any;
+} & {
+  description?: (props: typeof __VLS_26) => any;
+} & {
+  default?: (props: typeof __VLS_28) => any;
+} & {
+  trailing?: (props: typeof __VLS_30) => any;
+};
+declare const __VLS_base: vue120.DefineComponent<ListItemProps, {}, {}, {}, {}, vue120.ComponentOptionsMixin, vue120.ComponentOptionsMixin, {}, string, vue120.PublicProps, Readonly<ListItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue120.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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/list/list.js

@@ -0,0 +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,provideListThemeContext as u}from"@soybeanjs/headless";var d=i({name:`SList`,__name:`list`,props:{size:{},ui:{}},setup(i){let d=i;return u({ui:n(()=>e(t({size:d.size}),d.ui))}),(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

@@ -0,0 +1,18 @@
+import { ListProps } from "./types.js";
+import * as vue115 from "vue";
+
+//#region src/components/list/list.vue.d.ts
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: vue115.DefineComponent<ListProps, {}, {}, {}, {}, vue115.ComponentOptionsMixin, vue115.ComponentOptionsMixin, {}, string, vue115.PublicProps, Readonly<ListProps> & Readonly<{}>, {}, {}, {}, {}, string, vue115.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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,18 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { ListContentProps, ListDescriptionProps, ListItemProps, ListRootProps, ListTitleProps, ListUi } from "@soybeanjs/headless";
+
+//#region src/components/list/types.d.ts
+interface ListProps extends ListRootProps {
+  size?: ThemeSize;
+  ui?: Partial<ListUi>;
+}
+interface ListItemProps$1 extends ListItemProps {
+  title?: string;
+  description?: string;
+  contentProps?: ListContentProps;
+  titleProps?: ListTitleProps;
+  descriptionProps?: ListDescriptionProps;
+}
+//#endregion
+export { ListItemProps$1 as ListItemProps, ListProps };

package/dist/components/menu/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"@soybeanjs/headless/composables";const[t,n]=e(`MenuExtraTheme`,e=>e);export{t as provideMenuExtraThemeContext,n as useMenuExtraThemeContext};

package/dist/components/menu/index.d.ts

@@ -0,0 +1,7 @@
+import { MenuCheckboxOptionData, MenuCheckboxOptionsEmits, MenuCheckboxOptionsProps, MenuCheckboxSelectEmits, MenuExtendedUi, MenuExtraThemeContextParams, MenuExtraThemeSlot, MenuExtraUi, MenuOptionData, MenuOptionEmits, MenuOptionProps, MenuOptionSelectEmits, MenuOptionsEmits, MenuOptionsProps, MenuRadioOptionData, MenuRadioOptionsEmits, MenuRadioOptionsProps, MenuRadioSelectEmits, MenuShortcutProps } from "./types.js";
+import { _default } from "./menu-option.vue.js";
+import { _default as _default$1 } from "./menu-options.vue.js";
+import { _default as _default$2 } from "./menu-checkbox-options.vue.js";
+import { _default as _default$3 } from "./menu-radio-options.vue.js";
+import { MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuContentEmits, MenuContentProps, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuRootEmits, MenuRootProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuTriggerProps } from "@soybeanjs/headless/menu";
+export { type MenuCheckboxGroupEmits, type MenuCheckboxGroupProps, type MenuCheckboxItemEmits, type MenuCheckboxItemProps, type MenuContentEmits, type MenuContentProps, type MenuGroupLabelProps, type MenuGroupProps, type MenuItemEmits, type MenuItemIndicatorProps, type MenuItemProps, type MenuRadioGroupEmits, type MenuRadioGroupProps, type MenuRadioItemEmits, type MenuRadioItemProps, type MenuRootEmits, type MenuRootProps, type MenuSubContentEmits, type MenuSubContentProps, type MenuSubEmits, type MenuSubProps, type MenuSubTriggerProps, type MenuTriggerProps };

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

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

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

@@ -0,0 +1,26 @@
+import { MenuCheckboxOptionData, MenuCheckboxOptionsProps } from "./types.js";
+import * as vue266 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_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<MenuCheckboxOptionsProps<T, S> & {
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+    onSelect?: ((item: S, event: Event) => any) | undefined;
+  }> & vue266.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    item: (props: S) => any;
+    'item-leading': (props: S) => any;
+    'item-trailing': (props: S) => any;
+    'item-indicator-icon': (props: S) => any;
+  };
+  emit: ((evt: "update:modelValue", value: T[]) => void) & ((evt: "select", item: S, event: Event) => void);
+}>) => vue266.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

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

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

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

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

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

@@ -0,0 +1,46 @@
+import { MenuOptionData, MenuOptionProps } from "./types.js";
+import * as vue270 from "vue";
+import * as _soybeanjs_headless133 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_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<MenuOptionProps<T> & {
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
+    onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless133.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless133.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless133.PointerDownOutsideEvent | _soybeanjs_headless133.FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  }> & vue270.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    item: (props: {
+      item: MenuOptionData<T>;
+      isTrigger?: boolean;
+    }) => any;
+    'item-leading': (props: {
+      item: MenuOptionData<T>;
+    }) => any;
+    'item-trailing': (props: {
+      item: MenuOptionData<T>;
+    }) => any;
+    'item-trigger-icon': (props: {
+      item: MenuOptionData<T>;
+    }) => any;
+    'item-link-icon': (props: {
+      item: MenuOptionData<T>;
+    }) => any;
+  };
+  emit: ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless133.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless133.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless133.PointerDownOutsideEvent | _soybeanjs_headless133.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => vue270.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

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

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

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

@@ -0,0 +1,46 @@
+import { MenuOptionData, MenuOptionsProps } from "./types.js";
+import * as vue264 from "vue";
+import * as _soybeanjs_headless125 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_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<MenuOptionsProps<T, S> & {
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
+    onSelect?: ((item: S, event: Event) => any) | undefined;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless125.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless125.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless125.PointerDownOutsideEvent | _soybeanjs_headless125.FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  }> & vue264.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    item: (props: {
+      item: MenuOptionData<T>;
+      isTrigger?: boolean;
+    }) => any;
+    'item-leading': (props: {
+      item: MenuOptionData<T>;
+    }) => any;
+    'item-trailing': (props: {
+      item: MenuOptionData<T>;
+    }) => any;
+    'item-trigger-icon': (props: {
+      item: MenuOptionData<T>;
+    }) => any;
+    'item-link-icon': (props: {
+      item: MenuOptionData<T>;
+    }) => any;
+  };
+  emit: ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "select", item: S, event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless125.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless125.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless125.PointerDownOutsideEvent | _soybeanjs_headless125.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => vue264.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

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

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

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

@@ -0,0 +1,26 @@
+import { MenuRadioOptionData, MenuRadioOptionsProps } from "./types.js";
+import * as vue268 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_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<MenuRadioOptionsProps<T, S> & {
+    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+    onSelect?: ((item: S, event: Event) => any) | undefined;
+  }> & vue268.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    item: (props: S) => any;
+    'item-leading': (props: S) => any;
+    'item-trailing': (props: S) => any;
+    'item-indicator-icon': (props: S) => any;
+  };
+  emit: ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "select", item: S, event: Event) => void);
+}>) => vue268.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

package/dist/components/menu/shared.js

@@ -0,0 +1 @@
+import{computed as e}from"vue";const t=[`item`,`item-leading`,`item-trailing`];function n(n){return e(()=>Object.keys(n).filter(e=>t.includes(e)))}export{n as useCommonSlotKeys};

package/dist/components/menu/types.d.ts

@@ -0,0 +1,92 @@
+import { IconValue } from "../icon/types.js";
+import { LinkProps as LinkProps$1 } from "../link/types.js";
+import { KbdProps as KbdProps$1 } from "../kbd/types.js";
+import { ComputedRef } from "vue";
+import { AcceptableBooleanValue, ClassValue, DefinedValue, KbdValue, MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemProps, MenuGroupLabelProps, MenuGroupProps, MenuItemIndicatorProps, MenuItemProps, MenuPortalProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemProps, MenuSeparatorProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuUi } from "@soybeanjs/headless";
+
+//#region src/components/menu/types.d.ts
+interface MenuOptionData<T = DefinedValue> extends Pick<MenuItemProps, 'disabled' | 'textValue'> {
+  /** The label to display in the menu. */
+  label: string;
+  /** The value of the option. */
+  value: T;
+  /**
+   * whether is group label
+   *
+   * if true, the option will be a group label.
+   */
+  isGroupLabel?: boolean;
+  /**
+   * The icon of the dropdown item.
+   *
+   * if it is a string, it will be used as the icon name of the iconify.
+   */
+  icon?: IconValue;
+  /** Whether to show a separator above this option. */
+  separator?: boolean;
+  /** The shortcut of the option. */
+  shortcut?: KbdValue | KbdValue[];
+  /**
+   * The link props
+   *
+   * if provided, the option will be a link.
+   */
+  linkProps?: LinkProps$1;
+  /** The children of the option. */
+  children?: MenuOptionData<T>[];
+}
+interface MenuShortcutProps extends Omit<KbdProps$1, 'value'> {}
+type MenuExtraThemeSlot = 'subTriggerIcon' | 'itemLinkIcon' | 'shortcut' | 'radioIndicatorIcon';
+type MenuExtraUi = Record<MenuExtraThemeSlot, ClassValue>;
+type MenuExtendedUi = MenuUi & MenuExtraUi;
+interface MenuOptionProps<T extends DefinedValue = DefinedValue> {
+  item: MenuOptionData<T>;
+  itemProps?: MenuItemProps;
+  groupProps?: MenuGroupProps;
+  groupLabelProps?: MenuGroupLabelProps;
+  subProps?: MenuSubProps;
+  subTriggerProps?: MenuSubTriggerProps;
+  portalProps?: MenuPortalProps;
+  subContentProps?: MenuSubContentProps;
+  separatorProps?: MenuSeparatorProps;
+  shortcutProps?: MenuShortcutProps;
+}
+type MenuOptionSelectEmits<T extends MenuOptionData = MenuOptionData> = {
+  select: [item: T, event: Event];
+};
+type MenuOptionEmits<T extends MenuOptionData = MenuOptionData> = MenuSubEmits & MenuSubContentEmits & MenuOptionSelectEmits<T>;
+interface MenuOptionsProps<T extends DefinedValue = DefinedValue, S extends MenuOptionData<T> = MenuOptionData<T>> extends Omit<MenuOptionProps<T>, 'item'> {
+  items: S[];
+}
+type MenuOptionsEmits<T extends MenuOptionData = MenuOptionData> = MenuOptionEmits<T>;
+interface MenuCheckboxOptionData<T extends DefinedValue = DefinedValue> extends Omit<MenuOptionData<T>, 'linkProps' | 'children'> {}
+interface MenuCheckboxOptionsProps<T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>> extends Omit<MenuCheckboxGroupProps<T>, 'dir' | 'onSelect'> {
+  items: S[];
+  groupLabelProps?: MenuGroupLabelProps;
+  checkboxItemProps?: MenuCheckboxItemProps;
+  indicatorProps?: MenuItemIndicatorProps;
+  shortcutProps?: MenuShortcutProps;
+  separatorProps?: MenuSeparatorProps;
+}
+type MenuCheckboxSelectEmits<T extends MenuCheckboxOptionData = MenuCheckboxOptionData> = {
+  select: [item: T, event: Event];
+};
+type MenuCheckboxOptionsEmits<T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>> = MenuCheckboxGroupEmits<T> & MenuCheckboxSelectEmits<S>;
+interface MenuRadioOptionData<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends Omit<MenuOptionData<NonNullable<T>>, 'linkProps' | 'children'> {}
+interface MenuRadioOptionsProps<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>> extends Omit<MenuRadioGroupProps<T>, 'dir' | 'onSelect'> {
+  items: S[];
+  groupLabelProps?: MenuGroupLabelProps;
+  radioItemProps?: MenuRadioItemProps;
+  indicatorProps?: MenuItemIndicatorProps;
+  shortcutProps?: MenuShortcutProps;
+  separatorProps?: MenuSeparatorProps;
+}
+type MenuRadioSelectEmits<T extends MenuRadioOptionData = MenuRadioOptionData> = {
+  select: [item: T, event: Event];
+};
+type MenuRadioOptionsEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>> = MenuRadioGroupEmits<T> & MenuRadioSelectEmits<S>;
+interface MenuExtraThemeContextParams {
+  ui: ComputedRef<MenuExtraUi>;
+}
+//#endregion
+export { MenuCheckboxOptionData, MenuCheckboxOptionsEmits, MenuCheckboxOptionsProps, MenuCheckboxSelectEmits, MenuExtendedUi, MenuExtraThemeContextParams, MenuExtraThemeSlot, MenuExtraUi, MenuOptionData, MenuOptionEmits, MenuOptionProps, MenuOptionSelectEmits, MenuOptionsEmits, MenuOptionsProps, MenuRadioOptionData, MenuRadioOptionsEmits, MenuRadioOptionsProps, MenuRadioSelectEmits, MenuShortcutProps };

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

@@ -0,0 +1 @@
+import{useContext as e}from"@soybeanjs/headless/composables";const[t,n]=e(`NavigationMenuExtraTheme`,e=>e);export{t as provideNavigationMenuExtraThemeContext,n as useNavigationMenuExtraThemeContext};

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

@@ -0,0 +1,4 @@
+import { NavigationMenuEmits, NavigationMenuExtendedUi, NavigationMenuExtraThemeContextParams, NavigationMenuExtraThemeSlot, NavigationMenuExtraUi, NavigationMenuOptionData, NavigationMenuOptionEmits, NavigationMenuOptionProps, NavigationMenuProps, NavigationMenuSubOptionEmits, NavigationMenuSubOptionProps } from "./types.js";
+import { _default } from "./navigation-menu.vue.js";
+import { NavigationMenuContentEmits, NavigationMenuContentProps, NavigationMenuIndicatorProps, NavigationMenuItemProps, NavigationMenuLinkEmits, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuRootEmits, NavigationMenuRootProps, NavigationMenuSubEmits, NavigationMenuSubListProps, NavigationMenuSubProps, NavigationMenuTriggerProps, NavigationMenuViewportProps } from "@soybeanjs/headless/navigation-menu";
+export { type NavigationMenuContentEmits, type NavigationMenuContentProps, type NavigationMenuIndicatorProps, type NavigationMenuItemProps, type NavigationMenuLinkEmits, type NavigationMenuLinkProps, type NavigationMenuListProps, type NavigationMenuRootEmits, type NavigationMenuRootProps, type NavigationMenuSubEmits, type NavigationMenuSubListProps, type NavigationMenuSubProps, type NavigationMenuTriggerProps, type NavigationMenuViewportProps };

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

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

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

@@ -0,0 +1 @@
+import e from"../icon/icon.js";import t from"./navigation-menu-item-slot.js";import{useNavigationMenuExtraThemeContext 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:{},triggerProps:{},contentProps:{},viewportProps:{},indicatorProps:{},listProps:{},subListProps:{},subItemProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`select`],setup(f,{emit:M}){let N=M,P=w(),F=E(N),I=o(()=>Object.keys(P)),L=r(P),{ui:R}=n(`NavigationMenuOption`);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":!!f.item.linkProps}),{default:T(()=>[(_(),s(b(f.item.linkProps?C(k):`template`),m(f.item.linkProps,{onSelect:r[1]||=e=>N(`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(R).triggerIcon)},null,8,[`class`])])]),default:T(()=>[l(`span`,null,x(f.item.label),1)]),_:2},[v(C(L),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(F))),{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=>N(`select`,e)},u({"item-children":T(e=>[y(n.$slots,`item-children`,{item:e.item})]),_:2},[v(I.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},f.item.linkProps,{disabled:f.item.disabled,onSelect:r[0]||=e=>N(`select`,e)}),{default:T(()=>[d(t,{icon:f.item.icon},u({"link-icon":T(()=>[y(n.$slots,`item-link-icon`,{item:f.item},()=>[d(e,{icon:`lucide:arrow-up-right`,class:h(C(R).linkIcon)},null,8,[`class`])])]),default:T(()=>[l(`span`,null,x(f.item.label),1)]),_:2},[v(C(L),e=>({name:e,fn:T(()=>[y(n.$slots,e,{item:f.item})])}))]),1032,[`icon`])]),_:3},16,[`disabled`]))]),_:3},16,[`value`]))}});export{M as default};

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

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