@soybeanjs/headless 0.29.0-beta.9 → 0.29.0

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

@@ -0,0 +1,259 @@
+import { Direction } from "../../types/common.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+import { BaseProps } from "../../types/vue.js";
+import { IconValue } from "../_icon/types.js";
+import { CollectionItemData } from "../../composables/use-collection.js";
+import { UseFuseOptions } from "../../composables/use-fuse.js";
+import { InputControlProps, InputRootEmits, InputRootProps } from "../input/types.js";
+import { ListboxCollectionItemData, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemIndicatorProps } from "../listbox/types.js";
+import { PopperAnchorProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
+import { ComboboxContentProps, ComboboxItemEmits, ComboboxItemProps, ComboboxSeparatorProps, ComboboxTriggerProps, ComboboxUi, ComboboxUiSlot, ComboboxViewportProps } from "../combobox/types.js";
+import { ShallowRef } from "vue";
+
+//#region src/components/autocomplete/types.d.ts
+/**
+ * Properties for the AutocompleteRoot component.
+ */
+interface AutocompleteRootProps extends FormFieldCommonProps, BaseProps {
+  /** The controlled value of the autocomplete input. */
+  modelValue?: string;
+  /** The value of the autocomplete input when initially rendered. */
+  defaultValue?: string;
+  /** The controlled open state of the autocomplete popup. */
+  open?: boolean;
+  /** The open state of the autocomplete popup when initially rendered. */
+  defaultOpen?: boolean;
+  /** The reading direction of the autocomplete when applicable. */
+  dir?: Direction;
+  /** When `true`, prevents the user from interacting with autocomplete. */
+  disabled?: boolean;
+  /** When `true`, hover over item will trigger highlight. */
+  highlightOnHover?: boolean;
+  /** Whether to open the autocomplete when the input is focused. */
+  openOnFocus?: boolean;
+  /** 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;
+  /** Icon displayed before the option text. */
+  icon?: IconValue;
+  /** Additional keywords used for filtering. */
+  keywords?: string[];
+  /** 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;
+};
+//#endregion
+export { AutocompleteCompactEmits, AutocompleteCompactProps, AutocompleteCompactSlots, AutocompleteGroupOptionData, AutocompleteHighlightPayload, AutocompleteInputProps, AutocompleteOptionData, AutocompleteRootEmits, AutocompleteRootProps, AutocompleteSearchOptionData, 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,18 @@
+import { ImageLoadingStatus } from "../../types/dom.js";
+import { AvatarCompactProps, AvatarCompactSlots } from "./types.js";
+//#region src/components/avatar/avatar-compact.vue.d.ts
+type __VLS_Slots = AvatarCompactSlots;
+declare const __VLS_base: import("vue").DefineComponent<AvatarCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  loadingStatusChange: (status: ImageLoadingStatus) => any;
+}, string, import("vue").PublicProps, Readonly<AvatarCompactProps> & Readonly<{
+  onLoadingStatusChange?: ((status: ImageLoadingStatus) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("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

@@ -0,0 +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,"data-soybean-avatar-fallback":``,class:s(f(h))},[u(e.$slots,`default`)],2)):i(`v-if`,!0)}});export{m as default};

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

@@ -0,0 +1,17 @@
+import { AvatarFallbackProps } from "./types.js";
+
+//#region src/components/avatar/avatar-fallback.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<AvatarFallbackProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarFallbackProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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-image.js

@@ -0,0 +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`,{"data-soybean-avatar-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-image.vue.d.ts

@@ -0,0 +1,11 @@
+import { ImageLoadingStatus } from "../../types/dom.js";
+import { AvatarImageProps } from "./types.js";
+//#region src/components/avatar/avatar-image.vue.d.ts
+declare const __VLS_export: import("vue").DefineComponent<AvatarImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  loadingStatusChange: (status: ImageLoadingStatus) => any;
+}, string, import("vue").PublicProps, Readonly<AvatarImageProps> & Readonly<{
+  onLoadingStatusChange?: ((status: ImageLoadingStatus) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };

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

@@ -0,0 +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`,{"data-soybean-avatar-root":``,class:i(s(c))},[o(e.$slots,`default`)],2))}});export{c as default};

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

@@ -0,0 +1,17 @@
+import { AvatarRootProps } from "./types.js";
+
+//#region src/components/avatar/avatar-root.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<AvatarRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarRootProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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/context.d.ts

@@ -0,0 +1,7 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { AvatarUiSlot } from "./types.js";
+//#region src/components/avatar/context.d.ts
+declare const provideAvatarUi: (ui: import("vue").ComputedRef<Partial<UiClass<AvatarUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<AvatarUiSlot>>>, useAvatarUi: UseUiConsumer<AvatarUiSlot>;
+//#endregion
+export { provideAvatarUi };

package/dist/components/avatar/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{shallowRef as n}from"vue";const[r,i]=e(`AvatarRoot`,()=>{let e=n(`idle`);return{imageLoadingStatus:e,updateImageLoadingStatus:t=>{e.value=t}}}),[a,o]=t(`AvatarUi`);export{r as provideAvatarRootContext,a as provideAvatarUi,i as useAvatarRootContext,o as useAvatarUi};

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

@@ -0,0 +1,7 @@
+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 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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,83 @@
+import { UiClass } from "../../types/common.js";
+import { ImageLoadingStatus } from "../../types/dom.js";
+import { BaseProps } from "../../types/vue.js";
+import { ImgHTMLAttributes } from "vue";
+
+//#region src/components/avatar/types.d.ts
+/**
+ * Properties for the AvatarRoot component.
+ */
+interface AvatarRootProps extends BaseProps {}
+/**
+ * Properties for the AvatarImage component.
+ */
+interface AvatarImageProps extends BaseProps<ImgHTMLAttributes> {
+  /** The image source URL */
+  src: string;
+  /** The referrer policy for the image */
+  referrerpolicy?: ImgHTMLAttributes['referrerpolicy'];
+  /** 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
+   * image is loading.
+   */
+  loadingStatusChange: [status: ImageLoadingStatus];
+};
+/**
+ * Properties for the AvatarFallback component.
+ */
+interface AvatarFallbackProps extends BaseProps {
+  /**
+   * Useful for delaying rendering so it only appears for those with slower connections.
+   *
+   * @defaultValue undefined
+   */
+  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 { AvatarCompactEmits, AvatarCompactProps, AvatarCompactSlots, AvatarFallbackProps, AvatarImageEmits, AvatarImageProps, AvatarRootProps, AvatarUi, AvatarUiSlot };

package/dist/components/backtop/backtop.js

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../button/button.js";import{easeInOutCubic as r,getScrollTop as i,prefersReducedMotion as a,resolveBacktopTarget as o,setScrollTop as s}from"./shared.js";import{computed as c,createBlock as l,defineComponent as u,mergeProps as d,nextTick as f,onBeforeUnmount as p,onMounted as m,onWatcherCleanup as h,openBlock as g,renderSlot as _,shallowRef as v,unref as y,useAttrs as b,watch as x,withCtx as S}from"vue";import{useEventListener as C,useRafFn as w}from"@vueuse/core";const T=u({name:`Backtop`,__name:`backtop`,props:{visibilityHeight:{default:400},target:{},duration:{default:300},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`change`,`click`],setup(u,{expose:T,emit:E}){let D=u,O=E,k=b(),A=t(D,[`duration`,`target`,`visibilityHeight`]),j=v(!1),[M,N]=e(),P=v(null),F=null,I=c(()=>j.value?`visible`:`hidden`),L=c(()=>k[`aria-label`]??`Back to top`);function R(e){j.value!==e&&(!e&&M.value&&M.value===document.activeElement&&M.value.blur(),j.value=e,O(`change`,e))}function z(){P.value=o(D.target)}function B(){let e=P.value;if(!e){R(!1);return}R(i(e)>=D.visibilityHeight)}let{pause:V,resume:H}=w(B,{immediate:!1,once:!0});function U(){F!==null&&(cancelAnimationFrame(F),F=null)}function W(){let e=P.value??o(D.target);if(!e)return;let t=i(e);if(t<=0){H();return}if(U(),D.duration<=0||a()){s(e,0),H();return}let n=performance.now(),c=i=>{let a=Math.min((i-n)/D.duration,1),o=Math.round(t*(1-r(a)));if(s(e,o),a<1&&o>0){F=requestAnimationFrame(c);return}s(e,0),F=null,H()};F=requestAnimationFrame(c)}function G(e){let t=e.currentTarget;t instanceof HTMLElement&&t.blur(),W(),O(`click`,e)}return x([()=>D.target,()=>D.visibilityHeight],async()=>{z(),await f(),H()},{immediate:!0}),x(P,e=>{if(!e)return;let t=C(e,`scroll`,H);h(()=>{t()})},{immediate:!0}),C(()=>typeof window>`u`?null:window,`resize`,H),m(async()=>{await f(),z(),H()}),p(()=>{V(),U()}),T({visible:j,scrollToTop:W,updateVisibility:H}),(e,t)=>(g(),l(n,d({ref:y(N)},y(A),{"data-soybean-backtop":``,"aria-label":L.value,"data-state":I.value,hidden:!j.value,onClick:G}),{default:S(()=>[_(e.$slots,`default`,{visible:j.value})]),_:3},16,[`aria-label`,`data-state`,`hidden`]))}});export{T as default};

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

@@ -0,0 +1,33 @@
+import { BacktopProps } from "./types.js";
+
+//#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: import("vue").DefineComponent<BacktopProps, {
+  visible: import("vue").ShallowRef<boolean, boolean>;
+  scrollToTop: typeof scrollToTop;
+  updateVisibility: import("@vueuse/shared").Fn;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  click: (event: PointerEvent) => any;
+  change: (visible: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<BacktopProps> & Readonly<{
+  onClick?: ((event: PointerEvent) => any) | undefined;
+  onChange?: ((visible: boolean) => any) | undefined;
+}>, {
+  visibilityHeight: number;
+  duration: number;
+}, {}, {}, {}, string, import("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/backtop/index.d.ts

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

package/dist/components/backtop/index.js

@@ -0,0 +1 @@
+import e from"./backtop.js";export{e as Backtop};

package/dist/components/backtop/shared.js

@@ -0,0 +1 @@
+import{toValue as e}from"vue";function t(){return typeof window>`u`?null:window}function n(e){if(typeof document>`u`)return null;try{return document.querySelector(e)}catch{return null}}function r(r){return r?typeof r==`string`?n(r):e(r)??null:t()}function i(e){return`document`in e}function a(e){if(!i(e))return e.scrollTop;let t=e.document.scrollingElement??e.document.documentElement;return e.scrollY||t?.scrollTop||e.document.body?.scrollTop||0}function o(e,t){if(!i(e)){if(typeof e.scrollTo==`function`)try{e.scrollTo({top:t,behavior:`auto`})}catch{e.scrollTo(0,t)}e.scrollTop=t;return}let n=e.document.scrollingElement??e.document.documentElement;if(typeof e.scrollTo==`function`)try{e.scrollTo({top:t,behavior:`auto`})}catch{e.scrollTo(0,t)}n&&(n.scrollTop=t),e.document.body&&(e.document.body.scrollTop=t)}function s(e){return e<.5?4*e*e*e:1-(-2*e+2)**3/2}function c(){return typeof window>`u`||typeof window.matchMedia!=`function`?!1:window.matchMedia(`(prefers-reduced-motion: reduce)`).matches}export{s as easeInOutCubic,a as getScrollTop,c as prefersReducedMotion,r as resolveBacktopTarget,o as setScrollTop};

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

@@ -0,0 +1,50 @@
+import { ButtonProps } from "../button/types.js";
+import { AffixTarget } from "../affix/types.js";
+
+//#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 Omit<ButtonProps, 'onChange'> {
+  /**
+   * Scroll distance that must be reached before the Backtop button becomes visible.
+   *
+   * @defaultValue 400
+   */
+  visibilityHeight?: number;
+  /**
+   * Scroll target that Backtop listens to and scrolls.
+   *
+   * @defaultValue window
+   */
+  target?: BacktopTarget | null;
+  /**
+   * Duration of the scroll-to-top animation in milliseconds.
+   *
+   * @defaultValue 300
+   */
+  duration?: number;
+}
+/**
+ * Events for the Backtop component.
+ */
+type BacktopEmits = {
+  /**
+   * Emitted when change occurs.
+   */
+  change: [visible: boolean];
+  /**
+   * Emitted when click occurs.
+   */
+  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,20 @@
+import { BadgeCompactProps, BadgeCompactSlots } from "./types.js";
+
+//#region src/components/badge/badge-compact.vue.d.ts
+type __VLS_Slots = BadgeCompactSlots;
+declare const __VLS_base: import("vue").DefineComponent<BadgeCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<BadgeCompactProps> & Readonly<{
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+  open: boolean;
+}, {}, {}, {}, string, import("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

@@ -0,0 +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,"data-soybean-badge-content":``,class:a(c(u))},[s(e.$slots,`default`)],2)):n(`v-if`,!0)}});export{l as default};

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

@@ -0,0 +1,17 @@
+import { BadgeContentProps } from "./types.js";
+
+//#region src/components/badge/badge-content.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<BadgeContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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-root.js

@@ -0,0 +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)},!0)}),(e,t)=>(o(),r(`div`,{"data-soybean-badge-root":``,class:a(c(f))},[s(e.$slots,`default`)],2))}});export{l as default};

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

@@ -0,0 +1,23 @@
+import { BadgeRootProps } from "./types.js";
+
+//#region src/components/badge/badge-root.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<BadgeRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<BadgeRootProps> & Readonly<{
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+  open: boolean;
+}, {}, {}, {}, string, import("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/context.d.ts

@@ -0,0 +1,7 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { BadgeUiSlot } from "./types.js";
+//#region src/components/badge/context.d.ts
+declare const provideBadgeUi: (ui: import("vue").ComputedRef<Partial<UiClass<BadgeUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<BadgeUiSlot>>>, useBadgeUi: UseUiConsumer<BadgeUiSlot>;
+//#endregion
+export { provideBadgeUi };

package/dist/components/badge/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`BadgeRoot`),[i,a]=t(`BadgeUi`);export{n as provideBadgeRootContext,i as provideBadgeUi,r as useBadgeRootContext,a as useBadgeUi};

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

@@ -0,0 +1,6 @@
+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 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 };