@soybeanjs/headless 0.18.0 → 0.20.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
 /**
  * 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.
    */
@@ -107,136 +48,48 @@ type TimeRangeFieldRootEmits = {
   'update:endValue': [time: TimeValue | undefined];
 };
 /**
- * Properties for the TimeRangeFieldInput 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 TimeRangeFieldSegment.
- */
-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 TimeRangeFieldRoot 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>;
+type TimeRangeFieldRootSlots = {
   /**
-   * 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[]>;
-  /**
-   * 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 TimeRangeField component.
  */
-type TimeRangeFieldUiSlot = 'root' | 'input' | 'separator';
+type TimeRangeFieldUiSlot = 'root' | 'startRoot' | 'endRoot' | 'input' | 'separator';
 /**
  * UI class overrides for the TimeRangeField component.
  */
@@ -248,7 +101,7 @@ interface TimeRangeFieldCompactProps extends TimeRangeFieldRootProps {
   /**
    * Properties forwarded to the input element.
    */
-  inputProps?: Omit<TimeRangeFieldInputProps, 'part' | 'type'>;
+  inputProps?: TimeRangeFieldInputProps;
   /**
    * Separator.
    */
@@ -263,18 +116,17 @@ type TimeRangeFieldCompactEmits = TimeRangeFieldRootEmits;
  */
 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/state.js

@@ -1 +1 @@
-import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.127.0/helpers/defineProperty.js";import{isVNode as t}from"vue";let n=1;const r=new class{constructor(){e(this,`subscribers`,void 0),e(this,`toasts`,void 0),e(this,`dismissed`,void 0),e(this,`subscribe`,e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);t>=0&&this.subscribers.splice(t,1)})),e(this,`publish`,e=>{this.subscribers.forEach(t=>t(e))}),e(this,`resetDismissed`,e=>{this.dismissed.has(e)&&this.dismissed.delete(e)}),e(this,`upsert`,e=>{let t=this.toasts.findIndex(t=>t.id===e.id);if(t<0){this.publish(e),this.toasts=[...this.toasts,e];return}let n={...this.toasts[t],...e};this.publish(n),this.toasts=this.toasts.map((e,r)=>r===t?n:e)}),e(this,`create`,e=>{let{message:t,dismissible:n=!0,...r}=e,i=s(e.id);this.resetDismissed(i);let a={...r,id:i,dismissible:n,title:t};return this.upsert(a),i}),e(this,`dismiss`,e=>{if(e!==void 0)return this.dismissed.add(e),requestAnimationFrame(()=>this.publish({id:e,dismiss:!0})),e;this.toasts.forEach(e=>{this.dismissed.add(e.id),this.publish({id:e.id,dismiss:!0})})}),e(this,`message`,(e,t)=>this.create({...t,message:e,type:`default`})),e(this,`error`,(e,t)=>this.create({...t,message:e,type:`error`})),e(this,`success`,(e,t)=>this.create({...t,message:e,type:`success`})),e(this,`info`,(e,t)=>this.create({...t,message:e,type:`info`})),e(this,`warning`,(e,t)=>this.create({...t,message:e,type:`warning`})),e(this,`loading`,(e,t)=>this.create({...t,message:e,type:`loading`})),e(this,`custom`,(e,t)=>{let n=s(t?.id),r=t?.dismissible??!0;return this.resetDismissed(n),this.upsert({custom:e,dismissible:r,id:n,...t}),n}),e(this,`promise`,(e,n)=>{if(!n)return;let r;n.loading!==void 0&&(r=this.create({...n,promise:e,type:`loading`,message:n.loading,description:typeof n.description==`function`?void 0:n.description}));let i=Promise.resolve(typeof e==`function`?e():e),a=r!==void 0,s,l=async(e,t,n,i)=>{a=!1;let{description:o,settings:s}=await c(t,n,i,r);this.create({id:r,type:e,description:o,...s})},u=i.then(async e=>{if(s=[`resolve`,e],t(e)){a=!1,this.create({id:r,type:`default`,message:e});return}if(o(e)&&!e.ok){await l(`error`,n.error,n.description,`HTTP error! status: ${e.status}`);return}if(e instanceof Error){await l(`error`,n.error,n.description,e);return}n.success!==void 0&&await l(`success`,n.success,n.description,e)}).catch(async e=>{s=[`reject`,e],n.error!==void 0&&await l(`error`,n.error,n.description,e)}).finally(()=>{a&&(this.dismiss(r),r=void 0),n.finally?.()}),d=()=>new Promise((e,t)=>u.then(()=>s[0]===`reject`?t(s[1]):e(s[1])).catch(t));return typeof r!=`string`&&typeof r!=`number`?{unwrap:d}:Object.assign(r,{unwrap:d})}),e(this,`getActives`,()=>this.toasts.filter(e=>!this.dismissed.has(e.id))),this.subscribers=[],this.toasts=[],this.dismissed=new Set}},i=r.message,a=Object.assign(i,{success:r.success,info:r.info,warning:r.warning,error:r.error,custom:r.custom,message:r.message,promise:r.promise,dismiss:r.dismiss,loading:r.loading},{getHistory:()=>r.toasts,getToasts:()=>r.getActives()});function o(e){return typeof e==`object`&&!!e&&`ok`in e&&typeof e.ok==`boolean`&&`status`in e&&typeof e.status==`number`}function s(e){return typeof e==`number`||typeof e==`string`&&e.length>0?e:n++}async function c(e,t,n,r){let[i,a]=await Promise.all([l(e,n),l(t,n)]);return{description:a,settings:d(i,r)}}async function l(e,t){return typeof e==`function`?await e(t):e}function u(e){return typeof e==`object`&&!!e&&`message`in e}function d(e,t){return u(e)?e:{id:t??``,message:e??``}}export{r as ToastState,a as toast};
+import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.129.0/helpers/defineProperty.js";import{isVNode as t}from"vue";let n=1;const r=new class{constructor(){e(this,`subscribers`,void 0),e(this,`toasts`,void 0),e(this,`dismissed`,void 0),e(this,`subscribe`,e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);t>=0&&this.subscribers.splice(t,1)})),e(this,`publish`,e=>{this.subscribers.forEach(t=>t(e))}),e(this,`resetDismissed`,e=>{this.dismissed.has(e)&&this.dismissed.delete(e)}),e(this,`upsert`,e=>{let t=this.toasts.findIndex(t=>t.id===e.id);if(t<0){this.publish(e),this.toasts=[...this.toasts,e];return}let n={...this.toasts[t],...e};this.publish(n),this.toasts=this.toasts.map((e,r)=>r===t?n:e)}),e(this,`create`,e=>{let{message:t,dismissible:n=!0,...r}=e,i=s(e.id);this.resetDismissed(i);let a={...r,id:i,dismissible:n,title:t};return this.upsert(a),i}),e(this,`dismiss`,e=>{if(e!==void 0)return this.dismissed.add(e),requestAnimationFrame(()=>this.publish({id:e,dismiss:!0})),e;this.toasts.forEach(e=>{this.dismissed.add(e.id),this.publish({id:e.id,dismiss:!0})})}),e(this,`message`,(e,t)=>this.create({...t,message:e,type:`default`})),e(this,`error`,(e,t)=>this.create({...t,message:e,type:`error`})),e(this,`success`,(e,t)=>this.create({...t,message:e,type:`success`})),e(this,`info`,(e,t)=>this.create({...t,message:e,type:`info`})),e(this,`warning`,(e,t)=>this.create({...t,message:e,type:`warning`})),e(this,`loading`,(e,t)=>this.create({...t,message:e,type:`loading`})),e(this,`custom`,(e,t)=>{let n=s(t?.id),r=t?.dismissible??!0;return this.resetDismissed(n),this.upsert({custom:e,dismissible:r,id:n,...t}),n}),e(this,`promise`,(e,n)=>{if(!n)return;let r;n.loading!==void 0&&(r=this.create({...n,promise:e,type:`loading`,message:n.loading,description:typeof n.description==`function`?void 0:n.description}));let i=Promise.resolve(typeof e==`function`?e():e),a=r!==void 0,s,l=async(e,t,n,i)=>{a=!1;let{description:o,settings:s}=await c(t,n,i,r);this.create({id:r,type:e,description:o,...s})},u=i.then(async e=>{if(s=[`resolve`,e],t(e)){a=!1,this.create({id:r,type:`default`,message:e});return}if(o(e)&&!e.ok){await l(`error`,n.error,n.description,`HTTP error! status: ${e.status}`);return}if(e instanceof Error){await l(`error`,n.error,n.description,e);return}n.success!==void 0&&await l(`success`,n.success,n.description,e)}).catch(async e=>{s=[`reject`,e],n.error!==void 0&&await l(`error`,n.error,n.description,e)}).finally(()=>{a&&(this.dismiss(r),r=void 0),n.finally?.()}),d=()=>new Promise((e,t)=>u.then(()=>s[0]===`reject`?t(s[1]):e(s[1])).catch(t));return typeof r!=`string`&&typeof r!=`number`?{unwrap:d}:Object.assign(r,{unwrap:d})}),e(this,`getActives`,()=>this.toasts.filter(e=>!this.dismissed.has(e.id))),this.subscribers=[],this.toasts=[],this.dismissed=new Set}},i=r.message,a=Object.assign(i,{success:r.success,info:r.info,warning:r.warning,error:r.error,custom:r.custom,message:r.message,promise:r.promise,dismiss:r.dismiss,loading:r.loading},{getHistory:()=>r.toasts,getToasts:()=>r.getActives()});function o(e){return typeof e==`object`&&!!e&&`ok`in e&&typeof e.ok==`boolean`&&`status`in e&&typeof e.status==`number`}function s(e){return typeof e==`number`||typeof e==`string`&&e.length>0?e:n++}async function c(e,t,n,r){let[i,a]=await Promise.all([l(e,n),l(t,n)]);return{description:a,settings:d(i,r)}}async function l(e,t){return typeof e==`function`?await e(t):e}function u(e){return typeof e==`object`&&!!e&&`message`in e}function d(e,t){return u(e)?e:{id:t??``,message:e??``}}export{r as ToastState,a as toast};

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

@@ -8,11 +8,11 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<ToasterProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ToasterProps> & Readonly<{}>, {
   offset: ToastOffset;
-  duration: number;
   position: ToastPosition;
+  duration: number;
+  gap: number;
   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
@@ -149,7 +150,7 @@ interface ToastCreateOptions extends Omit<ToastT, 'id' | 'delete' | 'title'> {
 /**
  * Properties for the Toaster component.
  */
-interface ToasterProps extends /** @vue-ignore */OlHTMLAttributes {
+interface ToasterProps extends BaseProps<OlHTMLAttributes> {
   /**
    * Id.
    */

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" | "reset" | "submit";
-  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,5 +1,4 @@
-import { PrimitiveProps } from "../primitive/types.js";
-import { ButtonHTMLAttributes } from "vue";
+import { ButtonProps } from "../button/types.js";
 
 //#region src/components/toggle/types.d.ts
 /**
@@ -9,7 +8,7 @@ type ToggleState = 'on' | 'off';
 /**
  * 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,10 +17,6 @@ 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;
 }
 /**
  * Events for the Toggle component.

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};

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

@@ -1,14 +1,14 @@
 import { DataOrientation, DefinedValue, Direction, SelectionEmits, SelectionProps, UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
-import { PrimitiveProps } from "../primitive/types.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonProps } from "../button/types.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/toggle-group/types.d.ts
 /**
  * Properties for the ToggleGroupRoot component.
  */
-interface ToggleGroupRootProps<M extends boolean = false, T extends DefinedValue = string> extends SelectionProps<M, T>, FormFieldCommonProps, PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface ToggleGroupRootProps<M extends boolean = false, T extends DefinedValue = string> extends SelectionProps<M, T>, FormFieldCommonProps, PrimitiveWithBaseProps {
   /** When `false`, navigating through items with arrow keys is disabled. */
   rovingFocus?: boolean;
   /** When `true`, prevents interaction with all items in the group. */
@@ -30,8 +30,6 @@ type ToggleGroupRootEmits<M extends boolean = false, T extends DefinedValue = st
 interface ToggleGroupItemProps<T extends DefinedValue = string> extends ButtonProps {
   /** A unique value that identifies the item inside the group. */
   value: T;
-  /** When `true`, prevents interaction with the item. */
-  disabled?: boolean;
 }
 /**
  * Available UI slots for the ToggleGroup component.

package/dist/components/toolbar/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(`ToolbarRoot`,e=>{let t=n(()=>e.dir.value);return{...e,dir:t}}),[a,o]=t(`ToolbarUi`);export{r as provideToolbarRootContext,a as provideToolbarUi,i as useToolbarRootContext,o as useToolbarUi};
+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(`ToolbarRoot`,e=>{let n=t(()=>e.dir.value);return{...e,dir:n}}),[a,o]=n(`ToolbarUi`);export{r as provideToolbarRootContext,a as provideToolbarUi,i as useToolbarRootContext,o as useToolbarUi};

package/dist/components/toolbar/toolbar-button.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 n from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useToolbarUi as r}from"./context.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`ToolbarButton`,__name:`toolbar-button`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`click`],setup(s,{emit:p}){let m=s,h=p,g=r(`button`),_=e(m,[`class`]),v=i(()=>[g.value,m.class]);return(e,r)=>(l(),a(d(n),{"as-child":``,focusable:!s.disabled},{default:f(()=>[o(d(t),c(d(_),{class:v.value,onClick:r[0]||(r[0]=e=>h(`click`,e))}),{default:f(()=>[u(e.$slots,`default`)]),_:3},16,[`class`])]),_:3},8,[`focusable`]))}});export{p as default};
+import e from"../button/button.js";import"../button/index.js";import t from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useToolbarUi as n}from"./context.js";import{createBlock as r,createVNode 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:`ToolbarButton`,__name:`toolbar-button`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`click`],setup(a,{emit:d}){let f=a,p=d,m=n(`button`);return(n,d)=>(s(),r(l(t),{"as-child":``,focusable:!a.disabled},{default:u(()=>[i(l(e),o(f,{"data-soybean-toolbar-button":``,class:l(m),onClick:d[0]||(d[0]=e=>p(`click`,e))}),{default:u(()=>[c(n.$slots,`default`)]),_:3},16,[`class`])]),_:3},8,[`focusable`]))}});export{d as default};

package/dist/components/toolbar/toolbar-link.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../link/link.js";import n from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import"../link/index.js";import{useToolbarUi as r}from"./context.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`ToolbarLink`,__name:`toolbar-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:{default:`a`}},setup(s){let p=s,m=r(`link`),h=e(p,[`class`]),g=i(()=>[m.value,p.class]),_=i(()=>!p.disabled&&p.tabindex!==`-1`&&p.tabindex!==-1),v=e=>{e.key!==` `||p.disabled||(e.preventDefault(),e.currentTarget?.click())};return(e,r)=>(l(),a(d(n),{"as-child":``,focusable:_.value},{default:f(()=>[o(d(t),c(d(h),{class:g.value,onKeydown:v}),{default:f(()=>[u(e.$slots,`default`)]),_:3},16,[`class`])]),_:3},8,[`focusable`]))}});export{p as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"../link/link.js";import r from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useToolbarUi as i}from"./context.js";import{computed as a,createBlock as o,createCommentVNode as s,createVNode as c,defineComponent as l,mergeProps as u,normalizeClass as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";const g=l({name:`ToolbarLink`,__name:`toolbar-link`,props:{showIcon:{type:Boolean,default:!0},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(l){let g=l,_=i(),v=e(g,[`class`]),y=a(()=>!g.disabled&&g.tabindex!==`-1`&&g.tabindex!==-1),b=e=>{e.key!==` `||g.disabled||(e.preventDefault(),e.currentTarget?.click())};return(e,i)=>(f(),o(m(r),{"as-child":``,focusable:y.value},{default:h(()=>[c(n,u(m(v),{"data-soybean-toolbar-link":``,class:m(_).link,onKeydown:b}),{default:h(n=>[p(e.$slots,`default`),g.showIcon&&n.isHref?(f(),o(t,{key:0,icon:`lucide:arrow-up-right`,class:d(m(_).linkIcon)},null,8,[`class`])):s(`v-if`,!0)]),_:3},16,[`class`])]),_:3},8,[`focusable`]))}});export{g as default};

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

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { ToolbarLinkProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -8,7 +7,7 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_16) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ToolbarLinkProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ToolbarLinkProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
+  showIcon: 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/toolbar/toolbar-root.js

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.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 r from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{provideToolbarRootContext as i,useToolbarUi as a}from"./context.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";const h=l({name:`ToolbarRoot`,__name:`toolbar-root`,props:{orientation:{default:`horizontal`},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{}},setup(l){let h=l,g=a(`root`),_=t(h,[`class`]),v=o(()=>[g.value,h.class]);return i(e(h,[`orientation`,`dir`])),(e,t)=>(d(),s(p(r),{"as-child":``,orientation:l.orientation,dir:l.dir,loop:l.loop},{default:m(()=>[c(p(n),u(p(_),{as:l.as,"as-child":l.asChild,class:v.value,role:`toolbar`,"aria-orientation":l.orientation,dir:l.dir,"data-orientation":l.orientation}),{default:m(()=>[f(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`aria-orientation`,`dir`,`data-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}});export{h as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import n from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{provideToolbarRootContext as r,useToolbarUi as i}from"./context.js";import{createBlock as a,createVNode as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`ToolbarRoot`,__name:`toolbar-root`,props:{orientation:{default:`horizontal`},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let p=s,m=i(`root`);return r(e(p,[`orientation`,`dir`])),(e,r)=>(l(),a(d(n),{"as-child":``,orientation:s.orientation,dir:s.dir,loop:s.loop},{default:f(()=>[o(d(t),{as:s.as,"as-child":s.asChild,"data-soybean-toolbar-root":``,class:c(d(m)),role:`toolbar`,"aria-orientation":s.orientation,dir:s.dir,"data-orientation":s.orientation},{default:f(()=>[u(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`aria-orientation`,`dir`,`data-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}});export{p as default};

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../separator/separator-root.js";import"../separator/index.js";import{useToolbarRootContext as n,useToolbarUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`ToolbarSeparator`,__name:`toolbar-separator`,props:{decorative:{type:Boolean}},setup(o){let f=o,{orientation:p}=n(`ToolbarSeparator`),m=r(`separator`),h=e(f,[`class`]),g=i(()=>[m.value,f.class]),_=i(()=>p.value===`horizontal`?`vertical`:`horizontal`);return(e,n)=>(c(),a(u(t),s(u(h),{class:g.value,orientation:_.value}),{default:d(()=>[l(e.$slots,`default`)]),_:3},16,[`class`,`orientation`]))}});export{f as default};
+import e from"../separator/separator-root.js";import"../separator/index.js";import{useToolbarRootContext as t,useToolbarUi as n}from"./context.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:`ToolbarSeparator`,__name:`toolbar-separator`,props:{decorative:{type:Boolean}},setup(a){let d=a,{orientation:f}=t(`ToolbarSeparator`),p=n(`separator`),m=r(()=>f.value===`horizontal`?`vertical`:`horizontal`);return(t,n)=>(s(),i(l(e),o(d,{"data-soybean-toolbar-separator":``,class:l(p),orientation:m.value}),{default:u(()=>[c(t.$slots,`default`)]),_:3},16,[`class`,`orientation`]))}});export{d as default};

package/dist/components/toolbar/toolbar-toggle-group.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"../toggle-group/toggle-group-root.js";import"../toggle-group/index.js";import{useToolbarRootContext as r,useToolbarUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";const m=s({name:`ToolbarToggleGroup`,__name:`toolbar-toggle-group`,props:{rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(s,{emit:m}){let h=s,g=m,{orientation:_,dir:v}=r(`ToolbarToggleGroup`),y=i(`toggleGroup`),b=t(h,[`class`,`dir`,`loop`,`rovingFocus`]),x=e(g),S=a(()=>[y.value,h.class]);return(e,t)=>(l(),o(f(n),c(f(b),{class:S.value,dir:h.dir??f(v),orientation:h.orientation??f(_),"roving-focus":!1},d(f(x))),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`class`,`dir`,`orientation`]))}});export{m as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{useToolbarRootContext as n,useToolbarUi as r}from"./context.js";import i from"../toggle-group/toggle-group-root.js";import"../toggle-group/index.js";import{createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";const p=o({name:`ToolbarToggleGroup`,__name:`toolbar-toggle-group`,props:{rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(o,{emit:p}){let m=o,h=p,{orientation:g,dir:_}=n(`ToolbarToggleGroup`),v=r(`toggleGroup`),y=t(m,[`dir`,`loop`,`rovingFocus`]),b=e(h);return(e,t)=>(c(),a(d(i),s(d(y),{"data-soybean-toolbar-toggle-group":``,class:d(v),dir:m.dir??d(_),orientation:m.orientation??d(g),"roving-focus":!1},u(d(b))),{default:f(()=>[l(e.$slots,`default`)]),_:3},16,[`class`,`dir`,`orientation`]))}});export{p as default};

package/dist/components/toolbar/toolbar-toggle-item.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useToggleGroupRootContext as n}from"../toggle-group/context.js";import r from"../toggle-group/toggle-group-item.js";import"../toggle-group/index.js";import{useToolbarUi as i}from"./context.js";import{computed as a,createBlock as o,createVNode as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";const m=c({name:`ToolbarToggleItem`,__name:`toolbar-toggle-item`,props:{value:{},disabled:{type:Boolean},type:{},asChild:{type:Boolean},as:{}},setup(c){let m=c,h=i(`toggleItem`),g=e(m,[`class`]),{disabled:_}=n(`ToolbarToggleItem`),v=a(()=>_.value||m.disabled),y=a(()=>[h.value,m.class]);return(e,n)=>(u(),o(f(t),{"as-child":``,focusable:!v.value},{default:p(()=>[s(f(r),l(f(g),{class:y.value}),{default:p(()=>[d(e.$slots,`default`)]),_:3},16,[`class`])]),_:3},8,[`focusable`]))}});export{m as default};
+import e from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useToolbarUi as t}from"./context.js";import{useToggleGroupRootContext as n}from"../toggle-group/context.js";import r from"../toggle-group/toggle-group-item.js";import"../toggle-group/index.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`ToolbarToggleItem`,__name:`toolbar-toggle-item`,props:{value:{},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let p=s,m=t(`toggleItem`),{disabled:h}=n(`ToolbarToggleItem`),g=i(()=>h.value||p.disabled);return(t,n)=>(l(),a(d(e),{"as-child":``,focusable:!g.value},{default:f(()=>[o(d(r),c(p,{"data-soybean-toolbar-toggle-item":``,class:d(m),disabled:g.value}),{default:f(()=>[u(t.$slots,`default`)]),_:3},16,[`class`,`disabled`])]),_:3},8,[`focusable`]))}});export{p as default};