@soybeanjs/headless 0.30.0 → 0.40.0-beta.1

package/dist/components/input-number/input-number-decrement.js

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import n from"../button/button.js";import{usePressedHold as r}from"./shared.js";import{useInputNumberRootContext as i,useInputNumberUi as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p,withModifiers as m}from"vue";const h=c({name:`InputNumberDecrement`,__name:`input-number-decrement`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(c){let h=c,{disabled:g,readonly:_,isDecreaseDisabled:v,onDecrease:y}=i(`InputNumberDecrement`),b=a(`decrement`),x=e(),[S,C]=t(),w=o(()=>g.value||_.value||h.disabled||v.value),{isPressed:T,onTrigger:E}=r({target:S,disabled:w}),D=o(()=>T.value?`user-select:none;`:void 0);return E(()=>{y()}),(e,t)=>(u(),s(n,l({ref:f(C)},h,{"data-soybean-input-number-decrement":``,class:f(b),tabindex:`-1`,"aria-label":f(x).inputNumber.decrement,disabled:w.value,"data-pressed":f(T)?`true`:void 0,style:D.value,onContextmenu:t[0]||(t[0]=m(()=>{},[`prevent`]))}),{default:p(()=>[d(e.$slots,`default`)]),_:3},16,[`class`,`aria-label`,`disabled`,`data-pressed`,`style`]))}});export{h as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import n from"../button/button.js";import{usePressedHold as r}from"./shared.js";import{useInputNumberRootContext as i,useInputNumberUi as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p,withModifiers as m}from"vue";const h=c({name:`InputNumberDecrement`,__name:`input-number-decrement`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(c){let h=c,{disabled:g,readonly:_,isDecreaseDisabled:v,onDecrease:y}=i(`InputNumberDecrement`),b=a(`decrement`),x=e(),[S,C]=t(),w=o(()=>g.value||_.value||h.disabled||v.value),{isPressed:T,onTrigger:E}=r({target:S,disabled:w}),D=o(()=>T.value?`user-select:none;`:void 0);return E(()=>{y()}),(e,t)=>(u(),s(n,l({ref:f(C)},h,{"data-soybean-input-number-decrement":``,class:f(b),tabindex:`-1`,"aria-label":f(x).inputNumber.decrement,disabled:w.value,"data-pressed":f(T)?`true`:void 0,style:D.value,onContextmenu:t[0]||=m(()=>{},[`prevent`])}),{default:p(()=>[d(e.$slots,`default`)]),_:3},16,[`class`,`aria-label`,`disabled`,`data-pressed`,`style`]))}});export{h as default};

package/dist/components/input-number/input-number-increment.js

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import n from"../button/button.js";import{usePressedHold as r}from"./shared.js";import{useInputNumberRootContext as i,useInputNumberUi as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p,withModifiers as m}from"vue";const h=c({name:`InputNumberIncrement`,__name:`input-number-increment`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(c){let h=c,{disabled:g,readonly:_,isIncreaseDisabled:v,onIncrease:y}=i(`InputNumberIncrement`),b=a(`increment`),x=e(),[S,C]=t(),w=o(()=>g.value||_.value||h.disabled||v.value),{isPressed:T,onTrigger:E}=r({target:S,disabled:w}),D=o(()=>T.value?`user-select:none;`:void 0);return E(()=>{y()}),(e,t)=>(u(),s(n,l({ref:f(C)},h,{"data-soybean-input-number-increment":``,class:f(b),tabindex:`-1`,"aria-label":f(x).inputNumber.increment,disabled:w.value,"data-pressed":f(T)?`true`:void 0,style:D.value,onContextmenu:t[0]||(t[0]=m(()=>{},[`prevent`]))}),{default:p(()=>[d(e.$slots,`default`)]),_:3},16,[`class`,`aria-label`,`disabled`,`data-pressed`,`style`]))}});export{h as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import n from"../button/button.js";import{usePressedHold as r}from"./shared.js";import{useInputNumberRootContext as i,useInputNumberUi as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p,withModifiers as m}from"vue";const h=c({name:`InputNumberIncrement`,__name:`input-number-increment`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(c){let h=c,{disabled:g,readonly:_,isIncreaseDisabled:v,onIncrease:y}=i(`InputNumberIncrement`),b=a(`increment`),x=e(),[S,C]=t(),w=o(()=>g.value||_.value||h.disabled||v.value),{isPressed:T,onTrigger:E}=r({target:S,disabled:w}),D=o(()=>T.value?`user-select:none;`:void 0);return E(()=>{y()}),(e,t)=>(u(),s(n,l({ref:f(C)},h,{"data-soybean-input-number-increment":``,class:f(b),tabindex:`-1`,"aria-label":f(x).inputNumber.increment,disabled:w.value,"data-pressed":f(T)?`true`:void 0,style:D.value,onContextmenu:t[0]||=m(()=>{},[`prevent`])}),{default:p(()=>[d(e.$slots,`default`)]),_:3},16,[`class`,`aria-label`,`disabled`,`data-pressed`,`style`]))}});export{h as default};

package/dist/components/input-number/input-number-root.js

@@ -1 +1 @@
-import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import"../../composables/index.js";import i from"../visually-hidden/visually-hidden-input.js";import{provideInputNumberRootContext as a,useInputNumberUi as o}from"./context.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,unref as h,useAttrs as g}from"vue";const _=[`data-disabled`,`data-readonly`],v=d({name:`InputNumberRoot`,inheritAttrs:!1,__name:`input-number-root`,props:{defaultValue:{},modelValue:{default:void 0},min:{},max:{},step:{default:1},stepSnapping:{type:Boolean,default:!0},focusOnChange:{type:Boolean,default:!0},formatOptions:{},locale:{},disableWheelChange:{type:Boolean},invertWheelChange:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},type:{}},emits:[`update:modelValue`],setup(d,{emit:v}){let y=d,b=v,x=g(),[S,C]=r(),w=o(`root`),T=n(()=>y.modelValue,e=>{b(`update:modelValue`,e)},y.defaultValue??null),E=s(()=>e(S.value)),D=s(()=>({...x,id:y.id,name:y.name,required:y.required,disabled:y.disabled,readonly:y.readonly,autofocus:y.autofocus,autocomplete:y.autocomplete,maxlength:y.maxlength,minlength:y.minlength,pattern:y.pattern,placeholder:y.placeholder,type:y.type})),O=()=>{y.disabled||y.readonly||(T.value=null)};return a({...t(y,[`disabled`,`readonly`,`max`,`min`,`step`,`locale`,`focusOnChange`,`formatOptions`,`stepSnapping`,`disableWheelChange`,`invertWheelChange`]),modelValue:T,onClear:O,inputAttrs:D}),(e,t)=>(p(),u(`div`,f({ref:h(C)},d.rootProps,{"data-soybean-input-number-root":``,class:h(w),role:`group`,"data-disabled":d.disabled?``:void 0,"data-readonly":d.readonly?``:void 0}),[m(e.$slots,`default`,{modelValue:h(T),clear:O}),E.value&&d.name?(p(),c(i,{key:0,type:`text`,value:h(T),name:d.name,disabled:d.disabled,readonly:d.readonly,required:d.required},null,8,[`value`,`name`,`disabled`,`readonly`,`required`])):l(`v-if`,!0)],16,_))}});export{v as default};
+import{isFormControl as e,toContext as t}from"../../shared/vue.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import i from"../visually-hidden/visually-hidden-input.js";import{provideInputNumberRootContext as a,useInputNumberUi as o}from"./context.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,unref as h,useAttrs as g}from"vue";const _=[`data-disabled`,`data-readonly`],v=d({name:`InputNumberRoot`,inheritAttrs:!1,__name:`input-number-root`,props:{defaultValue:{},modelValue:{default:void 0},min:{},max:{},step:{default:1},stepSnapping:{type:Boolean,default:!0},focusOnChange:{type:Boolean,default:!0},formatOptions:{},locale:{},disableWheelChange:{type:Boolean},invertWheelChange:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},type:{}},emits:[`update:modelValue`],setup(d,{emit:v}){let y=d,b=v,x=g(),[S,C]=r(),w=o(`root`),T=n(()=>y.modelValue,e=>{b(`update:modelValue`,e)},y.defaultValue??null),E=s(()=>e(S.value)),D=s(()=>({...x,id:y.id,name:y.name,required:y.required,disabled:y.disabled,readonly:y.readonly,autofocus:y.autofocus,autocomplete:y.autocomplete,maxlength:y.maxlength,minlength:y.minlength,pattern:y.pattern,placeholder:y.placeholder,type:y.type})),O=()=>{y.disabled||y.readonly||(T.value=null)};return a({...t(y,[`disabled`,`readonly`,`max`,`min`,`step`,`locale`,`focusOnChange`,`formatOptions`,`stepSnapping`,`disableWheelChange`,`invertWheelChange`]),modelValue:T,onClear:O,inputAttrs:D}),(e,t)=>(p(),u(`div`,f({ref:h(C)},d.rootProps,{"data-soybean-input-number-root":``,class:h(w),role:`group`,"data-disabled":d.disabled?``:void 0,"data-readonly":d.readonly?``:void 0}),[m(e.$slots,`default`,{modelValue:h(T),clear:O}),E.value&&d.name?(p(),c(i,{key:0,type:`text`,value:h(T),name:d.name,disabled:d.disabled,readonly:d.readonly,required:d.required},null,8,[`value`,`name`,`disabled`,`readonly`,`required`])):l(`v-if`,!0)],16,_))}});export{v as default};

package/dist/components/input-number/input-number-root.vue.d.ts

@@ -14,8 +14,8 @@ declare const __VLS_base: import("vue").DefineComponent<InputNumberRootProps, {}
 }>, {
   step: number;
   modelValue: number | null;
-  focusOnChange: boolean;
   stepSnapping: boolean;
+  focusOnChange: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/input-number/shared.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{isClient as t}from"../../shared/env.js";import"../../shared/index.js";import{computed as n,onScopeDispose as r,ref as i}from"vue";import{createEventHook as a,unrefElement as o,useEventListener as s}from"@vueuse/core";function c(e){let{disabled:c}=e,l=i(),u=a(),d=()=>window.clearTimeout(l.value),f=e=>{d(),!c.value&&(u.trigger(),l.value=window.setTimeout(()=>{f(60)},e))},p=()=>{f(400)},m=()=>{d()},h=i(!1),g=n(()=>o(e.target)),_=e=>{e.button!==0||h.value||(e.preventDefault(),h.value=!0,p())},v=()=>{h.value=!1,m()};return t&&(s(g||window,`pointerdown`,_),s(window,`pointerup`,v),s(window,`pointercancel`,v)),r(d),{isPressed:h,onTrigger:u.on}}function l(t,n,r){if(e(n)||e(r))return 0;let i=n,a=r,o=t===`+`?i+a:i-a;if(i%1!=0||a%1!=0){let e=i.toString().split(`.`),n=a.toString().split(`.`),r=e[1]&&e[1].length||0,s=n[1]&&n[1].length||0,c=10**Math.max(r,s);i=Math.round(i*c),a=Math.round(a*c),o=t===`+`?i+a:i-a,o/=c}return o}export{l as handleDecimalOperation,c as usePressedHold};
+import{isNullish as e}from"../../shared/guard.js";import{isClient as t}from"../../shared/env.js";import{computed as n,onScopeDispose as r,ref as i}from"vue";import{createEventHook as a,unrefElement as o,useEventListener as s}from"@vueuse/core";function c(e){let{disabled:c}=e,l=i(),u=a(),d=()=>window.clearTimeout(l.value),f=e=>{d(),!c.value&&(u.trigger(),l.value=window.setTimeout(()=>{f(60)},e))},p=()=>{f(400)},m=()=>{d()},h=i(!1),g=n(()=>o(e.target)),_=e=>{e.button!==0||h.value||(e.preventDefault(),h.value=!0,p())},v=()=>{h.value=!1,m()};return t&&(s(g||window,`pointerdown`,_),s(window,`pointerup`,v),s(window,`pointercancel`,v)),r(d),{isPressed:h,onTrigger:u.on}}function l(t,n,r){if(e(n)||e(r))return 0;let i=n,a=r,o=t===`+`?i+a:i-a;if(i%1!=0||a%1!=0){let e=i.toString().split(`.`),n=a.toString().split(`.`),r=e[1]&&e[1].length||0,s=n[1]&&n[1].length||0,c=10**Math.max(r,s);i=Math.round(i*c),a=Math.round(a*c),o=t===`+`?i+a:i-a,o/=c}return o}export{l as handleDecimalOperation,c as usePressedHold};

package/dist/components/input-number/types.d.ts

@@ -9,7 +9,7 @@ import { ComputedRef, InputHTMLAttributes, ShallowRef } from "vue";
 /**
  * Properties for the InputNumberRoot component.
  */
-interface InputNumberRootProps extends FormFieldCommonProps, InputBaseProps, BaseProps {
+export interface InputNumberRootProps extends FormFieldCommonProps, InputBaseProps, BaseProps {
   /** The default value of the input */
   defaultValue?: number;
   /** The controlled value of the input */
@@ -43,7 +43,7 @@ interface InputNumberRootProps extends FormFieldCommonProps, InputBaseProps, Bas
 /**
  * Events for the InputNumberRoot component.
  */
-type InputNumberRootEmits = {
+export type InputNumberRootEmits = {
   /**
    * Emitted when the model value changes.
    */
@@ -52,19 +52,19 @@ type InputNumberRootEmits = {
 /**
  * Properties for the InputNumberControl component.
  */
-interface InputNumberControlProps extends BaseProps<InputHTMLAttributes> {}
+export interface InputNumberControlProps extends BaseProps<InputHTMLAttributes> {}
 /**
  * Properties for the InputNumberIncrement component.
  */
-interface InputNumberIncrementProps extends ButtonProps {}
+export interface InputNumberIncrementProps extends ButtonProps {}
 /**
  * Properties for the InputNumberDecrement component.
  */
-interface InputNumberDecrementProps extends ButtonProps {}
+export interface InputNumberDecrementProps extends ButtonProps {}
 /**
  * Events for the InputNumberClear component.
  */
-type InputNumberClearEmits = {
+export type InputNumberClearEmits = {
   /**
    * Emitted when the clear button is clicked.
    */
@@ -73,7 +73,7 @@ type InputNumberClearEmits = {
 /**
  * Slot properties for the InputNumberCompact component.
  */
-interface InputNumberCompactSlotProps {
+export interface InputNumberCompactSlotProps {
   /**
    * Current model value.
    */
@@ -86,7 +86,7 @@ interface InputNumberCompactSlotProps {
 /**
  * Properties for the InputNumberCompact component.
  */
-interface InputNumberCompactProps extends InputNumberRootProps {
+export interface InputNumberCompactProps extends InputNumberRootProps {
   /**
    * Whether to show the clear trigger.
    *
@@ -117,11 +117,11 @@ interface InputNumberCompactProps extends InputNumberRootProps {
 /**
  * Events for the InputNumberCompact component.
  */
-type InputNumberCompactEmits = InputNumberRootEmits & InputNumberClearEmits;
+export type InputNumberCompactEmits = InputNumberRootEmits & InputNumberClearEmits;
 /**
  * Slots for the InputNumberCompact component.
  */
-type InputNumberCompactSlots = {
+export type InputNumberCompactSlots = {
   /**
    * Custom content for the leading slot.
    */
@@ -146,10 +146,9 @@ type InputNumberCompactSlots = {
 /**
  * Available UI slots for the InputNumber component.
  */
-type InputNumberUiSlot = 'root' | 'increment' | 'decrement' | 'control' | 'clear';
+export type InputNumberUiSlot = 'root' | 'increment' | 'decrement' | 'control' | 'clear';
 /**
  * UI class overrides for the InputNumber component.
  */
-type InputNumberUi = UiClass<InputNumberUiSlot>;
-//#endregion
-export { InputNumberClearEmits, InputNumberCompactEmits, InputNumberCompactProps, InputNumberCompactSlotProps, InputNumberCompactSlots, InputNumberControlProps, InputNumberDecrementProps, InputNumberIncrementProps, InputNumberRootEmits, InputNumberRootProps, InputNumberUi, InputNumberUiSlot };
+export type InputNumberUi = UiClass<InputNumberUiSlot>;
+//#endregion

package/dist/components/input-otp/context.d.ts

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

package/dist/components/input-otp/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";const[n,r]=e(`InputOtpRoot`),[i,a]=t(`InputOtpUi`);export{n as provideInputOtpRootContext,i as provideInputOtpUi,r as useInputOtpRootContext,a as useInputOtpUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";const[n,r]=e(`InputOtpRoot`),[i,a]=t(`InputOtpUi`);export{n as provideInputOtpRootContext,i as provideInputOtpUi,r as useInputOtpRootContext,a as useInputOtpUi};

package/dist/components/input-otp/input-otp-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{useInputOtpUi as n}from"./context.js";import r from"./input-otp-input.js";import i from"./input-otp-positioner.js";import a from"./input-otp-root.js";import{Fragment as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,normalizeStyle as v,openBlock as y,renderList as b,renderSlot as x,toDisplayString as S,toHandlers as C,unref as w,withCtx as T}from"vue";const E=[`data-state`],D=p({name:`InputOtpCompact`,__name:`input-otp-compact`,props:{id:{},autocomplete:{},autofocus:{type:Boolean},disabled:{type:Boolean},minlength:{},placeholder:{},readonly:{type:Boolean},ariaLabel:{},modelValue:{},defaultValue:{},maxlength:{},inputmode:{},pattern:{},pushPasswordManagerStrategy:{},pasteTransformer:{type:Function},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`complete`,`input`,`change`,`select`,`focus`,`blur`,`mouseover`,`mouseleave`,`paste`],setup(p,{emit:D}){let O=p,k=e(D),A=n(),j=t(O,[`id`,`autocomplete`,`autofocus`,`disabled`,`minlength`,`placeholder`,`readonly`,`ariaLabel`,`modelValue`,`defaultValue`,`maxlength`,`inputmode`,`pattern`,`pushPasswordManagerStrategy`,`pasteTransformer`,`name`,`required`]),M=s(()=>Math.max(O.maxlength,1)),N=s(()=>({"--columns":M.value})),P=e=>e.isActive?`active`:e.char?`filled`:`idle`;return(e,t)=>(y(),c(a,h(w(j),C(w(k))),{default:T(t=>[x(e.$slots,`default`,_(m(t)),()=>[d(`div`,{"data-soybean-input-otp-group":``,"aria-hidden":`true`,class:g(w(A).group),style:v(N.value)},[(y(!0),u(o,null,b(t.slots,(e,t)=>(y(),u(`div`,{key:t,"data-soybean-input-otp-slot":``,class:g(w(A).slot),"data-state":P(e)},[e.char?(y(),u(`span`,{key:0,"data-soybean-input-otp-char":``,class:g(w(A).char)},S(e.char),3)):e.placeholderChar?(y(),u(`span`,{key:1,"data-soybean-input-otp-placeholder":``,class:g(w(A).placeholder)},S(e.placeholderChar),3)):l(`v-if`,!0),e.hasFakeCaret?(y(),u(`span`,{key:2,"data-soybean-input-otp-caret":``,class:g(w(A).caret)},null,2)):l(`v-if`,!0)],10,E))),128))],6)]),f(i,null,{default:T(()=>[f(r)]),_:1})]),_:3},16))}});export{D as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePickProps as t}from"../../composables/use-props.js";import{useInputOtpUi as n}from"./context.js";import r from"./input-otp-input.js";import i from"./input-otp-positioner.js";import a from"./input-otp-root.js";import{Fragment as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,normalizeStyle as v,openBlock as y,renderList as b,renderSlot as x,toDisplayString as S,toHandlers as C,unref as w,withCtx as T}from"vue";const E=[`data-state`],D=p({name:`InputOtpCompact`,__name:`input-otp-compact`,props:{id:{},autocomplete:{},autofocus:{type:Boolean},disabled:{type:Boolean},minlength:{},placeholder:{},readonly:{type:Boolean},ariaLabel:{},modelValue:{},defaultValue:{},maxlength:{},inputmode:{},pattern:{},pushPasswordManagerStrategy:{},pasteTransformer:{type:Function},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`complete`,`input`,`change`,`select`,`focus`,`blur`,`mouseover`,`mouseleave`,`paste`],setup(p,{emit:D}){let O=p,k=e(D),A=n(),j=t(O,[`id`,`autocomplete`,`autofocus`,`disabled`,`minlength`,`placeholder`,`readonly`,`ariaLabel`,`modelValue`,`defaultValue`,`maxlength`,`inputmode`,`pattern`,`pushPasswordManagerStrategy`,`pasteTransformer`,`name`,`required`]),M=s(()=>Math.max(O.maxlength,1)),N=s(()=>({"--columns":M.value})),P=e=>e.isActive?`active`:e.char?`filled`:`idle`;return(e,t)=>(y(),c(a,h(w(j),C(w(k))),{default:T(t=>[x(e.$slots,`default`,_(m(t)),()=>[d(`div`,{"data-soybean-input-otp-group":``,"aria-hidden":`true`,class:g(w(A).group),style:v(N.value)},[(y(!0),u(o,null,b(t.slots,(e,t)=>(y(),u(`div`,{key:t,"data-soybean-input-otp-slot":``,class:g(w(A).slot),"data-state":P(e)},[e.char?(y(),u(`span`,{key:0,"data-soybean-input-otp-char":``,class:g(w(A).char)},S(e.char),3)):e.placeholderChar?(y(),u(`span`,{key:1,"data-soybean-input-otp-placeholder":``,class:g(w(A).placeholder)},S(e.placeholderChar),3)):l(`v-if`,!0),e.hasFakeCaret?(y(),u(`span`,{key:2,"data-soybean-input-otp-caret":``,class:g(w(A).caret)},null,2)):l(`v-if`,!0)],10,E))),128))],6)]),f(i,null,{default:T(()=>[f(r)]),_:1})]),_:3},16))}});export{D as default};

package/dist/components/input-otp/input-otp-compact.vue.d.ts

@@ -4,8 +4,8 @@ type __VLS_Slots = InputOtpCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<InputOtpCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   input: (value: string) => any;
   select: (event: Event) => any;
-  blur: (event: FocusEvent) => any;
   change: (event: Event) => any;
+  blur: (event: FocusEvent) => any;
   focus: (event: FocusEvent) => any;
   mouseleave: (event: MouseEvent) => any;
   mouseover: (event: MouseEvent) => any;
@@ -15,8 +15,8 @@ declare const __VLS_base: import("vue").DefineComponent<InputOtpCompactProps, {}
 }, string, import("vue").PublicProps, Readonly<InputOtpCompactProps> & Readonly<{
   onInput?: ((value: string) => any) | undefined;
   onSelect?: ((event: Event) => any) | undefined;
-  onBlur?: ((event: FocusEvent) => any) | undefined;
   onChange?: ((event: Event) => any) | undefined;
+  onBlur?: ((event: FocusEvent) => any) | undefined;
   onFocus?: ((event: FocusEvent) => any) | undefined;
   onMouseleave?: ((event: MouseEvent) => any) | undefined;
   onMouseover?: ((event: MouseEvent) => any) | undefined;

package/dist/components/input-otp/input-otp-input.js

@@ -1 +1 @@
-import{useInputOtpRootContext as e,useInputOtpUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,mergeProps as i,openBlock as a,unref as o}from"vue";const s=[`id`,`data-password-manager-badge`,`value`,`data-input-otp-placeholder-shown`,`data-input-otp-mss`,`data-input-otp-mse`,`aria-label`,`aria-placeholder`,`autocomplete`,`autofocus`,`disabled`,`inputmode`,`maxlength`,`minlength`,`name`,`pattern`,`placeholder`,`readonly`,`required`],c=r({name:`InputOtpInput`,__name:`input-otp-input`,setup(r){let c=t(`input`),{autocomplete:l,autofocus:u,disabled:d,inputAttrs:f,inputElement:p,inputmode:m,maxlength:h,minlength:g,mirrorSelectionStart:_,mirrorSelectionEnd:v,modelValue:y,name:b,pattern:x,readonly:S,required:C,resolvedAccessibleLabel:w,resolvedId:T,resolvedPlaceholder:E,willPushPWMBadge:D,onBeforeInput:O,onNativeChange:k,onNativeSelect:A,onMouseOver:j,onMouseLeave:M,onPaste:N,onInput:P,onFocus:F,onBlur:I}=e(`InputOtpInput`),L=e=>{p.value=e instanceof HTMLInputElement?e:null};return(e,t)=>(a(),n(`input`,i(o(f),{id:o(T),ref:L,"data-soybean-input-otp-input":``,"data-input-otp":``,"data-password-manager-badge":o(D)?``:void 0,type:`text`,class:o(c),value:o(y),"data-input-otp-placeholder-shown":o(y).length===0||void 0,"data-input-otp-mss":o(_),"data-input-otp-mse":o(v),"aria-label":o(w),"aria-placeholder":o(E),autocomplete:o(l),autocorrect:`off`,spellcheck:`false`,autofocus:o(u),disabled:o(d),inputmode:o(m),maxlength:o(h),minlength:o(g),name:o(b),pattern:o(x),placeholder:o(E),readonly:o(S),required:o(C),onBeforeinput:t[0]||(t[0]=(...e)=>o(O)&&o(O)(...e)),onChange:t[1]||(t[1]=(...e)=>o(k)&&o(k)(...e)),onSelect:t[2]||(t[2]=(...e)=>o(A)&&o(A)(...e)),onMouseover:t[3]||(t[3]=(...e)=>o(j)&&o(j)(...e)),onMouseleave:t[4]||(t[4]=(...e)=>o(M)&&o(M)(...e)),onPaste:t[5]||(t[5]=(...e)=>o(N)&&o(N)(...e)),onInput:t[6]||(t[6]=(...e)=>o(P)&&o(P)(...e)),onFocus:t[7]||(t[7]=(...e)=>o(F)&&o(F)(...e)),onBlur:t[8]||(t[8]=(...e)=>o(I)&&o(I)(...e))}),null,16,s))}});export{c as default};
+import{useInputOtpRootContext as e,useInputOtpUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,mergeProps as i,openBlock as a,unref as o}from"vue";const s=[`id`,`data-password-manager-badge`,`value`,`data-input-otp-placeholder-shown`,`data-input-otp-mss`,`data-input-otp-mse`,`aria-label`,`aria-placeholder`,`autocomplete`,`autofocus`,`disabled`,`inputmode`,`maxlength`,`minlength`,`name`,`pattern`,`placeholder`,`readonly`,`required`],c=r({name:`InputOtpInput`,__name:`input-otp-input`,setup(r){let c=t(`input`),{autocomplete:l,autofocus:u,disabled:d,inputAttrs:f,inputElement:p,inputmode:m,maxlength:h,minlength:g,mirrorSelectionStart:_,mirrorSelectionEnd:v,modelValue:y,name:b,pattern:x,readonly:S,required:C,resolvedAccessibleLabel:w,resolvedId:T,resolvedPlaceholder:E,willPushPWMBadge:D,onBeforeInput:O,onNativeChange:k,onNativeSelect:A,onMouseOver:j,onMouseLeave:M,onPaste:N,onInput:P,onFocus:F,onBlur:I}=e(`InputOtpInput`),L=e=>{p.value=e instanceof HTMLInputElement?e:null};return(e,t)=>(a(),n(`input`,i(o(f),{id:o(T),ref:L,"data-soybean-input-otp-input":``,"data-input-otp":``,"data-password-manager-badge":o(D)?``:void 0,type:`text`,class:o(c),value:o(y),"data-input-otp-placeholder-shown":o(y).length===0||void 0,"data-input-otp-mss":o(_),"data-input-otp-mse":o(v),"aria-label":o(w),"aria-placeholder":o(E),autocomplete:o(l),autocorrect:`off`,spellcheck:`false`,autofocus:o(u),disabled:o(d),inputmode:o(m),maxlength:o(h),minlength:o(g),name:o(b),pattern:o(x),placeholder:o(E),readonly:o(S),required:o(C),onBeforeinput:t[0]||=(...e)=>o(O)&&o(O)(...e),onChange:t[1]||=(...e)=>o(k)&&o(k)(...e),onSelect:t[2]||=(...e)=>o(A)&&o(A)(...e),onMouseover:t[3]||=(...e)=>o(j)&&o(j)(...e),onMouseleave:t[4]||=(...e)=>o(M)&&o(M)(...e),onPaste:t[5]||=(...e)=>o(N)&&o(N)(...e),onInput:t[6]||=(...e)=>o(P)&&o(P)(...e),onFocus:t[7]||=(...e)=>o(F)&&o(F)(...e),onBlur:t[8]||=(...e)=>o(I)&&o(I)(...e)}),null,16,s))}});export{c as default};

package/dist/components/input-otp/input-otp-root.js

@@ -1 +1 @@
-import{omit as e}from"../../shared/object.js";import{transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideInputOtpRootContext as r,useInputOtpUi as i}from"./context.js";import{createInputOtpSlots as a,getClampedOtpValue as o,isInputOtpValueValid as s,resolveInputOtpPattern as c,resolveInputOtpSelection as l,syncTimeouts as u}from"./shared.js";import{usePasswordManagerBadge as d}from"./use-password-manager-badge.js";import{computed as f,createElementBlock as p,defineComponent as m,guardReactiveProps as h,normalizeClass as ee,normalizeProps as te,normalizeStyle as ne,onBeforeUnmount as re,onMounted as ie,openBlock as g,renderSlot as _,shallowRef as v,unref as ae,useAttrs as oe,watch as se,watchEffect as ce}from"vue";import{defaultDocument as y,defaultWindow as b,useEventListener as x,usePrevious as S}from"@vueuse/core";const C=[`data-disabled`,`data-focused`,`data-hovering`,`data-complete`],w=m({name:`InputOtpRoot`,inheritAttrs:!1,__name:`input-otp-root`,props:{id:{},autocomplete:{default:`one-time-code`},autofocus:{type:Boolean},disabled:{type:Boolean},minlength:{},placeholder:{},readonly:{type:Boolean},ariaLabel:{},modelValue:{default:void 0},defaultValue:{default:``},maxlength:{},inputmode:{default:`numeric`},pattern:{},pushPasswordManagerStrategy:{default:`increase-width`},pasteTransformer:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`complete`,`input`,`change`,`select`,`focus`,`blur`,`mouseover`,`mouseleave`,`paste`],setup(m,{expose:w,emit:T}){let E=m,D=T,O=oe(),le=i(`root`),k=n(()=>E.modelValue,e=>{D(`update:modelValue`,e)},E.defaultValue),A=S(k),j=f(()=>k.value??``),M=t(E,[`autocomplete`,`autofocus`,`disabled`,`inputmode`,`maxlength`,`minlength`,`name`,`readonly`,`required`]);function N(e){return typeof e==`string`?e:void 0}let P=f(()=>N(E.id)??N(O.id)),F=f(()=>N(E.placeholder)??N(O.placeholder)),I=f(()=>N(E.ariaLabel??O.ariaLabel??O[`aria-label`])??`One-time password`),L=f(()=>c(E.pattern)),R=f(()=>e(O,[`class`,`style`,`id`,`placeholder`,`aria-label`])),z=f(()=>L.value?.source),B=v(!1),V=v(!1),H=v(null),U=v(null),W=v(null),G=v(null),ue=b?.CSS?.supports?.(`-webkit-touch-callout`,`none`)??!1,K=[null,null,null],de=f(()=>[le.value,O.class]),{willPushPWMBadge:fe}=d({containerElement:W,inputElement:G,pushPasswordManagerStrategy:()=>E.pushPasswordManagerStrategy,isFocused:V}),q=f(()=>({slots:a({value:j.value,maxlength:E.maxlength,placeholder:F.value,isFocused:V.value,selectionStart:H.value,selectionEnd:U.value}),isFocused:V.value,isHovering:!E.disabled&&B.value})),J=()=>{G.value?.focus()},Y=()=>{G.value?.blur()},X=()=>{G.value?.select()},Z=()=>{let e=G.value;if(!e)return;if(y?.activeElement!==e){H.value=null,U.value=null;return}let t=l({selectionStart:e.selectionStart,selectionEnd:e.selectionEnd,selectionDirection:e.selectionDirection,maxlength:E.maxlength,value:e.value,previousSelection:K});t.start!==null&&t.end!==null&&t.start!==t.end&&t.start>=0&&t.end<=E.maxlength&&e.setSelectionRange(t.start,t.end,t.direction??void 0),H.value=t.start,U.value=t.end,K=[t.start,t.end,t.direction]},pe=e=>{if(e.inputType!==`insertText`||e.data===null)return;let t=e.currentTarget,n=t.selectionStart??0,r=t.selectionEnd??0,i=n===r?`${t.value.slice(0,n)}${e.data}${t.value.slice(n)}`:`${t.value.slice(0,n)}${e.data}${t.value.slice(r)}`,a=o(i,E.maxlength);s(a,L.value)||e.preventDefault()},Q=e=>{let t=e.currentTarget;if(E.disabled||E.readonly){t.value=j.value;return}let n=o(t.value,E.maxlength);if(!s(n,L.value)){t.value=j.value,e.preventDefault();return}typeof A.value==`string`&&n.length<A.value.length&&y?.dispatchEvent(new Event(`selectionchange`)),k.value=n,D(`input`,n)},me=e=>{D(`change`,e)},he=e=>{D(`select`,e)},ge=e=>{B.value=!0,D(`mouseover`,e)},_e=e=>{B.value=!1,D(`mouseleave`,e)},ve=e=>{let t=G.value;if(!t)return;let n=Math.max(Math.min(t.value.length,E.maxlength-1),0),r=t.value.length;t.setSelectionRange(n,r),H.value=n,U.value=r,V.value=!0,D(`focus`,e)},ye=e=>{V.value=!1,D(`blur`,e)},be=e=>{let t=G.value;if(!t)return;if(!E.pasteTransformer&&(!ue||!e.clipboardData)){D(`paste`,e);return}let n=e.clipboardData?.getData(`text/plain`),r=E.pasteTransformer?E.pasteTransformer(n):n;e.preventDefault();let i=t.selectionStart??0,a=t.selectionEnd??0,c=i===a?`${j.value.slice(0,i)}${r??``}${j.value.slice(i)}`:`${j.value.slice(0,i)}${r??``}${j.value.slice(a)}`,l=o(c,E.maxlength);if(!s(l,L.value)){D(`paste`,e);return}k.value=l,D(`input`,l);let u=Math.max(Math.min(l.length,E.maxlength-1),0),d=l.length;t.setSelectionRange(u,d),H.value=u,U.value=d,D(`paste`,e)};r({...M,inputAttrs:R,willPushPWMBadge:fe,mirrorSelectionStart:H,mirrorSelectionEnd:U,modelValue:j,pattern:z,resolvedAccessibleLabel:I,resolvedId:P,resolvedPlaceholder:F,slots:f(()=>q.value.slots),isFocused:V,isHovering:B,inputElement:G,focus:J,blur:Y,select:X,onBeforeInput:pe,onNativeChange:me,onNativeSelect:he,onMouseOver:ge,onMouseLeave:_e,onPaste:be,onInput:Q,onFocus:ve,onBlur:ye});let $;return ie(()=>{let e=G.value;e&&(K=[e.selectionStart,e.selectionEnd,e.selectionDirection],$=x(y,`selectionchange`,Z,{capture:!0}),Z(),y?.activeElement===e&&(V.value=!0))}),re(()=>{$?.()}),se(()=>k.value,(e,t,n)=>{let r=u(()=>{let e=G.value;e&&e.selectionStart!==null&&e.selectionEnd!==null&&(H.value=e.selectionStart,U.value=e.selectionEnd,K=[e.selectionStart,e.selectionEnd,e.selectionDirection])});n(()=>{let e=b;e&&r.forEach(t=>e.clearTimeout(t))})},{immediate:!0}),ce(()=>{A.value!==void 0&&j.value!==A.value&&A.value.length<E.maxlength&&j.value.length===E.maxlength&&D(`complete`,j.value)}),w({focus:J,blur:Y,select:X,get $el(){return G.value}}),(e,t)=>(g(),p(`div`,{ref_key:`containerElement`,ref:W,"data-soybean-input-otp-root":``,"data-input-otp-container":``,"data-disabled":m.disabled?``:void 0,"data-focused":V.value?``:void 0,"data-hovering":!m.disabled&&B.value?``:void 0,"data-complete":j.value.length===m.maxlength?``:void 0,class:ee(de.value),style:ne(ae(O).style)},[_(e.$slots,`default`,te(h(q.value)))],14,C))}});export{w as default};
+import{omit as e}from"../../shared/object.js";import{toContext as t}from"../../shared/vue.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{provideInputOtpRootContext as r,useInputOtpUi as i}from"./context.js";import{createInputOtpSlots as a,getClampedOtpValue as o,isInputOtpValueValid as s,resolveInputOtpPattern as c,resolveInputOtpSelection as l,syncTimeouts as u}from"./shared.js";import{usePasswordManagerBadge as d}from"./use-password-manager-badge.js";import{computed as f,createElementBlock as p,defineComponent as m,guardReactiveProps as h,normalizeClass as ee,normalizeProps as te,normalizeStyle as ne,onBeforeUnmount as re,onMounted as ie,openBlock as g,renderSlot as _,shallowRef as v,unref as ae,useAttrs as oe,watch as se,watchEffect as ce}from"vue";import{defaultDocument as y,defaultWindow as b,useEventListener as x,usePrevious as S}from"@vueuse/core";const C=[`data-disabled`,`data-focused`,`data-hovering`,`data-complete`],w=m({name:`InputOtpRoot`,inheritAttrs:!1,__name:`input-otp-root`,props:{id:{},autocomplete:{default:`one-time-code`},autofocus:{type:Boolean},disabled:{type:Boolean},minlength:{},placeholder:{},readonly:{type:Boolean},ariaLabel:{},modelValue:{default:void 0},defaultValue:{default:``},maxlength:{},inputmode:{default:`numeric`},pattern:{},pushPasswordManagerStrategy:{default:`increase-width`},pasteTransformer:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`complete`,`input`,`change`,`select`,`focus`,`blur`,`mouseover`,`mouseleave`,`paste`],setup(m,{expose:w,emit:T}){let E=m,D=T,O=oe(),le=i(`root`),k=n(()=>E.modelValue,e=>{D(`update:modelValue`,e)},E.defaultValue),A=S(k),j=f(()=>k.value??``),M=t(E,[`autocomplete`,`autofocus`,`disabled`,`inputmode`,`maxlength`,`minlength`,`name`,`readonly`,`required`]);function N(e){return typeof e==`string`?e:void 0}let P=f(()=>N(E.id)??N(O.id)),F=f(()=>N(E.placeholder)??N(O.placeholder)),I=f(()=>N(E.ariaLabel??O.ariaLabel??O[`aria-label`])??`One-time password`),L=f(()=>c(E.pattern)),R=f(()=>e(O,[`class`,`style`,`id`,`placeholder`,`aria-label`])),z=f(()=>L.value?.source),B=v(!1),V=v(!1),H=v(null),U=v(null),W=v(null),G=v(null),ue=b?.CSS?.supports?.(`-webkit-touch-callout`,`none`)??!1,K=[null,null,null],de=f(()=>[le.value,O.class]),{willPushPWMBadge:fe}=d({containerElement:W,inputElement:G,pushPasswordManagerStrategy:()=>E.pushPasswordManagerStrategy,isFocused:V}),q=f(()=>({slots:a({value:j.value,maxlength:E.maxlength,placeholder:F.value,isFocused:V.value,selectionStart:H.value,selectionEnd:U.value}),isFocused:V.value,isHovering:!E.disabled&&B.value})),J=()=>{G.value?.focus()},Y=()=>{G.value?.blur()},X=()=>{G.value?.select()},Z=()=>{let e=G.value;if(!e)return;if(y?.activeElement!==e){H.value=null,U.value=null;return}let t=l({selectionStart:e.selectionStart,selectionEnd:e.selectionEnd,selectionDirection:e.selectionDirection,maxlength:E.maxlength,value:e.value,previousSelection:K});t.start!==null&&t.end!==null&&t.start!==t.end&&t.start>=0&&t.end<=E.maxlength&&e.setSelectionRange(t.start,t.end,t.direction??void 0),H.value=t.start,U.value=t.end,K=[t.start,t.end,t.direction]},pe=e=>{if(e.inputType!==`insertText`||e.data===null)return;let t=e.currentTarget,n=t.selectionStart??0,r=t.selectionEnd??0,i=n===r?`${t.value.slice(0,n)}${e.data}${t.value.slice(n)}`:`${t.value.slice(0,n)}${e.data}${t.value.slice(r)}`,a=o(i,E.maxlength);s(a,L.value)||e.preventDefault()},Q=e=>{let t=e.currentTarget;if(E.disabled||E.readonly){t.value=j.value;return}let n=o(t.value,E.maxlength);if(!s(n,L.value)){t.value=j.value,e.preventDefault();return}typeof A.value==`string`&&n.length<A.value.length&&y?.dispatchEvent(new Event(`selectionchange`)),k.value=n,D(`input`,n)},me=e=>{D(`change`,e)},he=e=>{D(`select`,e)},ge=e=>{B.value=!0,D(`mouseover`,e)},_e=e=>{B.value=!1,D(`mouseleave`,e)},ve=e=>{let t=G.value;if(!t)return;let n=Math.max(Math.min(t.value.length,E.maxlength-1),0),r=t.value.length;t.setSelectionRange(n,r),H.value=n,U.value=r,V.value=!0,D(`focus`,e)},ye=e=>{V.value=!1,D(`blur`,e)},be=e=>{let t=G.value;if(!t)return;if(!E.pasteTransformer&&(!ue||!e.clipboardData)){D(`paste`,e);return}let n=e.clipboardData?.getData(`text/plain`),r=E.pasteTransformer?E.pasteTransformer(n):n;e.preventDefault();let i=t.selectionStart??0,a=t.selectionEnd??0,c=i===a?`${j.value.slice(0,i)}${r??``}${j.value.slice(i)}`:`${j.value.slice(0,i)}${r??``}${j.value.slice(a)}`,l=o(c,E.maxlength);if(!s(l,L.value)){D(`paste`,e);return}k.value=l,D(`input`,l);let u=Math.max(Math.min(l.length,E.maxlength-1),0),d=l.length;t.setSelectionRange(u,d),H.value=u,U.value=d,D(`paste`,e)};r({...M,inputAttrs:R,willPushPWMBadge:fe,mirrorSelectionStart:H,mirrorSelectionEnd:U,modelValue:j,pattern:z,resolvedAccessibleLabel:I,resolvedId:P,resolvedPlaceholder:F,slots:f(()=>q.value.slots),isFocused:V,isHovering:B,inputElement:G,focus:J,blur:Y,select:X,onBeforeInput:pe,onNativeChange:me,onNativeSelect:he,onMouseOver:ge,onMouseLeave:_e,onPaste:be,onInput:Q,onFocus:ve,onBlur:ye});let $;return ie(()=>{let e=G.value;e&&(K=[e.selectionStart,e.selectionEnd,e.selectionDirection],$=x(y,`selectionchange`,Z,{capture:!0}),Z(),y?.activeElement===e&&(V.value=!0))}),re(()=>{$?.()}),se(()=>k.value,(e,t,n)=>{let r=u(()=>{let e=G.value;e&&e.selectionStart!==null&&e.selectionEnd!==null&&(H.value=e.selectionStart,U.value=e.selectionEnd,K=[e.selectionStart,e.selectionEnd,e.selectionDirection])});n(()=>{let e=b;e&&r.forEach(t=>e.clearTimeout(t))})},{immediate:!0}),ce(()=>{A.value!==void 0&&j.value!==A.value&&A.value.length<E.maxlength&&j.value.length===E.maxlength&&D(`complete`,j.value)}),w({focus:J,blur:Y,select:X,get $el(){return G.value}}),(e,t)=>(g(),p(`div`,{ref_key:`containerElement`,ref:W,"data-soybean-input-otp-root":``,"data-input-otp-container":``,"data-disabled":m.disabled?``:void 0,"data-focused":V.value?``:void 0,"data-hovering":!m.disabled&&B.value?``:void 0,"data-complete":j.value.length===m.maxlength?``:void 0,class:ee(de.value),style:ne(ae(O).style)},[_(e.$slots,`default`,te(h(q.value)))],14,C))}});export{w as default};

package/dist/components/input-otp/input-otp-root.vue.d.ts

@@ -16,8 +16,8 @@ declare const __VLS_base: import("vue").DefineComponent<InputOtpRootProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   input: (value: string) => any;
   select: (event: Event) => any;
-  blur: (event: FocusEvent) => any;
   change: (event: Event) => any;
+  blur: (event: FocusEvent) => any;
   focus: (event: FocusEvent) => any;
   mouseleave: (event: MouseEvent) => any;
   mouseover: (event: MouseEvent) => any;
@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<InputOtpRootProps, {
 }, string, import("vue").PublicProps, Readonly<InputOtpRootProps> & Readonly<{
   onInput?: ((value: string) => any) | undefined;
   onSelect?: ((event: Event) => any) | undefined;
-  onBlur?: ((event: FocusEvent) => any) | undefined;
   onChange?: ((event: Event) => any) | undefined;
+  onBlur?: ((event: FocusEvent) => any) | undefined;
   onFocus?: ((event: FocusEvent) => any) | undefined;
   onMouseleave?: ((event: MouseEvent) => any) | undefined;
   onMouseover?: ((event: MouseEvent) => any) | undefined;

package/dist/components/input-otp/types.d.ts

@@ -7,15 +7,15 @@ import { ComputedRef, InputHTMLAttributes, ShallowRef } from "vue";
 /**
  * Type information for InputOtpInputMode.
  */
-type InputOtpInputMode = 'numeric' | 'text';
+export type InputOtpInputMode = 'numeric' | 'text';
 /**
  * Type information for InputOtpPushPasswordManagerStrategy.
  */
-type InputOtpPushPasswordManagerStrategy = 'increase-width' | 'none';
+export type InputOtpPushPasswordManagerStrategy = 'increase-width' | 'none';
 /**
  * Properties for the InputOtpRoot component.
  */
-interface InputOtpRootProps extends FormFieldCommonProps, Omit<BaseProps, 'onInput'> {
+export interface InputOtpRootProps extends FormFieldCommonProps, Omit<BaseProps, 'onInput'> {
   /** The id of the native input element. */
   id?: string;
   /** Autocomplete hint passed to the native input. */
@@ -50,7 +50,7 @@ interface InputOtpRootProps extends FormFieldCommonProps, Omit<BaseProps, 'onInp
 /**
  * Events for the InputOtpRoot component.
  */
-type InputOtpRootEmits = {
+export type InputOtpRootEmits = {
   /**
    * Emitted when the model value changes.
    */
@@ -95,23 +95,23 @@ type InputOtpRootEmits = {
 /**
  * Properties for the InputOtpPositioner component.
  */
-interface InputOtpPositionerProps extends BaseProps {}
+export interface InputOtpPositionerProps extends BaseProps {}
 /**
  * Properties for the InputOtpInput component.
  */
-interface InputOtpInputProps extends BaseProps<InputHTMLAttributes> {}
+export interface InputOtpInputProps extends BaseProps<InputHTMLAttributes> {}
 /**
  * Properties for the InputOtpCompact component.
  */
-interface InputOtpCompactProps extends InputOtpRootProps {}
+export interface InputOtpCompactProps extends InputOtpRootProps {}
 /**
  * Events for the InputOtpCompact component.
  */
-type InputOtpCompactEmits = InputOtpRootEmits;
+export type InputOtpCompactEmits = InputOtpRootEmits;
 /**
  * Slots for the InputOtpCompact component.
  */
-type InputOtpCompactSlots = {
+export type InputOtpCompactSlots = {
   /**
    * Custom content for the default slot.
    */
@@ -120,7 +120,7 @@ type InputOtpCompactSlots = {
 /**
  * Slot properties for the InputOtp component.
  */
-interface InputOtpSlotProps {
+export interface InputOtpSlotProps {
   /** The typed character at the current slot. */
   char: string | null;
   /** Placeholder character rendered when the slot is empty. */
@@ -133,7 +133,7 @@ interface InputOtpSlotProps {
 /**
  * Slot properties for the InputOtpRoot component.
  */
-interface InputOtpRootSlotProps {
+export interface InputOtpRootSlotProps {
   /**
    * Slots exposed in the slot scope.
    */
@@ -150,7 +150,7 @@ interface InputOtpRootSlotProps {
 /**
  * Context for the InputOtpRoot component.
  */
-interface InputOtpRootContext {
+export interface InputOtpRootContext {
   /**
    * Autocomplete used by the component context.
    */
@@ -291,10 +291,9 @@ interface InputOtpRootContext {
 /**
  * Available UI slots for the InputOtp component.
  */
-type InputOtpUiSlot = 'root' | 'positioner' | 'input' | 'group' | 'slot' | 'char' | 'placeholder' | 'caret';
+export type InputOtpUiSlot = 'root' | 'positioner' | 'input' | 'group' | 'slot' | 'char' | 'placeholder' | 'caret';
 /**
  * UI class overrides for the InputOtp component.
  */
-type InputOtpUi = UiClass<InputOtpUiSlot>;
-//#endregion
-export { InputOtpCompactEmits, InputOtpCompactProps, InputOtpCompactSlots, InputOtpInputMode, InputOtpInputProps, InputOtpPositionerProps, InputOtpPushPasswordManagerStrategy, InputOtpRootContext, InputOtpRootEmits, InputOtpRootProps, InputOtpRootSlotProps, InputOtpSlotProps, InputOtpUi, InputOtpUiSlot };
+export type InputOtpUi = UiClass<InputOtpUiSlot>;
+//#endregion

package/dist/components/kbd/kbd.js

@@ -1 +1 @@
-import{useKbd as e}from"../../composables/use-kbd.js";import"../../composables/index.js";import{computed as t,createElementBlock as n,createTextVNode as r,defineComponent as i,openBlock as a,renderSlot as o,toDisplayString as s}from"vue";const c=[`data-group`],l=i({name:`Kbd`,__name:`kbd`,props:{value:{},symbolize:{type:Boolean,default:!0}},setup(i){let l=i,{getKeyboardKey:u}=e(),d=t(()=>(Array.isArray(l.value)?l.value:[l.value]).map(e=>l.symbolize?u(e):e).join(``));return(e,t)=>(a(),n(`kbd`,{"data-soybean-kbd":``,"data-group":Array.isArray(i.value)?``:void 0},[o(e.$slots,`default`,{},()=>[r(s(d.value),1)])],8,c))}});export{l as default};
+import{useKbd as e}from"../../composables/use-kbd.js";import{computed as t,createElementBlock as n,createTextVNode as r,defineComponent as i,openBlock as a,renderSlot as o,toDisplayString as s}from"vue";const c=[`data-group`],l=i({name:`Kbd`,__name:`kbd`,props:{value:{},symbolize:{type:Boolean,default:!0}},setup(i){let l=i,{getKeyboardKey:u}=e(),d=t(()=>(Array.isArray(l.value)?l.value:[l.value]).map(e=>l.symbolize?u(e):e).join(``));return(e,t)=>(a(),n(`kbd`,{"data-soybean-kbd":``,"data-group":Array.isArray(i.value)?``:void 0},[o(e.$slots,`default`,{},()=>[r(s(d.value),1)])],8,c))}});export{l as default};

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

@@ -5,11 +5,11 @@ import "../../types/index.js";
 /**
  * Type information for KbdValue.
  */
-type KbdValue = KbdKey | (string & {});
+export type KbdValue = KbdKey | (string & {});
 /**
  * Properties for the Kbd component.
  */
-interface KbdProps extends BaseProps {
+export interface KbdProps extends BaseProps {
   /**
    * The value of the component.
    */
@@ -21,5 +21,4 @@ interface KbdProps extends BaseProps {
    */
   symbolize?: boolean;
 }
-//#endregion
-export { KbdProps, KbdValue };
+//#endregion

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

@@ -4,9 +4,8 @@ import "../../types/index.js";
 /**
  * Properties for the Label component.
  */
-interface LabelProps extends BaseProps {
+export interface LabelProps extends BaseProps {
   /** The id of the element the label is associated with. */
   for?: string;
 }
-//#endregion
-export { LabelProps };
+//#endregion

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

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

package/dist/components/layout/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";const[n,r]=e(`LayoutRoot`,e=>{let{open:t,isMobile:n,mobileOpen:r}=e,i=e=>{t.value=e},a=e=>{r.value=e},o=()=>{n.value?r.value=!r.value:t.value=!t.value};return{...e,onOpenChange:i,onMobileOpenChange:a,toggleSidebar:o}}),[i,a]=t(`LayoutUi`);export{n as provideLayoutRootContext,i as provideLayoutUi,r as useLayoutRootContext,a as useLayoutUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";const[n,r]=e(`LayoutRoot`,e=>{let{open:t,isMobile:n,mobileOpen:r}=e,i=e=>{t.value=e},a=e=>{r.value=e},o=()=>{n.value?r.value=!r.value:t.value=!t.value};return{...e,onOpenChange:i,onMobileOpenChange:a,toggleSidebar:o}}),[i,a]=t(`LayoutUi`);export{n as provideLayoutRootContext,i as provideLayoutUi,r as useLayoutRootContext,a as useLayoutUi};

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./layout-content.js";import n from"./layout-footer.js";import r from"./layout-header.js";import i from"./layout-main.js";import a from"./layout-placeholder.js";import o from"./layout-rail.js";import s from"./layout-root.js";import c from"./layout-sidebar.js";import l from"./layout-tab.js";import{computed as u,createBlock as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeProps as g,openBlock as _,renderSlot as v,unref as y,useId as b,withCtx as x}from"vue";const S=p({name:`LayoutCompact`,__name:`layout-compact`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},side:{},variant:{},collapsible:{},sidebarVisible:{type:Boolean,default:!0},sidebarWidth:{},collapsedSidebarWidth:{},isMobile:{type:Boolean},mobileSidebarWidth:{},headerVisible:{type:Boolean,default:!0},headerHeight:{},tabVisible:{type:Boolean,default:!0},tabHeight:{},footerVisible:{type:Boolean,default:!0},footerHeight:{},fullContent:{type:Boolean},pxToRem:{},orientation:{},scrollBehavior:{},scrollId:{},baseZIndex:{},fixedTop:{type:Boolean,default:!0},fixedFooter:{type:Boolean},stretchFooter:{type:Boolean},sidebarProps:{},railProps:{},mainProps:{},headerProps:{},tabProps:{},contentProps:{},footerProps:{},mobileProps:{}},emits:[`update:open`],setup(p,{emit:S}){let C=p,w=S,T=b(),E=u(()=>C.scrollId??`soybean-layout-scroll-${T}`),D=e(C,[`sidebarProps`,`railProps`,`mainProps`,`headerProps`,`tabProps`,`contentProps`,`footerProps`,`mobileProps`]);return(e,u)=>(_(),d(s,h(y(D),{"onUpdate:open":u[0]||(u[0]=e=>w(`update:open`,e))}),{default:x(s=>[f(c,g(m(p.sidebarProps)),{default:x(()=>[v(e.$slots,`sidebar`,g(m(s))),f(o,g(m(p.railProps)),null,16)]),_:2},1040),f(i,h(p.mainProps,{id:p.scrollBehavior===`wrapper`?E.value:void 0}),{default:x(()=>[f(r,g(m(p.headerProps)),{default:x(()=>[v(e.$slots,`header`)]),_:3},16),f(a,{type:`header`}),f(l,g(m(p.tabProps)),{default:x(()=>[v(e.$slots,`tab`)]),_:3},16),f(a,{type:`tab`}),f(t,h(p.contentProps,{id:p.scrollBehavior===`content`?E.value:void 0}),{default:x(()=>[v(e.$slots,`default`)]),_:3},16,[`id`]),f(n,g(m(p.footerProps)),{default:x(()=>[v(e.$slots,`footer`)]),_:3},16),f(a,{type:`footer`})]),_:3},16,[`id`])]),_:3},16))}});export{S as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import t from"./layout-content.js";import n from"./layout-footer.js";import r from"./layout-header.js";import i from"./layout-main.js";import a from"./layout-placeholder.js";import o from"./layout-rail.js";import s from"./layout-root.js";import c from"./layout-sidebar.js";import l from"./layout-tab.js";import{computed as u,createBlock as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeProps as g,openBlock as _,renderSlot as v,unref as y,useId as b,withCtx as x}from"vue";const S=p({name:`LayoutCompact`,__name:`layout-compact`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},side:{},variant:{},collapsible:{},sidebarVisible:{type:Boolean,default:!0},sidebarWidth:{},collapsedSidebarWidth:{},isMobile:{type:Boolean},mobileSidebarWidth:{},headerVisible:{type:Boolean,default:!0},headerHeight:{},tabVisible:{type:Boolean,default:!0},tabHeight:{},footerVisible:{type:Boolean,default:!0},footerHeight:{},fullContent:{type:Boolean},pxToRem:{},orientation:{},scrollBehavior:{},scrollId:{},baseZIndex:{},fixedTop:{type:Boolean,default:!0},fixedFooter:{type:Boolean},stretchFooter:{type:Boolean},sidebarProps:{},railProps:{},mainProps:{},headerProps:{},tabProps:{},contentProps:{},footerProps:{},mobileProps:{}},emits:[`update:open`],setup(p,{emit:S}){let C=p,w=S,T=b(),E=u(()=>C.scrollId??`soybean-layout-scroll-${T}`),D=e(C,[`sidebarProps`,`railProps`,`mainProps`,`headerProps`,`tabProps`,`contentProps`,`footerProps`,`mobileProps`]);return(e,u)=>(_(),d(s,h(y(D),{"onUpdate:open":u[0]||=e=>w(`update:open`,e)}),{default:x(s=>[f(c,g(m(p.sidebarProps)),{default:x(()=>[v(e.$slots,`sidebar`,g(m(s))),f(o,g(m(p.railProps)),null,16)]),_:2},1040),f(i,h(p.mainProps,{id:p.scrollBehavior===`wrapper`?E.value:void 0}),{default:x(()=>[f(r,g(m(p.headerProps)),{default:x(()=>[v(e.$slots,`header`)]),_:3},16),f(a,{type:`header`}),f(l,g(m(p.tabProps)),{default:x(()=>[v(e.$slots,`tab`)]),_:3},16),f(a,{type:`tab`}),f(t,h(p.contentProps,{id:p.scrollBehavior===`content`?E.value:void 0}),{default:x(()=>[v(e.$slots,`default`)]),_:3},16,[`id`]),f(n,g(m(p.footerProps)),{default:x(()=>[v(e.$slots,`footer`)]),_:3},16),f(a,{type:`footer`})]),_:3},16,[`id`])]),_:3},16))}});export{S as default};

package/dist/components/layout/layout-mobile.js

@@ -1 +1 @@
-import e from"../portal/portal.js";import t from"../dialog/dialog-overlay.js";import n from"../dialog/dialog-popup.js";import r from"../dialog/dialog-root.js";import"../dialog/index.js";import{useLayoutRootContext as i,useLayoutUi as a}from"./context.js";import{layoutCssVars as o}from"./shared.js";import{computed as s,createBlock as c,createElementVNode as l,createVNode as u,defineComponent as d,mergeProps as f,normalizeClass as p,normalizeStyle as m,openBlock as h,renderSlot as g,unref as _,useAttrs as v,withCtx as y}from"vue";const b=d({name:`LayoutMobile`,inheritAttrs:!1,__name:`layout-mobile`,setup(d){let b=v(),{mobileOpen:x,mobileSidebarWidth:S,onMobileOpenChange:C}=i(`LayoutMobile`),w=a(),T=s(()=>({[o.sidebarWidth]:`${S.value}rem`}));return(i,a)=>(h(),c(_(r),{open:_(x),"onUpdate:open":_(C)},{default:y(()=>[u(_(e),null,{default:y(()=>[u(_(t),{class:p(_(w).mobileOverlay)},null,8,[`class`]),u(_(n),{"data-soybean-layout-mobile":``,class:p(_(w).mobileDrawer),style:m(T.value)},{default:y(()=>[l(`div`,f(_(b),{class:_(w).mobile,"data-sidebar":`sidebar`,"data-mobile":``}),[g(i.$slots,`default`)],16)]),_:3},8,[`class`,`style`])]),_:3})]),_:3},8,[`open`,`onUpdate:open`]))}});export{b as default};
+import e from"../portal/portal.js";import t from"../dialog/dialog-overlay.js";import n from"../dialog/dialog-popup.js";import r from"../dialog/dialog-root.js";import{useLayoutRootContext as i,useLayoutUi as a}from"./context.js";import{layoutCssVars as o}from"./shared.js";import{computed as s,createBlock as c,createElementVNode as l,createVNode as u,defineComponent as d,mergeProps as f,normalizeClass as p,normalizeStyle as m,openBlock as h,renderSlot as g,unref as _,useAttrs as v,withCtx as y}from"vue";const b=d({name:`LayoutMobile`,inheritAttrs:!1,__name:`layout-mobile`,setup(d){let b=v(),{mobileOpen:x,mobileSidebarWidth:S,onMobileOpenChange:C}=i(`LayoutMobile`),w=a(),T=s(()=>({[o.sidebarWidth]:`${S.value}rem`}));return(i,a)=>(h(),c(_(r),{open:_(x),"onUpdate:open":_(C)},{default:y(()=>[u(_(e),null,{default:y(()=>[u(_(t),{class:p(_(w).mobileOverlay)},null,8,[`class`]),u(_(n),{"data-soybean-layout-mobile":``,class:p(_(w).mobileDrawer),style:m(T.value)},{default:y(()=>[l(`div`,f(_(b),{class:_(w).mobile,"data-sidebar":`sidebar`,"data-mobile":``}),[g(i.$slots,`default`)],16)]),_:3},8,[`class`,`style`])]),_:3})]),_:3},8,[`open`,`onUpdate:open`]))}});export{b as default};

package/dist/components/layout/layout-rail.js

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useLayoutRootContext as t,useLayoutUi as n}from"./context.js";import{createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`aria-label`,`aria-expanded`,`title`],u=i({name:`LayoutRail`,__name:`layout-rail`,setup(i){let{toggleSidebar:u,open:d}=t(`LayoutRail`),f=e(),p=n(`rail`);return(e,t)=>(o(),r(`button`,{class:a(c(p)),"data-soybean-layout-rail":``,"data-sidebar":`rail`,"aria-label":c(f).layout.toggleSidebar,"aria-expanded":!!c(d),tabindex:-1,title:c(f).layout.toggleSidebar,onClick:t[0]||(t[0]=(...e)=>c(u)&&c(u)(...e))},[s(e.$slots,`default`)],10,l))}});export{u as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import{useLayoutRootContext as t,useLayoutUi as n}from"./context.js";import{createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`aria-label`,`aria-expanded`,`title`],u=i({name:`LayoutRail`,__name:`layout-rail`,setup(i){let{toggleSidebar:u,open:d}=t(`LayoutRail`),f=e(),p=n(`rail`);return(e,t)=>(o(),r(`button`,{class:a(c(p)),"data-soybean-layout-rail":``,"data-sidebar":`rail`,"aria-label":c(f).layout.toggleSidebar,"aria-expanded":!!c(d),tabindex:-1,title:c(f).layout.toggleSidebar,onClick:t[0]||=(...e)=>c(u)&&c(u)(...e)},[s(e.$slots,`default`)],10,l))}});export{u as default};

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideLayoutRootContext as n,useLayoutUi as r}from"./context.js";import{layoutCssVars as i}from"./shared.js";import{computed as a,createElementBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p}from"vue";const m=[`data-collapsible`,`data-orientation`,`data-side`,`data-state`,`data-variant`,`data-mobile`,`data-scroll-behavior`,`data-full-content`,`data-sidebar-visible`,`data-header-visible`,`data-tab-visible`,`data-footer-visible`,`data-fixed-top`,`data-fixed-footer`,`data-stretch-footer`],h=s({name:`LayoutRoot`,__name:`layout-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},side:{default:`left`},variant:{default:`sidebar`},collapsible:{default:`icon`},sidebarVisible:{type:Boolean,default:!0},sidebarWidth:{default:240},collapsedSidebarWidth:{default:50},isMobile:{type:Boolean,default:!1},mobileSidebarWidth:{default:240},headerVisible:{type:Boolean,default:!0},headerHeight:{default:56},tabVisible:{type:Boolean,default:!0},tabHeight:{default:44},footerVisible:{type:Boolean,default:!0},footerHeight:{default:48},fullContent:{type:Boolean},pxToRem:{type:Function,default:e=>e/16},orientation:{default:`horizontal`},scrollBehavior:{default:`content`},scrollId:{},baseZIndex:{default:50},fixedTop:{type:Boolean,default:!0},fixedFooter:{type:Boolean},stretchFooter:{type:Boolean}},emits:[`update:open`],setup(s,{emit:h}){let g=s,_=h,v=r(`root`),y=t(()=>g.open,e=>{_(`update:open`,e)},g.defaultOpen),b=f(!1),x=a(()=>y.value?`expanded`:`collapsed`),S=a(()=>x.value===`collapsed`?g.collapsible:``),C=a(()=>g.orientation===`horizontal`),w=a(()=>g.orientation===`vertical`),T=a(()=>w.value||g.scrollBehavior===`content`||!!g.fixedTop),E=a(()=>g.scrollBehavior===`content`||!!g.fixedFooter),D=a(()=>E.value&&g.stretchFooter),O=a(()=>g.collapsible===`offcanvas`),k=a(()=>{let e=g.pxToRem(g.sidebarWidth),t=O.value?`0`:g.pxToRem(g.collapsedSidebarWidth),n=y.value?e:t,r=g.pxToRem(g.headerHeight),a=g.pxToRem(g.tabHeight),o=g.pxToRem(g.footerHeight),s=g.sidebarVisible?`${n}rem`:`0px`,c=C.value?s:`0px`,l=A()?s:`0px`,u=g.headerVisible&&!C.value?`${r}rem`:`0px`,d=g.footerVisible&&l===`0px`?`${o}rem`:`0px`,f=u===`0px`&&d===`0px`?`100%`:`calc(100% - ${u} - ${d})`,p=C.value?g.baseZIndex-2:g.baseZIndex-5,m=g.baseZIndex-4,h=g.baseZIndex-6,_=d?p+1:p-6;return{[i.sidebarWidth]:`${e}rem`,[i.collapsedSidebarWidth]:`${t}rem`,[i.currentSidebarWidth]:`${n}rem`,[i.baseZIndex]:g.baseZIndex,[i.headerHeight]:`${r}rem`,[i.tabHeight]:`${a}rem`,[i.footerHeight]:`${o}rem`,[i.sidebarTopGap]:u,[i.sidebarBottomGap]:d,[i.sidebarHeight]:f,[i.startGap]:s,[i.headerStartGap]:c,[i.footerStartGap]:l,[i.sidebarZIndex]:p,[i.headerZIndex]:m,[i.tabZIndex]:h,[i.footerZIndex]:_}});function A(){return C.value||g.scrollBehavior===`wrapper`&&!E.value?!0:!D.value}let j=a(()=>g.pxToRem(g.mobileSidebarWidth));return n({...e(g,[`sidebarWidth`,`collapsedSidebarWidth`,`isMobile`,`sidebarVisible`,`headerVisible`,`tabVisible`,`footerVisible`]),open:y,mobileOpen:b,mobileSidebarWidth:j,fixedTop:T,fixedFooter:E}),(e,t)=>(u(),o(`div`,{"data-soybean-layout-root":``,class:c(p(v)),"data-collapsible":S.value,"data-orientation":s.orientation,"data-side":s.side,"data-state":x.value,"data-variant":s.variant,"data-mobile":!!s.isMobile,"data-scroll-behavior":s.scrollBehavior,"data-full-content":!!s.fullContent,"data-sidebar-visible":!!s.sidebarVisible,"data-header-visible":!!s.headerVisible,"data-tab-visible":!!s.tabVisible,"data-footer-visible":!!s.footerVisible,"data-fixed-top":!!T.value,"data-fixed-footer":!!E.value,"data-stretch-footer":!!D.value,style:l(k.value)},[d(e.$slots,`default`,{open:p(y),collapsedSidebarWidth:s.collapsedSidebarWidth})],14,m))}});export{h as default};
+import{toContext as e}from"../../shared/vue.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{provideLayoutRootContext as n,useLayoutUi as r}from"./context.js";import{layoutCssVars as i}from"./shared.js";import{computed as a,createElementBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p}from"vue";const m=[`data-collapsible`,`data-orientation`,`data-side`,`data-state`,`data-variant`,`data-mobile`,`data-scroll-behavior`,`data-full-content`,`data-sidebar-visible`,`data-header-visible`,`data-tab-visible`,`data-footer-visible`,`data-fixed-top`,`data-fixed-footer`,`data-stretch-footer`],h=s({name:`LayoutRoot`,__name:`layout-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},side:{default:`left`},variant:{default:`sidebar`},collapsible:{default:`icon`},sidebarVisible:{type:Boolean,default:!0},sidebarWidth:{default:240},collapsedSidebarWidth:{default:50},isMobile:{type:Boolean,default:!1},mobileSidebarWidth:{default:240},headerVisible:{type:Boolean,default:!0},headerHeight:{default:56},tabVisible:{type:Boolean,default:!0},tabHeight:{default:44},footerVisible:{type:Boolean,default:!0},footerHeight:{default:48},fullContent:{type:Boolean},pxToRem:{type:Function,default:e=>e/16},orientation:{default:`horizontal`},scrollBehavior:{default:`content`},scrollId:{},baseZIndex:{default:50},fixedTop:{type:Boolean,default:!0},fixedFooter:{type:Boolean},stretchFooter:{type:Boolean}},emits:[`update:open`],setup(s,{emit:h}){let g=s,_=h,v=r(`root`),y=t(()=>g.open,e=>{_(`update:open`,e)},g.defaultOpen),b=f(!1),x=a(()=>y.value?`expanded`:`collapsed`),S=a(()=>x.value===`collapsed`?g.collapsible:``),C=a(()=>g.orientation===`horizontal`),w=a(()=>g.orientation===`vertical`),T=a(()=>w.value||g.scrollBehavior===`content`||!!g.fixedTop),E=a(()=>g.scrollBehavior===`content`||!!g.fixedFooter),D=a(()=>E.value&&g.stretchFooter),O=a(()=>g.collapsible===`offcanvas`),k=a(()=>{let e=g.pxToRem(g.sidebarWidth),t=O.value?`0`:g.pxToRem(g.collapsedSidebarWidth),n=y.value?e:t,r=g.pxToRem(g.headerHeight),a=g.pxToRem(g.tabHeight),o=g.pxToRem(g.footerHeight),s=g.sidebarVisible?`${n}rem`:`0px`,c=C.value?s:`0px`,l=A()?s:`0px`,u=g.headerVisible&&!C.value?`${r}rem`:`0px`,d=g.footerVisible&&l===`0px`?`${o}rem`:`0px`,f=u===`0px`&&d===`0px`?`100%`:`calc(100% - ${u} - ${d})`,p=C.value?g.baseZIndex-2:g.baseZIndex-5,m=g.baseZIndex-4,h=g.baseZIndex-6,_=d?p+1:p-6;return{[i.sidebarWidth]:`${e}rem`,[i.collapsedSidebarWidth]:`${t}rem`,[i.currentSidebarWidth]:`${n}rem`,[i.baseZIndex]:g.baseZIndex,[i.headerHeight]:`${r}rem`,[i.tabHeight]:`${a}rem`,[i.footerHeight]:`${o}rem`,[i.sidebarTopGap]:u,[i.sidebarBottomGap]:d,[i.sidebarHeight]:f,[i.startGap]:s,[i.headerStartGap]:c,[i.footerStartGap]:l,[i.sidebarZIndex]:p,[i.headerZIndex]:m,[i.tabZIndex]:h,[i.footerZIndex]:_}});function A(){return C.value||g.scrollBehavior===`wrapper`&&!E.value?!0:!D.value}let j=a(()=>g.pxToRem(g.mobileSidebarWidth));return n({...e(g,[`sidebarWidth`,`collapsedSidebarWidth`,`isMobile`,`sidebarVisible`,`headerVisible`,`tabVisible`,`footerVisible`]),open:y,mobileOpen:b,mobileSidebarWidth:j,fixedTop:T,fixedFooter:E}),(e,t)=>(u(),o(`div`,{"data-soybean-layout-root":``,class:c(p(v)),"data-collapsible":S.value,"data-orientation":s.orientation,"data-side":s.side,"data-state":x.value,"data-variant":s.variant,"data-mobile":!!s.isMobile,"data-scroll-behavior":s.scrollBehavior,"data-full-content":!!s.fullContent,"data-sidebar-visible":!!s.sidebarVisible,"data-header-visible":!!s.headerVisible,"data-tab-visible":!!s.tabVisible,"data-footer-visible":!!s.footerVisible,"data-fixed-top":!!T.value,"data-fixed-footer":!!E.value,"data-stretch-footer":!!D.value,style:l(k.value)},[d(e.$slots,`default`,{open:p(y),collapsedSidebarWidth:s.collapsedSidebarWidth})],14,m))}});export{h as default};

package/dist/components/layout/layout-trigger.js

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../_icon/icon.js";import n from"../button/button.js";import{useLayoutRootContext as r,useLayoutUi as i}from"./context.js";import{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:`LayoutTrigger`,__name:`layout-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let p=s,{open:m,toggleSidebar:h}=r(`LayoutTrigger`),g=e(),_=i(`trigger`);return(e,r)=>(l(),a(n,c(p,{"data-soybean-layout-trigger":``,class:d(_),"aria-label":d(g).layout.toggleSidebar,"aria-expanded":!!d(m),"data-sidebar":`trigger`,onClick:d(h)}),{default:f(()=>[u(e.$slots,`default`,{open:d(m)},()=>[o(t,{icon:d(m)?`lucide:panel-right`:`lucide:panel-left`},null,8,[`icon`])])]),_:3},16,[`class`,`aria-label`,`aria-expanded`,`onClick`]))}});export{p as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import t from"../_icon/icon.js";import n from"../button/button.js";import{useLayoutRootContext as r,useLayoutUi as i}from"./context.js";import{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:`LayoutTrigger`,__name:`layout-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let p=s,{open:m,toggleSidebar:h}=r(`LayoutTrigger`),g=e(),_=i(`trigger`);return(e,r)=>(l(),a(n,c(p,{"data-soybean-layout-trigger":``,class:d(_),"aria-label":d(g).layout.toggleSidebar,"aria-expanded":!!d(m),"data-sidebar":`trigger`,onClick:d(h)}),{default:f(()=>[u(e.$slots,`default`,{open:d(m)},()=>[o(t,{icon:d(m)?`lucide:panel-right`:`lucide:panel-left`},null,8,[`icon`])])]),_:3},16,[`class`,`aria-label`,`aria-expanded`,`onClick`]))}});export{p as default};

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

@@ -7,23 +7,23 @@ import { ComputedRef, ShallowRef } from "vue";
 /**
  * Type information for LayoutVariant.
  */
-type LayoutVariant = 'sidebar' | 'floating' | 'inset';
+export type LayoutVariant = 'sidebar' | 'floating' | 'inset';
 /**
  * Type information for LayoutSide.
  */
-type LayoutSide = HorizontalSide;
+export type LayoutSide = HorizontalSide;
 /**
  * Type information for LayoutCollapsible.
  */
-type LayoutCollapsible = 'offcanvas' | 'icon';
+export type LayoutCollapsible = 'offcanvas' | 'icon';
 /**
  * State values for LayoutSidebarState.
  */
-type LayoutSidebarState = 'expanded' | 'collapsed';
+export type LayoutSidebarState = 'expanded' | 'collapsed';
 /**
  * Properties for the LayoutRoot component.
  */
-interface LayoutRootProps extends BaseProps {
+export interface LayoutRootProps extends BaseProps {
   /** The controlled open state of the layout. Can be bound with `v-model`. */
   open?: boolean;
   /** The open state of the layout when it is initially rendered.
@@ -154,7 +154,7 @@ interface LayoutRootProps extends BaseProps {
 /**
  * Events for the LayoutRoot component.
  */
-type LayoutRootEmits = {
+export type LayoutRootEmits = {
   /**
    * Emitted when the open state changes.
    */
@@ -163,39 +163,39 @@ type LayoutRootEmits = {
 /**
  * Properties for the LayoutSidebar component.
  */
-interface LayoutSidebarProps extends BaseProps {}
+export interface LayoutSidebarProps extends BaseProps {}
 /**
  * Properties for the LayoutRail component.
  */
-interface LayoutRailProps extends BaseProps {}
+export interface LayoutRailProps extends BaseProps {}
 /**
  * Properties for the LayoutMain component.
  */
-interface LayoutMainProps extends BaseProps {}
+export interface LayoutMainProps extends BaseProps {}
 /**
  * Properties for the LayoutHeader component.
  */
-interface LayoutHeaderProps extends BaseProps {}
+export interface LayoutHeaderProps extends BaseProps {}
 /**
  * Properties for the LayoutTab component.
  */
-interface LayoutTabProps extends BaseProps {}
+export interface LayoutTabProps extends BaseProps {}
 /**
  * Properties for the LayoutContent component.
  */
-interface LayoutContentProps extends BaseProps {}
+export interface LayoutContentProps extends BaseProps {}
 /**
  * Properties for the LayoutFooter component.
  */
-interface LayoutFooterProps extends BaseProps {}
+export interface LayoutFooterProps extends BaseProps {}
 /**
  * Properties for the LayoutTrigger component.
  */
-interface LayoutTriggerProps extends ButtonProps {}
+export interface LayoutTriggerProps extends ButtonProps {}
 /**
  * Properties for the LayoutMobile component.
  */
-interface LayoutMobileProps extends BaseProps {}
+export interface LayoutMobileProps extends BaseProps {}
 /**
  * Properties for the Layout Others component.
  */
@@ -212,15 +212,15 @@ interface LayoutOthersProps {
 /**
  * Properties for the LayoutCompact component.
  */
-interface LayoutCompactProps extends LayoutRootProps, LayoutOthersProps {}
+export interface LayoutCompactProps extends LayoutRootProps, LayoutOthersProps {}
 /**
  * Events for the LayoutCompact component.
  */
-type LayoutCompactEmits = LayoutRootEmits;
+export type LayoutCompactEmits = LayoutRootEmits;
 /**
  * Slots for the LayoutCompact component.
  */
-type LayoutCompactSlots = {
+export type LayoutCompactSlots = {
   /**
    * Custom content for the default slot.
    */
@@ -252,14 +252,13 @@ type LayoutCompactSlots = {
 /**
  * Type information for LayoutScrollBehavior.
  */
-type LayoutScrollBehavior = 'wrapper' | 'content';
+export type LayoutScrollBehavior = 'wrapper' | 'content';
 /**
  * Available UI slots for the Layout component.
  */
-type LayoutUiSlot = 'root' | 'sidebar' | 'sidebarRoot' | 'sidebarWrapper' | 'sidebarGapHandler' | 'main' | 'header' | 'tab' | 'content' | 'footer' | 'rail' | 'trigger' | 'mobile' | 'mobileDrawer' | 'mobileOverlay' | 'headerPlaceholder' | 'tabPlaceholder' | 'footerPlaceholder';
+export type LayoutUiSlot = 'root' | 'sidebar' | 'sidebarRoot' | 'sidebarWrapper' | 'sidebarGapHandler' | 'main' | 'header' | 'tab' | 'content' | 'footer' | 'rail' | 'trigger' | 'mobile' | 'mobileDrawer' | 'mobileOverlay' | 'headerPlaceholder' | 'tabPlaceholder' | 'footerPlaceholder';
 /**
  * UI class overrides for the Layout component.
  */
-type LayoutUi = UiClass<LayoutUiSlot>;
-//#endregion
-export { LayoutCollapsible, LayoutCompactEmits, LayoutCompactProps, LayoutCompactSlots, LayoutContentProps, LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutScrollBehavior, LayoutSide, LayoutSidebarProps, LayoutSidebarState, LayoutTabProps, LayoutTriggerProps, LayoutUi, LayoutUiSlot, LayoutVariant };
+export type LayoutUi = UiClass<LayoutUiSlot>;
+//#endregion

package/dist/components/link/link.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{computed as t,createBlock as n,defineComponent as r,mergeProps as i,openBlock as a,renderSlot as o,resolveComponent as s,resolveDynamicComponent as c,unref as l,useAttrs as u,withCtx as d}from"vue";const f=r({name:`Link`,inheritAttrs:!1,__name:`link`,props:{to:{},replace:{type:Boolean,default:void 0},href:{},disabled:{type:Boolean,default:void 0},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean,default:void 0},ariaCurrentValue:{},viewTransition:{type:Boolean,default:void 0},target:{},rel:{default:`noopener noreferrer`},noRel:{type:Boolean,default:void 0},prefetch:{type:Boolean,default:void 0},prefetchOn:{},noPrefetch:{type:Boolean,default:void 0},trailingSlash:{},asChild:{type:Boolean},as:{default:`a`}},setup(r){let f=r,p=u(),m=s(`RouterLink`),h=typeof m==`string`?null:m,g=t(()=>!!(f.external||f.disabled||typeof f.to==`string`&&f.to.startsWith(`http`)||!f.to)),_=t(()=>g.value||!h),v=t(()=>f.target?f.target:g.value?`_blank`:`_self`),y=t(()=>{let{as:e,asChild:t,href:n,to:r,...i}=f,a=typeof f.to==`string`&&f.to||f.href,o={};return g.value||(o.to=f.to),g.value&&a&&(o.href=a),Object.assign(o,{...i,target:v.value,"data-disabled":f.disabled?``:void 0,"aria-disabled":f.disabled?`true`:void 0,role:f.disabled?`link`:void 0,tabindex:f.disabled?`-1`:f.tabindex,...p}),o}),b=e=>{f.disabled&&(e.preventDefault(),e.stopPropagation())};return(t,s)=>_.value?(a(),n(l(e),i({key:0},y.value,{as:r.as,"as-child":r.asChild,"data-soybean-link":``,onClick:b}),{default:d(()=>[o(t.$slots,`default`,{isHref:!0})]),_:3},16,[`as`,`as-child`])):(a(),n(c(l(h)),i({key:1},y.value,{"data-soybean-link":``,onClick:b}),{default:d(e=>[o(t.$slots,`default`,{isHref:!1,isActive:e?.isActive,isExactActive:e?.isExactActive})]),_:3},16))}});export{f as default};
+import{CONFIG_PROVIDER_CONTEXT_KEY as e}from"../../constants/attr.js";import{Primitive as t}from"../primitive/primitive.js";import{computed as n,createBlock as r,defineComponent as i,inject as a,mergeProps as o,openBlock as s,renderSlot as c,resolveComponent as l,resolveDynamicComponent as u,unref as d,useAttrs as f,withCtx as p}from"vue";const m=i({name:`Link`,inheritAttrs:!1,__name:`link`,props:{to:{},replace:{type:Boolean,default:void 0},href:{},disabled:{type:Boolean,default:void 0},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean,default:void 0},ariaCurrentValue:{},viewTransition:{type:Boolean,default:void 0},target:{},rel:{default:`noopener noreferrer`},noRel:{type:Boolean,default:void 0},prefetch:{type:Boolean,default:void 0},prefetchOn:{},noPrefetch:{type:Boolean,default:void 0},trailingSlash:{},asChild:{type:Boolean},as:{default:`a`}},setup(i){let m=i,h=f(),g=a(e,{}),_=l(`RouterLink`),v=typeof _==`string`?null:_,y=n(()=>g.linkComponent??v),b=n(()=>!!(m.external||m.disabled||typeof m.to==`string`&&m.to.startsWith(`http`)||!m.to)),x=n(()=>b.value||!y.value),S=n(()=>m.target?m.target:b.value?`_blank`:`_self`),C=n(()=>{let{as:e,asChild:t,href:n,to:r,...i}=m,a=typeof m.to==`string`&&m.to||m.href,o={};return b.value||(o.to=m.to),b.value&&a&&(o.href=a),Object.assign(o,{...i,target:S.value,"data-disabled":m.disabled?``:void 0,"aria-disabled":m.disabled?`true`:void 0,role:m.disabled?`link`:void 0,tabindex:m.disabled?`-1`:m.tabindex,...h}),o}),w=e=>{m.disabled&&(e.preventDefault(),e.stopPropagation())};return(e,n)=>x.value?(s(),r(d(t),o({key:0},C.value,{as:i.as,"as-child":i.asChild,"data-soybean-link":``,onClick:w}),{default:p(()=>[c(e.$slots,`default`,{isHref:!0})]),_:3},16,[`as`,`as-child`])):(s(),r(u(y.value),o({key:1},C.value,{"data-soybean-link":``,onClick:w}),{default:p(t=>[c(e.$slots,`default`,{isHref:!1,isActive:t?.isActive,isExactActive:t?.isExactActive})]),_:3},16))}});export{m as default};