@soybeanjs/headless 0.15.5 → 0.17.0

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

@@ -3,16 +3,127 @@ import { CollapsibleContentProps, CollapsibleRootEmits, CollapsibleRootProps, Co
 import { HTMLAttributes } from "vue";
 
 //#region src/components/card/types.d.ts
+/**
+ * Props for the card root component.
+ */
 interface CardRootProps extends CollapsibleRootProps {}
+/**
+ * Emits for the card root component.
+ */
 type CardRootEmits = CollapsibleRootEmits;
+/**
+ * Props for the card header component.
+ */
 interface CardHeaderProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the card content component.
+ */
 interface CardContentProps extends CollapsibleContentProps {}
+/**
+ * Props for the card footer component.
+ */
 interface CardFooterProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the card title root component.
+ */
 interface CardTitleRootProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the card title component.
+ */
 interface CardTitleProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the card description component.
+ */
 interface CardDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the card collapsible trigger component.
+ */
 interface CardCollapsibleTriggerProps extends CollapsibleTriggerProps {}
+/**
+ * Available UI slots for the card component.
+ */
 type CardUiSlot = 'root' | 'header' | 'content' | 'footer' | 'titleRoot' | 'title' | 'description' | 'trigger';
+/**
+ * UI class overrides for the card component.
+ */
 type CardUi = UiClass<CardUiSlot>;
+/**
+ * Props for the card compact component.
+ */
+interface CardCompactProps extends CardRootProps {
+  /**
+   * Title text rendered by the component.
+   */
+  title?: string;
+  /**
+   * Description text rendered by the component.
+   */
+  description?: string;
+  /**
+   * Props forwarded to the header element.
+   */
+  headerProps?: CardHeaderProps;
+  /**
+   * Props forwarded to the content element.
+   */
+  contentProps?: CardContentProps;
+  /**
+   * Props forwarded to the footer element.
+   */
+  footerProps?: CardFooterProps;
+  /**
+   * Props forwarded to the title root element.
+   */
+  titleRootProps?: CardTitleRootProps;
+  /**
+   * Props forwarded to the title element.
+   */
+  titleProps?: CardTitleProps;
+  /**
+   * Props forwarded to the description element.
+   */
+  descriptionProps?: CardDescriptionProps;
+}
+/**
+ * Emits for the card compact component.
+ */
+type CardCompactEmits = CardRootEmits;
+/**
+ * Slots for the card compact component.
+ */
+interface CardCompactSlots {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: () => any;
+  /**
+   * Custom content for the header slot.
+   */
+  header?: () => any;
+  /**
+   * Custom content for the title slot.
+   */
+  title?: () => any;
+  /**
+   * Custom content for the title leading slot.
+   */
+  'title-leading'?: () => any;
+  /**
+   * Custom content for the title trailing slot.
+   */
+  'title-trailing'?: () => any;
+  /**
+   * Custom content for the extra slot.
+   */
+  extra?: () => any;
+  /**
+   * Custom content for the footer slot.
+   */
+  footer?: () => any;
+  /**
+   * Custom content for the description slot.
+   */
+  description?: () => any;
+}
 //#endregion
-export { CardCollapsibleTriggerProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootEmits, CardRootProps, CardTitleProps, CardTitleRootProps, CardUi, CardUiSlot };
+export { CardCollapsibleTriggerProps, CardCompactEmits, CardCompactProps, CardCompactSlots, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootEmits, CardRootProps, CardTitleProps, CardTitleRootProps, CardUi, CardUiSlot };

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

@@ -1,9 +1,46 @@
+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 * as _$vue from "vue";
+
 //#region src/components/carousel/carousel-root.vue.d.ts
-declare var __VLS_1: any;
+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: 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[]>;
+  scrollNext: typeof scrollNext;
+  scrollPrev: typeof scrollPrev;
+  scrollTo: typeof scrollTo;
+}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  initApi: (api: EmblaCarouselType) => any;
+}, string, _$vue.PublicProps, Readonly<CarouselRootProps> & Readonly<{
+  onInitApi?: ((api: EmblaCarouselType) => any) | undefined;
+}>, {
+  orientation: DataOrientation;
+}, {}, {}, {}, 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/index.d.ts

@@ -1,8 +1,10 @@
-import { CarouselApi, CarouselContentProps, CarouselItemProps, CarouselNextProps, CarouselOptions, CarouselPlugins, CarouselPreviousProps, CarouselRootEmits, CarouselRootProps, CarouselUi, CarouselUiSlot } from "./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 { 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 { 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 CarouselOptions, type CarouselPlugins, _default$3 as CarouselPrevious, type CarouselPreviousProps, _default$4 as CarouselRoot, type CarouselRootEmits, type CarouselRootProps, type CarouselUi, type CarouselUiSlot, provideCarouselUi };
+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 };

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

@@ -1,26 +1,68 @@
 import { DataOrientation, Direction, UiClass } from "../../types/common.js";
 import { ButtonProps } from "../button/types.js";
-import { ComputedRef, HTMLAttributes, MaybeRef, Ref, ShallowRef } from "vue";
-import emblaCarouselVue, { EmblaCarouselVueType } from "embla-carousel-vue";
+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";
 
 //#region src/components/carousel/types.d.ts
-type CarouselApi = NonNullable<EmblaCarouselVueType[1]['value']>;
-type CarouselOptions = NonNullable<Parameters<typeof emblaCarouselVue>[0]> extends MaybeRef<infer Value> ? Value : never;
-type CarouselPlugins = NonNullable<Parameters<typeof emblaCarouselVue>[1]> extends MaybeRef<infer Value> ? Value : never;
+/**
+ * Props for the carousel root component.
+ */
 interface CarouselRootProps extends /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {
-  opts?: CarouselOptions;
-  plugins?: CarouselPlugins;
+  /**
+   * Opts.
+   */
+  opts?: EmblaOptionsType;
+  /**
+   * Plugins.
+   */
+  plugins?: EmblaPluginType[];
+  /**
+   * Orientation of the component.
+   */
   orientation?: DataOrientation;
+  /**
+   * Reading direction of the component.
+   */
   dir?: Direction;
 }
+/**
+ * Type information for the carousel api component.
+ */
+type CarouselApi = NonNullable<EmblaCarouselVueType[1]['value']>;
+/**
+ * Emits for the carousel root component.
+ */
 type CarouselRootEmits = {
+  /**
+   * Emitted when init api occurs.
+   */
   initApi: [api: CarouselApi];
 };
+/**
+ * Props for the carousel content component.
+ */
 interface CarouselContentProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the carousel item component.
+ */
 interface CarouselItemProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the carousel previous component.
+ */
 interface CarouselPreviousProps extends ButtonProps {}
+/**
+ * Props for the carousel next component.
+ */
 interface CarouselNextProps extends ButtonProps {}
+/**
+ * Available UI slots for the carousel component.
+ */
 type CarouselUiSlot = 'root' | 'content' | 'container' | 'item' | 'previous' | 'next';
+/**
+ * UI class overrides for the carousel component.
+ */
 type CarouselUi = UiClass<CarouselUiSlot>;
 //#endregion
-export { CarouselApi, CarouselContentProps, CarouselItemProps, CarouselNextProps, CarouselOptions, CarouselPlugins, CarouselPreviousProps, CarouselRootEmits, CarouselRootProps, CarouselUi, CarouselUiSlot };
+export { CarouselApi, CarouselContentProps, CarouselItemProps, CarouselNextProps, CarouselPreviousProps, CarouselRootEmits, CarouselRootProps, CarouselUi, CarouselUiSlot };

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{provideCheckboxGroupRootContext as a,useCheckboxUi as o}from"./context.js";import"../visually-hidden/index.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),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-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{provideCheckboxRootContext as o,useCheckboxGroupRootContext as s,useCheckboxUi as c}from"./context.js";import"../visually-hidden/index.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=>{e!==void 0&&S(`update:modelValue`,e)},x.defaultValue),D=l(()=>n(w.value)),O=l(()=>T?.disabled?.value||x.disabled),k=l(()=>e(T?.modelValue?.value)?e(E.value)?!1:E.value===`indeterminate`?`indeterminate`:E.value:t(T?.modelValue.value,x.value)),{dataState:A}=o({...r(x,[`value`,`name`,`required`]),modelValue:E,disabled:O,state:k});return(e,t)=>(h(),f(`div`,{ref_key:`rootElement`,ref:w,class:m(_(C)),"data-state":_(A)},[g(e.$slots,`default`,{modelValue:_(E),state:k.value}),D.value&&p.name&&!_(T)?(h(),u(_(a),{key:0,type:`checkbox`,checked:!!k.value,name:p.name,value:p.value,disabled:O.value,required:p.required},null,8,[`checked`,`name`,`value`,`disabled`,`required`])):d(`v-if`,!0)],10,y))}});export{b as default};

package/dist/components/checkbox/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
+/**
+ * Props for the checkbox root 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;
 }
+/**
+ * Emits for the checkbox root component.
+ */
 type CheckboxRootEmits = {
   /** Event handler called when the value of the checkbox changes. */'update:modelValue': [value: CheckedState | null];
 };
+/**
+ * Props for the checkbox control component.
+ */
 interface CheckboxControlProps extends /** @vue-ignore */ButtonHTMLAttributes {
   /** Id of the element */
   id?: string;
 }
+/**
+ * Props for the checkbox indicator component.
+ */
 interface CheckboxIndicatorProps extends PrimitiveProps, ForceMountProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Option data for the checkbox group 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 checkbox card group component.
+ */
 type CheckboxCardGroupOptionData<T extends DefinedValue = DefinedValue> = CheckboxGroupOptionData<T> & {
+  /**
+   * Icon rendered by the component.
+   */
   icon?: string;
+  /**
+   * Description text rendered by the component.
+   */
   description?: string;
 };
+/**
+ * Props for the checkbox group root 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;
 }
+/**
+ * Emits for the checkbox group root 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.
+ */
 interface CheckboxCompactProps extends CheckboxRootProps {
+  /**
+   * Label text rendered by the component.
+   */
   label?: string;
+  /**
+   * Props forwarded to the control element.
+   */
   controlProps?: CheckboxControlProps;
+  /**
+   * Props forwarded to the indicator element.
+   */
   indicatorProps?: CheckboxIndicatorProps;
+  /**
+   * Props forwarded to the label element.
+   */
   labelProps?: LabelProps;
 }
+/**
+ * Emits for the checkbox compact component.
+ */
 type CheckboxCompactEmits = CheckboxRootEmits;
+/**
+ * Props for the checkbox card compact component.
+ */
 interface CheckboxCardCompactProps extends CheckboxCompactProps {
+  /**
+   * Icon rendered by the component.
+   */
   icon?: IconValue;
+  /**
+   * Description text rendered by the component.
+   */
   description?: string;
 }
+/**
+ * Emits for the checkbox card compact component.
+ */
 type CheckboxCardCompactEmits = CheckboxCompactEmits;
+/**
+ * Props for the checkbox group compact component.
+ */
 interface CheckboxGroupCompactProps<T extends CheckboxGroupOptionData = CheckboxGroupOptionData> extends CheckboxGroupRootProps<T['value']> {
+  /**
+   * Items rendered by the component.
+   */
   items: T[];
+  /**
+   * Props forwarded to the root element.
+   */
   rootProps?: CheckboxRootProps;
+  /**
+   * Props forwarded to the control element.
+   */
   controlProps?: CheckboxControlProps;
+  /**
+   * Props forwarded to the indicator element.
+   */
   indicatorProps?: CheckboxIndicatorProps;
+  /**
+   * Props forwarded to the label element.
+   */
   labelProps?: LabelProps;
 }
+/**
+ * Props for the checkbox card group compact component.
+ */
 interface CheckboxCardGroupCompactProps<T extends CheckboxCardGroupOptionData = CheckboxCardGroupOptionData> extends CheckboxGroupCompactProps<T> {}
+/**
+ * Emits for the checkbox group compact component.
+ */
 type CheckboxGroupCompactEmits<T extends DefinedValue = DefinedValue> = CheckboxGroupRootEmits<T>;
+/**
+ * Emits for the checkbox card group compact 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 checkbox component.
+ */
 type CheckboxCardUiSlot = CheckboxUiSlot | 'content' | 'icon' | 'textContent' | 'description';
+/**
+ * UI class overrides for the checkbox component.
+ */
 type CheckboxUi = UiClass<CheckboxUiSlot>;
+/**
+ * UI class overrides for the checkbox 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/types.d.ts

@@ -2,7 +2,13 @@ import { IconValue } from "../_icon/types.js";
 import { ButtonProps } from "../button/types.js";
 
 //#region src/components/clipboard/types.d.ts
+/**
+ * State values for the clipboard component.
+ */
 type ClipboardState = 'ready' | 'copied' | 'unsupported';
+/**
+ * Props for the clipboard component.
+ */
 interface ClipboardProps extends ButtonProps {
   /**
    * The text value to copy.
@@ -45,18 +51,54 @@ interface ClipboardProps extends ButtonProps {
    */
   copiedText?: string;
 }
+/**
+ * Slot props for the clipboard component.
+ */
 interface ClipboardSlotProps {
+  /**
+   * Whether copied.
+   */
   copied: boolean;
+  /**
+   * Whether the component is disabled.
+   */
   disabled: boolean;
+  /**
+   * Icon rendered by the component.
+   */
   icon: IconValue;
+  /**
+   * Whether supported.
+   */
   supported: boolean;
+  /**
+   * State exposed in the slot scope.
+   */
   state: ClipboardState;
+  /**
+   * Text exposed in the slot scope.
+   */
   text: string;
+  /**
+   * Copy exposed in the slot scope.
+   */
   copy: () => Promise<void>;
 }
+/**
+ * Emits for the clipboard component.
+ */
 type ClipboardEmits = {
+  /**
+   * Emitted when click occurs.
+   */
   click: [event: MouseEvent];
+  /**
+   * Emitted when copied occurs.
+   */
   copied: [value: string];
+  /**
+   * Emitted when copy error occurs.
+   */
   copyError: [error: unknown];
 };
 //#endregion

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;
 }>, {
-  defaultOpen: boolean;
   open: boolean;
+  defaultOpen: boolean;
   unmountOnHide: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -4,6 +4,9 @@ import { PrimitiveProps } from "../primitive/types.js";
 import { ButtonHTMLAttributes, HTMLAttributes, Ref } from "vue";
 
 //#region src/components/collapsible/types.d.ts
+/**
+ * Props for the collapsible root component.
+ */
 interface CollapsibleRootProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
   /**
    * The open state of the collapsible when it is initially rendered.
@@ -18,15 +21,30 @@ interface CollapsibleRootProps extends PrimitiveProps, /** @vue-ignore */HTMLAtt
   /** When `true`, the element will be unmounted on closed state. */
   unmountOnHide?: boolean;
 }
+/**
+ * Emits for the collapsible root component.
+ */
 type CollapsibleRootEmits = {
   /** Event handler called when the open state of the collapsible changes. */'update:open': [value: boolean];
 };
+/**
+ * Props for the collapsible content component.
+ */
 interface CollapsibleContentProps extends PrimitiveProps, ForceMountProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the collapsible trigger component.
+ */
 interface CollapsibleTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {
   /** When `true`, prevents the user from toggling the collapsible. */
   disabledCollapsible?: boolean;
 }
+/**
+ * Available UI slots for the collapsible component.
+ */
 type CollapsibleUiSlot = 'root' | 'trigger' | 'content';
+/**
+ * UI class overrides for the collapsible component.
+ */
 type CollapsibleUi = UiClass<CollapsibleUiSlot>;
 //#endregion
 export { CollapsibleContentProps, CollapsibleRootEmits, CollapsibleRootProps, CollapsibleTriggerProps, CollapsibleUi, CollapsibleUiSlot };

package/dist/components/color-area/color-area-root.vue.d.ts

@@ -9,21 +9,21 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ColorAreaRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   changeEnd: (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<ColorAreaRootProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {
   disabled: boolean;
   format: ColorFormat;
-  defaultValue: string | ColorValue;
-  modelValue: string | ColorValue;
   as: AsTag | _$vue.Component;
+  modelValue: string | ColorValue;
+  defaultValue: string | ColorValue;
   colorSpace: ColorSpace;
   xChannel: ColorAreaAxisChannel;
   yChannel: ColorAreaAxisChannel;