@soybeanjs/headless 0.0.9 → 0.0.11

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

@@ -1 +1 @@
-import{useCardThemeContext 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:`CardRoot`,__name:`card-root`,setup(r){let s=e(),c=t(()=>s?.ui?.value?.root);return(e,t)=>(a(),n(`div`,{class:i(c.value)},[o(e.$slots,`default`)],2))}});export{s as default};
+import{useCardUi 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:`CardRoot`,__name:`card-root`,setup(n){let s=e(`root`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1,12 +1,12 @@
 import { CardRootProps } from "./types.js";
-import * as vue597 from "vue";
+import * as vue1924 from "vue";
 
 //#region src/components/card/card-root.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue597.DefineComponent<CardRootProps, {}, {}, {}, {}, vue597.ComponentOptionsMixin, vue597.ComponentOptionsMixin, {}, string, vue597.PublicProps, Readonly<CardRootProps> & Readonly<{}>, {}, {}, {}, {}, string, vue597.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1924.DefineComponent<CardRootProps, {}, {}, {}, {}, vue1924.ComponentOptionsMixin, vue1924.ComponentOptionsMixin, {}, string, vue1924.PublicProps, Readonly<CardRootProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1924.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/card/card-title-root.js

@@ -1 +1 @@
-import{useCardThemeContext 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:`CardTitleRoot`,__name:`card-title-root`,setup(r){let s=e(),c=t(()=>s?.ui?.value?.titleRoot);return(e,t)=>(a(),n(`div`,{class:i(c.value)},[o(e.$slots,`default`)],2))}});export{s as default};
+import{useCardUi 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:`CardTitleRoot`,__name:`card-title-root`,setup(n){let s=e(`titleRoot`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/card/card-title-root.vue.d.ts

@@ -1,12 +1,12 @@
 import { CardTitleRootProps } from "./types.js";
-import * as vue627 from "vue";
+import * as vue1939 from "vue";
 
 //#region src/components/card/card-title-root.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue627.DefineComponent<CardTitleRootProps, {}, {}, {}, {}, vue627.ComponentOptionsMixin, vue627.ComponentOptionsMixin, {}, string, vue627.PublicProps, Readonly<CardTitleRootProps> & Readonly<{}>, {}, {}, {}, {}, string, vue627.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1939.DefineComponent<CardTitleRootProps, {}, {}, {}, {}, vue1939.ComponentOptionsMixin, vue1939.ComponentOptionsMixin, {}, string, vue1939.PublicProps, Readonly<CardTitleRootProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1939.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1 +1 @@
-import{useCardThemeContext 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:`CardTitle`,__name:`card-title`,setup(r){let s=e(),c=t(()=>s?.ui?.value?.title);return(e,t)=>(a(),n(`h3`,{class:i(c.value)},[o(e.$slots,`default`)],2))}});export{s as default};
+import{useCardUi 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:`CardTitle`,__name:`card-title`,setup(n){let s=e(`title`);return(e,n)=>(i(),t(`h3`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1,12 +1,12 @@
 import { CardTitleProps } from "./types.js";
-import * as vue612 from "vue";
+import * as vue1953 from "vue";
 
 //#region src/components/card/card-title.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue612.DefineComponent<CardTitleProps, {}, {}, {}, {}, vue612.ComponentOptionsMixin, vue612.ComponentOptionsMixin, {}, string, vue612.PublicProps, Readonly<CardTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, vue612.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1953.DefineComponent<CardTitleProps, {}, {}, {}, {}, vue1953.ComponentOptionsMixin, vue1953.ComponentOptionsMixin, {}, string, vue1953.PublicProps, Readonly<CardTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1953.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,6 +1,9 @@
-import { CardThemeContextParams } from "./types.js";
+import { ClassValue, UiClass } from "../../types/common.js";
+import { CardUiSlot } from "./types.js";
+import "../../index.js";
+import * as vue1949 from "vue";
 
 //#region src/components/card/context.d.ts
-declare const provideCardThemeContext: (params: CardThemeContextParams) => CardThemeContextParams, useCardThemeContext: <N extends string | null | undefined = undefined>(consumerName?: N | undefined, defaultValue?: CardThemeContextParams | undefined) => N extends null | undefined ? CardThemeContextParams | null : CardThemeContextParams;
+declare const provideCardUi: (ui: vue1949.ComputedRef<Partial<UiClass<CardUiSlot>>>) => vue1949.ComputedRef<Partial<UiClass<CardUiSlot>>>, useCardUi: <S extends CardUiSlot | undefined = undefined>(slot?: S | undefined) => S extends CardUiSlot ? vue1949.ComputedRef<ClassValue> : vue1949.ComputedRef<Partial<UiClass<CardUiSlot>>>;
 //#endregion
-export { provideCardThemeContext };
+export { provideCardUi };

package/dist/components/card/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";const[t,n]=e(`CardTheme`,e=>e);export{t as provideCardThemeContext,n as useCardThemeContext};
+import{useUiContext as e}from"../../composables/use-ui-context.js";const[t,n]=e(`CardUi`);export{t as provideCardUi,n as useCardUi};

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

@@ -1,4 +1,4 @@
-import { CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootProps, CardThemeSlot, CardTitleProps, CardTitleRootProps, CardUi } from "./types.js";
+import { CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootProps, CardTitleProps, CardTitleRootProps, CardUi, CardUiSlot } from "./types.js";
 import { _default as _default$4 } from "./card-root.vue.js";
 import { _default as _default$3 } from "./card-header.vue.js";
 import { _default } from "./card-content.vue.js";
@@ -6,5 +6,5 @@ import { _default as _default$2 } from "./card-footer.vue.js";
 import { _default as _default$6 } from "./card-title-root.vue.js";
 import { _default as _default$5 } from "./card-title.vue.js";
 import { _default as _default$1 } from "./card-description.vue.js";
-import { provideCardThemeContext } from "./context.js";
-export { _default as CardContent, type CardContentProps, _default$1 as CardDescription, type CardDescriptionProps, _default$2 as CardFooter, type CardFooterProps, _default$3 as CardHeader, type CardHeaderProps, _default$4 as CardRoot, type CardRootProps, type CardThemeSlot, _default$5 as CardTitle, type CardTitleProps, _default$6 as CardTitleRoot, type CardTitleRootProps, type CardUi, provideCardThemeContext };
+import { provideCardUi } from "./context.js";
+export { _default as CardContent, type CardContentProps, _default$1 as CardDescription, type CardDescriptionProps, _default$2 as CardFooter, type CardFooterProps, _default$3 as CardHeader, type CardHeaderProps, _default$4 as CardRoot, type CardRootProps, _default$5 as CardTitle, type CardTitleProps, _default$6 as CardTitleRoot, type CardTitleRootProps, type CardUi, type CardUiSlot, provideCardUi };

package/dist/components/card/index.js

@@ -1 +1 @@
-import{provideCardThemeContext as e}from"./context.js";import t from"./card-root.js";import n from"./card-header.js";import r from"./card-content.js";import i from"./card-footer.js";import a from"./card-title-root.js";import o from"./card-title.js";import s from"./card-description.js";export{r as CardContent,s as CardDescription,i as CardFooter,n as CardHeader,t as CardRoot,o as CardTitle,a as CardTitleRoot,e as provideCardThemeContext};
+import{provideCardUi as e}from"./context.js";import t from"./card-root.js";import n from"./card-header.js";import r from"./card-content.js";import i from"./card-footer.js";import a from"./card-title-root.js";import o from"./card-title.js";import s from"./card-description.js";export{r as CardContent,s as CardDescription,i as CardFooter,n as CardHeader,t as CardRoot,o as CardTitle,a as CardTitleRoot,e as provideCardUi};

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

@@ -1,6 +1,6 @@
-import { ClassValue } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
 import "../../types/index.js";
-import { ComputedRef, HTMLAttributes } from "vue";
+import { HTMLAttributes } from "vue";
 
 //#region src/components/card/types.d.ts
 interface CardRootProps extends /** @vue-ignore */HTMLAttributes {}
@@ -10,10 +10,7 @@ interface CardFooterProps extends /** @vue-ignore */HTMLAttributes {}
 interface CardTitleRootProps extends /** @vue-ignore */HTMLAttributes {}
 interface CardTitleProps extends /** @vue-ignore */HTMLAttributes {}
 interface CardDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
-type CardThemeSlot = 'root' | 'header' | 'content' | 'footer' | 'titleRoot' | 'title' | 'description';
-type CardUi = Record<CardThemeSlot, ClassValue>;
-interface CardThemeContextParams {
-  ui: ComputedRef<CardUi>;
-}
+type CardUiSlot = 'root' | 'header' | 'content' | 'footer' | 'titleRoot' | 'title' | 'description';
+type CardUi = UiClass<CardUiSlot>;
 //#endregion
-export { CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootProps, CardThemeContextParams, CardThemeSlot, CardTitleProps, CardTitleRootProps, CardUi };
+export { CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootProps, CardTitleProps, CardTitleRootProps, CardUi, CardUiSlot };

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

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{isValueEqualOrExist as t}from"../../shared/comparison.js";import{isIndeterminate as n}from"../../shared/value.js";import{getAriaLabel as r}from"../../shared/dom.js";import{useForwardElement as i}from"../../composables/use-forward-element.js";import{useCheckboxGroupRootContext as a,useCheckboxRootContext as o,useCheckboxThemeContext as s}from"./context.js";import c from"../roving-focus/roving-focus-item.js";import{computed as l,createBlock as u,defineComponent as d,normalizeClass as f,openBlock as p,renderSlot as m,resolveDynamicComponent as h,unref as g,useAttrs as _,watchEffect as v,withCtx as y,withKeys as b,withModifiers as x}from"vue";var S=d({name:`CheckboxControl`,__name:`checkbox-control`,props:{id:{}},setup(d){let S=d,C=_(),w=s(),T=l(()=>w?.ui?.value?.control),E=a(),{modelValue:D,value:O,disabled:k,state:A,ariaChecked:j,dataDisabled:M,dataState:N,required:P,initControlId:F}=o(`CheckboxControl`),[I,L]=i(),R=l(()=>E?.rovingFocus?.value),z=l(()=>r(I.value,S.id,C[`aria-label`])),B=l(()=>R.value?!k.value:void 0),V=()=>{if(E){let n=[...E.modelValue.value||[]];if(t(n,O.value)){let e=n.findIndex(e=>e===O.value);n.splice(e,1)}else e(O.value)||n.push(O.value);E.modelValue.value=n}else D.value=n(D.value)?!0:!D.value};return v(()=>{S.id&&F(S.id)}),(e,t)=>(p(),u(h(R.value?g(c):`button`),{id:d.id,ref:g(L),class:f(T.value),as:`button`,role:`checkbox`,type:`button`,disabled:g(k),"aria-checked":g(j),"data-disabled":g(M),"aria-label":z.value,"aria-required":g(P),"data-state":g(N),focusable:B.value,onKeydown:t[0]||=b(x(()=>{},[`prevent`]),[`enter`]),onClick:V},{default:y(()=>[m(e.$slots,`default`,{modelValue:g(D),state:g(A)})]),_:3},40,[`id`,`class`,`disabled`,`aria-checked`,`data-disabled`,`aria-label`,`aria-required`,`data-state`,`focusable`]))}});export{S as default};
+import{isNullish as e}from"../../shared/guard.js";import{isValueEqualOrExist as t}from"../../shared/comparison.js";import{isIndeterminate as n}from"../../shared/value.js";import{getAriaLabel as r}from"../../shared/dom.js";import{useForwardElement as i}from"../../composables/use-forward-element.js";import{useCheckboxGroupRootContext as a,useCheckboxRootContext as o,useCheckboxUi as s}from"./context.js";import c from"../roving-focus/roving-focus-item.js";import{computed as l,createBlock as u,defineComponent as d,normalizeClass as f,openBlock as p,renderSlot as m,resolveDynamicComponent as h,unref as g,useAttrs as _,watchEffect as v,withCtx as y,withKeys as b,withModifiers as x}from"vue";var S=d({name:`CheckboxControl`,__name:`checkbox-control`,props:{id:{}},setup(d){let S=d,C=_(),w=s(`control`),T=a(),{modelValue:E,value:D,disabled:O,state:k,ariaChecked:A,dataDisabled:j,dataState:M,required:N,initControlId:P}=o(`CheckboxControl`),[F,I]=i(),L=l(()=>T?.rovingFocus?.value),R=l(()=>r(F.value,S.id,C[`aria-label`])),z=l(()=>L.value?!O.value:void 0),B=()=>{if(T){let n=[...T.modelValue.value||[]];if(t(n,D.value)){let e=n.findIndex(e=>e===D.value);n.splice(e,1)}else e(D.value)||n.push(D.value);T.modelValue.value=n}else E.value=n(E.value)?!0:!E.value};return v(()=>{S.id&&P(S.id)}),(e,t)=>(p(),u(h(L.value?g(c):`button`),{id:d.id,ref:g(I),class:f(g(w)),as:`button`,role:`checkbox`,type:`button`,disabled:g(O),"aria-checked":g(A),"data-disabled":g(j),"aria-label":R.value,"aria-required":g(N),"data-state":g(M),focusable:z.value,onKeydown:t[0]||=b(x(()=>{},[`prevent`]),[`enter`]),onClick:B},{default:y(()=>[m(e.$slots,`default`,{modelValue:g(E),state:g(k)})]),_:3},40,[`id`,`class`,`disabled`,`aria-checked`,`data-disabled`,`aria-label`,`aria-required`,`data-state`,`focusable`]))}});export{S as default};

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

@@ -1,7 +1,7 @@
 import { CheckedState } from "../../types/common.js";
 import { CheckboxControlProps } from "./types.js";
 import "../../index.js";
-import * as vue1757 from "vue";
+import * as vue1700 from "vue";
 
 //#region src/components/checkbox/checkbox-control.vue.d.ts
 declare var __VLS_11: {
@@ -11,7 +11,7 @@ declare var __VLS_11: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_11) => any;
 };
-declare const __VLS_base: vue1757.DefineComponent<CheckboxControlProps, {}, {}, {}, {}, vue1757.ComponentOptionsMixin, vue1757.ComponentOptionsMixin, {}, string, vue1757.PublicProps, Readonly<CheckboxControlProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1757.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1700.DefineComponent<CheckboxControlProps, {}, {}, {}, {}, vue1700.ComponentOptionsMixin, vue1700.ComponentOptionsMixin, {}, string, vue1700.PublicProps, Readonly<CheckboxControlProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1700.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1 +1 @@
-import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import i from"../visually-hidden/visually-hidden-input.js";import{provideCheckboxGroupRootContext as a}from"./context.js";import o from"../roving-focus/roving-focus-group.js";import{computed as s,createBlock as c,createCommentVNode as l,defineComponent as u,mergeProps as d,openBlock as f,renderSlot as p,resolveDynamicComponent as m,unref as h,withCtx as g}from"vue";var _=u({name:`CheckboxGroupRoot`,__name:`checkbox-group-root`,props:{modelValue:{default:void 0},defaultValue:{},rovingFocus:{type:Boolean,default:!0},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(u,{emit:_}){let v=u,y=_,b=s(()=>{let{rovingFocus:e,loop:t,dir:n,orientation:r}=v;return e?{loop:t,dir:n,orientation:r}:{}}),x=n(()=>v.modelValue,e=>{y(`update:modelValue`,e??[])},v.defaultValue);a({...t(v,[`modelValue`,`defaultValue`,`rovingFocus`,`disabled`]),modelValue:x});let[S,C]=r(),w=s(()=>e(S.value));return(e,t)=>(f(),c(m(u.rovingFocus?h(o):`div`),d(b.value,{ref:h(C),as:`div`}),{default:g(()=>[p(e.$slots,`default`),w.value&&u.name?(f(),c(h(i),{key:0,name:u.name,value:h(x),required:u.required},null,8,[`name`,`value`,`required`])):l(`v-if`,!0)]),_:3},16))}});export{_ as default};
+import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import i from"../visually-hidden/visually-hidden-input.js";import{provideCheckboxGroupRootContext as a}from"./context.js";import o from"../roving-focus/roving-focus-group.js";import{computed as s,createBlock as c,createCommentVNode as l,defineComponent as u,mergeProps as d,openBlock as f,renderSlot as p,resolveDynamicComponent as m,unref as h,withCtx as g}from"vue";var _=u({name:`CheckboxGroupRoot`,__name:`checkbox-group-root`,props:{modelValue:{default:void 0},defaultValue:{},rovingFocus:{type:Boolean,default:!0},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(u,{emit:_}){let v=u,y=_,b=s(()=>{let{rovingFocus:e,loop:t,dir:n,orientation:r}=v;return e?{loop:t,dir:n,orientation:r}:{}}),x=n(()=>v.modelValue,e=>{y(`update:modelValue`,e??[])},v.defaultValue);a({...t(v,[`modelValue`,`defaultValue`,`rovingFocus`,`disabled`]),modelValue:x});let[S,C]=r(),w=s(()=>e(S.value));return(e,t)=>(f(),c(m(u.rovingFocus?h(o):`div`),d(b.value,{ref:h(C),as:`div`}),{default:g(()=>[p(e.$slots,`default`),w.value&&u.name?(f(),c(h(i),{key:0,name:u.name,value:h(x),required:v.required},null,8,[`name`,`value`,`required`])):l(`v-if`,!0)]),_:3},16))}});export{_ as default};

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

@@ -1,11 +1,11 @@
 import { DefinedValue } from "../../types/common.js";
 import "../../types/index.js";
 import { CheckboxGroupRootProps } from "./types.js";
-import * as vue1773 from "vue";
+import * as vue1710 from "vue";
 
 //#region src/components/checkbox/checkbox-group-root.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue1773.PublicProps & __VLS_PrettifyLocal<CheckboxGroupRootProps<T> & {
+  props: vue1710.PublicProps & __VLS_PrettifyLocal<CheckboxGroupRootProps<T> & {
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -16,7 +16,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     default?: (props: {}) => any;
   };
   emit: (evt: "update:modelValue", value: T[]) => void;
-}>) => vue1773.VNode & {
+}>) => vue1710.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-import{isIndeterminate as e}from"../../shared/value.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{usePresence as n}from"../../composables/use-presence.js";import{Primitive as r}from"../primitive/primitive.js";import{useCheckboxRootContext as i,useCheckboxThemeContext as a}from"./context.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,normalizeClass as u,openBlock as d,renderSlot as f,shallowRef as p,unref as m,withCtx as h}from"vue";var g=l({name:`CheckboxIndicator`,__name:`checkbox-indicator`,props:{asChild:{type:Boolean},as:{default:`span`},forceMount:{type:Boolean}},setup(l){let g=l,_=a(),v=o(()=>_?.ui?.value?.indicator),[y,b]=t(),{state:x,dataDisabled:S,dataState:C}=i(`CheckboxIndicator`),w=g.forceMount?p(!0):n(y,()=>e(x.value)||x.value===!0);return(e,t)=>m(w)?(d(),s(m(r),{key:0,ref:m(b),as:l.as,"as-child":l.asChild,class:u(v.value),"data-disabled":m(S),"data-state":m(C),style:{"pointer-events":`none`}},{default:h(()=>[f(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-state`])):c(`v-if`,!0)}});export{g as default};
+import{isIndeterminate as e}from"../../shared/value.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{usePresence as n}from"../../composables/use-presence.js";import{Primitive as r}from"../primitive/primitive.js";import{useCheckboxRootContext as i,useCheckboxUi as a}from"./context.js";import{createBlock as o,createCommentVNode as s,defineComponent as c,normalizeClass as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p,withCtx as m}from"vue";var h=c({name:`CheckboxIndicator`,__name:`checkbox-indicator`,props:{asChild:{type:Boolean},as:{default:`span`},forceMount:{type:Boolean}},setup(c){let h=c,g=a(`indicator`),[_,v]=t(),{state:y,dataDisabled:b,dataState:x}=i(`CheckboxIndicator`),S=h.forceMount?f(!0):n(_,()=>e(y.value)||y.value===!0);return(e,t)=>p(S)?(u(),o(p(r),{key:0,ref:p(v),as:c.as,"as-child":c.asChild,class:l(p(g)),"data-disabled":p(b),"data-state":p(x),style:{"pointer-events":`none`}},{default:m(()=>[d(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-state`])):s(`v-if`,!0)}});export{h as default};

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

@@ -1,16 +1,16 @@
 import { AsTag } from "../primitive/types.js";
 import "../primitive/index.js";
 import { CheckboxIndicatorProps } from "./types.js";
-import * as vue1762 from "vue";
+import * as vue1756 from "vue";
 
 //#region src/components/checkbox/checkbox-indicator.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue1762.DefineComponent<CheckboxIndicatorProps, {}, {}, {}, {}, vue1762.ComponentOptionsMixin, vue1762.ComponentOptionsMixin, {}, string, vue1762.PublicProps, Readonly<CheckboxIndicatorProps> & Readonly<{}>, {
-  as: AsTag | vue1762.Component;
-}, {}, {}, {}, string, vue1762.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1756.DefineComponent<CheckboxIndicatorProps, {}, {}, {}, {}, vue1756.ComponentOptionsMixin, vue1756.ComponentOptionsMixin, {}, string, vue1756.PublicProps, Readonly<CheckboxIndicatorProps> & Readonly<{}>, {
+  as: AsTag | vue1756.Component;
+}, {}, {}, {}, string, vue1756.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1 +1 @@
-import{useCheckboxRootContext as e,useCheckboxThemeContext as t}from"./context.js";import n from"../label/label.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:`CheckboxLabel`,__name:`checkbox-label`,props:{for:{}},setup(a){let d=a,f=t(),p=r(()=>f?.ui?.value?.label),{controlId:m}=e(`CheckboxLabel`),h=r(()=>d.for||m.value);return(e,t)=>(s(),i(l(n),{for:h.value,class:o(p.value)},{default:u(()=>[c(e.$slots,`default`)]),_:3},8,[`for`,`class`]))}});export{d as default};
+import{useCheckboxRootContext as e,useCheckboxUi as t}from"./context.js";import n from"../label/label.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:`CheckboxLabel`,__name:`checkbox-label`,props:{for:{}},setup(a){let d=a,f=t(`label`),{controlId:p}=e(`CheckboxLabel`),m=r(()=>d.for||p.value);return(e,t)=>(s(),i(l(n),{for:m.value,class:o(l(f))},{default:u(()=>[c(e.$slots,`default`)]),_:3},8,[`for`,`class`]))}});export{d as default};

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

@@ -1,13 +1,13 @@
 import { LabelProps } from "../label/types.js";
 import "./types.js";
-import * as vue1768 from "vue";
+import * as vue1705 from "vue";
 
 //#region src/components/checkbox/checkbox-label.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue1768.DefineComponent<LabelProps, {}, {}, {}, {}, vue1768.ComponentOptionsMixin, vue1768.ComponentOptionsMixin, {}, string, vue1768.PublicProps, Readonly<LabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1768.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1705.DefineComponent<LabelProps, {}, {}, {}, {}, vue1705.ComponentOptionsMixin, vue1705.ComponentOptionsMixin, {}, string, vue1705.PublicProps, Readonly<LabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1705.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{isValueEqualOrExist as t}from"../../shared/comparison.js";import{isFormControl as n,transformPropsToContext as r}from"../../shared/vue.js";import{useControllableState as i}from"../../composables/use-controllable-state.js";import a from"../visually-hidden/visually-hidden-input.js";import{provideCheckboxRootContext as o,useCheckboxGroupRootContext as s,useCheckboxThemeContext as c}from"./context.js";import{computed as l,createBlock as u,createCommentVNode as d,createElementBlock as f,defineComponent as p,normalizeClass as m,openBlock as h,renderSlot as g,unref as _,useTemplateRef as v}from"vue";const y=[`data-state`];var b=p({name:`CheckboxRoot`,__name:`checkbox-root`,props:{modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{default:`on`},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(p,{emit:b}){let x=p,S=b,C=c(),w=l(()=>C?.ui?.value?.root),T=v(`rootElement`),E=s(),D=i(()=>x.modelValue,e=>{e!==void 0&&S(`update:modelValue`,e)},x.defaultValue),O=l(()=>n(T.value)),k=l(()=>E?.disabled?.value||x.disabled),A=l(()=>e(E?.modelValue?.value)?e(D.value)?!1:D.value===`indeterminate`?`indeterminate`:D.value:t(E?.modelValue.value,x.value)),{dataState:j}=o({...r(x,[`value`,`name`,`required`]),modelValue:D,disabled:k,state:A});return(e,t)=>(h(),f(`div`,{ref_key:`rootElement`,ref:T,class:m(w.value),"data-state":_(j)},[g(e.$slots,`default`,{modelValue:_(D),state:A.value}),O.value&&p.name&&!_(E)?(h(),u(_(a),{key:0,type:`checkbox`,checked:!!A.value,name:p.name,value:p.value,disabled:k.value,required:p.required},null,8,[`checked`,`name`,`value`,`disabled`,`required`])):d(`v-if`,!0)],10,y))}});export{b as default};
+import{isNullish as e}from"../../shared/guard.js";import{isValueEqualOrExist as t}from"../../shared/comparison.js";import{isFormControl as n,transformPropsToContext as r}from"../../shared/vue.js";import{useControllableState as i}from"../../composables/use-controllable-state.js";import a from"../visually-hidden/visually-hidden-input.js";import{provideCheckboxRootContext as o,useCheckboxGroupRootContext as s,useCheckboxUi as c}from"./context.js";import{computed as l,createBlock as u,createCommentVNode as d,createElementBlock as f,defineComponent as p,normalizeClass as m,openBlock as h,renderSlot as g,unref as _,useTemplateRef as v}from"vue";const y=[`data-state`];var b=p({name:`CheckboxRoot`,__name:`checkbox-root`,props:{modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{default:`on`},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(p,{emit:b}){let x=p,S=b,C=c(`root`),w=v(`rootElement`),T=s(),E=i(()=>x.modelValue,e=>{e!==void 0&&S(`update:modelValue`,e)},x.defaultValue),D=l(()=>n(w.value)),O=l(()=>T?.disabled?.value||x.disabled),k=l(()=>e(T?.modelValue?.value)?e(E.value)?!1:E.value===`indeterminate`?`indeterminate`:E.value:t(T?.modelValue.value,x.value)),{dataState:A}=o({...r(x,[`value`,`name`,`required`]),modelValue:E,disabled:O,state:k});return(e,t)=>(h(),f(`div`,{ref_key:`rootElement`,ref:w,class:m(_(C)),"data-state":_(A)},[g(e.$slots,`default`,{modelValue:_(E),state:k.value}),D.value&&p.name&&!_(T)?(h(),u(_(a),{key:0,type:`checkbox`,checked:!!k.value,name:p.name,value:p.value,disabled:O.value,required:p.required},null,8,[`checked`,`name`,`value`,`disabled`,`required`])):d(`v-if`,!0)],10,y))}});export{b as default};

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

@@ -2,7 +2,7 @@ import { CheckedState, DefinedValue } from "../../types/common.js";
 import "../../types/index.js";
 import { CheckboxRootProps } from "./types.js";
 import "../../index.js";
-import * as vue1752 from "vue";
+import * as vue1695 from "vue";
 
 //#region src/components/checkbox/checkbox-root.vue.d.ts
 declare var __VLS_1: {
@@ -12,14 +12,14 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue1752.DefineComponent<CheckboxRootProps, {}, {}, {}, {}, vue1752.ComponentOptionsMixin, vue1752.ComponentOptionsMixin, {
+declare const __VLS_base: vue1695.DefineComponent<CheckboxRootProps, {}, {}, {}, {}, vue1695.ComponentOptionsMixin, vue1695.ComponentOptionsMixin, {
   "update:modelValue": (value: CheckedState | null) => any;
-}, string, vue1752.PublicProps, Readonly<CheckboxRootProps> & Readonly<{
+}, string, vue1695.PublicProps, Readonly<CheckboxRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: CheckedState | null) => any) | undefined;
 }>, {
   value: DefinedValue;
   modelValue: CheckedState | null;
-}, {}, {}, {}, string, vue1752.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue1695.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,9 +1,10 @@
-import { CheckboxThemeContextParams } from "./types.js";
+import { ClassValue, UiClass } from "../../types/common.js";
+import { CheckboxUiSlot } from "./types.js";
 import "../../index.js";
-import "vue";
+import * as vue1712 from "vue";
 
 //#region src/components/checkbox/context.d.ts
 
-declare const provideCheckboxThemeContext: (params: CheckboxThemeContextParams) => CheckboxThemeContextParams, useCheckboxThemeContext: <N extends string | null | undefined = undefined>(consumerName?: N | undefined, defaultValue?: CheckboxThemeContextParams | undefined) => N extends null | undefined ? CheckboxThemeContextParams | null : CheckboxThemeContextParams;
+declare const provideCheckboxUi: (ui: vue1712.ComputedRef<Partial<UiClass<CheckboxUiSlot>>>) => vue1712.ComputedRef<Partial<UiClass<CheckboxUiSlot>>>, useCheckboxUi: <S extends CheckboxUiSlot | undefined = undefined>(slot?: S | undefined) => S extends CheckboxUiSlot ? vue1712.ComputedRef<ClassValue> : vue1712.ComputedRef<Partial<UiClass<CheckboxUiSlot>>>;
 //#endregion
-export { provideCheckboxThemeContext };
+export { provideCheckboxUi };

package/dist/components/checkbox/context.js

@@ -1 +1 @@
-import{getCheckedState as e,isIndeterminate as t}from"../../shared/value.js";import{useContext as n}from"../../composables/use-context.js";import{computed as r,shallowRef as i}from"vue";const[a,o]=n(`CheckboxGroupRoot`,e=>e),[s,c]=n(`CheckboxRoot`,n=>{let{modelValue:a,state:o}=n,s=r(()=>t(o.value)?`mixed`:o.value),c=r(()=>n.disabled.value?``:void 0),l=r(()=>e(o.value)),u=i(``),d=e=>{u.value=e};return{...n,modelValue:a,state:o,ariaChecked:s,dataDisabled:c,dataState:l,controlId:u,initControlId:d}}),[l,u]=n(`CheckboxTheme`,e=>e);export{a as provideCheckboxGroupRootContext,s as provideCheckboxRootContext,l as provideCheckboxThemeContext,o as useCheckboxGroupRootContext,c as useCheckboxRootContext,u as useCheckboxThemeContext};
+import{getCheckedState as e,isIndeterminate as t}from"../../shared/value.js";import{useContext as n}from"../../composables/use-context.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import{computed as i,shallowRef as a}from"vue";const[o,s]=n(`CheckboxGroupRoot`,e=>e),[c,l]=n(`CheckboxRoot`,n=>{let{modelValue:r,state:o}=n,s=i(()=>t(o.value)?`mixed`:o.value),c=i(()=>n.disabled.value?``:void 0),l=i(()=>e(o.value)),u=a(``),d=e=>{u.value=e};return{...n,modelValue:r,state:o,ariaChecked:s,dataDisabled:c,dataState:l,controlId:u,initControlId:d}}),[u,d]=r(`CheckboxUi`);export{o as provideCheckboxGroupRootContext,c as provideCheckboxRootContext,u as provideCheckboxUi,s as useCheckboxGroupRootContext,l as useCheckboxRootContext,d as useCheckboxUi};

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

@@ -1,9 +1,9 @@
 import { LabelProps } from "../label/types.js";
-import { CheckboxControlProps, CheckboxGroupRootEmits, CheckboxGroupRootProps, CheckboxIndicatorProps, CheckboxRootEmits, CheckboxRootProps, CheckboxThemeSlot, CheckboxUi } from "./types.js";
+import { CheckboxControlProps, CheckboxGroupRootEmits, CheckboxGroupRootProps, CheckboxIndicatorProps, CheckboxRootEmits, CheckboxRootProps, CheckboxUi, CheckboxUiSlot } from "./types.js";
 import { _default as _default$4 } from "./checkbox-root.vue.js";
 import { _default } from "./checkbox-control.vue.js";
 import { _default as _default$2 } from "./checkbox-indicator.vue.js";
 import { _default as _default$3 } from "./checkbox-label.vue.js";
 import { _default as _default$1 } from "./checkbox-group-root.vue.js";
-import { provideCheckboxThemeContext } from "./context.js";
-export { _default as CheckboxControl, type CheckboxControlProps, _default$1 as CheckboxGroupRoot, type CheckboxGroupRootEmits, type CheckboxGroupRootProps, _default$2 as CheckboxIndicator, type CheckboxIndicatorProps, _default$3 as CheckboxLabel, type LabelProps as CheckboxLabelProps, _default$4 as CheckboxRoot, type CheckboxRootEmits, type CheckboxRootProps, type CheckboxThemeSlot, type CheckboxUi, provideCheckboxThemeContext };
+import { provideCheckboxUi } from "./context.js";
+export { _default as CheckboxControl, type CheckboxControlProps, _default$1 as CheckboxGroupRoot, type CheckboxGroupRootEmits, type CheckboxGroupRootProps, _default$2 as CheckboxIndicator, type CheckboxIndicatorProps, _default$3 as CheckboxLabel, type LabelProps as CheckboxLabelProps, _default$4 as CheckboxRoot, type CheckboxRootEmits, type CheckboxRootProps, type CheckboxUi, type CheckboxUiSlot, provideCheckboxUi };

package/dist/components/checkbox/index.js

@@ -1 +1 @@
-import{provideCheckboxThemeContext as e}from"./context.js";import t from"./checkbox-root.js";import n from"./checkbox-control.js";import r from"./checkbox-indicator.js";import i from"./checkbox-label.js";import a from"./checkbox-group-root.js";export{n as CheckboxControl,a as CheckboxGroupRoot,r as CheckboxIndicator,i as CheckboxLabel,t as CheckboxRoot,e as provideCheckboxThemeContext};
+import{provideCheckboxUi as e}from"./context.js";import t from"./checkbox-root.js";import n from"./checkbox-control.js";import r from"./checkbox-indicator.js";import i from"./checkbox-label.js";import a from"./checkbox-group-root.js";export{n as CheckboxControl,a as CheckboxGroupRoot,r as CheckboxIndicator,i as CheckboxLabel,t as CheckboxRoot,e as provideCheckboxUi};

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

@@ -1,4 +1,4 @@
-import { CheckedState, ClassValue, DefinedValue } from "../../types/common.js";
+import { CheckedState, DefinedValue, UiClass } from "../../types/common.js";
 import { ForceMountProps, FormFieldCommonProps } from "../../types/component.js";
 import "../../types/index.js";
 import { PrimitiveProps } from "../primitive/types.js";
@@ -56,10 +56,7 @@ type CheckboxGroupRootEmits<T extends DefinedValue = DefinedValue> = {
   /** Event handler called when the value of the checkbox group changes. */
   'update:modelValue': [value: T[]];
 };
-type CheckboxThemeSlot = 'root' | 'indicator' | 'groupRoot' | 'label' | 'control';
-type CheckboxUi = Record<CheckboxThemeSlot, ClassValue>;
-interface CheckboxThemeContextParams {
-  ui: ComputedRef<CheckboxUi>;
-}
+type CheckboxUiSlot = 'root' | 'indicator' | 'groupRoot' | 'label' | 'control';
+type CheckboxUi = UiClass<CheckboxUiSlot>;
 //#endregion
-export { CheckboxControlProps, CheckboxGroupRootEmits, CheckboxGroupRootProps, CheckboxIndicatorProps, CheckboxRootEmits, CheckboxRootProps, CheckboxThemeContextParams, CheckboxThemeSlot, CheckboxUi };
+export { CheckboxControlProps, CheckboxGroupRootEmits, CheckboxGroupRootProps, CheckboxIndicatorProps, CheckboxRootEmits, CheckboxRootProps, CheckboxUi, CheckboxUiSlot };

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{usePresence as t}from"../../composables/use-presence.js";import{Primitive as n}from"../primitive/primitive.js";import{useCollapsibleRootContext as r,useCollapsibleThemeContext as i}from"./context.js";import{collapsibleContentCssVars as a}from"./shared.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,nextTick as u,normalizeClass as d,onMounted as f,openBlock as p,renderSlot as m,shallowRef as h,unref as g,watch as _,withCtx as v}from"vue";var y=l({name:`CollapsibleContent`,__name:`collapsible-content`,props:{asChild:{type:Boolean},as:{},forceMount:{type:Boolean}},setup(l){let y=l,[b,x]=e(),{contentId:S,initContentId:C,open:w,dataDisabled:T,dataState:E,unmountOnHide:D}=r(`CollapsibleContent`),O=i(),k=o(()=>O?.ui?.value?.content),A=y.forceMount?h(!0):t(b,w,I),j={[a.width]:`0px`,[a.height]:`0px`},M=o(()=>A.value||w.value),N=w.value,P,F=o(()=>{if(!M.value)return D.value?``:`until-found`});function I(){let e=b.value;if(!e)return;let t=e.style;P||={transitionDuration:t.transitionDuration,animationName:t.animationName},t.transitionDuration=`0s`,t.animationName=`none`;let n=e.getBoundingClientRect();t.setProperty(a.width,`${n.width}px`),t.setProperty(a.height,`${n.height}px`),N||(t.transitionDuration=P.transitionDuration,t.animationName=P.animationName)}return _(M,async()=>{await u(),I()},{immediate:!0,flush:`post`}),C(),f(()=>{requestAnimationFrame(()=>{N=!1})}),(e,t)=>(p(),s(g(n),{id:g(S),ref:g(x),as:l.as,"as-child":l.asChild,class:d(k.value),"data-disabled":g(T),"data-state":g(E),hidden:F.value,style:j},{default:v(()=>[!g(D)||M.value?m(e.$slots,`default`,{key:0}):c(`v-if`,!0)]),_:3},8,[`id`,`as`,`as-child`,`class`,`data-disabled`,`data-state`,`hidden`]))}});export{y as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{usePresence as t}from"../../composables/use-presence.js";import{useCollapsibleRootContext as n,useCollapsibleUi as r}from"./context.js";import{Primitive as i}from"../primitive/primitive.js";import{collapsibleContentCssVars as a}from"./shared.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,nextTick as u,normalizeClass as d,onMounted as f,openBlock as p,renderSlot as m,shallowRef as h,unref as g,watch as _,withCtx as v}from"vue";var y=l({name:`CollapsibleContent`,__name:`collapsible-content`,props:{asChild:{type:Boolean},as:{},forceMount:{type:Boolean}},setup(l){let y=l,[b,x]=e(),{contentId:S,initContentId:C,open:w,dataDisabled:T,dataState:E,unmountOnHide:D}=n(`CollapsibleContent`),O=r(`content`),k=y.forceMount?h(!0):t(b,w,F),A={[a.width]:`0px`,[a.height]:`0px`},j=o(()=>k.value||w.value),M=w.value,N,P=o(()=>{if(!j.value)return D.value?``:`until-found`});function F(){let e=b.value;if(!e)return;let t=e.style;N||={transitionDuration:t.transitionDuration,animationName:t.animationName},t.transitionDuration=`0s`,t.animationName=`none`;let n=e.getBoundingClientRect();t.setProperty(a.width,`${n.width}px`),t.setProperty(a.height,`${n.height}px`),M||(t.transitionDuration=N.transitionDuration,t.animationName=N.animationName)}return _(j,async()=>{await u(),F()},{immediate:!0,flush:`post`}),C(),f(()=>{requestAnimationFrame(()=>{M=!1})}),(e,t)=>(p(),s(g(i),{id:g(S),ref:g(x),as:l.as,"as-child":l.asChild,class:d(g(O)),"data-disabled":g(T),"data-state":g(E),hidden:P.value,style:A},{default:v(()=>[!g(D)||j.value?m(e.$slots,`default`,{key:0}):c(`v-if`,!0)]),_:3},8,[`id`,`as`,`as-child`,`class`,`data-disabled`,`data-state`,`hidden`]))}});export{y as default};

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

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useOmitProps as n}from"../../composables/use-props.js";import{Primitive as r}from"../primitive/primitive.js";import{provideCollapsibleRootContext as i,useCollapsibleThemeContext as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";var m=c({name:`CollapsibleRoot`,__name:`collapsible-root`,props:{defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},disabled:{type:Boolean},unmountOnHide:{type:Boolean,default:!0},asChild:{type:Boolean},as:{}},emits:[`update:open`],setup(c,{expose:m,emit:h}){let g=c,_=h,v=n(g,[`open`,`defaultOpen`,`disabled`,`unmountOnHide`]),y=a(),b=o(()=>y?.ui?.value?.root),x=t(()=>g.open,e=>{e!==void 0&&_(`update:open`,e)},g.defaultOpen||!1),{dataDisabled:S,dataState:C}=i({open:x,...e(g,[`disabled`,`unmountOnHide`])});return m({open:x}),(e,t)=>(u(),s(f(r),l(f(v),{class:b.value,"data-disabled":f(S),"data-state":f(C)}),{default:p(()=>[d(e.$slots,`default`,{open:f(x)})]),_:3},16,[`class`,`data-disabled`,`data-state`]))}});export{m as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useOmitProps as n}from"../../composables/use-props.js";import{provideCollapsibleRootContext as r,useCollapsibleUi as i}from"./context.js";import{Primitive as a}from"../primitive/primitive.js";import{createBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";var p=s({name:`CollapsibleRoot`,__name:`collapsible-root`,props:{defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},disabled:{type:Boolean},unmountOnHide:{type:Boolean,default:!0},asChild:{type:Boolean},as:{}},emits:[`update:open`],setup(s,{expose:p,emit:m}){let h=s,g=m,_=n(h,[`open`,`defaultOpen`,`disabled`,`unmountOnHide`]),v=i(`root`),y=t(()=>h.open,e=>{e!==void 0&&g(`update:open`,e)},h.defaultOpen||!1),{dataDisabled:b,dataState:x}=r({open:y,...e(h,[`disabled`,`unmountOnHide`])});return p({open:y}),(e,t)=>(l(),o(d(a),c(d(_),{class:d(v),"data-disabled":d(b),"data-state":d(x)}),{default:f(()=>[u(e.$slots,`default`,{open:d(y)})]),_:3},16,[`class`,`data-disabled`,`data-state`]))}});export{p as default};

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

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

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import{useCollapsibleRootContext as t,useCollapsibleThemeContext 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:`CollapsibleTrigger`,__name:`collapsible-trigger`,props:{disabledCollapsible:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(a){let d=a,{open:f,onOpenToggle:p,contentId:m,disabled:h,dataDisabled:g,dataState:_}=t(`CollapsibleTrigger`),v=n(),y=r(()=>v?.ui?.value?.trigger),b=r(()=>d.as===`button`?`button`:void 0),x=()=>{d.disabledCollapsible||p()};return(t,n)=>(s(),i(l(e),{as:a.as,"as-child":a.asChild,class:o(y.value),type:b.value,"aria-controls":l(m),"aria-expanded":l(f),"data-disabled":l(g),"data-state":l(_),disabled:l(h),onClick:x},{default:u(()=>[c(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`type`,`aria-controls`,`aria-expanded`,`data-disabled`,`data-state`,`disabled`]))}});export{d as default};
+import{useCollapsibleRootContext as e,useCollapsibleUi as t}from"./context.js";import{Primitive as n}from"../primitive/primitive.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:`CollapsibleTrigger`,__name:`collapsible-trigger`,props:{disabledCollapsible:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(a){let d=a,{open:f,onOpenToggle:p,contentId:m,disabled:h,dataDisabled:g,dataState:_}=e(`CollapsibleTrigger`),v=t(`trigger`),y=r(()=>d.as===`button`?`button`:void 0),b=()=>{d.disabledCollapsible||p()};return(e,t)=>(s(),i(l(n),{as:a.as,"as-child":a.asChild,class:o(l(v)),type:y.value,"aria-controls":l(m),"aria-expanded":l(f),"data-disabled":l(g),"data-state":l(_),disabled:l(h),onClick:b},{default:u(()=>[c(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`type`,`aria-controls`,`aria-expanded`,`data-disabled`,`data-state`,`disabled`]))}});export{d as default};

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

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

@@ -1,9 +1,11 @@
+import { ClassValue, UiClass } from "../../types/common.js";
 import "../../types/index.js";
-import { CollapsibleThemeContextParams } from "./types.js";
-import "vue";
+import { CollapsibleUiSlot } from "./types.js";
+import "../../index.js";
+import * as vue883 from "vue";
 
 //#region src/components/collapsible/context.d.ts
 
-declare const provideCollapsibleThemeContext: (params: CollapsibleThemeContextParams) => CollapsibleThemeContextParams, useCollapsibleThemeContext: <N extends string | null | undefined = undefined>(consumerName?: N | undefined, defaultValue?: CollapsibleThemeContextParams | undefined) => N extends null | undefined ? CollapsibleThemeContextParams | null : CollapsibleThemeContextParams;
+declare const provideCollapsibleUi: (ui: vue883.ComputedRef<Partial<UiClass<CollapsibleUiSlot>>>) => vue883.ComputedRef<Partial<UiClass<CollapsibleUiSlot>>>, useCollapsibleUi: <S extends CollapsibleUiSlot | undefined = undefined>(slot?: S | undefined) => S extends CollapsibleUiSlot ? vue883.ComputedRef<ClassValue> : vue883.ComputedRef<Partial<UiClass<CollapsibleUiSlot>>>;
 //#endregion
-export { provideCollapsibleThemeContext };
+export { provideCollapsibleUi };

package/dist/components/collapsible/context.js

@@ -1 +1 @@
-import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import{computed as n,shallowRef as r,useId as i}from"vue";const[a,o]=t(`CollapsibleRoot`,t=>{let{open:a,disabled:o,unmountOnHide:s}=t,c=()=>{o.value||(a.value=!a.value)},l=r(``);return{open:a,disabled:o,unmountOnHide:s,onOpenToggle:c,contentId:l,initContentId:()=>{l.value||=`soybean-collapsible-content-${i()}`},dataDisabled:n(()=>o.value?``:void 0),dataState:n(()=>e(a.value))}}),[s,c]=t(`CollapsibleTheme`,e=>e);export{a as provideCollapsibleRootContext,s as provideCollapsibleThemeContext,o as useCollapsibleRootContext,c as useCollapsibleThemeContext};
+import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import{computed as r,shallowRef as i,useId as a}from"vue";const[o,s]=t(`CollapsibleRoot`,t=>{let{open:n,disabled:o,unmountOnHide:s}=t,c=()=>{o.value||(n.value=!n.value)},l=i(``);return{open:n,disabled:o,unmountOnHide:s,onOpenToggle:c,contentId:l,initContentId:()=>{l.value||=`soybean-collapsible-content-${a()}`},dataDisabled:r(()=>o.value?``:void 0),dataState:r(()=>e(n.value))}}),[c,l]=n(`CollapsibleUi`);export{o as provideCollapsibleRootContext,c as provideCollapsibleUi,s as useCollapsibleRootContext,l as useCollapsibleUi};

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

@@ -1,6 +1,6 @@
-import { CollapsibleContentProps, CollapsibleRootEmits, CollapsibleRootProps, CollapsibleThemeSlot, CollapsibleTriggerProps, CollapsibleUi } from "./types.js";
+import { CollapsibleContentProps, CollapsibleRootEmits, CollapsibleRootProps, CollapsibleTriggerProps, CollapsibleUi, CollapsibleUiSlot } from "./types.js";
 import { _default as _default$1 } from "./collapsible-root.vue.js";
 import { _default } from "./collapsible-content.vue.js";
 import { _default as _default$2 } from "./collapsible-trigger.vue.js";
-import { provideCollapsibleThemeContext } from "./context.js";
-export { _default as CollapsibleContent, type CollapsibleContentProps, _default$1 as CollapsibleRoot, type CollapsibleRootEmits, type CollapsibleRootProps, type CollapsibleThemeSlot, _default$2 as CollapsibleTrigger, type CollapsibleTriggerProps, type CollapsibleUi, provideCollapsibleThemeContext };
+import { provideCollapsibleUi } from "./context.js";
+export { _default as CollapsibleContent, type CollapsibleContentProps, _default$1 as CollapsibleRoot, type CollapsibleRootEmits, type CollapsibleRootProps, _default$2 as CollapsibleTrigger, type CollapsibleTriggerProps, type CollapsibleUi, type CollapsibleUiSlot, provideCollapsibleUi };

package/dist/components/collapsible/index.js

@@ -1 +1 @@
-import{provideCollapsibleThemeContext as e}from"./context.js";import t from"./collapsible-root.js";import n from"./collapsible-content.js";import r from"./collapsible-trigger.js";export{n as CollapsibleContent,t as CollapsibleRoot,r as CollapsibleTrigger,e as provideCollapsibleThemeContext};
+import{provideCollapsibleUi as e}from"./context.js";import t from"./collapsible-root.js";import n from"./collapsible-content.js";import r from"./collapsible-trigger.js";export{n as CollapsibleContent,t as CollapsibleRoot,r as CollapsibleTrigger,e as provideCollapsibleUi};

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

@@ -1,8 +1,8 @@
-import { ClassValue } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
 import { ForceMountProps } from "../../types/component.js";
 import "../../types/index.js";
 import { PrimitiveProps } from "../primitive/types.js";
-import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, Ref } from "vue";
+import { ButtonHTMLAttributes, HTMLAttributes, Ref } from "vue";
 
 //#region src/components/collapsible/types.d.ts
 interface CollapsibleRootProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
@@ -28,10 +28,7 @@ interface CollapsibleTriggerProps extends PrimitiveProps, /** @vue-ignore */Butt
   /** When `true`, prevents the user from toggling the collapsible. */
   disabledCollapsible?: boolean;
 }
-type CollapsibleThemeSlot = 'root' | 'trigger' | 'content';
-type CollapsibleUi = Record<CollapsibleThemeSlot, ClassValue>;
-interface CollapsibleThemeContextParams {
-  ui: ComputedRef<CollapsibleUi>;
-}
+type CollapsibleUiSlot = 'root' | 'trigger' | 'content';
+type CollapsibleUi = UiClass<CollapsibleUiSlot>;
 //#endregion
-export { CollapsibleContentProps, CollapsibleRootEmits, CollapsibleRootProps, CollapsibleThemeContextParams, CollapsibleThemeSlot, CollapsibleTriggerProps, CollapsibleUi };
+export { CollapsibleContentProps, CollapsibleRootEmits, CollapsibleRootProps, CollapsibleTriggerProps, CollapsibleUi, CollapsibleUiSlot };

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

@@ -2,20 +2,20 @@ import { Direction, ScrollBodyOption } from "../../types/common.js";
 import "../../types/index.js";
 import { ConfigProviderProps } from "./types.js";
 import "../../index.js";
-import * as vue592 from "vue";
+import * as vue195 from "vue";
 
 //#region src/components/config-provider/config-provider.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue592.DefineComponent<ConfigProviderProps, {}, {}, {}, {}, vue592.ComponentOptionsMixin, vue592.ComponentOptionsMixin, {}, string, vue592.PublicProps, Readonly<ConfigProviderProps> & Readonly<{}>, {
+declare const __VLS_base: vue195.DefineComponent<ConfigProviderProps, {}, {}, {}, {}, vue195.ComponentOptionsMixin, vue195.ComponentOptionsMixin, {}, string, vue195.PublicProps, Readonly<ConfigProviderProps> & Readonly<{}>, {
   nuxt: boolean;
   dir: Direction;
   locale: string;
   scrollBody: boolean | ScrollBodyOption;
   nonce: string;
-}, {}, {}, {}, string, vue592.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue195.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 & {