@soybeanjs/headless 0.17.0 → 0.18.0

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,68 +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
 /**
- * Props for the carousel root component.
+ * Properties for the CarouselRoot component.
  */
 interface CarouselRootProps extends /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {
   /**
-   * 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 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 {}
 /**
- * Props for the carousel item component.
+ * Properties for the CarouselContainer component.
+ */
+interface CarouselContainerProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the CarouselItem component.
  */
 interface CarouselItemProps extends /** @vue-ignore */HTMLAttributes {}
 /**
- * Props for the carousel previous component.
+ * 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 {}
 /**
- * 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/types.d.ts

@@ -8,7 +8,7 @@ import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "v
 
 //#region src/components/checkbox/types.d.ts
 /**
- * Props for the checkbox root component.
+ * Properties for the CheckboxRoot component.
  */
 interface CheckboxRootProps extends FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
   /**
@@ -33,24 +33,24 @@ interface CheckboxRootProps extends FormFieldCommonProps, /** @vue-ignore */HTML
   disabled?: boolean;
 }
 /**
- * Emits for the checkbox root component.
+ * Events for the CheckboxRoot component.
  */
 type CheckboxRootEmits = {
   /** Event handler called when the value of the checkbox changes. */'update:modelValue': [value: CheckedState | null];
 };
 /**
- * Props for the checkbox control component.
+ * Properties for the CheckboxControl component.
  */
 interface CheckboxControlProps extends /** @vue-ignore */ButtonHTMLAttributes {
   /** Id of the element */
   id?: string;
 }
 /**
- * Props for the checkbox indicator component.
+ * Properties for the CheckboxIndicator component.
  */
 interface CheckboxIndicatorProps extends PrimitiveProps, ForceMountProps, /** @vue-ignore */HTMLAttributes {}
 /**
- * Option data for the checkbox group component.
+ * Option data for the CheckboxGroup component.
  */
 type CheckboxGroupOptionData<T extends DefinedValue = DefinedValue> = {
   /**
@@ -67,7 +67,7 @@ type CheckboxGroupOptionData<T extends DefinedValue = DefinedValue> = {
   disabled?: boolean;
 };
 /**
- * Option data for the checkbox card group component.
+ * Option data for the CheckboxCardGroup component.
  */
 type CheckboxCardGroupOptionData<T extends DefinedValue = DefinedValue> = CheckboxGroupOptionData<T> & {
   /**
@@ -80,7 +80,7 @@ type CheckboxCardGroupOptionData<T extends DefinedValue = DefinedValue> = Checkb
   description?: string;
 };
 /**
- * Props for the checkbox group root component.
+ * 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. */
@@ -101,13 +101,13 @@ interface CheckboxGroupRootProps<T extends DefinedValue = DefinedValue> extends
   disabled?: boolean;
 }
 /**
- * Emits for the checkbox group root component.
+ * 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[]];
 };
 /**
- * Props for the checkbox compact component.
+ * Properties for the CheckboxCompact component.
  */
 interface CheckboxCompactProps extends CheckboxRootProps {
   /**
@@ -115,24 +115,24 @@ interface CheckboxCompactProps extends CheckboxRootProps {
    */
   label?: string;
   /**
-   * Props forwarded to the control element.
+   * Properties forwarded to the control element.
    */
   controlProps?: CheckboxControlProps;
   /**
-   * Props forwarded to the indicator element.
+   * Properties forwarded to the indicator element.
    */
   indicatorProps?: CheckboxIndicatorProps;
   /**
-   * Props forwarded to the label element.
+   * Properties forwarded to the label element.
    */
   labelProps?: LabelProps;
 }
 /**
- * Emits for the checkbox compact component.
+ * Events for the CheckboxCompact component.
  */
 type CheckboxCompactEmits = CheckboxRootEmits;
 /**
- * Props for the checkbox card compact component.
+ * Properties for the CheckboxCardCompact component.
  */
 interface CheckboxCardCompactProps extends CheckboxCompactProps {
   /**
@@ -145,11 +145,11 @@ interface CheckboxCardCompactProps extends CheckboxCompactProps {
   description?: string;
 }
 /**
- * Emits for the checkbox card compact component.
+ * Events for the CheckboxCardCompact component.
  */
 type CheckboxCardCompactEmits = CheckboxCompactEmits;
 /**
- * Props for the checkbox group compact component.
+ * Properties for the CheckboxGroupCompact component.
  */
 interface CheckboxGroupCompactProps<T extends CheckboxGroupOptionData = CheckboxGroupOptionData> extends CheckboxGroupRootProps<T['value']> {
   /**
@@ -157,48 +157,48 @@ interface CheckboxGroupCompactProps<T extends CheckboxGroupOptionData = Checkbox
    */
   items: T[];
   /**
-   * Props forwarded to the root element.
+   * Properties forwarded to the root element.
    */
   rootProps?: CheckboxRootProps;
   /**
-   * Props forwarded to the control element.
+   * Properties forwarded to the control element.
    */
   controlProps?: CheckboxControlProps;
   /**
-   * Props forwarded to the indicator element.
+   * Properties forwarded to the indicator element.
    */
   indicatorProps?: CheckboxIndicatorProps;
   /**
-   * Props forwarded to the label element.
+   * Properties forwarded to the label element.
    */
   labelProps?: LabelProps;
 }
 /**
- * Props for the checkbox card group compact component.
+ * Properties for the CheckboxCardGroupCompact component.
  */
 interface CheckboxCardGroupCompactProps<T extends CheckboxCardGroupOptionData = CheckboxCardGroupOptionData> extends CheckboxGroupCompactProps<T> {}
 /**
- * Emits for the checkbox group compact component.
+ * Events for the CheckboxGroupCompact component.
  */
 type CheckboxGroupCompactEmits<T extends DefinedValue = DefinedValue> = CheckboxGroupRootEmits<T>;
 /**
- * Emits for the checkbox card group compact component.
+ * Events for the CheckboxCardGroupCompact component.
  */
 type CheckboxCardGroupCompactEmits<T extends DefinedValue = DefinedValue> = CheckboxGroupRootEmits<T>;
 /**
- * Available UI slots for the checkbox component.
+ * Available UI slots for the Checkbox component.
  */
 type CheckboxUiSlot = 'groupRoot' | 'root' | 'indicator' | 'indicator-icon' | 'label' | 'control';
 /**
- * Available UI slots for the checkbox component.
+ * Available UI slots for the CheckboxCard component.
  */
 type CheckboxCardUiSlot = CheckboxUiSlot | 'content' | 'icon' | 'textContent' | 'description';
 /**
- * UI class overrides for the checkbox component.
+ * UI class overrides for the Checkbox component.
  */
 type CheckboxUi = UiClass<CheckboxUiSlot>;
 /**
- * UI class overrides for the checkbox component.
+ * UI class overrides for the CheckboxCard component.
  */
 type CheckboxCardUi = UiClass<CheckboxCardUiSlot>;
 //#endregion

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;
 }>, {

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

@@ -3,11 +3,11 @@ import { ButtonProps } from "../button/types.js";
 
 //#region src/components/clipboard/types.d.ts
 /**
- * State values for the clipboard component.
+ * State values for ClipboardState.
  */
 type ClipboardState = 'ready' | 'copied' | 'unsupported';
 /**
- * Props for the clipboard component.
+ * Properties for the Clipboard component.
  */
 interface ClipboardProps extends ButtonProps {
   /**
@@ -52,7 +52,7 @@ interface ClipboardProps extends ButtonProps {
   copiedText?: string;
 }
 /**
- * Slot props for the clipboard component.
+ * Slot properties for the Clipboard component.
  */
 interface ClipboardSlotProps {
   /**
@@ -85,13 +85,13 @@ interface ClipboardSlotProps {
   copy: () => Promise<void>;
 }
 /**
- * Emits for the clipboard component.
+ * Events for the Clipboard component.
  */
 type ClipboardEmits = {
   /**
    * Emitted when click occurs.
    */
-  click: [event: MouseEvent];
+  click: [event: PointerEvent];
   /**
    * Emitted when copied occurs.
    */

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

@@ -15,8 +15,8 @@ declare const __VLS_base: _$vue.DefineComponent<CollapsibleRootProps, {
 }, string, _$vue.PublicProps, Readonly<CollapsibleRootProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-  open: boolean;
   defaultOpen: boolean;
+  open: boolean;
   unmountOnHide: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;