@soybeanjs/ui 0.0.8 → 0.0.10

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

@@ -1,5 +1,5 @@
 import { CardProps } from "./types.js";
-import * as vue4 from "vue";
+import * as vue46 from "vue";
 
 //#region src/components/card/card.vue.d.ts
 type Slots = {
@@ -14,9 +14,9 @@ type Slots = {
   description: () => any;
 };
 type __VLS_Slots = Slots;
-declare const __VLS_base: vue4.DefineComponent<CardProps, {}, {}, {}, {}, vue4.ComponentOptionsMixin, vue4.ComponentOptionsMixin, {}, string, vue4.PublicProps, Readonly<CardProps> & Readonly<{}>, {
+declare const __VLS_base: vue46.DefineComponent<CardProps, {}, {}, {}, {}, vue46.ComponentOptionsMixin, vue46.ComponentOptionsMixin, {}, string, vue46.PublicProps, Readonly<CardProps> & Readonly<{}>, {
   scrollable: boolean;
-}, {}, {}, {}, string, vue4.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue46.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/card/types.d.ts

@@ -1,9 +1,13 @@
 import { ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
-import { CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootProps, CardTitleProps, CardTitleRootProps, CardUi } from "@soybeanjs/headless";
+import { CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootProps, CardTitleProps, CardTitleRootProps, CardUi, ClassValue } from "@soybeanjs/headless";
 
 //#region src/components/card/types.d.ts
 interface CardProps extends CardRootProps {
+  /**
+   * root class
+   */
+  class?: ClassValue;
   size?: ThemeSize;
   ui?: Partial<CardUi>;
   title?: string;

package/dist/components/checkbox/checkbox-card-group.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{checkboxCardVariants as t}from"../../variants/checkbox.js";import n from"./checkbox-card.js";import{Fragment as r,computed as i,createBlock as a,createElementBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderList as u,unref as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{CheckboxGroupRoot as m}from"@soybeanjs/headless";var h=s({name:`SCheckboxCardGroup`,__name:`checkbox-card-group`,props:{ui:{},color:{},size:{},shape:{},items:{},rootProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:h}){let g=s,_=h,v=p(g,[`ui`,`color`,`size`,`shape`,`items`,`rootProps`,`controlProps`,`indicatorProps`,`labelProps`]),y=i(()=>e(t(),g.ui));return(e,t)=>(l(),a(d(m),c(d(v),{class:y.value.groupRoot,"onUpdate:modelValue":t[0]||=e=>_(`update:modelValue`,e)}),{default:f(()=>[(l(!0),o(r,null,u(s.items,(e,t)=>(l(),a(n,c({key:t},{ref_for:!0},s.rootProps,{color:s.color,size:s.size,shape:s.shape,label:e.label,value:e.value,icon:e.icon,description:e.description,disabled:s.disabled||e.disabled,"control-props":s.controlProps,"indicator-props":s.indicatorProps,"label-props":s.labelProps}),null,16,[`color`,`size`,`shape`,`label`,`value`,`icon`,`description`,`disabled`,`control-props`,`indicator-props`,`label-props`]))),128))]),_:1},16,[`class`]))}});export{h as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{checkboxCardVariants as t}from"../../variants/checkbox.js";import n from"./checkbox-card.js";import{Fragment as r,computed as i,createBlock as a,createElementBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderList as u,unref as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{CheckboxGroupRoot as m}from"@soybeanjs/headless";var h=s({name:`SCheckboxCardGroup`,__name:`checkbox-card-group`,props:{class:{},ui:{},items:{},color:{},size:{},shape:{},rootProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:h}){let g=s,_=h,v=p(g,[`class`,`ui`,`color`,`size`,`shape`,`items`,`rootProps`,`controlProps`,`indicatorProps`,`labelProps`]),y=i(()=>e(t(),g.ui,{groupRoot:g.class}));return(e,t)=>(l(),a(d(m),c(d(v),{class:y.value.groupRoot,"onUpdate:modelValue":t[0]||=e=>_(`update:modelValue`,e)}),{default:f(()=>[(l(!0),o(r,null,u(s.items,(e,t)=>(l(),a(n,c({key:t},{ref_for:!0},s.rootProps,{color:s.color,size:s.size,shape:s.shape,label:e.label,value:e.value,icon:e.icon,description:e.description,disabled:s.disabled||e.disabled,"control-props":s.controlProps,"indicator-props":s.indicatorProps,"label-props":s.labelProps}),null,16,[`color`,`size`,`shape`,`label`,`value`,`icon`,`description`,`disabled`,`control-props`,`indicator-props`,`label-props`]))),128))]),_:1},16,[`class`]))}});export{h as default};

package/dist/components/checkbox/checkbox-card-group.vue.d.ts

@@ -1,10 +1,10 @@
 import { CheckboxCardGroupOptionData, CheckboxCardGroupProps } from "./types.js";
-import * as vue48 from "vue";
+import * as vue88 from "vue";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/checkbox/checkbox-card-group.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends CheckboxCardGroupOptionData<T> = CheckboxCardGroupOptionData<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: vue48.PublicProps & __VLS_PrettifyLocal<CheckboxCardGroupProps<T, S> & {
+  props: vue88.PublicProps & __VLS_PrettifyLocal<CheckboxCardGroupProps<T, S> & {
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -13,7 +13,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Ch
   attrs: any;
   slots: {};
   emit: (evt: "update:modelValue", value: T[]) => void;
-}>) => vue48.VNode & {
+}>) => vue88.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/checkbox/checkbox-card.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{checkboxCardVariants as n}from"../../variants/checkbox.js";import{Transition as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeClass as m,normalizeProps as h,openBlock as g,renderSlot as _,toDisplayString as v,unref as y,useId as b,useSlots as x,withCtx as S}from"vue";import{useOmitProps as C}from"@soybeanjs/headless/composables";import{CheckboxControl as w,CheckboxIndicator as T,CheckboxLabel as E,CheckboxRoot as D,Slot as O,provideCheckboxThemeContext as k}from"@soybeanjs/headless";const A={key:0};var j=d({name:`SCheckboxCard`,__name:`checkbox-card`,props:{ui:{},icon:{},description:{},color:{},size:{},shape:{},label:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(d,{emit:j}){let M=d,N=j,P=x(),F=C(M,[`ui`,`color`,`size`,`shape`,`label`,`icon`,`description`,`controlProps`,`indicatorProps`,`labelProps`]),I=b(),L=i(()=>M.id||`checkbox-${I}`),R=i(()=>M.modelValue===`indeterminate`),z=i(()=>e(n({color:M.color,size:M.size,shape:M.shape}),M.ui));return k({ui:z}),(e,n)=>(g(),a(y(D),p(y(F),{"onUpdate:modelValue":n[0]||=e=>N(`update:modelValue`,e)}),{default:S(()=>[c(`div`,{class:m(z.value.content)},[d.icon?(g(),a(t,{key:0,icon:d.icon,class:m(z.value.icon)},null,8,[`icon`,`class`])):o(`v-if`,!0),c(`div`,{class:m(z.value.textContent)},[u(y(E),p(d.labelProps,{for:L.value}),{default:S(()=>[_(e.$slots,`default`,{id:L.value},()=>[l(v(d.label),1)])]),_:3},16,[`for`]),y(P).description||d.description?(g(),a(y(O),{key:0,class:m(z.value.description)},{default:S(()=>[_(e.$slots,`description`,{},()=>[d.description?(g(),s(`p`,A,v(d.description),1)):o(`v-if`,!0)])]),_:3},8,[`class`])):o(`v-if`,!0)],2)],2),u(y(w),p(d.controlProps,{id:L.value,class:`checkbox-control`}),{default:S(()=>[u(r,{"enter-active-class":`transition-50`,"enter-from-class":`opacity-0 scale-0`},{default:S(()=>[u(y(T),h(f(d.indicatorProps)),{default:S(()=>[u(t,{icon:R.value?`lucide:minus`:`lucide:check`,class:`size-full`},null,8,[`icon`])]),_:1},16)]),_:1})]),_:1},16,[`id`])]),_:3},16))}});export{j as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{checkboxCardVariants as n}from"../../variants/checkbox.js";import{Transition as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeClass as m,normalizeProps as h,openBlock as g,renderSlot as _,toDisplayString as v,unref as y,useId as b,useSlots as x,withCtx as S}from"vue";import{useOmitProps as C}from"@soybeanjs/headless/composables";import{CheckboxControl as w,CheckboxIndicator as T,CheckboxLabel as E,CheckboxRoot as D,Slot as O,provideCheckboxUi as k}from"@soybeanjs/headless";const A={key:0};var j=d({name:`SCheckboxCard`,__name:`checkbox-card`,props:{ui:{},icon:{},description:{},color:{},size:{},shape:{},label:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(d,{emit:j}){let M=d,N=j,P=x(),F=C(M,[`ui`,`color`,`size`,`shape`,`label`,`icon`,`description`,`controlProps`,`indicatorProps`,`labelProps`]),I=b(),L=i(()=>M.id||`checkbox-${I}`),R=i(()=>M.modelValue===`indeterminate`),z=i(()=>e(n({color:M.color,size:M.size,shape:M.shape}),M.ui));return k(z),(e,n)=>(g(),a(y(D),p(y(F),{"onUpdate:modelValue":n[0]||=e=>N(`update:modelValue`,e)}),{default:S(()=>[c(`div`,{class:m(z.value.content)},[d.icon?(g(),a(t,{key:0,icon:d.icon,class:m(z.value.icon)},null,8,[`icon`,`class`])):o(`v-if`,!0),c(`div`,{class:m(z.value.textContent)},[u(y(E),p(d.labelProps,{for:L.value}),{default:S(()=>[_(e.$slots,`default`,{id:L.value},()=>[l(v(d.label),1)])]),_:3},16,[`for`]),y(P).description||d.description?(g(),a(y(O),{key:0,class:m(z.value.description)},{default:S(()=>[_(e.$slots,`description`,{},()=>[d.description?(g(),s(`p`,A,v(d.description),1)):o(`v-if`,!0)])]),_:3},8,[`class`])):o(`v-if`,!0)],2)],2),u(y(w),p(d.controlProps,{id:L.value,class:`checkbox-control`}),{default:S(()=>[u(r,{"enter-active-class":`transition-50`,"enter-from-class":`opacity-0 scale-0`},{default:S(()=>[u(y(T),h(f(d.indicatorProps)),{default:S(()=>[u(t,{icon:R.value?`lucide:minus`:`lucide:check`,class:`size-full`},null,8,[`icon`])]),_:1},16)]),_:1})]),_:1},16,[`id`])]),_:3},16))}});export{j as default};

package/dist/components/checkbox/checkbox-card.vue.d.ts

@@ -1,6 +1,6 @@
 import { CheckboxCardProps } from "./types.js";
-import * as vue38 from "vue";
-import * as _soybeanjs_headless1 from "@soybeanjs/headless";
+import * as vue90 from "vue";
+import * as _soybeanjs_headless16 from "@soybeanjs/headless";
 
 //#region src/components/checkbox/checkbox-card.vue.d.ts
 declare var __VLS_21: {
@@ -11,13 +11,13 @@ type __VLS_Slots = {} & {
 } & {
   description?: (props: typeof __VLS_29) => any;
 };
-declare const __VLS_base: vue38.DefineComponent<CheckboxCardProps, {}, {}, {}, {}, vue38.ComponentOptionsMixin, vue38.ComponentOptionsMixin, {
-  "update:modelValue": (value: _soybeanjs_headless1.CheckedState | null) => any;
-}, string, vue38.PublicProps, Readonly<CheckboxCardProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: _soybeanjs_headless1.CheckedState | null) => any) | undefined;
+declare const __VLS_base: vue90.DefineComponent<CheckboxCardProps, {}, {}, {}, {}, vue90.ComponentOptionsMixin, vue90.ComponentOptionsMixin, {
+  "update:modelValue": (value: _soybeanjs_headless16.CheckedState | null) => any;
+}, string, vue90.PublicProps, Readonly<CheckboxCardProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: _soybeanjs_headless16.CheckedState | null) => any) | undefined;
 }>, {
-  modelValue: _soybeanjs_headless1.CheckedState | null;
-}, {}, {}, {}, string, vue38.ComponentProvideOptions, false, {}, any>;
+  modelValue: _soybeanjs_headless16.CheckedState | null;
+}, {}, {}, {}, string, vue90.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/checkbox/checkbox-group.vue.d.ts

@@ -1,10 +1,10 @@
 import { CheckboxGroupOptionData, CheckboxGroupProps } from "./types.js";
-import * as vue36 from "vue";
+import * as vue81 from "vue";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/checkbox/checkbox-group.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends CheckboxGroupOptionData<T> = CheckboxGroupOptionData<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: vue36.PublicProps & __VLS_PrettifyLocal<CheckboxGroupProps<T, S> & {
+  props: vue81.PublicProps & __VLS_PrettifyLocal<CheckboxGroupProps<T, S> & {
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -13,7 +13,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Ch
   attrs: any;
   slots: {};
   emit: (evt: "update:modelValue", value: T[]) => void;
-}>) => vue36.VNode & {
+}>) => vue81.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/checkbox/checkbox.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{checkboxVariants as n}from"../../variants/checkbox.js";import{Transition as r,computed as i,createBlock as a,createTextVNode as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderSlot as p,toDisplayString as m,unref as h,useId as g,withCtx as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";import{CheckboxControl as y,CheckboxIndicator as b,CheckboxLabel as x,CheckboxRoot as S,provideCheckboxThemeContext as C}from"@soybeanjs/headless";var w=c({name:`SCheckbox`,__name:`checkbox`,props:{ui:{},color:{},size:{},shape:{},label:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(c,{emit:w}){let T=c,E=w,D=v(T,[`color`,`size`,`ui`,`label`,`controlProps`,`indicatorProps`,`labelProps`]),O=g(),k=i(()=>T.id||`checkbox-${O}`);return C({ui:i(()=>e(n({color:T.color,size:T.size,shape:T.shape}),T.ui))}),(e,n)=>(f(),a(h(S),u(h(D),{"onUpdate:modelValue":n[0]||=e=>E(`update:modelValue`,e)}),{default:_(n=>[s(h(y),u(c.controlProps,{id:k.value}),{default:_(()=>[s(r,{"enter-active-class":`transition-50`,"enter-from-class":`opacity-0 scale-0`},{default:_(()=>[s(h(b),d(l(c.indicatorProps)),{default:_(()=>[p(e.$slots,`indicator`,d(l(n)),()=>[s(t,{icon:n.state===`indeterminate`?`lucide:minus`:`lucide:check`,class:`size-full`},null,8,[`icon`])])]),_:2},1040)]),_:2},1024)]),_:2},1040,[`id`]),s(h(x),u(c.labelProps,{for:k.value}),{default:_(()=>[p(e.$slots,`default`,u(n,{id:k.value}),()=>[o(m(c.label),1)])]),_:2},1040,[`for`])]),_:3},16))}});export{w as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{checkboxVariants as n}from"../../variants/checkbox.js";import{Transition as r,computed as i,createBlock as a,createTextVNode as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderSlot as p,toDisplayString as m,unref as h,useId as g,withCtx as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";import{CheckboxControl as y,CheckboxIndicator as b,CheckboxLabel as x,CheckboxRoot as S,provideCheckboxUi as C}from"@soybeanjs/headless";var w=c({name:`SCheckbox`,__name:`checkbox`,props:{ui:{},color:{},size:{},shape:{},label:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(c,{emit:w}){let T=c,E=w,D=v(T,[`color`,`size`,`ui`,`label`,`controlProps`,`indicatorProps`,`labelProps`]),O=g(),k=i(()=>T.id||`checkbox-${O}`);return C(i(()=>e(n({color:T.color,size:T.size,shape:T.shape}),T.ui))),(e,n)=>(f(),a(h(S),u(h(D),{"onUpdate:modelValue":n[0]||=e=>E(`update:modelValue`,e)}),{default:_(n=>[s(h(y),u(c.controlProps,{id:k.value}),{default:_(()=>[s(r,{"enter-active-class":`transition-50`,"enter-from-class":`opacity-0 scale-0`},{default:_(()=>[s(h(b),d(l(c.indicatorProps)),{default:_(()=>[p(e.$slots,`indicator`,d(l(n)),()=>[s(t,{icon:n.state===`indeterminate`?`lucide:minus`:`lucide:check`,class:`size-full`},null,8,[`icon`])])]),_:2},1040)]),_:2},1024)]),_:2},1040,[`id`]),s(h(x),u(c.labelProps,{for:k.value}),{default:_(()=>[p(e.$slots,`default`,u(n,{id:k.value}),()=>[o(m(c.label),1)])]),_:2},1040,[`for`])]),_:3},16))}});export{w as default};

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

@@ -1,28 +1,28 @@
 import { CheckboxProps } from "./types.js";
-import * as vue43 from "vue";
-import * as _soybeanjs_headless4 from "@soybeanjs/headless";
+import * as vue83 from "vue";
+import * as _soybeanjs_headless9 from "@soybeanjs/headless";
 
 //#region src/components/checkbox/checkbox.vue.d.ts
 declare var __VLS_28: {
-    modelValue: _soybeanjs_headless4.CheckedState | null | undefined;
-    state: _soybeanjs_headless4.CheckedState;
+    modelValue: _soybeanjs_headless9.CheckedState | null | undefined;
+    state: _soybeanjs_headless9.CheckedState;
   }, __VLS_41: {
     id: string;
-    modelValue: _soybeanjs_headless4.CheckedState | null | undefined;
-    state: _soybeanjs_headless4.CheckedState;
+    modelValue: _soybeanjs_headless9.CheckedState | null | undefined;
+    state: _soybeanjs_headless9.CheckedState;
   };
 type __VLS_Slots = {} & {
   indicator?: (props: typeof __VLS_28) => any;
 } & {
   default?: (props: typeof __VLS_41) => any;
 };
-declare const __VLS_base: vue43.DefineComponent<CheckboxProps, {}, {}, {}, {}, vue43.ComponentOptionsMixin, vue43.ComponentOptionsMixin, {
-  "update:modelValue": (value: _soybeanjs_headless4.CheckedState | null) => any;
-}, string, vue43.PublicProps, Readonly<CheckboxProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: _soybeanjs_headless4.CheckedState | null) => any) | undefined;
+declare const __VLS_base: vue83.DefineComponent<CheckboxProps, {}, {}, {}, {}, vue83.ComponentOptionsMixin, vue83.ComponentOptionsMixin, {
+  "update:modelValue": (value: _soybeanjs_headless9.CheckedState | null) => any;
+}, string, vue83.PublicProps, Readonly<CheckboxProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: _soybeanjs_headless9.CheckedState | null) => any) | undefined;
 }>, {
-  modelValue: _soybeanjs_headless4.CheckedState | null;
-}, {}, {}, {}, string, vue43.ComponentProvideOptions, false, {}, any>;
+  modelValue: _soybeanjs_headless9.CheckedState | null;
+}, {}, {}, {}, string, vue83.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/checkbox/index.d.ts

@@ -1,4 +1,4 @@
-import { CheckboxCardEmits, CheckboxCardGroupEmits, CheckboxCardGroupOptionData, CheckboxCardGroupProps, CheckboxCardProps, CheckboxCardThemeSlot, CheckboxCardUi, CheckboxEmits, CheckboxGroupEmits, CheckboxGroupOptionData, CheckboxGroupProps, CheckboxProps } from "./types.js";
+import { CheckboxCardEmits, CheckboxCardGroupEmits, CheckboxCardGroupOptionData, CheckboxCardGroupProps, CheckboxCardProps, CheckboxCardUi, CheckboxCardUiSlot, CheckboxEmits, CheckboxGroupEmits, CheckboxGroupOptionData, CheckboxGroupProps, CheckboxProps } from "./types.js";
 import { _default } from "./checkbox-group.vue.js";
 import { _default as _default$1 } from "./checkbox.vue.js";
 import { _default as _default$2 } from "./checkbox-card-group.vue.js";

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

@@ -1,7 +1,7 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
 import { CheckboxShape } from "../../variants/checkbox.js";
-import { CheckboxControlProps, CheckboxGroupRootEmits, CheckboxGroupRootProps, CheckboxIndicatorProps, CheckboxLabelProps, CheckboxRootEmits, CheckboxRootProps, CheckboxThemeSlot, CheckboxUi, ClassValue, DefinedValue } from "@soybeanjs/headless";
+import { CheckboxControlProps, CheckboxGroupRootEmits, CheckboxGroupRootProps, CheckboxIndicatorProps, CheckboxLabelProps, CheckboxRootEmits, CheckboxRootProps, CheckboxUi, CheckboxUiSlot, ClassValue, DefinedValue, UiClass } from "@soybeanjs/headless";
 
 //#region src/components/checkbox/types.d.ts
 interface CheckboxProps extends CheckboxRootProps {
@@ -15,8 +15,8 @@ interface CheckboxProps extends CheckboxRootProps {
   labelProps?: CheckboxLabelProps;
 }
 type CheckboxEmits = CheckboxRootEmits;
-type CheckboxCardThemeSlot = CheckboxThemeSlot | 'content' | 'textContent' | 'icon' | 'description';
-type CheckboxCardUi = Record<CheckboxCardThemeSlot, ClassValue>;
+type CheckboxCardUiSlot = CheckboxUiSlot | 'content' | 'textContent' | 'icon' | 'description';
+type CheckboxCardUi = UiClass<CheckboxCardUiSlot>;
 interface CheckboxCardProps extends CheckboxProps {
   ui?: Partial<CheckboxCardUi>;
   icon?: string;
@@ -44,10 +44,11 @@ interface CheckboxCardGroupOptionData<T extends DefinedValue = DefinedValue> ext
   icon?: string;
   description?: string;
 }
-type CheckboxCardGroupProps<T extends DefinedValue = DefinedValue, S extends CheckboxCardGroupOptionData<T> = CheckboxCardGroupOptionData<T>> = CheckboxGroupProps<T, S> & {
+interface CheckboxCardGroupProps<T extends DefinedValue = DefinedValue, S extends CheckboxCardGroupOptionData<T> = CheckboxCardGroupOptionData<T>> extends CheckboxGroupProps<T, S> {
+  class?: ClassValue;
   ui?: Partial<CheckboxCardUi>;
   items: S[];
-};
+}
 type CheckboxCardGroupEmits<T extends DefinedValue = DefinedValue> = CheckboxGroupEmits<T>;
 //#endregion
-export { CheckboxCardEmits, CheckboxCardGroupEmits, CheckboxCardGroupOptionData, CheckboxCardGroupProps, CheckboxCardProps, CheckboxCardThemeSlot, CheckboxCardUi, CheckboxEmits, CheckboxGroupEmits, CheckboxGroupOptionData, CheckboxGroupProps, CheckboxProps };
+export { CheckboxCardEmits, CheckboxCardGroupEmits, CheckboxCardGroupOptionData, CheckboxCardGroupProps, CheckboxCardProps, CheckboxCardUi, CheckboxCardUiSlot, CheckboxEmits, CheckboxGroupEmits, CheckboxGroupOptionData, CheckboxGroupProps, CheckboxProps };

package/dist/components/collapsible/collapsible.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{collapsibleVariants as t}from"../../variants/collapsible.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{useOmitProps as f}from"@soybeanjs/headless/composables";import{CollapsibleRoot as p,provideCollapsibleThemeContext as m}from"@soybeanjs/headless";var h=i({name:`SCollapsible`,__name:`collapsible`,props:{size:{},ui:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},disabled:{type:Boolean},unmountOnHide:{type:Boolean,default:!0},asChild:{type:Boolean},as:{}},emits:[`update:open`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`size`,`ui`]);return m({ui:n(()=>e(t({size:g.size}),g.ui))}),(e,t)=>(c(),r(u(p),o(u(v),{"onUpdate:open":t[0]||=e=>_(`update:open`,e)}),{default:d(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16))}});export{h as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{collapsibleVariants as t}from"../../variants/collapsible.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{useOmitProps as f}from"@soybeanjs/headless/composables";import{CollapsibleRoot as p,provideCollapsibleUi as m}from"@soybeanjs/headless";var h=i({name:`SCollapsible`,__name:`collapsible`,props:{size:{},ui:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},disabled:{type:Boolean},unmountOnHide:{type:Boolean,default:!0},asChild:{type:Boolean},as:{}},emits:[`update:open`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`size`,`ui`]);return m(n(()=>e(t({size:g.size}),g.ui))),(e,t)=>(c(),r(u(p),o(u(v),{"onUpdate:open":t[0]||=e=>_(`update:open`,e)}),{default:d(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16))}});export{h as default};

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

@@ -1,5 +1,5 @@
 import { CollapsibleProps } from "./types.js";
-import * as vue86 from "vue";
+import * as vue51 from "vue";
 
 //#region src/components/collapsible/collapsible.vue.d.ts
 declare var __VLS_10: {
@@ -8,15 +8,15 @@ declare var __VLS_10: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: vue86.DefineComponent<CollapsibleProps, {}, {}, {}, {}, vue86.ComponentOptionsMixin, vue86.ComponentOptionsMixin, {
+declare const __VLS_base: vue51.DefineComponent<CollapsibleProps, {}, {}, {}, {}, vue51.ComponentOptionsMixin, vue51.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-}, string, vue86.PublicProps, Readonly<CollapsibleProps> & Readonly<{
+}, string, vue51.PublicProps, Readonly<CollapsibleProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
   open: boolean;
   defaultOpen: boolean;
   unmountOnHide: boolean;
-}, {}, {}, {}, string, vue86.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue51.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/command/command-group-option.js

@@ -1 +1 @@
-import{useCommandExtraThemeContext as e}from"./context.js";import t from"./command-single-option.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createSlots as s,createTextVNode as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toDisplayString as _,unref as v,useSlots as y,withCtx as b}from"vue";import{useOmitProps as x}from"@soybeanjs/headless/composables";import{ListboxGroup as S,ListboxGroupLabel as C,SeparatorRoot as w}from"@soybeanjs/headless";var T=u({name:`SCommandGroupOption`,inheritAttrs:!1,__name:`command-group-option`,props:{item:{},groupLabelProps:{},itemProps:{},itemLabelProps:{},shortcutProps:{},separatorProps:{}},emits:[`select`],setup(u,{emit:T}){let E=u,D=T,O=x(E,[`item`,`groupLabelProps`,`itemProps`,`itemLabelProps`,`shortcutProps`,`separatorProps`]),k=y(),A=r(()=>Object.keys(k)),j=e(),M=r(()=>j?.ui?.value);return(e,r)=>(m(),o(n,null,[l(v(S),p(d(v(O))),{default:b(()=>[l(v(C),p(d(u.groupLabelProps)),{default:b(()=>[c(_(u.item.label),1)]),_:1},16),(m(!0),o(n,null,h(u.item.items,n=>(m(),i(t,f({key:String(n.value)},{ref_for:!0},u.itemProps,{item:n,"item-label-props":u.itemLabelProps,"shortcut-props":u.shortcutProps,"separator-props":u.separatorProps,onSelect:r[0]||=e=>D(`select`,e)}),s({_:2},[h(A.value,t=>({name:t,fn:b(()=>[g(e.$slots,t,{item:n})])}))]),1040,[`item`,`item-label-props`,`shortcut-props`,`separator-props`]))),128))]),_:3},16),u.item.separator?(m(),i(v(w),f({key:0},u.separatorProps,{class:M.value?.separator}),null,16,[`class`])):a(`v-if`,!0)],64))}});export{T as default};
+import{useCommandExtraUi as e}from"./context.js";import t from"./command-single-option.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createSlots as s,createTextVNode as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toDisplayString as _,unref as v,useSlots as y,withCtx as b}from"vue";import{useOmitProps as x}from"@soybeanjs/headless/composables";import{ListboxGroup as S,ListboxGroupLabel as C,SeparatorRoot as w}from"@soybeanjs/headless";var T=u({name:`SCommandGroupOption`,inheritAttrs:!1,__name:`command-group-option`,props:{item:{},groupLabelProps:{},itemProps:{},itemLabelProps:{},shortcutProps:{},separatorProps:{}},emits:[`select`],setup(u,{emit:T}){let E=u,D=T,O=x(E,[`item`,`groupLabelProps`,`itemProps`,`itemLabelProps`,`shortcutProps`,`separatorProps`]),k=y(),A=r(()=>Object.keys(k)),j=e();return(e,r)=>(m(),o(n,null,[l(v(S),p(d(v(O))),{default:b(()=>[l(v(C),p(d(u.groupLabelProps)),{default:b(()=>[c(_(u.item.label),1)]),_:1},16),(m(!0),o(n,null,h(u.item.items,n=>(m(),i(t,f({key:String(n.value)},{ref_for:!0},u.itemProps,{item:n,"item-label-props":u.itemLabelProps,"shortcut-props":u.shortcutProps,"separator-props":u.separatorProps,onSelect:r[0]||=e=>D(`select`,e)}),s({_:2},[h(A.value,t=>({name:t,fn:b(()=>[g(e.$slots,t,{item:n})])}))]),1040,[`item`,`item-label-props`,`shortcut-props`,`separator-props`]))),128))]),_:3},16),u.item.separator?(m(),i(v(w),f({key:0},u.separatorProps,{class:v(j)?.separator}),null,16,[`class`])):a(`v-if`,!0)],64))}});export{T as default};

package/dist/components/command/command-single-option.js

@@ -1 +1 @@
-import e from"../icon/icon.js";import{useCommandExtraThemeContext as t}from"./context.js";import n from"../kbd/kbd.js";import{Fragment as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,toDisplayString as h,unref as g,withCtx as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";import{ListboxItem as y,SeparatorRoot as b}from"@soybeanjs/headless";var x=d({name:`SCommandSingleOption`,inheritAttrs:!1,__name:`command-single-option`,props:{item:{},itemLabelProps:{},shortcutProps:{},separatorProps:{},asChild:{type:Boolean},as:{}},emits:[`select`],setup(d,{emit:x}){let S=d,C=x,w=v(S,[`item`,`itemLabelProps`,`shortcutProps`,`separatorProps`]),T=t(),E=i(()=>T?.ui?.value);return(t,i)=>(p(),s(r,null,[u(g(y),f(g(w),{value:d.item.value,disabled:d.item.disabled,onSelect:i[0]||=e=>C(`select`,e)}),{default:_(()=>[m(t.$slots,`item-leading`,{},()=>[d.item.icon?(p(),a(e,{key:0,icon:d.item.icon},null,8,[`icon`])):o(`v-if`,!0)]),c(`span`,f({class:E.value?.itemLabel},d.itemLabelProps),[m(t.$slots,`item-label`,{},()=>[l(h(d.item.label),1)])],16),m(t.$slots,`item-trailing`),d.item.shortcut?(p(),a(n,f({key:0},d.shortcutProps,{value:d.item.shortcut,class:E.value?.shortcut}),null,16,[`value`,`class`])):o(`v-if`,!0)]),_:3},16,[`value`,`disabled`]),d.item.separator?(p(),a(g(b),f({key:0},d.separatorProps,{class:E.value?.separator}),null,16,[`class`])):o(`v-if`,!0)],64))}});export{x as default};
+import e from"../icon/icon.js";import{useCommandExtraUi as t}from"./context.js";import n from"../kbd/kbd.js";import{Fragment as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,mergeProps as d,openBlock as f,renderSlot as p,toDisplayString as m,unref as h,withCtx as g}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{ListboxItem as v,SeparatorRoot as y}from"@soybeanjs/headless";var b=u({name:`SCommandSingleOption`,inheritAttrs:!1,__name:`command-single-option`,props:{item:{},itemLabelProps:{},shortcutProps:{},separatorProps:{},asChild:{type:Boolean},as:{}},emits:[`select`],setup(u,{emit:b}){let x=u,S=b,C=_(x,[`item`,`itemLabelProps`,`shortcutProps`,`separatorProps`]),w=t();return(t,_)=>(f(),o(r,null,[l(h(v),d(h(C),{value:u.item.value,disabled:u.item.disabled,onSelect:_[0]||=e=>S(`select`,e)}),{default:g(()=>[p(t.$slots,`item-leading`,{},()=>[u.item.icon?(f(),i(e,{key:0,icon:u.item.icon},null,8,[`icon`])):a(`v-if`,!0)]),s(`span`,d({class:h(w)?.itemLabel},u.itemLabelProps),[p(t.$slots,`item-label`,{},()=>[c(m(u.item.label),1)])],16),p(t.$slots,`item-trailing`),u.item.shortcut?(f(),i(n,d({key:0},u.shortcutProps,{value:u.item.shortcut,class:h(w)?.shortcut}),null,16,[`value`,`class`])):a(`v-if`,!0)]),_:3},16,[`value`,`disabled`]),u.item.separator?(f(),i(h(y),d({key:0},u.separatorProps,{class:h(w)?.separator}),null,16,[`class`])):a(`v-if`,!0)],64))}});export{b as default};

package/dist/components/command/command.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{commandVariants as n}from"../../variants/command.js";import{provideCommandExtraThemeContext as r}from"./context.js";import{getCommandHighlightSearchOption as i,getCommandItemOptions as a,getCommandSearchOptions as o}from"./shared.js";import s from"./command-option.js";import{Fragment as c,computed as l,createBlock as u,createCommentVNode as d,createElementBlock as f,createTextVNode as p,createVNode as m,defineComponent as h,guardReactiveProps as g,isRef as _,mergeProps as v,normalizeClass as y,normalizeProps as b,openBlock as x,renderList as S,renderSlot as C,toDisplayString as w,toHandlers as T,unref as E,withCtx as D}from"vue";import{useControllableState as O,useForwardListeners as k,useOmitProps as A,usePickProps as j}from"@soybeanjs/headless/composables";import{ListboxContent as M,ListboxFilter as N,ListboxRoot as P,provideListboxThemeContext as F}from"@soybeanjs/headless";import{useFuse as I}from"@vueuse/integrations/useFuse";import{defu as L}from"defu";var R=h({name:`SCommand`,__name:`command`,props:{size:{},ui:{},items:{},listProps:{},itemProps:{},itemLabelProps:{},groupProps:{},groupLabelProps:{},shortcutProps:{},separatorProps:{},inputProps:{},searchTerm:{},clearable:{type:Boolean},fuseOptions:{},emptyProps:{},emptyLabel:{},orientation:{},dir:{},disabled:{type:Boolean},selectionBehavior:{},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`,`update:searchTerm`],setup(h,{emit:R}){let z=h,B=R,V=A(z,[`size`,`ui`,`items`,`listProps`,`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`,`inputProps`,`searchTerm`,`fuseOptions`,`emptyProps`,`emptyLabel`]),H=k(B),U=j(z,[`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`]),W=O(()=>z.searchTerm,e=>{B(`update:searchTerm`,e)},z.inputProps?.defaultValue||``),G=l(()=>L(z.fuseOptions,{fuseOptions:{ignoreLocation:!0,threshold:.1,keys:[`label`,`groupLabel`]},resultLimit:12,matchAllWhenSearchEmpty:!0})),{results:K}=I(W,l(()=>o(z.items)),G),q=l(()=>a(K.value.map(e=>i(e.item,W.value)))),J=l(()=>e(n({size:z.size}),z.ui));return F({ui:l(()=>({...J.value,content:J.value.list,filterRoot:J.value.inputRoot,filterControl:J.value.inputControl,itemIndicator:``,virtualizer:``}))}),r({ui:J}),(e,n)=>(x(),u(E(P),v(E(V),T(E(H))),{default:D(()=>[m(E(N),v(h.inputProps,{modelValue:E(W),"onUpdate:modelValue":n[0]||=e=>_(W)?W.value=e:null,autofocus:``}),{leading:D(()=>[C(e.$slots,`input-leading`,{},()=>[m(t,{icon:`lucide:search`,class:y(J.value.inputIcon)},null,8,[`class`])])]),trailing:D(({clear:n})=>[h.clearable?(x(),u(t,{key:0,icon:`lucide:x`,class:y(J.value.inputClearable),onClick:n},null,8,[`class`,`onClick`])):d(`v-if`,!0),C(e.$slots,`input-trailing`)]),_:3},16,[`modelValue`]),m(E(M),b(g(h.listProps)),{default:D(()=>[q.value.length?d(`v-if`,!0):(x(),f(`div`,{key:0,class:y(J.value.empty)},[C(e.$slots,`empty`,{},()=>[p(w(h.emptyLabel),1)])],2)),(x(!0),f(c,null,S(q.value,(t,r)=>(x(),u(s,v({ref_for:!0},E(U),{key:r,item:t,onSelect:n[1]||=e=>B(`select`,e)}),{"item-leading":D(t=>[C(e.$slots,`item-leading`,{item:t.item})]),"item-trailing":D(t=>[C(e.$slots,`item-trailing`,{item:t.item})]),"item-label":D(t=>[C(e.$slots,`item-label`,{item:t.item})]),_:2},1040,[`item`]))),128))]),_:3},16)]),_:3},16))}});export{R as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{commandVariants as n}from"../../variants/command.js";import{provideCommandExtraUi as r}from"./context.js";import{getCommandHighlightSearchOption as i,getCommandItemOptions as a,getCommandSearchOptions as o}from"./shared.js";import s from"./command-option.js";import{Fragment as c,computed as l,createBlock as u,createCommentVNode as d,createElementBlock as f,createTextVNode as p,createVNode as m,defineComponent as h,guardReactiveProps as g,isRef as _,mergeProps as v,normalizeClass as y,normalizeProps as b,openBlock as x,renderList as S,renderSlot as C,toDisplayString as w,toHandlers as T,unref as E,withCtx as D}from"vue";import{useControllableState as O,useForwardListeners as k,useOmitProps as A,usePickProps as j}from"@soybeanjs/headless/composables";import{ListboxContent as M,ListboxFilter as N,ListboxRoot as P,provideListboxUi as F}from"@soybeanjs/headless";import{useFuse as I}from"@vueuse/integrations/useFuse";import{defu as L}from"defu";var R=h({name:`SCommand`,__name:`command`,props:{class:{},size:{},ui:{},items:{},listProps:{},itemProps:{},itemLabelProps:{},groupProps:{},groupLabelProps:{},shortcutProps:{},separatorProps:{},inputProps:{},searchTerm:{},clearable:{type:Boolean},fuseOptions:{},emptyProps:{},emptyLabel:{},orientation:{},dir:{},disabled:{type:Boolean},selectionBehavior:{},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`,`update:searchTerm`],setup(h,{emit:R}){let z=h,B=R,V=A(z,[`class`,`size`,`ui`,`items`,`listProps`,`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`,`inputProps`,`searchTerm`,`fuseOptions`,`emptyProps`,`emptyLabel`]),H=k(B),U=j(z,[`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`]),W=O(()=>z.searchTerm,e=>{B(`update:searchTerm`,e)},z.inputProps?.defaultValue||``),G=l(()=>L(z.fuseOptions,{fuseOptions:{ignoreLocation:!0,threshold:.1,keys:[`label`,`groupLabel`]},resultLimit:12,matchAllWhenSearchEmpty:!0})),{results:K}=I(W,l(()=>o(z.items)),G),q=l(()=>a(K.value.map(e=>i(e.item,W.value)))),J=l(()=>e(n({size:z.size}),z.ui,{root:z.class}));return F(l(()=>({...J.value,content:J.value.list,filterRoot:J.value.inputRoot,filterControl:J.value.inputControl,itemIndicator:``,virtualizer:``}))),r(J),(e,n)=>(x(),u(E(P),v(E(V),T(E(H))),{default:D(()=>[m(E(N),v(h.inputProps,{modelValue:E(W),"onUpdate:modelValue":n[0]||=e=>_(W)?W.value=e:null,autofocus:``}),{leading:D(()=>[C(e.$slots,`input-leading`,{},()=>[m(t,{icon:`lucide:search`,class:y(J.value.inputIcon)},null,8,[`class`])])]),trailing:D(({clear:n})=>[h.clearable?(x(),u(t,{key:0,icon:`lucide:x`,class:y(J.value.inputClearable),onClick:n},null,8,[`class`,`onClick`])):d(`v-if`,!0),C(e.$slots,`input-trailing`)]),_:3},16,[`modelValue`]),m(E(M),b(g(h.listProps)),{default:D(()=>[q.value.length?d(`v-if`,!0):(x(),f(`div`,{key:0,class:y(J.value.empty)},[C(e.$slots,`empty`,{},()=>[p(w(h.emptyLabel),1)])],2)),(x(!0),f(c,null,S(q.value,(t,r)=>(x(),u(s,v({ref_for:!0},E(U),{key:r,item:t,onSelect:n[1]||=e=>B(`select`,e)}),{"item-leading":D(t=>[C(e.$slots,`item-leading`,{item:t.item})]),"item-trailing":D(t=>[C(e.$slots,`item-trailing`,{item:t.item})]),"item-label":D(t=>[C(e.$slots,`item-label`,{item:t.item})]),_:2},1040,[`item`]))),128))]),_:3},16)]),_:3},16))}});export{R as default};

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

@@ -1,14 +1,14 @@
 import { CommandOptionData, CommandProps, CommandSingleOptionData } from "./types.js";
-import * as vue131 from "vue";
+import * as vue56 from "vue";
 import * as _soybeanjs_headless_composables0 from "@soybeanjs/headless/composables";
-import * as _soybeanjs_headless31 from "@soybeanjs/headless";
+import * as _soybeanjs_headless3 from "@soybeanjs/headless";
 
 //#region src/components/command/command.vue.d.ts
 declare const __VLS_export: <T extends CommandOptionData = CommandOptionData>(__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: vue131.PublicProps & __VLS_PrettifyLocal<CommandProps<T> & {
-    onSelect?: ((event: _soybeanjs_headless31.SelectEvent<string>) => any) | undefined;
+  props: vue56.PublicProps & __VLS_PrettifyLocal<CommandProps<T> & {
+    onSelect?: ((event: _soybeanjs_headless3.SelectEvent<string>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onHighlight?: ((payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless31.ListboxCollectionItemData> | undefined) => any) | undefined;
+    onHighlight?: ((payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless3.ListboxCollectionItemData> | undefined) => any) | undefined;
     onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
     onLeave?: ((event: Event) => any) | undefined;
     "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
@@ -36,8 +36,8 @@ declare const __VLS_export: <T extends CommandOptionData = CommandOptionData>(__
       item: CommandSingleOptionData;
     }) => any;
   };
-  emit: ((evt: "select", event: _soybeanjs_headless31.SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless31.ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
-}>) => vue131.VNode & {
+  emit: ((evt: "select", event: _soybeanjs_headless3.SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless3.ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
+}>) => vue56.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/command/context.js

@@ -1 +1 @@
-import{useContext as e}from"@soybeanjs/headless/composables";const[t,n]=e(`CommandExtraTheme`,e=>e);export{t as provideCommandExtraThemeContext,n as useCommandExtraThemeContext};
+import{useUiContext as e}from"@soybeanjs/headless/composables";const[t,n]=e(`CommandExtraUi`);export{t as provideCommandExtraUi,n as useCommandExtraUi};

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

@@ -1,2 +1,2 @@
-import { CommandEmits, CommandEmptyProps, CommandExtraThemeContextParams, CommandExtraThemeSlot, CommandExtraUi, CommandGroupLabelProps, CommandGroupOptionData, CommandGroupOptionEmits, CommandGroupOptionProps, CommandGroupProps, CommandHighlightSearchOptionData, CommandInputProps, CommandItemEmits, CommandItemLabelProps, CommandItemProps, CommandListProps, CommandOptionData, CommandOptionEmits, CommandOptionProps, CommandProps, CommandRootEmits, CommandRootProps, CommandSearchOptionData, CommandSearchTermEmits, CommandSeparatorProps, CommandShortcutProps, CommandSingleOptionData, CommandSingleOptionEmits, CommandSingleOptionProps, CommandThemeSlot, CommandUi } from "./types.js";
+import { CommandEmits, CommandEmptyProps, CommandExtraUi, CommandExtraUiSlot, CommandGroupLabelProps, CommandGroupOptionData, CommandGroupOptionEmits, CommandGroupOptionProps, CommandGroupProps, CommandHighlightSearchOptionData, CommandInputProps, CommandItemEmits, CommandItemLabelProps, CommandItemProps, CommandListProps, CommandOptionData, CommandOptionEmits, CommandOptionProps, CommandProps, CommandRootEmits, CommandRootProps, CommandSearchOptionData, CommandSearchTermEmits, CommandSeparatorProps, CommandShortcutProps, CommandSingleOptionData, CommandSingleOptionEmits, CommandSingleOptionProps, CommandUi, CommandUiSlot } from "./types.js";
 import { _default } from "./command.vue.js";

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

@@ -1,8 +1,8 @@
 import { ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
 import { IconValue } from "../icon/types.js";
-import { ComputedRef, HTMLAttributes } from "vue";
-import { ClassValue, KbdProps, KbdValue, ListboxContentProps as CommandListProps, ListboxFilterProps as CommandInputProps, ListboxGroupLabelProps as CommandGroupLabelProps, ListboxGroupProps as CommandGroupProps, ListboxItemEmits as CommandItemEmits, ListboxItemProps as CommandItemProps, ListboxRootEmits as CommandRootEmits, ListboxRootProps as CommandRootProps, ListboxThemeSlot, SeparatorRootProps } from "@soybeanjs/headless";
+import { HTMLAttributes } from "vue";
+import { ClassValue, KbdProps, KbdValue, ListboxContentProps as CommandListProps, ListboxFilterProps as CommandInputProps, ListboxGroupLabelProps as CommandGroupLabelProps, ListboxGroupProps as CommandGroupProps, ListboxItemEmits as CommandItemEmits, ListboxItemProps as CommandItemProps, ListboxRootEmits as CommandRootEmits, ListboxRootProps as CommandRootProps, ListboxUiSlot, SeparatorRootProps, UiClass } from "@soybeanjs/headless";
 import { UseFuseOptions } from "@vueuse/integrations/useFuse";
 
 //#region src/components/command/types.d.ts
@@ -61,11 +61,15 @@ interface CommandHighlightSearchOptionData extends CommandSearchOptionData {
   labelHtml?: string;
 }
 interface CommandEmptyProps extends /** @vue-ignore */HTMLAttributes {}
-type CommandThemeSlot = Extract<ListboxThemeSlot, 'root' | 'item' | 'group' | 'groupLabel'> | 'list' | 'inputRoot' | 'inputControl';
-type CommandExtraThemeSlot = 'inputClearable' | 'itemLabel' | 'shortcut' | 'separator' | 'empty';
-type CommandExtraUi = Record<CommandExtraThemeSlot, ClassValue>;
-type CommandUi = Record<CommandThemeSlot | CommandExtraThemeSlot, ClassValue>;
+type CommandUiSlot = Extract<ListboxUiSlot, 'root' | 'item' | 'group' | 'groupLabel'> | 'list' | 'inputRoot' | 'inputControl';
+type CommandExtraUiSlot = 'inputClearable' | 'itemLabel' | 'shortcut' | 'separator' | 'empty';
+type CommandExtraUi = UiClass<CommandExtraUiSlot>;
+type CommandUi = UiClass<CommandUiSlot | CommandExtraUiSlot>;
 interface CommandProps<T extends CommandOptionData = CommandOptionData> extends Omit<CommandRootProps, 'onSelect'> {
+  /**
+   * root class
+   */
+  class?: ClassValue;
   size?: ThemeSize;
   ui?: Partial<CommandUi>;
   items: T[];
@@ -87,8 +91,5 @@ type CommandSearchTermEmits = {
   'update:searchTerm': [value: string];
 };
 type CommandEmits = CommandRootEmits & CommandOptionEmits & CommandSearchTermEmits;
-interface CommandExtraThemeContextParams {
-  ui: ComputedRef<CommandExtraUi>;
-}
 //#endregion
-export { CommandEmits, CommandEmptyProps, CommandExtraThemeContextParams, CommandExtraThemeSlot, CommandExtraUi, type CommandGroupLabelProps, CommandGroupOptionData, CommandGroupOptionEmits, CommandGroupOptionProps, type CommandGroupProps, CommandHighlightSearchOptionData, type CommandInputProps, type CommandItemEmits, CommandItemLabelProps, type CommandItemProps, type CommandListProps, CommandOptionData, CommandOptionEmits, CommandOptionProps, CommandProps, type CommandRootEmits, type CommandRootProps, CommandSearchOptionData, CommandSearchTermEmits, CommandSeparatorProps, CommandShortcutProps, CommandSingleOptionData, CommandSingleOptionEmits, CommandSingleOptionProps, CommandThemeSlot, CommandUi };
+export { CommandEmits, CommandEmptyProps, CommandExtraUi, CommandExtraUiSlot, type CommandGroupLabelProps, CommandGroupOptionData, CommandGroupOptionEmits, CommandGroupOptionProps, type CommandGroupProps, CommandHighlightSearchOptionData, type CommandInputProps, type CommandItemEmits, CommandItemLabelProps, type CommandItemProps, type CommandListProps, CommandOptionData, CommandOptionEmits, CommandOptionProps, CommandProps, type CommandRootEmits, type CommandRootProps, CommandSearchOptionData, CommandSearchTermEmits, CommandSeparatorProps, CommandShortcutProps, CommandSingleOptionData, CommandSingleOptionEmits, CommandSingleOptionProps, CommandUi, CommandUiSlot };

package/dist/components/config-provider/config-provider.vue.d.ts

@@ -1,8 +1,8 @@
 import { ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
 import { ConfigProviderProps as ConfigProviderProps$1 } from "./types.js";
-import * as vue133 from "vue";
-import * as _soybeanjs_headless35 from "@soybeanjs/headless";
+import * as vue95 from "vue";
+import * as _soybeanjs_headless19 from "@soybeanjs/headless";
 import * as _soybeanjs_unocss_shadcn0 from "@soybeanjs/unocss-shadcn";
 
 //#region src/components/config-provider/config-provider.vue.d.ts
@@ -10,11 +10,11 @@ declare var __VLS_20: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_20) => any;
 };
-declare const __VLS_base: vue133.DefineComponent<ConfigProviderProps$1, {}, {}, {}, {}, vue133.ComponentOptionsMixin, vue133.ComponentOptionsMixin, {}, string, vue133.PublicProps, Readonly<ConfigProviderProps$1> & Readonly<{}>, {
+declare const __VLS_base: vue95.DefineComponent<ConfigProviderProps$1, {}, {}, {}, {}, vue95.ComponentOptionsMixin, vue95.ComponentOptionsMixin, {}, string, vue95.PublicProps, Readonly<ConfigProviderProps$1> & Readonly<{}>, {
   size: ThemeSize;
-  dir: _soybeanjs_headless35.Direction;
+  dir: _soybeanjs_headless19.Direction;
   theme: _soybeanjs_unocss_shadcn0.ThemeOptions;
-}, {}, {}, {}, string, vue133.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue95.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/context-menu/context-menu-checkbox.js

@@ -1 +1 @@
-import e from"./context-menu-wrapper.js";import t from"../menu/menu-checkbox-options.js";import{computed as n,createBlock as r,createSlots as i,createVNode 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,usePickProps as y}from"@soybeanjs/headless/composables";var b=o({name:`SContextMenuCheckbox`,__name:`context-menu-checkbox`,props:{size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(o,{emit:b}){let x=o,S=b,C=h(),w=[`dir`,`modal`,`size`,`ui`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],T=y(x,w),E=v(x,w),D=_(S),O=n(()=>Object.keys(C).filter(e=>e!==`trigger`));return(n,h)=>(u(),r(e,c(m(T),p(m(D))),{trigger:g(()=>[f(n.$slots,`trigger`)]),default:g(()=>[a(t,c(m(E),{"portal-props":o.portalProps},p(m(D))),i({_:2},[d(O.value,e=>({name:e,fn:g(t=>[f(n.$slots,e,l(s(t)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{b as default};
+import e from"./context-menu-wrapper.js";import t from"../menu/menu-checkbox-options.js";import{computed as n,createBlock as r,createSlots as i,createVNode 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,usePickProps as y}from"@soybeanjs/headless/composables";var b=o({name:`SContextMenuCheckbox`,__name:`context-menu-checkbox`,props:{class:{},size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(o,{emit:b}){let x=o,S=b,C=h(),w=[`dir`,`modal`,`size`,`ui`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],T=y(x,[...w]),E=v(x,[...w]),D=_(S),O=n(()=>Object.keys(C).filter(e=>e!==`trigger`));return(n,h)=>(u(),r(e,c(m(T),p(m(D))),{trigger:g(()=>[f(n.$slots,`trigger`)]),default:g(()=>[a(t,c(m(E),{"portal-props":o.portalProps},p(m(D))),i({_:2},[d(O.value,e=>({name:e,fn:g(t=>[f(n.$slots,e,l(s(t)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{b as default};

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

@@ -1,22 +1,22 @@
 import { MenuCheckboxOptionData } from "../menu/types.js";
 import { ContextMenuCheckboxProps } from "./types.js";
-import * as vue140 from "vue";
-import * as _soybeanjs_headless44 from "@soybeanjs/headless";
+import * as vue179 from "vue";
+import * as _soybeanjs_headless107 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/context-menu/context-menu-checkbox.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: vue140.PublicProps & __VLS_PrettifyLocal<ContextMenuCheckboxProps<T, S> & {
+  props: vue179.PublicProps & __VLS_PrettifyLocal<ContextMenuCheckboxProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+    onEntryFocus?: ((event: Event) => 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_headless107.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless107.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless107.PointerDownOutsideEvent | _soybeanjs_headless107.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -29,8 +29,8 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
     'item-trailing': (props: S) => any;
     'item-indicator-icon': (props: S) => any;
   };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: T[]) => 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);
-}>) => vue140.VNode & {
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless107.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless107.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless107.PointerDownOutsideEvent | _soybeanjs_headless107.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => vue179.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-import e from"./context-menu-wrapper.js";import t from"../menu/menu-radio-options.js";import{computed as n,createBlock as r,createSlots as i,createVNode 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,usePickProps as y}from"@soybeanjs/headless/composables";var b=o({name:`SContextMenuRadio`,__name:`context-menu-radio`,props:{size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(o,{emit:b}){let x=o,S=b,C=h(),w=[`dir`,`modal`,`size`,`ui`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],T=y(x,w),E=v(x,w),D=_(S),O=n(()=>Object.keys(C).filter(e=>e!==`trigger`));return(n,h)=>(u(),r(e,c(m(T),p(m(D))),{trigger:g(()=>[f(n.$slots,`trigger`)]),default:g(()=>[a(t,c(m(E),{"portal-props":o.portalProps},p(m(D))),i({_:2},[d(O.value,e=>({name:e,fn:g(t=>[f(n.$slots,e,l(s(t)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{b as default};
+import e from"./context-menu-wrapper.js";import t from"../menu/menu-radio-options.js";import{computed as n,createBlock as r,createSlots as i,createVNode 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,usePickProps as y}from"@soybeanjs/headless/composables";var b=o({name:`SContextMenuRadio`,__name:`context-menu-radio`,props:{class:{},size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(o,{emit:b}){let x=o,S=b,C=h(),w=[`dir`,`modal`,`size`,`ui`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],T=y(x,[...w]),E=v(x,[...w]),D=_(S),O=n(()=>Object.keys(C).filter(e=>e!==`trigger`));return(n,h)=>(u(),r(e,c(m(T),p(m(D))),{trigger:g(()=>[f(n.$slots,`trigger`)]),default:g(()=>[a(t,c(m(E),{"portal-props":o.portalProps},p(m(D))),i({_:2},[d(O.value,e=>({name:e,fn:g(t=>[f(n.$slots,e,l(s(t)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{b as default};

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

@@ -1,22 +1,22 @@
 import { MenuRadioOptionData } from "../menu/types.js";
 import { ContextMenuRadioProps } from "./types.js";
-import * as vue142 from "vue";
-import * as _soybeanjs_headless52 from "@soybeanjs/headless";
+import * as vue181 from "vue";
+import * as _soybeanjs_headless115 from "@soybeanjs/headless";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/context-menu/context-menu-radio.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: vue142.PublicProps & __VLS_PrettifyLocal<ContextMenuRadioProps<T, S> & {
+  props: vue181.PublicProps & __VLS_PrettifyLocal<ContextMenuRadioProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+    onEntryFocus?: ((event: Event) => 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_headless115.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless115.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless115.PointerDownOutsideEvent | _soybeanjs_headless115.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -29,8 +29,8 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
     'item-trailing': (props: S) => any;
     'item-indicator-icon': (props: S) => any;
   };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => 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);
-}>) => vue142.VNode & {
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless115.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless115.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless115.PointerDownOutsideEvent | _soybeanjs_headless115.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => vue181.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{provideMenuExtraThemeContext as t}from"../menu/context.js";import{menuVariants as n}from"../../variants/menu.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{ContextMenuArrow as v,ContextMenuContent as y,ContextMenuPortal as b,ContextMenuRoot as x,ContextMenuTrigger as S,Slot as C,provideMenuThemeContext as w}from"@soybeanjs/headless";var T=s({name:`SContextMenuWrapper`,__name:`context-menu-wrapper`,props:{size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(s,{emit:T}){let E=s,D=T,O=_(E,[`size`,`ui`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`]),k=g(D),A=r(()=>({...E.contentProps,popupProps:E.popupProps??E.contentProps?.popupProps})),j=r(()=>e(n({size:E.size}),E.ui));return w({ui:j}),t({ui:j}),(e,t)=>(d(),i(m(x),l(m(O),{"onUpdate:open":t[0]||=e=>D(`update:open`,e)}),{default:h(()=>[o(m(S),l(s.triggerProps,{"as-child":``,disabled:s.disabled}),{default:h(()=>[o(m(C),{size:s.size},{default:h(()=>[f(e.$slots,`trigger`)]),_:3},8,[`size`])]),_:3},16,[`disabled`]),o(m(b),u(c(s.portalProps)),{default:h(()=>[o(m(y),l(A.value,p(m(k))),{default:h(()=>[f(e.$slots,`default`),s.showArrow?(d(),i(m(v),u(l({key:0},s.arrowProps)),null,16)):a(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{T as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{provideMenuExtraUi as t}from"../menu/context.js";import{menuVariants as n}from"../../variants/menu.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{ContextMenuArrow as v,ContextMenuContent as y,ContextMenuPortal as b,ContextMenuRoot as x,ContextMenuTrigger as S,Slot as C,provideMenuUi as w}from"@soybeanjs/headless";var T=s({name:`SContextMenuWrapper`,__name:`context-menu-wrapper`,props:{class:{},size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(s,{emit:T}){let E=s,D=T,O=_(E,[`class`,`size`,`ui`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`]),k=g(D),A=r(()=>({...E.contentProps,popupProps:E.popupProps??E.contentProps?.popupProps})),j=r(()=>e(n({size:E.size}),E.ui,{popup:E.class}));return w(j),t(j),(e,t)=>(d(),i(m(x),l(m(O),{"onUpdate:open":t[0]||=e=>D(`update:open`,e)}),{default:h(()=>[o(m(S),l(s.triggerProps,{"as-child":``,disabled:s.disabled}),{default:h(()=>[o(m(C),{size:s.size},{default:h(()=>[f(e.$slots,`trigger`)]),_:3},8,[`size`])]),_:3},16,[`disabled`]),o(m(b),u(c(s.portalProps)),{default:h(()=>[o(m(y),l(A.value,p(m(k))),{default:h(()=>[f(e.$slots,`default`),s.showArrow?(d(),i(m(v),u(l({key:0},s.arrowProps)),null,16)):a(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{T as default};