@soybeanjs/headless 0.17.0 → 0.19.0

package/dist/components/carousel/carousel-container.js

@@ -0,0 +1 @@
+import{useCarouselUi 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";const s=n({name:`CarouselContainer`,__name:`carousel-container`,setup(n){let s=e(`container`);return(e,n)=>(i(),t(`div`,{"data-soybean-carousel-container":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/carousel/carousel-container.vue.d.ts

@@ -0,0 +1,18 @@
+import { CarouselContainerProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/carousel/carousel-container.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<CarouselContainerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CarouselContainerProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{useCarouselRootContext as t,useCarouselUi as n}from"./context.js";import{computed as r,createElementBlock as i,createElementVNode as a,defineComponent as o,mergeProps as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,useId as f,watch as p}from"vue";const m=[`id`,`data-orientation`],h=[`data-orientation`],g=o({name:`CarouselContent`,__name:`carousel-content`,setup(o){let g=o,_=e(g,[`id`]),v=n(),{carouselRef:y,contentId:b,orientation:x,setContentId:S}=t(`CarouselContent`),C=`soybean-carousel-content-${f()}`,w=r(()=>v.value.content),T=r(()=>v.value.container),E=r(()=>g.id?g.id:b.value||C);return p(E,e=>{S(e)},{immediate:!0}),(e,t)=>(l(),i(`div`,s(d(_),{id:E.value,ref_key:`carouselRef`,ref:y,class:w.value,"data-orientation":d(x),"data-soybean-carousel-content":``}),[a(`div`,{class:c(T.value),"data-orientation":d(x),"data-soybean-carousel-container":``},[u(e.$slots,`default`)],10,h)],16,m))}});export{g as default};
+import{useCarouselRootContext as e,useCarouselUi as t}from"./context.js";import{computed as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,useAttrs as l,useId as u,watch as d}from"vue";const f=[`id`],p=i({name:`CarouselContent`,__name:`carousel-content`,setup(i){let p=l(),m=t(`content`),{setCarouselRef:h,contentId:g,setContentId:_}=e(`CarouselContent`),v=`soybean-carousel-content-${u()}`,y=n(()=>p.id||g.value||v);return d(y,e=>{_(e)},{immediate:!0}),(e,t)=>(o(),r(`div`,{id:y.value,ref:c(h),"data-soybean-carousel-content":``,class:a(c(m))},[s(e.$slots,`default`)],10,f))}});export{p as default};

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

@@ -0,0 +1 @@
+import{useCarouselUi 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";const s=n({name:`CarouselControl`,__name:`carousel-control`,setup(n){let s=e(`control`);return(e,n)=>(i(),t(`div`,{"data-soybean-carousel-control":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -0,0 +1,18 @@
+import { CarouselControlProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/carousel/carousel-control.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<CarouselControlProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CarouselControlProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/carousel/carousel-item.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{useCarouselRootContext as t,useCarouselUi as n}from"./context.js";import{createElementBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`data-orientation`],u=i({name:`CarouselItem`,__name:`carousel-item`,setup(i){let u=i,d=n(`item`),{orientation:f}=t(`CarouselItem`),p=e(u,[]);return(e,t)=>(o(),r(`div`,a(c(p),{class:c(d),"data-orientation":c(f),"data-soybean-carousel-item":``,role:`group`,"aria-roledescription":`slide`}),[s(e.$slots,`default`)],16,l))}});export{u as default};
+import{useCarouselUi 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";const s=n({name:`CarouselItem`,__name:`carousel-item`,setup(n){let s=e(`item`);return(e,n)=>(i(),t(`div`,{"data-soybean-carousel-item":``,class:r(o(s)),role:`group`,"aria-roledescription":`slide`},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/carousel/carousel-navigation.js

@@ -0,0 +1 @@
+import{useCarouselUi 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";const s=n({name:`CarouselNavigation`,__name:`carousel-navigation`,setup(n){let s=e(`navigation`);return(e,n)=>(i(),t(`div`,{"data-soybean-carousel-navigation":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/carousel/carousel-navigation.vue.d.ts

@@ -0,0 +1,18 @@
+import { CarouselNavigationProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/carousel/carousel-navigation.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<CarouselNavigationProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CarouselNavigationProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/carousel/carousel-next.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../button/button.js";import"../button/index.js";import{useCarouselRootContext as n,useCarouselUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`CarouselNext`,__name:`carousel-next`,props:{type:{default:`button`},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(o){let f=o,p=e(f,[`disabled`]),m=r(`next`),{canScrollNext:h,contentId:g,dir:_,orientation:v,scrollNext:y}=n(`CarouselNext`),b=i(()=>f.disabled||!h.value),x=i(()=>f[`aria-label`]??`Next slide`);return(e,n)=>(c(),a(u(t),s(u(p),{class:u(m),disabled:b.value,"aria-controls":u(g)||void 0,"aria-label":x.value,"data-soybean-carousel-next":``,onClick:u(y)}),{default:d(()=>[l(e.$slots,`default`,{dir:u(_),orientation:u(v),disabled:b.value})]),_:3},16,[`class`,`disabled`,`aria-controls`,`aria-label`,`onClick`]))}});export{f as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"../button/button.js";import{useCarouselRootContext as r,useCarouselUi as i}from"./context.js";import{computed as a,createBlock as o,createElementVNode as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,unref as p,useAttrs as m,withCtx as h}from"vue";const g=l({name:`CarouselNext`,__name:`carousel-next`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(l){let g=l,_=m(),v=e(g,[`disabled`]),y=i(`next`),{canScrollNext:b,contentId:x,scrollNext:S}=r(`CarouselNext`),C=a(()=>g.disabled||!b.value),w=a(()=>_[`aria-label`]??`Next slide`),T=()=>{S()};return(e,r)=>(d(),o(n,u(p(v),{"data-soybean-carousel-next":``,class:p(y),disabled:C.value,"aria-controls":p(x)||void 0,"aria-label":w.value,onClick:T}),{default:h(()=>[f(e.$slots,`default`,{},()=>[c(t,{icon:`lucide:arrow-right`,"aria-hidden":!0}),r[0]||(r[0]=s(`span`,{class:`soybean-headless-sr-only`},`Next slide`,-1))])]),_:3},16,[`class`,`disabled`,`aria-controls`,`aria-label`]))}});export{g as default};

package/dist/components/carousel/carousel-next.vue.d.ts

@@ -1,22 +1,12 @@
-import { DataOrientation, Direction } from "../../types/common.js";
-import { AsTag } from "../primitive/types.js";
-import { ButtonType } from "../button/types.js";
 import { CarouselNextProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/carousel/carousel-next.vue.d.ts
-declare var __VLS_10: {
-  dir: Direction;
-  orientation: DataOrientation;
-  disabled: boolean;
-};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<CarouselNextProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CarouselNextProps> & Readonly<{}>, {
-  type: ButtonType;
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<CarouselNextProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CarouselNextProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.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/carousel/carousel-previous.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../button/button.js";import"../button/index.js";import{useCarouselRootContext as n,useCarouselUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`CarouselPrevious`,__name:`carousel-previous`,props:{type:{default:`button`},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(o){let f=o,p=e(f,[`disabled`]),m=r(`previous`),{canScrollPrev:h,contentId:g,dir:_,orientation:v,scrollPrev:y}=n(`CarouselPrevious`),b=i(()=>f.disabled||!h.value),x=i(()=>f[`aria-label`]??`Previous slide`);return(e,n)=>(c(),a(u(t),s(u(p),{class:u(m),disabled:b.value,"aria-controls":u(g)||void 0,"aria-label":x.value,"data-soybean-carousel-previous":``,onClick:u(y)}),{default:d(()=>[l(e.$slots,`default`,{dir:u(_),orientation:u(v),disabled:b.value})]),_:3},16,[`class`,`disabled`,`aria-controls`,`aria-label`,`onClick`]))}});export{f as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"../button/button.js";import{useCarouselRootContext as r,useCarouselUi as i}from"./context.js";import{computed as a,createBlock as o,createElementVNode as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,unref as p,useAttrs as m,withCtx as h}from"vue";const g=l({name:`CarouselPrevious`,__name:`carousel-previous`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(l){let g=l,_=m(),v=e(g,[`disabled`]),y=i(`previous`),{canScrollPrev:b,contentId:x,scrollPrev:S}=r(`CarouselPrevious`),C=a(()=>g.disabled||!b.value),w=a(()=>_[`aria-label`]??`Previous slide`),T=()=>{S()};return(e,r)=>(d(),o(n,u(p(v),{"data-soybean-carousel-previous":``,class:p(y),disabled:C.value,"aria-controls":p(x)||void 0,"aria-label":w.value,onClick:T}),{default:h(()=>[f(e.$slots,`default`,{},()=>[c(t,{icon:`lucide:arrow-left`,"aria-hidden":!0}),r[0]||(r[0]=s(`span`,{class:`soybean-headless-sr-only`},`Previous slide`,-1))])]),_:3},16,[`class`,`disabled`,`aria-controls`,`aria-label`]))}});export{g as default};

package/dist/components/carousel/carousel-previous.vue.d.ts

@@ -1,22 +1,12 @@
-import { DataOrientation, Direction } from "../../types/common.js";
-import { AsTag } from "../primitive/types.js";
-import { ButtonType } from "../button/types.js";
 import { CarouselPreviousProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/carousel/carousel-previous.vue.d.ts
-declare var __VLS_10: {
-  dir: Direction;
-  orientation: DataOrientation;
-  disabled: boolean;
-};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<CarouselPreviousProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CarouselPreviousProps> & Readonly<{}>, {
-  type: ButtonType;
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<CarouselPreviousProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CarouselPreviousProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.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/carousel/carousel-root.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{useDirection as t}from"../config-provider/context.js";import{provideCarouselRootContext as n,useCarouselUi as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,shallowRef as u,unref as d,watch as f,watchEffect as p}from"vue";import m from"embla-carousel-vue";const h=[`dir`,`data-orientation`,`aria-label`,`tabindex`],g=o({name:`CarouselRoot`,__name:`carousel-root`,props:{opts:{},plugins:{},orientation:{default:`horizontal`},dir:{}},emits:[`initApi`],setup(o,{expose:g,emit:_}){let v=o,y=_,b=e(v,[`opts`,`plugins`,`orientation`,`dir`]),x=r(`root`),S=t(()=>v.dir),C=i(()=>v.orientation),w=i(()=>v[`aria-labelledby`]?void 0:v[`aria-label`]??`Carousel`),T=i(()=>v.tabindex??0),E=u({}),D=u([]);p(()=>{E.value={...v.opts,axis:v.orientation===`horizontal`?`x`:`y`,direction:S.value}}),p(()=>{D.value=v.plugins??[]});let[O,k]=m(E,D),A=u(``),j=u(!1),M=u(!1),N=u(0),P=u([]);function F(e){j.value=e?.canScrollNext()??!1,M.value=e?.canScrollPrev()??!1,N.value=e?.selectedScrollSnap()??0,P.value=e?.scrollSnapList()??[]}function I(){k.value?.scrollNext()}function L(){k.value?.scrollPrev()}function R(e,t){k.value?.scrollTo(e,t)}function z(e){A.value=e}function B(e){if(e.target!==e.currentTarget)return;let t=v.orientation===`vertical`?`ArrowUp`:S.value===`rtl`?`ArrowRight`:`ArrowLeft`,n=v.orientation===`vertical`?`ArrowDown`:S.value===`rtl`?`ArrowLeft`:`ArrowRight`;if(e.key===t){e.preventDefault(),L();return}e.key===n&&(e.preventDefault(),I())}return f(k,(e,t,n)=>{if(F(e),!e)return;let r=e=>{F(e)},i=e=>{F(e)};e.on(`select`,r),e.on(`reInit`,i),y(`initApi`,e),n(()=>{e.off(`select`,r),e.off(`reInit`,i)})},{immediate:!0}),n({dir:S,orientation:C,carouselRef:O,carouselApi:k,contentId:A,canScrollNext:j,canScrollPrev:M,selectedIndex:N,scrollSnaps:P,scrollNext:I,scrollPrev:L,scrollTo:R,setContentId:z}),g({dir:S,orientation:C,carouselApi:k,carouselRef:O,canScrollNext:j,canScrollPrev:M,selectedIndex:N,scrollSnaps:P,scrollNext:I,scrollPrev:L,scrollTo:R}),(e,t)=>(c(),a(`div`,s(d(b),{class:d(x),dir:d(S),"data-orientation":C.value,"aria-label":w.value,tabindex:T.value,"data-soybean-carousel-root":``,role:`region`,"aria-roledescription":`carousel`,onKeydown:B}),[l(e.$slots,`default`,{carouselApi:d(k),canScrollNext:j.value,canScrollPrev:M.value,selectedIndex:N.value,scrollSnaps:P.value,scrollNext:I,scrollPrev:L,scrollTo:R,orientation:C.value,dir:d(S)})],16,h))}});export{g as default};
+import{useDirection as e}from"../config-provider/context.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{provideCarouselRootContext as n,useCarouselUi as r}from"./context.js";import{useEmblaCarousel as i}from"./hooks.js";import{computed as a,createElementBlock as o,defineComponent as s,normalizeClass as c,onWatcherCleanup as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p,useAttrs as m,watch as h,watchEffect as g}from"vue";const _=[`dir`,`data-orientation`,`aria-label`,`tabindex`],v=s({name:`CarouselRoot`,__name:`carousel-root`,props:{dir:{},orientation:{default:`horizontal`},options:{},plugins:{}},emits:[`init`],setup(s,{expose:v,emit:y}){let b=s,x=y,S=m(),C=r(`root`),[w,T]=t(),E=f({}),D=f([]),O=i(w,E,D),k=e(()=>b.dir),A=a(()=>S[`aria-labelledby`]?void 0:S[`aria-label`]??`Carousel`),j=a(()=>b.tabindex??0),M=f(!1),N=f(!1),P=f(0),F=f([]),I=f(0);function L(e){M.value=e?.canScrollNext()??!1,N.value=e?.canScrollPrev()??!1,P.value=e?.selectedScrollSnap()??0,F.value=e?.scrollSnapList()??[],I.value=R()}function R(){return F.value.length<=1?0:P.value/(F.value.length-1)*100}function z(){O.value?.scrollNext()}function B(){O.value?.scrollPrev()}function V(e,t){O.value?.scrollTo(e,t)}function H(e){if(e.target!==e.currentTarget)return;let t=b.orientation===`vertical`?`ArrowUp`:k.value===`rtl`?`ArrowRight`:`ArrowLeft`,n=b.orientation===`vertical`?`ArrowDown`:k.value===`rtl`?`ArrowLeft`:`ArrowRight`;if(e.key===t){e.preventDefault(),B();return}e.key===n&&(e.preventDefault(),z())}return g(()=>{E.value={...b.options,axis:b.orientation===`horizontal`?`x`:`y`,direction:k.value}}),g(()=>{D.value=b.plugins??[]}),h(O,e=>{if(L(e),!e)return;let t=e=>{L(e)},n=e=>{L(e)};e.on(`select`,t),e.on(`reInit`,n),x(`init`,e),l(()=>{e.off(`select`,t),e.off(`reInit`,n)})},{immediate:!0}),n({carousel:O,canScrollNext:M,canScrollPrev:N,selectedIndex:P,scrollSnaps:F,progress:I,setCarouselRef:T,scrollNext:z,scrollPrev:B,scrollTo:V}),v({carousel:O,scrollNext:z,scrollPrev:B,scrollTo:V}),(e,t)=>(u(),o(`div`,{"data-soybean-carousel-root":``,class:c(p(C)),dir:p(k),"data-orientation":s.orientation,"aria-label":A.value,tabindex:j.value,role:`region`,"aria-roledescription":`carousel`,onKeydown:H},[d(e.$slots,`default`,{carousel:p(O),canScrollNext:M.value,canScrollPrev:N.value,selectedIndex:P.value,scrollSnaps:F.value,progress:I.value,scrollNext:z,scrollPrev:B,scrollTo:V})],42,_))}});export{v as default};

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

@@ -1,43 +1,21 @@
-import { DataOrientation, Direction } from "../../types/common.js";
-import { EmblaCarouselType } from "../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/EmblaCarousel.js";
-import { CarouselRootProps } from "./types.js";
+import { DataOrientation } from "../../types/common.js";
+import { CarouselRootProps, CarouselRootSlots, EmblaCarouselType } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/carousel/carousel-root.vue.d.ts
+type __VLS_Slots = CarouselRootSlots;
 declare function scrollNext(): void;
 declare function scrollPrev(): void;
 declare function scrollTo(index: number, jump?: boolean): void;
-declare var __VLS_1: {
-  carouselApi: EmblaCarouselType | undefined;
-  canScrollNext: boolean;
-  canScrollPrev: boolean;
-  selectedIndex: number;
-  scrollSnaps: number[];
-  scrollNext: typeof scrollNext;
-  scrollPrev: typeof scrollPrev;
-  scrollTo: typeof scrollTo;
-  orientation: DataOrientation;
-  dir: Direction;
-};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
-};
 declare const __VLS_base: _$vue.DefineComponent<CarouselRootProps, {
-  dir: _$vue.ComputedRef<Direction>;
-  orientation: _$vue.ComputedRef<DataOrientation>;
-  carouselApi: _$vue.Ref<EmblaCarouselType | undefined, EmblaCarouselType | undefined>;
-  carouselRef: _$vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
-  canScrollNext: _$vue.ShallowRef<boolean, boolean>;
-  canScrollPrev: _$vue.ShallowRef<boolean, boolean>;
-  selectedIndex: _$vue.ShallowRef<number, number>;
-  scrollSnaps: _$vue.ShallowRef<number[], number[]>;
+  carousel: _$vue.ShallowRef<EmblaCarouselType | undefined, EmblaCarouselType | undefined>;
   scrollNext: typeof scrollNext;
   scrollPrev: typeof scrollPrev;
   scrollTo: typeof scrollTo;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  initApi: (api: EmblaCarouselType) => any;
+  init: (carousel: EmblaCarouselType) => any;
 }, string, _$vue.PublicProps, Readonly<CarouselRootProps> & Readonly<{
-  onInitApi?: ((api: EmblaCarouselType) => any) | undefined;
+  onInit?: ((carousel: EmblaCarouselType) => any) | undefined;
 }>, {
   orientation: DataOrientation;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -2,7 +2,6 @@ import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { CarouselUiSlot } from "./types.js";
 import * as _$vue from "vue";
-
 //#region src/components/carousel/context.d.ts
 declare const provideCarouselUi: (ui: _$vue.ComputedRef<Partial<UiClass<CarouselUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<CarouselUiSlot>>>, useCarouselUi: UseUiConsumer<CarouselUiSlot>;
 //#endregion

package/dist/components/carousel/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{computed as n}from"vue";const[r,i]=e(`CarouselRoot`),[a,o]=t(`CarouselUi`,e=>n(()=>e.value??{}));export{r as provideCarouselRootContext,a as provideCarouselUi,i as useCarouselRootContext,o as useCarouselUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{shallowRef as n}from"vue";const[r,i]=e(`CarouselRoot`,e=>{let t=n(``),r=e=>{t.value=e};return{...e,contentId:t,setContentId:r}}),[a,o]=t(`CarouselUi`);export{r as provideCarouselRootContext,a as provideCarouselUi,i as useCarouselRootContext,o as useCarouselUi};

package/dist/components/carousel/hooks.js

@@ -0,0 +1 @@
+import{onBeforeUnmount as e,shallowRef as t,toRef as n,unref as r,watch as i}from"vue";import a from"embla-carousel";import{areOptionsEqual as o,arePluginsEqual as s}from"embla-carousel-reactive-utils";function c(c,l={},u=[]){let d=n(()=>r(l)),f=n(()=>r(u)),p=d.value,m=f.value,h=t();function g(){h.value&&h.value.reInit(p,m)}function _(){h.value&&(h.value.destroy(),h.value=void 0)}return i(c,e=>{_(),e&&(h.value=a(e,p,m))},{flush:`post`,immediate:!0}),i(d,e=>{o(p,e)||(p=e,g())}),i(f,e=>{s(m,e)||(m=e,g())}),e(()=>{_()}),h}export{c as useEmblaCarousel};

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

@@ -1,10 +1,12 @@
-import { EmblaPluginType } from "../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/Plugins.js";
-import { EmblaOptionsType } from "../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/Options.js";
-import { CarouselApi, CarouselContentProps, CarouselItemProps, CarouselNextProps, CarouselPreviousProps, CarouselRootEmits, CarouselRootProps, CarouselUi, CarouselUiSlot } from "./types.js";
-import { _default } from "./carousel-content.vue.js";
-import { _default as _default$1 } from "./carousel-item.vue.js";
-import { _default as _default$2 } from "./carousel-next.vue.js";
-import { _default as _default$3 } from "./carousel-previous.vue.js";
-import { _default as _default$4 } from "./carousel-root.vue.js";
+import { CarouselCompactEmits, CarouselCompactProps, CarouselCompactSlots, CarouselContainerProps, CarouselContentProps, CarouselControlProps, CarouselItemProps, CarouselNavigationProps, CarouselNextProps, CarouselPreviousProps, CarouselRootEmits, CarouselRootProps, CarouselRootSlotProps, CarouselRootSlots, CarouselUi, CarouselUiSlot, EmblaCarouselType, EmblaOptionsType, EmblaPluginType } from "./types.js";
+import { _default } from "./carousel-compact.vue.js";
+import { _default as _default$8 } from "./carousel-root.vue.js";
+import { _default as _default$2 } from "./carousel-content.vue.js";
+import { _default as _default$1 } from "./carousel-container.vue.js";
+import { _default as _default$4 } from "./carousel-item.vue.js";
+import { _default as _default$3 } from "./carousel-control.vue.js";
+import { _default as _default$5 } from "./carousel-navigation.vue.js";
+import { _default as _default$6 } from "./carousel-next.vue.js";
+import { _default as _default$7 } from "./carousel-previous.vue.js";
 import { provideCarouselUi } from "./context.js";
-export { type CarouselApi, _default as CarouselContent, type CarouselContentProps, _default$1 as CarouselItem, type CarouselItemProps, _default$2 as CarouselNext, type CarouselNextProps, type EmblaOptionsType as CarouselOptions, type EmblaPluginType as CarouselPlugin, _default$3 as CarouselPrevious, type CarouselPreviousProps, _default$4 as CarouselRoot, type CarouselRootEmits, type CarouselRootProps, type CarouselUi, type CarouselUiSlot, provideCarouselUi };
+export { _default as CarouselCompact, type CarouselCompactEmits, type CarouselCompactProps, type CarouselCompactSlots, _default$1 as CarouselContainer, type CarouselContainerProps, _default$2 as CarouselContent, type CarouselContentProps, _default$3 as CarouselControl, type CarouselControlProps, _default$4 as CarouselItem, type CarouselItemProps, _default$5 as CarouselNavigation, type CarouselNavigationProps, _default$6 as CarouselNext, type CarouselNextProps, _default$7 as CarouselPrevious, type CarouselPreviousProps, _default$8 as CarouselRoot, type CarouselRootEmits, type CarouselRootProps, type CarouselRootSlotProps, type CarouselRootSlots, type CarouselUi, type CarouselUiSlot, type EmblaCarouselType, type EmblaOptionsType, type EmblaPluginType, provideCarouselUi };

package/dist/components/carousel/index.js

@@ -1 +1 @@
-import{provideCarouselUi as e}from"./context.js";import t from"./carousel-content.js";import n from"./carousel-item.js";import r from"./carousel-next.js";import i from"./carousel-previous.js";import a from"./carousel-root.js";export{t as CarouselContent,n as CarouselItem,r as CarouselNext,i as CarouselPrevious,a as CarouselRoot,e as provideCarouselUi};
+import{provideCarouselUi as e}from"./context.js";import t from"./carousel-root.js";import n from"./carousel-content.js";import r from"./carousel-container.js";import i from"./carousel-item.js";import a from"./carousel-control.js";import o from"./carousel-navigation.js";import s from"./carousel-previous.js";import c from"./carousel-next.js";import l from"./carousel-compact.js";export{l as CarouselCompact,r as CarouselContainer,n as CarouselContent,a as CarouselControl,i as CarouselItem,o as CarouselNavigation,c as CarouselNext,s as CarouselPrevious,t as CarouselRoot,e as provideCarouselUi};

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

@@ -1,68 +1,161 @@
-import { DataOrientation, Direction, UiClass } from "../../types/common.js";
+import { DataOrientation, DefinedValue, Direction, UiClass } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
 import { ButtonProps } from "../button/types.js";
-import { EmblaPluginType } from "../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/Plugins.js";
-import { EmblaOptionsType } from "../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/Options.js";
-import { ComputedRef, HTMLAttributes, Ref, ShallowRef } from "vue";
-import { EmblaCarouselVueType } from "embla-carousel-vue";
+import { ShallowRef } from "vue";
+import { EmblaCarouselType, EmblaOptionsType, EmblaPluginType } from "embla-carousel";
 
 //#region src/components/carousel/types.d.ts
 /**
- * Props for the carousel root component.
+ * Properties for the CarouselRoot component.
  */
-interface CarouselRootProps extends /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {
+interface CarouselRootProps extends BaseProps {
   /**
-   * Opts.
-   */
-  opts?: EmblaOptionsType;
-  /**
-   * Plugins.
+   * Reading direction of the component.
    */
-  plugins?: EmblaPluginType[];
+  dir?: Direction;
   /**
    * Orientation of the component.
    */
   orientation?: DataOrientation;
   /**
-   * Reading direction of the component.
+   * Options.
    */
-  dir?: Direction;
+  options?: EmblaOptionsType;
+  /**
+   * Plugins.
+   */
+  plugins?: EmblaPluginType[];
 }
 /**
- * Type information for the carousel api component.
- */
-type CarouselApi = NonNullable<EmblaCarouselVueType[1]['value']>;
-/**
- * Emits for the carousel root component.
+ * Events for the CarouselRoot component.
  */
 type CarouselRootEmits = {
   /**
-   * Emitted when init api occurs.
+   * Emitted when init occurs.
    */
-  initApi: [api: CarouselApi];
+  init: [carousel: EmblaCarouselType];
 };
 /**
- * Props for the carousel content component.
+ * Slot properties for the CarouselRoot component.
  */
-interface CarouselContentProps extends /** @vue-ignore */HTMLAttributes {}
+interface CarouselRootSlotProps {
+  carousel: EmblaCarouselType | undefined;
+  canScrollNext: boolean;
+  canScrollPrev: boolean;
+  selectedIndex: number;
+  scrollSnaps: number[];
+  progress: number;
+  scrollNext: () => void;
+  scrollPrev: () => void;
+  scrollTo: (index: number, jump?: boolean) => void;
+}
 /**
- * Props for the carousel item component.
+ * Slots for the CarouselRoot component.
  */
-interface CarouselItemProps extends /** @vue-ignore */HTMLAttributes {}
+type CarouselRootSlots = {
+  default?: (props: CarouselRootSlotProps) => any;
+};
+/**
+ * Properties for the CarouselContent component.
+ */
+interface CarouselContentProps extends BaseProps {}
+/**
+ * Properties for the CarouselContainer component.
+ */
+interface CarouselContainerProps extends BaseProps {}
+/**
+ * Properties for the CarouselItem component.
+ */
+interface CarouselItemProps extends BaseProps {}
 /**
- * Props for the carousel previous component.
+ * Properties for the CarouselControl component.
+ */
+interface CarouselControlProps extends BaseProps {}
+/**
+ * Properties for the CarouselNavigation component.
+ */
+interface CarouselNavigationProps extends BaseProps {}
+/**
+ * Properties for the CarouselPrevious component.
  */
 interface CarouselPreviousProps extends ButtonProps {}
 /**
- * Props for the carousel next component.
+ * Properties for the CarouselNext component.
  */
 interface CarouselNextProps extends ButtonProps {}
 /**
- * Available UI slots for the carousel component.
+ * Properties for the CarouselCompact component.
+ */
+interface CarouselCompactProps<T extends DefinedValue = DefinedValue> extends CarouselRootProps {
+  /**
+   * Slides to be rendered in the carousel.
+   */
+  slides: T[];
+  /**
+   * Per-slot properties for the component, allowing you to pass props directly to the sub components without needing to use the `v-slot` API. This is useful for quickly customizing the sub components without needing to use the full flexibility of slots.
+   */
+  contentProps?: CarouselContentProps;
+  /**
+   * Per-slot properties for the component, allowing you to pass props directly to the sub components without needing to use the `v-slot` API. This is useful for quickly customizing the sub components without needing to use the full flexibility of slots.
+   */
+  containerProps?: CarouselContainerProps;
+  /**
+   * Per-slot properties for the component, allowing you to pass props directly to the sub components without needing to use the `v-slot` API. This is useful for quickly customizing the sub components without needing to use the full flexibility of slots.
+   */
+  itemProps?: CarouselItemProps;
+  /**
+   * Per-slot properties for the component, allowing you to pass props directly to the sub components without needing to use the `v-slot` API. This is useful for quickly customizing the sub components without needing to use the full flexibility of slots.
+   */
+  controlProps?: CarouselControlProps;
+  /**
+   * Per-slot properties for the component, allowing you to pass props directly to the sub components without needing to use the `v-slot` API. This is useful for quickly customizing the sub components without needing to use the full flexibility of slots.
+   */
+  navigationProps?: CarouselNavigationProps;
+  /**
+   * Per-slot properties for the component, allowing you to pass props directly to the sub components without needing to use the `v-slot` API. This is useful for quickly customizing the sub components without needing to use the full flexibility of slots.
+   */
+  previousProps?: CarouselPreviousProps;
+  /**
+   * Per-slot properties for the component, allowing you to pass props directly to the sub components without needing to use the `v-slot` API. This is useful for quickly customizing the sub components without needing to use the full flexibility of slots.
+   */
+  nextProps?: CarouselNextProps;
+}
+/**
+ * Events for the CarouselCompact component.
+ */
+type CarouselCompactEmits = CarouselRootEmits;
+/**
+ * Slots for the CarouselCompact component.
+ */
+type CarouselCompactSlots<T extends DefinedValue = DefinedValue> = {
+  /**
+   * Default slot for the carousel component, which can be used to render custom content in the carousel. The slot props include all the necessary information and methods to control the carousel, such as the carousel instance, whether it can scroll next or prev, the selected index, scroll snaps, progress, and methods to scroll next, prev, or to a specific index.
+   */
+  item?: (props: CarouselRootSlotProps & {
+    slide: T;
+    index: number;
+    selected: boolean;
+  }) => any;
+  /**
+   * Control slot for the carousel component, which can be used to render custom controls for the carousel. The slot props include all the necessary information and methods to control the carousel, such as the carousel instance, whether it can scroll next or prev, the selected index, scroll snaps, progress, and methods to scroll next, prev, or to a specific index.
+   */
+  control?: (props: CarouselRootSlotProps) => any;
+  /**
+   * Navigation slot for the carousel component, which can be used to render custom navigation for the carousel. The slot props include all the necessary information and methods to control the carousel, such as the carousel instance, whether it can scroll next or prev, the selected index, scroll snaps, progress, and methods to scroll next, prev, or to a specific index.
+   */
+  previous?: (props: CarouselRootSlotProps) => any;
+  /**
+   * Next slot for the carousel component, which can be used to render custom next controls for the carousel. The slot props include all the necessary information and methods to control the carousel, such as the carousel instance, whether it can scroll next or prev, the selected index, scroll snaps, progress, and methods to scroll next, prev, or to a specific index.
+   */
+  next?: (props: CarouselRootSlotProps) => any;
+};
+/**
+ * Available UI slots for the Carousel component.
  */
-type CarouselUiSlot = 'root' | 'content' | 'container' | 'item' | 'previous' | 'next';
+type CarouselUiSlot = 'root' | 'content' | 'container' | 'item' | 'control' | 'navigation' | 'previous' | 'next';
 /**
- * UI class overrides for the carousel component.
+ * UI class overrides for the Carousel component.
  */
 type CarouselUi = UiClass<CarouselUiSlot>;
 //#endregion
-export { CarouselApi, CarouselContentProps, CarouselItemProps, CarouselNextProps, CarouselPreviousProps, CarouselRootEmits, CarouselRootProps, CarouselUi, CarouselUiSlot };
+export { CarouselCompactEmits, CarouselCompactProps, CarouselCompactSlots, CarouselContainerProps, CarouselContentProps, CarouselControlProps, CarouselItemProps, CarouselNavigationProps, CarouselNextProps, CarouselPreviousProps, CarouselRootEmits, CarouselRootProps, CarouselRootSlotProps, CarouselRootSlots, CarouselUi, CarouselUiSlot, type EmblaCarouselType, type EmblaOptionsType, type EmblaPluginType };

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import{useCheckboxCardUi as n}from"./context.js";import r from"./checkbox-root.js";import i from"./checkbox-control.js";import a from"./checkbox-indicator.js";import o from"./checkbox-label.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createTextVNode as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeClass as _,normalizeProps as v,openBlock as y,renderSlot as b,toDisplayString as x,unref as S,useId as C,useSlots as w,withCtx as T}from"vue";const E=m({name:`CheckboxCardCompact`,__name:`checkbox-card-compact`,props:{icon:{},description:{},label:{},controlProps:{},indicatorProps:{},labelProps:{},id:{},modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(m,{emit:E}){let D=m,O=E,k=w(),A=e(D,[`label`,`icon`,`description`,`controlProps`,`indicatorProps`,`labelProps`]),j=n(),M=C(),N=s(()=>D.id||`checkbox-${M}`),P=s(()=>D.modelValue===`indeterminate`);return(e,n)=>(y(),c(r,g(S(A),{"onUpdate:modelValue":n[0]||(n[0]=e=>O(`update:modelValue`,e))}),{default:T(()=>[d(`div`,{class:_(S(j).content)},[p(t,{icon:m.icon,class:_(S(j).icon)},null,8,[`icon`,`class`]),d(`div`,{class:_(S(j).textContent)},[p(o,g(m.labelProps,{for:N.value}),{default:T(()=>[b(e.$slots,`default`,{id:N.value},()=>[f(x(m.label),1)])]),_:3},16,[`for`]),S(k).description||m.description?(y(),u(`p`,{key:0,class:_(S(j).description)},[b(e.$slots,`description`,{},()=>[f(x(m.description),1)])],2)):l(`v-if`,!0)],2)],2),p(i,g(m.controlProps,{id:N.value,class:`checkbox-control`}),{default:T(()=>[p(a,v(h(m.indicatorProps)),{default:T(n=>[b(e.$slots,`indicator`,v(h(n)),()=>[p(t,{icon:P.value?`lucide:minus`:`lucide:check`,class:_(S(j)[`indicator-icon`])},null,8,[`icon`,`class`])])]),_:3},16)]),_:3},16,[`id`])]),_:3},16))}});export{E as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import{useCheckboxCardUi as n}from"./context.js";import r from"./checkbox-root.js";import i from"./checkbox-control.js";import a from"./checkbox-indicator.js";import o from"./checkbox-label.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createTextVNode as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeClass as _,normalizeProps as v,openBlock as y,renderSlot as b,toDisplayString as x,unref as S,useId as C,useSlots as w,withCtx as T}from"vue";const E=m({name:`CheckboxCardCompact`,__name:`checkbox-card-compact`,props:{icon:{},description:{},label:{},controlProps:{},indicatorProps:{},labelProps:{},id:{},modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(m,{emit:E}){let D=m,O=E,k=w(),A=e(D,[`label`,`icon`,`description`,`controlProps`,`indicatorProps`,`labelProps`]),j=n(),M=C(),N=s(()=>D.id||`checkbox-${M}`),P=s(()=>D.modelValue===`indeterminate`);return(e,n)=>(y(),c(r,g(S(A),{"onUpdate:modelValue":n[0]||(n[0]=e=>O(`update:modelValue`,e))}),{default:T(()=>[d(`div`,{class:_(S(j).content)},[p(t,{icon:m.icon,class:_(S(j).icon)},null,8,[`icon`,`class`]),d(`div`,{class:_(S(j).textContent)},[p(o,g(m.labelProps,{for:N.value}),{default:T(()=>[b(e.$slots,`default`,{id:N.value},()=>[f(x(m.label),1)])]),_:3},16,[`for`]),S(k).description||m.description?(y(),u(`p`,{key:0,class:_(S(j).description)},[b(e.$slots,`description`,{},()=>[f(x(m.description),1)])],2)):l(`v-if`,!0)],2)],2),p(i,g(m.controlProps,{id:N.value}),{default:T(()=>[p(a,v(h(m.indicatorProps)),{default:T(n=>[b(e.$slots,`indicator`,v(h(n)),()=>[p(t,{icon:P.value?`lucide:minus`:`lucide:check`,class:_(S(j)[`indicator-icon`])},null,8,[`icon`,`class`])])]),_:3},16)]),_:3},16,[`id`])]),_:3},16))}});export{E as default};

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./checkbox-card-compact.js";import n from"./checkbox-group-root.js";import{Fragment as r,createBlock as i,createElementBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderList as l,unref as u,withCtx as d}from"vue";const f=o({name:`CheckboxCardGroupCompact`,__name:`checkbox-card-group-compact`,props:{items:{},rootProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(o,{emit:f}){let p=o,m=f,h=e(p,[`items`,`rootProps`,`controlProps`,`indicatorProps`,`labelProps`]);return(e,f)=>(c(),i(n,s(u(h),{"onUpdate:modelValue":f[0]||(f[0]=e=>m(`update:modelValue`,e))}),{default:d(()=>[(c(!0),a(r,null,l(o.items,e=>(c(),i(t,{key:e.value,label:e.label,icon:e.icon,description:e.description,value:e.value,disabled:o.disabled||e.disabled,"control-props":o.controlProps,"indicator-props":o.indicatorProps,"label-props":o.labelProps},null,8,[`label`,`icon`,`description`,`value`,`disabled`,`control-props`,`indicator-props`,`label-props`]))),128))]),_:1},16))}});export{f as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./checkbox-card-compact.js";import n from"./checkbox-group-root.js";import{Fragment as r,createBlock as i,createElementBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderList as l,unref as u,withCtx as d}from"vue";const f=o({name:`CheckboxCardGroupCompact`,__name:`checkbox-card-group-compact`,props:{items:{},rootProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},rovingFocus:{type:Boolean,default:!0},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(o,{emit:f}){let p=o,m=f,h=e(p,[`items`,`rootProps`,`controlProps`,`indicatorProps`,`labelProps`]);return(e,f)=>(c(),i(n,s(u(h),{"onUpdate:modelValue":f[0]||(f[0]=e=>m(`update:modelValue`,e))}),{default:d(()=>[(c(!0),a(r,null,l(o.items,e=>(c(),i(t,{key:e.value,label:e.label,icon:e.icon,description:e.description,value:e.value,disabled:o.disabled||e.disabled,"control-props":o.controlProps,"indicator-props":o.indicatorProps,"label-props":o.labelProps},null,8,[`label`,`icon`,`description`,`value`,`disabled`,`control-props`,`indicator-props`,`label-props`]))),128))]),_:1},16))}});export{f as default};

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

@@ -4,11 +4,11 @@ import * as _$vue from "vue";
 
 //#region src/components/checkbox/checkbox-compact.vue.d.ts
 declare var __VLS_22: {
-    modelValue: CheckedState | null | undefined;
+    modelValue: CheckedState | null;
     state: CheckedState;
   }, __VLS_35: {
     id: string;
-    modelValue: CheckedState | null | undefined;
+    modelValue: CheckedState | null;
     state: CheckedState;
   };
 type __VLS_Slots = {} & {

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"../../shared/index.js";import{useForwardElement as i}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useCheckboxGroupRootContext as a,useCheckboxRootContext as o,useCheckboxUi as s}from"./context.js";import c from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.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";const 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,onClick:B,onKeydown:b(x(B,[`prevent`]),[`enter`])},{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`,`onKeydown`]))}});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"../../shared/index.js";import{useForwardElement as i}from"../../composables/use-forward-element.js";import"../../composables/index.js";import a from"../button/button.js";import{useCheckboxGroupRootContext as o,useCheckboxRootContext as s,useCheckboxUi as c}from"./context.js";import l from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{computed as u,createBlock as d,defineComponent as f,mergeProps as p,openBlock as m,renderSlot as h,resolveDynamicComponent as g,unref as _,useAttrs as v,watchEffect as y,withCtx as b,withKeys as x,withModifiers as S}from"vue";const C=f({name:`CheckboxControl`,__name:`checkbox-control`,props:{id:{},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(f){let C=f,w=v(),T=c(`control`),E=o(),{modelValue:D,value:O,disabled:k,state:A,ariaChecked:j,dataState:M,required:N,initControlId:P}=s(`CheckboxControl`),[F,I]=i(),L=u(()=>E?.rovingFocus?.value),R=u(()=>r(F.value,C.id,w[`aria-label`])),z=u(()=>L.value?!k.value:void 0),B=()=>{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 y(()=>{C.id&&P(C.id)}),(e,t)=>(m(),d(g(L.value?_(l):a),p({ref:_(I)},C,{as:L.value?a:C.as,"data-soybean-checkbox-control":``,class:_(T),focusable:z.value,role:`checkbox`,disabled:_(k),"aria-checked":_(j),"aria-label":R.value,"aria-required":_(N),"data-state":_(M),onClick:B,onKeydown:x(S(B,[`prevent`]),[`enter`])}),{default:b(()=>[h(e.$slots,`default`,{modelValue:_(D),state:_(A)})]),_:3},16,[`as`,`class`,`focusable`,`disabled`,`aria-checked`,`aria-label`,`aria-required`,`data-state`,`onKeydown`]))}});export{C as default};

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./checkbox-compact.js";import n from"./checkbox-group-root.js";import{Fragment as r,createBlock as i,createElementBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderList as l,unref as u,withCtx as d}from"vue";const f=o({name:`CheckboxGroupCompact`,__name:`checkbox-group-compact`,props:{items:{},rootProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(o,{emit:f}){let p=o,m=f,h=e(p,[`items`,`rootProps`,`controlProps`,`indicatorProps`,`labelProps`]);return(e,f)=>(c(),i(n,s(u(h),{"onUpdate:modelValue":f[0]||(f[0]=e=>m(`update:modelValue`,e))}),{default:d(()=>[(c(!0),a(r,null,l(o.items,e=>(c(),i(t,s({ref_for:!0},o.rootProps,{key:e.value,value:e.value,label:e.label,disabled:o.disabled||e.disabled,"control-props":o.controlProps,"indicator-props":o.indicatorProps,"label-props":o.labelProps}),null,16,[`value`,`label`,`disabled`,`control-props`,`indicator-props`,`label-props`]))),128))]),_:1},16))}});export{f as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./checkbox-compact.js";import n from"./checkbox-group-root.js";import{Fragment as r,createBlock as i,createElementBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderList as l,unref as u,withCtx as d}from"vue";const f=o({name:`CheckboxGroupCompact`,__name:`checkbox-group-compact`,props:{items:{},rootProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},rovingFocus:{type:Boolean,default:!0},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(o,{emit:f}){let p=o,m=f,h=e(p,[`items`,`rootProps`,`controlProps`,`indicatorProps`,`labelProps`]);return(e,f)=>(c(),i(n,s(u(h),{"onUpdate:modelValue":f[0]||(f[0]=e=>m(`update:modelValue`,e))}),{default:d(()=>[(c(!0),a(r,null,l(o.items,e=>(c(),i(t,s({ref_for:!0},o.rootProps,{key:e.value,value:e.value,label:e.label,disabled:o.disabled||e.disabled,"control-props":o.controlProps,"indicator-props":o.indicatorProps,"label-props":o.labelProps}),null,16,[`value`,`label`,`disabled`,`control-props`,`indicator-props`,`label-props`]))),128))]),_:1},16))}});export{f as default};

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

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

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

@@ -1 +1 @@
-import{isIndeterminate as e}from"../../shared/value.js";import"../../shared/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{usePresence as n}from"../../composables/use-presence.js";import"../../composables/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.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";const 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};
+import{isIndeterminate as e}from"../../shared/value.js";import"../../shared/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{usePresence as n}from"../../composables/use-presence.js";import"../../composables/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.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";const h=c({name:`CheckboxIndicator`,__name:`checkbox-indicator`,props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{default:`span`}},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,"data-soybean-checkbox-indicator":``,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-label.js

@@ -1 +1 @@
-import{useCheckboxRootContext as e,useCheckboxUi as t}from"./context.js";import n from"../label/label.js";import"../label/index.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";const 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};
+import{useCheckboxRootContext as e,useCheckboxUi as t}from"./context.js";import n from"../label/label.js";import"../label/index.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";const 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),{"data-soybean-checkbox-label":``,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-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"../../shared/index.js";import{useControllableState as i}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import a from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.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`],b=p({name:`CheckboxRoot`,__name:`checkbox-root`,props:{id:{},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};
+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"../../shared/index.js";import{useControllableState as i}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import a from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.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`],b=p({name:`CheckboxRoot`,__name:`checkbox-root`,props:{id:{},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=>{S(`update:modelValue`,e)},x.defaultValue??null),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,"data-soybean-checkbox-root":``,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

@@ -4,7 +4,7 @@ import * as _$vue from "vue";
 
 //#region src/components/checkbox/checkbox-root.vue.d.ts
 declare var __VLS_1: {
-  modelValue: CheckedState | null | undefined;
+  modelValue: CheckedState | null;
   state: CheckedState;
 };
 type __VLS_Slots = {} & {

package/dist/components/checkbox/context.js

@@ -1 +1 @@
-import{getCheckedState as e,isIndeterminate as t}from"../../shared/value.js";import"../../shared/index.js";import{useContext as n}from"../../composables/use-context.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.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`),[f,p]=r(`CheckboxCardUi`,e=>(u(e),e));export{f as provideCheckboxCardUi,o as provideCheckboxGroupRootContext,c as provideCheckboxRootContext,u as provideCheckboxUi,p as useCheckboxCardUi,s as useCheckboxGroupRootContext,l as useCheckboxRootContext,d as useCheckboxUi};
+import{getCheckedState as e,isIndeterminate as t}from"../../shared/value.js";import{useContext as n}from"../../composables/use-context.js";import"../../shared/index.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.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`),[f,p]=r(`CheckboxCardUi`,e=>(u(e),e));export{f as provideCheckboxCardUi,o as provideCheckboxGroupRootContext,c as provideCheckboxRootContext,u as provideCheckboxUi,p as useCheckboxCardUi,s as useCheckboxGroupRootContext,l as useCheckboxRootContext,d as useCheckboxUi};