@soybeanjs/headless 0.29.0-beta.8 → 0.29.0

package/dist/components/badge/index.js

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

@@ -0,0 +1,57 @@
+import { UiClass } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
+import { ShallowRef } from "vue";
+
+//#region src/components/badge/types.d.ts
+/**
+ * Properties for the BadgeRoot component.
+ */
+interface BadgeRootProps extends BaseProps {
+  /**
+   * 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 BaseProps {}
+/**
+ * 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 { BadgeCompactEmits, BadgeCompactProps, BadgeCompactSlots, BadgeContentProps, BadgeRootEmits, BadgeRootProps, BadgeUi, BadgeUiSlot };

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

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

package/dist/components/bottom-sheet/bottom-sheet-compact.vue.d.ts

@@ -0,0 +1,14 @@
+import { BottomSheetCompactSlots } from "./types.js";
+
+//#region src/components/bottom-sheet/bottom-sheet-compact.vue.d.ts
+type __VLS_Slots = BottomSheetCompactSlots;
+declare const __VLS_base: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
+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/bottom-sheet/bottom-sheet-handle.js

@@ -0,0 +1 @@
+import{useBottomSheetUi as e,useDrawerRootContext as t}from"./context.js";import{createElementBlock as n,createElementVNode as r,defineComponent as i,normalizeClass as a,openBlock as o,ref as s,renderSlot as c,unref as l}from"vue";const u=[`data-soybean-bottom-sheet-visible`],d={"data-soybean-handle-hit-area":``,"aria-hidden":`true`},f=i({name:`BottomSheetHandle`,__name:`bottom-sheet-handle`,props:{preventCycle:{type:Boolean,default:!1}},setup(i){let f=i,p=e(`handle`),{onPress:m,onDrag:h,setHandleRef:g,handleOnly:_,isOpen:v,snapPoints:y,activeSnapPoint:b,isDragging:x,dismissible:S,closeDrawer:C}=t(`DrawerHandle`),w=s(null),T=s(!1);function E(){if(T.value){k();return}window.setTimeout(()=>{D()},120)}function D(){if(x.value||f.preventCycle||T.value){k();return}if(k(),!y.value||y.value.length===0){S.value||C();return}let e=b.value===y.value[y.value.length-1];if(e&&S.value){C();return}let t=y.value.findIndex(e=>e===b.value);if(t===-1)return;let n=e?0:t+1;b.value=y.value[n]}function O(){w.value=window.setTimeout(()=>{T.value=!0},250)}function k(){w.value&&window.clearTimeout(w.value),T.value=!1}function A(e){_.value&&m(e),O()}function j(e){_.value&&h(e)}return(e,t)=>(o(),n(`div`,{ref:l(g),class:a(l(p)),"data-soybean-bottom-sheet-visible":l(v)?`true`:`false`,"data-soybean-handle":``,"aria-hidden":`true`,onClick:E,onPointercancel:k,onPointerdown:A,onPointermove:j},[r(`span`,d,[c(e.$slots,`default`)])],42,u))}});export{f as default};

package/dist/components/bottom-sheet/bottom-sheet-handle.vue.d.ts

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

@@ -0,0 +1 @@
+import{useDialogRootContext as e}from"../dialog/context.js";import t from"../dialog/dialog-overlay.js";import"../dialog/index.js";import{useDrawerRootContext as n}from"./context.js";import{createBlock as r,defineComponent as i,openBlock as a,unref as o,watchEffect as s}from"vue";const c=i({name:`BottomSheetOverlay`,__name:`bottom-sheet-overlay`,setup(i){let{overlayElement:c}=e(`BottomSheetOverlay`),{setOverlayRef:l,hasSnapPoints:u,isOpen:d,shouldFade:f}=n(`BottomSheetOverlay`);return s(()=>{c.value&&l(c.value)}),(e,n)=>(a(),r(o(t),{"data-soybean-overlay":``,"data-soybean-snap-points":o(d)&&o(u)?`true`:`false`,"data-soybean-snap-points-overlay":o(d)&&o(f)?`true`:`false`},null,8,[`data-soybean-snap-points`,`data-soybean-snap-points-overlay`]))}});export{c as default};

package/dist/components/bottom-sheet/bottom-sheet-overlay.vue.d.ts

@@ -0,0 +1,5 @@
+//#region src/components/bottom-sheet/bottom-sheet-overlay.vue.d.ts
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{useDialogRootContext as e}from"../dialog/context.js";import t from"../dialog/dialog-popup.js";import"../dialog/index.js";import{useDrawerRootContext as n}from"./context.js";import{useScaleBackground as r}from"./use-scale-background.js";import{computed as i,createBlock as a,defineComponent as o,normalizeStyle as s,openBlock as c,ref as l,renderSlot as u,unref as d,watchEffect as f,withCtx as p}from"vue";const m=o({name:`BottomSheetPopup`,__name:`bottom-sheet-popup`,setup(o){let{isOpen:m,snapPointsOffset:h,hasSnapPoints:g,setDrawerRef:_,onPress:v,onDrag:y,onRelease:b,modal:x,emitOpenChange:S,dismissible:C,keyboardIsOpen:w,direction:T,handleOnly:E}=n(`BottomSheetPopup`),{popupElement:D}=e(`BottomSheetPopup`);r();let O=l(!1),k=i(()=>h.value&&h.value.length>0?`${h.value[0]}px`:`0`);function A(e){if(!x.value||e.defaultPrevented){e.preventDefault();return}w.value&&(w.value=!1),C.value?S(!1):e.preventDefault()}function j(e){E.value||v(e)}function M(e){E.value||y(e)}function N(e){C.value||e.preventDefault()}function P(e){e.preventDefault(),D.value?.focus({preventScroll:!0})}return f(()=>{D.value&&_(D.value),g.value&&window.requestAnimationFrame(()=>{O.value=!0})}),(e,n)=>(c(),a(d(t),{"data-soybean-bottom-sheet-popup":``,"data-soybean-bottom-sheet-direction":d(T),"data-soybean-delayed-snap-points":O.value?`true`:`false`,"data-soybean-snap-points":d(m)&&d(g)?`true`:`false`,style:s({"--snap-point-height":k.value}),onPointerdown:j,onPointermove:M,onPointerup:d(b),onPointerDownOutside:A,onEscapeKeyDown:N,onOpenAutoFocus:P},{default:p(()=>[u(e.$slots,`default`)]),_:3},8,[`data-soybean-bottom-sheet-direction`,`data-soybean-delayed-snap-points`,`data-soybean-snap-points`,`style`,`onPointerup`]))}});export{m as default};

package/dist/components/bottom-sheet/bottom-sheet-popup.vue.d.ts

@@ -0,0 +1,15 @@
+//#region src/components/bottom-sheet/bottom-sheet-popup.vue.d.ts
+declare var __VLS_15: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/bottom-sheet/bottom-sheet-root-nested.js

@@ -0,0 +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:{dir:{},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

@@ -0,0 +1,82 @@
+import { DialogRootProps } from "../dialog/types.js";
+import { DrawerDirection, WithFadeFromProps, WithoutFadeFromProps } from "./types.js";
+
+//#region src/components/bottom-sheet/bottom-sheet-root-nested.vue.d.ts
+declare var __VLS_13: any;
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<(DialogRootProps & {
+  activeSnapPoint?: number | string | null;
+  closeThreshold?: number;
+  shouldScaleBackground?: boolean;
+  setBackgroundColorOnScale?: boolean;
+  scrollLockTimeout?: number;
+  fixed?: boolean;
+  dismissible?: boolean;
+  nested?: boolean;
+  direction?: DrawerDirection;
+  noBodyStyles?: boolean;
+  handleOnly?: boolean;
+  preventScrollRestoration?: boolean;
+} & WithFadeFromProps) | (DialogRootProps & {
+  activeSnapPoint?: number | string | null;
+  closeThreshold?: number;
+  shouldScaleBackground?: boolean;
+  setBackgroundColorOnScale?: boolean;
+  scrollLockTimeout?: number;
+  fixed?: boolean;
+  dismissible?: boolean;
+  nested?: boolean;
+  direction?: DrawerDirection;
+  noBodyStyles?: boolean;
+  handleOnly?: boolean;
+  preventScrollRestoration?: boolean;
+} & WithoutFadeFromProps), {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  close: () => any;
+  drag: (percentageDragged: number) => any;
+  "update:open": (value: boolean) => any;
+  release: (open: boolean) => any;
+  "update:activeSnapPoint": (val: string | number | null) => any;
+}, string, import("vue").PublicProps, Readonly<(DialogRootProps & {
+  activeSnapPoint?: number | string | null;
+  closeThreshold?: number;
+  shouldScaleBackground?: boolean;
+  setBackgroundColorOnScale?: boolean;
+  scrollLockTimeout?: number;
+  fixed?: boolean;
+  dismissible?: boolean;
+  nested?: boolean;
+  direction?: DrawerDirection;
+  noBodyStyles?: boolean;
+  handleOnly?: boolean;
+  preventScrollRestoration?: boolean;
+} & WithFadeFromProps) | (DialogRootProps & {
+  activeSnapPoint?: number | string | null;
+  closeThreshold?: number;
+  shouldScaleBackground?: boolean;
+  setBackgroundColorOnScale?: boolean;
+  scrollLockTimeout?: number;
+  fixed?: boolean;
+  dismissible?: boolean;
+  nested?: boolean;
+  direction?: DrawerDirection;
+  noBodyStyles?: boolean;
+  handleOnly?: boolean;
+  preventScrollRestoration?: boolean;
+} & WithoutFadeFromProps)> & Readonly<{
+  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, 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/bottom-sheet/bottom-sheet-root.js

@@ -0,0 +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:{dir:{},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)},f.defaultOpen??!1),h=e(()=>f.activeSnapPoint,e=>{p(`update:activeSnapPoint`,e)},null),g=i(()=>{if(f.fadeFromIndex!==void 0)return f.fadeFromIndex;if(f.snapPoints?.length)return 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/bottom-sheet-root.vue.d.ts

@@ -0,0 +1,14 @@
+import { BottomSheetRootSlots } from "./types.js";
+
+//#region src/components/bottom-sheet/bottom-sheet-root.vue.d.ts
+type __VLS_Slots = BottomSheetRootSlots;
+declare const __VLS_base: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
+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/bottom-sheet/context.d.ts

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

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

@@ -0,0 +1 @@
+import{isClient as e}from"../../shared/env.js";import{useContext as t}from"../../composables/use-context.js";import"../../shared/index.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideDialogUi as i}from"../dialog/context.js";import{BOTTOM_SHEET_SCALE_SELECTOR as a,DRAG_CLASS as o,TRANSITIONS as s,dampenValue as ee,getTranslate as c,isVertical as l,reset as u,set as d}from"./shared.js";import{useSnapPoints as f}from"./use-snap-points.js";import{computed as p,ref as m,watch as h,watchEffect as te}from"vue";const[g,_]=t(`BottomSheetRoot`,e=>v(e));function v(t){let{emitDrag:r,emitRelease:i,emitClose:g,emitOpenChange:_,open:v,dismissible:y,nested:b,modal:ne,shouldScaleBackground:x,setBackgroundColorOnScale:S,scrollLockTimeout:C,closeThreshold:re,activeSnapPoint:w,fadeFromIndex:T,direction:E,noBodyStyles:ie,handleOnly:ae}=t,[D,O]=n(),[k,A]=n(),[j,M]=n(),N=m(v.value??!1),oe=m(!1),P=m(!1),F=m(!1),I=m(null),L=m(null),R=m(null),z=m(null),B=m(!1),V=m(null),H=m(0),U=m(!1),W=p(()=>k.value?.getBoundingClientRect().height||0),G=p(()=>{let e=t.snapPoints?.value;if(e?.length)return e}),K=p(()=>(G.value?.length??0)>0),{activeSnapPointIndex:q,onRelease:se,snapPointsOffset:ce,onDrag:le,shouldFade:J,getPercentageDragged:ue}=f({snapPoints:G,activeSnapPoint:w,drawerRef:k,fadeFromIndex:T,overlayRef:D,onSnapPointChange:Y,direction:E});function Y(e,t){G.value&&e===t.length-1&&(I.value=new Date)}function X(){return(window.innerWidth-26)/window.innerWidth}function Z(e,t){if(!e)return!1;let n=e,r=window.getSelection()?.toString(),i=k.value?c(k.value,E.value):null,a=new Date;if(n.hasAttribute(`data-soybean-bottom-sheet-no-drag`)||n.closest(`[data-soybean-bottom-sheet-no-drag]`))return!1;if(E.value===`right`||E.value===`left`)return!0;if(I.value&&a.getTime()-I.value.getTime()<500)return!1;if(i!==null&&(E.value===`bottom`?i>0:i<0))return!0;if(r&&r.length>0)return!1;if(z.value&&a.getTime()-z.value.getTime()<C.value&&i===0||t)return z.value=a,!1;for(;n;){if(n.scrollHeight>n.clientHeight){if(n.scrollTop!==0)return z.value=new Date,!1;if(n.getAttribute(`role`)===`dialog`)return!0}n=n.parentNode}return!0}function de(e){!y.value&&!G.value||k.value&&!k.value.contains(e.target)||(P.value=!0,L.value=new Date,e.target.setPointerCapture(e.pointerId),H.value=l(E.value)?e.clientY:e.clientX)}function fe(e){if(!k.value||!P.value)return;let t=E.value===`bottom`||E.value===`right`?1:-1,n=(H.value-(l(E.value)?e.clientY:e.clientX))*t,i=n>0,s=G.value&&!y.value&&!i;if(s&&q.value===0)return;let c=Math.abs(n),u=document.querySelector(`[${a}]`),f=c/W.value,p=ue(c,i);if(p!==null&&(f=p),s&&f>=1||!B.value&&!Z(e.target,i))return;if(k?.value?.classList.add(o),B.value=!0,d(k.value,{transition:`none`}),d(D.value,{transition:`none`}),G.value&&le({draggedDistance:n}),i&&!G.value){let e=ee(n),r=Math.min(e*-1,0)*t;d(k.value,{transform:l(E.value)?`translate3d(0, ${r}px, 0)`:`translate3d(${r}px, 0, 0)`});return}let m=1-f;if((J.value||T.value&&q.value===T.value-1)&&(r(f),d(D.value,{opacity:`${m}`,transition:`none`},!0)),u&&D.value&&x.value){let e=Math.min(X()+f*(1-X()),1),t=8-f*8,n=Math.max(0,14-f*14);d(u,{borderRadius:`${t}px`,transform:l(E.value)?`scale(${e}) translate3d(0, ${n}px, 0)`:`scale(${e}) translate3d(${n}px, 0, 0)`,transition:`none`},!0)}if(!G.value){let e=c*t;d(k.value,{transform:l(E.value)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})}}function Q(){if(!k.value)return;let e=document.querySelector(`[${a}]`),t=c(k.value,E.value);d(k.value,{transform:`translate3d(0, 0, 0)`,transition:`transform ${s.DURATION}s cubic-bezier(${s.EASE.join(`,`)})`}),d(D.value,{transition:`opacity ${s.DURATION}s cubic-bezier(${s.EASE.join(`,`)})`,opacity:`1`}),x.value&&t&&t>0&&N.value&&d(e,{borderRadius:`8px`,overflow:`hidden`,...l(E.value)?{transform:`scale(${X()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:`top`}:{transform:`scale(${X()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:`left`},transitionProperty:`transform, border-radius`,transitionDuration:`${s.DURATION}s`,transitionTimingFunction:`cubic-bezier(${s.EASE.join(`,`)})`},!0)}function $(e){k.value&&(g(),e||(N.value=!1),window.setTimeout(()=>{G.value&&(w.value=G.value[0])},s.DURATION*1e3))}te(()=>{if(!N.value&&x.value&&e){let e=setTimeout(()=>{u(document.body)},200);return()=>clearTimeout(e)}}),h(v,()=>{N.value=v.value,v.value||$()});function pe(e){if(!P.value||!k.value)return;k.value.classList.remove(o),B.value=!1,P.value=!1,R.value=new Date;let t=c(k.value,E.value);if(!Z(e.target,!1)||!t||Number.isNaN(t)||L.value===null)return;let n=R.value.getTime()-L.value.getTime(),r=H.value-(l(E.value)?e.clientY:e.clientX),a=Math.abs(r)/n;if(a>.05&&(F.value=!0,window.setTimeout(()=>{F.value=!1},200)),G.value){se({draggedDistance:r*(E.value===`bottom`||E.value===`right`?1:-1),closeDrawer:$,velocity:a,dismissible:y.value}),i(!0);return}if(E.value===`bottom`||E.value===`right`?r>0:r<0){Q(),i(!0);return}if(a>.4){$(),i(!1);return}if(t>=Math.min(k.value.getBoundingClientRect().height??0,window.innerHeight)*re.value){$(),i(!1);return}i(!0),Q()}h(N,e=>{e&&(I.value=new Date),_(e)},{immediate:!0});function me(e){let t=e?(window.innerWidth-16)/window.innerWidth:1,n=e?-16:0;V.value&&window.clearTimeout(V.value),d(k.value,{transition:`transform ${s.DURATION}s cubic-bezier(${s.EASE.join(`,`)})`,transform:`scale(${t}) translate3d(0, ${n}px, 0)`}),!e&&k.value&&(V.value=window.setTimeout(()=>{let e=c(k.value,E.value);d(k.value,{transition:`none`,transform:l(E.value)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})},500))}function he(e){if(e<0)return;let t=l(E.value)?window.innerHeight:window.innerWidth,n=(t-16)/t,r=n+e*(1-n),i=-16+e*16;d(k.value,{transform:l(E.value)?`scale(${r}) translate3d(0, ${i}px, 0)`:`scale(${r}) translate3d(${i}px, 0, 0)`,transition:`none`})}function ge(e){let t=l(E.value)?window.innerHeight:window.innerWidth,n=e?(t-16)/t:1,r=e?-16:0;e&&d(k.value,{transition:`transform ${s.DURATION}s cubic-bezier(${s.EASE.join(`,`)})`,transform:l(E.value)?`scale(${n}) translate3d(0, ${r}px, 0)`:`scale(${n}) translate3d(${r}px, 0, 0)`})}return{open:v,isOpen:N,modal:ne,keyboardIsOpen:U,hasBeenOpened:oe,drawerRef:k,setDrawerRef:A,drawerHeightRef:W,overlayRef:D,setOverlayRef:O,handleRef:j,setHandleRef:M,isDragging:P,dragStartTime:L,isAllowedToDrag:B,snapPoints:G,hasSnapPoints:K,activeSnapPoint:w,pointerStart:H,dismissible:y,snapPointsOffset:ce,direction:E,shouldFade:J,fadeFromIndex:T,shouldScaleBackground:x,setBackgroundColorOnScale:S,onPress:de,onDrag:fe,onRelease:pe,closeDrawer:$,onNestedDrag:he,onNestedRelease:ge,onNestedOpenChange:me,emitClose:g,emitDrag:r,emitRelease:i,emitOpenChange:_,nested:b,handleOnly:ae,noBodyStyles:ie}}const[y,b]=r(`BottomSheet`,e=>(i(e),e));export{y as provideBottomSheetUi,g as provideDrawerRootContext,b as useBottomSheetUi,_ as useDrawerRootContext};

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

@@ -0,0 +1,21 @@
+import { PortalProps } from "../portal/types.js";
+import { _default as _default$11 } from "../portal/portal.vue.js";
+import { DialogCancelEmits, DialogCancelProps, DialogCloseEmits, DialogCloseProps, DialogConfirmEmits, DialogConfirmProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogPopupEmits, DialogPopupProps, DialogTitleProps, DialogTriggerProps } from "../dialog/types.js";
+import { _default as _default$15 } from "../dialog/dialog-trigger.vue.js";
+import { _default as _default$8 } from "../dialog/dialog-header.vue.js";
+import { _default as _default$4 } from "../dialog/dialog-content.vue.js";
+import { _default as _default$14 } from "../dialog/dialog-title.vue.js";
+import { _default as _default$5 } from "../dialog/dialog-description.vue.js";
+import { _default as _default$6 } from "../dialog/dialog-footer.vue.js";
+import { _default as _default$1 } from "../dialog/dialog-close.vue.js";
+import { _default } from "../dialog/dialog-cancel.vue.js";
+import { _default as _default$3 } from "../dialog/dialog-confirm.vue.js";
+import { BottomSheetCompactEmits, BottomSheetCompactProps, BottomSheetCompactSlots, BottomSheetRootEmits, BottomSheetRootProps, BottomSheetUi, BottomSheetUiSlot } from "./types.js";
+import { _default as _default$2 } from "./bottom-sheet-compact.vue.js";
+import { _default as _default$12 } from "./bottom-sheet-root.vue.js";
+import { _default as _default$13 } from "./bottom-sheet-root-nested.vue.js";
+import { _default as _default$10 } from "./bottom-sheet-popup.vue.js";
+import { _default as _default$9 } from "./bottom-sheet-overlay.vue.js";
+import { _default as _default$7 } from "./bottom-sheet-handle.vue.js";
+import { provideBottomSheetUi } from "./context.js";
+export { _default as BottomSheetCancel, type DialogCancelEmits as BottomSheetCancelEmits, type DialogCancelProps as BottomSheetCancelProps, _default$1 as BottomSheetClose, type DialogCloseEmits as BottomSheetCloseEmits, type DialogCloseProps as BottomSheetCloseProps, _default$2 as BottomSheetCompact, type BottomSheetCompactEmits, type BottomSheetCompactProps, type BottomSheetCompactSlots, _default$3 as BottomSheetConfirm, type DialogConfirmEmits as BottomSheetConfirmEmits, type DialogConfirmProps as BottomSheetConfirmProps, _default$4 as BottomSheetContent, type DialogContentProps as BottomSheetContentProps, _default$5 as BottomSheetDescription, type DialogDescriptionProps as BottomSheetDescriptionProps, _default$6 as BottomSheetFooter, type DialogFooterProps as BottomSheetFooterProps, _default$7 as BottomSheetHandle, _default$8 as BottomSheetHeader, type DialogHeaderProps as BottomSheetHeaderProps, _default$9 as BottomSheetOverlay, type DialogOverlayProps as BottomSheetOverlayProps, _default$10 as BottomSheetPopup, type DialogPopupEmits as BottomSheetPopupEmits, type DialogPopupProps as BottomSheetPopupProps, _default$11 as BottomSheetPortal, type PortalProps as BottomSheetPortalProps, _default$12 as BottomSheetRoot, type BottomSheetRootEmits, _default$13 as BottomSheetRootNested, type BottomSheetRootProps, _default$14 as BottomSheetTitle, type DialogTitleProps as BottomSheetTitleProps, _default$15 as BottomSheetTrigger, type DialogTriggerProps as BottomSheetTriggerProps, type BottomSheetUi, type BottomSheetUiSlot, provideBottomSheetUi };

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

@@ -0,0 +1 @@
+import e from"../portal/portal.js";import t from"../dialog/dialog-cancel.js";import n from"../dialog/dialog-close.js";import r from"../dialog/dialog-confirm.js";import i from"../dialog/dialog-content.js";import a from"../dialog/dialog-description.js";import o from"../dialog/dialog-footer.js";import s from"../dialog/dialog-header.js";import c from"../dialog/dialog-title.js";import l from"../dialog/dialog-trigger.js";import"../dialog/index.js";import{provideBottomSheetUi as u}from"./context.js";import d from"./bottom-sheet-handle.js";import f from"./bottom-sheet-overlay.js";import p from"./bottom-sheet-popup.js";import m from"./bottom-sheet-root.js";import h from"./bottom-sheet-root-nested.js";import g from"./bottom-sheet-compact.js";export{t as BottomSheetCancel,n as BottomSheetClose,g as BottomSheetCompact,r as BottomSheetConfirm,i as BottomSheetContent,a as BottomSheetDescription,o as BottomSheetFooter,d as BottomSheetHandle,s as BottomSheetHeader,f as BottomSheetOverlay,p as BottomSheetPopup,e as BottomSheetPortal,m as BottomSheetRoot,h as BottomSheetRootNested,c as BottomSheetTitle,l as BottomSheetTrigger,u as provideBottomSheetUi};

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

@@ -0,0 +1 @@
+const e=.25,t=`soybean-bottom-sheet-dragging`,n=`data-soybean-bottom-sheet-no-drag`,r=`data-soybean-bottom-sheet-scale`,i={DURATION:.5,EASE:[.32,.72,0,1]},a=.4,o=new WeakMap;function s(e,t,n=!1){if(!e||!(e instanceof HTMLElement)||!t)return;let r={};Object.entries(t).forEach(([t,n])=>{if(t.startsWith(`--`)){e.style.setProperty(t,n);return}r[t]=e.style[t],e.style[t]=n}),!n&&o.set(e,r)}function c(e,t){if(!e||!(e instanceof HTMLElement))return;let n=o.get(e);n&&(t?e.style[t]=n[t]:Object.entries(n).forEach(([t,n])=>{e.style[t]=n}))}function l(e,t){let n=window.getComputedStyle(e),r=n.transform||n.webkitTransform||n.mozTransform,i=r?.match(/^matrix3d\((.+)\)$/);return i?Number.parseFloat(i[1].split(`, `)[d(t)?13:12]):(i=r?.match(/^matrix\((.+)\)$/),i?Number.parseFloat(i[1].split(`, `)[d(t)?5:4]):null)}function u(e){return 8*(Math.log(e+1)-2)}function d(e){return e===`top`||e===`bottom`}function f(e,t){if(!e)return()=>{};let n=e.style.cssText;return Object.assign(e.style,t),()=>{e.style.cssText=n}}function p(...e){return(...t)=>{for(let n of e)typeof n==`function`&&n(...t)}}export{r as BOTTOM_SHEET_SCALE_SELECTOR,e as CLOSE_THRESHOLD,t as DRAG_CLASS,n as NO_DRAG_ATTR,i as TRANSITIONS,a as VELOCITY_THRESHOLD,f as assignStyle,p as chain,u as dampenValue,l as getTranslate,d as isVertical,c as reset,s as set};

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

@@ -0,0 +1,156 @@
+import { Side, UiClass } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
+import { DialogCompactEmits, DialogCompactProps, DialogCompactSlots, DialogRootEmits, DialogRootProps, DialogUiSlot } from "../dialog/types.js";
+import { Ref, ShallowRef } from "vue";
+
+//#region src/components/bottom-sheet/types.d.ts
+/**
+ * Type information for DrawerDirection.
+ */
+type DrawerDirection = Side;
+/**
+ * Properties for the WithFadeFrom component.
+ */
+interface WithFadeFromProps {
+  /**
+   * Snap points.
+   */
+  snapPoints: (number | string)[];
+  /**
+   * Fade from index.
+   */
+  fadeFromIndex: number;
+}
+/**
+ * Properties for the WithoutFadeFrom component.
+ */
+interface WithoutFadeFromProps {
+  /**
+   * Snap points.
+   */
+  snapPoints?: (number | string)[];
+  /**
+   * Fade from index.
+   */
+  fadeFromIndex?: never;
+}
+/**
+ * Properties for the BottomSheetRoot 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.
+   *
+   * @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);
+/**
+ * Events for the BottomSheetRoot 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 BottomSheetRoot component.
+ */
+type BottomSheetRootSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: {
+    open: boolean;
+  }) => any;
+};
+/**
+ * Properties for the BottomSheetHandle component.
+ */
+interface BottomSheetHandleProps extends BaseProps {
+  /**
+   * Whether prevent cycle.
+   */
+  preventCycle?: boolean;
+}
+/**
+ * Properties for the BottomSheetCompact component.
+ */
+type BottomSheetCompactProps = DialogCompactProps & BottomSheetRootProps & {
+  /**
+   * Properties forwarded to the handle element.
+   */
+  handleProps?: BottomSheetHandleProps;
+};
+/**
+ * Events for the BottomSheetCompact component.
+ */
+type BottomSheetCompactEmits = Omit<DialogCompactEmits, 'close'> & BottomSheetRootEmits;
+/**
+ * Slots for the BottomSheetCompact component.
+ */
+type BottomSheetCompactSlots = DialogCompactSlots;
+/**
+ * Available UI slots for the BottomSheet component.
+ */
+type BottomSheetUiSlot = DialogUiSlot | 'handle';
+/**
+ * UI class overrides for the BottomSheet component.
+ */
+type BottomSheetUi = UiClass<BottomSheetUiSlot>;
+//#endregion
+export { BottomSheetCompactEmits, BottomSheetCompactProps, BottomSheetCompactSlots, BottomSheetHandleProps, BottomSheetRootEmits, BottomSheetRootProps, BottomSheetRootSlots, BottomSheetUi, BottomSheetUiSlot, DrawerDirection, WithFadeFromProps, WithoutFadeFromProps };

package/dist/components/bottom-sheet/use-scale-background.js

@@ -0,0 +1 @@
+import{isClient as e}from"../../shared/env.js";import"../../shared/index.js";import{BOTTOM_SHEET_SCALE_SELECTOR as t,TRANSITIONS as n,assignStyle as r,chain as i,isVertical as a}from"./shared.js";import{useDrawerRootContext as o}from"./context.js";import{ref as s,watchEffect as c}from"vue";const l=()=>()=>{};function u(){let{direction:u,isOpen:d,shouldScaleBackground:f,setBackgroundColorOnScale:p,noBodyStyles:m}=o(`DrawerScaleBackground`),h=s(null),g=s(e?document.body.style.backgroundColor:``);function _(){return e?(window.innerWidth-26)/window.innerWidth:1}c(o=>{if(e&&d.value&&f.value){h.value&&clearTimeout(h.value);let e=document.querySelector(`[${t}]`);if(!e)return;let s=i(p.value&&!m.value?r(document.body,{background:`black`}):l,r(e,{transformOrigin:a(u.value)?`top`:`left`,transitionProperty:`transform, border-radius`,transitionDuration:`${n.DURATION}s`,transitionTimingFunction:`cubic-bezier(${n.EASE.join(`,`)})`})),c=r(e,{borderRadius:`8px`,overflow:`hidden`,...a(u.value)?{transform:`scale(${_()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`}:{transform:`scale(${_()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`}});o(()=>{s(),c(),h.value=window.setTimeout(()=>{g.value?document.body.style.background=g.value:document.body.style.removeProperty(`background`)},n.DURATION*1e3)})}},{flush:`pre`})}export{u as useScaleBackground};

package/dist/components/bottom-sheet/use-snap-points.js

@@ -0,0 +1 @@
+import{TRANSITIONS as e,isVertical as t,set as n}from"./shared.js";import{computed as r,nextTick as i,onBeforeUnmount as a,onMounted as o,ref as s,watch as c}from"vue";function l({activeSnapPoint:l,snapPoints:u,drawerRef:d,overlayRef:f,fadeFromIndex:p,onSnapPointChange:m,direction:h}){let g=s(typeof window<`u`?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);function _(){g.value={innerWidth:window.innerWidth,innerHeight:window.innerHeight}}o(()=>{typeof window<`u`&&window.addEventListener(`resize`,_)}),a(()=>{typeof window<`u`&&window.removeEventListener(`resize`,_)});let v=r(()=>(u.value&&l.value===u.value[u.value.length-1])??null),y=r(()=>u.value&&u.value.length>0&&(p?.value||p?.value===0)&&!Number.isNaN(p?.value)&&u.value[p?.value??-1]===l.value||!u.value),b=r(()=>u.value?.findIndex(e=>e===l.value)??null),x=r(()=>u.value?.map(e=>{let n=typeof e==`string`,r=0;if(n&&(r=Number.parseInt(e,10)),t(h.value)){let t=r;return n||(t=g.value?e*g.value.innerHeight:0),g.value?h.value===`bottom`?g.value.innerHeight-t:-g.value.innerHeight+t:t}let i=r;return n||(i=g.value?e*g.value.innerWidth:0),g.value?h.value===`right`?g.value.innerWidth-i:-g.value.innerWidth+i:i})??[]),S=r(()=>b.value===null?null:x.value?.[b.value]),C=r=>{let a=x.value?.findIndex(e=>e===r)??null;i(()=>{m(a,x.value),n(d.value,{transition:`transform ${e.DURATION}s cubic-bezier(${e.EASE.join(`,`)})`,transform:t(h.value)?`translate3d(0, ${r}px, 0)`:`translate3d(${r}px, 0, 0)`})}),x.value&&a!==x.value.length-1&&a!==p?.value?n(f.value,{transition:`opacity ${e.DURATION}s cubic-bezier(${e.EASE.join(`,`)})`,opacity:`0`}):n(f.value,{transition:`opacity ${e.DURATION}s cubic-bezier(${e.EASE.join(`,`)})`,opacity:`1`}),l.value=a===null?null:u.value?.[a]??null};c([l,x,u],()=>{if(l.value!==null&&l.value!==void 0){let e=u.value?.findIndex(e=>e===l.value)??-1;x.value&&e!==-1&&typeof x.value[e]==`number`&&C(x.value[e])}},{immediate:!0});function w(e,t,n,r){return e>2&&!t?(n?r():C(x.value[0]),!0):e>2&&t&&x&&u.value?(C(x.value[u.value.length-1]),!0):!1}function T(e){let{currentPosition:n,velocity:r,draggedDistance:i,isFirst:a,hasDraggedUp:o,dismissible:s,closeDrawer:c}=e,l=x.value?.reduce((e,t)=>Math.abs(t-n)<Math.abs(e-n)?t:e),d=t(h.value)?window.innerHeight:window.innerWidth;if(r>.4&&Math.abs(i)<d*.4){let e=o?1:-1;if(e>0&&v.value){C(x.value[(u.value?.length??0)-1]);return}if(a&&e<0&&s&&c(),b.value===null)return;C(x.value[b.value+e]);return}C(l)}function E({draggedDistance:t,closeDrawer:r,velocity:i,dismissible:a}){if(p===void 0)return;let o=h.value===`bottom`||h.value===`right`?(S.value??0)-t:(S.value??0)+t,s=b.value===(p.value??0)-1,c=b.value===0,l=t>0;s&&n(f.value,{transition:`opacity ${e.DURATION}s cubic-bezier(${e.EASE.join(`,`)})`}),!w(i,l,a,r)&&T({currentPosition:o,velocity:i,draggedDistance:t,isFirst:c,hasDraggedUp:l,dismissible:a,closeDrawer:r})}function D({draggedDistance:e}){if(S.value===null)return;let r=h.value===`bottom`||h.value===`right`?(S.value??0)-e:(S.value??0)+e;(h.value===`bottom`||h.value===`right`)&&r<x.value[x.value.length-1]||(h.value===`top`||h.value===`left`)&&r>x.value[x.value.length-1]||n(d.value,{transform:t(h.value)?`translate3d(0, ${r}px, 0)`:`translate3d(${r}px, 0, 0)`})}function O(e,t){if(!u||typeof b.value!=`number`||!x.value||p===void 0)return null;let n=b.value===(p.value??0)-1;if(b.value>=(p.value??0)&&t)return 0;if(n&&!t)return 1;if(!y.value&&!n)return null;let r=n?b.value+1:b.value-1,i=n?x.value[r]-x.value[r-1]:x.value[r+1]-x.value[r],a=e/Math.abs(i);return n?1-a:a}return{isLastSnapPoint:v,shouldFade:y,getPercentageDragged:O,activeSnapPointIndex:b,onRelease:E,onDrag:D,snapPointsOffset:x}}export{l as useSnapPoints};

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

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"./breadcrumb-root.js";import{getEllipsisRange as r}from"./shared.js";import i from"./breadcrumb-ellipsis.js";import a from"./breadcrumb-item.js";import o from"./breadcrumb-link.js";import s from"./breadcrumb-list.js";import c from"./breadcrumb-page.js";import l from"./breadcrumb-separator.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createTextVNode as h,createVNode as g,defineComponent as _,guardReactiveProps as v,mergeProps as y,normalizeProps as b,openBlock as x,renderList as S,renderSlot as C,toDisplayString as w,unref as T,withCtx as E}from"vue";const D=_({name:`BreadcrumbCompact`,__name:`breadcrumb-compact`,props:{items:{},ellipsis:{type:[Boolean,Array,null]},listProps:{},itemProps:{},linkProps:{},pageProps:{},separatorProps:{},ellipsisProps:{}},emits:[`click`],setup(_,{emit:D}){let O=_,k=D,A=e(O,[`items`,`ellipsis`,`listProps`,`itemProps`,`linkProps`,`pageProps`,`separatorProps`,`ellipsisProps`]),j=d(()=>r(O.items,O.ellipsis)),M=d(()=>j.value?.[0]),N=d(()=>{if(!j.value)return O.items;let[e,t]=j.value;return[...O.items.slice(0,e),...O.items.slice(t)]}),P=d(()=>{if(!j.value)return[];let[e,t]=j.value;return O.items.slice(e,t)}),F=e=>{k(`click`,e)};return(e,r)=>(x(),f(n,b(v(T(A))),{default:E(()=>[g(s,b(v(_.listProps)),{default:E(()=>[(x(!0),m(u,null,S(N.value,(n,r)=>(x(),m(u,{key:n.value||r},[M.value&&r===M.value?(x(),m(u,{key:0},[C(e.$slots,`ellipsis`,{ellipsisItems:P.value},()=>[g(i,y({ref_for:!0},_.ellipsisProps),{default:E(()=>[C(e.$slots,`ellipsis-icon`,{},()=>[g(t,{icon:`lucide:ellipsis`})])]),_:3},16)]),g(l,y({ref_for:!0},_.separatorProps),{default:E(()=>[C(e.$slots,`separator`,{},()=>[g(t,{icon:`lucide:chevron-right`})])]),_:3},16)],64)):p(`v-if`,!0),g(a,y({ref_for:!0},_.itemProps,{onClick:e=>F(n)}),{default:E(()=>[C(e.$slots,`item-leading`,{item:n,index:r},()=>[n.icon?(x(),f(t,{key:0,icon:n.icon},null,8,[`icon`])):p(`v-if`,!0)]),C(e.$slots,`default`,{item:n,index:r},()=>[n.to||n.href?(x(),f(o,y({key:0,ref_for:!0},_.linkProps,{disabled:n.disabled,to:n.to,href:n.href,target:n.target,external:n.external}),{default:E(()=>[C(e.$slots,`item-link`,{item:n,index:r},()=>[h(w(n.label),1)])]),_:2},1040,[`disabled`,`to`,`href`,`target`,`external`])):(x(),f(c,y({key:1,ref_for:!0},_.pageProps),{default:E(()=>[C(e.$slots,`item-label`,{item:n,index:r},()=>[h(w(n.label),1)])]),_:2},1040))]),C(e.$slots,`item-trailing`,{item:n,index:r})]),_:2},1040,[`onClick`]),r<N.value.length-1?(x(),f(l,y({key:1,ref_for:!0},_.separatorProps),{default:E(()=>[C(e.$slots,`separator`,{},()=>[g(t,{icon:`lucide:chevron-right`})])]),_:3},16)):p(`v-if`,!0)],64))),128))]),_:3},16)]),_:3},16))}});export{D as default};

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

@@ -0,0 +1,20 @@
+import { BreadcrumbCompactProps, BreadcrumbCompactSlots, BreadcrumbOptionData } from "./types.js";
+
+//#region src/components/breadcrumb/breadcrumb-compact.vue.d.ts
+declare const __VLS_export: <T extends BreadcrumbOptionData = BreadcrumbOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: import("vue").PublicProps & __VLS_PrettifyLocal<BreadcrumbCompactProps<T> & {
+    onClick?: ((item: T) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: BreadcrumbCompactSlots<T>;
+  emit: (evt: "click", item: T) => void;
+}>) => import("vue").VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

package/dist/components/breadcrumb/breadcrumb-ellipsis.js

@@ -0,0 +1 @@
+import{useBreadcrumbUi as e}from"./context.js";import{createElementBlock as t,createTextVNode as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=r({name:`BreadcrumbEllipsis`,__name:`breadcrumb-ellipsis`,setup(r){let c=e(`ellipsis`);return(e,r)=>(a(),t(`span`,{"data-soybean-breadcrumb-ellipsis":``,class:i(s(c)),role:`presentation`,"aria-hidden":`true`},[o(e.$slots,`default`,{},()=>[r[0]||(r[0]=n(`…`,-1))])],2))}});export{c as default};

package/dist/components/breadcrumb/breadcrumb-ellipsis.vue.d.ts

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

@@ -0,0 +1 @@
+import{useBreadcrumbUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`BreadcrumbItem`,__name:`breadcrumb-item`,setup(n){let s=e(`item`);return(e,n)=>(i(),t(`li`,{"data-soybean-breadcrumb-item":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/breadcrumb/breadcrumb-item.vue.d.ts

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

@@ -0,0 +1 @@
+import{useBreadcrumbUi as e}from"./context.js";import t from"../link/link.js";import{createBlock as n,defineComponent as r,guardReactiveProps as i,mergeProps as a,normalizeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=r({name:`BreadcrumbLink`,__name:`breadcrumb-link`,props:{to:{},replace:{type:Boolean},href:{},disabled:{type:Boolean},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean},ariaCurrentValue:{},viewTransition:{type:Boolean},target:{},rel:{},noRel:{type:Boolean},prefetch:{type:Boolean},prefetchOn:{},noPrefetch:{type:Boolean},trailingSlash:{},asChild:{type:Boolean},as:{}},setup(r){let d=r,f=e(`link`);return(e,r)=>(s(),n(t,a(d,{"data-soybean-breadcrumb-link":``,class:l(f)}),{default:u(t=>[c(e.$slots,`default`,o(i(t)))]),_:3},16,[`class`]))}});export{d as default};

package/dist/components/breadcrumb/breadcrumb-link.vue.d.ts

@@ -0,0 +1,21 @@
+import { BreadcrumbLinkProps } from "./types.js";
+
+//#region src/components/breadcrumb/breadcrumb-link.vue.d.ts
+declare var __VLS_8: {
+  isHref: boolean;
+  isActive?: boolean;
+  isExactActive?: boolean;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<BreadcrumbLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BreadcrumbLinkProps> & 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/breadcrumb/breadcrumb-list.js

@@ -0,0 +1 @@
+import{useBreadcrumbUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`BreadcrumbList`,__name:`breadcrumb-list`,setup(n){let s=e(`list`);return(e,n)=>(i(),t(`ol`,{"data-soybean-breadcrumb-list":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/breadcrumb/breadcrumb-list.vue.d.ts

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

@@ -0,0 +1 @@
+import{useBreadcrumbUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`BreadcrumbPage`,__name:`breadcrumb-page`,setup(n){let s=e(`page`);return(e,n)=>(i(),t(`span`,{"data-soybean-breadcrumb-page":``,class:r(o(s)),role:`link`,"aria-disabled":`true`,"aria-current":`page`},[a(e.$slots,`default`)],2))}});export{s as default};