@soybeanjs/headless 0.17.0 → 0.19.0

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

@@ -1,16 +1,17 @@
 import { UiClass } from "../../types/common.js";
 import { ImageLoadingStatus } from "../../types/dom.js";
-import { HTMLAttributes, ImgHTMLAttributes } from "vue";
+import { BaseProps } from "../../types/vue.js";
+import { ImgHTMLAttributes } from "vue";
 
 //#region src/components/avatar/types.d.ts
 /**
- * Props for the avatar root component.
+ * Properties for the AvatarRoot component.
  */
-interface AvatarRootProps extends /** @vue-ignore */HTMLAttributes {}
+interface AvatarRootProps extends BaseProps {}
 /**
- * Props for the avatar image component.
+ * Properties for the AvatarImage component.
  */
-interface AvatarImageProps extends /** @vue-ignore */ImgHTMLAttributes {
+interface AvatarImageProps extends BaseProps<ImgHTMLAttributes> {
   /** The image source URL */
   src: string;
   /** The referrer policy for the image */
@@ -19,7 +20,7 @@ interface AvatarImageProps extends /** @vue-ignore */ImgHTMLAttributes {
   crossorigin?: ImgHTMLAttributes['crossorigin'];
 }
 /**
- * Emits for the avatar image component.
+ * Events for the AvatarImage component.
  */
 type AvatarImageEmits = {
   /**
@@ -29,9 +30,9 @@ type AvatarImageEmits = {
   loadingStatusChange: [status: ImageLoadingStatus];
 };
 /**
- * Props for the avatar fallback component.
+ * Properties for the AvatarFallback component.
  */
-interface AvatarFallbackProps extends /** @vue-ignore */HTMLAttributes {
+interface AvatarFallbackProps extends BaseProps {
   /**
    * Useful for delaying rendering so it only appears for those with slower connections.
    *
@@ -40,12 +41,43 @@ interface AvatarFallbackProps extends /** @vue-ignore */HTMLAttributes {
   delayMs?: number;
 }
 /**
- * Available UI slots for the avatar component.
+ * Properties for the AvatarCompact component.
+ */
+interface AvatarCompactProps extends AvatarRootProps {
+  /** The image source URL. */
+  src: string;
+  /**
+   * Useful for delaying fallback rendering so it only appears for those with slower connections.
+   *
+   * @defaultValue undefined
+   */
+  delayMs?: number;
+  /** Fallback text rendered when no custom fallback slot is provided. */
+  fallbackLabel?: string;
+  /** Properties forwarded to the image element. */
+  imageProps?: AvatarImageProps;
+  /** Properties forwarded to the fallback element. */
+  fallbackProps?: AvatarFallbackProps;
+}
+/**
+ * Events for the AvatarCompact component.
+ */
+type AvatarCompactEmits = AvatarImageEmits;
+/**
+ * Slots for the AvatarCompact component.
+ */
+type AvatarCompactSlots = {
+  /** Custom content for the default slot. */default?: () => any; /** Custom content for the image slot. */
+  image?: () => any; /** Custom content for the fallback slot. */
+  fallback?: () => any;
+};
+/**
+ * Available UI slots for the Avatar component.
  */
 type AvatarUiSlot = 'root' | 'image' | 'fallback';
 /**
- * UI class overrides for the avatar component.
+ * UI class overrides for the Avatar component.
  */
 type AvatarUi = UiClass<AvatarUiSlot>;
 //#endregion
-export { AvatarFallbackProps, AvatarImageEmits, AvatarImageProps, AvatarRootProps, AvatarUi, AvatarUiSlot };
+export { AvatarCompactEmits, AvatarCompactProps, AvatarCompactSlots, AvatarFallbackProps, AvatarImageEmits, AvatarImageProps, AvatarRootProps, AvatarUi, AvatarUiSlot };

package/dist/components/backtop/backtop.js

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

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

@@ -1,5 +1,3 @@
-import { AsTag } from "../primitive/types.js";
-import { ButtonType } from "../button/types.js";
 import { BacktopProps } from "./types.js";
 import * as _$vue from "vue";
 import * as _$_vueuse_shared0 from "@vueuse/shared";
@@ -17,14 +15,12 @@ declare const __VLS_base: _$vue.DefineComponent<BacktopProps, {
   scrollToTop: typeof scrollToTop;
   updateVisibility: _$_vueuse_shared0.Fn;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  click: (event: PointerEvent) => any;
   change: (visible: boolean) => any;
-  click: (event: MouseEvent) => any;
 }, string, _$vue.PublicProps, Readonly<BacktopProps> & Readonly<{
+  onClick?: ((event: PointerEvent) => any) | undefined;
   onChange?: ((visible: boolean) => any) | undefined;
-  onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
-  type: ButtonType;
-  as: AsTag | _$vue.Component;
   visibilityHeight: number;
   duration: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -1,19 +1,19 @@
-import { AffixTarget } from "../affix/types.js";
 import { ButtonProps } from "../button/types.js";
+import { AffixTarget } from "../affix/types.js";
 
 //#region src/components/backtop/types.d.ts
 /**
- * Type information for the backtop target component.
+ * Type information for BacktopTarget.
  */
 type BacktopTarget = AffixTarget;
 /**
- * State values for the backtop component.
+ * State values for BacktopState.
  */
 type BacktopState = 'visible' | 'hidden';
 /**
- * Props for the backtop component.
+ * Properties for the Backtop component.
  */
-interface BacktopProps extends /** @vue-ignore */Omit<ButtonProps, 'onChange'> {
+interface BacktopProps extends Omit<ButtonProps, 'onChange'> {
   /**
    * Scroll distance that must be reached before the Backtop button becomes visible.
    *
@@ -34,7 +34,7 @@ interface BacktopProps extends /** @vue-ignore */Omit<ButtonProps, 'onChange'> {
   duration?: number;
 }
 /**
- * Emits for the backtop component.
+ * Events for the Backtop component.
  */
 type BacktopEmits = {
   /**
@@ -44,7 +44,7 @@ type BacktopEmits = {
   /**
    * Emitted when click occurs.
    */
-  click: [event: MouseEvent];
+  click: [event: PointerEvent];
 };
 //#endregion
 export { BacktopEmits, BacktopProps, BacktopState, BacktopTarget };

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

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./badge-content.js";import n from"./badge-root.js";import{createBlock as r,createTextVNode as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toDisplayString as f,unref as p,withCtx as m}from"vue";const h=o({name:`BadgeCompact`,__name:`badge-compact`,props:{content:{},contentProps:{},open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(o,{emit:h}){let g=o,_=h,v=e(g,[`content`,`contentProps`]);return(e,h)=>(u(),r(n,c(p(v),{"onUpdate:open":h[0]||(h[0]=e=>_(`update:open`,e))}),{default:m(()=>[d(e.$slots,`default`),a(t,l(s(o.contentProps)),{default:m(()=>[d(e.$slots,`content`,{},()=>[i(f(o.content),1)])]),_:3},16)]),_:3},16))}});export{h as default};

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

@@ -0,0 +1,21 @@
+import { BadgeCompactProps, BadgeCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/badge/badge-compact.vue.d.ts
+type __VLS_Slots = BadgeCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<BadgeCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:open": (open: boolean) => any;
+}, string, _$vue.PublicProps, Readonly<BadgeCompactProps> & Readonly<{
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+  open: boolean;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/badge/badge-content.js

@@ -1 +1 @@
-import{useBadgeRootContext as e,useBadgeUi as t}from"./context.js";import{createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`BadgeContent`,__name:`badge-content`,setup(i){let{open:l}=e(`BadgeContent`),u=t(`content`);return(e,t)=>c(l)?(o(),r(`span`,{key:0,class:a(c(u))},[s(e.$slots,`default`)],2)):n(`v-if`,!0)}});export{l as default};
+import{useBadgeRootContext as e,useBadgeUi as t}from"./context.js";import{createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`BadgeContent`,__name:`badge-content`,setup(i){let{open:l}=e(`BadgeContent`),u=t(`content`);return(e,t)=>c(l)?(o(),r(`span`,{key:0,"data-soybean-badge-content":``,class:a(c(u))},[s(e.$slots,`default`)],2)):n(`v-if`,!0)}});export{l as default};

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

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideBadgeRootContext as t,useBadgeUi as n}from"./context.js";import{createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`BadgeRoot`,__name:`badge-root`,props:{open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(i,{emit:l}){let u=i,d=l,f=n(`root`);return t({open:e(()=>u.open,e=>{d(`update:open`,e??!1)},!0)}),(e,t)=>(o(),r(`div`,{class:a(c(f))},[s(e.$slots,`default`)],2))}});export{l as default};
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideBadgeRootContext as t,useBadgeUi as n}from"./context.js";import{createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`BadgeRoot`,__name:`badge-root`,props:{open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(i,{emit:l}){let u=i,d=l,f=n(`root`);return t({open:e(()=>u.open,e=>{d(`update:open`,e)},!0)}),(e,t)=>(o(),r(`div`,{"data-soybean-badge-root":``,class:a(c(f))},[s(e.$slots,`default`)],2))}});export{l as default};

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

@@ -1,5 +1,6 @@
-import { BadgeContentProps, BadgeRootEmits, BadgeRootProps, BadgeUi, BadgeUiSlot } from "./types.js";
-import { _default as _default$1 } from "./badge-root.vue.js";
-import { _default } from "./badge-content.vue.js";
+import { BadgeCompactEmits, BadgeCompactProps, BadgeCompactSlots, BadgeContentProps, BadgeRootEmits, BadgeRootProps, BadgeUi, BadgeUiSlot } from "./types.js";
+import { _default } from "./badge-compact.vue.js";
+import { _default as _default$2 } from "./badge-root.vue.js";
+import { _default as _default$1 } from "./badge-content.vue.js";
 import { provideBadgeUi } from "./context.js";
-export { _default as BadgeContent, type BadgeContentProps, _default$1 as BadgeRoot, type BadgeRootEmits, type BadgeRootProps, type BadgeUi, type BadgeUiSlot, provideBadgeUi };
+export { _default as BadgeCompact, type BadgeCompactEmits, type BadgeCompactProps, type BadgeCompactSlots, _default$1 as BadgeContent, type BadgeContentProps, _default$2 as BadgeRoot, type BadgeRootEmits, type BadgeRootProps, type BadgeUi, type BadgeUiSlot, provideBadgeUi };

package/dist/components/badge/index.js

@@ -1 +1 @@
-import{provideBadgeUi as e}from"./context.js";import t from"./badge-root.js";import n from"./badge-content.js";export{n as BadgeContent,t as BadgeRoot,e as provideBadgeUi};
+import{provideBadgeUi as e}from"./context.js";import t from"./badge-content.js";import n from"./badge-root.js";import r from"./badge-compact.js";export{r as BadgeCompact,t as BadgeContent,n as BadgeRoot,e as provideBadgeUi};

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

@@ -1,18 +1,19 @@
 import { UiClass } from "../../types/common.js";
-import { HTMLAttributes, ShallowRef } from "vue";
+import { BaseProps } from "../../types/vue.js";
+import { ShallowRef } from "vue";
 
 //#region src/components/badge/types.d.ts
 /**
- * Props for the badge root component.
+ * Properties for the BadgeRoot component.
  */
-interface BadgeRootProps extends /** @vue-ignore */HTMLAttributes {
+interface BadgeRootProps extends BaseProps {
   /**
    * Whether the component is open.
    */
   open?: boolean;
 }
 /**
- * Emits for the badge root component.
+ * Events for the BadgeRoot component.
  */
 type BadgeRootEmits = {
   /**
@@ -21,16 +22,36 @@ type BadgeRootEmits = {
   'update:open': [open: boolean];
 };
 /**
- * Props for the badge content component.
+ * Properties for the BadgeContent component.
  */
-interface BadgeContentProps extends /** @vue-ignore */HTMLAttributes {}
+interface BadgeContentProps extends BaseProps {}
 /**
- * Available UI slots for the badge component.
+ * 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.
+ * UI class overrides for the Badge component.
  */
 type BadgeUi = UiClass<BadgeUiSlot>;
 //#endregion
-export { BadgeContentProps, BadgeRootEmits, BadgeRootProps, BadgeUi, BadgeUiSlot };
+export { BadgeCompactEmits, BadgeCompactProps, BadgeCompactSlots, BadgeContentProps, BadgeRootEmits, BadgeRootProps, BadgeUi, BadgeUiSlot };

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

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

@@ -1 +1 @@
-import{isClient as e}from"../../shared/env.js";import"../../shared/index.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"../../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(()=>t.snapPoints?.value??[]),K=p(()=>G&&(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};
+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/types.d.ts

@@ -1,14 +1,15 @@
 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 { HTMLAttributes, Ref, ShallowRef } from "vue";
+import { Ref, ShallowRef } from "vue";
 
 //#region src/components/bottom-sheet/types.d.ts
 /**
- * Type information for the drawer direction component.
+ * Type information for DrawerDirection.
  */
 type DrawerDirection = Side;
 /**
- * Props for the with fade from component.
+ * Properties for the WithFadeFrom component.
  */
 interface WithFadeFromProps {
   /**
@@ -21,7 +22,7 @@ interface WithFadeFromProps {
   fadeFromIndex: number;
 }
 /**
- * Props for the without fade from component.
+ * Properties for the WithoutFadeFrom component.
  */
 interface WithoutFadeFromProps {
   /**
@@ -34,7 +35,7 @@ interface WithoutFadeFromProps {
   fadeFromIndex?: never;
 }
 /**
- * Props for the bottom sheet root component.
+ * Properties for the BottomSheetRoot component.
  */
 type BottomSheetRootProps = DialogRootProps & {
   /**
@@ -86,7 +87,7 @@ type BottomSheetRootProps = DialogRootProps & {
   preventScrollRestoration?: boolean;
 } & (WithFadeFromProps | WithoutFadeFromProps);
 /**
- * Emits for the bottom sheet root component.
+ * Events for the BottomSheetRoot component.
  */
 type BottomSheetRootEmits = DialogRootEmits & {
   /**
@@ -107,7 +108,7 @@ type BottomSheetRootEmits = DialogRootEmits & {
   'update:activeSnapPoint': [val: string | number | null];
 };
 /**
- * Slots for the bottom sheet root component.
+ * Slots for the BottomSheetRoot component.
  */
 type BottomSheetRootSlots = {
   /**
@@ -118,37 +119,37 @@ type BottomSheetRootSlots = {
   }) => any;
 };
 /**
- * Props for the bottom sheet handle component.
+ * Properties for the BottomSheetHandle component.
  */
-interface BottomSheetHandleProps extends /** @vue-ignore */HTMLAttributes {
+interface BottomSheetHandleProps extends BaseProps {
   /**
    * Whether prevent cycle.
    */
   preventCycle?: boolean;
 }
 /**
- * Props for the bottom sheet compact component.
+ * Properties for the BottomSheetCompact component.
  */
 type BottomSheetCompactProps = DialogCompactProps & BottomSheetRootProps & {
   /**
-   * Props forwarded to the handle element.
+   * Properties forwarded to the handle element.
    */
   handleProps?: BottomSheetHandleProps;
 };
 /**
- * Emits for the bottom sheet compact component.
+ * Events for the BottomSheetCompact component.
  */
 type BottomSheetCompactEmits = Omit<DialogCompactEmits, 'close'> & BottomSheetRootEmits;
 /**
- * Slots for the bottom sheet compact component.
+ * Slots for the BottomSheetCompact component.
  */
 type BottomSheetCompactSlots = DialogCompactSlots;
 /**
- * Available UI slots for the bottom sheet component.
+ * Available UI slots for the BottomSheet component.
  */
 type BottomSheetUiSlot = DialogUiSlot | 'handle';
 /**
- * UI class overrides for the bottom sheet component.
+ * UI class overrides for the BottomSheet component.
  */
 type BottomSheetUi = UiClass<BottomSheetUiSlot>;
 //#endregion

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

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

@@ -1 +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`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+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-link.js

@@ -1 +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,{class:l(f)}),{default:u(t=>[c(e.$slots,`default`,o(i(t)))]),_:3},16,[`class`]))}});export{d as default};
+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-list.js

@@ -1 +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`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+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-page.js

@@ -1 +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`,{class:r(o(s)),role:`link`,"aria-disabled":`true`,"aria-current":`page`},[a(e.$slots,`default`)],2))}});export{s as default};
+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};

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

@@ -1 +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:`BreadcrumbRoot`,__name:`breadcrumb-root`,setup(n){let s=e(`root`);return(e,n)=>(i(),t(`nav`,{class:r(o(s)),"aria-label":`breadcrumb`},[a(e.$slots,`default`)],2))}});export{s as default};
+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};

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

@@ -1 +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:`BreadcrumbSeparator`,__name:`breadcrumb-separator`,setup(n){let s=e(`separator`);return(e,n)=>(i(),t(`li`,{class:r(o(s)),role:`presentation`,"aria-hidden":`true`},[a(e.$slots,`default`)],2))}});export{s as default};
+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:`BreadcrumbSeparator`,__name:`breadcrumb-separator`,setup(n){let s=e(`separator`);return(e,n)=>(i(),t(`li`,{"data-soybean-breadcrumb-separator":``,class:r(o(s)),role:`presentation`,"aria-hidden":`true`},[a(e.$slots,`default`)],2))}});export{s as default};