@soybeanjs/headless 0.16.0 → 0.18.0

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),class:a(c(m)),"data-soybean-carousel-content":``},[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`,{class:r(o(s)),"data-soybean-carousel-control":``},[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`,{class:r(o(s)),"data-soybean-carousel-item":``,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`,{class:r(o(s)),"data-soybean-carousel-navigation":``},[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`);return(e,r)=>(d(),o(n,u(p(v),{class:p(y),disabled:C.value,"aria-controls":p(x)||void 0,"aria-label":w.value,"data-soybean-carousel-next":``,onClick:p(S)}),{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`,`onClick`]))}});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"../button/index.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`);return(e,r)=>(d(),o(p(n),u(p(v),{class:p(y),disabled:C.value,"aria-controls":p(x)||void 0,"aria-label":w.value,"data-soybean-carousel-previous":``,onClick:p(S)}),{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`,`onClick`]))}});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{useForwardElement as e}from"../../composables/use-forward-element.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{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]=e(),E=f({}),D=f([]),O=i(w,E,D),k=t(()=>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`,{class:c(p(C)),dir:p(k),"data-orientation":s.orientation,"aria-label":A.value,tabindex:j.value,"data-soybean-carousel-root":``,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,26 +1,160 @@
-import { DataOrientation, Direction, UiClass } from "../../types/common.js";
+import { DataOrientation, DefinedValue, Direction, UiClass } from "../../types/common.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 { HTMLAttributes, ShallowRef } from "vue";
+import { EmblaCarouselType, EmblaOptionsType, EmblaPluginType } from "embla-carousel";
 
 //#region src/components/carousel/types.d.ts
+/**
+ * Properties for the CarouselRoot component.
+ */
 interface CarouselRootProps extends /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {
-  opts?: EmblaOptionsType;
-  plugins?: EmblaPluginType[];
-  orientation?: DataOrientation;
+  /**
+   * Reading direction of the component.
+   */
   dir?: Direction;
+  /**
+   * Orientation of the component.
+   */
+  orientation?: DataOrientation;
+  /**
+   * Options.
+   */
+  options?: EmblaOptionsType;
+  /**
+   * Plugins.
+   */
+  plugins?: EmblaPluginType[];
 }
-type CarouselApi = NonNullable<EmblaCarouselVueType[1]['value']>;
+/**
+ * Events for the CarouselRoot component.
+ */
 type CarouselRootEmits = {
-  initApi: [api: CarouselApi];
+  /**
+   * Emitted when init occurs.
+   */
+  init: [carousel: EmblaCarouselType];
 };
+/**
+ * Slot properties for the CarouselRoot component.
+ */
+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;
+}
+/**
+ * Slots for the CarouselRoot component.
+ */
+type CarouselRootSlots = {
+  default?: (props: CarouselRootSlotProps) => any;
+};
+/**
+ * Properties for the CarouselContent component.
+ */
 interface CarouselContentProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the CarouselContainer component.
+ */
+interface CarouselContainerProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the CarouselItem component.
+ */
 interface CarouselItemProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the CarouselControl component.
+ */
+interface CarouselControlProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the CarouselNavigation component.
+ */
+interface CarouselNavigationProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the CarouselPrevious component.
+ */
 interface CarouselPreviousProps extends ButtonProps {}
+/**
+ * Properties for the CarouselNext component.
+ */
 interface CarouselNextProps extends ButtonProps {}
-type CarouselUiSlot = 'root' | 'content' | 'container' | 'item' | 'previous' | 'next';
+/**
+ * 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' | 'control' | 'navigation' | 'previous' | 'next';
+/**
+ * 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/types.d.ts

@@ -7,7 +7,13 @@ import { RovingFocusGroupProps } from "../roving-focus/types.js";
 import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/checkbox/types.d.ts
+/**
+ * Properties for the CheckboxRoot component.
+ */
 interface CheckboxRootProps extends FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
+  /**
+   * Id.
+   */
   id?: string;
   /** The controlled value of the checkbox. Can be bound with v-model. */
   modelValue?: CheckedState | null;
@@ -26,23 +32,56 @@ interface CheckboxRootProps extends FormFieldCommonProps, /** @vue-ignore */HTML
    */
   disabled?: boolean;
 }
+/**
+ * Events for the CheckboxRoot component.
+ */
 type CheckboxRootEmits = {
   /** Event handler called when the value of the checkbox changes. */'update:modelValue': [value: CheckedState | null];
 };
+/**
+ * Properties for the CheckboxControl component.
+ */
 interface CheckboxControlProps extends /** @vue-ignore */ButtonHTMLAttributes {
   /** Id of the element */
   id?: string;
 }
+/**
+ * Properties for the CheckboxIndicator component.
+ */
 interface CheckboxIndicatorProps extends PrimitiveProps, ForceMountProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Option data for the CheckboxGroup component.
+ */
 type CheckboxGroupOptionData<T extends DefinedValue = DefinedValue> = {
+  /**
+   * Value associated with the current item.
+   */
   value: T;
+  /**
+   * Label text rendered by the component.
+   */
   label: string;
+  /**
+   * Whether the component is disabled.
+   */
   disabled?: boolean;
 };
+/**
+ * Option data for the CheckboxCardGroup component.
+ */
 type CheckboxCardGroupOptionData<T extends DefinedValue = DefinedValue> = CheckboxGroupOptionData<T> & {
+  /**
+   * Icon rendered by the component.
+   */
   icon?: string;
+  /**
+   * Description text rendered by the component.
+   */
   description?: string;
 };
+/**
+ * Properties for the CheckboxGroupRoot component.
+ */
 interface CheckboxGroupRootProps<T extends DefinedValue = DefinedValue> extends Omit<RovingFocusGroupProps, 'currentTabStopId' | 'defaultCurrentTabStopId' | 'preventScrollOnEntryFocus' | 'as' | 'asChild'>, FormFieldCommonProps {
   /** The controlled value of the checkbox. Can be bound with v-model. */
   modelValue?: T[];
@@ -61,34 +100,106 @@ interface CheckboxGroupRootProps<T extends DefinedValue = DefinedValue> extends
    */
   disabled?: boolean;
 }
+/**
+ * Events for the CheckboxGroupRoot component.
+ */
 type CheckboxGroupRootEmits<T extends DefinedValue = DefinedValue> = {
   /** Event handler called when the value of the checkbox group changes. */'update:modelValue': [value: T[]];
 };
+/**
+ * Properties for the CheckboxCompact component.
+ */
 interface CheckboxCompactProps extends CheckboxRootProps {
+  /**
+   * Label text rendered by the component.
+   */
   label?: string;
+  /**
+   * Properties forwarded to the control element.
+   */
   controlProps?: CheckboxControlProps;
+  /**
+   * Properties forwarded to the indicator element.
+   */
   indicatorProps?: CheckboxIndicatorProps;
+  /**
+   * Properties forwarded to the label element.
+   */
   labelProps?: LabelProps;
 }
+/**
+ * Events for the CheckboxCompact component.
+ */
 type CheckboxCompactEmits = CheckboxRootEmits;
+/**
+ * Properties for the CheckboxCardCompact component.
+ */
 interface CheckboxCardCompactProps extends CheckboxCompactProps {
+  /**
+   * Icon rendered by the component.
+   */
   icon?: IconValue;
+  /**
+   * Description text rendered by the component.
+   */
   description?: string;
 }
+/**
+ * Events for the CheckboxCardCompact component.
+ */
 type CheckboxCardCompactEmits = CheckboxCompactEmits;
+/**
+ * Properties for the CheckboxGroupCompact component.
+ */
 interface CheckboxGroupCompactProps<T extends CheckboxGroupOptionData = CheckboxGroupOptionData> extends CheckboxGroupRootProps<T['value']> {
+  /**
+   * Items rendered by the component.
+   */
   items: T[];
+  /**
+   * Properties forwarded to the root element.
+   */
   rootProps?: CheckboxRootProps;
+  /**
+   * Properties forwarded to the control element.
+   */
   controlProps?: CheckboxControlProps;
+  /**
+   * Properties forwarded to the indicator element.
+   */
   indicatorProps?: CheckboxIndicatorProps;
+  /**
+   * Properties forwarded to the label element.
+   */
   labelProps?: LabelProps;
 }
+/**
+ * Properties for the CheckboxCardGroupCompact component.
+ */
 interface CheckboxCardGroupCompactProps<T extends CheckboxCardGroupOptionData = CheckboxCardGroupOptionData> extends CheckboxGroupCompactProps<T> {}
+/**
+ * Events for the CheckboxGroupCompact component.
+ */
 type CheckboxGroupCompactEmits<T extends DefinedValue = DefinedValue> = CheckboxGroupRootEmits<T>;
+/**
+ * Events for the CheckboxCardGroupCompact component.
+ */
 type CheckboxCardGroupCompactEmits<T extends DefinedValue = DefinedValue> = CheckboxGroupRootEmits<T>;
+/**
+ * Available UI slots for the Checkbox component.
+ */
 type CheckboxUiSlot = 'groupRoot' | 'root' | 'indicator' | 'indicator-icon' | 'label' | 'control';
+/**
+ * Available UI slots for the CheckboxCard component.
+ */
 type CheckboxCardUiSlot = CheckboxUiSlot | 'content' | 'icon' | 'textContent' | 'description';
+/**
+ * UI class overrides for the Checkbox component.
+ */
 type CheckboxUi = UiClass<CheckboxUiSlot>;
+/**
+ * UI class overrides for the CheckboxCard component.
+ */
 type CheckboxCardUi = UiClass<CheckboxCardUiSlot>;
 //#endregion
 export { CheckboxCardCompactEmits, CheckboxCardCompactProps, CheckboxCardGroupCompactEmits, CheckboxCardGroupCompactProps, CheckboxCardGroupOptionData, CheckboxCardUi, CheckboxCardUiSlot, CheckboxCompactEmits, CheckboxCompactProps, CheckboxControlProps, CheckboxGroupCompactEmits, CheckboxGroupCompactProps, CheckboxGroupOptionData, CheckboxGroupRootEmits, CheckboxGroupRootProps, CheckboxIndicatorProps, CheckboxRootEmits, CheckboxRootProps, CheckboxUi, CheckboxUiSlot };

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

@@ -36,11 +36,11 @@ type __VLS_Slots = {} & {
   trailing?: (props: typeof __VLS_19) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ClipboardProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  click: (event: MouseEvent) => any;
+  click: (event: PointerEvent) => any;
   copied: (value: string) => any;
   copyError: (error: unknown) => any;
 }, string, _$vue.PublicProps, Readonly<ClipboardProps> & Readonly<{
-  onClick?: ((event: MouseEvent) => any) | undefined;
+  onClick?: ((event: PointerEvent) => any) | undefined;
   onCopied?: ((value: string) => any) | undefined;
   onCopyError?: ((error: unknown) => any) | undefined;
 }>, {