@soybeanjs/headless 0.16.0 → 0.17.0

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
+/**
+ * Props for the autocomplete root 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 the autocomplete highlight payload component.
+ */
 type AutocompleteHighlightPayload = CollectionItemData<ListboxCollectionItemData>;
+/**
+ * Emits for the autocomplete root 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];
 };
+/**
+ * Props for the autocomplete input component.
+ */
 interface AutocompleteInputProps extends Omit<InputRootProps, 'defaultValue' | 'modelValue'> {
+  /**
+   * Input ref.
+   */
   inputRef?: (el: HTMLInputElement) => void;
+  /**
+   * Props forwarded to the control element.
+   */
   controlProps?: InputControlProps;
 }
+/**
+ * Option data for the autocomplete single 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 autocomplete group 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 autocomplete search component.
+ */
 interface AutocompleteSearchOptionData extends AutocompleteSingleOptionData {
+  /**
+   * Group label.
+   */
   groupLabel?: string;
+  /**
+   * Group value.
+   */
   groupValue?: string;
+  /**
+   * Whether group separator.
+   */
   groupSeparator?: boolean;
 }
+/**
+ * Props for the autocomplete compact 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>;
+  /**
+   * Props forwarded to the anchor element.
+   */
   anchorProps?: PopperAnchorProps;
+  /**
+   * Props forwarded to the input element.
+   */
   inputProps?: AutocompleteInputProps;
+  /**
+   * Props forwarded to the trigger element.
+   */
   triggerProps?: ComboboxTriggerProps;
+  /**
+   * Props forwarded to the portal element.
+   */
   portalProps?: PortalProps;
+  /**
+   * Props forwarded to the content element.
+   */
   contentProps?: ComboboxContentProps;
+  /**
+   * Props forwarded to the viewport element.
+   */
   viewportProps?: ComboboxViewportProps;
+  /**
+   * Props forwarded to the group element.
+   */
   groupProps?: ListboxGroupProps;
+  /**
+   * Props forwarded to the group label element.
+   */
   groupLabelProps?: ListboxGroupLabelProps;
+  /**
+   * Props forwarded to the item element.
+   */
   itemProps?: Omit<ComboboxItemProps, 'disabled' | 'value'>;
+  /**
+   * Props forwarded to the item indicator element.
+   */
   itemIndicatorProps?: ListboxItemIndicatorProps;
+  /**
+   * Props forwarded to the separator element.
+   */
   separatorProps?: ComboboxSeparatorProps;
 }
+/**
+ * Emits for the autocomplete compact component.
+ */
 type AutocompleteCompactEmits<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> = AutocompleteRootEmits & {
+  /**
+   * Emitted when select occurs.
+   */
   select: [item: T];
 };
+/**
+ * Slots for the autocomplete compact 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/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
+/**
+ * Props for the avatar root component.
+ */
 interface AvatarRootProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the avatar image 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'];
 }
+/**
+ * Emits for the avatar image 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];
 };
+/**
+ * Props for the avatar fallback component.
+ */
 interface AvatarFallbackProps extends /** @vue-ignore */HTMLAttributes {
   /**
    * Useful for delaying rendering so it only appears for those with slower connections.
@@ -27,7 +39,13 @@ interface AvatarFallbackProps extends /** @vue-ignore */HTMLAttributes {
    */
   delayMs?: number;
 }
+/**
+ * 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 };

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

@@ -1,16 +1,22 @@
 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;
 }, string, _$vue.PublicProps, Readonly<BacktopProps> & Readonly<{
@@ -19,8 +25,8 @@ declare const __VLS_base: _$vue.DefineComponent<BacktopProps, BacktopExposed, {}
 }>, {
   type: ButtonType;
   as: AsTag | _$vue.Component;
-  duration: number;
   visibilityHeight: number;
+  duration: 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/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 the backtop target component.
+ */
 type BacktopTarget = AffixTarget;
+/**
+ * State values for the backtop component.
+ */
+type BacktopState = 'visible' | 'hidden';
+/**
+ * Props 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;
 }
+/**
+ * Emits 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: MouseEvent];
+};
 //#endregion
-export { BacktopEmits, BacktopExposed, BacktopProps, BacktopTarget };
+export { BacktopEmits, BacktopProps, BacktopState, BacktopTarget };

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

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

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-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/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};

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

@@ -3,18 +3,51 @@ import { DialogCompactEmits, DialogCompactProps, DialogCompactSlots, DialogRootE
 import { HTMLAttributes, Ref, ShallowRef } from "vue";
 
 //#region src/components/bottom-sheet/types.d.ts
+/**
+ * Type information for the drawer direction component.
+ */
 type DrawerDirection = Side;
+/**
+ * Props for the with fade from component.
+ */
 interface WithFadeFromProps {
+  /**
+   * Snap points.
+   */
   snapPoints: (number | string)[];
+  /**
+   * Fade from index.
+   */
   fadeFromIndex: number;
 }
+/**
+ * Props for the without fade from component.
+ */
 interface WithoutFadeFromProps {
+  /**
+   * Snap points.
+   */
   snapPoints?: (number | string)[];
+  /**
+   * Fade from index.
+   */
   fadeFromIndex?: never;
 }
+/**
+ * Props for the bottom sheet root component.
+ */
 type BottomSheetRootProps = DialogRootProps & {
+  /**
+   * Active snap point.
+   */
   activeSnapPoint?: number | string | null;
+  /**
+   * Close threshold.
+   */
   closeThreshold?: number;
+  /**
+   * Whether the component should scale background.
+   */
   shouldScaleBackground?: boolean;
   /**
    * When `false` we don't change body's background color when the drawer is open.
@@ -22,35 +55,101 @@ type BottomSheetRootProps = DialogRootProps & {
    * @default true
    */
   setBackgroundColorOnScale?: boolean;
+  /**
+   * Scroll lock timeout.
+   */
   scrollLockTimeout?: number;
+  /**
+   * Whether fixed.
+   */
   fixed?: boolean;
+  /**
+   * Whether dismissible.
+   */
   dismissible?: boolean;
+  /**
+   * Whether nested.
+   */
   nested?: boolean;
+  /**
+   * Direction.
+   */
   direction?: DrawerDirection; /** When `true` the `body` doesn't get any styles assigned from Vaul */
   noBodyStyles?: boolean;
+  /**
+   * Whether handle only.
+   */
   handleOnly?: boolean;
+  /**
+   * Whether prevent scroll restoration.
+   */
   preventScrollRestoration?: boolean;
 } & (WithFadeFromProps | WithoutFadeFromProps);
+/**
+ * Emits for the bottom sheet root component.
+ */
 type BottomSheetRootEmits = DialogRootEmits & {
+  /**
+   * Emitted when drag occurs.
+   */
   drag: [percentageDragged: number];
+  /**
+   * Emitted when release occurs.
+   */
   release: [open: boolean];
+  /**
+   * Emitted when close occurs.
+   */
   close: [];
+  /**
+   * Emitted when the active snap point value changes.
+   */
   'update:activeSnapPoint': [val: string | number | null];
 };
+/**
+ * Slots for the bottom sheet root component.
+ */
 type BottomSheetRootSlots = {
+  /**
+   * Custom content for the default slot.
+   */
   default?: (props: {
     open: boolean;
   }) => any;
 };
+/**
+ * Props for the bottom sheet handle component.
+ */
 interface BottomSheetHandleProps extends /** @vue-ignore */HTMLAttributes {
+  /**
+   * Whether prevent cycle.
+   */
   preventCycle?: boolean;
 }
+/**
+ * Props for the bottom sheet compact component.
+ */
 type BottomSheetCompactProps = DialogCompactProps & BottomSheetRootProps & {
+  /**
+   * Props forwarded to the handle element.
+   */
   handleProps?: BottomSheetHandleProps;
 };
+/**
+ * Emits for the bottom sheet compact component.
+ */
 type BottomSheetCompactEmits = Omit<DialogCompactEmits, 'close'> & BottomSheetRootEmits;
+/**
+ * Slots for the bottom sheet compact component.
+ */
 type BottomSheetCompactSlots = DialogCompactSlots;
+/**
+ * Available UI slots for the bottom sheet component.
+ */
 type BottomSheetUiSlot = DialogUiSlot | 'handle';
+/**
+ * UI class overrides for the bottom sheet component.
+ */
 type BottomSheetUi = UiClass<BottomSheetUiSlot>;
 //#endregion
 export { BottomSheetCompactEmits, BottomSheetCompactProps, BottomSheetCompactSlots, BottomSheetHandleProps, BottomSheetRootEmits, BottomSheetRootProps, BottomSheetRootSlots, BottomSheetUi, BottomSheetUiSlot, DrawerDirection, WithFadeFromProps, WithoutFadeFromProps };

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

@@ -1,4 +1,4 @@
-import { BreadcrumbCompactEmits, BreadcrumbCompactProps, BreadcrumbCompactSlots, BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbOptionData, BreadcrumbPageProps, BreadcrumbRootProps, BreadcrumbSeparatorProps, BreadcrumbUi, BreadcrumbUiSlot } from "./types.js";
+import { BreadcrumbCompactEllipsisSlotProps, BreadcrumbCompactEmits, BreadcrumbCompactItemSlotProps, BreadcrumbCompactProps, BreadcrumbCompactSlots, BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbOptionData, BreadcrumbPageProps, BreadcrumbRootProps, BreadcrumbSeparatorProps, BreadcrumbUi, BreadcrumbUiSlot } from "./types.js";
 import { _default as _default$6 } from "./breadcrumb-root.vue.js";
 import { _default } from "./breadcrumb-compact.vue.js";
 import { _default as _default$4 } from "./breadcrumb-list.vue.js";
@@ -8,4 +8,4 @@ import { _default as _default$5 } from "./breadcrumb-page.vue.js";
 import { _default as _default$7 } from "./breadcrumb-separator.vue.js";
 import { _default as _default$1 } from "./breadcrumb-ellipsis.vue.js";
 import { provideBreadcrumbUi } from "./context.js";
-export { _default as BreadcrumbCompact, type BreadcrumbCompactEmits, type BreadcrumbCompactProps, type BreadcrumbCompactSlots, _default$1 as BreadcrumbEllipsis, type BreadcrumbEllipsisProps, _default$2 as BreadcrumbItem, type BreadcrumbItemProps, _default$3 as BreadcrumbLink, type BreadcrumbLinkProps, _default$4 as BreadcrumbList, type BreadcrumbListProps, type BreadcrumbOptionData, _default$5 as BreadcrumbPage, type BreadcrumbPageProps, _default$6 as BreadcrumbRoot, type BreadcrumbRootProps, _default$7 as BreadcrumbSeparator, type BreadcrumbSeparatorProps, type BreadcrumbUi, type BreadcrumbUiSlot, provideBreadcrumbUi };
+export { _default as BreadcrumbCompact, type BreadcrumbCompactEllipsisSlotProps, type BreadcrumbCompactEmits, type BreadcrumbCompactItemSlotProps, type BreadcrumbCompactProps, type BreadcrumbCompactSlots, _default$1 as BreadcrumbEllipsis, type BreadcrumbEllipsisProps, _default$2 as BreadcrumbItem, type BreadcrumbItemProps, _default$3 as BreadcrumbLink, type BreadcrumbLinkProps, _default$4 as BreadcrumbList, type BreadcrumbListProps, type BreadcrumbOptionData, _default$5 as BreadcrumbPage, type BreadcrumbPageProps, _default$6 as BreadcrumbRoot, type BreadcrumbRootProps, _default$7 as BreadcrumbSeparator, type BreadcrumbSeparatorProps, type BreadcrumbUi, type BreadcrumbUiSlot, provideBreadcrumbUi };