@soybeanjs/headless 0.17.0 → 0.18.0

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

@@ -12,7 +12,7 @@ import { UseFuseOptions } from "@vueuse/integrations/useFuse";
 
 //#region src/components/autocomplete/types.d.ts
 /**
- * Props for the autocomplete root component.
+ * Properties for the AutocompleteRoot component.
  */
 interface AutocompleteRootProps extends FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
   /** The controlled value of the autocomplete input. */
@@ -35,11 +35,11 @@ interface AutocompleteRootProps extends FormFieldCommonProps, /** @vue-ignore */
   openOnClick?: boolean;
 }
 /**
- * Type information for the autocomplete highlight payload component.
+ * Type information for AutocompleteHighlightPayload.
  */
 type AutocompleteHighlightPayload = CollectionItemData<ListboxCollectionItemData>;
 /**
- * Emits for the autocomplete root component.
+ * Events for the AutocompleteRoot component.
  */
 type AutocompleteRootEmits = {
   /**
@@ -56,7 +56,7 @@ type AutocompleteRootEmits = {
   highlight: [payload?: AutocompleteHighlightPayload];
 };
 /**
- * Props for the autocomplete input component.
+ * Properties for the AutocompleteInput component.
  */
 interface AutocompleteInputProps extends Omit<InputRootProps, 'defaultValue' | 'modelValue'> {
   /**
@@ -64,12 +64,12 @@ interface AutocompleteInputProps extends Omit<InputRootProps, 'defaultValue' | '
    */
   inputRef?: (el: HTMLInputElement) => void;
   /**
-   * Props forwarded to the control element.
+   * Properties forwarded to the control element.
    */
   controlProps?: InputControlProps;
 }
 /**
- * Option data for the autocomplete single component.
+ * Option data for the AutocompleteSingle component.
  */
 interface AutocompleteSingleOptionData extends Pick<ComboboxItemProps, 'disabled' | 'value'> {
   /** Display label in the option list. */
@@ -82,7 +82,7 @@ interface AutocompleteSingleOptionData extends Pick<ComboboxItemProps, 'disabled
   separator?: boolean;
 }
 /**
- * Option data for the autocomplete group component.
+ * Option data for the AutocompleteGroup component.
  */
 interface AutocompleteGroupOptionData<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> {
   /** Group label in the option list. */
@@ -95,11 +95,11 @@ interface AutocompleteGroupOptionData<T extends AutocompleteSingleOptionData = A
   items: T[];
 }
 /**
- * Option data for the autocomplete component.
+ * Option data for the Autocomplete component.
  */
 type AutocompleteOptionData<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> = T | AutocompleteGroupOptionData<T>;
 /**
- * Option data for the autocomplete search component.
+ * Option data for the AutocompleteSearch component.
  */
 interface AutocompleteSearchOptionData extends AutocompleteSingleOptionData {
   /**
@@ -116,7 +116,7 @@ interface AutocompleteSearchOptionData extends AutocompleteSingleOptionData {
   groupSeparator?: boolean;
 }
 /**
- * Props for the autocomplete compact component.
+ * Properties for the AutocompleteCompact component.
  */
 interface AutocompleteCompactProps<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> extends Omit<AutocompleteRootProps, 'defaultValue' | 'modelValue' | 'onSelect'> {
   /** The controlled value of the autocomplete input. */
@@ -148,52 +148,52 @@ interface AutocompleteCompactProps<T extends AutocompleteSingleOptionData = Auto
    */
   fuseOptions?: UseFuseOptions<AutocompleteSearchOptionData>;
   /**
-   * Props forwarded to the anchor element.
+   * Properties forwarded to the anchor element.
    */
   anchorProps?: PopperAnchorProps;
   /**
-   * Props forwarded to the input element.
+   * Properties forwarded to the input element.
    */
   inputProps?: AutocompleteInputProps;
   /**
-   * Props forwarded to the trigger element.
+   * Properties forwarded to the trigger element.
    */
   triggerProps?: ComboboxTriggerProps;
   /**
-   * Props forwarded to the portal element.
+   * Properties forwarded to the portal element.
    */
   portalProps?: PortalProps;
   /**
-   * Props forwarded to the content element.
+   * Properties forwarded to the content element.
    */
   contentProps?: ComboboxContentProps;
   /**
-   * Props forwarded to the viewport element.
+   * Properties forwarded to the viewport element.
    */
   viewportProps?: ComboboxViewportProps;
   /**
-   * Props forwarded to the group element.
+   * Properties forwarded to the group element.
    */
   groupProps?: ListboxGroupProps;
   /**
-   * Props forwarded to the group label element.
+   * Properties forwarded to the group label element.
    */
   groupLabelProps?: ListboxGroupLabelProps;
   /**
-   * Props forwarded to the item element.
+   * Properties forwarded to the item element.
    */
   itemProps?: Omit<ComboboxItemProps, 'disabled' | 'value'>;
   /**
-   * Props forwarded to the item indicator element.
+   * Properties forwarded to the item indicator element.
    */
   itemIndicatorProps?: ListboxItemIndicatorProps;
   /**
-   * Props forwarded to the separator element.
+   * Properties forwarded to the separator element.
    */
   separatorProps?: ComboboxSeparatorProps;
 }
 /**
- * Emits for the autocomplete compact component.
+ * Events for the AutocompleteCompact component.
  */
 type AutocompleteCompactEmits<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> = AutocompleteRootEmits & {
   /**
@@ -202,7 +202,7 @@ type AutocompleteCompactEmits<T extends AutocompleteSingleOptionData = Autocompl
   select: [item: T];
 };
 /**
- * Slots for the autocomplete compact component.
+ * Slots for the AutocompleteCompact component.
  */
 type AutocompleteCompactSlots<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> = {
   /**

package/dist/components/avatar/avatar-compact.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./avatar-fallback.js";import n from"./avatar-image.js";import r from"./avatar-root.js";import{computed as i,createBlock as a,createTextVNode as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderSlot as p,toDisplayString as m,unref as h,withCtx as g}from"vue";const _=c({name:`AvatarCompact`,__name:`avatar-compact`,props:{src:{},delayMs:{},fallbackLabel:{},imageProps:{},fallbackProps:{}},emits:[`loadingStatusChange`],setup(c,{emit:_}){let v=c,y=_,b=e(v,[`fallbackLabel`,`imageProps`,`fallbackProps`,`delayMs`]),x=i(()=>({...v.imageProps,src:v.src??v.imageProps?.src})),S=i(()=>({...v.fallbackProps,delayMs:v.delayMs??v.fallbackProps?.delayMs}));return(e,i)=>(f(),a(r,d(l(h(b))),{default:g(()=>[p(e.$slots,`default`,{},()=>[p(e.$slots,`image`,{},()=>[s(n,u(x.value,{onLoadingStatusChange:i[0]||(i[0]=e=>y(`loadingStatusChange`,e))}),null,16)]),s(t,d(l(S.value)),{default:g(()=>[p(e.$slots,`fallback`,{},()=>[o(m(c.fallbackLabel),1)])]),_:3},16)])]),_:3},16))}});export{_ as default};

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

@@ -0,0 +1,20 @@
+import { ImageLoadingStatus } from "../../types/dom.js";
+import { AvatarCompactProps, AvatarCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/avatar/avatar-compact.vue.d.ts
+type __VLS_Slots = AvatarCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<AvatarCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  loadingStatusChange: (status: ImageLoadingStatus) => any;
+}, string, _$vue.PublicProps, Readonly<AvatarCompactProps> & Readonly<{
+  onLoadingStatusChange?: ((status: ImageLoadingStatus) => any) | undefined;
+}>, {}, {}, {}, {}, 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/avatar/avatar-fallback.js

@@ -1 +1 @@
-import{isClient as e}from"../../shared/env.js";import"../../shared/index.js";import{useAvatarRootContext as t,useAvatarUi as n}from"./context.js";import{computed as r,createCommentVNode as i,createElementBlock as a,defineComponent as o,normalizeClass as s,onWatcherCleanup as c,openBlock as l,renderSlot as u,shallowRef as d,unref as f,watchEffect as p}from"vue";const m=o({name:`AvatarFallback`,__name:`avatar-fallback`,props:{delayMs:{}},setup(o){let m=o,h=n(`fallback`),{imageLoadingStatus:g}=t(`AvatarFallback`),_=d(m.delayMs===void 0),v=r(()=>_.value&&g.value!==`loaded`);return p(()=>{if(!m.delayMs||!e)return;let t=window.setTimeout(()=>{_.value=!0},m.delayMs);c(()=>{window.clearTimeout(t)})}),(e,t)=>v.value?(l(),a(`span`,{key:0,class:s(f(h))},[u(e.$slots,`default`)],2)):i(`v-if`,!0)}});export{m as default};
+import{isClient as e}from"../../shared/env.js";import"../../shared/index.js";import{useAvatarRootContext as t,useAvatarUi as n}from"./context.js";import{computed as r,createCommentVNode as i,createElementBlock as a,defineComponent as o,normalizeClass as s,onWatcherCleanup as c,openBlock as l,renderSlot as u,shallowRef as d,unref as f,watchEffect as p}from"vue";const m=o({name:`AvatarFallback`,__name:`avatar-fallback`,props:{delayMs:{}},setup(o){let m=o,h=n(`fallback`),{imageLoadingStatus:g}=t(`AvatarFallback`),_=d(m.delayMs===void 0),v=r(()=>_.value&&g.value!==`loaded`);return p(()=>{if(!m.delayMs||!e)return;let t=window.setTimeout(()=>{_.value=!0},m.delayMs);c(()=>{window.clearTimeout(t)})}),(e,t)=>v.value?(l(),a(`span`,{key:0,"data-slot":`fallback`,class:s(f(h))},[u(e.$slots,`default`)],2)):i(`v-if`,!0)}});export{m as default};

package/dist/components/avatar/avatar-image.js

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useImageLoadingStatus as t}from"../../composables/use-image-loading-status.js";import"../../composables/index.js";import{useAvatarRootContext as n,useAvatarUi as r}from"./context.js";import{createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,unref as c,vShow as l,watch as u,withDirectives as d}from"vue";const f=[`src`,`referrerpolicy`,`crossorigin`],p=a({name:`AvatarImage`,__name:`avatar-image`,props:{src:{},referrerpolicy:{},crossorigin:{}},emits:[`loadingStatusChange`],setup(a,{emit:p}){let m=a,h=p,g=r(`image`),{updateImageLoadingStatus:_}=n(`AvatarImage`),v=t(e(m));return u(v,e=>{h(`loadingStatusChange`,e),e!==`idle`&&_(e)},{immediate:!0}),(e,t)=>d((s(),i(`img`,{class:o(c(g)),src:a.src,referrerpolicy:a.referrerpolicy,crossorigin:a.crossorigin,role:`img`},null,10,f)),[[l,c(v)===`loaded`]])}});export{p as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useImageLoadingStatus as t}from"../../composables/use-image-loading-status.js";import"../../composables/index.js";import{useAvatarRootContext as n,useAvatarUi as r}from"./context.js";import{createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,unref as c,vShow as l,watch as u,withDirectives as d}from"vue";const f=[`src`,`referrerpolicy`,`crossorigin`],p=a({name:`AvatarImage`,__name:`avatar-image`,props:{src:{},referrerpolicy:{},crossorigin:{}},emits:[`loadingStatusChange`],setup(a,{emit:p}){let m=a,h=p,g=r(`image`),{updateImageLoadingStatus:_}=n(`AvatarImage`),v=t(e(m));return u(v,e=>{h(`loadingStatusChange`,e),e!==`idle`&&_(e)},{immediate:!0}),(e,t)=>d((s(),i(`img`,{"data-slot":`image`,class:o(c(g)),src:a.src,referrerpolicy:a.referrerpolicy,crossorigin:a.crossorigin,role:`img`},null,10,f)),[[l,c(v)===`loaded`]])}});export{p as default};

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

@@ -1 +1 @@
-import{provideAvatarRootContext as e,useAvatarUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=r({name:`AvatarRoot`,__name:`avatar-root`,setup(r){let c=t(`root`);return e(),(e,t)=>(a(),n(`span`,{class:i(s(c))},[o(e.$slots,`default`)],2))}});export{c as default};
+import{provideAvatarRootContext as e,useAvatarUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=r({name:`AvatarRoot`,__name:`avatar-root`,setup(r){let c=t(`root`);return e(),(e,t)=>(a(),n(`span`,{"data-slot":`root`,class:i(s(c))},[o(e.$slots,`default`)],2))}});export{c as default};

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

@@ -1,6 +1,7 @@
-import { AvatarFallbackProps, AvatarImageEmits, AvatarImageProps, AvatarRootProps, AvatarUi, AvatarUiSlot } from "./types.js";
-import { _default as _default$2 } from "./avatar-root.vue.js";
-import { _default as _default$1 } from "./avatar-image.vue.js";
-import { _default } from "./avatar-fallback.vue.js";
+import { AvatarCompactEmits, AvatarCompactProps, AvatarCompactSlots, AvatarFallbackProps, AvatarImageEmits, AvatarImageProps, AvatarRootProps, AvatarUi, AvatarUiSlot } from "./types.js";
+import { _default } from "./avatar-compact.vue.js";
+import { _default as _default$3 } from "./avatar-root.vue.js";
+import { _default as _default$2 } from "./avatar-image.vue.js";
+import { _default as _default$1 } from "./avatar-fallback.vue.js";
 import { provideAvatarUi } from "./context.js";
-export { _default as AvatarFallback, type AvatarFallbackProps, _default$1 as AvatarImage, type AvatarImageEmits, type AvatarImageProps, _default$2 as AvatarRoot, type AvatarRootProps, type AvatarUi, type AvatarUiSlot, provideAvatarUi };
+export { _default as AvatarCompact, type AvatarCompactEmits, type AvatarCompactProps, type AvatarCompactSlots, _default$1 as AvatarFallback, type AvatarFallbackProps, _default$2 as AvatarImage, type AvatarImageEmits, type AvatarImageProps, _default$3 as AvatarRoot, type AvatarRootProps, type AvatarUi, type AvatarUiSlot, provideAvatarUi };

package/dist/components/avatar/index.js

@@ -1 +1 @@
-import{provideAvatarUi as e}from"./context.js";import t from"./avatar-root.js";import n from"./avatar-image.js";import r from"./avatar-fallback.js";export{r as AvatarFallback,n as AvatarImage,t as AvatarRoot,e as provideAvatarUi};
+import{provideAvatarUi as e}from"./context.js";import t from"./avatar-fallback.js";import n from"./avatar-image.js";import r from"./avatar-root.js";import i from"./avatar-compact.js";export{i as AvatarCompact,t as AvatarFallback,n as AvatarImage,r as AvatarRoot,e as provideAvatarUi};

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

@@ -4,11 +4,11 @@ import { HTMLAttributes, ImgHTMLAttributes } from "vue";
 
 //#region src/components/avatar/types.d.ts
 /**
- * Props for the avatar root component.
+ * Properties for the AvatarRoot component.
  */
 interface AvatarRootProps extends /** @vue-ignore */HTMLAttributes {}
 /**
- * Props for the avatar image component.
+ * Properties for the AvatarImage component.
  */
 interface AvatarImageProps extends /** @vue-ignore */ImgHTMLAttributes {
   /** The image source URL */
@@ -19,7 +19,7 @@ interface AvatarImageProps extends /** @vue-ignore */ImgHTMLAttributes {
   crossorigin?: ImgHTMLAttributes['crossorigin'];
 }
 /**
- * Emits for the avatar image component.
+ * Events for the AvatarImage component.
  */
 type AvatarImageEmits = {
   /**
@@ -29,7 +29,7 @@ type AvatarImageEmits = {
   loadingStatusChange: [status: ImageLoadingStatus];
 };
 /**
- * Props for the avatar fallback component.
+ * Properties for the AvatarFallback component.
  */
 interface AvatarFallbackProps extends /** @vue-ignore */HTMLAttributes {
   /**
@@ -40,12 +40,43 @@ interface AvatarFallbackProps extends /** @vue-ignore */HTMLAttributes {
   delayMs?: number;
 }
 /**
- * Available UI slots for the avatar component.
+ * Properties for the AvatarCompact component.
+ */
+interface AvatarCompactProps extends AvatarRootProps {
+  /** The image source URL. */
+  src: string;
+  /**
+   * Useful for delaying fallback rendering so it only appears for those with slower connections.
+   *
+   * @defaultValue undefined
+   */
+  delayMs?: number;
+  /** Fallback text rendered when no custom fallback slot is provided. */
+  fallbackLabel?: string;
+  /** Properties forwarded to the image element. */
+  imageProps?: AvatarImageProps;
+  /** Properties forwarded to the fallback element. */
+  fallbackProps?: AvatarFallbackProps;
+}
+/**
+ * Events for the AvatarCompact component.
+ */
+type AvatarCompactEmits = AvatarImageEmits;
+/**
+ * Slots for the AvatarCompact component.
+ */
+type AvatarCompactSlots = {
+  /** Custom content for the default slot. */default?: () => any; /** Custom content for the image slot. */
+  image?: () => any; /** Custom content for the fallback slot. */
+  fallback?: () => any;
+};
+/**
+ * Available UI slots for the Avatar component.
  */
 type AvatarUiSlot = 'root' | 'image' | 'fallback';
 /**
- * UI class overrides for the avatar component.
+ * UI class overrides for the Avatar component.
  */
 type AvatarUi = UiClass<AvatarUiSlot>;
 //#endregion
-export { AvatarFallbackProps, AvatarImageEmits, AvatarImageProps, AvatarRootProps, AvatarUi, AvatarUiSlot };
+export { AvatarCompactEmits, AvatarCompactProps, AvatarCompactSlots, AvatarFallbackProps, AvatarImageEmits, AvatarImageProps, AvatarRootProps, AvatarUi, AvatarUiSlot };

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

@@ -18,15 +18,15 @@ declare const __VLS_base: _$vue.DefineComponent<BacktopProps, {
   updateVisibility: _$_vueuse_shared0.Fn;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   change: (visible: boolean) => any;
-  click: (event: MouseEvent) => any;
+  click: (event: PointerEvent) => any;
 }, string, _$vue.PublicProps, Readonly<BacktopProps> & Readonly<{
   onChange?: ((visible: boolean) => any) | undefined;
-  onClick?: ((event: MouseEvent) => any) | undefined;
+  onClick?: ((event: PointerEvent) => any) | undefined;
 }>, {
   type: ButtonType;
   as: AsTag | _$vue.Component;
-  visibilityHeight: number;
   duration: number;
+  visibilityHeight: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -3,15 +3,15 @@ import { ButtonProps } from "../button/types.js";
 
 //#region src/components/backtop/types.d.ts
 /**
- * Type information for the backtop target component.
+ * Type information for BacktopTarget.
  */
 type BacktopTarget = AffixTarget;
 /**
- * State values for the backtop component.
+ * State values for BacktopState.
  */
 type BacktopState = 'visible' | 'hidden';
 /**
- * Props for the backtop component.
+ * Properties for the Backtop component.
  */
 interface BacktopProps extends /** @vue-ignore */Omit<ButtonProps, 'onChange'> {
   /**
@@ -34,7 +34,7 @@ interface BacktopProps extends /** @vue-ignore */Omit<ButtonProps, 'onChange'> {
   duration?: number;
 }
 /**
- * Emits for the backtop component.
+ * Events for the Backtop component.
  */
 type BacktopEmits = {
   /**
@@ -44,7 +44,7 @@ type BacktopEmits = {
   /**
    * Emitted when click occurs.
    */
-  click: [event: MouseEvent];
+  click: [event: PointerEvent];
 };
 //#endregion
 export { BacktopEmits, BacktopProps, BacktopState, BacktopTarget };

package/dist/components/badge/badge-compact.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./badge-content.js";import n from"./badge-root.js";import{createBlock as r,createTextVNode as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toDisplayString as f,unref as p,withCtx as m}from"vue";const h=o({name:`BadgeCompact`,__name:`badge-compact`,props:{content:{},contentProps:{},open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(o,{emit:h}){let g=o,_=h,v=e(g,[`content`,`contentProps`]);return(e,h)=>(u(),r(n,c(p(v),{"onUpdate:open":h[0]||(h[0]=e=>_(`update:open`,e))}),{default:m(()=>[d(e.$slots,`default`),a(t,l(s(o.contentProps)),{default:m(()=>[d(e.$slots,`content`,{},()=>[i(f(o.content),1)])]),_:3},16)]),_:3},16))}});export{h as default};

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

@@ -0,0 +1,21 @@
+import { BadgeCompactProps, BadgeCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/badge/badge-compact.vue.d.ts
+type __VLS_Slots = BadgeCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<BadgeCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:open": (open: boolean) => any;
+}, string, _$vue.PublicProps, Readonly<BadgeCompactProps> & Readonly<{
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+  open: boolean;
+}, {}, {}, {}, 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/badge/badge-content.js

@@ -1 +1 @@
-import{useBadgeRootContext as e,useBadgeUi as t}from"./context.js";import{createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`BadgeContent`,__name:`badge-content`,setup(i){let{open:l}=e(`BadgeContent`),u=t(`content`);return(e,t)=>c(l)?(o(),r(`span`,{key:0,class:a(c(u))},[s(e.$slots,`default`)],2)):n(`v-if`,!0)}});export{l as default};
+import{useBadgeRootContext as e,useBadgeUi as t}from"./context.js";import{createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`BadgeContent`,__name:`badge-content`,setup(i){let{open:l}=e(`BadgeContent`),u=t(`content`);return(e,t)=>c(l)?(o(),r(`span`,{key:0,"data-slot":`content`,class:a(c(u))},[s(e.$slots,`default`)],2)):n(`v-if`,!0)}});export{l as default};

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

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideBadgeRootContext as t,useBadgeUi as n}from"./context.js";import{createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`BadgeRoot`,__name:`badge-root`,props:{open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(i,{emit:l}){let u=i,d=l,f=n(`root`);return t({open:e(()=>u.open,e=>{d(`update:open`,e??!1)},!0)}),(e,t)=>(o(),r(`div`,{class:a(c(f))},[s(e.$slots,`default`)],2))}});export{l as default};
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideBadgeRootContext as t,useBadgeUi as n}from"./context.js";import{createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`BadgeRoot`,__name:`badge-root`,props:{open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(i,{emit:l}){let u=i,d=l,f=n(`root`);return t({open:e(()=>u.open,e=>{d(`update:open`,e??!1)},!0)}),(e,t)=>(o(),r(`div`,{"data-slot":`root`,class:a(c(f))},[s(e.$slots,`default`)],2))}});export{l as default};

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

@@ -1,5 +1,6 @@
-import { BadgeContentProps, BadgeRootEmits, BadgeRootProps, BadgeUi, BadgeUiSlot } from "./types.js";
-import { _default as _default$1 } from "./badge-root.vue.js";
-import { _default } from "./badge-content.vue.js";
+import { BadgeCompactEmits, BadgeCompactProps, BadgeCompactSlots, BadgeContentProps, BadgeRootEmits, BadgeRootProps, BadgeUi, BadgeUiSlot } from "./types.js";
+import { _default } from "./badge-compact.vue.js";
+import { _default as _default$2 } from "./badge-root.vue.js";
+import { _default as _default$1 } from "./badge-content.vue.js";
 import { provideBadgeUi } from "./context.js";
-export { _default as BadgeContent, type BadgeContentProps, _default$1 as BadgeRoot, type BadgeRootEmits, type BadgeRootProps, type BadgeUi, type BadgeUiSlot, provideBadgeUi };
+export { _default as BadgeCompact, type BadgeCompactEmits, type BadgeCompactProps, type BadgeCompactSlots, _default$1 as BadgeContent, type BadgeContentProps, _default$2 as BadgeRoot, type BadgeRootEmits, type BadgeRootProps, type BadgeUi, type BadgeUiSlot, provideBadgeUi };

package/dist/components/badge/index.js

@@ -1 +1 @@
-import{provideBadgeUi as e}from"./context.js";import t from"./badge-root.js";import n from"./badge-content.js";export{n as BadgeContent,t as BadgeRoot,e as provideBadgeUi};
+import{provideBadgeUi as e}from"./context.js";import t from"./badge-content.js";import n from"./badge-root.js";import r from"./badge-compact.js";export{r as BadgeCompact,t as BadgeContent,n as BadgeRoot,e as provideBadgeUi};

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

@@ -3,7 +3,7 @@ import { HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/badge/types.d.ts
 /**
- * Props for the badge root component.
+ * Properties for the BadgeRoot component.
  */
 interface BadgeRootProps extends /** @vue-ignore */HTMLAttributes {
   /**
@@ -12,7 +12,7 @@ interface BadgeRootProps extends /** @vue-ignore */HTMLAttributes {
   open?: boolean;
 }
 /**
- * Emits for the badge root component.
+ * Events for the BadgeRoot component.
  */
 type BadgeRootEmits = {
   /**
@@ -21,16 +21,36 @@ type BadgeRootEmits = {
   'update:open': [open: boolean];
 };
 /**
- * Props for the badge content component.
+ * Properties for the BadgeContent component.
  */
 interface BadgeContentProps extends /** @vue-ignore */HTMLAttributes {}
 /**
- * Available UI slots for the badge component.
+ * Properties for the BadgeCompact component.
+ */
+interface BadgeCompactProps extends BadgeRootProps {
+  /** Content rendered inside the badge bubble when no content slot is provided. */
+  content?: string;
+  /** Properties forwarded to the content element. */
+  contentProps?: BadgeContentProps;
+}
+/**
+ * Events for the BadgeCompact component.
+ */
+type BadgeCompactEmits = BadgeRootEmits;
+/**
+ * Slots for the BadgeCompact component.
+ */
+type BadgeCompactSlots = {
+  /** Custom content for the default slot. */default?: () => any; /** Custom content for the badge content slot. */
+  content?: () => any;
+};
+/**
+ * Available UI slots for the Badge component.
  */
 type BadgeUiSlot = 'root' | 'content';
 /**
- * UI class overrides for the badge component.
+ * UI class overrides for the Badge component.
  */
 type BadgeUi = UiClass<BadgeUiSlot>;
 //#endregion
-export { BadgeContentProps, BadgeRootEmits, BadgeRootProps, BadgeUi, BadgeUiSlot };
+export { BadgeCompactEmits, BadgeCompactProps, BadgeCompactSlots, BadgeContentProps, BadgeRootEmits, BadgeRootProps, BadgeUi, BadgeUiSlot };

package/dist/components/bottom-sheet/bottom-sheet-root-nested.vue.d.ts

@@ -34,9 +34,9 @@ declare const __VLS_base: _$vue.DefineComponent<(DialogRootProps & {
   handleOnly?: boolean;
   preventScrollRestoration?: boolean;
 } & WithoutFadeFromProps), {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:open": (value: boolean) => any;
   close: () => any;
   drag: (percentageDragged: number) => any;
+  "update:open": (value: boolean) => any;
   release: (open: boolean) => any;
   "update:activeSnapPoint": (val: string | number | null) => any;
 }, string, _$vue.PublicProps, Readonly<(DialogRootProps & {
@@ -66,9 +66,9 @@ declare const __VLS_base: _$vue.DefineComponent<(DialogRootProps & {
   handleOnly?: boolean;
   preventScrollRestoration?: boolean;
 } & WithoutFadeFromProps)> & Readonly<{
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onClose?: (() => any) | undefined;
   onDrag?: ((percentageDragged: number) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onRelease?: ((open: boolean) => any) | undefined;
   "onUpdate:activeSnapPoint"?: ((val: string | number | null) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/bottom-sheet/types.d.ts

@@ -4,11 +4,11 @@ import { HTMLAttributes, Ref, ShallowRef } from "vue";
 
 //#region src/components/bottom-sheet/types.d.ts
 /**
- * Type information for the drawer direction component.
+ * Type information for DrawerDirection.
  */
 type DrawerDirection = Side;
 /**
- * Props for the with fade from component.
+ * Properties for the WithFadeFrom component.
  */
 interface WithFadeFromProps {
   /**
@@ -21,7 +21,7 @@ interface WithFadeFromProps {
   fadeFromIndex: number;
 }
 /**
- * Props for the without fade from component.
+ * Properties for the WithoutFadeFrom component.
  */
 interface WithoutFadeFromProps {
   /**
@@ -34,7 +34,7 @@ interface WithoutFadeFromProps {
   fadeFromIndex?: never;
 }
 /**
- * Props for the bottom sheet root component.
+ * Properties for the BottomSheetRoot component.
  */
 type BottomSheetRootProps = DialogRootProps & {
   /**
@@ -86,7 +86,7 @@ type BottomSheetRootProps = DialogRootProps & {
   preventScrollRestoration?: boolean;
 } & (WithFadeFromProps | WithoutFadeFromProps);
 /**
- * Emits for the bottom sheet root component.
+ * Events for the BottomSheetRoot component.
  */
 type BottomSheetRootEmits = DialogRootEmits & {
   /**
@@ -107,7 +107,7 @@ type BottomSheetRootEmits = DialogRootEmits & {
   'update:activeSnapPoint': [val: string | number | null];
 };
 /**
- * Slots for the bottom sheet root component.
+ * Slots for the BottomSheetRoot component.
  */
 type BottomSheetRootSlots = {
   /**
@@ -118,7 +118,7 @@ type BottomSheetRootSlots = {
   }) => any;
 };
 /**
- * Props for the bottom sheet handle component.
+ * Properties for the BottomSheetHandle component.
  */
 interface BottomSheetHandleProps extends /** @vue-ignore */HTMLAttributes {
   /**
@@ -127,28 +127,28 @@ interface BottomSheetHandleProps extends /** @vue-ignore */HTMLAttributes {
   preventCycle?: boolean;
 }
 /**
- * Props for the bottom sheet compact component.
+ * Properties for the BottomSheetCompact component.
  */
 type BottomSheetCompactProps = DialogCompactProps & BottomSheetRootProps & {
   /**
-   * Props forwarded to the handle element.
+   * Properties forwarded to the handle element.
    */
   handleProps?: BottomSheetHandleProps;
 };
 /**
- * Emits for the bottom sheet compact component.
+ * Events for the BottomSheetCompact component.
  */
 type BottomSheetCompactEmits = Omit<DialogCompactEmits, 'close'> & BottomSheetRootEmits;
 /**
- * Slots for the bottom sheet compact component.
+ * Slots for the BottomSheetCompact component.
  */
 type BottomSheetCompactSlots = DialogCompactSlots;
 /**
- * Available UI slots for the bottom sheet component.
+ * Available UI slots for the BottomSheet component.
  */
 type BottomSheetUiSlot = DialogUiSlot | 'handle';
 /**
- * UI class overrides for the bottom sheet component.
+ * UI class overrides for the BottomSheet component.
  */
 type BottomSheetUi = UiClass<BottomSheetUiSlot>;
 //#endregion