@soybeanjs/headless 0.17.0 → 0.19.0

package/dist/components/time-range-field/types.d.ts

@@ -1,81 +1,22 @@
-import { Direction, UiClass } from "../../types/common.js";
-import { FormFieldCommonProps } from "../../types/component.js";
-import { PropsToContext } from "../../types/vue.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { TimeValue } from "../../date/comparators.js";
-import { DateStep, HourCycle, SegmentPart, SegmentValueObj, TimeGranularity, TimeInputType, TimeMatcher, TimeRange } from "../../date/types.js";
-import { Formatter } from "../../date/formatter.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { UiClass } from "../../types/common.js";
+import { TimeRange, TimeValue } from "../../date/types.js";
+import { DateFieldInputProps, DateFieldSegment } from "../date-field/types.js";
+import { TimeFieldRootProps } from "../time-field/types.js";
+import { ShallowRef } from "vue";
 
 //#region src/components/time-range-field/types.d.ts
 /**
- * Props for the time range field root component.
+ * Properties for the TimeRangeFieldRoot component.
  */
-interface TimeRangeFieldRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+interface TimeRangeFieldRootProps extends Omit<TimeFieldRootProps, 'defaultValue' | 'modelValue'> {
   /**
    * Default value.
    */
   defaultValue?: TimeRange;
-  /**
-   * Default placeholder.
-   */
-  defaultPlaceholder?: TimeValue;
-  /**
-   * Placeholder.
-   */
-  placeholder?: TimeValue;
   /**
    * Current model value.
    */
   modelValue?: TimeRange;
-  /**
-   * Hour cycle.
-   */
-  hourCycle?: HourCycle;
-  /**
-   * Step.
-   */
-  step?: DateStep;
-  /**
-   * Granularity.
-   */
-  granularity?: TimeGranularity;
-  /**
-   * Whether hide time zone.
-   */
-  hideTimeZone?: boolean;
-  /**
-   * Max value.
-   */
-  maxValue?: TimeValue;
-  /**
-   * Min value.
-   */
-  minValue?: TimeValue;
-  /**
-   * Locale.
-   */
-  locale?: string;
-  /**
-   * Whether the component is disabled.
-   */
-  disabled?: boolean;
-  /**
-   * Whether the component is readonly.
-   */
-  readonly?: boolean;
-  /**
-   * Whether the time is unavailable.
-   */
-  isTimeUnavailable?: TimeMatcher;
-  /**
-   * Id.
-   */
-  id?: string;
-  /**
-   * Reading direction of the component.
-   */
-  dir?: Direction;
   /**
    * Start name.
    */
@@ -86,7 +27,7 @@ interface TimeRangeFieldRootProps extends PrimitiveProps, FormFieldCommonProps,
   endName?: string;
 }
 /**
- * Emits for the time range field root component.
+ * Events for the TimeRangeFieldRoot component.
  */
 type TimeRangeFieldRootEmits = {
   /**
@@ -107,174 +48,85 @@ type TimeRangeFieldRootEmits = {
   'update:endValue': [time: TimeValue | undefined];
 };
 /**
- * Props for the time range field input component.
+ * Slot Props for the TimeRangeField component.
  */
-interface TimeRangeFieldInputProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface TimeRangeFieldSlotProps {
   /**
-   * Part.
+   * Current model value.
    */
-  part: SegmentPart;
+  modelValue: TimeRange;
   /**
-   * Type.
+   * Start segments.
    */
-  type?: 'start' | 'end';
-}
-/**
- * Type information for the time range field segment component.
- */
-interface TimeRangeFieldSegment {
+  startSegments: DateFieldSegment[];
   /**
-   * Part.
+   * End segments.
    */
-  part: SegmentPart;
+  endSegments: DateFieldSegment[];
   /**
-   * Value associated with the current item.
+   * Whether the field is invalid.
    */
-  value: string;
+  isInvalid: boolean;
 }
 /**
- * Context for the time range field root component.
+ * Slots for the TimeRangeField component.
  */
-interface TimeRangeFieldRootContext extends PropsToContext<TimeRangeFieldRootProps, 'disabled' | 'readonly'> {
-  /**
-   * Locale used by the component context.
-   */
-  locale: ComputedRef<string>;
-  /**
-   * Reading direction of the component.
-   */
-  dir: ComputedRef<Direction>;
-  /**
-   * Current model value.
-   */
-  modelValue: ShallowRef<TimeRange>;
-  /**
-   * Placeholder used by the component context.
-   */
-  placeholder: ShallowRef<TimeValue>;
-  /**
-   * Whether the time is unavailable.
-   */
-  isTimeUnavailable?: TimeMatcher;
-  /**
-   * Whether the current value is invalid.
-   */
-  isInvalid: ComputedRef<boolean>;
-  /**
-   * Formatter used by the component context.
-   */
-  formatter: Formatter;
-  /**
-   * Hour cycle used by the component context.
-   */
-  hourCycle: HourCycle;
-  /**
-   * Step used by the component context.
-   */
-  step: ComputedRef<DateStep>;
-  /**
-   * Start segment values used by the component context.
-   */
-  startSegmentValues: ShallowRef<SegmentValueObj>;
-  /**
-   * End segment values used by the component context.
-   */
-  endSegmentValues: ShallowRef<SegmentValueObj>;
-  /**
-   * Start segment contents used by the component context.
-   */
-  startSegmentContents: ComputedRef<TimeRangeFieldSegment[]>;
-  /**
-   * End segment contents used by the component context.
-   */
-  endSegmentContents: ComputedRef<TimeRangeFieldSegment[]>;
-  /**
-   * Start input type used by the component context.
-   */
-  startInputType: ComputedRef<TimeInputType>;
-  /**
-   * End input type used by the component context.
-   */
-  endInputType: ComputedRef<TimeInputType>;
-  /**
-   * Start input value used by the component context.
-   */
-  startInputValue: ComputedRef<string>;
-  /**
-   * End input value used by the component context.
-   */
-  endInputValue: ComputedRef<string>;
-  /**
-   * Input max value used by the component context.
-   */
-  inputMaxValue: ComputedRef<string | undefined>;
-  /**
-   * Input min value used by the component context.
-   */
-  inputMinValue: ComputedRef<string | undefined>;
-  /**
-   * Start elements used by the component context.
-   */
-  startElements: ShallowRef<HTMLElement[]>;
-  /**
-   * End elements used by the component context.
-   */
-  endElements: ShallowRef<HTMLElement[]>;
+type TimeRangeFieldRootSlots = {
   /**
-   * Focused type used by the component context.
-   */
-  focusedType: ShallowRef<'start' | 'end'>;
-  /**
-   * Focus next used by the component context.
+   * Custom content for the default slot.
    */
-  focusNext: (type: 'start' | 'end') => void;
+  default?: (props: TimeRangeFieldSlotProps) => any;
+};
+/**
+ * Properties for the TimeRangeFieldInput component.
+ */
+interface TimeRangeFieldInputProps extends DateFieldInputProps {
   /**
-   * Set focused element used by the component context.
+   * Type.
    */
-  setFocusedElement: (el: HTMLElement, type: 'start' | 'end') => void;
+  type?: 'start' | 'end';
 }
 /**
- * Available UI slots for the time range field component.
+ * Available UI slots for the TimeRangeField component.
  */
-type TimeRangeFieldUiSlot = 'root' | 'input' | 'separator';
+type TimeRangeFieldUiSlot = 'root' | 'startRoot' | 'endRoot' | 'input' | 'separator';
 /**
- * UI class overrides for the time range field component.
+ * UI class overrides for the TimeRangeField component.
  */
 type TimeRangeFieldUi = UiClass<TimeRangeFieldUiSlot>;
 /**
- * Props for the time range field compact component.
+ * Properties for the TimeRangeFieldCompact component.
  */
 interface TimeRangeFieldCompactProps extends TimeRangeFieldRootProps {
   /**
-   * Props forwarded to the input element.
+   * Properties forwarded to the input element.
    */
-  inputProps?: Omit<TimeRangeFieldInputProps, 'part' | 'type'>;
+  inputProps?: TimeRangeFieldInputProps;
   /**
    * Separator.
    */
   separator?: string;
 }
 /**
- * Emits for the time range field compact component.
+ * Events for the TimeRangeFieldCompact component.
  */
 type TimeRangeFieldCompactEmits = TimeRangeFieldRootEmits;
 /**
- * Slots for the time range field compact component.
+ * Slots for the TimeRangeFieldCompact component.
  */
 type TimeRangeFieldCompactSlots = {
   /**
-   * Custom content for the default slot.
+   * Custom content for the leading slot.
+   */
+  leading?: () => any;
+  /**
+   * Custom content for the trailing slot.
    */
-  default?: (props: {
-    startSegments: TimeRangeFieldSegment[];
-    endSegments: TimeRangeFieldSegment[];
-    modelValue: TimeRange;
-    isInvalid: boolean;
-  }) => any;
+  trailing?: () => any;
   /**
    * Custom content for the separator slot.
    */
   separator?: () => any;
 };
 //#endregion
-export { TimeRangeFieldCompactEmits, TimeRangeFieldCompactProps, TimeRangeFieldCompactSlots, TimeRangeFieldInputProps, TimeRangeFieldRootContext, TimeRangeFieldRootEmits, TimeRangeFieldRootProps, TimeRangeFieldSegment, TimeRangeFieldUi, TimeRangeFieldUiSlot };
+export { TimeRangeFieldCompactEmits, TimeRangeFieldCompactProps, TimeRangeFieldCompactSlots, TimeRangeFieldInputProps, TimeRangeFieldRootEmits, TimeRangeFieldRootProps, TimeRangeFieldRootSlots, TimeRangeFieldSlotProps, TimeRangeFieldUi, TimeRangeFieldUiSlot };

package/dist/components/toast/toast-provider.js

@@ -1 +1 @@
-import e from"./toaster.js";import{createBlock as t,defineComponent as n,guardReactiveProps as r,normalizeProps as i,openBlock as a,renderSlot as o,withCtx as s}from"vue";const c=n({name:`ToastProvider`,__name:`toast-provider`,props:{id:{},dir:{},hotkey:{},customAriaLabel:{},containerAriaLabel:{},position:{},defaultExpanded:{type:Boolean},duration:{},gap:{},offset:{},visibleCounts:{},swipeDirections:{},showIcon:{type:Boolean},showClose:{type:Boolean},icons:{},toastProps:{},wrapperProps:{},contentProps:{},titleProps:{},descriptionProps:{},iconProps:{},footerProps:{},actionProps:{},cancelProps:{},closeProps:{}},setup(n){let c=n;return(n,l)=>(a(),t(e,i(r(c)),{default:s(()=>[o(n.$slots,`default`)]),_:3},16))}});export{c as default};
+import e from"./toaster.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,withCtx as o}from"vue";const s=n({name:`ToastProvider`,__name:`toast-provider`,props:{id:{},dir:{},hotkey:{},customAriaLabel:{},containerAriaLabel:{},position:{},defaultExpanded:{type:Boolean},duration:{},gap:{},offset:{},visibleCounts:{},swipeDirections:{},showIcon:{type:Boolean},showClose:{type:Boolean},icons:{},toastProps:{},wrapperProps:{},contentProps:{},titleProps:{},descriptionProps:{},iconProps:{},footerProps:{},actionProps:{},cancelProps:{},closeProps:{}},setup(n){let s=n;return(n,c)=>(i(),t(e,r({"data-soybean-toast-provider":``},s),{default:o(()=>[a(n.$slots,`default`)]),_:3},16))}});export{s as default};

package/dist/components/toast/toast.js

@@ -1 +1 @@
-import e from"../_icon/icon.js";import t from"../button/button.js";import n from"../_common/dynamic-render.js";import{useToastUi as r,useToasterContext as i}from"./context.js";import{getDefaultSwipeDirections as ee,getSwipeAmount as a,resetSwipeAmount as te,setSwipeAmount as ne,toastCssVars as o}from"./shared.js";import{Fragment as re,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createVNode as f,defineComponent as p,mergeProps as m,onWatcherCleanup as ie,openBlock as h,resolveDynamicComponent as g,shallowRef as _,unref as v,useTemplateRef as y,watch as b,watchEffect as ae,withCtx as x}from"vue";import{useDocumentVisibility as oe,useElementSize as se,useMounted as ce}from"@vueuse/core";const le=[`dir`,`data-rich-color`,`data-inverted`,`data-mounted`,`data-promise`,`data-swiped`,`data-removed`,`data-visible`,`data-y-position`,`data-x-position`,`data-index`,`data-front`,`data-swiping`,`data-dismissible`,`data-type`,`data-swipe-out`,`data-swipe-direction`,`data-expanded`,`data-testid`],S=p({name:`Toast`,__name:`toast`,props:{index:{},toast:{},position:{}},emits:[`update:height`,`remove`],setup(p,{emit:S}){let C=p,w=S,{dir:ue,allToasts:de,allHeights:T,gap:fe,duration:E,visibleCounts:pe,defaultExpanded:D,swipeDirections:me,interactingPosition:he,expandedPosition:O,showIcon:ge,showClose:_e,icons:k,toastProps:ve,wrapperProps:ye,contentProps:be,titleProps:xe,descriptionProps:Se,iconProps:Ce,footerProps:we,actionProps:Te,cancelProps:Ee,closeProps:De}=i(`Toast`),A=r(),j=y(`toast`),Oe=y(`wrapper`),M=ce(),{height:ke}=se(Oe),Ae=oe(),N=_(null),P=_(null),F=_(!1),I=_(!1),L=_(!1),R=_(!1),z=_(0),B=_(0),V=_(C.toast.duration??E.value),H=_(null),U=_(0),W=_(0),G=_(null),K=s(()=>C.toast.type),q=s(()=>{if(ge.value){if(C.toast.icon)return C.toast.icon;if(K.value&&K.value!==`default`)return k.value[K.value];if(C.toast.promise)return k.value.loading}}),je=s(()=>C.index===0),Me=s(()=>C.index+1<=pe.value),J=s(()=>K.value===`loading`),Y=s(()=>C.toast.dismissible!==!1),X=s(()=>Math.max(T.value[C.position].findIndex(e=>e.toastId===C.toast.id),0)),Ne=s(()=>(C.toast.showClose||_e.value)&&Y.value&&K.value!==`loading`),Pe=s(()=>C.toast.duration??E.value),Z=s(()=>{let[e,t]=C.position.split(`-`);return{x:t,y:e}}),Fe=s(()=>T.value[C.position].reduce((e,t,n)=>n>=X.value?e:e+t.height,0)),Q=s(()=>X.value*fe.value+Fe.value),Ie=s(()=>O.value===C.position||D.value&&M.value),Le=s(()=>({[o.index]:C.index,[o.beforeIndex]:C.index,[o.zIndex]:de.value[C.position].length-C.index,[o.offset]:`${F.value?z.value:Q.value}px`,[o.initialHeight]:D.value?`auto`:`${B.value}px`})),$=()=>{F.value=!0,z.value=Q.value,window.setTimeout(()=>{w(`remove`,C.toast)},200)},Re=()=>{J.value||!Y.value||($(),C.toast.onDismiss?.(C.toast))},ze=e=>{e.button!==2&&(J.value||!Y.value||(H.value=new Date,z.value=Q.value,e.target.setPointerCapture(e.pointerId),e.target.tagName!==`BUTTON`&&(I.value=!0,G.value={x:e.clientX,y:e.clientY})))},Be=()=>{if(L.value||!Y.value)return;G.value=null;let{x:e,y:t}=a(j.value),n=Date.now()-(H.value?.getTime()??Date.now()),r=N.value===`x`?e:t,i=Math.abs(r)/Math.max(n,1);if(Math.abs(r)>=45||i>.11){z.value=Q.value,C.toast.onDismiss?.(C.toast),N.value===`x`?P.value=e>0?`right`:`left`:P.value=t>0?`down`:`up`,$(),L.value=!0;return}te(j.value),R.value=!1,I.value=!1,N.value=null},Ve=e=>{if(!G.value||!Y.value||(typeof window<`u`?window.getSelection()?.toString().length??0:0)>0)return;let t=e.clientY-G.value.y,n=e.clientX-G.value.x,r=me.value??ee(C.position);!N.value&&(Math.abs(n)>1||Math.abs(t)>1)&&(N.value=Math.abs(n)>Math.abs(t)?`x`:`y`);let i={x:0,y:0},a=e=>1/(1.5+Math.abs(e)/20);if(N.value===`y`){if(r.includes(`up`)||r.includes(`down`))if(r.includes(`up`)&&t<0||r.includes(`down`)&&t>0)i.y=t;else{let e=t*a(t);i.y=Math.abs(e)<Math.abs(t)?e:t}}else if(N.value===`x`&&(r.includes(`left`)||r.includes(`right`)))if(r.includes(`left`)&&n<0||r.includes(`right`)&&n>0)i.x=n;else{let e=n*a(n);i.x=Math.abs(e)<Math.abs(n)?e:n}(Math.abs(i.x)>0||Math.abs(i.y)>0)&&(R.value=!0),ne(j.value,i)},He=()=>{I.value=!1,N.value=null,G.value=null},Ue=e=>{C.toast.onAction?.(e),!e.defaultPrevented&&$()},We=e=>{C.toast.onCancel?.(e),Y.value&&$()};function Ge(e){B.value=e,w(`update:height`,{toastId:C.toast.id,height:e,position:C.toast.position??C.position})}function Ke(){let e=j.value;if(!e)return;let t=e.style.height;e.style.height=`auto`;let n=e.getBoundingClientRect().height;e.style.height=t,Ge(n)}return b(Pe,e=>{V.value=e},{immediate:!0}),b(ke,e=>{M.value&&e&&Ke()},{flush:`post`}),b(()=>C.toast.delete,e=>{e&&($(),C.toast.onDismiss?.(C.toast))}),ae(()=>{let e=C.toast;if(e.type===`loading`||e.promise||e.duration===1/0)return;let t;O.value===C.position||he.value===C.position||Ae.value===`hidden`?(()=>{if(W.value<U.value){let e=Date.now()-U.value;V.value-=e}W.value=Date.now()})():V.value!==1/0&&(U.value=Date.now(),t=setTimeout(()=>{C.toast.onAutoClose?.(C.toast),$()},V.value)),ie(()=>{t!==void 0&&clearTimeout(t)})}),(r,i)=>(h(),u(`li`,m(v(ve),{ref:`toast`,class:[v(A).toast,p.toast.ui?.toast],dir:v(ue),tabindex:`0`,"data-slot":`toast`,"data-rich-color":p.toast.richColor,"data-inverted":p.toast.inverted,"data-mounted":v(M),"data-promise":!!p.toast.promise,"data-swiped":R.value,"data-removed":F.value,"data-visible":Me.value,"data-y-position":Z.value.y,"data-x-position":Z.value.x,"data-index":p.index,"data-front":je.value,"data-swiping":I.value,"data-dismissible":Y.value,"data-type":K.value,"data-swipe-out":L.value,"data-swipe-direction":P.value,"data-expanded":Ie.value,"data-testid":p.toast.testId,style:Le.value,onDragend:He,onPointerdown:ze,onPointerup:Be,onPointermove:Ve}),[d(`div`,m({ref:`wrapper`},v(ye),{class:[v(A).wrapper,p.toast.ui?.wrapper],"data-slot":`wrapper`}),[p.toast.custom?(h(),c(g(p.toast.custom),{key:0})):(h(),u(re,{key:1},[d(`h3`,m(v(xe),{class:[v(A).title,p.toast.ui?.title],"data-slot":`title`}),[q.value?(h(),c(e,m({key:0},v(Ce),{icon:q.value,class:[v(A).icon,p.toast.ui?.icon]}),null,16,[`icon`,`class`])):l(`v-if`,!0),f(n,{is:p.toast.title},null,8,[`is`])],16),p.toast.description?(h(),u(`p`,m({key:0},v(Se),{class:[v(A).description,p.toast.ui?.description],"data-slot":`description`}),[f(n,{is:p.toast.description},null,8,[`is`])],16)):l(`v-if`,!0),p.toast.content?(h(),c(g(p.toast.content),m({key:1},v(be),{class:[v(A).content,p.toast.ui?.content],"data-slot":`content`}),null,16,[`class`])):l(`v-if`,!0),p.toast.action||p.toast.cancel?(h(),u(`div`,m({key:2},v(we),{class:[v(A).footer,p.toast.ui?.footer],"data-slot":`footer`}),[p.toast.cancel?(h(),c(t,m({key:0},v(Ee),{class:[v(A).cancel,p.toast.ui?.cancel],"data-slot":`cancel`,onClick:We}),{default:x(()=>[f(n,{is:p.toast.cancel},null,8,[`is`])]),_:1},16,[`class`])):l(`v-if`,!0),p.toast.action?(h(),c(t,m({key:1},v(Te),{class:[v(A).action,p.toast.ui?.action],"data-slot":`action`,onClick:Ue}),{default:x(()=>[f(n,{is:p.toast.action},null,8,[`is`])]),_:1},16,[`class`])):l(`v-if`,!0)],16)):l(`v-if`,!0)],64))],16),Ne.value&&v(k)?.close?(h(),c(t,m({key:0},v(De),{class:[v(A).close,p.toast.ui?.close],"data-slot":`close`,onClick:Re}),{default:x(()=>[f(e,{icon:v(k)?.close},null,8,[`icon`])]),_:1},16,[`class`])):l(`v-if`,!0)],16,le))}});export{S as default};
+import e from"../_icon/icon.js";import t from"../button/button.js";import n from"../_common/dynamic-render.js";import{useToastUi as r,useToasterContext as i}from"./context.js";import{getDefaultSwipeDirections as ee,getSwipeAmount as a,resetSwipeAmount as te,setSwipeAmount as ne,toastCssVars as o}from"./shared.js";import{Fragment as re,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createVNode as f,defineComponent as p,mergeProps as m,onWatcherCleanup as ie,openBlock as h,resolveDynamicComponent as g,shallowRef as _,unref as v,useTemplateRef as y,watch as b,watchEffect as ae,withCtx as x}from"vue";import{useDocumentVisibility as oe,useElementSize as se,useMounted as ce}from"@vueuse/core";const le=[`dir`,`data-rich-color`,`data-inverted`,`data-mounted`,`data-promise`,`data-swiped`,`data-removed`,`data-visible`,`data-y-position`,`data-x-position`,`data-index`,`data-front`,`data-swiping`,`data-dismissible`,`data-type`,`data-swipe-out`,`data-swipe-direction`,`data-expanded`,`data-testid`],S=p({name:`Toast`,__name:`toast`,props:{index:{},toast:{},position:{}},emits:[`update:height`,`remove`],setup(p,{emit:S}){let C=p,w=S,{dir:ue,allToasts:de,allHeights:T,gap:fe,duration:E,visibleCounts:pe,defaultExpanded:D,swipeDirections:me,interactingPosition:he,expandedPosition:O,showIcon:ge,showClose:_e,icons:k,toastProps:ve,wrapperProps:ye,contentProps:be,titleProps:xe,descriptionProps:Se,iconProps:Ce,footerProps:we,actionProps:Te,cancelProps:Ee,closeProps:De}=i(`Toast`),A=r(),j=y(`toast`),Oe=y(`wrapper`),M=ce(),{height:ke}=se(Oe),Ae=oe(),N=_(null),P=_(null),F=_(!1),I=_(!1),L=_(!1),R=_(!1),z=_(0),B=_(0),V=_(C.toast.duration??E.value),H=_(null),U=_(0),W=_(0),G=_(null),K=s(()=>C.toast.type),q=s(()=>{if(ge.value){if(C.toast.icon)return C.toast.icon;if(K.value&&K.value!==`default`)return k.value[K.value];if(C.toast.promise)return k.value.loading}}),je=s(()=>C.index===0),Me=s(()=>C.index+1<=pe.value),J=s(()=>K.value===`loading`),Y=s(()=>C.toast.dismissible!==!1),X=s(()=>Math.max(T.value[C.position].findIndex(e=>e.toastId===C.toast.id),0)),Ne=s(()=>(C.toast.showClose||_e.value)&&Y.value&&K.value!==`loading`),Pe=s(()=>C.toast.duration??E.value),Z=s(()=>{let[e,t]=C.position.split(`-`);return{x:t,y:e}}),Fe=s(()=>T.value[C.position].reduce((e,t,n)=>n>=X.value?e:e+t.height,0)),Q=s(()=>X.value*fe.value+Fe.value),Ie=s(()=>O.value===C.position||D.value&&M.value),Le=s(()=>({[o.index]:C.index,[o.beforeIndex]:C.index,[o.zIndex]:de.value[C.position].length-C.index,[o.offset]:`${F.value?z.value:Q.value}px`,[o.initialHeight]:D.value?`auto`:`${B.value}px`})),$=()=>{F.value=!0,z.value=Q.value,window.setTimeout(()=>{w(`remove`,C.toast)},200)},Re=()=>{J.value||!Y.value||($(),C.toast.onDismiss?.(C.toast))},ze=e=>{e.button!==2&&(J.value||!Y.value||(H.value=new Date,z.value=Q.value,e.target.setPointerCapture(e.pointerId),e.target.tagName!==`BUTTON`&&(I.value=!0,G.value={x:e.clientX,y:e.clientY})))},Be=()=>{if(L.value||!Y.value)return;G.value=null;let{x:e,y:t}=a(j.value),n=Date.now()-(H.value?.getTime()??Date.now()),r=N.value===`x`?e:t,i=Math.abs(r)/Math.max(n,1);if(Math.abs(r)>=45||i>.11){z.value=Q.value,C.toast.onDismiss?.(C.toast),N.value===`x`?P.value=e>0?`right`:`left`:P.value=t>0?`down`:`up`,$(),L.value=!0;return}te(j.value),R.value=!1,I.value=!1,N.value=null},Ve=e=>{if(!G.value||!Y.value||(typeof window<`u`?window.getSelection()?.toString().length??0:0)>0)return;let t=e.clientY-G.value.y,n=e.clientX-G.value.x,r=me.value??ee(C.position);!N.value&&(Math.abs(n)>1||Math.abs(t)>1)&&(N.value=Math.abs(n)>Math.abs(t)?`x`:`y`);let i={x:0,y:0},a=e=>1/(1.5+Math.abs(e)/20);if(N.value===`y`){if(r.includes(`up`)||r.includes(`down`))if(r.includes(`up`)&&t<0||r.includes(`down`)&&t>0)i.y=t;else{let e=t*a(t);i.y=Math.abs(e)<Math.abs(t)?e:t}}else if(N.value===`x`&&(r.includes(`left`)||r.includes(`right`)))if(r.includes(`left`)&&n<0||r.includes(`right`)&&n>0)i.x=n;else{let e=n*a(n);i.x=Math.abs(e)<Math.abs(n)?e:n}(Math.abs(i.x)>0||Math.abs(i.y)>0)&&(R.value=!0),ne(j.value,i)},He=()=>{I.value=!1,N.value=null,G.value=null},Ue=e=>{C.toast.onAction?.(e),!e.defaultPrevented&&$()},We=e=>{C.toast.onCancel?.(e),Y.value&&$()};function Ge(e){B.value=e,w(`update:height`,{toastId:C.toast.id,height:e,position:C.toast.position??C.position})}function Ke(){let e=j.value;if(!e)return;let t=e.style.height;e.style.height=`auto`;let n=e.getBoundingClientRect().height;e.style.height=t,Ge(n)}return b(Pe,e=>{V.value=e},{immediate:!0}),b(ke,e=>{M.value&&e&&Ke()},{flush:`post`}),b(()=>C.toast.delete,e=>{e&&($(),C.toast.onDismiss?.(C.toast))}),ae(()=>{let e=C.toast;if(e.type===`loading`||e.promise||e.duration===1/0)return;let t;O.value===C.position||he.value===C.position||Ae.value===`hidden`?(()=>{if(W.value<U.value){let e=Date.now()-U.value;V.value-=e}W.value=Date.now()})():V.value!==1/0&&(U.value=Date.now(),t=setTimeout(()=>{C.toast.onAutoClose?.(C.toast),$()},V.value)),ie(()=>{t!==void 0&&clearTimeout(t)})}),(r,i)=>(h(),u(`li`,m(v(ve),{ref:`toast`,"data-soybean-toast":``,class:[v(A).toast,p.toast.ui?.toast],dir:v(ue),tabindex:`0`,"data-rich-color":p.toast.richColor,"data-inverted":p.toast.inverted,"data-mounted":v(M),"data-promise":!!p.toast.promise,"data-swiped":R.value,"data-removed":F.value,"data-visible":Me.value,"data-y-position":Z.value.y,"data-x-position":Z.value.x,"data-index":p.index,"data-front":je.value,"data-swiping":I.value,"data-dismissible":Y.value,"data-type":K.value,"data-swipe-out":L.value,"data-swipe-direction":P.value,"data-expanded":Ie.value,"data-testid":p.toast.testId,style:Le.value,onDragend:He,onPointerdown:ze,onPointerup:Be,onPointermove:Ve}),[d(`div`,m({ref:`wrapper`},v(ye),{class:[v(A).wrapper,p.toast.ui?.wrapper],"data-soybean-toast-wrapper":``}),[p.toast.custom?(h(),c(g(p.toast.custom),{key:0})):(h(),u(re,{key:1},[d(`h3`,m(v(xe),{class:[v(A).title,p.toast.ui?.title],"data-soybean-toast-title":``}),[q.value?(h(),c(e,m({key:0},v(Ce),{icon:q.value,class:[v(A).icon,p.toast.ui?.icon]}),null,16,[`icon`,`class`])):l(`v-if`,!0),f(n,{is:p.toast.title},null,8,[`is`])],16),p.toast.description?(h(),u(`p`,m({key:0},v(Se),{class:[v(A).description,p.toast.ui?.description],"data-soybean-toast-description":``}),[f(n,{is:p.toast.description},null,8,[`is`])],16)):l(`v-if`,!0),p.toast.content?(h(),c(g(p.toast.content),m({key:1},v(be),{class:[v(A).content,p.toast.ui?.content],"data-soybean-toast-content":``}),null,16,[`class`])):l(`v-if`,!0),p.toast.action||p.toast.cancel?(h(),u(`div`,m({key:2},v(we),{class:[v(A).footer,p.toast.ui?.footer],"data-soybean-toast-footer":``}),[p.toast.cancel?(h(),c(t,m({key:0},v(Ee),{class:[v(A).cancel,p.toast.ui?.cancel],"data-soybean-toast-cancel":``,onClick:We}),{default:x(()=>[f(n,{is:p.toast.cancel},null,8,[`is`])]),_:1},16,[`class`])):l(`v-if`,!0),p.toast.action?(h(),c(t,m({key:1},v(Te),{class:[v(A).action,p.toast.ui?.action],"data-soybean-toast-action":``,onClick:Ue}),{default:x(()=>[f(n,{is:p.toast.action},null,8,[`is`])]),_:1},16,[`class`])):l(`v-if`,!0)],16)):l(`v-if`,!0)],64))],16),Ne.value&&v(k)?.close?(h(),c(t,m({key:0},v(De),{class:[v(A).close,p.toast.ui?.close],"data-soybean-toast-close":``,onClick:Re}),{default:x(()=>[f(e,{icon:v(k)?.close},null,8,[`icon`])]),_:1},16,[`class`])):l(`v-if`,!0)],16,le))}});export{S as default};

package/dist/components/toast/toaster.js

@@ -1 +1 @@
-import{getElFromTemplateRef as e,transformPropsToContext as t}from"../../shared/vue.js";import{isClient as n}from"../../shared/env.js";import"../../shared/index.js";import{useDirection as r}from"../config-provider/context.js";import{ToastState as i}from"./state.js";import{provideToasterContext as a,useToastUi as o}from"./context.js";import{ALL_TOAST_POSITIONS as s,DEFAULT_POSITION as c,ICONS as l,TOAST_LIFETIME as u,isModifierHotkey as d,isToastDismiss as f,resolveOffset as ee,toasterCssVars as p}from"./shared.js";import{useToastState as m}from"./hooks.js";import h from"./toast.js";import{Fragment as g,computed as _,createBlock as v,createElementBlock as y,createElementVNode as b,defineComponent as x,mergeProps as S,nextTick as te,onBeforeUnmount as C,onWatcherCleanup as w,openBlock as T,renderList as E,renderSlot as ne,shallowRef as D,unref as O,useAttrs as k,watch as A,watchEffect as j}from"vue";const M=[`aria-label`],N=[`dir`,`data-y-position`,`data-x-position`,`onBlur`,`onFocus`,`onMouseenter`,`onMousemove`,`onMouseleave`,`onDragend`,`onPointerdown`,`onPointerup`],P=x({name:`Toaster`,inheritAttrs:!1,__name:`toaster`,props:{id:{},dir:{},hotkey:{default:()=>[`altKey`,`KeyT`]},customAriaLabel:{},containerAriaLabel:{default:`Notifications`},position:{default:c},defaultExpanded:{type:Boolean},duration:{default:u},gap:{default:12},offset:{default:24},visibleCounts:{default:3},swipeDirections:{},showIcon:{type:Boolean},showClose:{type:Boolean},icons:{},toastProps:{},wrapperProps:{},contentProps:{},titleProps:{},descriptionProps:{},iconProps:{},footerProps:{},actionProps:{},cancelProps:{},closeProps:{}},setup(c){let u=c,x=k(),P=o(),F=r(()=>u.dir),I=_(()=>u.hotkey.join(`+`).replace(/Key/g,``).replace(/Digit/g,``)),L=_(()=>u.customAriaLabel??`${u.containerAriaLabel} ${I.value}`),R={},z=(t,n)=>{R[t]=e(n)},{toasts:B,allToasts:V,filtered:H,heights:U,allHeights:W,allPositions:G,positionZIndex:K}=m({id:()=>u.id,position:()=>u.position}),q=_(()=>({...l,...u.icons})),J=D(null),Y=D(null),X=D(null),Z=D(null),re=_(()=>({[p.gap]:`${u.gap}px`,...ee(u.offset)})),ie=e=>{J.value===e&&(J.value=null),Y.value===e&&(Y.value=null),Z.value===e&&(Z.value=null)},ae=e=>{R[e]?.focus()},oe=e=>{if(U.value.findIndex(t=>t.toastId===e.toastId)!==-1){U.value=U.value.map(t=>t.toastId===e.toastId?e:t);return}let t=U.value.findIndex(t=>t.position===e.position);if(t!==-1){U.value=[...U.value.slice(0,t),e,...U.value.slice(t)];return}U.value=[e,...U.value]},se=e=>{let t=B.value.findIndex(t=>t.id===e.id);if(t!==-1){let n=Object.assign({},B.value[t],e);B.value=[...B.value.slice(0,t),n,...B.value.slice(t+1)];return}B.value=[e,...B.value]},Q=e=>{B.value=B.value.filter(t=>t.id===e.id?(t.delete||i.dismiss(e.id),!1):!0),U.value=U.value.filter(t=>t.toastId!==e.id)},ce=(e,t)=>{let n=t.currentTarget;Z.value===e&&n&&!n.contains(t.relatedTarget)&&(Z.value=null,J.value===e&&Y.value!==e&&(J.value=null),X.value&&(X.value.focus({preventScroll:!0}),X.value=null))},le=(e,t)=>{t.target.dataset.dismissible!==`false`&&Z.value!==e&&(Z.value=e,X.value=t.relatedTarget)},$=e=>{J.value=e},ue=e=>{Y.value!==e&&Z.value!==e&&J.value===e&&(J.value=null)},de=(e,t)=>{t.target.dataset.dismissible!==`false`&&(Y.value=e,J.value=e)},fe=e=>{Y.value===e&&(Y.value=null)};return a({dir:F,allToasts:V,allHeights:W,interactingPosition:Y,expandedPosition:J,icons:q,...t(u,[`gap`,`duration`,`visibleCounts`,`defaultExpanded`,`swipeDirections`,`showIcon`,`showClose`,`toastProps`,`wrapperProps`,`contentProps`,`titleProps`,`descriptionProps`,`iconProps`,`footerProps`,`actionProps`,`cancelProps`,`closeProps`])}),j(()=>{let e=i.subscribe(e=>{if(f(e)){requestAnimationFrame(()=>{B.value=B.value.map(t=>t.id===e.id?{...t,delete:!0}:t)});return}te(()=>{se(e)})});w(()=>{e()})},{flush:`post`}),A(()=>B.value.length,e=>{e===0&&(J.value=null,Y.value=null,Z.value=null)}),A(()=>H.value,e=>{let t=new Set(e.map(e=>e.position??u.position));J.value&&!t.has(J.value)&&(J.value=null),Y.value&&!t.has(Y.value)&&(Y.value=null),Z.value&&!t.has(Z.value)&&(Z.value=null)},{deep:!0}),j(()=>{if(!n)return;let e=e=>{if(u.hotkey.length>0&&u.hotkey.every(t=>d(t)?e[t]:e.code===t)){let e=H.value[0]?.position??u.position??G.value[0];J.value=e,ae(e)}let t=Object.values(R).some(e=>e===document.activeElement||e?.contains(document.activeElement));e.code===`Escape`&&t&&(J.value=null,Z.value=null)};document.addEventListener(`keydown`,e),w(()=>{document.removeEventListener(`keydown`,e)})}),C(()=>{X.value&&(X.value.focus({preventScroll:!0}),X.value=null,Z.value=null)}),(e,t)=>(T(),y(g,null,[b(`section`,{"aria-label":L.value,tabindex:`-1`,"aria-live":`polite`,"aria-relevant":`additions text`,"aria-atomic":`false`},[(T(!0),y(g,null,E(O(s),e=>(T(),y(`ol`,S({key:e},{ref_for:!0},O(x),{ref_for:!0,ref:t=>z(e,t),class:O(P).toaster,tabindex:`-1`,dir:O(F),"data-slot":`toaster`,"data-y-position":e.split(`-`)[0],"data-x-position":e.split(`-`)[1],style:{"--z-index":O(K)[e],"--front-toast-height":`${O(W)[e][0]?.height??0}px`,...re.value},onBlur:t=>ce(e,t),onFocus:t=>le(e,t),onMouseenter:t=>$(e),onMousemove:t=>$(e),onMouseleave:t=>ue(e),onDragend:t=>ie(e),onPointerdown:t=>de(e,t),onPointerup:t=>fe(e)}),[(T(!0),y(g,null,E(O(V)[e],(t,n)=>(T(),v(h,{key:t.id,index:n,toast:t,position:e,"onUpdate:height":oe,onRemove:Q},null,8,[`index`,`toast`,`position`]))),128))],16,N))),128))],8,M),ne(e.$slots,`default`)],64))}});export{P as default};
+import{getElFromTemplateRef as e,transformPropsToContext as t}from"../../shared/vue.js";import{isClient as n}from"../../shared/env.js";import{useDirection as r}from"../config-provider/context.js";import"../../shared/index.js";import{ToastState as i}from"./state.js";import{provideToasterContext as a,useToastUi as o}from"./context.js";import{ALL_TOAST_POSITIONS as s,DEFAULT_POSITION as c,ICONS as l,TOAST_LIFETIME as u,isModifierHotkey as d,isToastDismiss as f,resolveOffset as ee,toasterCssVars as p}from"./shared.js";import{useToastState as m}from"./hooks.js";import h from"./toast.js";import{Fragment as g,computed as _,createBlock as v,createElementBlock as y,createElementVNode as b,defineComponent as x,mergeProps as S,nextTick as te,onBeforeUnmount as C,onWatcherCleanup as w,openBlock as T,renderList as E,renderSlot as ne,shallowRef as D,unref as O,useAttrs as k,watch as A,watchEffect as j}from"vue";const M=[`aria-label`],N=[`dir`,`data-y-position`,`data-x-position`,`onBlur`,`onFocus`,`onMouseenter`,`onMousemove`,`onMouseleave`,`onDragend`,`onPointerdown`,`onPointerup`],P=x({name:`Toaster`,inheritAttrs:!1,__name:`toaster`,props:{id:{},dir:{},hotkey:{default:()=>[`altKey`,`KeyT`]},customAriaLabel:{},containerAriaLabel:{default:`Notifications`},position:{default:c},defaultExpanded:{type:Boolean},duration:{default:u},gap:{default:12},offset:{default:24},visibleCounts:{default:3},swipeDirections:{},showIcon:{type:Boolean},showClose:{type:Boolean},icons:{},toastProps:{},wrapperProps:{},contentProps:{},titleProps:{},descriptionProps:{},iconProps:{},footerProps:{},actionProps:{},cancelProps:{},closeProps:{}},setup(c){let u=c,x=k(),P=o(),F=r(()=>u.dir),I=_(()=>u.hotkey.join(`+`).replace(/Key/g,``).replace(/Digit/g,``)),L=_(()=>u.customAriaLabel??`${u.containerAriaLabel} ${I.value}`),R={},z=(t,n)=>{R[t]=e(n)},{toasts:B,allToasts:V,filtered:H,heights:U,allHeights:W,allPositions:G,positionZIndex:K}=m({id:()=>u.id,position:()=>u.position}),q=_(()=>({...l,...u.icons})),J=D(null),Y=D(null),X=D(null),Z=D(null),re=_(()=>({[p.gap]:`${u.gap}px`,...ee(u.offset)})),ie=e=>{J.value===e&&(J.value=null),Y.value===e&&(Y.value=null),Z.value===e&&(Z.value=null)},ae=e=>{R[e]?.focus()},oe=e=>{if(U.value.findIndex(t=>t.toastId===e.toastId)!==-1){U.value=U.value.map(t=>t.toastId===e.toastId?e:t);return}let t=U.value.findIndex(t=>t.position===e.position);if(t!==-1){U.value=[...U.value.slice(0,t),e,...U.value.slice(t)];return}U.value=[e,...U.value]},se=e=>{let t=B.value.findIndex(t=>t.id===e.id);if(t!==-1){let n=Object.assign({},B.value[t],e);B.value=[...B.value.slice(0,t),n,...B.value.slice(t+1)];return}B.value=[e,...B.value]},Q=e=>{B.value=B.value.filter(t=>t.id===e.id?(t.delete||i.dismiss(e.id),!1):!0),U.value=U.value.filter(t=>t.toastId!==e.id)},ce=(e,t)=>{let n=t.currentTarget;Z.value===e&&n&&!n.contains(t.relatedTarget)&&(Z.value=null,J.value===e&&Y.value!==e&&(J.value=null),X.value&&(X.value.focus({preventScroll:!0}),X.value=null))},le=(e,t)=>{t.target.dataset.dismissible!==`false`&&Z.value!==e&&(Z.value=e,X.value=t.relatedTarget)},$=e=>{J.value=e},ue=e=>{Y.value!==e&&Z.value!==e&&J.value===e&&(J.value=null)},de=(e,t)=>{t.target.dataset.dismissible!==`false`&&(Y.value=e,J.value=e)},fe=e=>{Y.value===e&&(Y.value=null)};return a({dir:F,allToasts:V,allHeights:W,interactingPosition:Y,expandedPosition:J,icons:q,...t(u,[`gap`,`duration`,`visibleCounts`,`defaultExpanded`,`swipeDirections`,`showIcon`,`showClose`,`toastProps`,`wrapperProps`,`contentProps`,`titleProps`,`descriptionProps`,`iconProps`,`footerProps`,`actionProps`,`cancelProps`,`closeProps`])}),j(()=>{let e=i.subscribe(e=>{if(f(e)){requestAnimationFrame(()=>{B.value=B.value.map(t=>t.id===e.id?{...t,delete:!0}:t)});return}te(()=>{se(e)})});w(()=>{e()})},{flush:`post`}),A(()=>B.value.length,e=>{e===0&&(J.value=null,Y.value=null,Z.value=null)}),A(()=>H.value,e=>{let t=new Set(e.map(e=>e.position??u.position));J.value&&!t.has(J.value)&&(J.value=null),Y.value&&!t.has(Y.value)&&(Y.value=null),Z.value&&!t.has(Z.value)&&(Z.value=null)},{deep:!0}),j(()=>{if(!n)return;let e=e=>{if(u.hotkey.length>0&&u.hotkey.every(t=>d(t)?e[t]:e.code===t)){let e=H.value[0]?.position??u.position??G.value[0];J.value=e,ae(e)}let t=Object.values(R).some(e=>e===document.activeElement||e?.contains(document.activeElement));e.code===`Escape`&&t&&(J.value=null,Z.value=null)};document.addEventListener(`keydown`,e),w(()=>{document.removeEventListener(`keydown`,e)})}),C(()=>{X.value&&(X.value.focus({preventScroll:!0}),X.value=null,Z.value=null)}),(e,t)=>(T(),y(g,null,[b(`section`,{"data-soybean-toaster-container":``,"aria-label":L.value,tabindex:`-1`,"aria-live":`polite`,"aria-relevant":`additions text`,"aria-atomic":`false`},[(T(!0),y(g,null,E(O(s),e=>(T(),y(`ol`,S({key:e},{ref_for:!0},O(x),{ref_for:!0,ref:t=>z(e,t),class:O(P).toaster,tabindex:`-1`,dir:O(F),"data-soybean-toaster":``,"data-y-position":e.split(`-`)[0],"data-x-position":e.split(`-`)[1],style:{"--z-index":O(K)[e],"--front-toast-height":`${O(W)[e][0]?.height??0}px`,...re.value},onBlur:t=>ce(e,t),onFocus:t=>le(e,t),onMouseenter:t=>$(e),onMousemove:t=>$(e),onMouseleave:t=>ue(e),onDragend:t=>ie(e),onPointerdown:t=>de(e,t),onPointerup:t=>fe(e)}),[(T(!0),y(g,null,E(O(V)[e],(t,n)=>(T(),v(h,{key:t.id,index:n,toast:t,position:e,"onUpdate:height":oe,onRemove:Q},null,8,[`index`,`toast`,`position`]))),128))],16,N))),128))],8,M),ne(e.$slots,`default`)],64))}});export{P as default};

package/dist/components/toast/toaster.vue.d.ts

@@ -9,10 +9,10 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<ToasterProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ToasterProps> & Readonly<{}>, {
   offset: ToastOffset;
   duration: number;
+  gap: number;
   position: ToastPosition;
   hotkey: string[];
   containerAriaLabel: string;
-  gap: number;
   visibleCounts: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,5 +1,6 @@
-import { IconValue } from "../_icon/types.js";
 import { Direction, Side, SwipeDirection, UiClass } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
+import { IconValue } from "../_icon/types.js";
 import { ComputedRef, HTMLAttributes, LiHTMLAttributes, OlHTMLAttributes, ShallowRef, VNode } from "vue";
 
 //#region src/components/toast/types.d.ts
@@ -12,19 +13,19 @@ type ToastType = 'default' | 'success' | 'info' | 'warning' | 'error' | 'loading
  */
 type ToastIconType = Exclude<ToastType, 'default'> | 'close';
 /**
- * Type information for the toast position component.
+ * Type information for ToastPosition.
  */
 type ToastPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
 /**
- * Type information for the toast offset component.
+ * Type information for ToastOffset.
  */
 type ToastOffset = Partial<Record<Side, number>> | number;
 /**
- * Type information for the toast promise component.
+ * Type information for ToastPromise.
  */
 type ToastPromise<Data = any> = Promise<Data> | (() => Promise<Data>);
 /**
- * Type information for the toast t component.
+ * Type information for ToastT.
  */
 interface ToastT {
   /**
@@ -125,7 +126,7 @@ interface ToastT {
   testId?: string;
 }
 /**
- * Type information for the toast external component.
+ * Type information for ToastExternal.
  */
 interface ToastExternal extends Omit<ToastT, 'id' | 'type' | 'title' | 'content' | 'custom' | 'promise' | 'delete'> {
   /**
@@ -134,7 +135,7 @@ interface ToastExternal extends Omit<ToastT, 'id' | 'type' | 'title' | 'content'
   id?: number | string;
 }
 /**
- * Type information for the toast create options component.
+ * Type information for ToastCreateOptions.
  */
 interface ToastCreateOptions extends Omit<ToastT, 'id' | 'delete' | 'title'> {
   /**
@@ -147,9 +148,9 @@ interface ToastCreateOptions extends Omit<ToastT, 'id' | 'delete' | 'title'> {
   message?: VNode | string;
 }
 /**
- * Props for the toaster component.
+ * Properties for the Toaster component.
  */
-interface ToasterProps extends /** @vue-ignore */OlHTMLAttributes {
+interface ToasterProps extends BaseProps<OlHTMLAttributes> {
   /**
    * Id.
    */
@@ -215,52 +216,52 @@ interface ToasterProps extends /** @vue-ignore */OlHTMLAttributes {
    */
   icons?: Partial<Record<ToastIconType, IconValue>>;
   /**
-   * Props forwarded to the toast element.
+   * Properties forwarded to the toast element.
    */
   toastProps?: LiHTMLAttributes;
   /**
-   * Props forwarded to the wrapper element.
+   * Properties forwarded to the wrapper element.
    */
   wrapperProps?: HTMLAttributes;
   /**
-   * Props forwarded to the content element.
+   * Properties forwarded to the content element.
    */
   contentProps?: HTMLAttributes;
   /**
-   * Props forwarded to the title element.
+   * Properties forwarded to the title element.
    */
   titleProps?: HTMLAttributes;
   /**
-   * Props forwarded to the description element.
+   * Properties forwarded to the description element.
    */
   descriptionProps?: HTMLAttributes;
   /**
-   * Props forwarded to the icon component.
+   * Properties forwarded to the icon component.
    */
   iconProps?: HTMLAttributes;
   /**
-   * Props forwarded to the footer element.
+   * Properties forwarded to the footer element.
    */
   footerProps?: HTMLAttributes;
   /**
-   * Props forwarded to the action element.
+   * Properties forwarded to the action element.
    */
   actionProps?: HTMLAttributes;
   /**
-   * Props forwarded to the cancel element.
+   * Properties forwarded to the cancel element.
    */
   cancelProps?: HTMLAttributes;
   /**
-   * Props forwarded to the close element.
+   * Properties forwarded to the close element.
    */
   closeProps?: HTMLAttributes;
 }
 /**
- * Props for the toast provider component.
+ * Properties for the ToastProvider component.
  */
 interface ToastProviderProps extends ToasterProps {}
 /**
- * Type information for the toast dismiss component.
+ * Type information for ToastDismiss.
  */
 interface ToastDismiss {
   /**
@@ -273,11 +274,11 @@ interface ToastDismiss {
   dismiss: boolean;
 }
 /**
- * Type information for the toast or dismiss component.
+ * Type information for ToastOrDismiss.
  */
 type ToastOrDismiss = ToastT | ToastDismiss;
 /**
- * Type information for the toast promise result component.
+ * Type information for ToastPromiseResult.
  */
 interface ToastPromiseResult extends ToastExternal {
   /**
@@ -286,11 +287,11 @@ interface ToastPromiseResult extends ToastExternal {
   message: VNode | string;
 }
 /**
- * Type information for the toast promise resolver component.
+ * Type information for ToastPromiseResolver.
  */
 type ToastPromiseResolver<Result, Data = any> = Result | ((data: Data) => Result | Promise<Result>);
 /**
- * Type information for the toast promise data component.
+ * Type information for ToastPromiseData.
  */
 type ToastPromiseData<ToastData = any> = Omit<ToastExternal, 'description'> & {
   /**
@@ -315,11 +316,11 @@ type ToastPromiseData<ToastData = any> = Omit<ToastExternal, 'description'> & {
   finally?: () => void | Promise<void>;
 };
 /**
- * Available UI slots for the toast component.
+ * Available UI slots for the Toast component.
  */
 type ToastUiSlot = 'toaster' | 'toast' | 'wrapper' | 'content' | 'title' | 'description' | 'icon' | 'footer' | 'action' | 'cancel' | 'close';
 /**
- * UI class overrides for the toast component.
+ * UI class overrides for the Toast component.
  */
 type ToastUi = UiClass<ToastUiSlot>;
 //#endregion

package/dist/components/toggle/toggle.js

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

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

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { ToggleProps, ToggleState } from "./types.js";
 import * as _$vue from "vue";
 
@@ -17,10 +16,8 @@ declare const __VLS_base: _$vue.DefineComponent<ToggleProps, {}, {}, {}, {}, _$v
 }, string, _$vue.PublicProps, Readonly<ToggleProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-  type: "button" | "submit" | "reset";
-  disabled: boolean;
-  as: AsTag | _$vue.Component;
   modelValue: boolean;
+  defaultValue: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,15 +1,14 @@
-import { PrimitiveProps } from "../primitive/types.js";
-import { ButtonHTMLAttributes } from "vue";
+import { ButtonProps } from "../button/types.js";
 
 //#region src/components/toggle/types.d.ts
 /**
- * State values for the toggle component.
+ * State values for ToggleState.
  */
 type ToggleState = 'on' | 'off';
 /**
- * Props for the toggle component.
+ * Properties for the Toggle component.
  */
-interface ToggleProps extends PrimitiveProps, /** @vue-ignore */Omit<ButtonHTMLAttributes, 'onClick'> {
+interface ToggleProps extends ButtonProps {
   /**
    * The pressed state of the toggle when it is initially rendered.
    */
@@ -18,13 +17,9 @@ interface ToggleProps extends PrimitiveProps, /** @vue-ignore */Omit<ButtonHTMLA
    * The controlled pressed state of the toggle. Can be bound with v-model.
    */
   modelValue?: boolean;
-  /**
-   * When `true`, prevents the user from interacting with the toggle.
-   */
-  disabled?: boolean;
 }
 /**
- * Emits for the toggle component.
+ * Events for the Toggle component.
  */
 type ToggleEmits = {
   /**

package/dist/components/toggle-group/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{useDirection as n}from"../config-provider/context.js";const[r,i]=e(`ToggleGroupRoot`,e=>{let t=n(()=>e.dir.value);return{...e,dir:t}}),[a,o]=t(`ToggleGroupUi`);export{r as provideToggleGroupRootContext,a as provideToggleGroupUi,i as useToggleGroupRootContext,o as useToggleGroupUi};
+import{useContext as e}from"../../composables/use-context.js";import{useDirection as t}from"../config-provider/context.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[r,i]=e(`ToggleGroupRoot`,e=>{let n=t(()=>e.dir.value);return{...e,dir:n}}),[a,o]=n(`ToggleGroupUi`);export{r as provideToggleGroupRootContext,a as provideToggleGroupUi,i as useToggleGroupRootContext,o as useToggleGroupUi};

package/dist/components/toggle-group/toggle-group-item.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 n from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useToggleGroupRootContext as r,useToggleGroupUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,resolveDynamicComponent as d,unref as f,withCtx as p}from"vue";const m=s({name:`ToggleGroupItem`,__name:`toggle-group-item`,props:{value:{},disabled:{type:Boolean,default:!1},type:{default:`button`},asChild:{type:Boolean},as:{default:`button`}},setup(s){let m=s,h=i(`item`),{disabled:g,rovingFocus:_,orientation:v,isValueSelected:y,onModelValueChange:b}=r(`ToggleGroupItem`),x=a(()=>g.value||m.disabled),S=a(()=>y(m.value)),C=e(m,[`as`,`value`],()=>_.value?{focusable:!x.value,active:S.value}:{}),w=a(()=>S.value?`on`:`off`),T=()=>{x.value||b(m.value)};return(e,r)=>(l(),o(d(f(_)?f(n):f(t)),c(f(C),{as:s.as,"as-child":s.asChild,class:f(h),"aria-pressed":S.value?`true`:`false`,"data-state":w.value,"data-orientation":f(v),disabled:x.value,onClick:T}),{default:p(()=>[u(e.$slots,`default`,{pressed:S.value,disabled:x.value})]),_:3},16,[`as`,`as-child`,`class`,`aria-pressed`,`data-state`,`data-orientation`,`disabled`]))}});export{m as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../button/button.js";import n from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useToggleGroupRootContext as r,useToggleGroupUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,resolveDynamicComponent as d,unref as f,withCtx as p}from"vue";const m=s({name:`ToggleGroupItem`,__name:`toggle-group-item`,props:{value:{},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let m=s,h=i(`item`),{disabled:g,rovingFocus:_,orientation:v,isValueSelected:y,onModelValueChange:b}=r(`ToggleGroupItem`),x=a(()=>g.value||m.disabled),S=a(()=>y(m.value)),C=e(m,[`value`],a(()=>_.value?{focusable:!x.value,active:S.value}:{})),w=a(()=>S.value?`on`:`off`),T=()=>{b(m.value)};return(e,r)=>(l(),o(d(f(_)?f(n):t),c(f(C),{as:f(_)?t:m.as,"data-soybean-toggle-group-item":``,class:f(h),"aria-pressed":S.value?`true`:`false`,"data-state":w.value,"data-orientation":f(v),disabled:x.value,onClick:T}),{default:p(()=>[u(e.$slots,`default`,{pressed:S.value,disabled:x.value})]),_:3},16,[`as`,`class`,`aria-pressed`,`data-state`,`data-orientation`,`disabled`]))}});export{m as default};

package/dist/components/toggle-group/toggle-group-root.js

@@ -1 +1 @@
-import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useSelection as r}from"../../composables/use-selection.js";import"../../composables/index.js";import{Primitive as i}from"../primitive/primitive.js";import"../primitive/index.js";import a from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import o from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{provideToggleGroupRootContext as s,useToggleGroupUi as c}from"./context.js";import{computed as l,createBlock as u,createCommentVNode as d,defineComponent as f,mergeProps as p,openBlock as m,renderSlot as h,resolveDynamicComponent as g,unref as _,withCtx as v}from"vue";const y=f({name:`ToggleGroupRoot`,__name:`toggle-group-root`,props:{rovingFocus:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},orientation:{default:`horizontal`},dir:{},loop:{type:Boolean,default:!0},modelValue:{default:void 0},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},selectionBehavior:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(f,{emit:y}){let b=f,x=y,S=c(`root`),[C,w]=n(),{modelValue:T,onModelValueChange:E,isValueSelected:D,isMultiple:O}=r(b,e=>x(`update:modelValue`,e)),k=l(()=>e(C.value)),A=l(j);function j(){let{rovingFocus:e,loop:t,dir:n,orientation:r}=b;return e?{loop:t,dir:n,orientation:r}:{}}let M=e=>{E(e)},N=e=>D(e);return s({...t(b,[`disabled`,`rovingFocus`,`orientation`,`dir`,`loop`,`name`,`required`]),modelValue:T,onModelValueChange:M,isValueSelected:N,isMultiple:O}),(e,t)=>(m(),u(g(f.rovingFocus?_(o):_(i)),p(A.value,{ref:_(w),as:f.as,"as-child":f.asChild,class:_(S),dir:f.dir,role:`group`,"data-disabled":f.disabled?``:void 0,"data-orientation":f.orientation}),{default:v(()=>[h(e.$slots,`default`,{modelValue:_(T)}),k.value&&f.name?(m(),u(_(a),{key:0,name:f.name,value:_(T),disabled:f.disabled,required:f.required},null,8,[`name`,`value`,`disabled`,`required`])):d(`v-if`,!0)]),_:3},16,[`as`,`as-child`,`class`,`dir`,`data-disabled`,`data-orientation`]))}});export{y as default};
+import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useSelection as r}from"../../composables/use-selection.js";import"../../composables/index.js";import{Primitive as i}from"../primitive/primitive.js";import"../primitive/index.js";import a from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import o from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{provideToggleGroupRootContext as s,useToggleGroupUi as c}from"./context.js";import{computed as l,createBlock as u,createCommentVNode as d,defineComponent as f,mergeProps as p,openBlock as m,renderSlot as h,resolveDynamicComponent as g,unref as _,withCtx as v}from"vue";const y=f({name:`ToggleGroupRoot`,__name:`toggle-group-root`,props:{rovingFocus:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},orientation:{default:`horizontal`},dir:{},loop:{type:Boolean,default:!0},modelValue:{default:void 0},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},selectionBehavior:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(f,{emit:y}){let b=f,x=y,S=c(`root`),[C,w]=n(),{modelValue:T,onModelValueChange:E,isValueSelected:D,isMultiple:O}=r(b,e=>x(`update:modelValue`,e)),k=l(()=>e(C.value)),A=l(j);function j(){let{rovingFocus:e,loop:t,dir:n,orientation:r}=b;return e?{loop:t,dir:n,orientation:r}:{}}let M=e=>{E(e)},N=e=>D(e);return s({...t(b,[`disabled`,`rovingFocus`,`orientation`,`dir`,`loop`,`name`,`required`]),modelValue:T,onModelValueChange:M,isValueSelected:N,isMultiple:O}),(e,t)=>(m(),u(g(f.rovingFocus?_(o):_(i)),p(A.value,{ref:_(w),as:f.as,"as-child":f.asChild,"data-soybean-toggle-group-root":``,class:_(S),dir:f.dir,role:`group`,"data-disabled":f.disabled?``:void 0,"data-orientation":f.orientation}),{default:v(()=>[h(e.$slots,`default`,{modelValue:_(T)}),k.value&&f.name?(m(),u(_(a),{key:0,name:f.name,value:_(T),disabled:f.disabled,required:f.required},null,8,[`name`,`value`,`disabled`,`required`])):d(`v-if`,!0)]),_:3},16,[`as`,`as-child`,`class`,`dir`,`data-disabled`,`data-orientation`]))}});export{y as default};