@soybeanjs/headless 0.30.0 → 0.40.0-beta.1

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

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

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

@@ -0,0 +1 @@
+import e from"../dialog/dialog-header.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,unref as o,withCtx as s}from"vue";const c=n({name:`BottomSheetHeader`,__name:`bottom-sheet-header`,setup(n){let c=n;return(n,l)=>(i(),t(o(e),r(c,{"data-soybean-bottom-sheet-header":``}),{default:s(()=>[a(n.$slots,`default`)]),_:3},16))}});export{c as default};

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

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

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

@@ -1 +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};
+import{useDialogRootContext as e}from"../dialog/context.js";import t from"../dialog/dialog-overlay.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-popup.js

@@ -1 +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};
+import{useDialogRootContext as e}from"../dialog/context.js";import t from"../dialog/dialog-popup.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&&=!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-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:{dir:{},isAlert:{type:Boolean},alertType:{},draggable:{type:Boolean},fullscreen:{type:Boolean},defaultFullscreen:{type:Boolean},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};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.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:{},draggable:{type:Boolean},fullscreen:{type:Boolean},defaultFullscreen:{type:Boolean},open:{type:Boolean},defaultOpen:{type:Boolean},modal:{type:Boolean},activeSnapPoint:{},closeThreshold:{},shouldScaleBackground:{type:Boolean},setBackgroundColorOnScale:{type:Boolean},scrollLockTimeout:{},fixed:{type:Boolean},dismissible:{type:Boolean},nested:{type:Boolean},direction:{},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean},preventScrollRestoration:{type:Boolean},snapPoints:{},fadeFromIndex:{}},emits:[`update:open`,`drag`,`release`,`close`,`update:activeSnapPoint`],setup(i,{emit:p}){let m=i,h=e(p),{onNestedDrag:g,onNestedOpenChange:_,onNestedRelease:v}=t(`BottomSheetRootNested`);function y(){_(!1)}function b(e){g(e)}function x(e){e&&_(e)}return(e,t)=>(c(),r(n,o(m,{nested:``},u(d(h)),{onClose:y,onDrag:b,onRelease:d(v),"onUpdate:open":x}),{default:f(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16,[`onRelease`]))}});export{p as default};

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

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import t from"../dialog/dialog-root.js";import"../dialog/index.js";import{CLOSE_THRESHOLD as n}from"./shared.js";import{provideDrawerRootContext as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,openBlock as s,renderSlot as c,toRefs as l,unref as u,withCtx as d}from"vue";const f=o({name:`BottomSheetRoot`,__name:`bottom-sheet-root`,props:{dir:{},isAlert:{type:Boolean},alertType:{},draggable:{type:Boolean},fullscreen:{type:Boolean},defaultFullscreen:{type:Boolean},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};
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import t from"../dialog/dialog-root.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:{},draggable:{type:Boolean},fullscreen:{type:Boolean},defaultFullscreen:{type:Boolean},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-title.js

@@ -0,0 +1 @@
+import e from"../dialog/dialog-title.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,unref as o,withCtx as s}from"vue";const c=n({name:`BottomSheetTitle`,__name:`bottom-sheet-title`,setup(n){let c=n;return(n,l)=>(i(),t(o(e),r(c,{"data-soybean-bottom-sheet-title":``}),{default:s(()=>[a(n.$slots,`default`)]),_:3},16))}});export{c as default};

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

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

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

@@ -0,0 +1 @@
+import e from"../dialog/dialog-trigger.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,unref as o,withCtx as s}from"vue";const c=n({name:`BottomSheetTrigger`,__name:`bottom-sheet-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`click`],setup(n,{emit:c}){let l=n,u=c;return(n,c)=>(i(),t(o(e),r(l,{"data-soybean-bottom-sheet-trigger":``,onClick:c[0]||=e=>u(`click`,e)}),{default:s(()=>[a(n.$slots,`default`)]),_:3},16))}});export{c as default};

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

@@ -0,0 +1,20 @@
+import { BottomSheetTriggerProps } from "./types.js";
+//#region src/components/bottom-sheet/bottom-sheet-trigger.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<BottomSheetTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  click: (event: PointerEvent) => any;
+}, string, import("vue").PublicProps, Readonly<BottomSheetTriggerProps> & Readonly<{
+  onClick?: ((event: PointerEvent) => 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 as default };

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

@@ -1,8 +1,8 @@
 import { UiClass } from "../../types/common.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { BottomSheetUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.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

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

@@ -1 +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){let e=E.value===`bottom`||E.value===`right`?1:-1;se({draggedDistance:r*e,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,v as useDrawer,_ as useDrawerRootContext};
+import{isClient as e}from"../../shared/env.js";import{useContext as t}from"../../composables/use-context.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useUiContext as r}from"../../composables/use-ui-context.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){let e=E.value===`bottom`||E.value===`right`?1:-1;se({draggedDistance:r*e,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,v as useDrawer,_ as useDrawerRootContext};

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

@@ -1,22 +1,22 @@
 import { PortalProps } from "../portal/types.js";
 import _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$15 from "../dialog/dialog-trigger.vue.js";
-import _default$8 from "../dialog/dialog-header.vue.js";
-import _default$4 from "../dialog/dialog-content.vue.js";
-import _default$14 from "../dialog/dialog-title.vue.js";
-import _default$5 from "../dialog/dialog-description.vue.js";
-import _default$6 from "../dialog/dialog-footer.vue.js";
-import _default$1 from "../dialog/dialog-close.vue.js";
-import _default from "../dialog/dialog-cancel.vue.js";
-import _default$3 from "../dialog/dialog-confirm.vue.js";
+import { DialogOverlayProps, DialogPopupEmits, DialogPopupProps } from "../dialog/types.js";
 import "../dialog/index.js";
-import { BottomSheetCompactEmits, BottomSheetCompactProps, BottomSheetCompactSlots, BottomSheetRootEmits, BottomSheetRootProps, BottomSheetUi, BottomSheetUiSlot } from "./types.js";
+import { BottomSheetCancelEmits, BottomSheetCancelProps, BottomSheetCloseEmits, BottomSheetCloseProps, BottomSheetCompactEmits, BottomSheetCompactProps, BottomSheetCompactSlots, BottomSheetConfirmEmits, BottomSheetConfirmProps, BottomSheetContentProps, BottomSheetDescriptionProps, BottomSheetFooterProps, BottomSheetHeaderProps, BottomSheetRootEmits, BottomSheetRootProps, BottomSheetTitleProps, BottomSheetTriggerEmits, BottomSheetTriggerProps, BottomSheetUi, BottomSheetUiSlot } from "./types.js";
 import _default$2 from "./bottom-sheet-compact.vue.js";
 import _default$12 from "./bottom-sheet-root.vue.js";
 import _default$13 from "./bottom-sheet-root-nested.vue.js";
+import _default$15 from "./bottom-sheet-trigger.vue.js";
 import _default$10 from "./bottom-sheet-popup.vue.js";
 import _default$9 from "./bottom-sheet-overlay.vue.js";
 import _default$7 from "./bottom-sheet-handle.vue.js";
+import _default$8 from "./bottom-sheet-header.vue.js";
+import _default$4 from "./bottom-sheet-content.vue.js";
+import _default$6 from "./bottom-sheet-footer.vue.js";
+import _default$14 from "./bottom-sheet-title.vue.js";
+import _default$5 from "./bottom-sheet-description.vue.js";
+import _default$1 from "./bottom-sheet-close.vue.js";
+import _default from "./bottom-sheet-cancel.vue.js";
+import _default$3 from "./bottom-sheet-confirm.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 };
+export { _default as BottomSheetCancel, type BottomSheetCancelEmits, type BottomSheetCancelProps, _default$1 as BottomSheetClose, type BottomSheetCloseEmits, type BottomSheetCloseProps, _default$2 as BottomSheetCompact, type BottomSheetCompactEmits, type BottomSheetCompactProps, type BottomSheetCompactSlots, _default$3 as BottomSheetConfirm, type BottomSheetConfirmEmits, type BottomSheetConfirmProps, _default$4 as BottomSheetContent, type BottomSheetContentProps, _default$5 as BottomSheetDescription, type BottomSheetDescriptionProps, _default$6 as BottomSheetFooter, type BottomSheetFooterProps, _default$7 as BottomSheetHandle, _default$8 as BottomSheetHeader, type 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 BottomSheetTitleProps, _default$15 as BottomSheetTrigger, type BottomSheetTriggerEmits, type BottomSheetTriggerProps, type BottomSheetUi, type BottomSheetUiSlot, provideBottomSheetUi };

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

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

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

@@ -1,17 +1,17 @@
 import { Side, UiClass } from "../../types/common.js";
 import { BaseProps } from "../../types/vue.js";
 import "../../types/index.js";
-import { DialogCompactEmits, DialogCompactProps, DialogCompactSlots, DialogRootEmits, DialogRootProps, DialogUiSlot } from "../dialog/types.js";
+import { DialogCancelEmits, DialogCancelProps, DialogCloseEmits, DialogCloseProps, DialogCompactEmits, DialogCompactProps, DialogCompactSlots, DialogConfirmEmits, DialogConfirmProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogRootEmits, DialogRootProps, DialogTitleProps, DialogTriggerEmits, DialogTriggerProps, 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;
+export type DrawerDirection = Side;
 /**
  * Properties for the WithFadeFrom component.
  */
-interface WithFadeFromProps {
+export interface WithFadeFromProps {
   /**
    * Snap points.
    */
@@ -24,7 +24,7 @@ interface WithFadeFromProps {
 /**
  * Properties for the WithoutFadeFrom component.
  */
-interface WithoutFadeFromProps {
+export interface WithoutFadeFromProps {
   /**
    * Snap points.
    */
@@ -37,7 +37,7 @@ interface WithoutFadeFromProps {
 /**
  * Properties for the BottomSheetRoot component.
  */
-type BottomSheetRootProps = DialogRootProps & {
+export type BottomSheetRootProps = DialogRootProps & {
   /**
    * Active snap point.
    */
@@ -90,7 +90,7 @@ type BottomSheetRootProps = DialogRootProps & {
 /**
  * Events for the BottomSheetRoot component.
  */
-type BottomSheetRootEmits = DialogRootEmits & {
+export type BottomSheetRootEmits = DialogRootEmits & {
   /**
    * Emitted when drag occurs.
    */
@@ -111,7 +111,7 @@ type BottomSheetRootEmits = DialogRootEmits & {
 /**
  * Slots for the BottomSheetRoot component.
  */
-type BottomSheetRootSlots = {
+export type BottomSheetRootSlots = {
   /**
    * Custom content for the default slot.
    */
@@ -119,10 +119,62 @@ type BottomSheetRootSlots = {
     open: boolean;
   }) => any;
 };
+/**
+ * Properties for the BottomSheetTrigger component.
+ */
+export interface BottomSheetTriggerProps extends DialogTriggerProps {}
+/**
+ * Events for the BottomSheetTrigger component.
+ */
+export type BottomSheetTriggerEmits = DialogTriggerEmits;
+/**
+ * Properties for the BottomSheetHeader component.
+ */
+export interface BottomSheetHeaderProps extends DialogHeaderProps {}
+/**
+ * Properties for the BottomSheetContent component.
+ */
+export interface BottomSheetContentProps extends DialogContentProps {}
+/**
+ * Properties for the BottomSheetFooter component.
+ */
+export interface BottomSheetFooterProps extends DialogFooterProps {}
+/**
+ * Properties for the BottomSheetTitle component.
+ */
+export interface BottomSheetTitleProps extends DialogTitleProps {}
+/**
+ * Properties for the BottomSheetDescription component.
+ */
+export interface BottomSheetDescriptionProps extends DialogDescriptionProps {}
+/**
+ * Properties for the BottomSheetClose component.
+ */
+export interface BottomSheetCloseProps extends DialogCloseProps {}
+/**
+ * Events for the BottomSheetClose component.
+ */
+export type BottomSheetCloseEmits = DialogCloseEmits;
+/**
+ * Properties for the BottomSheetCancel component.
+ */
+export interface BottomSheetCancelProps extends DialogCancelProps {}
+/**
+ * Events for the BottomSheetCancel component.
+ */
+export type BottomSheetCancelEmits = DialogCancelEmits;
+/**
+ * Properties for the BottomSheetConfirm component.
+ */
+export interface BottomSheetConfirmProps extends DialogConfirmProps {}
+/**
+ * Events for the BottomSheetConfirm component.
+ */
+export type BottomSheetConfirmEmits = DialogConfirmEmits;
 /**
  * Properties for the BottomSheetHandle component.
  */
-interface BottomSheetHandleProps extends BaseProps {
+export interface BottomSheetHandleProps extends BaseProps {
   /**
    * Whether prevent cycle.
    */
@@ -131,7 +183,7 @@ interface BottomSheetHandleProps extends BaseProps {
 /**
  * Properties for the BottomSheetCompact component.
  */
-type BottomSheetCompactProps = DialogCompactProps & BottomSheetRootProps & {
+export type BottomSheetCompactProps = DialogCompactProps & BottomSheetRootProps & {
   /**
    * Properties forwarded to the handle element.
    */
@@ -140,18 +192,17 @@ type BottomSheetCompactProps = DialogCompactProps & BottomSheetRootProps & {
 /**
  * Events for the BottomSheetCompact component.
  */
-type BottomSheetCompactEmits = Omit<DialogCompactEmits, 'close'> & BottomSheetRootEmits;
+export type BottomSheetCompactEmits = Omit<DialogCompactEmits, 'close'> & BottomSheetRootEmits;
 /**
  * Slots for the BottomSheetCompact component.
  */
-type BottomSheetCompactSlots = DialogCompactSlots;
+export type BottomSheetCompactSlots = DialogCompactSlots;
 /**
  * Available UI slots for the BottomSheet component.
  */
-type BottomSheetUiSlot = DialogUiSlot | 'handle';
+export 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 };
+export type BottomSheetUi = UiClass<BottomSheetUiSlot>;
+//#endregion

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

@@ -1 +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};
+import{isClient as e}from"../../shared/env.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/breadcrumb/breadcrumb-compact.js

@@ -1 +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=>{e.disabled||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};
+import{useOmitProps as e}from"../../composables/use-props.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=>{e.disabled||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-ellipsis.js

@@ -1 +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};
+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]||=n(`…`,-1)])],2))}});export{c as default};

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

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useBreadcrumbUi 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=[`aria-label`],l=r({name:`BreadcrumbRoot`,__name:`breadcrumb-root`,setup(r){let l=t(`root`),u=e();return(e,t)=>(a(),n(`nav`,{"data-soybean-breadcrumb-root":``,class:i(s(l)),"aria-label":s(u).breadcrumb.nav},[o(e.$slots,`default`)],10,c))}});export{l as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import{useBreadcrumbUi 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=[`aria-label`],l=r({name:`BreadcrumbRoot`,__name:`breadcrumb-root`,setup(r){let l=t(`root`),u=e();return(e,t)=>(a(),n(`nav`,{"data-soybean-breadcrumb-root":``,class:i(s(l)),"aria-label":s(u).breadcrumb.nav},[o(e.$slots,`default`)],10,c))}});export{l as default};

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

@@ -1,8 +1,8 @@
 import { UiClass } from "../../types/common.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { BreadcrumbUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 //#region src/components/breadcrumb/context.d.ts
 declare const provideBreadcrumbUi: (ui: import("vue").ComputedRef<Partial<UiClass<BreadcrumbUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<BreadcrumbUiSlot>>>, useBreadcrumbUi: UseUiConsumer<BreadcrumbUiSlot>;
 //#endregion

package/dist/components/breadcrumb/context.js

@@ -1 +1 @@
-import{useUiContext as e}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[t,n]=e(`BreadcrumbUi`);export{t as provideBreadcrumbUi,n as useBreadcrumbUi};
+import{useUiContext as e}from"../../composables/use-ui-context.js";const[t,n]=e(`BreadcrumbUi`);export{t as provideBreadcrumbUi,n as useBreadcrumbUi};

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

@@ -7,35 +7,35 @@ import { LinkBaseProps, LinkExtraProps, LinkProps } from "../link/types.js";
 /**
  * Properties for the BreadcrumbRoot component.
  */
-interface BreadcrumbRootProps extends BaseProps {}
+export interface BreadcrumbRootProps extends BaseProps {}
 /**
  * Properties for the BreadcrumbList component.
  */
-interface BreadcrumbListProps extends BaseProps {}
+export interface BreadcrumbListProps extends BaseProps {}
 /**
  * Properties for the BreadcrumbItem component.
  */
-interface BreadcrumbItemProps extends BaseProps {}
+export interface BreadcrumbItemProps extends BaseProps {}
 /**
  * Properties for the BreadcrumbPage component.
  */
-interface BreadcrumbPageProps extends BaseProps {}
+export interface BreadcrumbPageProps extends BaseProps {}
 /**
  * Properties for the BreadcrumbSeparator component.
  */
-interface BreadcrumbSeparatorProps extends BaseProps {}
+export interface BreadcrumbSeparatorProps extends BaseProps {}
 /**
  * Properties for the BreadcrumbEllipsis component.
  */
-interface BreadcrumbEllipsisProps extends BaseProps {}
+export interface BreadcrumbEllipsisProps extends BaseProps {}
 /**
  * Properties for the BreadcrumbLink component.
  */
-interface BreadcrumbLinkProps extends LinkProps {}
+export interface BreadcrumbLinkProps extends LinkProps {}
 /**
  * Option data for the Breadcrumb component.
  */
-interface BreadcrumbOptionData extends LinkBaseProps {
+export interface BreadcrumbOptionData extends LinkBaseProps {
   /** The value of the option. */
   value?: string;
   /** The label to display in the option. */
@@ -48,7 +48,7 @@ interface BreadcrumbOptionData extends LinkBaseProps {
 /**
  * Properties for the BreadcrumbCompact component.
  */
-interface BreadcrumbCompactProps<T extends BreadcrumbOptionData = BreadcrumbOptionData> extends Omit<BreadcrumbRootProps, 'onClick'> {
+export interface BreadcrumbCompactProps<T extends BreadcrumbOptionData = BreadcrumbOptionData> extends Omit<BreadcrumbRootProps, 'onClick'> {
   /**
    * Items rendered by the component.
    */
@@ -87,7 +87,7 @@ interface BreadcrumbCompactProps<T extends BreadcrumbOptionData = BreadcrumbOpti
 /**
  * Events for the BreadcrumbCompact component.
  */
-type BreadcrumbCompactEmits<T extends BreadcrumbOptionData = BreadcrumbOptionData> = {
+export type BreadcrumbCompactEmits<T extends BreadcrumbOptionData = BreadcrumbOptionData> = {
   /**
    * Emitted when click occurs.
    */
@@ -96,7 +96,7 @@ type BreadcrumbCompactEmits<T extends BreadcrumbOptionData = BreadcrumbOptionDat
 /**
  * Slot properties for the BreadcrumbCompactItem component.
  */
-interface BreadcrumbCompactItemSlotProps<T extends BreadcrumbOptionData = BreadcrumbOptionData> {
+export interface BreadcrumbCompactItemSlotProps<T extends BreadcrumbOptionData = BreadcrumbOptionData> {
   /**
    * Current item data.
    */
@@ -109,7 +109,7 @@ interface BreadcrumbCompactItemSlotProps<T extends BreadcrumbOptionData = Breadc
 /**
  * Slot properties for the BreadcrumbCompactEllipsis component.
  */
-interface BreadcrumbCompactEllipsisSlotProps<T extends BreadcrumbOptionData = BreadcrumbOptionData> {
+export interface BreadcrumbCompactEllipsisSlotProps<T extends BreadcrumbOptionData = BreadcrumbOptionData> {
   /**
    * Ellipsis items exposed in the slot scope.
    */
@@ -118,7 +118,7 @@ interface BreadcrumbCompactEllipsisSlotProps<T extends BreadcrumbOptionData = Br
 /**
  * Slots for the BreadcrumbCompact component.
  */
-type BreadcrumbCompactSlots<T extends BreadcrumbOptionData = BreadcrumbOptionData> = {
+export type BreadcrumbCompactSlots<T extends BreadcrumbOptionData = BreadcrumbOptionData> = {
   /**
    * Custom content for the default slot.
    */
@@ -155,10 +155,9 @@ type BreadcrumbCompactSlots<T extends BreadcrumbOptionData = BreadcrumbOptionDat
 /**
  * Available UI slots for the Breadcrumb component.
  */
-type BreadcrumbUiSlot = 'root' | 'list' | 'item' | 'page' | 'separator' | 'ellipsis' | 'link';
+export type BreadcrumbUiSlot = 'root' | 'list' | 'item' | 'page' | 'separator' | 'ellipsis' | 'link';
 /**
  * UI class overrides for the Breadcrumb component.
  */
-type BreadcrumbUi = UiClass<BreadcrumbUiSlot>;
-//#endregion
-export { BreadcrumbCompactEllipsisSlotProps, BreadcrumbCompactEmits, BreadcrumbCompactItemSlotProps, BreadcrumbCompactProps, BreadcrumbCompactSlots, BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbOptionData, BreadcrumbPageProps, BreadcrumbRootProps, BreadcrumbSeparatorProps, BreadcrumbUi, BreadcrumbUiSlot };
+export type BreadcrumbUi = UiClass<BreadcrumbUiSlot>;
+//#endregion

package/dist/components/button/button-group.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";const s=n({name:`ButtonGroup`,__name:`button-group`,props:{orientation:{default:`horizontal`},dir:{},asChild:{type:Boolean},as:{}},setup(n){return(s,c)=>(r(),t(a(e),{as:n.as,"as-child":n.asChild,"data-soybean-button-group":``,role:`group`,"data-orientation":n.orientation,dir:n.dir},{default:o(()=>[i(s.$slots,`default`)]),_:3},8,[`as`,`as-child`,`data-orientation`,`dir`]))}});export{s as default};
+import{Primitive as e}from"../primitive/primitive.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";const s=n({name:`ButtonGroup`,__name:`button-group`,props:{orientation:{default:`horizontal`},dir:{},asChild:{type:Boolean},as:{}},setup(n){return(s,c)=>(r(),t(a(e),{as:n.as,"as-child":n.asChild,"data-soybean-button-group":``,role:`group`,"data-orientation":n.orientation,dir:n.dir},{default:o(()=>[i(s.$slots,`default`)]),_:3},8,[`as`,`as-child`,`data-orientation`,`dir`]))}});export{s as default};

package/dist/components/button/button.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`Button`,__name:`button`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`click`],setup(i,{emit:u}){let d=i,f=u,p=e(d,[`disabled`,`type`]),m=n(()=>d.as===`button`?d.disabled:void 0),h=n(()=>d.disabled?``:void 0),g=n(()=>d.disabled?void 0:``),_=n(()=>d.disabled?!0:void 0),v=n(()=>{if(d.as===`button`)return d.type??`button`}),y=e=>{if(d.disabled){e.preventDefault(),e.stopPropagation();return}f(`click`,e)};return(e,n)=>(o(),r(c(t),a(c(p),{"data-soybean-button":``,disabled:m.value,"aria-disabled":_.value,"data-disabled":h.value,"data-normal":g.value,tabindex:m.value?`-1`:void 0,type:v.value,onClick:y}),{default:l(()=>[s(e.$slots,`default`)]),_:3},16,[`disabled`,`aria-disabled`,`data-disabled`,`data-normal`,`tabindex`,`type`]))}});export{u as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import{Primitive as t}from"../primitive/primitive.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`Button`,__name:`button`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`click`],setup(i,{emit:u}){let d=i,f=u,p=n(()=>d.as===`button`?d.disabled:void 0),m=e(d,[`disabled`,`type`],()=>p.value?{tabindex:`-1`}:{}),h=n(()=>d.disabled?``:void 0),g=n(()=>d.disabled?void 0:``),_=n(()=>d.disabled?!0:void 0),v=n(()=>{if(d.as===`button`)return d.type??`button`}),y=e=>{if(d.disabled){e.preventDefault(),e.stopPropagation();return}f(`click`,e)};return(e,n)=>(o(),r(c(t),a(c(m),{"data-soybean-button":``,disabled:p.value,"aria-disabled":_.value,"data-disabled":h.value,"data-normal":g.value,type:v.value,onClick:y}),{default:l(()=>[s(e.$slots,`default`)]),_:3},16,[`disabled`,`aria-disabled`,`data-disabled`,`data-normal`,`type`]))}});export{u as default};

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

@@ -7,11 +7,11 @@ import { ButtonHTMLAttributes, HTMLAttributes } from "vue";
 /**
  * Supported button values.
  */
-type ButtonType = 'button' | 'submit' | 'reset';
+export type ButtonType = 'button' | 'submit' | 'reset';
 /**
  * Properties for the Button component.
  */
-interface ButtonProps extends PrimitiveProps, BaseProps<ButtonHTMLAttributes> {
+export interface ButtonProps extends PrimitiveProps, BaseProps<ButtonHTMLAttributes> {
   /**
    * The type of the button element. Can be one of 'button', 'submit', or 'reset'.
    * @default 'button'
@@ -25,7 +25,7 @@ interface ButtonProps extends PrimitiveProps, BaseProps<ButtonHTMLAttributes> {
 /**
  * Properties for the ButtonGroup component.
  */
-interface ButtonGroupProps extends PrimitiveProps, BaseProps<HTMLAttributes> {
+export interface ButtonGroupProps extends PrimitiveProps, BaseProps<HTMLAttributes> {
   /**
    * The orientation of the button group.
    *
@@ -40,11 +40,10 @@ interface ButtonGroupProps extends PrimitiveProps, BaseProps<HTMLAttributes> {
 /**
  * Events for the Button component.
  */
-type ButtonEmits = {
+export type ButtonEmits = {
   /**
    * Emitted when click occurs.
    */
   click: [event: PointerEvent];
 };
-//#endregion
-export { ButtonEmits, ButtonGroupProps, ButtonProps, ButtonType };
+//#endregion

package/dist/components/calendar/calendar-cell-trigger.js

@@ -1 +1 @@
-import{toDate as e}from"../../date/comparators.js";import"../../date/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../button/button.js";import{useCalendarRootContext as i,useCalendarUi as a}from"./context.js";import{computed as o,createBlock as s,createTextVNode as c,defineComponent as l,mergeProps as u,nextTick as ee,openBlock as te,renderSlot as d,toDisplayString as f,unref as p,withCtx as ne}from"vue";import{getLocalTimeZone as m,isSameDay as h,isSameMonth as g,isToday as _}from"@internationalized/date";const v=l({name:`CalendarCellTrigger`,__name:`calendar-cell-trigger`,props:{day:{},month:{},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(l){let v=l,y=n(v,[`day`,`month`]),b=a(`cellTrigger`),{locale:re,formatter:ie,isDateUnavailable:x,isOutsideVisibleView:S,isDateDisabled:C,disableDaysOutsideCurrentView:w,isDateSelected:T,disabled:E,isPlaceholderFocusable:D,placeholder:O,hasSelectedDate:k,isSelectedDateDisabled:A,firstFocusableDate:j,readonly:M,onDateChange:N,minValue:P,maxValue:F,parentElement:I,isNextButtonDisabled:ae,nextPage:L,isPrevButtonDisabled:R,prevPage:z,onPlaceholderChange:B,dir:V}=i(`CalendarCellTrigger`),[oe,H]=t(),U=o(()=>v.day.day.toLocaleString(re.value)),W=o(()=>ie.custom(e(v.day),{weekday:`long`,month:`long`,day:`numeric`,year:`numeric`})),G=o(()=>x?.(v.day)??!1),K=o(()=>_(v.day,m())),q=o(()=>!g(v.day,v.month)),J=o(()=>S(v.day)),Y=o(()=>C(v.day)||!!(w.value&&q.value)),X=o(()=>T(v.day)),Z=o(()=>q.value||Y.value?!1:!E.value&&D.value&&h(v.day,O.value)?!0:(!k.value||A.value)&&!D.value?!!(j.value&&h(v.day,j.value)):!1),Q=e=>{M.value||C(e)||x?.(e)||N(e)},$=(e,t)=>{let n=e.add({days:t});if(P.value&&n.compare(P.value)<0||F.value&&n.compare(F.value)>0)return;let r=I.value?.querySelector(`[data-value='${n.toString()}']:not([data-outside-view])`);if(!r){if(t>0){if(ae())return;L()}else{if(R())return;z()}ee(()=>{$(e,t)});return}if(r.hasAttribute(`data-disabled`)||r.hasAttribute(`data-unavailable`)){$(n,t);return}B(n),r.focus()},se=()=>{Q(v.day)},ce=e=>{if(Y.value)return;let t=V.value===`rtl`?-1:1;switch(e.key){case`ArrowRight`:e.preventDefault(),$(v.day,t);break;case`ArrowLeft`:e.preventDefault(),$(v.day,-t);break;case`ArrowUp`:e.preventDefault(),$(v.day,-7);break;case`ArrowDown`:e.preventDefault(),$(v.day,7);break;case`Enter`:case` `:e.preventDefault(),Q(v.day)}};return(e,t)=>(te(),s(r,u({ref:p(H)},p(y),{"data-soybean-calendar-cell-trigger":``,class:p(b),disabled:Y.value||G.value,"aria-label":W.value,"data-focused":Z.value?``:void 0,"data-outside-view":q.value?``:void 0,"data-outside-visible-view":J.value?``:void 0,"data-selected":X.value?``:void 0,"data-today":K.value?``:void 0,"data-unavailable":G.value?``:void 0,"data-value":l.day.toString(),tabindex:Z.value?0:q.value||Y.value?void 0:-1,onClick:se,onKeydown:ce}),{default:ne(()=>[d(e.$slots,`default`,{dayValue:U.value,disabled:Y.value,outsideView:q.value,outsideVisibleView:J.value,selected:X.value,today:K.value,unavailable:G.value},()=>[c(f(U.value),1)])]),_:3},16,[`class`,`disabled`,`aria-label`,`data-focused`,`data-outside-view`,`data-outside-visible-view`,`data-selected`,`data-today`,`data-unavailable`,`data-value`,`tabindex`]))}});export{v as default};
+import{toDate as e}from"../../date/comparators.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{useOmitProps as n}from"../../composables/use-props.js";import r from"../button/button.js";import{useCalendarRootContext as i,useCalendarUi as a}from"./context.js";import{computed as o,createBlock as s,createTextVNode as c,defineComponent as l,mergeProps as u,nextTick as ee,openBlock as te,renderSlot as d,toDisplayString as f,unref as p,withCtx as ne}from"vue";import{getLocalTimeZone as m,isSameDay as h,isSameMonth as g,isToday as _}from"@internationalized/date";const v=l({name:`CalendarCellTrigger`,__name:`calendar-cell-trigger`,props:{day:{},month:{},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(l){let v=l,y=n(v,[`day`,`month`]),b=a(`cellTrigger`),{locale:re,formatter:ie,isDateUnavailable:x,isOutsideVisibleView:S,isDateDisabled:C,disableDaysOutsideCurrentView:w,isDateSelected:T,disabled:E,isPlaceholderFocusable:D,placeholder:O,hasSelectedDate:k,isSelectedDateDisabled:A,firstFocusableDate:j,readonly:M,onDateChange:N,minValue:P,maxValue:F,parentElement:I,isNextButtonDisabled:ae,nextPage:L,isPrevButtonDisabled:R,prevPage:z,onPlaceholderChange:B,dir:V}=i(`CalendarCellTrigger`),[oe,H]=t(),U=o(()=>v.day.day.toLocaleString(re.value)),W=o(()=>ie.custom(e(v.day),{weekday:`long`,month:`long`,day:`numeric`,year:`numeric`})),G=o(()=>x?.(v.day)??!1),K=o(()=>_(v.day,m())),q=o(()=>!g(v.day,v.month)),J=o(()=>S(v.day)),Y=o(()=>C(v.day)||!!(w.value&&q.value)),X=o(()=>T(v.day)),Z=o(()=>q.value||Y.value?!1:!E.value&&D.value&&h(v.day,O.value)?!0:(!k.value||A.value)&&!D.value?!!(j.value&&h(v.day,j.value)):!1),Q=e=>{M.value||C(e)||x?.(e)||N(e)},$=(e,t)=>{let n=e.add({days:t});if(P.value&&n.compare(P.value)<0||F.value&&n.compare(F.value)>0)return;let r=I.value?.querySelector(`[data-value='${n.toString()}']:not([data-outside-view])`);if(!r){if(t>0){if(ae())return;L()}else{if(R())return;z()}ee(()=>{$(e,t)});return}if(r.hasAttribute(`data-disabled`)||r.hasAttribute(`data-unavailable`)){$(n,t);return}B(n),r.focus()},se=()=>{Q(v.day)},ce=e=>{if(Y.value)return;let t=V.value===`rtl`?-1:1;switch(e.key){case`ArrowRight`:e.preventDefault(),$(v.day,t);break;case`ArrowLeft`:e.preventDefault(),$(v.day,-t);break;case`ArrowUp`:e.preventDefault(),$(v.day,-7);break;case`ArrowDown`:e.preventDefault(),$(v.day,7);break;case`Enter`:case` `:e.preventDefault(),Q(v.day)}};return(e,t)=>(te(),s(r,u({ref:p(H)},p(y),{"data-soybean-calendar-cell-trigger":``,class:p(b),disabled:Y.value||G.value,"aria-label":W.value,"data-focused":Z.value?``:void 0,"data-outside-view":q.value?``:void 0,"data-outside-visible-view":J.value?``:void 0,"data-selected":X.value?``:void 0,"data-today":K.value?``:void 0,"data-unavailable":G.value?``:void 0,"data-value":l.day.toString(),tabindex:Z.value?0:q.value||Y.value?void 0:-1,onClick:se,onKeydown:ce}),{default:ne(()=>[d(e.$slots,`default`,{dayValue:U.value,disabled:Y.value,outsideView:q.value,outsideVisibleView:J.value,selected:X.value,today:K.value,unavailable:G.value},()=>[c(f(U.value),1)])]),_:3},16,[`class`,`disabled`,`aria-label`,`data-focused`,`data-outside-view`,`data-outside-visible-view`,`data-selected`,`data-today`,`data-unavailable`,`data-value`,`tabindex`]))}});export{v as default};