@soybeanjs/headless 0.0.9 → 0.0.11

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

@@ -1,7 +1,7 @@
 import { DefinedValue, MaybeArray } from "../../types/common.js";
 import { SelectValueProps } from "./types.js";
 import "../../index.js";
-import * as vue913 from "vue";
+import * as vue1041 from "vue";
 
 //#region src/components/select/select-value.vue.d.ts
 declare var __VLS_1: {
@@ -12,9 +12,9 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue913.DefineComponent<SelectValueProps, {}, {}, {}, {}, vue913.ComponentOptionsMixin, vue913.ComponentOptionsMixin, {}, string, vue913.PublicProps, Readonly<SelectValueProps> & Readonly<{}>, {
+declare const __VLS_base: vue1041.DefineComponent<SelectValueProps, {}, {}, {}, {}, vue1041.ComponentOptionsMixin, vue1041.ComponentOptionsMixin, {}, string, vue1041.PublicProps, Readonly<SelectValueProps> & Readonly<{}>, {
   placeholder: string;
-}, {}, {}, {}, string, vue913.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue1041.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/select/select-viewport.js

@@ -1,4 +1,4 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useNonce as t}from"../../composables/use-nonce.js";import{Primitive as n}from"../primitive/primitive.js";import{useSelectContentContext as r,useSelectItemAlignedPositionContext as i,useSelectThemeContext as a}from"./context.js";import{CONTENT_MARGIN as o}from"./shared.js";import{Fragment as s,computed as c,createElementBlock as l,createElementVNode as u,createTextVNode as d,createVNode as f,defineComponent as p,mergeProps as m,openBlock as h,renderSlot as g,toDisplayString as _,unref as v,useAttrs as y,withCtx as b}from"vue";var x=p({name:`SelectViewport`,inheritAttrs:!1,__name:`select-viewport`,props:{nonce:{}},setup(p){let x=p,S=y(),{onViewportElementChange:C}=r(`SelectViewport`),[w,T]=e(C),E=i(),D=t(()=>x.nonce),O=a(),k=c(()=>O?.ui?.value?.viewport),A=0;function j(e){let t=e.currentTarget,{positionerElement:n,shouldExpandOnScroll:r}=E??{};if(!n?.value||!r?.value){A=t.scrollTop;return}let i=Math.abs(A-t.scrollTop);if(i<=0)return;let a=window.innerHeight-o*2,s=Number.parseFloat(n.value.style.minHeight),c=Number.parseFloat(n.value.style.height),l=Math.max(s,c);if(l<a){let e=l+i,r=Math.min(a,e),o=e-r;n.value.style.height=`${r}px`,n.value.style.bottom===`0px`&&(t.scrollTop=o>0?o:0,n.value.style.justifyContent=`flex-end`)}A=t.scrollTop}return(e,t)=>(h(),l(s,null,[u(`div`,m(v(S),{ref:v(T),class:k.value,"data-soybean-select-viewport":``,role:`presentation`,style:`position:relative;flex:1;overflow:hidden auto;`,onScroll:j}),[g(e.$slots,`default`)],16),f(v(n),{as:`style`,nonce:v(D)},{default:b(()=>[d(_(`
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useNonce as t}from"../../composables/use-nonce.js";import{Primitive as n}from"../primitive/primitive.js";import{useSelectContentContext as r,useSelectItemAlignedPositionContext as i,useSelectUi as a}from"./context.js";import{CONTENT_MARGIN as o}from"./shared.js";import{Fragment as s,createElementBlock as c,createElementVNode as l,createTextVNode as u,createVNode as d,defineComponent as f,mergeProps as p,openBlock as m,renderSlot as h,toDisplayString as g,unref as _,useAttrs as v,withCtx as y}from"vue";var b=f({name:`SelectViewport`,inheritAttrs:!1,__name:`select-viewport`,props:{nonce:{}},setup(f){let b=f,x=v(),{onViewportElementChange:S}=r(`SelectViewport`),[C,w]=e(S),T=i(),E=t(()=>b.nonce),D=a(`viewport`),O=0;function k(e){let t=e.currentTarget,{positionerElement:n,shouldExpandOnScroll:r}=T??{};if(!n?.value||!r?.value){O=t.scrollTop;return}let i=Math.abs(O-t.scrollTop);if(i<=0)return;let a=window.innerHeight-o*2,s=Number.parseFloat(n.value.style.minHeight),c=Number.parseFloat(n.value.style.height),l=Math.max(s,c);if(l<a){let e=l+i,r=Math.min(a,e),o=e-r;n.value.style.height=`${r}px`,n.value.style.bottom===`0px`&&(t.scrollTop=o>0?o:0,n.value.style.justifyContent=`flex-end`)}O=t.scrollTop}return(e,t)=>(m(),c(s,null,[l(`div`,p(_(x),{ref:_(w),class:_(D),"data-soybean-select-viewport":``,role:`presentation`,style:`position:relative;flex:1;overflow:hidden auto;`,onScroll:k}),[h(e.$slots,`default`)],16),d(_(n),{as:`style`,nonce:_(E)},{default:y(()=>[u(g(`
 [data-soybean-select-viewport] {
   scrollbar-width: none;
   -ms-overflow-style: none;
@@ -6,4 +6,4 @@ import{useForwardElement as e}from"../../composables/use-forward-element.js";imp
 }
 [data-soybean-select-viewport]::-webkit-scrollbar {
   display: none;
-}`))]),_:1},8,[`nonce`])],64))}});export{x as default};
+}`))]),_:1},8,[`nonce`])],64))}});export{b as default};

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

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

@@ -1,4 +1,4 @@
-import { ClassValue, DefinedValue, Direction, SelectionEmits, SelectionProps } from "../../types/common.js";
+import { DefinedValue, Direction, SelectionEmits, SelectionProps, UiClass } from "../../types/common.js";
 import { PointerDownOutsideEvent } from "../../types/event.js";
 import { ForceMountProps, FormFieldCommonProps } from "../../types/component.js";
 import "../../types/index.js";
@@ -96,10 +96,7 @@ interface SelectSeparatorProps extends /** @vue-ignore */HTMLAttributes {}
 interface SelectScrollButtonImplProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
 interface SelectScrollDownButtonProps extends SelectScrollButtonImplProps {}
 interface SelectScrollUpButtonProps extends SelectScrollButtonImplProps {}
-type SelectThemeSlot = 'trigger' | 'triggerIcon' | 'value' | 'positioner' | 'popup' | 'viewport' | 'group' | 'groupLabel' | 'item' | 'itemText' | 'itemIndicator' | 'separator' | 'scrollUpButton' | 'scrollDownButton' | 'arrow';
-type SelectUi = Record<SelectThemeSlot, ClassValue>;
-interface SelectThemeContextParams {
-  ui: ComputedRef<SelectUi>;
-}
+type SelectUiSlot = 'trigger' | 'triggerIcon' | 'value' | 'positioner' | 'popup' | 'viewport' | 'group' | 'groupLabel' | 'item' | 'itemText' | 'itemIndicator' | 'separator' | 'scrollUpButton' | 'scrollDownButton' | 'arrow';
+type SelectUi = UiClass<SelectUiSlot>;
 //#endregion
-export { SelectContentEmits, SelectContentProps, SelectGroupLabelProps, SelectGroupProps, SelectItemEmits, SelectItemEvent, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectPopupProps, SelectPosition, SelectRootEmits, SelectRootProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectThemeContextParams, SelectThemeSlot, SelectTriggerIconProps, SelectTriggerProps, SelectUi, SelectValueProps, SelectViewportProps };
+export { SelectContentEmits, SelectContentProps, SelectGroupLabelProps, SelectGroupProps, SelectItemEmits, SelectItemEvent, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectPopupProps, SelectPosition, SelectRootEmits, SelectRootProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectTriggerIconProps, SelectTriggerProps, SelectUi, SelectUiSlot, SelectValueProps, SelectViewportProps };

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

@@ -1,6 +1,9 @@
-import { SeparatorThemeContextParams } from "./types.js";
+import { ClassValue, UiClass } from "../../types/common.js";
+import { SeparatorUiSlot } from "./types.js";
+import "../../index.js";
+import * as vue1444 from "vue";
 
 //#region src/components/separator/context.d.ts
-declare const provideSeparatorThemeContext: (params: SeparatorThemeContextParams) => SeparatorThemeContextParams, useSeparatorThemeContext: <N extends string | null | undefined = undefined>(consumerName?: N | undefined, defaultValue?: SeparatorThemeContextParams | undefined) => N extends null | undefined ? SeparatorThemeContextParams | null : SeparatorThemeContextParams;
+declare const provideSeparatorUi: (ui: vue1444.ComputedRef<Partial<UiClass<SeparatorUiSlot>>>) => vue1444.ComputedRef<Partial<UiClass<SeparatorUiSlot>>>, useSeparatorUi: <S extends SeparatorUiSlot | undefined = undefined>(slot?: S | undefined) => S extends SeparatorUiSlot ? vue1444.ComputedRef<ClassValue> : vue1444.ComputedRef<Partial<UiClass<SeparatorUiSlot>>>;
 //#endregion
-export { provideSeparatorThemeContext };
+export { provideSeparatorUi };

package/dist/components/separator/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";const[t,n]=e(`SeparatorTheme`,e=>e);export{t as provideSeparatorThemeContext,n as useSeparatorThemeContext};
+import{useUiContext as e}from"../../composables/use-ui-context.js";const[t,n]=e(`SeparatorUi`);export{t as provideSeparatorUi,n as useSeparatorUi};

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

@@ -1,5 +1,5 @@
-import { SeparatorLabelProps, SeparatorRootProps, SeparatorThemeSlot, SeparatorUi } from "./types.js";
+import { SeparatorLabelProps, SeparatorRootProps, SeparatorUi, SeparatorUiSlot } from "./types.js";
 import { _default as _default$1 } from "./separator-root.vue.js";
 import { _default } from "./separator-label.vue.js";
-import { provideSeparatorThemeContext } from "./context.js";
-export { _default as SeparatorLabel, type SeparatorLabelProps, _default$1 as SeparatorRoot, type SeparatorRootProps, type SeparatorThemeSlot, type SeparatorUi, provideSeparatorThemeContext };
+import { provideSeparatorUi } from "./context.js";
+export { _default as SeparatorLabel, type SeparatorLabelProps, _default$1 as SeparatorRoot, type SeparatorRootProps, type SeparatorUi, type SeparatorUiSlot, provideSeparatorUi };

package/dist/components/separator/index.js

@@ -1 +1 @@
-import{provideSeparatorThemeContext as e}from"./context.js";import t from"./separator-root.js";import n from"./separator-label.js";export{n as SeparatorLabel,t as SeparatorRoot,e as provideSeparatorThemeContext};
+import{provideSeparatorUi as e}from"./context.js";import t from"./separator-root.js";import n from"./separator-label.js";export{n as SeparatorLabel,t as SeparatorRoot,e as provideSeparatorUi};

package/dist/components/separator/separator-label.js

@@ -1 +1 @@
-import{useSeparatorThemeContext as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o}from"vue";var s=r({name:`SeparatorLabel`,__name:`separator-label`,setup(r){let s=e(),c=t(()=>s?.ui?.value?.label);return(e,t)=>(a(),n(`span`,{class:i(c.value)},[o(e.$slots,`default`)],2))}});export{s as default};
+import{useSeparatorUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";var s=n({name:`SeparatorLabel`,__name:`separator-label`,setup(n){let s=e(`label`);return(e,n)=>(i(),t(`span`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

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

@@ -1 +1 @@
-import{useSeparatorThemeContext as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o}from"vue";const s=[`data-orientation`,`aria-orientation`,`role`];var c=r({name:`SeparatorRoot`,__name:`separator-root`,props:{orientation:{default:`horizontal`},decorative:{type:Boolean,default:!1}},setup(r){let c=r,l=e(),u=t(()=>l?.ui?.value?.root),d=[`horizontal`,`vertical`],f=t(()=>d.includes(c.orientation)?c.orientation:`horizontal`),p=t(()=>f.value===`vertical`?c.orientation:void 0);return(e,t)=>(a(),n(`div`,{class:i(u.value),"data-orientation":f.value,"aria-orientation":p.value,role:r.decorative?`none`:`separator`},[o(e.$slots,`default`)],10,s))}});export{c as default};
+import{useSeparatorUi as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`data-orientation`,`aria-orientation`,`role`];var l=r({name:`SeparatorRoot`,__name:`separator-root`,props:{orientation:{default:`horizontal`},decorative:{type:Boolean,default:!1}},setup(r){let l=r,u=e(`root`),d=[`horizontal`,`vertical`],f=t(()=>d.includes(l.orientation)?l.orientation:`horizontal`),p=t(()=>f.value===`vertical`?l.orientation:void 0);return(e,t)=>(a(),n(`div`,{class:i(s(u)),"data-orientation":f.value,"aria-orientation":p.value,role:r.decorative?`none`:`separator`},[o(e.$slots,`default`)],10,c))}});export{l as default};

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

@@ -1,17 +1,17 @@
 import { DataOrientation } from "../../types/common.js";
 import "../../types/index.js";
 import { SeparatorRootProps } from "./types.js";
-import * as vue563 from "vue";
+import * as vue1434 from "vue";
 
 //#region src/components/separator/separator-root.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue563.DefineComponent<SeparatorRootProps, {}, {}, {}, {}, vue563.ComponentOptionsMixin, vue563.ComponentOptionsMixin, {}, string, vue563.PublicProps, Readonly<SeparatorRootProps> & Readonly<{}>, {
+declare const __VLS_base: vue1434.DefineComponent<SeparatorRootProps, {}, {}, {}, {}, vue1434.ComponentOptionsMixin, vue1434.ComponentOptionsMixin, {}, string, vue1434.PublicProps, Readonly<SeparatorRootProps> & Readonly<{}>, {
   orientation: DataOrientation;
   decorative: boolean;
-}, {}, {}, {}, string, vue563.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue1434.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/separator/types.d.ts

@@ -1,6 +1,6 @@
-import { ClassValue, DataOrientation } from "../../types/common.js";
+import { DataOrientation, UiClass } from "../../types/common.js";
 import "../../types/index.js";
-import { ComputedRef, HTMLAttributes } from "vue";
+import { HTMLAttributes } from "vue";
 
 //#region src/components/separator/types.d.ts
 interface SeparatorLabelProps extends /** @vue-ignore */HTMLAttributes {}
@@ -17,10 +17,7 @@ interface SeparatorRootProps extends /** @vue-ignore */HTMLAttributes {
    */
   decorative?: boolean;
 }
-type SeparatorThemeSlot = 'root' | 'label';
-type SeparatorUi = Partial<Record<SeparatorThemeSlot, ClassValue>>;
-interface SeparatorThemeContextParams {
-  ui: ComputedRef<SeparatorUi>;
-}
+type SeparatorUiSlot = 'root' | 'label';
+type SeparatorUi = UiClass<SeparatorUiSlot>;
 //#endregion
-export { SeparatorLabelProps, SeparatorRootProps, SeparatorThemeContextParams, SeparatorThemeSlot, SeparatorUi };
+export { SeparatorLabelProps, SeparatorRootProps, SeparatorUi, SeparatorUiSlot };

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

@@ -1,9 +1,11 @@
+import { ClassValue, UiClass } from "../../types/common.js";
 import "../../types/index.js";
-import { SwitchThemeContextParams } from "./types.js";
-import "vue";
+import { SwitchUiSlot } from "./types.js";
+import "../../index.js";
+import * as vue469 from "vue";
 
 //#region src/components/switch/context.d.ts
 
-declare const provideSwitchThemeContext: (params: SwitchThemeContextParams) => SwitchThemeContextParams, useSwitchThemeContext: <N extends string | null | undefined = undefined>(consumerName?: N | undefined, defaultValue?: SwitchThemeContextParams | undefined) => N extends null | undefined ? SwitchThemeContextParams | null : SwitchThemeContextParams;
+declare const provideSwitchUi: (ui: vue469.ComputedRef<Partial<UiClass<SwitchUiSlot>>>) => vue469.ComputedRef<Partial<UiClass<SwitchUiSlot>>>, useSwitchUi: <S extends SwitchUiSlot | undefined = undefined>(slot?: S | undefined) => S extends SwitchUiSlot ? vue469.ComputedRef<ClassValue> : vue469.ComputedRef<Partial<UiClass<SwitchUiSlot>>>;
 //#endregion
-export { provideSwitchThemeContext };
+export { provideSwitchUi };

package/dist/components/switch/context.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{useContext as t}from"../../composables/use-context.js";import{computed as n}from"vue";const[r,i]=t(`SwitchRoot`,t=>{let{modelValue:r,disabled:i,trueValue:a,falseValue:o}=t;function s(){i.value||(e(r.value)?r.value=a.value:r.value=r.value===a.value?o.value:a.value)}let c=n(()=>r?.value===a.value?`checked`:`unchecked`),l=n(()=>i.value?``:void 0);return{...t,toggleCheck:s,dataState:c,dataDisabled:l}}),[a,o]=t(`SwitchTheme`,e=>e);export{r as provideSwitchRootContext,a as provideSwitchThemeContext,i as useSwitchRootContext,o as useSwitchThemeContext};
+import{isNullish as e}from"../../shared/guard.js";import{useContext as t}from"../../composables/use-context.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import{computed as r}from"vue";const[i,a]=t(`SwitchRoot`,t=>{let{modelValue:n,disabled:i,trueValue:a,falseValue:o}=t;function s(){i.value||(e(n.value)?n.value=a.value:n.value=n.value===a.value?o.value:a.value)}let c=r(()=>n?.value===a.value?`checked`:`unchecked`),l=r(()=>i.value?``:void 0);return{...t,toggleCheck:s,dataState:c,dataDisabled:l}}),[o,s]=n(`SwitchUi`);export{i as provideSwitchRootContext,o as provideSwitchUi,a as useSwitchRootContext,s as useSwitchUi};

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

@@ -1,6 +1,6 @@
-import { SwitchControlProps, SwitchRootEmits, SwitchRootProps, SwitchThemeSlot, SwitchThumbProps, SwitchUi } from "./types.js";
+import { SwitchControlProps, SwitchRootEmits, SwitchRootProps, SwitchThumbProps, SwitchUi, SwitchUiSlot } from "./types.js";
 import { _default as _default$1 } from "./switch-root.vue.js";
 import { _default } from "./switch-control.vue.js";
 import { _default as _default$2 } from "./switch-thumb.vue.js";
-import { provideSwitchThemeContext } from "./context.js";
-export { _default as SwitchControl, type SwitchControlProps, _default$1 as SwitchRoot, type SwitchRootEmits, type SwitchRootProps, type SwitchThemeSlot, _default$2 as SwitchThumb, type SwitchThumbProps, type SwitchUi, provideSwitchThemeContext };
+import { provideSwitchUi } from "./context.js";
+export { _default as SwitchControl, type SwitchControlProps, _default$1 as SwitchRoot, type SwitchRootEmits, type SwitchRootProps, _default$2 as SwitchThumb, type SwitchThumbProps, type SwitchUi, type SwitchUiSlot, provideSwitchUi };

package/dist/components/switch/index.js

@@ -1 +1 @@
-import{provideSwitchThemeContext as e}from"./context.js";import t from"./switch-root.js";import n from"./switch-control.js";import r from"./switch-thumb.js";export{n as SwitchControl,t as SwitchRoot,r as SwitchThumb,e as provideSwitchThemeContext};
+import{provideSwitchUi as e}from"./context.js";import t from"./switch-root.js";import n from"./switch-control.js";import r from"./switch-thumb.js";export{n as SwitchControl,t as SwitchRoot,r as SwitchThumb,e as provideSwitchUi};

package/dist/components/switch/switch-control.js

@@ -1 +1 @@
-import{getAriaLabel as e}from"../../shared/dom.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{useSwitchRootContext as n,useSwitchThemeContext as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,useAttrs as d,withKeys as f,withModifiers as p}from"vue";const m=[`id`,`aria-checked`,`aria-label`,`aria-required`,`data-disabled`,`data-state`];var h=o({name:`SwitchControl`,__name:`switch-control`,props:{id:{}},setup(o){let h=o,g=d(),{modelValue:_,dataDisabled:v,dataState:y,toggleCheck:b,required:x}=n(`SwitchControl`),[S,C]=t(),w=r(),T=i(()=>w?.ui?.value?.control),E=i(()=>e(S.value,h.id,g[`aria-label`]));return(e,t)=>(c(),a(`button`,{id:o.id,ref:u(C),class:s(T.value),"aria-checked":u(y)===`checked`,"aria-label":E.value,"aria-required":u(x),"data-disabled":u(v),"data-state":u(y),role:`switch`,onClick:t[0]||=(...e)=>u(b)&&u(b)(...e),onKeydown:t[1]||=f(p((...e)=>u(b)&&u(b)(...e),[`prevent`]),[`enter`])},[l(e.$slots,`default`,{modelValue:u(_)})],42,m))}});export{h as default};
+import{getAriaLabel as e}from"../../shared/dom.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{useSwitchRootContext as n,useSwitchUi as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,useAttrs as d,withKeys as f,withModifiers as p}from"vue";const m=[`id`,`aria-checked`,`aria-label`,`aria-required`,`data-disabled`,`data-state`];var h=o({name:`SwitchControl`,__name:`switch-control`,props:{id:{}},setup(o){let h=o,g=d(),{modelValue:_,dataDisabled:v,dataState:y,toggleCheck:b,required:x}=n(`SwitchControl`),[S,C]=t(),w=r(`control`),T=i(()=>e(S.value,h.id,g[`aria-label`]));return(e,t)=>(c(),a(`button`,{id:o.id,ref:u(C),class:s(u(w)),"aria-checked":u(y)===`checked`,"aria-label":T.value,"aria-required":u(x),"data-disabled":u(v),"data-state":u(y),role:`switch`,onClick:t[0]||=(...e)=>u(b)&&u(b)(...e),onKeydown:t[1]||=f(p((...e)=>u(b)&&u(b)(...e),[`prevent`]),[`enter`])},[l(e.$slots,`default`,{modelValue:u(_)})],42,m))}});export{h as default};

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

@@ -1,7 +1,7 @@
 import { AcceptableBooleanValue } from "../../types/common.js";
 import { SwitchControlProps } from "./types.js";
 import "../../index.js";
-import * as vue342 from "vue";
+import * as vue458 from "vue";
 
 //#region src/components/switch/switch-control.vue.d.ts
 declare var __VLS_1: {
@@ -10,7 +10,7 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue342.DefineComponent<SwitchControlProps, {}, {}, {}, {}, vue342.ComponentOptionsMixin, vue342.ComponentOptionsMixin, {}, string, vue342.PublicProps, Readonly<SwitchControlProps> & Readonly<{}>, {}, {}, {}, {}, string, vue342.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue458.DefineComponent<SwitchControlProps, {}, {}, {}, {}, vue458.ComponentOptionsMixin, vue458.ComponentOptionsMixin, {}, string, vue458.PublicProps, Readonly<SwitchControlProps> & Readonly<{}>, {}, {}, {}, {}, string, vue458.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/switch/switch-root.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{isFormControl as t,transformPropsToContext as n}from"../../shared/vue.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import{useForwardElement as i}from"../../composables/use-forward-element.js";import a from"../visually-hidden/visually-hidden-input.js";import{provideSwitchRootContext as o,useSwitchThemeContext as s}from"./context.js";import{computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,defineComponent as f,normalizeClass as p,openBlock as m,renderSlot as h,unref as g}from"vue";const _=[`data-state`];var v=f({name:`SwitchRoot`,__name:`switch-root`,props:{defaultValue:{},modelValue:{default:void 0},disabled:{type:Boolean},value:{default:`on`},name:{},required:{type:Boolean},trueValue:{default:!0},falseValue:{default:!1}},emits:[`update:modelValue`],setup(f,{emit:v}){let y=f,b=v,[x,S]=i(),C=s(),w=c(()=>C?.ui?.value?.root),T=r(()=>y.modelValue,e=>{b(`update:modelValue`,e)},y.defaultValue),E=c(()=>t(x.value));function D(){if(e(y.trueValue)||e(y.falseValue))throw Error(`trueValue and falseValue cannot be nullish`)}D();let{dataState:O}=o({...n(y,[`modelValue`,`disabled`,`required`,`trueValue`,`falseValue`]),modelValue:T});return(e,t)=>(m(),d(`div`,{ref:g(S),class:p(w.value),"data-state":g(O)},[h(e.$slots,`default`,{modelValue:g(T)}),E.value&&f.name?(m(),l(g(a),{key:0,type:`checkbox`,name:f.name,disabled:f.disabled,required:f.required,value:f.value,checked:!!g(T)},null,8,[`name`,`disabled`,`required`,`value`,`checked`])):u(`v-if`,!0)],10,_))}});export{v as default};
+import{isNullish as e}from"../../shared/guard.js";import{isFormControl as t,transformPropsToContext as n}from"../../shared/vue.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import{useForwardElement as i}from"../../composables/use-forward-element.js";import a from"../visually-hidden/visually-hidden-input.js";import{provideSwitchRootContext as o,useSwitchUi as s}from"./context.js";import{computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,defineComponent as f,normalizeClass as p,openBlock as m,renderSlot as h,unref as g}from"vue";const _=[`data-state`];var v=f({name:`SwitchRoot`,__name:`switch-root`,props:{defaultValue:{},modelValue:{default:void 0},disabled:{type:Boolean},value:{default:`on`},name:{},required:{type:Boolean},trueValue:{default:!0},falseValue:{default:!1}},emits:[`update:modelValue`],setup(f,{emit:v}){let y=f,b=v,[x,S]=i(),C=s(`root`),w=r(()=>y.modelValue,e=>{b(`update:modelValue`,e)},y.defaultValue),T=c(()=>t(x.value));function E(){if(e(y.trueValue)||e(y.falseValue))throw Error(`trueValue and falseValue cannot be nullish`)}E();let{dataState:D}=o({...n(y,[`modelValue`,`disabled`,`required`,`trueValue`,`falseValue`]),modelValue:w});return(e,t)=>(m(),d(`div`,{ref:g(S),class:p(g(C)),"data-state":g(D)},[h(e.$slots,`default`,{modelValue:g(w)}),T.value&&f.name?(m(),l(g(a),{key:0,type:`checkbox`,name:f.name,disabled:f.disabled,required:f.required,value:f.value,checked:!!g(w)},null,8,[`name`,`disabled`,`required`,`value`,`checked`])):u(`v-if`,!0)],10,_))}});export{v as default};

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

@@ -1,11 +1,11 @@
 import { AcceptableBooleanValue } from "../../types/common.js";
 import "../../types/index.js";
 import { SwitchRootProps } from "./types.js";
-import * as vue340 from "vue";
+import * as vue456 from "vue";
 
 //#region src/components/switch/switch-root.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: vue340.PublicProps & __VLS_PrettifyLocal<SwitchRootProps<T> & {
+  props: vue456.PublicProps & __VLS_PrettifyLocal<SwitchRootProps<T> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -18,7 +18,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
     }) => any;
   };
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue340.VNode & {
+}>) => vue456.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/switch/switch-thumb.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import{useSwitchRootContext as t,useSwitchThemeContext as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";var d=a({name:`SwitchThumb`,__name:`switch-thumb`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(a){let{dataState:d,dataDisabled:f}=t(`SwitchThumb`),p=n(),m=r(()=>p?.ui?.value?.thumb);return(t,n)=>(s(),i(l(e),{as:a.as,"as-child":a.asChild,class:o(m.value),"data-disabled":l(f),"data-state":l(d)},{default:u(()=>[c(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-state`]))}});export{d as default};
+import{Primitive as e}from"../primitive/primitive.js";import{useSwitchRootContext as t,useSwitchUi as n}from"./context.js";import{createBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";var u=i({name:`SwitchThumb`,__name:`switch-thumb`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(i){let{dataState:u,dataDisabled:d}=t(`SwitchThumb`),f=n(`thumb`);return(t,n)=>(o(),r(c(e),{as:i.as,"as-child":i.asChild,class:a(c(f)),"data-disabled":c(d),"data-state":c(u)},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-state`]))}});export{u as default};

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

@@ -1,16 +1,16 @@
 import { AsTag } from "../primitive/types.js";
 import "../primitive/index.js";
 import { SwitchThumbProps } from "./types.js";
-import * as vue347 from "vue";
+import * as vue463 from "vue";
 
 //#region src/components/switch/switch-thumb.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue347.DefineComponent<SwitchThumbProps, {}, {}, {}, {}, vue347.ComponentOptionsMixin, vue347.ComponentOptionsMixin, {}, string, vue347.PublicProps, Readonly<SwitchThumbProps> & Readonly<{}>, {
-  as: AsTag | vue347.Component;
-}, {}, {}, {}, string, vue347.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue463.DefineComponent<SwitchThumbProps, {}, {}, {}, {}, vue463.ComponentOptionsMixin, vue463.ComponentOptionsMixin, {}, string, vue463.PublicProps, Readonly<SwitchThumbProps> & Readonly<{}>, {
+  as: AsTag | vue463.Component;
+}, {}, {}, {}, string, vue463.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/switch/types.d.ts

@@ -1,8 +1,8 @@
-import { AcceptableBooleanValue, ClassValue } from "../../types/common.js";
+import { AcceptableBooleanValue, UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
 import "../../types/index.js";
 import { PrimitiveProps } from "../primitive/types.js";
-import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, HtmlHTMLAttributes, ShallowRef } from "vue";
+import { ButtonHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/switch/types.d.ts
 interface SwitchValueConfig<T extends AcceptableBooleanValue = boolean> {
@@ -38,10 +38,7 @@ interface SwitchControlProps extends /** @vue-ignore */ButtonHTMLAttributes {
   id?: string;
 }
 interface SwitchThumbProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
-type SwitchThemeSlot = 'root' | 'control' | 'thumb';
-type SwitchUi = Record<SwitchThemeSlot, ClassValue>;
-interface SwitchThemeContextParams {
-  ui: ComputedRef<SwitchUi>;
-}
+type SwitchUiSlot = 'root' | 'control' | 'thumb';
+type SwitchUi = UiClass<SwitchUiSlot>;
 //#endregion
-export { SwitchControlProps, SwitchRootEmits, SwitchRootProps, SwitchThemeContextParams, SwitchThemeSlot, SwitchThumbProps, SwitchUi };
+export { SwitchControlProps, SwitchRootEmits, SwitchRootProps, SwitchThumbProps, SwitchUi, SwitchUiSlot };

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

@@ -1,10 +1,12 @@
+import { ClassValue, UiClass } from "../../types/common.js";
 import "../../types/index.js";
-import { TabsThemeContextParams } from "./types.js";
+import { TabsUiSlot } from "./types.js";
 import "../../index.js";
+import * as vue800 from "vue";
 import { MaybeRefOrGetter } from "vue";
 
 //#region src/components/tabs/context.d.ts
 
-declare const provideTabsThemeContext: (params: TabsThemeContextParams) => TabsThemeContextParams, useTabsThemeContext: <N extends string | null | undefined = undefined>(consumerName?: N | undefined, defaultValue?: TabsThemeContextParams | undefined) => N extends null | undefined ? TabsThemeContextParams | null : TabsThemeContextParams;
+declare const provideTabsUi: (ui: vue800.ComputedRef<Partial<UiClass<TabsUiSlot>>>) => vue800.ComputedRef<Partial<UiClass<TabsUiSlot>>>, useTabsUi: <S extends TabsUiSlot | undefined = undefined>(slot?: S | undefined) => S extends TabsUiSlot ? vue800.ComputedRef<ClassValue> : vue800.ComputedRef<Partial<UiClass<TabsUiSlot>>>;
 //#endregion
-export { provideTabsThemeContext };
+export { provideTabsUi };

package/dist/components/tabs/context.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{useContext as t}from"../../composables/use-context.js";import{useDirection as n}from"../../composables/use-direction.js";import{computed as r,shallowRef as i,toValue as a}from"vue";const[o,s]=t(`TabsRoot`,t=>{let o=n(t.dir),s=i(),c=e=>{s.value=e},l=n=>{e(n)||(t.modelValue.value=n)},u=e=>{let t=a(e);return{contentId:r(()=>`soybean-tabs-content-${t}`),triggerId:r(()=>`soybean-tabs-trigger-${t}`)}};return{...t,dir:o,changeModelValue:l,listElement:s,onListElementChange:c,getId:u}}),[c,l]=t(`TabsTheme`,e=>e);export{o as provideTabsRootContext,c as provideTabsThemeContext,s as useTabsRootContext,l as useTabsThemeContext};
+import{isNullish as e}from"../../shared/guard.js";import{useContext as t}from"../../composables/use-context.js";import{useDirection as n}from"../../composables/use-direction.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import{computed as i,shallowRef as a,toValue as o}from"vue";const[s,c]=t(`TabsRoot`,t=>{let r=n(t.dir),s=a(),c=e=>{s.value=e},l=n=>{e(n)||(t.modelValue.value=n)},u=e=>{let t=o(e);return{contentId:i(()=>`soybean-tabs-content-${t}`),triggerId:i(()=>`soybean-tabs-trigger-${t}`)}};return{...t,dir:r,changeModelValue:l,listElement:s,onListElementChange:c,getId:u}}),[l,u]=r(`TabsUi`);export{s as provideTabsRootContext,l as provideTabsUi,c as useTabsRootContext,u as useTabsUi};

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

@@ -1,8 +1,8 @@
-import { TabsContentProps, TabsIndicatorProps, TabsListProps, TabsRootEmits, TabsRootProps, TabsThemeSlot, TabsTriggerProps, TabsUi } from "./types.js";
+import { TabsContentProps, TabsIndicatorProps, TabsListProps, TabsRootEmits, TabsRootProps, TabsTriggerProps, TabsUi, TabsUiSlot } from "./types.js";
 import { _default as _default$3 } from "./tabs-root.vue.js";
 import { _default } from "./tabs-content.vue.js";
 import { _default as _default$1 } from "./tabs-indicator.vue.js";
 import { _default as _default$2 } from "./tabs-list.vue.js";
 import { _default as _default$4 } from "./tabs-trigger.vue.js";
-import { provideTabsThemeContext } from "./context.js";
-export { _default as TabsContent, type TabsContentProps, _default$1 as TabsIndicator, type TabsIndicatorProps, _default$2 as TabsList, type TabsListProps, _default$3 as TabsRoot, type TabsRootEmits, type TabsRootProps, type TabsThemeSlot, _default$4 as TabsTrigger, type TabsTriggerProps, type TabsUi, provideTabsThemeContext };
+import { provideTabsUi } from "./context.js";
+export { _default as TabsContent, type TabsContentProps, _default$1 as TabsIndicator, type TabsIndicatorProps, _default$2 as TabsList, type TabsListProps, _default$3 as TabsRoot, type TabsRootEmits, type TabsRootProps, _default$4 as TabsTrigger, type TabsTriggerProps, type TabsUi, type TabsUiSlot, provideTabsUi };

package/dist/components/tabs/index.js

@@ -1 +1 @@
-import{provideTabsThemeContext as e}from"./context.js";import t from"./tabs-root.js";import n from"./tabs-content.js";import r from"./tabs-indicator.js";import i from"./tabs-list.js";import a from"./tabs-trigger.js";export{n as TabsContent,r as TabsIndicator,i as TabsList,t as TabsRoot,a as TabsTrigger,e as provideTabsThemeContext};
+import{provideTabsUi as e}from"./context.js";import t from"./tabs-root.js";import n from"./tabs-content.js";import r from"./tabs-indicator.js";import i from"./tabs-list.js";import a from"./tabs-trigger.js";export{n as TabsContent,r as TabsIndicator,i as TabsList,t as TabsRoot,a as TabsTrigger,e as provideTabsUi};

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{usePresence as t}from"../../composables/use-presence.js";import{useTabsRootContext as n,useTabsThemeContext as r}from"./context.js";import{computed as i,createCommentVNode as a,createElementBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,onMounted as u,openBlock as d,renderSlot as f,shallowRef as p,unref as m}from"vue";const h=[`id`,`aria-labelledby`,`data-state`,`hidden`];var g=s({name:`TabsContent`,__name:`tabs-content`,props:{value:{},forceMount:{type:Boolean}},setup(s){let g=s,{modelValue:_,unmountOnHide:v,getId:y}=n(`TabsContent`),[b,x]=e(),S=r(),C=i(()=>S?.ui?.value?.content),{contentId:w,triggerId:T}=y(g.value),E=i(()=>g.value===_.value),D=i(()=>E.value?`active`:`inactive`),O=g.forceMount?p(!0):t(b,E),k=p(E.value),A=i(()=>({animationDuration:k.value?`0s`:void 0}));return u(()=>{requestAnimationFrame(()=>{k.value=!1})}),(e,t)=>(d(),o(`div`,{id:m(w),ref:m(x),class:c(C.value),"aria-labelledby":m(T),"data-state":D.value,hidden:!m(O),role:`tabpanel`,tabindex:`0`,style:l(A.value)},[!m(v)||m(O)?f(e.$slots,`default`,{key:0,active:E.value}):a(`v-if`,!0)],14,h))}});export{g as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{usePresence as t}from"../../composables/use-presence.js";import{useTabsRootContext as n,useTabsUi as r}from"./context.js";import{computed as i,createCommentVNode as a,createElementBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,onMounted as u,openBlock as d,renderSlot as f,shallowRef as p,unref as m}from"vue";const h=[`id`,`aria-labelledby`,`data-state`,`hidden`];var g=s({name:`TabsContent`,__name:`tabs-content`,props:{value:{},forceMount:{type:Boolean}},setup(s){let g=s,{modelValue:_,unmountOnHide:v,getId:y}=n(`TabsContent`),[b,x]=e(),S=r(`content`),{contentId:C,triggerId:w}=y(g.value),T=i(()=>g.value===_.value),E=i(()=>T.value?`active`:`inactive`),D=g.forceMount?p(!0):t(b,T),O=p(T.value),k=i(()=>({animationDuration:O.value?`0s`:void 0}));return u(()=>{requestAnimationFrame(()=>{O.value=!1})}),(e,t)=>(d(),o(`div`,{id:m(C),ref:m(x),class:c(m(S)),"aria-labelledby":m(w),"data-state":E.value,hidden:!m(D),role:`tabpanel`,tabindex:`0`,style:l(k.value)},[!m(v)||m(D)?f(e.$slots,`default`,{key:0,active:T.value}):a(`v-if`,!0)],14,h))}});export{g as default};

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

@@ -1,5 +1,5 @@
 import { TabsContentProps } from "./types.js";
-import * as vue283 from "vue";
+import * as vue774 from "vue";
 
 //#region src/components/tabs/tabs-content.vue.d.ts
 declare var __VLS_1: {
@@ -8,7 +8,7 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue283.DefineComponent<TabsContentProps, {}, {}, {}, {}, vue283.ComponentOptionsMixin, vue283.ComponentOptionsMixin, {}, string, vue283.PublicProps, Readonly<TabsContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue283.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue774.DefineComponent<TabsContentProps, {}, {}, {}, {}, vue774.ComponentOptionsMixin, vue774.ComponentOptionsMixin, {}, string, vue774.PublicProps, Readonly<TabsContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue774.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/tabs/tabs-indicator.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import{useTabsRootContext as t,useTabsThemeContext as n}from"./context.js";import{tabsCssVars as r}from"./shared.js";import{computed as i,createBlock as a,createCommentVNode as o,defineComponent as s,nextTick as c,normalizeClass as l,normalizeStyle as u,openBlock as d,ref as f,renderSlot as p,unref as m,watch as h,withCtx as g}from"vue";import{useResizeObserver as _}from"@vueuse/core";var v=s({name:`TabsIndicator`,__name:`tabs-indicator`,props:{asChild:{type:Boolean},as:{}},setup(s){let{listElement:v,modelValue:y,dir:b,orientation:x}=t(`TabsIndicator`),S=n(),C=i(()=>S?.ui?.value?.indicator),w=f(),T=f({size:null,position:null}),E=i(()=>({[r.indicatorSize]:`${T.value.size}px`,[r.indicatorPosition]:`${T.value.position}px`}));function D(){w.value=v.value?.querySelector(`[role="tab"][data-state="active"]`),w.value&&(x.value===`horizontal`?T.value={size:w.value.offsetWidth,position:w.value.offsetLeft}:T.value={size:w.value.offsetHeight,position:w.value.offsetTop})}return _([v,w],D),h(()=>[y.value,b.value],async()=>{await c(),D()},{immediate:!0}),(t,n)=>typeof T.value.size==`number`?(d(),a(m(e),{key:0,as:s.as,"as-child":s.asChild,class:l(C.value),style:u(E.value)},{default:g(()=>[p(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`style`])):o(`v-if`,!0)}});export{v as default};
+import{Primitive as e}from"../primitive/primitive.js";import{useTabsRootContext as t,useTabsUi as n}from"./context.js";import{tabsCssVars as r}from"./shared.js";import{computed as i,createBlock as a,createCommentVNode as o,defineComponent as s,nextTick as c,normalizeClass as l,normalizeStyle as u,openBlock as d,ref as f,renderSlot as p,unref as m,watch as h,withCtx as g}from"vue";import{useResizeObserver as _}from"@vueuse/core";var v=s({name:`TabsIndicator`,__name:`tabs-indicator`,props:{asChild:{type:Boolean},as:{}},setup(s){let{listElement:v,modelValue:y,dir:b,orientation:x}=t(`TabsIndicator`),S=n(`indicator`),C=f(),w=f({size:null,position:null}),T=i(()=>({[r.indicatorSize]:`${w.value.size}px`,[r.indicatorPosition]:`${w.value.position}px`}));function E(){C.value=v.value?.querySelector(`[role="tab"][data-state="active"]`),C.value&&(x.value===`horizontal`?w.value={size:C.value.offsetWidth,position:C.value.offsetLeft}:w.value={size:C.value.offsetHeight,position:C.value.offsetTop})}return _([v,C],E),h(()=>[y.value,b.value],async()=>{await c(),E()},{immediate:!0}),(t,n)=>typeof w.value.size==`number`?(d(),a(m(e),{key:0,as:s.as,"as-child":s.asChild,class:l(m(S)),style:u(T.value)},{default:g(()=>[p(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`style`])):o(`v-if`,!0)}});export{v as default};

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

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import t from"../roving-focus/roving-focus-group.js";import{useTabsRootContext as n,useTabsThemeContext as r}from"./context.js";import{computed as i,createBlock as a,createElementVNode as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=[`aria-orientation`];var m=s({name:`TabsList`,__name:`tabs-list`,setup(s){let{orientation:m,dir:h,loop:g,onListElementChange:_}=n(`TabsList`),[v,y]=e(_),b=r(),x=i(()=>b?.ui?.value?.list);return(e,n)=>(l(),a(d(t),{"as-child":``,dir:d(h),orientation:d(m),loop:d(g)},{default:f(()=>[o(`div`,{ref:d(y),class:c(x.value),role:`tablist`,"aria-orientation":d(m)},[u(e.$slots,`default`)],10,p)]),_:3},8,[`dir`,`orientation`,`loop`]))}});export{m as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import t from"../roving-focus/roving-focus-group.js";import{useTabsRootContext as n,useTabsUi as r}from"./context.js";import{createBlock as i,createElementVNode as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=[`aria-orientation`];var p=o({name:`TabsList`,__name:`tabs-list`,setup(o){let{orientation:p,dir:m,loop:h,onListElementChange:g}=n(`TabsList`),[_,v]=e(g),y=r(`list`);return(e,n)=>(c(),i(u(t),{"as-child":``,dir:u(m),orientation:u(p),loop:u(h)},{default:d(()=>[a(`div`,{ref:u(v),class:s(u(y)),role:`tablist`,"aria-orientation":u(p)},[l(e.$slots,`default`)],10,f)]),_:3},8,[`dir`,`orientation`,`loop`]))}});export{p as default};

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

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

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{transformPropsToContext as t}from"../../shared/vue.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{provideTabsRootContext as r,useTabsThemeContext as i}from"./context.js";import{computed as a,createElementBlock as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d}from"vue";const f=[`dir`,`data-orientation`];var p=s({name:`TabsRoot`,__name:`tabs-root`,props:{modelValue:{default:void 0},defaultValue:{},activationMode:{default:`automatic`},unmountOnHide:{type:Boolean,default:!0},orientation:{default:`horizontal`},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(s,{emit:p}){let m=s,h=p,g=n(()=>m.modelValue,t=>{e(t)||h(`update:modelValue`,t)},m.defaultValue),_=i(),v=a(()=>_?.ui?.value?.root),{dir:y}=r({...t(m,[`dir`,`loop`,`orientation`,`unmountOnHide`,`activationMode`]),modelValue:g});return(e,t)=>(l(),o(`div`,{class:c(v.value),dir:d(y),"data-orientation":s.orientation},[u(e.$slots,`default`,{modelValue:d(g)})],10,f))}});export{p as default};
+import{isNullish as e}from"../../shared/guard.js";import{transformPropsToContext as t}from"../../shared/vue.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{provideTabsRootContext as r,useTabsUi as i}from"./context.js";import{createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u}from"vue";const d=[`dir`,`data-orientation`];var f=o({name:`TabsRoot`,__name:`tabs-root`,props:{modelValue:{default:void 0},defaultValue:{},activationMode:{default:`automatic`},unmountOnHide:{type:Boolean,default:!0},orientation:{default:`horizontal`},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(o,{emit:f}){let p=o,m=f,h=n(()=>p.modelValue,t=>{e(t)||m(`update:modelValue`,t)},p.defaultValue),g=i(`root`),{dir:_}=r({...t(p,[`dir`,`loop`,`orientation`,`unmountOnHide`,`activationMode`]),modelValue:h});return(e,t)=>(c(),a(`div`,{class:s(u(g)),dir:u(_),"data-orientation":o.orientation},[l(e.$slots,`default`,{modelValue:u(h)})],10,d))}});export{f as default};

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

@@ -1,7 +1,7 @@
 import { AcceptableValue, DataOrientation, DefinedValue } from "../../types/common.js";
 import { TabsActivationMode, TabsRootProps } from "./types.js";
 import "../../index.js";
-import * as vue278 from "vue";
+import * as vue779 from "vue";
 
 //#region src/components/tabs/tabs-root.vue.d.ts
 type __VLS_Props = TabsRootProps;
@@ -11,17 +11,17 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue278.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue278.ComponentOptionsMixin, vue278.ComponentOptionsMixin, {
+declare const __VLS_base: vue779.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue779.ComponentOptionsMixin, vue779.ComponentOptionsMixin, {
   "update:modelValue": (payload: NonNullable<AcceptableValue>) => any;
-}, string, vue278.PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, vue779.PublicProps, Readonly<__VLS_Props> & Readonly<{
   "onUpdate:modelValue"?: ((payload: NonNullable<AcceptableValue>) => any) | undefined;
 }>, {
   modelValue: DefinedValue | null;
   orientation: DataOrientation;
-  unmountOnHide: boolean;
   loop: boolean;
+  unmountOnHide: boolean;
   activationMode: TabsActivationMode;
-}, {}, {}, {}, string, vue278.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue779.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/tabs/tabs-trigger.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import t from"../roving-focus/roving-focus-item.js";import{useTabsRootContext as n,useTabsThemeContext as r}from"./context.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,withCtx as f,withKeys as p,withModifiers as m}from"vue";var h=s({name:`TabsTrigger`,__name:`tabs-trigger`,props:{value:{},disabled:{type:Boolean,default:!1},asChild:{type:Boolean},as:{default:`button`}},setup(s){let h=s,{modelValue:g,orientation:_,changeModelValue:v,activationMode:y,getId:b}=n(`TabsTrigger`),x=r(),S=i(()=>x?.ui?.value?.trigger),{contentId:C,triggerId:w}=b(h.value),T=i(()=>h.value===g.value),E=i(()=>T.value?`active`:`inactive`),D=i(()=>h.as===`button`?`button`:void 0),O=e=>{!h.disabled&&e.ctrlKey===!1?v(h.value):e.preventDefault()},k=()=>{v(h.value)},A=()=>{T.value||h.disabled||y.value!==`manual`&&v(h.value)};return(n,r)=>(l(),a(d(t),{"as-child":``,focusable:!s.disabled,active:T.value},{default:f(()=>[o(d(e),{id:d(w),as:s.as,"as-child":s.asChild,class:c(S.value),"aria-controls":d(C),"aria-selected":T.value?`true`:`false`,"data-disabled":s.disabled?``:void 0,"data-orientation":d(_),"data-state":E.value,role:`tab`,type:D.value,onMousedown:m(O,[`left`]),onKeydown:p(k,[`enter`,`space`]),onFocus:A},{default:f(()=>[u(n.$slots,`default`,{active:T.value})]),_:3},8,[`id`,`as`,`as-child`,`class`,`aria-controls`,`aria-selected`,`data-disabled`,`data-orientation`,`data-state`,`type`])]),_:3},8,[`focusable`,`active`]))}});export{h as default};
+import{Primitive as e}from"../primitive/primitive.js";import t from"../roving-focus/roving-focus-item.js";import{useTabsRootContext as n,useTabsUi as r}from"./context.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,withCtx as f,withKeys as p,withModifiers as m}from"vue";var h=s({name:`TabsTrigger`,__name:`tabs-trigger`,props:{value:{},disabled:{type:Boolean,default:!1},asChild:{type:Boolean},as:{default:`button`}},setup(s){let h=s,{modelValue:g,orientation:_,changeModelValue:v,activationMode:y,getId:b}=n(`TabsTrigger`),x=r(`trigger`),{contentId:S,triggerId:C}=b(h.value),w=i(()=>h.value===g.value),T=i(()=>w.value?`active`:`inactive`),E=i(()=>h.as===`button`?`button`:void 0),D=e=>{!h.disabled&&e.ctrlKey===!1?v(h.value):e.preventDefault()},O=()=>{v(h.value)},k=()=>{w.value||h.disabled||y.value!==`manual`&&v(h.value)};return(n,r)=>(l(),a(d(t),{"as-child":``,focusable:!s.disabled,active:w.value},{default:f(()=>[o(d(e),{id:d(C),as:s.as,"as-child":s.asChild,class:c(d(x)),"aria-controls":d(S),"aria-selected":w.value?`true`:`false`,"data-disabled":s.disabled?``:void 0,"data-orientation":d(_),"data-state":T.value,role:`tab`,type:E.value,onMousedown:m(D,[`left`]),onKeydown:p(O,[`enter`,`space`]),onFocus:k},{default:f(()=>[u(n.$slots,`default`,{active:w.value})]),_:3},8,[`id`,`as`,`as-child`,`class`,`aria-controls`,`aria-selected`,`data-disabled`,`data-orientation`,`data-state`,`type`])]),_:3},8,[`focusable`,`active`]))}});export{h as default};

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

@@ -1,7 +1,7 @@
 import { AsTag } from "../primitive/types.js";
 import "../primitive/index.js";
 import { TabsTriggerProps } from "./types.js";
-import * as vue298 from "vue";
+import * as vue794 from "vue";
 
 //#region src/components/tabs/tabs-trigger.vue.d.ts
 declare var __VLS_18: {
@@ -10,10 +10,10 @@ declare var __VLS_18: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_18) => any;
 };
-declare const __VLS_base: vue298.DefineComponent<TabsTriggerProps, {}, {}, {}, {}, vue298.ComponentOptionsMixin, vue298.ComponentOptionsMixin, {}, string, vue298.PublicProps, Readonly<TabsTriggerProps> & Readonly<{}>, {
-  as: AsTag | vue298.Component;
+declare const __VLS_base: vue794.DefineComponent<TabsTriggerProps, {}, {}, {}, {}, vue794.ComponentOptionsMixin, vue794.ComponentOptionsMixin, {}, string, vue794.PublicProps, Readonly<TabsTriggerProps> & Readonly<{}>, {
+  as: AsTag | vue794.Component;
   disabled: boolean;
-}, {}, {}, {}, string, vue298.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue794.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/tabs/types.d.ts

@@ -1,9 +1,9 @@
-import { AcceptableValue, ClassValue, DefinedValue } from "../../types/common.js";
+import { AcceptableValue, DefinedValue, UiClass } from "../../types/common.js";
 import { ForceMountProps } from "../../types/component.js";
 import "../../types/index.js";
 import { PrimitiveProps } from "../primitive/types.js";
 import { RovingFocusGroupProps } from "../roving-focus/types.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/tabs/types.d.ts
 type TabsActivationMode = 'automatic' | 'manual';
@@ -44,10 +44,7 @@ interface TabsTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttribu
   disabled?: boolean;
 }
 interface TabsIndicatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
-type TabsThemeSlot = 'root' | 'list' | 'trigger' | 'content' | 'indicator';
-type TabsUi = Record<TabsThemeSlot, ClassValue>;
-interface TabsThemeContextParams {
-  ui: ComputedRef<TabsUi>;
-}
+type TabsUiSlot = 'root' | 'list' | 'trigger' | 'content' | 'indicator';
+type TabsUi = UiClass<TabsUiSlot>;
 //#endregion
-export { TabsActivationMode, TabsContentProps, TabsIndicatorProps, TabsListProps, TabsRootEmits, TabsRootProps, TabsThemeContextParams, TabsThemeSlot, TabsTriggerProps, TabsUi };
+export { TabsActivationMode, TabsContentProps, TabsIndicatorProps, TabsListProps, TabsRootEmits, TabsRootProps, TabsTriggerProps, TabsUi, TabsUiSlot };