@soybeanjs/ui 0.0.9 → 0.0.11

package/dist/components/card/card.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{cardVariants as t}from"../../variants/card.js";import{computed as n,createBlock as r,createCommentVNode as i,createTextVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{CardContent as v,CardDescription as y,CardFooter as b,CardHeader as x,CardRoot as S,CardTitle as C,CardTitleRoot as w,provideCardThemeContext as T}from"@soybeanjs/headless";var E=s({name:`SCard`,__name:`card`,props:{size:{},ui:{},title:{},description:{},scrollable:{type:Boolean,default:!0},split:{type:Boolean},headerProps:{},contentProps:{},footerProps:{},titleRootProps:{},titleProps:{},descriptionProps:{}},setup(s){let E=s,D=_(E,[`size`,`ui`,`title`,`description`,`scrollable`,`split`,`headerProps`,`contentProps`,`footerProps`,`titleRootProps`,`titleProps`,`descriptionProps`]),O=h(),k=n(()=>!!(O.header||O.title||O.description||O.extra||E.title||E.description));return T({ui:n(()=>e(t({size:E.size,scrollable:E.scrollable,split:E.split}),E.ui))}),(e,t)=>(d(),r(m(S),u(c(m(D))),{default:g(()=>[k.value?(d(),r(m(x),u(l({key:0},E.headerProps)),{default:g(()=>[o(m(w),u(c(E.titleRootProps)),{default:g(()=>[f(e.$slots,`title-leading`),o(m(C),u(c(E.titleProps)),{default:g(()=>[f(e.$slots,`title`,{},()=>[a(p(s.title),1)])]),_:3},16),f(e.$slots,`title-trailing`)]),_:3},16),f(e.$slots,`extra`),O.description||s.description?(d(),r(m(y),u(l({key:0},E.descriptionProps)),{default:g(()=>[f(e.$slots,`description`,{},()=>[a(p(s.description),1)])]),_:3},16)):i(`v-if`,!0)]),_:3},16)):i(`v-if`,!0),o(m(v),u(c(E.contentProps)),{default:g(()=>[f(e.$slots,`default`)]),_:3},16),O.footer?(d(),r(m(b),u(l({key:1},E.footerProps)),{default:g(()=>[f(e.$slots,`footer`)]),_:3},16)):i(`v-if`,!0)]),_:3},16))}});export{E as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{cardVariants as t}from"../../variants/card.js";import{computed as n,createBlock as r,createCommentVNode as i,createTextVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{CardContent as v,CardDescription as y,CardFooter as b,CardHeader as x,CardRoot as S,CardTitle as C,CardTitleRoot as w,provideCardUi as T}from"@soybeanjs/headless";var E=s({name:`SCard`,__name:`card`,props:{class:{},size:{},ui:{},title:{},description:{},scrollable:{type:Boolean,default:!0},split:{type:Boolean},headerProps:{},contentProps:{},footerProps:{},titleRootProps:{},titleProps:{},descriptionProps:{}},setup(s){let E=s,D=_(E,[`class`,`size`,`ui`,`title`,`description`,`scrollable`,`split`,`headerProps`,`contentProps`,`footerProps`,`titleRootProps`,`titleProps`,`descriptionProps`]),O=h(),k=n(()=>!!(O.header||O.title||O.description||O.extra||E.title||E.description));return T(n(()=>e(t({size:E.size,scrollable:E.scrollable,split:E.split}),E.ui,{root:E.class}))),(e,t)=>(d(),r(m(S),u(c(m(D))),{default:g(()=>[k.value?(d(),r(m(x),u(l({key:0},E.headerProps)),{default:g(()=>[o(m(w),u(c(E.titleRootProps)),{default:g(()=>[f(e.$slots,`title-leading`),o(m(C),u(c(E.titleProps)),{default:g(()=>[f(e.$slots,`title`,{},()=>[a(p(s.title),1)])]),_:3},16),f(e.$slots,`title-trailing`)]),_:3},16),f(e.$slots,`extra`),O.description||s.description?(d(),r(m(y),u(l({key:0},E.descriptionProps)),{default:g(()=>[f(e.$slots,`description`,{},()=>[a(p(s.description),1)])]),_:3},16)):i(`v-if`,!0)]),_:3},16)):i(`v-if`,!0),o(m(v),u(c(E.contentProps)),{default:g(()=>[f(e.$slots,`default`)]),_:3},16),O.footer?(d(),r(m(b),u(l({key:1},E.footerProps)),{default:g(()=>[f(e.$slots,`footer`)]),_:3},16)):i(`v-if`,!0)]),_:3},16))}});export{E as default};

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

@@ -1,5 +1,5 @@
 import { CardProps } from "./types.js";
-import * as vue97 from "vue";
+import * as vue145 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: vue97.DefineComponent<CardProps, {}, {}, {}, {}, vue97.ComponentOptionsMixin, vue97.ComponentOptionsMixin, {}, string, vue97.PublicProps, Readonly<CardProps> & Readonly<{}>, {
+declare const __VLS_base: vue145.DefineComponent<CardProps, {}, {}, {}, {}, vue145.ComponentOptionsMixin, vue145.ComponentOptionsMixin, {}, string, vue145.PublicProps, Readonly<CardProps> & Readonly<{}>, {
   scrollable: boolean;
-}, {}, {}, {}, string, vue97.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue145.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 vue179 from "vue";
+import * as vue155 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: vue179.PublicProps & __VLS_PrettifyLocal<CheckboxCardGroupProps<T, S> & {
+  props: vue155.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;
-}>) => vue179.VNode & {
+}>) => vue155.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 vue181 from "vue";
-import * as _soybeanjs_headless93 from "@soybeanjs/headless";
+import * as vue150 from "vue";
+import * as _soybeanjs_headless46 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: vue181.DefineComponent<CheckboxCardProps, {}, {}, {}, {}, vue181.ComponentOptionsMixin, vue181.ComponentOptionsMixin, {
-  "update:modelValue": (value: _soybeanjs_headless93.CheckedState | null) => any;
-}, string, vue181.PublicProps, Readonly<CheckboxCardProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: _soybeanjs_headless93.CheckedState | null) => any) | undefined;
+declare const __VLS_base: vue150.DefineComponent<CheckboxCardProps, {}, {}, {}, {}, vue150.ComponentOptionsMixin, vue150.ComponentOptionsMixin, {
+  "update:modelValue": (value: _soybeanjs_headless46.CheckedState | null) => any;
+}, string, vue150.PublicProps, Readonly<CheckboxCardProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: _soybeanjs_headless46.CheckedState | null) => any) | undefined;
 }>, {
-  modelValue: _soybeanjs_headless93.CheckedState | null;
-}, {}, {}, {}, string, vue181.ComponentProvideOptions, false, {}, any>;
+  modelValue: _soybeanjs_headless46.CheckedState | null;
+}, {}, {}, {}, string, vue150.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 vue172 from "vue";
+import * as vue157 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: vue172.PublicProps & __VLS_PrettifyLocal<CheckboxGroupProps<T, S> & {
+  props: vue157.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;
-}>) => vue172.VNode & {
+}>) => vue157.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 vue174 from "vue";
-import * as _soybeanjs_headless86 from "@soybeanjs/headless";
+import * as vue159 from "vue";
+import * as _soybeanjs_headless49 from "@soybeanjs/headless";
 
 //#region src/components/checkbox/checkbox.vue.d.ts
 declare var __VLS_28: {
-    modelValue: _soybeanjs_headless86.CheckedState | null | undefined;
-    state: _soybeanjs_headless86.CheckedState;
+    modelValue: _soybeanjs_headless49.CheckedState | null | undefined;
+    state: _soybeanjs_headless49.CheckedState;
   }, __VLS_41: {
     id: string;
-    modelValue: _soybeanjs_headless86.CheckedState | null | undefined;
-    state: _soybeanjs_headless86.CheckedState;
+    modelValue: _soybeanjs_headless49.CheckedState | null | undefined;
+    state: _soybeanjs_headless49.CheckedState;
   };
 type __VLS_Slots = {} & {
   indicator?: (props: typeof __VLS_28) => any;
 } & {
   default?: (props: typeof __VLS_41) => any;
 };
-declare const __VLS_base: vue174.DefineComponent<CheckboxProps, {}, {}, {}, {}, vue174.ComponentOptionsMixin, vue174.ComponentOptionsMixin, {
-  "update:modelValue": (value: _soybeanjs_headless86.CheckedState | null) => any;
-}, string, vue174.PublicProps, Readonly<CheckboxProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: _soybeanjs_headless86.CheckedState | null) => any) | undefined;
+declare const __VLS_base: vue159.DefineComponent<CheckboxProps, {}, {}, {}, {}, vue159.ComponentOptionsMixin, vue159.ComponentOptionsMixin, {
+  "update:modelValue": (value: _soybeanjs_headless49.CheckedState | null) => any;
+}, string, vue159.PublicProps, Readonly<CheckboxProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: _soybeanjs_headless49.CheckedState | null) => any) | undefined;
 }>, {
-  modelValue: _soybeanjs_headless86.CheckedState | null;
-}, {}, {}, {}, string, vue174.ComponentProvideOptions, false, {}, any>;
+  modelValue: _soybeanjs_headless49.CheckedState | null;
+}, {}, {}, {}, string, vue159.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 vue34 from "vue";
+import * as vue6 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: vue34.DefineComponent<CollapsibleProps, {}, {}, {}, {}, vue34.ComponentOptionsMixin, vue34.ComponentOptionsMixin, {
+declare const __VLS_base: vue6.DefineComponent<CollapsibleProps, {}, {}, {}, {}, vue6.ComponentOptionsMixin, vue6.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-}, string, vue34.PublicProps, Readonly<CollapsibleProps> & Readonly<{
+}, string, vue6.PublicProps, Readonly<CollapsibleProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
   open: boolean;
   defaultOpen: boolean;
   unmountOnHide: boolean;
-}, {}, {}, {}, string, vue34.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue6.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 vue64 from "vue";
+import * as vue164 from "vue";
 import * as _soybeanjs_headless_composables0 from "@soybeanjs/headless/composables";
-import * as _soybeanjs_headless3 from "@soybeanjs/headless";
+import * as _soybeanjs_headless56 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: vue64.PublicProps & __VLS_PrettifyLocal<CommandProps<T> & {
-    onSelect?: ((event: _soybeanjs_headless3.SelectEvent<string>) => any) | undefined;
+  props: vue164.PublicProps & __VLS_PrettifyLocal<CommandProps<T> & {
+    onSelect?: ((event: _soybeanjs_headless56.SelectEvent<string>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onHighlight?: ((payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless3.ListboxCollectionItemData> | undefined) => any) | undefined;
+    onHighlight?: ((payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless56.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_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);
-}>) => vue64.VNode & {
+  emit: ((evt: "select", event: _soybeanjs_headless56.SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: _soybeanjs_headless_composables0.CollectionItemData<_soybeanjs_headless56.ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
+}>) => vue164.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 vue167 from "vue";
-import * as _soybeanjs_headless85 from "@soybeanjs/headless";
+import * as vue166 from "vue";
+import * as _soybeanjs_headless60 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: vue167.DefineComponent<ConfigProviderProps$1, {}, {}, {}, {}, vue167.ComponentOptionsMixin, vue167.ComponentOptionsMixin, {}, string, vue167.PublicProps, Readonly<ConfigProviderProps$1> & Readonly<{}>, {
-  dir: _soybeanjs_headless85.Direction;
+declare const __VLS_base: vue166.DefineComponent<ConfigProviderProps$1, {}, {}, {}, {}, vue166.ComponentOptionsMixin, vue166.ComponentOptionsMixin, {}, string, vue166.PublicProps, Readonly<ConfigProviderProps$1> & Readonly<{}>, {
+  dir: _soybeanjs_headless60.Direction;
   size: ThemeSize;
   theme: _soybeanjs_unocss_shadcn0.ThemeOptions;
-}, {}, {}, {}, string, vue167.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue166.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 vue68 from "vue";
-import * as _soybeanjs_headless15 from "@soybeanjs/headless";
+import * as vue173 from "vue";
+import * as _soybeanjs_headless69 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: vue68.PublicProps & __VLS_PrettifyLocal<ContextMenuCheckboxProps<T, S> & {
+  props: vue173.PublicProps & __VLS_PrettifyLocal<ContextMenuCheckboxProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless15.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless15.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless15.PointerDownOutsideEvent | _soybeanjs_headless15.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless69.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless69.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless69.PointerDownOutsideEvent | _soybeanjs_headless69.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:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless15.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless15.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless15.PointerDownOutsideEvent | _soybeanjs_headless15.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
-}>) => vue68.VNode & {
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless69.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless69.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless69.PointerDownOutsideEvent | _soybeanjs_headless69.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => vue173.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 vue66 from "vue";
-import * as _soybeanjs_headless7 from "@soybeanjs/headless";
+import * as vue175 from "vue";
+import * as _soybeanjs_headless77 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: vue66.PublicProps & __VLS_PrettifyLocal<ContextMenuRadioProps<T, S> & {
+  props: vue175.PublicProps & __VLS_PrettifyLocal<ContextMenuRadioProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless7.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless7.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless7.PointerDownOutsideEvent | _soybeanjs_headless7.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless77.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless77.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless77.PointerDownOutsideEvent | _soybeanjs_headless77.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:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless7.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless7.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless7.PointerDownOutsideEvent | _soybeanjs_headless7.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
-}>) => vue66.VNode & {
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless77.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless77.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless77.PointerDownOutsideEvent | _soybeanjs_headless77.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => vue175.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};