@soybeanjs/headless 0.16.0 → 0.18.0

package/dist/components/aspect-ratio/types.d.ts

@@ -2,6 +2,9 @@ import { PrimitiveProps } from "../primitive/types.js";
 import { HTMLAttributes } from "vue";
 
 //#region src/components/aspect-ratio/types.d.ts
+/**
+ * Properties for the AspectRatio component.
+ */
 interface AspectRatioProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
   /**
    * The desired ratio. Eg: 16/9

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

@@ -28,8 +28,8 @@ declare const __VLS_base: _$vue.DefineComponent<AutocompleteRootProps, {
   onHighlight?: ((payload?: AutocompleteHighlightPayload | undefined) => any) | undefined;
 }>, {
   modelValue: string;
-  open: boolean;
   defaultOpen: boolean;
+  open: boolean;
   highlightOnHover: boolean;
   openOnFocus: boolean;
   openOnClick: boolean;

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

@@ -11,6 +11,9 @@ import { HTMLAttributes, ShallowRef } from "vue";
 import { UseFuseOptions } from "@vueuse/integrations/useFuse";
 
 //#region src/components/autocomplete/types.d.ts
+/**
+ * Properties for the AutocompleteRoot component.
+ */
 interface AutocompleteRootProps extends FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
   /** The controlled value of the autocomplete input. */
   modelValue?: string;
@@ -31,16 +34,43 @@ interface AutocompleteRootProps extends FormFieldCommonProps, /** @vue-ignore */
   /** Whether to open the autocomplete when the input is clicked. */
   openOnClick?: boolean;
 }
+/**
+ * Type information for AutocompleteHighlightPayload.
+ */
 type AutocompleteHighlightPayload = CollectionItemData<ListboxCollectionItemData>;
+/**
+ * Events for the AutocompleteRoot component.
+ */
 type AutocompleteRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
   'update:modelValue': [value: string];
+  /**
+   * Emitted when the open state changes.
+   */
   'update:open': [value: boolean];
+  /**
+   * Emitted when highlight occurs.
+   */
   highlight: [payload?: AutocompleteHighlightPayload];
 };
+/**
+ * Properties for the AutocompleteInput component.
+ */
 interface AutocompleteInputProps extends Omit<InputRootProps, 'defaultValue' | 'modelValue'> {
+  /**
+   * Input ref.
+   */
   inputRef?: (el: HTMLInputElement) => void;
+  /**
+   * Properties forwarded to the control element.
+   */
   controlProps?: InputControlProps;
 }
+/**
+ * Option data for the AutocompleteSingle component.
+ */
 interface AutocompleteSingleOptionData extends Pick<ComboboxItemProps, 'disabled' | 'value'> {
   /** Display label in the option list. */
   label?: string;
@@ -51,64 +81,175 @@ interface AutocompleteSingleOptionData extends Pick<ComboboxItemProps, 'disabled
   /** Whether to show a separator after this option. */
   separator?: boolean;
 }
+/**
+ * Option data for the AutocompleteGroup component.
+ */
 interface AutocompleteGroupOptionData<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> {
   /** Group label in the option list. */
   label: string;
   /** Whether to show a separator after this group. */
   separator?: boolean;
+  /**
+   * Items rendered by the component.
+   */
   items: T[];
 }
+/**
+ * Option data for the Autocomplete component.
+ */
 type AutocompleteOptionData<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> = T | AutocompleteGroupOptionData<T>;
+/**
+ * Option data for the AutocompleteSearch component.
+ */
 interface AutocompleteSearchOptionData extends AutocompleteSingleOptionData {
+  /**
+   * Group label.
+   */
   groupLabel?: string;
+  /**
+   * Group value.
+   */
   groupValue?: string;
+  /**
+   * Whether group separator.
+   */
   groupSeparator?: boolean;
 }
+/**
+ * Properties for the AutocompleteCompact component.
+ */
 interface AutocompleteCompactProps<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> extends Omit<AutocompleteRootProps, 'defaultValue' | 'modelValue' | 'onSelect'> {
   /** The controlled value of the autocomplete input. */
   modelValue?: string;
   /** The initial value of the autocomplete input. */
   defaultValue?: string;
+  /**
+   * Items rendered by the component.
+   */
   items: AutocompleteOptionData<T>[];
+  /**
+   * Placeholder.
+   */
   placeholder?: string;
+  /**
+   * Whether clearable.
+   */
   clearable?: boolean;
+  /**
+   * Clear label.
+   */
   clearLabel?: string;
+  /**
+   * Empty label.
+   */
   emptyLabel?: string;
+  /**
+   * Fuse options.
+   */
   fuseOptions?: UseFuseOptions<AutocompleteSearchOptionData>;
+  /**
+   * Properties forwarded to the anchor element.
+   */
   anchorProps?: PopperAnchorProps;
+  /**
+   * Properties forwarded to the input element.
+   */
   inputProps?: AutocompleteInputProps;
+  /**
+   * Properties forwarded to the trigger element.
+   */
   triggerProps?: ComboboxTriggerProps;
+  /**
+   * Properties forwarded to the portal element.
+   */
   portalProps?: PortalProps;
+  /**
+   * Properties forwarded to the content element.
+   */
   contentProps?: ComboboxContentProps;
+  /**
+   * Properties forwarded to the viewport element.
+   */
   viewportProps?: ComboboxViewportProps;
+  /**
+   * Properties forwarded to the group element.
+   */
   groupProps?: ListboxGroupProps;
+  /**
+   * Properties forwarded to the group label element.
+   */
   groupLabelProps?: ListboxGroupLabelProps;
+  /**
+   * Properties forwarded to the item element.
+   */
   itemProps?: Omit<ComboboxItemProps, 'disabled' | 'value'>;
+  /**
+   * Properties forwarded to the item indicator element.
+   */
   itemIndicatorProps?: ListboxItemIndicatorProps;
+  /**
+   * Properties forwarded to the separator element.
+   */
   separatorProps?: ComboboxSeparatorProps;
 }
+/**
+ * Events for the AutocompleteCompact component.
+ */
 type AutocompleteCompactEmits<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> = AutocompleteRootEmits & {
+  /**
+   * Emitted when select occurs.
+   */
   select: [item: T];
 };
+/**
+ * Slots for the AutocompleteCompact component.
+ */
 type AutocompleteCompactSlots<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> = {
+  /**
+   * Custom content for the input leading slot.
+   */
   'input-leading'?: () => any;
+  /**
+   * Custom content for the input trailing slot.
+   */
   'input-trailing'?: () => any;
+  /**
+   * Custom content for the trigger icon slot.
+   */
   'trigger-icon'?: () => any;
+  /**
+   * Custom content for the empty slot.
+   */
   empty?: () => any;
+  /**
+   * Custom content for the group label slot.
+   */
   'group-label'?: (props: {
     item: Extract<AutocompleteOptionData<T>, {
       items: T[];
     }>;
   }) => any;
+  /**
+   * Custom content for the item leading slot.
+   */
   'item-leading'?: (props: {
     item: T;
   }) => any;
+  /**
+   * Custom content for the item text slot.
+   */
   'item-text'?: (props: {
     item: T;
   }) => any;
+  /**
+   * Custom content for the item trailing slot.
+   */
   'item-trailing'?: (props: {
     item: T;
   }) => any;
+  /**
+   * Custom content for the item indicator slot.
+   */
   'item-indicator'?: (props: {
     item: T;
   }) => any;

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

@@ -3,7 +3,13 @@ import { ImageLoadingStatus } from "../../types/dom.js";
 import { HTMLAttributes, ImgHTMLAttributes } from "vue";
 
 //#region src/components/avatar/types.d.ts
+/**
+ * Properties for the AvatarRoot component.
+ */
 interface AvatarRootProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the AvatarImage component.
+ */
 interface AvatarImageProps extends /** @vue-ignore */ImgHTMLAttributes {
   /** The image source URL */
   src: string;
@@ -12,6 +18,9 @@ interface AvatarImageProps extends /** @vue-ignore */ImgHTMLAttributes {
   /** The cross-origin setting for the image */
   crossorigin?: ImgHTMLAttributes['crossorigin'];
 }
+/**
+ * Events for the AvatarImage component.
+ */
 type AvatarImageEmits = {
   /**
    * Event handler called when the image loading status changes. This is useful for controlling what to render as the
@@ -19,6 +28,9 @@ type AvatarImageEmits = {
    */
   loadingStatusChange: [status: ImageLoadingStatus];
 };
+/**
+ * Properties for the AvatarFallback component.
+ */
 interface AvatarFallbackProps extends /** @vue-ignore */HTMLAttributes {
   /**
    * Useful for delaying rendering so it only appears for those with slower connections.
@@ -27,7 +39,44 @@ interface AvatarFallbackProps extends /** @vue-ignore */HTMLAttributes {
    */
   delayMs?: number;
 }
+/**
+ * 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.
+ */
 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

@@ -1,21 +1,27 @@
 import { AsTag } from "../primitive/types.js";
 import { ButtonType } from "../button/types.js";
-import { BacktopExposed, BacktopProps } from "./types.js";
+import { BacktopProps } from "./types.js";
 import * as _$vue from "vue";
+import * as _$_vueuse_shared0 from "@vueuse/shared";
 
 //#region src/components/backtop/backtop.vue.d.ts
+declare function scrollToTop(): void;
 declare var __VLS_10: {
   visible: boolean;
 };
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<BacktopProps, BacktopExposed, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+declare const __VLS_base: _$vue.DefineComponent<BacktopProps, {
+  visible: _$vue.ShallowRef<boolean, boolean>;
+  scrollToTop: typeof scrollToTop;
+  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;

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

@@ -1,3 +1,3 @@
-import { BacktopEmits, BacktopExposed, BacktopProps, BacktopTarget } from "./types.js";
+import { BacktopEmits, BacktopProps, BacktopState, BacktopTarget } from "./types.js";
 import { _default } from "./backtop.vue.js";
-export { _default as Backtop, type BacktopEmits, type BacktopExposed, type BacktopProps, type BacktopTarget };
+export { _default as Backtop, type BacktopEmits, type BacktopProps, type BacktopState, type BacktopTarget };

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

@@ -1,9 +1,18 @@
 import { AffixTarget } from "../affix/types.js";
 import { ButtonProps } from "../button/types.js";
-import { ShallowRef } from "vue";
 
 //#region src/components/backtop/types.d.ts
+/**
+ * Type information for BacktopTarget.
+ */
 type BacktopTarget = AffixTarget;
+/**
+ * State values for BacktopState.
+ */
+type BacktopState = 'visible' | 'hidden';
+/**
+ * Properties for the Backtop component.
+ */
 interface BacktopProps extends /** @vue-ignore */Omit<ButtonProps, 'onChange'> {
   /**
    * Scroll distance that must be reached before the Backtop button becomes visible.
@@ -24,20 +33,18 @@ interface BacktopProps extends /** @vue-ignore */Omit<ButtonProps, 'onChange'> {
    */
   duration?: number;
 }
+/**
+ * Events for the Backtop component.
+ */
 type BacktopEmits = {
-  change: [visible: boolean];
-  click: [event: MouseEvent];
-};
-interface BacktopExposed {
-  visible: ShallowRef<boolean>;
   /**
-   * Scroll the target container back to the start position.
+   * Emitted when change occurs.
    */
-  scrollToTop: () => void;
+  change: [visible: boolean];
   /**
-   * Schedule a visibility update on the next animation frame.
+   * Emitted when click occurs.
    */
-  updateVisibility: () => void;
-}
+  click: [event: PointerEvent];
+};
 //#endregion
-export { BacktopEmits, BacktopExposed, BacktopProps, BacktopTarget };
+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

@@ -2,14 +2,55 @@ import { UiClass } from "../../types/common.js";
 import { HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/badge/types.d.ts
+/**
+ * Properties for the BadgeRoot component.
+ */
 interface BadgeRootProps extends /** @vue-ignore */HTMLAttributes {
+  /**
+   * Whether the component is open.
+   */
   open?: boolean;
 }
+/**
+ * Events for the BadgeRoot component.
+ */
 type BadgeRootEmits = {
+  /**
+   * Emitted when the open state changes.
+   */
   'update:open': [open: boolean];
 };
+/**
+ * Properties for the BadgeContent component.
+ */
 interface BadgeContentProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * 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.
+ */
 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-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../portal/portal.js";import i from"../dialog/dialog-close.js";import a from"../dialog/dialog-content.js";import o from"../dialog/dialog-description.js";import s from"../dialog/dialog-footer.js";import c from"../dialog/dialog-header.js";import l from"../dialog/dialog-title.js";import u from"../dialog/dialog-trigger.js";import d from"../dialog/dialog-cancel.js";import f from"../dialog/dialog-confirm.js";import"../dialog/index.js";import{useBottomSheetUi as p}from"./context.js";import m from"./bottom-sheet-root.js";import h from"./bottom-sheet-root-nested.js";import g from"./bottom-sheet-popup.js";import _ from"./bottom-sheet-overlay.js";import v from"./bottom-sheet-handle.js";import{computed as y,createBlock as b,createCommentVNode as x,createElementVNode as S,createTextVNode as C,createVNode as w,defineComponent as T,guardReactiveProps as E,mergeProps as D,normalizeClass as O,normalizeProps as k,openBlock as A,renderSlot as j,resolveDynamicComponent as M,toDisplayString as N,toHandlers as P,unref as F,useSlots as I,withCtx as L}from"vue";const R=T({name:`BottomSheetCompact`,__name:`bottom-sheet-compact`,props:{title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean],default:`onlyWarning`},cancelText:{default:`Cancel`},showConfirm:{type:Boolean,default:!0},confirmText:{default:`Confirm`},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{default:`default`},activeSnapPoint:{},closeThreshold:{},shouldScaleBackground:{type:Boolean,default:!0},setBackgroundColorOnScale:{type:Boolean,default:!0},scrollLockTimeout:{},fixed:{type:Boolean},dismissible:{type:Boolean,default:!0},nested:{type:Boolean},direction:{},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean},preventScrollRestoration:{type:Boolean},snapPoints:{},fadeFromIndex:{},handleProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`confirm`,`cancel`,`drag`,`release`,`close`,`update:activeSnapPoint`],setup(T,{emit:R}){let z=T,B=t(z,[`title`,`description`,`icon`,`showClose`,`pure`,`showCancel`,`cancelText`,`showConfirm`,`confirmText`,`triggerProps`,`overlayProps`,`portalProps`,`popupProps`,`headerProps`,`contentProps`,`footerProps`,`titleProps`,`descriptionProps`,`closeProps`,`cancelProps`,`confirmProps`,`handleProps`]),V=R,H=I(),U=e(V),W=p(),G=y(()=>({...z.triggerProps,asChild:z.triggerProps?.asChild??!0})),K={default:null,info:`lucide:info`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,success:`lucide:circle-check`},q=y(()=>z.icon?z.icon:z.isAlert&&z.alertType?K[z.alertType]:null),J=y(()=>z.showConfirm??z.isAlert),Y=y(()=>typeof z.showCancel==`boolean`?z.showCancel:z.isAlert===!0&&z.alertType===`warning`),X=y(()=>z.pure?!1:H.footer?!0:Y.value||J.value);return(e,t)=>(A(),b(M(T.nested?h:m),D(F(B),{"onUpdate:open":t[4]||(t[4]=e=>V(`update:open`,e))}),{default:L(p=>[w(F(u),k(E(G.value)),{default:L(()=>[j(e.$slots,`trigger`,k(E(p)))]),_:2},1040),w(r,k(E(T.portalProps)),{default:L(()=>[w(_,k(E(T.overlayProps)),null,16),w(g,D(T.popupProps,P(F(U))),{default:L(()=>[w(v,k(E(T.handleProps)),null,16),T.pure?x(`v-if`,!0):(A(),b(F(c),k(D({key:0},T.headerProps)),{default:L(()=>[w(F(l),k(E(T.titleProps)),{default:L(()=>[q.value?(A(),b(n,{key:0,icon:q.value,class:O(F(W).icon)},null,8,[`icon`,`class`])):x(`v-if`,!0),j(e.$slots,`title`,k(E(p)),()=>[S(`span`,null,N(T.title),1)])]),_:2},1040),H.description||T.description?(A(),b(F(o),k(D({key:0},T.descriptionProps)),{default:L(()=>[j(e.$slots,`description`,k(E(p)),()=>[C(N(T.description),1)])]),_:2},1040)):x(`v-if`,!0),!T.isAlert&&T.showClose?(A(),b(F(i),{key:1,onClose:t[0]||(t[0]=e=>V(`close`))},{default:L(()=>[j(e.$slots,`close`,k(E(p)))]),_:2},1024)):x(`v-if`,!0)]),_:2},1040)),w(F(a),k(E(T.contentProps)),{default:L(()=>[j(e.$slots,`default`,k(E(p)))]),_:2},1040),T.pure&&!T.isAlert&&T.showClose?(A(),b(F(i),{key:1,onClose:t[1]||(t[1]=e=>V(`close`))},{default:L(()=>[j(e.$slots,`close`,k(E(p)))]),_:2},1024)):x(`v-if`,!0),X.value?(A(),b(F(s),k(D({key:2},T.footerProps)),{default:L(()=>[j(e.$slots,`footer`,k(E(p)),()=>[Y.value?(A(),b(F(d),D({key:0},T.cancelProps,{onCancel:t[2]||(t[2]=e=>V(`cancel`,e))}),{default:L(()=>[j(e.$slots,`cancel`,k(E(p)),()=>[C(N(T.cancelText),1)])]),_:2},1040)):x(`v-if`,!0),J.value?(A(),b(F(f),D({key:1},T.confirmProps,{onConfirm:t[3]||(t[3]=e=>V(`confirm`,e))}),{default:L(()=>[j(e.$slots,`confirm`,k(E(p)),()=>[C(N(T.confirmText),1)])]),_:2},1040)):x(`v-if`,!0)])]),_:2},1040)):x(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{R as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../portal/portal.js";import i from"../dialog/dialog-close.js";import a from"../dialog/dialog-content.js";import o from"../dialog/dialog-description.js";import s from"../dialog/dialog-footer.js";import c from"../dialog/dialog-header.js";import l from"../dialog/dialog-title.js";import u from"../dialog/dialog-trigger.js";import d from"../dialog/dialog-cancel.js";import f from"../dialog/dialog-confirm.js";import"../dialog/index.js";import{useBottomSheetUi as p}from"./context.js";import m from"./bottom-sheet-root.js";import h from"./bottom-sheet-root-nested.js";import g from"./bottom-sheet-popup.js";import _ from"./bottom-sheet-overlay.js";import v from"./bottom-sheet-handle.js";import{computed as y,createBlock as b,createCommentVNode as x,createElementVNode as S,createTextVNode as C,createVNode as w,defineComponent as T,guardReactiveProps as E,mergeProps as D,normalizeClass as O,normalizeProps as k,openBlock as A,renderSlot as j,resolveDynamicComponent as M,toDisplayString as N,toHandlers as P,unref as F,useSlots as I,withCtx as L}from"vue";const R=T({name:`BottomSheetCompact`,__name:`bottom-sheet-compact`,props:{title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean],default:`onlyWarning`},cancelText:{default:`Cancel`},showConfirm:{type:Boolean,default:!0},confirmText:{default:`Confirm`},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},isAlert:{type:Boolean},alertType:{default:`default`},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},activeSnapPoint:{},closeThreshold:{},shouldScaleBackground:{type:Boolean,default:!0},setBackgroundColorOnScale:{type:Boolean,default:!0},scrollLockTimeout:{},fixed:{type:Boolean},dismissible:{type:Boolean,default:!0},nested:{type:Boolean},direction:{},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean},preventScrollRestoration:{type:Boolean},snapPoints:{},fadeFromIndex:{},handleProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`confirm`,`cancel`,`drag`,`release`,`close`,`update:activeSnapPoint`],setup(T,{emit:R}){let z=T,B=t(z,[`title`,`description`,`icon`,`showClose`,`pure`,`showCancel`,`cancelText`,`showConfirm`,`confirmText`,`triggerProps`,`overlayProps`,`portalProps`,`popupProps`,`headerProps`,`contentProps`,`footerProps`,`titleProps`,`descriptionProps`,`closeProps`,`cancelProps`,`confirmProps`,`handleProps`]),V=R,H=I(),U=e(V),W=p(),G=y(()=>({...z.triggerProps,asChild:z.triggerProps?.asChild??!0})),K={default:null,info:`lucide:info`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,success:`lucide:circle-check`},q=y(()=>z.icon?z.icon:z.isAlert&&z.alertType?K[z.alertType]:null),J=y(()=>z.showConfirm??z.isAlert),Y=y(()=>typeof z.showCancel==`boolean`?z.showCancel:z.isAlert===!0&&z.alertType===`warning`),X=y(()=>z.pure?!1:H.footer?!0:Y.value||J.value);return(e,t)=>(A(),b(M(T.nested?h:m),D(F(B),{"onUpdate:open":t[4]||(t[4]=e=>V(`update:open`,e))}),{default:L(p=>[w(F(u),k(E(G.value)),{default:L(()=>[j(e.$slots,`trigger`,k(E(p)))]),_:2},1040),w(r,k(E(T.portalProps)),{default:L(()=>[w(_,k(E(T.overlayProps)),null,16),w(g,D(T.popupProps,P(F(U))),{default:L(()=>[w(v,k(E(T.handleProps)),null,16),T.pure?x(`v-if`,!0):(A(),b(F(c),k(D({key:0},T.headerProps)),{default:L(()=>[w(F(l),k(E(T.titleProps)),{default:L(()=>[q.value?(A(),b(n,{key:0,icon:q.value,class:O(F(W).icon)},null,8,[`icon`,`class`])):x(`v-if`,!0),j(e.$slots,`title`,k(E(p)),()=>[S(`span`,null,N(T.title),1)])]),_:2},1040),H.description||T.description?(A(),b(F(o),k(D({key:0},T.descriptionProps)),{default:L(()=>[j(e.$slots,`description`,k(E(p)),()=>[C(N(T.description),1)])]),_:2},1040)):x(`v-if`,!0),!T.isAlert&&T.showClose?(A(),b(F(i),{key:1,onClose:t[0]||(t[0]=e=>V(`close`))},{default:L(()=>[j(e.$slots,`close`,k(E(p)))]),_:2},1024)):x(`v-if`,!0)]),_:2},1040)),w(F(a),k(E(T.contentProps)),{default:L(()=>[j(e.$slots,`default`,k(E(p)))]),_:2},1040),T.pure&&!T.isAlert&&T.showClose?(A(),b(F(i),{key:1,onClose:t[1]||(t[1]=e=>V(`close`))},{default:L(()=>[j(e.$slots,`close`,k(E(p)))]),_:2},1024)):x(`v-if`,!0),X.value?(A(),b(F(s),k(D({key:2},T.footerProps)),{default:L(()=>[j(e.$slots,`footer`,k(E(p)),()=>[Y.value?(A(),b(F(d),D({key:0},T.cancelProps,{onCancel:t[2]||(t[2]=e=>V(`cancel`,e))}),{default:L(()=>[j(e.$slots,`cancel`,k(E(p)),()=>[C(N(T.cancelText),1)])]),_:2},1040)):x(`v-if`,!0),J.value?(A(),b(F(f),D({key:1},T.confirmProps,{onConfirm:t[3]||(t[3]=e=>V(`confirm`,e))}),{default:L(()=>[j(e.$slots,`confirm`,k(E(p)),()=>[C(N(T.confirmText),1)])]),_:2},1040)):x(`v-if`,!0)])]),_:2},1040)):x(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{R as default};

package/dist/components/bottom-sheet/bottom-sheet-root-nested.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import{useDrawerRootContext as t}from"./context.js";import n from"./bottom-sheet-root.js";import{createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";const p=i({name:`BottomSheetRootNested`,__name:`bottom-sheet-root-nested`,props:{open:{type:Boolean},defaultOpen:{type:Boolean},modal:{type:Boolean},isAlert:{type:Boolean},alertType:{},activeSnapPoint:{},closeThreshold:{},shouldScaleBackground:{type:Boolean},setBackgroundColorOnScale:{type:Boolean},scrollLockTimeout:{},fixed:{type:Boolean},dismissible:{type:Boolean},nested:{type:Boolean},direction:{},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean},preventScrollRestoration:{type:Boolean},snapPoints:{},fadeFromIndex:{}},emits:[`update:open`,`drag`,`release`,`close`,`update:activeSnapPoint`],setup(i,{emit:p}){let m=i,h=e(p),{onNestedDrag:g,onNestedOpenChange:_,onNestedRelease:v}=t(`BottomSheetRootNested`);function y(){_(!1)}function b(e){g(e)}function x(e){e&&_(e)}return(e,t)=>(c(),r(n,o(m,{nested:``},u(d(h)),{onClose:y,onDrag:b,onRelease:d(v),"onUpdate:open":x}),{default:f(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16,[`onRelease`]))}});export{p as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import{useDrawerRootContext as t}from"./context.js";import n from"./bottom-sheet-root.js";import{createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";const p=i({name:`BottomSheetRootNested`,__name:`bottom-sheet-root-nested`,props:{isAlert:{type:Boolean},alertType:{},open:{type:Boolean},defaultOpen:{type:Boolean},modal:{type:Boolean},activeSnapPoint:{},closeThreshold:{},shouldScaleBackground:{type:Boolean},setBackgroundColorOnScale:{type:Boolean},scrollLockTimeout:{},fixed:{type:Boolean},dismissible:{type:Boolean},nested:{type:Boolean},direction:{},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean},preventScrollRestoration:{type:Boolean},snapPoints:{},fadeFromIndex:{}},emits:[`update:open`,`drag`,`release`,`close`,`update:activeSnapPoint`],setup(i,{emit:p}){let m=i,h=e(p),{onNestedDrag:g,onNestedOpenChange:_,onNestedRelease:v}=t(`BottomSheetRootNested`);function y(){_(!1)}function b(e){g(e)}function x(e){e&&_(e)}return(e,t)=>(c(),r(n,o(m,{nested:``},u(d(h)),{onClose:y,onDrag:b,onRelease:d(v),"onUpdate:open":x}),{default:f(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16,[`onRelease`]))}});export{p as default};

package/dist/components/bottom-sheet/bottom-sheet-root.js

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import t from"../dialog/dialog-root.js";import"../dialog/index.js";import{CLOSE_THRESHOLD as n}from"./shared.js";import{provideDrawerRootContext as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,openBlock as s,renderSlot as c,toRefs as l,unref as u,withCtx as d}from"vue";const f=o({name:`BottomSheetRoot`,__name:`bottom-sheet-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{},activeSnapPoint:{default:void 0},closeThreshold:{default:n},shouldScaleBackground:{type:Boolean,default:void 0},setBackgroundColorOnScale:{type:Boolean,default:!0},scrollLockTimeout:{default:100},fixed:{type:Boolean,default:void 0},dismissible:{type:Boolean,default:!0},nested:{type:Boolean,default:!1},direction:{default:`bottom`},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean,default:!1},preventScrollRestoration:{type:Boolean},snapPoints:{default:void 0},fadeFromIndex:{default:void 0}},emits:[`update:open`,`drag`,`release`,`close`,`update:activeSnapPoint`],setup(n,{emit:o}){let f=n,p=o,m=e(()=>f.open,e=>{p(`update:open`,e??!1)},f.defaultOpen),h=e(()=>f.activeSnapPoint,e=>{p(`update:activeSnapPoint`,e)},void 0),g=i(()=>f.fadeFromIndex??(f.snapPoints&&f.snapPoints.length-1)),_={emitDrag:e=>p(`drag`,e),emitRelease:e=>p(`release`,e),emitClose:()=>p(`close`),emitOpenChange:e=>{p(`update:open`,e)}},{closeDrawer:v,hasBeenOpened:y,modal:b,isOpen:x}=r({..._,...l(f),activeSnapPoint:h,fadeFromIndex:g,open:m});function S(e){if(f.open!==void 0){_.emitOpenChange(e);return}x.value=e,e?y.value=!0:v()}return(e,n)=>(s(),a(u(t),{open:u(x),modal:u(b),"onUpdate:open":S},{default:d(()=>[c(e.$slots,`default`,{open:u(x)})]),_:3},8,[`open`,`modal`]))}});export{f as default};
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import t from"../dialog/dialog-root.js";import"../dialog/index.js";import{CLOSE_THRESHOLD as n}from"./shared.js";import{provideDrawerRootContext as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,openBlock as s,renderSlot as c,toRefs as l,unref as u,withCtx as d}from"vue";const f=o({name:`BottomSheetRoot`,__name:`bottom-sheet-root`,props:{isAlert:{type:Boolean},alertType:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},modal:{type:Boolean,default:!0},activeSnapPoint:{default:void 0},closeThreshold:{default:n},shouldScaleBackground:{type:Boolean,default:void 0},setBackgroundColorOnScale:{type:Boolean,default:!0},scrollLockTimeout:{default:100},fixed:{type:Boolean,default:void 0},dismissible:{type:Boolean,default:!0},nested:{type:Boolean,default:!1},direction:{default:`bottom`},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean,default:!1},preventScrollRestoration:{type:Boolean},snapPoints:{default:void 0},fadeFromIndex:{default:void 0}},emits:[`update:open`,`drag`,`release`,`close`,`update:activeSnapPoint`],setup(n,{emit:o}){let f=n,p=o,m=e(()=>f.open,e=>{p(`update:open`,e??!1)},f.defaultOpen),h=e(()=>f.activeSnapPoint,e=>{p(`update:activeSnapPoint`,e)},void 0),g=i(()=>f.fadeFromIndex??(f.snapPoints&&f.snapPoints.length-1)),_={emitDrag:e=>p(`drag`,e),emitRelease:e=>p(`release`,e),emitClose:()=>p(`close`),emitOpenChange:e=>{p(`update:open`,e)}},{closeDrawer:v,hasBeenOpened:y,modal:b,isOpen:x}=r({..._,...l(f),activeSnapPoint:h,fadeFromIndex:g,open:m});function S(e){if(f.open!==void 0){_.emitOpenChange(e);return}x.value=e,e?y.value=!0:v()}return(e,n)=>(s(),a(u(t),{open:u(x),modal:u(b),"onUpdate:open":S},{default:d(()=>[c(e.$slots,`default`,{open:u(x)})]),_:3},8,[`open`,`modal`]))}});export{f as default};