@soybeanjs/ui 0.0.8 → 0.0.10

package/dist/components/popover/popover.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{popoverVariants as t}from"../../variants/popover.js";import{computed as n,createBlock as r,createCommentVNode as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toHandlers as f,unref as p,withCtx as m}from"vue";import{useForwardListeners as h,usePickProps as g}from"@soybeanjs/headless/composables";import{PopoverArrow as _,PopoverClose as v,PopoverPopup as y,PopoverPortal as b,PopoverPositioner as x,PopoverRoot as S,PopoverTrigger as C,providePopoverThemeContext as w}from"@soybeanjs/headless";var T=o({name:`SPopover`,__name:`popover`,props:{size:{},ui:{},placement:{},showArrow:{type:Boolean,default:!0},positionerProps:{},popupProps:{},triggerProps:{},closeProps:{},portalProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(o,{emit:T}){let E=o,D=T,O=g(E,[`defaultOpen`,`open`,`modal`]),k=h(D),A=n(()=>e(t({size:E.size}),E.ui)),j=n(()=>({placement:E.placement,...E.positionerProps}));return w({ui:A}),(e,t)=>(u(),r(p(S),c(p(O),{"onUpdate:open":t[0]||=e=>D(`update:open`,e)}),{default:m(()=>[a(p(C),{"as-child":``},{default:m(()=>[d(e.$slots,`trigger`)]),_:3}),a(p(b),l(s(o.portalProps)),{default:m(()=>[a(p(x),c(j.value,f(p(k))),{default:m(()=>[a(p(y),l(s(o.popupProps)),{default:m(()=>[d(e.$slots,`default`),o.showArrow?(u(),r(p(_),l(c({key:0},o.arrowProps)),null,16)):i(`v-if`,!0)]),_:3},16),e.$slots.close?(u(),r(p(v),{key:0,"as-child":``},{default:m(()=>[d(e.$slots,`close`)]),_:3})):i(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{T as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{popoverVariants as t}from"../../variants/popover.js";import{computed as n,createBlock as r,createCommentVNode as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toHandlers as f,unref as p,withCtx as m}from"vue";import{useForwardListeners as h,usePickProps as g}from"@soybeanjs/headless/composables";import{PopoverArrow as _,PopoverClose as v,PopoverPopup as y,PopoverPortal as b,PopoverPositioner as x,PopoverRoot as S,PopoverTrigger as C,providePopoverUi as w}from"@soybeanjs/headless";var T=o({name:`SPopover`,__name:`popover`,props:{class:{},size:{},ui:{},placement:{},showArrow:{type:Boolean,default:!0},positionerProps:{},popupProps:{},triggerProps:{},closeProps:{},portalProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(o,{emit:T}){let E=o,D=T,O=g(E,[`defaultOpen`,`open`,`modal`]),k=h(D),A=n(()=>e(t({size:E.size}),E.ui,{popup:E.class})),j=n(()=>({placement:E.placement,...E.positionerProps}));return w(A),(e,t)=>(u(),r(p(S),c(p(O),{"onUpdate:open":t[0]||=e=>D(`update:open`,e)}),{default:m(()=>[a(p(C),{"as-child":``},{default:m(()=>[d(e.$slots,`trigger`)]),_:3}),a(p(b),l(s(o.portalProps)),{default:m(()=>[a(p(x),c(j.value,f(p(k))),{default:m(()=>[a(p(y),l(s(o.popupProps)),{default:m(()=>[d(e.$slots,`default`),o.showArrow?(u(),r(p(_),l(c({key:0},o.arrowProps)),null,16)):i(`v-if`,!0)]),_:3},16),e.$slots.close?(u(),r(p(v),{key:0,"as-child":``},{default:m(()=>[d(e.$slots,`close`)]),_:3})):i(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{T as default};

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

@@ -1,6 +1,6 @@
 import { PopoverProps } from "./types.js";
-import * as vue251 from "vue";
-import * as _soybeanjs_headless136 from "@soybeanjs/headless";
+import * as vue231 from "vue";
+import * as _soybeanjs_headless155 from "@soybeanjs/headless";
 
 //#region src/components/popover/popover.vue.d.ts
 declare var __VLS_16: {}, __VLS_36: {}, __VLS_49: {};
@@ -11,27 +11,27 @@ type __VLS_Slots = {} & {
 } & {
   close?: (props: typeof __VLS_49) => any;
 };
-declare const __VLS_base: vue251.DefineComponent<PopoverProps, {}, {}, {}, {}, vue251.ComponentOptionsMixin, vue251.ComponentOptionsMixin, {
+declare const __VLS_base: vue231.DefineComponent<PopoverProps, {}, {}, {}, {}, vue231.ComponentOptionsMixin, vue231.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless136.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless136.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless136.PointerDownOutsideEvent | _soybeanjs_headless136.FocusOutsideEvent) => any;
+  pointerDownOutside: (event: _soybeanjs_headless155.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless155.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless155.PointerDownOutsideEvent | _soybeanjs_headless155.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-}, string, vue251.PublicProps, Readonly<PopoverProps> & Readonly<{
+}, string, vue231.PublicProps, Readonly<PopoverProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless136.PointerDownOutsideEvent) => any) | undefined;
-  onFocusOutside?: ((event: _soybeanjs_headless136.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _soybeanjs_headless136.PointerDownOutsideEvent | _soybeanjs_headless136.FocusOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless155.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless155.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless155.PointerDownOutsideEvent | _soybeanjs_headless155.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
   open: boolean;
   defaultOpen: boolean;
   showArrow: boolean;
-}, {}, {}, {}, string, vue251.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue231.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/popover/types.d.ts

@@ -1,9 +1,13 @@
 import { ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
-import { Placement, PopoverArrowProps, PopoverCloseProps, PopoverPopupProps, PopoverPortalProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps, PopperUi } from "@soybeanjs/headless";
+import { ClassValue, Placement, PopoverArrowProps, PopoverCloseProps, PopoverPopupProps, PopoverPortalProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps, PopperUi } from "@soybeanjs/headless";
 
 //#region src/components/popover/types.d.ts
 interface PopoverProps extends PopoverRootProps {
+  /**
+   * class of popup
+   */
+  class?: ClassValue;
   size?: ThemeSize;
   ui?: Partial<PopperUi>;
   placement?: Placement;

package/dist/components/radio-group/index.d.ts

@@ -1,4 +1,4 @@
-import { RadioCardGroupOptionData, RadioCardGroupProps, RadioCardProps, RadioGroupCardEmits, RadioGroupCardThemeSlot, RadioGroupCardUi, RadioGroupEmits, RadioGroupOptionData, RadioGroupProps, RadioProps } from "./types.js";
+import { RadioCardGroupOptionData, RadioCardGroupProps, RadioCardProps, RadioGroupCardEmits, RadioGroupCardUi, RadioGroupCardUiSlot, RadioGroupEmits, RadioGroupOptionData, RadioGroupProps, RadioProps } from "./types.js";
 import { _default } from "./radio-group.vue.js";
 import { _default as _default$1 } from "./radio.vue.js";
 import { _default as _default$2 } from "./radio-card.vue.js";

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{radioCardGroupVariants as t}from"../../variants/radio-group.js";import n from"./radio-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{RadioGroupRoot as m,provideRadioGroupThemeContext as h}from"@soybeanjs/headless";var g=s({name:`SRadioCardGroup`,__name:`radio-card-group`,props:{ui:{},items:{},variant:{},color:{},size:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:g}){let _=s,v=g,y=p(_,[`ui`,`variant`,`color`,`size`,`items`,`itemProps`,`controlProps`,`indicatorProps`,`labelProps`]),b=i(()=>e(t({variant:_.variant,color:_.color,size:_.size}),_.ui));return h({ui:b}),(e,t)=>(l(),a(d(m),c(d(y),{"onUpdate:modelValue":t[0]||=e=>v(`update:modelValue`,e)}),{default:f(()=>[(l(!0),o(r,null,u(s.items,e=>(l(),a(n,c({key:String(e.value)},{ref_for:!0},s.itemProps,{ui:b.value,variant:s.variant,size:s.size,value:e.value,label:e.label,disabled:s.disabled||e.disabled,icon:e.icon,description:e.description,"control-props":s.controlProps,"indicator-props":s.indicatorProps,"label-props":s.labelProps}),null,16,[`ui`,`variant`,`size`,`value`,`label`,`disabled`,`icon`,`description`,`control-props`,`indicator-props`,`label-props`]))),128))]),_:1},16))}});export{g as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{radioCardGroupVariants as t}from"../../variants/radio-group.js";import n from"./radio-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{RadioGroupRoot as m,provideRadioGroupUi as h}from"@soybeanjs/headless";var g=s({name:`SRadioCardGroup`,__name:`radio-card-group`,props:{ui:{},items:{},class:{},variant:{},color:{},size:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:g}){let _=s,v=g,y=p(_,[`class`,`ui`,`variant`,`color`,`size`,`items`,`itemProps`,`controlProps`,`indicatorProps`,`labelProps`]),b=i(()=>e(t({variant:_.variant,color:_.color,size:_.size}),_.ui,{root:_.class}));return h(b),(e,t)=>(l(),a(d(m),c(d(y),{"onUpdate:modelValue":t[0]||=e=>v(`update:modelValue`,e)}),{default:f(()=>[(l(!0),o(r,null,u(s.items,e=>(l(),a(n,c({key:String(e.value)},{ref_for:!0},s.itemProps,{ui:b.value,variant:s.variant,size:s.size,value:e.value,label:e.label,disabled:s.disabled||e.disabled,icon:e.icon,description:e.description,"control-props":s.controlProps,"indicator-props":s.indicatorProps,"label-props":s.labelProps}),null,16,[`ui`,`variant`,`size`,`value`,`label`,`disabled`,`icon`,`description`,`control-props`,`indicator-props`,`label-props`]))),128))]),_:1},16))}});export{g as default};

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

@@ -1,10 +1,10 @@
 import { RadioCardGroupOptionData, RadioCardGroupProps } from "./types.js";
-import * as vue249 from "vue";
+import * as vue258 from "vue";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/radio-group/radio-card-group.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioCardGroupOptionData<T> = RadioCardGroupOptionData<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: vue249.PublicProps & __VLS_PrettifyLocal<RadioCardGroupProps<T, S> & {
+  props: vue258.PublicProps & __VLS_PrettifyLocal<RadioCardGroupProps<T, S> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<AcceptableBooleanValue>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -13,7 +13,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   attrs: any;
   slots: {};
   emit: (evt: "update:modelValue", payload: NonNullable<AcceptableBooleanValue>) => void;
-}>) => vue249.VNode & {
+}>) => vue258.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,5 +1,5 @@
 import { RadioCardProps } from "./types.js";
-import * as vue244 from "vue";
+import * as vue253 from "vue";
 
 //#region src/components/radio-group/radio-card.vue.d.ts
 declare var __VLS_19: {
@@ -10,7 +10,7 @@ type __VLS_Slots = {} & {
 } & {
   description?: (props: typeof __VLS_27) => any;
 };
-declare const __VLS_base: vue244.DefineComponent<RadioCardProps, {}, {}, {}, {}, vue244.ComponentOptionsMixin, vue244.ComponentOptionsMixin, {}, string, vue244.PublicProps, Readonly<RadioCardProps> & Readonly<{}>, {}, {}, {}, {}, string, vue244.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue253.DefineComponent<RadioCardProps, {}, {}, {}, {}, vue253.ComponentOptionsMixin, vue253.ComponentOptionsMixin, {}, string, vue253.PublicProps, Readonly<RadioCardProps> & Readonly<{}>, {}, {}, {}, {}, string, vue253.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/radio-group/radio-group.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{radioGroupVariants as t}from"../../variants/radio-group.js";import n from"./radio.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{RadioGroupRoot as m,provideRadioGroupThemeContext as h}from"@soybeanjs/headless";var g=s({name:`SRadioGroup`,__name:`radio-group`,props:{ui:{},variant:{},color:{},size:{},items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:g}){let _=s,v=g,y=p(_,[`ui`,`variant`,`color`,`size`,`items`,`itemProps`,`controlProps`,`indicatorProps`,`labelProps`]);return h({ui:i(()=>e(t({variant:_.variant,color:_.color,size:_.size}),_.ui))}),(e,t)=>(l(),a(d(m),c(d(y),{"onUpdate:modelValue":t[0]||=e=>v(`update:modelValue`,e)}),{default:f(()=>[(l(!0),o(r,null,u(s.items,e=>(l(),a(n,c({key:String(e.value)},{ref_for:!0},s.itemProps,{color:s.color,size:s.size,value:e.value,label:e.label,disabled:s.disabled||e.disabled,"control-props":s.controlProps,"indicator-props":s.indicatorProps,"label-props":s.labelProps}),null,16,[`color`,`size`,`value`,`label`,`disabled`,`control-props`,`indicator-props`,`label-props`]))),128))]),_:1},16))}});export{g as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{radioGroupVariants as t}from"../../variants/radio-group.js";import n from"./radio.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{RadioGroupRoot as m,provideRadioGroupUi as h}from"@soybeanjs/headless";var g=s({name:`SRadioGroup`,__name:`radio-group`,props:{class:{},ui:{},variant:{},color:{},size:{},items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:g}){let _=s,v=g,y=p(_,[`class`,`ui`,`variant`,`color`,`size`,`items`,`itemProps`,`controlProps`,`indicatorProps`,`labelProps`]);return h(i(()=>e(t({variant:_.variant,color:_.color,size:_.size}),_.ui,{root:_.class}))),(e,t)=>(l(),a(d(m),c(d(y),{"onUpdate:modelValue":t[0]||=e=>v(`update:modelValue`,e)}),{default:f(()=>[(l(!0),o(r,null,u(s.items,e=>(l(),a(n,c({key:String(e.value)},{ref_for:!0},s.itemProps,{color:s.color,size:s.size,value:e.value,label:e.label,disabled:s.disabled||e.disabled,"control-props":s.controlProps,"indicator-props":s.indicatorProps,"label-props":s.labelProps}),null,16,[`color`,`size`,`value`,`label`,`disabled`,`control-props`,`indicator-props`,`label-props`]))),128))]),_:1},16))}});export{g as default};

package/dist/components/radio-group/radio-group.vue.d.ts

@@ -1,10 +1,10 @@
 import { RadioGroupOptionData, RadioGroupProps } from "./types.js";
-import * as vue237 from "vue";
+import * as vue246 from "vue";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/radio-group/radio-group.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioGroupOptionData<T> = RadioGroupOptionData<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: vue237.PublicProps & __VLS_PrettifyLocal<RadioGroupProps<T, S> & {
+  props: vue246.PublicProps & __VLS_PrettifyLocal<RadioGroupProps<T, S> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -13,7 +13,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   attrs: any;
   slots: {};
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue237.VNode & {
+}>) => vue246.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/radio-group/radio.vue.d.ts

@@ -1,12 +1,12 @@
 import { RadioProps } from "./types.js";
-import * as vue239 from "vue";
+import * as vue248 from "vue";
 
 //#region src/components/radio-group/radio.vue.d.ts
 declare var __VLS_31: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_31) => any;
 };
-declare const __VLS_base: vue239.DefineComponent<RadioProps, {}, {}, {}, {}, vue239.ComponentOptionsMixin, vue239.ComponentOptionsMixin, {}, string, vue239.PublicProps, Readonly<RadioProps> & Readonly<{}>, {}, {}, {}, {}, string, vue239.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue248.DefineComponent<RadioProps, {}, {}, {}, {}, vue248.ComponentOptionsMixin, vue248.ComponentOptionsMixin, {}, string, vue248.PublicProps, Readonly<RadioProps> & Readonly<{}>, {}, {}, {}, {}, string, vue248.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/radio-group/types.d.ts

@@ -16,6 +16,7 @@ interface RadioGroupOptionData<T extends AcceptableBooleanValue = AcceptableBool
   disabled?: boolean;
 }
 interface RadioGroupProps<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioGroupOptionData<T> = RadioGroupOptionData<T>> extends RadioGroupRootProps<T> {
+  class?: ClassValue;
   ui?: Partial<RadioGroupUi>;
   variant?: RadioGroupVariant;
   color?: ThemeColor;
@@ -27,8 +28,8 @@ interface RadioGroupProps<T extends AcceptableBooleanValue = AcceptableBooleanVa
   labelProps?: RadioGroupLabelProps;
 }
 type RadioGroupEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = RadioGroupRootEmits<T>;
-type RadioGroupCardThemeSlot = 'content' | 'textContent' | 'icon' | 'description';
-type RadioGroupCardUi = RadioGroupUi & Record<RadioGroupCardThemeSlot, ClassValue>;
+type RadioGroupCardUiSlot = 'content' | 'textContent' | 'icon' | 'description';
+type RadioGroupCardUi = RadioGroupUi & Record<RadioGroupCardUiSlot, ClassValue>;
 interface RadioCardProps extends RadioProps {
   ui?: Partial<RadioGroupCardUi>;
   icon?: string;
@@ -44,4 +45,4 @@ interface RadioCardGroupProps<T extends AcceptableBooleanValue = AcceptableBoole
 }
 type RadioGroupCardEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = RadioGroupEmits<T>;
 //#endregion
-export { RadioCardGroupOptionData, RadioCardGroupProps, RadioCardProps, RadioGroupCardEmits, RadioGroupCardThemeSlot, RadioGroupCardUi, RadioGroupEmits, RadioGroupOptionData, RadioGroupProps, RadioProps };
+export { RadioCardGroupOptionData, RadioCardGroupProps, RadioCardProps, RadioGroupCardEmits, RadioGroupCardUi, RadioGroupCardUiSlot, RadioGroupEmits, RadioGroupOptionData, RadioGroupProps, RadioProps };

package/dist/components/segment/segment.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{tabsVariants as t}from"../../variants/tabs.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeClass as p,normalizeProps as m,openBlock as h,renderList as g,renderSlot as _,toDisplayString as v,toHandlers as y,unref as b,withCtx as x}from"vue";import{useForwardListeners as S,useOmitProps as C}from"@soybeanjs/headless/composables";import{TabsIndicator as w,TabsList as T,TabsRoot as E,TabsTrigger as D,provideTabsThemeContext as O}from"@soybeanjs/headless";var k=u({name:`SSegment`,__name:`segment`,props:{ui:{},size:{},shape:{},items:{},fill:{default:`auto`},enableIndicator:{type:Boolean,default:!0},listProps:{},triggerProps:{},indicatorProps:{},modelValue:{default:void 0},defaultValue:{},activationMode:{},unmountOnHide:{type:Boolean,default:!0},orientation:{},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(u,{emit:k}){let A=u,j=k,M=C(A,[`size`,`ui`,`items`,`fill`,`enableIndicator`,`listProps`,`triggerProps`,`indicatorProps`]),N=S(j),P=r(()=>e(t({size:A.size,orientation:A.orientation,shape:A.shape,fill:A.fill,enableIndicator:A.enableIndicator}),A.ui));return O({ui:P}),(e,t)=>(h(),i(b(E),f(b(M),y(b(N))),{default:x(()=>[l(b(T),m(d(u.listProps)),{default:x(()=>[(h(!0),o(n,null,g(u.items,t=>(h(),i(b(D),f({ref_for:!0},u.triggerProps,{key:String(t.value),value:t.value,disabled:t.disabled}),{default:x(n=>[_(e.$slots,`item`,f({ref_for:!0},{...t,...n}),()=>[c(v(t.label),1)])]),_:2},1040,[`value`,`disabled`]))),128)),u.enableIndicator?(h(),i(b(w),m(f({key:0},u.indicatorProps)),{default:x(()=>[s(`div`,{class:p(P.value.indicatorContent)},null,2)]),_:1},16)):a(`v-if`,!0)]),_:3},16)]),_:3},16))}});export{k as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{tabsVariants as t}from"../../variants/tabs.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeClass as p,normalizeProps as m,openBlock as h,renderList as g,renderSlot as _,toDisplayString as v,toHandlers as y,unref as b,withCtx as x}from"vue";import{useForwardListeners as S,useOmitProps as C}from"@soybeanjs/headless/composables";import{TabsIndicator as w,TabsList as T,TabsRoot as E,TabsTrigger as D,provideTabsUi as O}from"@soybeanjs/headless";var k=u({name:`SSegment`,__name:`segment`,props:{class:{},ui:{},size:{},shape:{},items:{},fill:{default:`auto`},enableIndicator:{type:Boolean,default:!0},listProps:{},triggerProps:{},indicatorProps:{},modelValue:{default:void 0},defaultValue:{},activationMode:{},unmountOnHide:{type:Boolean,default:!0},orientation:{},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(u,{emit:k}){let A=u,j=k,M=C(A,[`class`,`size`,`ui`,`items`,`fill`,`enableIndicator`,`listProps`,`triggerProps`,`indicatorProps`]),N=S(j),P=r(()=>e(t({size:A.size,orientation:A.orientation,shape:A.shape,fill:A.fill,enableIndicator:A.enableIndicator}),A.ui,{root:A.class}));return O(P),(e,t)=>(h(),i(b(E),f(b(M),y(b(N))),{default:x(()=>[l(b(T),m(d(u.listProps)),{default:x(()=>[(h(!0),o(n,null,g(u.items,t=>(h(),i(b(D),f({ref_for:!0},u.triggerProps,{key:String(t.value),value:t.value,disabled:t.disabled}),{default:x(n=>[_(e.$slots,`item`,f({ref_for:!0},{...t,...n}),()=>[c(v(t.label),1)])]),_:2},1040,[`value`,`disabled`]))),128)),u.enableIndicator?(h(),i(b(w),m(f({key:0},u.indicatorProps)),{default:x(()=>[s(`div`,{class:p(P.value.indicatorContent)},null,2)]),_:1},16)):a(`v-if`,!0)]),_:3},16)]),_:3},16))}});export{k as default};

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

@@ -1,10 +1,10 @@
 import { SegmentOptionData, SegmentProps } from "./types.js";
-import * as vue235 from "vue";
+import * as vue262 from "vue";
 import { AcceptableValue } from "@soybeanjs/headless";
 
 //#region src/components/segment/segment.vue.d.ts
 declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S extends SegmentOptionData<NonNullable<T>> = SegmentOptionData<NonNullable<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: vue235.PublicProps & __VLS_PrettifyLocal<SegmentProps<T, S> & {
+  props: vue262.PublicProps & __VLS_PrettifyLocal<SegmentProps<T, S> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -17,7 +17,7 @@ declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S exte
     }) => any;
   };
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue235.VNode & {
+}>) => vue262.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -2,7 +2,7 @@ import { ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
 import { TabsFill, TabsShape } from "../../variants/tabs.js";
 import { TabsExtendedUi } from "../tabs/types.js";
-import { AcceptableValue, DefinedValue, TabsIndicatorProps, TabsListProps, TabsRootProps, TabsTriggerProps } from "@soybeanjs/headless";
+import { AcceptableValue, ClassValue, DefinedValue, TabsIndicatorProps, TabsListProps, TabsRootProps, TabsTriggerProps } from "@soybeanjs/headless";
 
 //#region src/components/segment/types.d.ts
 interface SegmentOptionData<T extends DefinedValue = DefinedValue> {
@@ -12,6 +12,7 @@ interface SegmentOptionData<T extends DefinedValue = DefinedValue> {
 }
 type SegmentExtendedUi = TabsExtendedUi;
 interface SegmentProps<T extends AcceptableValue, S extends SegmentOptionData<NonNullable<T>> = SegmentOptionData<NonNullable<T>>> extends TabsRootProps<T> {
+  class?: ClassValue;
   ui?: Partial<SegmentExtendedUi>;
   size?: ThemeSize;
   shape?: TabsShape;

package/dist/components/select/select.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{selectVariants as n}from"../../variants/select.js";import{isGroupOption as r}from"./shared.js";import i from"./select-option.js";import{Fragment as a,computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createSlots as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderList as _,renderSlot as v,toHandlers as y,unref as b,useSlots as x,withCtx as S}from"vue";import{useForwardListeners as C,useOmitProps as w}from"@soybeanjs/headless/composables";import{SelectArrow as T,SelectContent as E,SelectPortal as D,SelectRoot as O,SelectScrollDownButton as k,SelectScrollUpButton as A,SelectTrigger as j,SelectTriggerIcon as M,SelectValue as N,SelectViewport as P,provideSelectThemeContext as F}from"@soybeanjs/headless";var I=f({name:`SSelect`,inheritAttrs:!1,__name:`select`,props:{ui:{},size:{},items:{},showArrow:{type:Boolean},triggerProps:{},triggerIconProps:{},placeholder:{},valueProps:{},portalProps:{},contentProps:{},placement:{},popupProps:{},viewportProps:{},scrollDownButtonProps:{},scrollUpButtonProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemTextProps:{},itemIndicatorProps:{},separatorProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`,`select`],setup(f,{emit:I}){let L=f,R=I,z=x(),B=o(()=>Object.keys(z).filter(e=>e.startsWith(`item-`)||e===`group-label`)),V=w(L,[`ui`,`size`,`items`,`triggerProps`,`triggerIconProps`,`placeholder`,`valueProps`,`portalProps`,`contentProps`,`popupProps`,`placement`,`viewportProps`,`scrollDownButtonProps`,`scrollUpButtonProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemTextProps`,`itemIndicatorProps`,`separatorProps`,`arrowProps`]),H=C(R),U=e=>r(e)?`group-${e.label}`:e.value,W=o(()=>e(n({size:L.size}),L.ui)),G=o(()=>({...L.valueProps,placeholder:L.placeholder??L.valueProps?.placeholder})),K=o(()=>({...L.contentProps,placement:L.placement??L.contentProps?.placement,popupProps:L.popupProps??L.contentProps?.popupProps}));return F({ui:W}),(e,n)=>(g(),s(b(O),m(b(V),{"onUpdate:modelValue":n[1]||=e=>R(`update:modelValue`,e)}),{default:S(()=>[d(b(j),h(p(f.triggerProps)),{default:S(()=>[v(e.$slots,`trigger-leading`),d(b(N),h(p(G.value)),{default:S(t=>[v(e.$slots,`trigger-value`,h(p(t)))]),_:3},16),v(e.$slots,`trigger-trailing`),d(b(M),h(p(f.triggerIconProps)),{default:S(()=>[v(e.$slots,`trigger-icon`,{},()=>[d(t,{icon:`lucide:chevrons-up-down`})])]),_:3},16)]),_:3},16),d(b(D),h(p(f.portalProps)),{default:S(()=>[d(b(E),m(K.value,y(b(H))),{default:S(()=>[d(b(A),h(p(f.scrollUpButtonProps)),{default:S(()=>[v(e.$slots,`scroll-up-button`,{},()=>[d(t,{icon:`lucide:chevron-up`})])]),_:3},16),d(b(P),h(p(f.viewportProps)),{default:S(()=>[(g(!0),l(a,null,_(f.items,t=>(g(),s(i,{key:U(t),item:t,"group-props":f.groupProps,"group-label-props":f.groupLabelProps,"item-props":f.itemProps,"item-text-props":f.itemTextProps,"item-indicator-props":f.itemIndicatorProps,"separator-props":f.separatorProps,onSelect:n[0]||=e=>R(`select`,e)},u({_:2},[_(B.value,t=>({name:t,fn:S(n=>[v(e.$slots,t,m({ref_for:!0},n))])}))]),1032,[`item`,`group-props`,`group-label-props`,`item-props`,`item-text-props`,`item-indicator-props`,`separator-props`]))),128))]),_:3},16),d(b(k),h(p(f.scrollDownButtonProps)),{default:S(()=>[v(e.$slots,`scroll-down-button`,{},()=>[d(t,{icon:`lucide:chevron-down`})])]),_:3},16),f.showArrow?(g(),s(b(T),h(m({key:0},f.arrowProps)),null,16)):c(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{I as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{selectVariants as n}from"../../variants/select.js";import{isGroupOption as r}from"./shared.js";import i from"./select-option.js";import{Fragment as a,computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createSlots as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderList as _,renderSlot as v,toHandlers as y,unref as b,useSlots as x,withCtx as S}from"vue";import{useForwardListeners as C,useOmitProps as w}from"@soybeanjs/headless/composables";import{SelectArrow as T,SelectContent as E,SelectPortal as D,SelectRoot as O,SelectScrollDownButton as k,SelectScrollUpButton as A,SelectTrigger as j,SelectTriggerIcon as M,SelectValue as N,SelectViewport as P,provideSelectUi as F}from"@soybeanjs/headless";var I=f({name:`SSelect`,inheritAttrs:!1,__name:`select`,props:{class:{},ui:{},size:{},items:{},showArrow:{type:Boolean},triggerProps:{},triggerIconProps:{},placeholder:{},valueProps:{},portalProps:{},contentProps:{},placement:{},popupProps:{},viewportProps:{},scrollDownButtonProps:{},scrollUpButtonProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemTextProps:{},itemIndicatorProps:{},separatorProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`,`select`],setup(f,{emit:I}){let L=f,R=I,z=x(),B=o(()=>Object.keys(z).filter(e=>e.startsWith(`item-`)||e===`group-label`)),V=w(L,[`class`,`ui`,`size`,`items`,`triggerProps`,`triggerIconProps`,`placeholder`,`valueProps`,`portalProps`,`contentProps`,`popupProps`,`placement`,`viewportProps`,`scrollDownButtonProps`,`scrollUpButtonProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemTextProps`,`itemIndicatorProps`,`separatorProps`,`arrowProps`]),H=C(R),U=e=>r(e)?`group-${e.label}`:e.value,W=o(()=>e(n({size:L.size}),L.ui,{trigger:L.class})),G=o(()=>({...L.valueProps,placeholder:L.placeholder??L.valueProps?.placeholder})),K=o(()=>({...L.contentProps,placement:L.placement??L.contentProps?.placement,popupProps:L.popupProps??L.contentProps?.popupProps}));return F(W),(e,n)=>(g(),s(b(O),m(b(V),{"onUpdate:modelValue":n[1]||=e=>R(`update:modelValue`,e)}),{default:S(()=>[d(b(j),h(p(f.triggerProps)),{default:S(()=>[v(e.$slots,`trigger-leading`),d(b(N),h(p(G.value)),{default:S(t=>[v(e.$slots,`trigger-value`,h(p(t)))]),_:3},16),v(e.$slots,`trigger-trailing`),d(b(M),h(p(f.triggerIconProps)),{default:S(()=>[v(e.$slots,`trigger-icon`,{},()=>[d(t,{icon:`lucide:chevrons-up-down`})])]),_:3},16)]),_:3},16),d(b(D),h(p(f.portalProps)),{default:S(()=>[d(b(E),m(K.value,y(b(H))),{default:S(()=>[d(b(A),h(p(f.scrollUpButtonProps)),{default:S(()=>[v(e.$slots,`scroll-up-button`,{},()=>[d(t,{icon:`lucide:chevron-up`})])]),_:3},16),d(b(P),h(p(f.viewportProps)),{default:S(()=>[(g(!0),l(a,null,_(f.items,t=>(g(),s(i,{key:U(t),item:t,"group-props":f.groupProps,"group-label-props":f.groupLabelProps,"item-props":f.itemProps,"item-text-props":f.itemTextProps,"item-indicator-props":f.itemIndicatorProps,"separator-props":f.separatorProps,onSelect:n[0]||=e=>R(`select`,e)},u({_:2},[_(B.value,t=>({name:t,fn:S(n=>[v(e.$slots,t,m({ref_for:!0},n))])}))]),1032,[`item`,`group-props`,`group-label-props`,`item-props`,`item-text-props`,`item-indicator-props`,`separator-props`]))),128))]),_:3},16),d(b(k),h(p(f.scrollDownButtonProps)),{default:S(()=>[v(e.$slots,`scroll-down-button`,{},()=>[d(t,{icon:`lucide:chevron-down`})])]),_:3},16),f.showArrow?(g(),s(b(T),h(m({key:0},f.arrowProps)),null,16)):c(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{I as default};

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

@@ -1,16 +1,16 @@
 import { SelectOptionData, SelectProps } from "./types.js";
-import * as vue233 from "vue";
-import * as _soybeanjs_headless132 from "@soybeanjs/headless";
+import * as vue260 from "vue";
+import * as _soybeanjs_headless163 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/select/select.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue, M extends boolean = false, S extends SelectOptionData<T> = SelectOptionData<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: vue233.PublicProps & __VLS_PrettifyLocal<SelectProps<T, M, S> & {
-    onSelect?: ((event: _soybeanjs_headless132.SelectItemEvent<T>) => any) | undefined;
+  props: vue260.PublicProps & __VLS_PrettifyLocal<SelectProps<T, M, S> & {
+    onSelect?: ((event: _soybeanjs_headless163.SelectItemEvent<T>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless132.PointerDownOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless163.PointerDownOutsideEvent) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -44,8 +44,8 @@ declare const __VLS_export: <T extends DefinedValue, M extends boolean = false,
       item: S;
     }) => any;
   };
-  emit: ((evt: "select", event: _soybeanjs_headless132.SelectItemEvent<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless132.PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
-}>) => vue233.VNode & {
+  emit: ((evt: "select", event: _soybeanjs_headless163.SelectItemEvent<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless163.PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => vue260.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -2,7 +2,7 @@ import { ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
 import { IconValue } from "../icon/types.js";
 import { HTMLAttributes } from "vue";
-import { DefinedValue, Placement, SelectArrowProps, SelectContentEmits, SelectContentProps, SelectGroupLabelProps, SelectGroupProps, SelectItemEmits, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectPopupProps, SelectPortalProps, SelectRootEmits, SelectRootProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectTriggerIconProps, SelectTriggerProps, SelectUi, SelectValueProps, SelectViewportProps } from "@soybeanjs/headless";
+import { ClassValue, DefinedValue, Placement, SelectArrowProps, SelectContentEmits, SelectContentProps, SelectGroupLabelProps, SelectGroupProps, SelectItemEmits, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectPopupProps, SelectPortalProps, SelectRootEmits, SelectRootProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectTriggerIconProps, SelectTriggerProps, SelectUi, SelectValueProps, SelectViewportProps } from "@soybeanjs/headless";
 
 //#region src/components/select/types.d.ts
 interface SelectSingleOptionData<T extends DefinedValue = DefinedValue> extends Pick<SelectItemProps, 'disabled' | 'textValue'> {
@@ -49,6 +49,10 @@ interface SelectOptionProps<T extends DefinedValue = DefinedValue> extends /** @
 }
 type SelectOptionEmits<T extends DefinedValue = DefinedValue> = SelectItemEmits<T>;
 interface SelectProps<T extends DefinedValue = DefinedValue, M extends boolean = false, S extends SelectOptionData<T> = SelectOptionData<T>> extends SelectRootProps<T, M> {
+  /**
+   * the class of select trigger
+   */
+  class?: ClassValue;
   ui?: Partial<SelectUi>;
   size?: ThemeSize;
   items: S[];

package/dist/components/separator/separator.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{separatorVariants as t}from"../../variants/separator.js";import{computed as n,createBlock as r,createCommentVNode as i,createTextVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,toDisplayString as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useOmitProps as h}from"@soybeanjs/headless/composables";import{SeparatorLabel as g,SeparatorRoot as _,provideSeparatorThemeContext as v}from"@soybeanjs/headless";var y=o({name:`SSeparator`,__name:`separator`,props:{size:{},ui:{},align:{},border:{},label:{},labelProps:{},orientation:{default:`horizontal`},decorative:{type:Boolean}},setup(o){let y=o,b=p(),x=h(y,[`size`,`ui`,`align`,`border`,`label`,`labelProps`]),S=n(()=>y.orientation===`horizontal`&&(b.default||y.label));return v({ui:n(()=>e(t({size:y.size,orientation:y.orientation,align:y.align,border:y.border}),y.ui))}),(e,t)=>(u(),r(f(_),l(s(f(x))),{default:m(()=>[S.value?(u(),r(f(g),l(c({key:0},o.labelProps)),{default:m(()=>[a(d(o.label),1)]),_:1},16)):i(`v-if`,!0)]),_:1},16))}});export{y as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{separatorVariants as t}from"../../variants/separator.js";import{computed as n,createBlock as r,createCommentVNode as i,createTextVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,toDisplayString as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useOmitProps as h}from"@soybeanjs/headless/composables";import{SeparatorLabel as g,SeparatorRoot as _,provideSeparatorUi as v}from"@soybeanjs/headless";var y=o({name:`SSeparator`,__name:`separator`,props:{class:{},size:{},ui:{},align:{},border:{},label:{},labelProps:{},orientation:{default:`horizontal`},decorative:{type:Boolean}},setup(o){let y=o,b=p(),x=h(y,[`class`,`size`,`ui`,`align`,`border`,`label`,`labelProps`]),S=n(()=>y.orientation===`horizontal`&&(b.default||y.label));return v(n(()=>e(t({size:y.size,orientation:y.orientation,align:y.align,border:y.border}),y.ui,{root:y.class}))),(e,t)=>(u(),r(f(_),l(s(f(x))),{default:m(()=>[S.value?(u(),r(f(g),l(c({key:0},o.labelProps)),{default:m(()=>[a(d(o.label),1)]),_:1},16)):i(`v-if`,!0)]),_:1},16))}});export{y as default};

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

@@ -1,11 +1,11 @@
 import { SeparatorProps } from "./types.js";
-import * as vue258 from "vue";
-import * as _soybeanjs_headless144 from "@soybeanjs/headless";
+import * as vue264 from "vue";
+import * as _soybeanjs_headless167 from "@soybeanjs/headless";
 
 //#region src/components/separator/separator.vue.d.ts
-declare const __VLS_export: vue258.DefineComponent<SeparatorProps, {}, {}, {}, {}, vue258.ComponentOptionsMixin, vue258.ComponentOptionsMixin, {}, string, vue258.PublicProps, Readonly<SeparatorProps> & Readonly<{}>, {
-  orientation: _soybeanjs_headless144.DataOrientation;
-}, {}, {}, {}, string, vue258.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: vue264.DefineComponent<SeparatorProps, {}, {}, {}, {}, vue264.ComponentOptionsMixin, vue264.ComponentOptionsMixin, {}, string, vue264.PublicProps, Readonly<SeparatorProps> & Readonly<{}>, {
+  orientation: _soybeanjs_headless167.DataOrientation;
+}, {}, {}, {}, string, vue264.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

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

@@ -1,10 +1,11 @@
 import { ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
 import { SeparatorBorder } from "../../variants/separator.js";
-import { Align, SeparatorLabelProps, SeparatorRootProps, SeparatorUi } from "@soybeanjs/headless";
+import { Align, ClassValue, SeparatorLabelProps, SeparatorRootProps, SeparatorUi } from "@soybeanjs/headless";
 
 //#region src/components/separator/types.d.ts
 interface SeparatorProps extends SeparatorRootProps {
+  class?: ClassValue;
   size?: ThemeSize;
   ui?: Partial<SeparatorUi>;
   align?: Align;

package/dist/components/switch/switch.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{switchVariants as t}from"../../variants/switch.js";import{computed as n,createBlock as r,createVNode as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderSlot as u,unref as d,useId as f,withCtx as p}from"vue";import{useOmitProps as m}from"@soybeanjs/headless/composables";import{SwitchControl as h,SwitchRoot as g,SwitchThumb as _,provideSwitchThemeContext as v}from"@soybeanjs/headless";var y=a({name:`SSwitch`,__name:`switch`,props:{ui:{},color:{},size:{},shape:{},controlProps:{},thumbProps:{},defaultValue:{},modelValue:{default:void 0},disabled:{type:Boolean},value:{},name:{},required:{type:Boolean},trueValue:{default:!0},falseValue:{default:!1}},emits:[`update:modelValue`],setup(a,{emit:y}){let b=a,x=y,S=m(b,[`ui`,`color`,`size`,`shape`,`controlProps`,`thumbProps`]),C=f(),w=n(()=>b.id||`switch-${C}`);return v({ui:n(()=>e(t({color:b.color,size:b.size,shape:b.shape}),b.ui))}),(e,t)=>(l(),r(d(g),s(d(S),{"onUpdate:modelValue":t[0]||=e=>x(`update:modelValue`,e)}),{default:p(t=>[u(e.$slots,`leading`,c(o(t))),i(d(h),s(a.controlProps,{id:w.value}),{default:p(()=>[i(d(_),c(o(a.thumbProps)),{default:p(()=>[u(e.$slots,`default`,c(o(t)))]),_:2},1040)]),_:2},1040,[`id`]),u(e.$slots,`trailing`,c(o(t)))]),_:3},16))}});export{y as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{switchVariants as t}from"../../variants/switch.js";import{computed as n,createBlock as r,createVNode as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderSlot as u,unref as d,useId as f,withCtx as p}from"vue";import{useOmitProps as m}from"@soybeanjs/headless/composables";import{SwitchControl as h,SwitchRoot as g,SwitchThumb as _,provideSwitchUi as v}from"@soybeanjs/headless";var y=a({name:`SSwitch`,__name:`switch`,props:{class:{},ui:{},color:{},size:{},shape:{},controlProps:{},thumbProps:{},defaultValue:{},modelValue:{default:void 0},disabled:{type:Boolean},value:{},name:{},required:{type:Boolean},trueValue:{default:!0},falseValue:{default:!1}},emits:[`update:modelValue`],setup(a,{emit:y}){let b=a,x=y,S=m(b,[`class`,`ui`,`color`,`size`,`shape`,`controlProps`,`thumbProps`]),C=f(),w=n(()=>b.id||`switch-${C}`);return v(n(()=>e(t({color:b.color,size:b.size,shape:b.shape}),b.ui,{root:b.class}))),(e,t)=>(l(),r(d(g),s(d(S),{"onUpdate:modelValue":t[0]||=e=>x(`update:modelValue`,e)}),{default:p(t=>[u(e.$slots,`leading`,c(o(t))),i(d(h),s(a.controlProps,{id:w.value}),{default:p(()=>[i(d(_),c(o(a.thumbProps)),{default:p(()=>[u(e.$slots,`default`,c(o(t)))]),_:2},1040)]),_:2},1040,[`id`]),u(e.$slots,`trailing`,c(o(t)))]),_:3},16))}});export{y as default};

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

@@ -2,13 +2,13 @@ import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
 import { SwitchShape } from "../../variants/switch.js";
 import { SwitchProps } from "./types.js";
-import * as vue263 from "vue";
-import * as _soybeanjs_headless145 from "@soybeanjs/headless";
+import * as vue269 from "vue";
+import * as _soybeanjs_headless168 from "@soybeanjs/headless";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/switch/switch.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__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: vue263.PublicProps & __VLS_PrettifyLocal<SwitchProps<T> & {
+  props: vue269.PublicProps & __VLS_PrettifyLocal<SwitchProps<T> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -18,12 +18,13 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
   slots: {
     leading?: (props: {
       modelValue: (Readonly<{
-        ui: Partial<_soybeanjs_headless145.SwitchUi>;
+        class: _soybeanjs_headless168.ClassValue;
+        ui: Partial<_soybeanjs_headless168.SwitchUi>;
         color: ThemeColor;
         size: ThemeSize;
         shape: SwitchShape;
-        controlProps: _soybeanjs_headless145.SwitchControlProps;
-        thumbProps: _soybeanjs_headless145.SwitchThumbProps;
+        controlProps: _soybeanjs_headless168.SwitchControlProps;
+        thumbProps: _soybeanjs_headless168.SwitchThumbProps;
         defaultValue: NonNullable<T> | undefined;
         disabled: boolean;
         value: string;
@@ -31,15 +32,14 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         required: boolean;
         manifest: string | undefined;
         innerHTML: string | undefined;
-        class: any;
-        style: vue263.StyleValue | undefined;
+        style: vue269.StyleValue | undefined;
         accesskey: string | undefined;
         contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextmenu: string | undefined;
         dir: string | undefined;
         draggable: (boolean | "true" | "false") | undefined;
         enterkeyhint: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        enterKeyHint: vue263.HTMLAttributes["enterkeyhint"];
+        enterKeyHint: vue269.HTMLAttributes["enterkeyhint"];
         hidden: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
         id: string | undefined;
         inert: (boolean | "true" | "false") | undefined;
@@ -220,7 +220,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         readonly modelValue: T | undefined;
         readonly trueValue: NonNullable<T> extends infer T_1 ? T_1 extends NonNullable<T> ? T_1 extends undefined ? never : T_1 : never : never;
         readonly falseValue: NonNullable<T> extends infer T_2 ? T_2 extends NonNullable<T> ? T_2 extends undefined ? never : T_2 : never : never;
-      } & ("class" | "inlist" | "disabled" | "required" | (T | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "modelValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "defaultValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "trueValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "falseValue" : never) extends infer T_3 extends keyof T_4 ? { readonly [K in T_3]-?: K extends "modelValue" | "trueValue" | "falseValue" ? {
+      } & ("inlist" | "disabled" | "required" | (T | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "modelValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "defaultValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "trueValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "falseValue" : never) extends infer T_3 extends keyof T_4 ? { readonly [K in T_3]-?: K extends "modelValue" | "trueValue" | "falseValue" ? {
         modelValue: undefined;
         trueValue: any;
         falseValue: any;
@@ -229,12 +229,13 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
   } & {
     default?: (props: {
       modelValue: (Readonly<{
-        ui: Partial<_soybeanjs_headless145.SwitchUi>;
+        class: _soybeanjs_headless168.ClassValue;
+        ui: Partial<_soybeanjs_headless168.SwitchUi>;
         color: ThemeColor;
         size: ThemeSize;
         shape: SwitchShape;
-        controlProps: _soybeanjs_headless145.SwitchControlProps;
-        thumbProps: _soybeanjs_headless145.SwitchThumbProps;
+        controlProps: _soybeanjs_headless168.SwitchControlProps;
+        thumbProps: _soybeanjs_headless168.SwitchThumbProps;
         defaultValue: NonNullable<T> | undefined;
         disabled: boolean;
         value: string;
@@ -242,15 +243,14 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         required: boolean;
         manifest: string | undefined;
         innerHTML: string | undefined;
-        class: any;
-        style: vue263.StyleValue | undefined;
+        style: vue269.StyleValue | undefined;
         accesskey: string | undefined;
         contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextmenu: string | undefined;
         dir: string | undefined;
         draggable: (boolean | "true" | "false") | undefined;
         enterkeyhint: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        enterKeyHint: vue263.HTMLAttributes["enterkeyhint"];
+        enterKeyHint: vue269.HTMLAttributes["enterkeyhint"];
         hidden: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
         id: string | undefined;
         inert: (boolean | "true" | "false") | undefined;
@@ -431,7 +431,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         readonly modelValue: T | undefined;
         readonly trueValue: NonNullable<T> extends infer T_1 ? T_1 extends NonNullable<T> ? T_1 extends undefined ? never : T_1 : never : never;
         readonly falseValue: NonNullable<T> extends infer T_2 ? T_2 extends NonNullable<T> ? T_2 extends undefined ? never : T_2 : never : never;
-      } & ("class" | "inlist" | "disabled" | "required" | (T | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "modelValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "defaultValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "trueValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "falseValue" : never) extends infer T_3 extends keyof T_4 ? { readonly [K in T_3]-?: K extends "modelValue" | "trueValue" | "falseValue" ? {
+      } & ("inlist" | "disabled" | "required" | (T | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "modelValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "defaultValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "trueValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "falseValue" : never) extends infer T_3 extends keyof T_4 ? { readonly [K in T_3]-?: K extends "modelValue" | "trueValue" | "falseValue" ? {
         modelValue: undefined;
         trueValue: any;
         falseValue: any;
@@ -440,12 +440,13 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
   } & {
     trailing?: (props: {
       modelValue: (Readonly<{
-        ui: Partial<_soybeanjs_headless145.SwitchUi>;
+        class: _soybeanjs_headless168.ClassValue;
+        ui: Partial<_soybeanjs_headless168.SwitchUi>;
         color: ThemeColor;
         size: ThemeSize;
         shape: SwitchShape;
-        controlProps: _soybeanjs_headless145.SwitchControlProps;
-        thumbProps: _soybeanjs_headless145.SwitchThumbProps;
+        controlProps: _soybeanjs_headless168.SwitchControlProps;
+        thumbProps: _soybeanjs_headless168.SwitchThumbProps;
         defaultValue: NonNullable<T> | undefined;
         disabled: boolean;
         value: string;
@@ -453,15 +454,14 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         required: boolean;
         manifest: string | undefined;
         innerHTML: string | undefined;
-        class: any;
-        style: vue263.StyleValue | undefined;
+        style: vue269.StyleValue | undefined;
         accesskey: string | undefined;
         contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextmenu: string | undefined;
         dir: string | undefined;
         draggable: (boolean | "true" | "false") | undefined;
         enterkeyhint: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        enterKeyHint: vue263.HTMLAttributes["enterkeyhint"];
+        enterKeyHint: vue269.HTMLAttributes["enterkeyhint"];
         hidden: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
         id: string | undefined;
         inert: (boolean | "true" | "false") | undefined;
@@ -642,7 +642,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         readonly modelValue: T | undefined;
         readonly trueValue: NonNullable<T> extends infer T_1 ? T_1 extends NonNullable<T> ? T_1 extends undefined ? never : T_1 : never : never;
         readonly falseValue: NonNullable<T> extends infer T_2 ? T_2 extends NonNullable<T> ? T_2 extends undefined ? never : T_2 : never : never;
-      } & ("class" | "inlist" | "disabled" | "required" | (T | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "modelValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "defaultValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "trueValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "falseValue" : never) extends infer T_3 extends keyof T_4 ? { readonly [K in T_3]-?: K extends "modelValue" | "trueValue" | "falseValue" ? {
+      } & ("inlist" | "disabled" | "required" | (T | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "modelValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "defaultValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "trueValue" : never) | (NonNullable<T> | undefined extends boolean | undefined ? (boolean & T) | undefined extends undefined ? never : "falseValue" : never) extends infer T_3 extends keyof T_4 ? { readonly [K in T_3]-?: K extends "modelValue" | "trueValue" | "falseValue" ? {
         modelValue: undefined;
         trueValue: any;
         falseValue: any;
@@ -650,7 +650,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
     }) => any;
   };
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue263.VNode & {
+}>) => vue269.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,10 +1,11 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
 import { SwitchShape } from "../../variants/switch.js";
-import { AcceptableBooleanValue, SwitchControlProps, SwitchRootEmits, SwitchRootProps, SwitchThumbProps, SwitchUi } from "@soybeanjs/headless";
+import { AcceptableBooleanValue, ClassValue, SwitchControlProps, SwitchRootEmits, SwitchRootProps, SwitchThumbProps, SwitchUi } from "@soybeanjs/headless";
 
 //#region src/components/switch/types.d.ts
 interface SwitchProps<T extends AcceptableBooleanValue = boolean> extends SwitchRootProps<T> {
+  class?: ClassValue;
   ui?: Partial<SwitchUi>;
   color?: ThemeColor;
   size?: ThemeSize;

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

@@ -1,4 +1,4 @@
-import { TabsEmits, TabsExtendedUi, TabsExtraThemeSlot, TabsOptionData, TabsProps } from "./types.js";
+import { TabsEmits, TabsExtendedUi, TabsExtraUiSlot, TabsOptionData, TabsProps } from "./types.js";
 import { _default } from "./tabs.vue.js";
 import { TabsContentProps, TabsIndicatorProps, TabsListProps, TabsRootEmits, TabsRootProps, TabsTriggerProps } from "@soybeanjs/headless/tabs";
 export { type TabsContentProps, type TabsIndicatorProps, type TabsListProps, type TabsRootEmits, type TabsRootProps, type TabsTriggerProps };

package/dist/components/tabs/tabs.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{tabsVariants as t}from"../../variants/tabs.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeClass as p,normalizeProps as m,openBlock as h,renderList as g,renderSlot as _,toDisplayString as v,toHandlers as y,unref as b,withCtx as x}from"vue";import{useForwardListeners as S,useOmitProps as C}from"@soybeanjs/headless/composables";import{TabsContent as w,TabsIndicator as T,TabsList as E,TabsRoot as D,TabsTrigger as O,provideTabsThemeContext as k}from"@soybeanjs/headless";var A=u({name:`STabs`,__name:`tabs`,props:{size:{},ui:{},items:{},fill:{default:`full`},enableIndicator:{type:Boolean,default:!0},listProps:{},triggerProps:{},contentProps:{},indicatorProps:{},modelValue:{default:void 0},defaultValue:{},activationMode:{},unmountOnHide:{type:Boolean,default:!0},orientation:{},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(u,{emit:A}){let j=u,M=A,N=C(j,[`size`,`ui`,`items`,`fill`,`loop`,`enableIndicator`,`listProps`,`triggerProps`,`contentProps`,`indicatorProps`]),P=S(M),F=r(()=>e(t({size:j.size,orientation:j.orientation,fill:j.fill,enableIndicator:j.enableIndicator}),j.ui));return k({ui:F}),(e,t)=>(h(),i(b(D),f(b(N),y(b(P))),{default:x(()=>[l(b(E),m(d(u.listProps)),{default:x(()=>[(h(!0),o(n,null,g(u.items,t=>(h(),i(b(O),f({ref_for:!0},u.triggerProps,{key:String(t.value),value:t.value,disabled:t.disabled}),{default:x(n=>[_(e.$slots,`trigger`,f({ref_for:!0},{...t,...n}),()=>[c(v(t.label),1)])]),_:2},1040,[`value`,`disabled`]))),128)),u.enableIndicator?(h(),i(b(T),m(f({key:0},u.indicatorProps)),{default:x(()=>[s(`div`,{class:p(F.value.indicatorContent)},null,2)]),_:1},16)):a(`v-if`,!0)]),_:3},16),(h(!0),o(n,null,g(u.items,t=>(h(),i(b(w),f({ref_for:!0},u.contentProps,{key:String(t.value),value:t.value}),{default:x(n=>[_(e.$slots,`content`,f({ref_for:!0},{...t,...n}))]),_:2},1040,[`value`]))),128))]),_:3},16))}});export{A as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{tabsVariants as t}from"../../variants/tabs.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeClass as p,normalizeProps as m,openBlock as h,renderList as g,renderSlot as _,toDisplayString as v,toHandlers as y,unref as b,withCtx as x}from"vue";import{useForwardListeners as S,useOmitProps as C}from"@soybeanjs/headless/composables";import{TabsContent as w,TabsIndicator as T,TabsList as E,TabsRoot as D,TabsTrigger as O,provideTabsUi as k}from"@soybeanjs/headless";var A=u({name:`STabs`,__name:`tabs`,props:{class:{},size:{},ui:{},items:{},fill:{default:`full`},enableIndicator:{type:Boolean,default:!0},listProps:{},triggerProps:{},contentProps:{},indicatorProps:{},modelValue:{default:void 0},defaultValue:{},activationMode:{},unmountOnHide:{type:Boolean,default:!0},orientation:{},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(u,{emit:A}){let j=u,M=A,N=C(j,[`class`,`size`,`ui`,`items`,`fill`,`loop`,`enableIndicator`,`listProps`,`triggerProps`,`contentProps`,`indicatorProps`]),P=S(M),F=r(()=>e(t({size:j.size,orientation:j.orientation,fill:j.fill,enableIndicator:j.enableIndicator}),j.ui,{root:j.class}));return k(F),(e,t)=>(h(),i(b(D),f(b(N),y(b(P))),{default:x(()=>[l(b(E),m(d(u.listProps)),{default:x(()=>[(h(!0),o(n,null,g(u.items,t=>(h(),i(b(O),f({ref_for:!0},u.triggerProps,{key:String(t.value),value:t.value,disabled:t.disabled}),{default:x(n=>[_(e.$slots,`trigger`,f({ref_for:!0},{...t,...n}),()=>[c(v(t.label),1)])]),_:2},1040,[`value`,`disabled`]))),128)),u.enableIndicator?(h(),i(b(T),m(f({key:0},u.indicatorProps)),{default:x(()=>[s(`div`,{class:p(F.value.indicatorContent)},null,2)]),_:1},16)):a(`v-if`,!0)]),_:3},16),(h(!0),o(n,null,g(u.items,t=>(h(),i(b(w),f({ref_for:!0},u.contentProps,{key:String(t.value),value:t.value}),{default:x(n=>[_(e.$slots,`content`,f({ref_for:!0},{...t,...n}))]),_:2},1040,[`value`]))),128))]),_:3},16))}});export{A as default};