@soybeanjs/headless 0.29.0-beta.9 → 0.29.0

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

@@ -0,0 +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};

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

@@ -0,0 +1,7 @@
+import { InputOtpInputProps } from "./types.js";
+
+//#region src/components/input-otp/input-otp-input.vue.d.ts
+declare const __VLS_export: import("vue").DefineComponent<InputOtpInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputOtpInputProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{useInputOtpUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`InputOtpPositioner`,__name:`input-otp-positioner`,setup(n){let s=e(`positioner`);return(e,n)=>(i(),t(`div`,{"data-soybean-input-otp-positioner":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -0,0 +1,17 @@
+import { InputOtpPositionerProps } from "./types.js";
+
+//#region src/components/input-otp/input-otp-positioner.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<InputOtpPositionerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputOtpPositionerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +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 g,openBlock as _,renderSlot as v,shallowRef as y,unref as ie,useAttrs as ae,watch as oe,watchEffect as se}from"vue";import{defaultDocument as b,defaultWindow as x,useEventListener as S,usePrevious as C}from"@vueuse/core";const w=[`data-disabled`,`data-focused`,`data-hovering`,`data-complete`],T=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},"aria-label":{},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:T,emit:ce}){let E=m,D=ce,O=ae(),le=i(`root`),k=n(()=>E.modelValue,e=>{D(`update:modelValue`,e)},E.defaultValue),A=C(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[`aria-label`])??N(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=y(!1),V=y(!1),H=y(null),U=y(null),W=y(null),G=y(null),ue=x?.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(b?.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;s(o(n===r?`${t.value.slice(0,n)}${e.data}${t.value.slice(n)}`:`${t.value.slice(0,n)}${e.data}${t.value.slice(r)}`,E.maxlength),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&&b?.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=o(i===a?`${j.value.slice(0,i)}${r??``}${j.value.slice(i)}`:`${j.value.slice(0,i)}${r??``}${j.value.slice(a)}`,E.maxlength);if(!s(c,L.value)){D(`paste`,e);return}k.value=c,D(`input`,c);let l=Math.max(Math.min(c.length,E.maxlength-1),0),u=c.length;t.setSelectionRange(l,u),H.value=l,U.value=u,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 g(()=>{let e=G.value;e&&(K=[e.selectionStart,e.selectionEnd,e.selectionDirection],$=S(b,`selectionchange`,Z,{capture:!0}),Z(),b?.activeElement===e&&(V.value=!0))}),re(()=>{$?.()}),oe(()=>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=x;e&&r.forEach(t=>e.clearTimeout(t))})},{immediate:!0}),se(()=>{A.value!==void 0&&j.value!==A.value&&A.value.length<E.maxlength&&j.value.length===E.maxlength&&D(`complete`,j.value)}),T({focus:J,blur:Y,select:X,get $el(){return G.value}}),(e,t)=>(_(),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(ie(O).style)},[v(e.$slots,`default`,te(h(q.value)))],14,w))}});export{T as default};

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

@@ -0,0 +1,54 @@
+import { InputOtpInputMode, InputOtpPushPasswordManagerStrategy, InputOtpRootProps, InputOtpSlotProps } from "./types.js";
+
+//#region src/components/input-otp/input-otp-root.vue.d.ts
+declare var __VLS_1: {
+  slots: InputOtpSlotProps[];
+  isFocused: boolean;
+  isHovering: boolean;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<InputOtpRootProps, {
+  focus: () => void;
+  blur: () => void;
+  select: () => void;
+  readonly $el: HTMLInputElement | null;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  input: (value: string) => any;
+  select: (event: Event) => any;
+  blur: (event: FocusEvent) => any;
+  change: (event: Event) => any;
+  focus: (event: FocusEvent) => any;
+  mouseleave: (event: MouseEvent) => any;
+  mouseover: (event: MouseEvent) => any;
+  paste: (event: ClipboardEvent) => any;
+  "update:modelValue": (value: string) => any;
+  complete: (value: string) => any;
+}, 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;
+  onFocus?: ((event: FocusEvent) => any) | undefined;
+  onMouseleave?: ((event: MouseEvent) => any) | undefined;
+  onMouseover?: ((event: MouseEvent) => any) | undefined;
+  onPaste?: ((event: ClipboardEvent) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onComplete?: ((value: string) => any) | undefined;
+}>, {
+  autocomplete: string;
+  inputmode: InputOtpInputMode;
+  modelValue: string;
+  defaultValue: string;
+  pushPasswordManagerStrategy: InputOtpPushPasswordManagerStrategy;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+function e(e){return e?typeof e==`string`?new RegExp(e):e:null}function t(e,t){return e.slice(0,Math.max(t,0))}function n(e,t){return!e||!t?!0:(t.lastIndex=0,t.test(e))}function r(e){let{value:t,maxlength:n,placeholder:r,isFocused:i,selectionStart:a,selectionEnd:o}=e;return Array.from({length:n}).map((e,n)=>{let s=i&&a!==null&&o!==null&&(a===o&&n===a||n>=a&&n<o),c=t[n]??null;return{char:c,placeholderChar:c??r?.[n]??null,isActive:s,hasFakeCaret:s&&c===null}})}function i(e){let{selectionStart:t,selectionEnd:n,selectionDirection:r,maxlength:i,value:a,previousSelection:o}=e,s=-1,c=-1,l;if(a.length!==0&&t!==null&&n!==null){let e=t===n,r=t===a.length&&a.length<i;if(e&&!r){let e=t;if(e===0)s=0,c=1,l=`forward`;else if(e===i)s=e-1,c=e,l=`backward`;else if(i>1&&a.length>1){let t=0,n=o[1];if(o[0]!==null&&n!=null){l=e<n?`backward`:`forward`;let r=o[0]===o[1]&&Number(o[0])<i;l===`backward`&&!r&&(t=-1)}s=t+e,c=t+e+1}}}return{start:s===-1?t:s,end:c===-1?n:c,direction:l??r}}function a(e){return typeof window>`u`?[]:[0,10,50].map(t=>window.setTimeout(e,t))}export{r as createInputOtpSlots,t as getClampedOtpValue,n as isInputOtpValueValid,e as resolveInputOtpPattern,i as resolveInputOtpSelection,a as syncTimeouts};

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

@@ -0,0 +1,300 @@
+import { UiClass } from "../../types/common.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+import { BaseProps } from "../../types/vue.js";
+import { ComputedRef, InputHTMLAttributes, ShallowRef } from "vue";
+
+//#region src/components/input-otp/types.d.ts
+/**
+ * Type information for InputOtpInputMode.
+ */
+type InputOtpInputMode = 'numeric' | 'text';
+/**
+ * Type information for InputOtpPushPasswordManagerStrategy.
+ */
+type InputOtpPushPasswordManagerStrategy = 'increase-width' | 'none';
+/**
+ * Properties for the InputOtpRoot component.
+ */
+interface InputOtpRootProps extends FormFieldCommonProps, Omit<BaseProps, 'onInput'> {
+  /** The id of the native input element. */
+  id?: string;
+  /** Autocomplete hint passed to the native input. */
+  autocomplete?: string;
+  /** Whether the input should be focused on mount. */
+  autofocus?: boolean;
+  /** Whether the input is disabled. */
+  disabled?: boolean;
+  /** Minimum length forwarded to the native input. */
+  minlength?: number;
+  /** Placeholder characters used by the visual slots. */
+  placeholder?: string;
+  /** Whether the input is readonly. */
+  readonly?: boolean;
+  /** Accessible label forwarded to the native input. */
+  'aria-label'?: string;
+  /** The controlled value of the OTP input. */
+  modelValue?: string;
+  /** The uncontrolled default value of the OTP input. */
+  defaultValue?: string;
+  /** The number of OTP slots. */
+  maxlength: number;
+  /** Virtual keyboard mode for mobile devices. */
+  inputmode?: InputOtpInputMode;
+  /** Pattern used to validate the whole OTP value. */
+  pattern?: string | RegExp;
+  /** Strategy used to avoid overlapping password manager badges. */
+  pushPasswordManagerStrategy?: InputOtpPushPasswordManagerStrategy;
+  /** Transform pasted content before it is inserted. */
+  pasteTransformer?: (pasted: string | undefined) => string;
+}
+/**
+ * Events for the InputOtpRoot component.
+ */
+type InputOtpRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
+  'update:modelValue': [value: string];
+  /**
+   * Emitted when complete occurs.
+   */
+  complete: [value: string];
+  /**
+   * Emitted when input occurs.
+   */
+  input: [value: string];
+  /**
+   * Emitted when change occurs.
+   */
+  change: [event: Event];
+  /**
+   * Emitted when select occurs.
+   */
+  select: [event: Event];
+  /**
+   * Emitted when focus occurs.
+   */
+  focus: [event: FocusEvent];
+  /**
+   * Emitted when blur occurs.
+   */
+  blur: [event: FocusEvent];
+  /**
+   * Emitted when mouseover occurs.
+   */
+  mouseover: [event: MouseEvent];
+  /**
+   * Emitted when mouseleave occurs.
+   */
+  mouseleave: [event: MouseEvent];
+  /**
+   * Emitted when paste occurs.
+   */
+  paste: [event: ClipboardEvent];
+};
+/**
+ * Properties for the InputOtpPositioner component.
+ */
+interface InputOtpPositionerProps extends BaseProps {}
+/**
+ * Properties for the InputOtpInput component.
+ */
+interface InputOtpInputProps extends BaseProps<InputHTMLAttributes> {}
+/**
+ * Properties for the InputOtpCompact component.
+ */
+interface InputOtpCompactProps extends InputOtpRootProps {}
+/**
+ * Events for the InputOtpCompact component.
+ */
+type InputOtpCompactEmits = InputOtpRootEmits;
+/**
+ * Slots for the InputOtpCompact component.
+ */
+type InputOtpCompactSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: InputOtpRootSlotProps) => any;
+};
+/**
+ * Slot properties for the InputOtp component.
+ */
+interface InputOtpSlotProps {
+  /** The typed character at the current slot. */
+  char: string | null;
+  /** Placeholder character rendered when the slot is empty. */
+  placeholderChar: string | null;
+  /** Whether the slot is covered by the current selection or caret. */
+  isActive: boolean;
+  /** Whether the slot should render a fake caret. */
+  hasFakeCaret: boolean;
+}
+/**
+ * Slot properties for the InputOtpRoot component.
+ */
+interface InputOtpRootSlotProps {
+  /**
+   * Slots exposed in the slot scope.
+   */
+  slots: InputOtpSlotProps[];
+  /**
+   * Whether the item is focused.
+   */
+  isFocused: boolean;
+  /**
+   * Whether the item is hovered.
+   */
+  isHovering: boolean;
+}
+/**
+ * Context for the InputOtpRoot component.
+ */
+interface InputOtpRootContext {
+  /**
+   * Autocomplete used by the component context.
+   */
+  autocomplete: ComputedRef<string | undefined>;
+  /**
+   * Autofocus used by the component context.
+   */
+  autofocus: ComputedRef<boolean | undefined>;
+  /**
+   * Whether the component is disabled.
+   */
+  disabled: ComputedRef<boolean | undefined>;
+  /**
+   * Input attrs used by the component context.
+   */
+  inputAttrs: ComputedRef<Record<string, unknown>>;
+  /**
+   * Current model value.
+   */
+  modelValue: ComputedRef<string>;
+  /**
+   * Slots used by the component context.
+   */
+  slots: ComputedRef<InputOtpSlotProps[]>;
+  /**
+   * Whether will push pwmbadge.
+   */
+  willPushPWMBadge: ComputedRef<boolean>;
+  /**
+   * Whether the item is focused.
+   */
+  isFocused: ShallowRef<boolean>;
+  /**
+   * Whether the item is hovered.
+   */
+  isHovering: ShallowRef<boolean>;
+  /**
+   * Input element used by the component context.
+   */
+  inputElement: ShallowRef<HTMLInputElement | null>;
+  /**
+   * Inputmode used by the component context.
+   */
+  inputmode: ComputedRef<InputOtpInputMode | undefined>;
+  /**
+   * Maxlength used by the component context.
+   */
+  maxlength: ComputedRef<number>;
+  /**
+   * Minlength used by the component context.
+   */
+  minlength: ComputedRef<number | undefined>;
+  /**
+   * Mirror selection start used by the component context.
+   */
+  mirrorSelectionStart: ShallowRef<number | null>;
+  /**
+   * Mirror selection end used by the component context.
+   */
+  mirrorSelectionEnd: ShallowRef<number | null>;
+  /**
+   * Name used by the component context.
+   */
+  name: ComputedRef<string | undefined>;
+  /**
+   * Pattern used by the component context.
+   */
+  pattern: ComputedRef<string | undefined>;
+  /**
+   * Whether the component is readonly.
+   */
+  readonly: ComputedRef<boolean | undefined>;
+  /**
+   * Whether the value is required.
+   */
+  required: ComputedRef<boolean | undefined>;
+  /**
+   * Resolved accessible label used by the component context.
+   */
+  resolvedAccessibleLabel: ComputedRef<string>;
+  /**
+   * Resolved id used by the component context.
+   */
+  resolvedId: ComputedRef<string | undefined>;
+  /**
+   * Resolved placeholder used by the component context.
+   */
+  resolvedPlaceholder: ComputedRef<string | undefined>;
+  /**
+   * Focus used by the component context.
+   */
+  focus: () => void;
+  /**
+   * Blur used by the component context.
+   */
+  blur: () => void;
+  /**
+   * Select used by the component context.
+   */
+  select: () => void;
+  /**
+   * Callback invoked when the before input event fires.
+   */
+  onBeforeInput: (event: InputEvent) => void;
+  /**
+   * Callback invoked when the native changes.
+   */
+  onNativeChange: (event: Event) => void;
+  /**
+   * Callback invoked when the native select event fires.
+   */
+  onNativeSelect: (event: Event) => void;
+  /**
+   * Callback invoked when the mouse over event fires.
+   */
+  onMouseOver: (event: MouseEvent) => void;
+  /**
+   * Callback invoked when the mouse leave event fires.
+   */
+  onMouseLeave: (event: MouseEvent) => void;
+  /**
+   * Callback invoked when the paste event fires.
+   */
+  onPaste: (event: ClipboardEvent) => void;
+  /**
+   * Callback invoked when the input event fires.
+   */
+  onInput: (event: Event) => void;
+  /**
+   * Callback invoked when the focus event fires.
+   */
+  onFocus: (event: FocusEvent) => void;
+  /**
+   * Callback invoked when the blur event fires.
+   */
+  onBlur: (event: FocusEvent) => void;
+}
+/**
+ * Available UI slots for the InputOtp component.
+ */
+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 };

package/dist/components/input-otp/use-password-manager-badge.js

@@ -0,0 +1 @@
+import{computed as e,onMounted as t,onUnmounted as n,shallowRef as r,watch as i}from"vue";const a=[`[data-lastpass-icon-root]`,`com-1password-button`,`[data-dashlanecreated]`,`[style$="2147483647 !important;"]`].join(`,`);function o(o){let{containerElement:s,inputElement:c,pushPasswordManagerStrategy:l,isFocused:u}=o,d=r(!1),f=r(!1),p=r(!1),m=r(!1),h=e(()=>l()===`none`?!1:d.value&&f.value),g=()=>{if(l()===`none`)return;let e=s.value,t=globalThis.window;!e||!t||(f.value=t.innerWidth-e.getBoundingClientRect().right>=40)},_=()=>{let e=globalThis.document,t=s.value,n=c.value;if(!e||!t||!n||p.value||l()===`none`)return;let r=t.getBoundingClientRect().left+t.offsetWidth,i=t.getBoundingClientRect().top+t.offsetHeight/2,o=e.elementFromPoint(r-18,i);if(!(e.querySelectorAll(a).length===0&&o===t)&&(d.value=!0,p.value=!0,!m.value&&e.activeElement===n)){let e=n.selectionStart,t=n.selectionEnd;n.blur(),n.focus(),e!==null&&t!==null&&n.setSelectionRange(e,t),m.value=!0}},v=0;return t(()=>{g(),v=window.setInterval(g,1e3)}),n(()=>{window.clearInterval(v)}),i([u,c],([e,t],n,r)=>{let i=globalThis.document,a=l(),o=e||i?.activeElement===t;if(a===`none`||!o)return;let s=[0,2e3,5e3].map(e=>window.setTimeout(_,e)),c=window.setTimeout(()=>{p.value=!0},6e3);r(()=>{s.forEach(e=>window.clearTimeout(e)),window.clearTimeout(c)})}),{willPushPWMBadge:h,PASSWORD_MANAGER_BADGE_SPACE_WIDTH:`40px`}}export{o as usePasswordManagerBadge};

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

@@ -0,0 +1,3 @@
+import { KbdProps, KbdValue } from "./types.js";
+import { _default } from "./kbd.vue.js";
+export { _default as Kbd, type KbdProps, type KbdValue };

package/dist/components/kbd/index.js

@@ -0,0 +1 @@
+import e from"./kbd.js";export{e as Kbd};

package/dist/components/kbd/kbd.js

@@ -0,0 +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};

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

@@ -0,0 +1,19 @@
+import { KbdProps } from "./types.js";
+
+//#region src/components/kbd/kbd.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<KbdProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KbdProps> & Readonly<{}>, {
+  symbolize: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,24 @@
+import { KbdKey } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
+//#region src/components/kbd/types.d.ts
+/**
+ * Type information for KbdValue.
+ */
+type KbdValue = KbdKey | (string & {});
+/**
+ * Properties for the Kbd component.
+ */
+interface KbdProps extends BaseProps {
+  /**
+   * The value of the component.
+   */
+  value?: KbdValue | KbdValue[];
+  /**
+   * Whether to convert the command value to symbol representation.
+   *
+   * @defaultValue true
+   */
+  symbolize?: boolean;
+}
+//#endregion
+export { KbdProps, KbdValue };

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

@@ -0,0 +1,3 @@
+import { LabelProps } from "./types.js";
+import { _default } from "./label.vue.js";
+export { _default as Label, type LabelProps };

package/dist/components/label/index.js

@@ -0,0 +1 @@
+import e from"./label.js";export{e as Label};

package/dist/components/label/label.js

@@ -0,0 +1 @@
+import{createElementBlock as e,defineComponent as t,mergeProps as n,openBlock as r,renderSlot as i}from"vue";const a=t({name:`Label`,__name:`label`,props:{for:{}},setup(t){let a=t,o=e=>{!e.defaultPrevented&&e.detail>1&&e.preventDefault()};return(t,s)=>(r(),e(`label`,n({"data-soybean-label":``},a,{onMousedown:o}),[i(t.$slots,`default`)],16))}});export{a as default};

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

@@ -0,0 +1,17 @@
+import { LabelProps } from "./types.js";
+
+//#region src/components/label/label.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<LabelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LabelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,11 @@
+import { BaseProps } from "../../types/vue.js";
+//#region src/components/label/types.d.ts
+/**
+ * Properties for the Label component.
+ */
+interface LabelProps extends BaseProps {
+  /** The id of the element the label is associated with. */
+  for?: string;
+}
+//#endregion
+export { LabelProps };

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

@@ -0,0 +1,8 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { LayoutClassicUiSlot, LayoutUiSlot } from "./types.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>;
+declare const provideLayoutClassicUi: (ui: import("vue").ComputedRef<Partial<UiClass<LayoutClassicUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<LayoutClassicUiSlot>>>, useLayoutClassicUi: UseUiConsumer<LayoutClassicUiSlot>;
+//#endregion
+export { provideLayoutClassicUi, provideLayoutUi };

package/dist/components/layout/context.js

@@ -0,0 +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]=e(`LayoutClassicRoot`,e=>(n(e),e)),[o,s]=t(`LayoutUi`),[c,l]=t(`LayoutClassicUi`,e=>(o(e),e));export{i as provideLayoutClassicRootContext,c as provideLayoutClassicUi,n as provideLayoutRootContext,o as provideLayoutUi,a as useLayoutClassicRootContext,l as useLayoutClassicUi,r as useLayoutRootContext,s as useLayoutUi};

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

@@ -0,0 +1,15 @@
+import { LayoutClassicCompactEmits, LayoutClassicCompactProps, LayoutClassicCompactSlots, LayoutClassicScrollBehavior, LayoutClassicUi, LayoutClassicUiSlot, LayoutCollapsible, LayoutCompactEmits, LayoutCompactProps, LayoutCompactSlots, LayoutContentProps, LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutSide, LayoutSidebarProps, LayoutSidebarState, LayoutTabProps, LayoutTriggerProps, LayoutUi, LayoutUiSlot, LayoutVariant } from "./types.js";
+import { _default as _default$1 } from "./layout-compact.vue.js";
+import { _default } from "./layout-classic-compact.vue.js";
+import { _default as _default$8 } from "./layout-root.vue.js";
+import { _default as _default$9 } from "./layout-sidebar.vue.js";
+import { _default as _default$7 } from "./layout-rail.vue.js";
+import { _default as _default$5 } from "./layout-main.vue.js";
+import { _default as _default$4 } from "./layout-header.vue.js";
+import { _default as _default$10 } from "./layout-tab.vue.js";
+import { _default as _default$2 } from "./layout-content.vue.js";
+import { _default as _default$3 } from "./layout-footer.vue.js";
+import { _default as _default$6 } from "./layout-mobile.vue.js";
+import { _default as _default$11 } from "./layout-trigger.vue.js";
+import { provideLayoutClassicUi, provideLayoutUi } from "./context.js";
+export { _default as LayoutClassicCompact, type LayoutClassicCompactEmits, type LayoutClassicCompactProps, type LayoutClassicCompactSlots, type LayoutClassicScrollBehavior, type LayoutClassicUi, type LayoutClassicUiSlot, type LayoutCollapsible, _default$1 as LayoutCompact, type LayoutCompactEmits, type LayoutCompactProps, type LayoutCompactSlots, _default$2 as LayoutContent, type LayoutContentProps, _default$3 as LayoutFooter, type LayoutFooterProps, _default$4 as LayoutHeader, type LayoutHeaderProps, _default$5 as LayoutMain, type LayoutMainProps, _default$6 as LayoutMobile, type LayoutMobileProps, _default$7 as LayoutRail, type LayoutRailProps, _default$8 as LayoutRoot, type LayoutRootEmits, type LayoutRootProps, type LayoutSide, _default$9 as LayoutSidebar, type LayoutSidebarProps, type LayoutSidebarState, _default$10 as LayoutTab, type LayoutTabProps, _default$11 as LayoutTrigger, type LayoutTriggerProps, type LayoutUi, type LayoutUiSlot, type LayoutVariant, provideLayoutClassicUi, provideLayoutUi };

package/dist/components/layout/index.js

@@ -0,0 +1 @@
+import{provideLayoutClassicUi as e,provideLayoutUi as t}from"./context.js";import n from"./layout-content.js";import r from"./layout-footer.js";import i from"./layout-header.js";import a from"./layout-main.js";import o from"./layout-rail.js";import s from"./layout-root.js";import c from"./layout-mobile.js";import l from"./layout-sidebar.js";import u from"./layout-tab.js";import d from"./layout-compact.js";import f from"./layout-classic-compact.js";import p from"./layout-trigger.js";export{f as LayoutClassicCompact,d as LayoutCompact,n as LayoutContent,r as LayoutFooter,i as LayoutHeader,a as LayoutMain,c as LayoutMobile,o as LayoutRail,s as LayoutRoot,l as LayoutSidebar,u as LayoutTab,p as LayoutTrigger,e as provideLayoutClassicUi,t as provideLayoutUi};

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

@@ -0,0 +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-rail.js";import o from"./layout-sidebar.js";import s from"./layout-tab.js";import c from"./layout-classic-placeholder.js";import l from"./layout-classic-root.js";import{computed as u,createBlock as d,createCommentVNode as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeProps as _,openBlock as v,renderSlot as y,unref as b,useId as x,withCtx as S}from"vue";const C=m({name:`LayoutClassicCompact`,__name:`layout-classic-compact`,props:{orientation:{default:`vertical`},scrollBehavior:{},scrollId:{},baseZIndex:{},fixedTop:{type:Boolean,default:!0},fixedFooter:{type:Boolean},stretchFooter:{type:Boolean,default:!0},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},side:{},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:{},sidebarProps:{},railProps:{},mainProps:{},headerProps:{},tabProps:{},contentProps:{},footerProps:{},mobileProps:{}},emits:[`update:open`],setup(m,{emit:C}){let w=m,T=C,E=x(),D=u(()=>w.scrollId??`soybean-layout-scroll-${E}`),O=e(w,[`sidebarProps`,`railProps`,`mainProps`,`headerProps`,`tabProps`,`contentProps`,`footerProps`,`mobileProps`]);return(e,u)=>(v(),d(l,g(b(O),{"onUpdate:open":u[0]||(u[0]=e=>T(`update:open`,e))}),{default:S(l=>[p(i,g(m.mainProps,{id:m.scrollBehavior===`wrapper`?D.value:void 0}),{default:S(()=>[p(r,_(h(m.headerProps)),{default:S(()=>[y(e.$slots,`header`)]),_:3},16),p(c,{type:`header`}),p(s,_(h(m.tabProps)),{default:S(()=>[y(e.$slots,`tab`)]),_:3},16),p(c,{type:`tab`}),p(o,_(h(m.sidebarProps)),{default:S(()=>[y(e.$slots,`sidebar`,_(h(l))),p(a,_(h(m.railProps)),null,16)]),_:2},1040),p(t,g(m.contentProps,{id:m.scrollBehavior===`content`?D.value:void 0}),{default:S(()=>[y(e.$slots,`default`)]),_:3},16,[`id`]),m.footerVisible?(v(),d(n,_(g({key:0},m.footerProps)),{default:S(()=>[y(e.$slots,`footer`)]),_:3},16)):f(`v-if`,!0),p(c,{type:`footer`})]),_:2},1040,[`id`])]),_:3},16))}});export{C as default};

package/dist/components/layout/layout-classic-compact.vue.d.ts

@@ -0,0 +1,28 @@
+import { DataOrientation } from "../../types/common.js";
+import { LayoutClassicCompactProps, LayoutClassicCompactSlots } from "./types.js";
+//#region src/components/layout/layout-classic-compact.vue.d.ts
+type __VLS_Slots = LayoutClassicCompactSlots;
+declare const __VLS_base: import("vue").DefineComponent<LayoutClassicCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<LayoutClassicCompactProps> & Readonly<{
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+  orientation: DataOrientation;
+  open: boolean;
+  defaultOpen: boolean;
+  sidebarVisible: boolean;
+  headerVisible: boolean;
+  tabVisible: boolean;
+  footerVisible: boolean;
+  fixedTop: boolean;
+  stretchFooter: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/layout/layout-classic-placeholder.js

@@ -0,0 +1 @@
+import{useLayoutClassicRootContext as e,useLayoutClassicUi as t}from"./context.js";import{computed as n,createCommentVNode as r,createElementBlock as i,defineComponent as a,mergeProps as o,openBlock as s,unref as c}from"vue";const l=a({name:`LayoutClassicPlaceholder`,inheritAttrs:!1,__name:`layout-classic-placeholder`,props:{type:{}},setup(a){let l=a,u=t(`${l.type}Placeholder`),{fixedTop:d,headerVisible:f,tabVisible:p,footerVisible:m,fixedFooter:h}=e(`LayoutClassicPlaceholder`),g=n(()=>l.type===`footer`?h.value:d.value),_=n(()=>l.type===`header`?f.value:l.type===`tab`?p.value:m.value),v=n(()=>({[`data-soybean-layout-${l.type}-placeholder`]:``}));return(e,t)=>_.value&&g.value?(s(),i(`div`,o({key:0,class:c(u)},v.value),null,16)):r(`v-if`,!0)}});export{l as default};

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

@@ -0,0 +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{provideLayoutClassicRootContext 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-orientation`,`data-side`,`data-state`,`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:`LayoutClassicRoot`,__name:`layout-classic-root`,props:{orientation:{default:`horizontal`},scrollBehavior:{default:`content`},scrollId:{},baseZIndex:{default:50},fixedTop:{type:Boolean,default:!0},fixedFooter:{type:Boolean},stretchFooter:{type:Boolean,default:!0},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},side:{default:`left`},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}},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(()=>!!g.fixedTop||g.orientation===`vertical`&&g.scrollBehavior===`wrapper`),C=a(()=>g.orientation===`horizontal`),w=a(()=>{let e=g.pxToRem(g.sidebarWidth),t=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`:void 0,c=C.value?s:void 0,l=T()?s:void 0,u=g.headerVisible&&!C.value?`${r}rem`:void 0,d=g.footerVisible&&!l?`${o}rem`:void 0,f=C.value?g.baseZIndex-1:g.baseZIndex-4,p=g.baseZIndex-3,m=g.baseZIndex-5,h=d?f+1:f-5;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.startGap]:s,[i.headerStartGap]:c,[i.footerStartGap]:l,[i.sidebarZIndex]:f,[i.headerZIndex]:p,[i.tabZIndex]:m,[i.footerZIndex]:h}});function T(){return C.value||g.scrollBehavior===`wrapper`&&!g.fixedFooter?!0:!g.stretchFooter}let E=a(()=>g.pxToRem(g.mobileSidebarWidth));return n({...e(g,[`sidebarWidth`,`collapsedSidebarWidth`,`isMobile`,`sidebarVisible`,`headerVisible`,`tabVisible`,`footerVisible`,`fixedFooter`]),open:y,mobileOpen:b,mobileSidebarWidth:E,fixedTop:S}),(e,t)=>(u(),o(`div`,{"data-soybean-layout-classic-root":``,class:c(p(v)),"data-orientation":s.orientation,"data-side":s.side,"data-state":x.value,"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":S.value,"data-fixed-footer":!!s.fixedFooter,"data-stretch-footer":!!s.stretchFooter,style:l(w.value)},[d(e.$slots,`default`,{open:p(y),collapsedSidebarWidth:s.collapsedSidebarWidth})],14,m))}});export{h as default};

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

@@ -0,0 +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-rail.js";import o from"./layout-root.js";import s from"./layout-sidebar.js";import c from"./layout-tab.js";import{createBlock as l,createCommentVNode as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderSlot as _,unref as v,withCtx as y}from"vue";const b=f({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:{},sidebarProps:{},railProps:{},mainProps:{},headerProps:{},tabProps:{},contentProps:{},footerProps:{},mobileProps:{}},emits:[`update:open`],setup(f,{emit:b}){let x=f,S=b,C=e(x,[`sidebarProps`,`headerProps`,`mainProps`,`tabProps`,`contentProps`,`footerProps`,`railProps`,`mobileProps`]);return(e,b)=>(g(),l(o,m(v(C),{"onUpdate:open":b[0]||(b[0]=e=>S(`update:open`,e))}),{default:y(o=>[d(s,h(p(f.sidebarProps)),{default:y(()=>[_(e.$slots,`sidebar`,h(p(o))),d(a,h(p(f.railProps)),null,16)]),_:2},1040),d(i,h(p(f.mainProps)),{default:y(()=>[d(r,h(p(f.headerProps)),{default:y(()=>[_(e.$slots,`header`)]),_:3},16),f.tabVisible?(g(),l(c,h(m({key:0},f.tabProps)),{default:y(()=>[_(e.$slots,`tab`)]),_:3},16)):u(`v-if`,!0),d(t,h(p(f.contentProps)),{default:y(()=>[_(e.$slots,`content`,{},()=>[_(e.$slots,`default`)])]),_:3},16),f.footerVisible?(g(),l(n,h(m({key:1},f.footerProps)),{default:y(()=>[_(e.$slots,`footer`)]),_:3},16)):u(`v-if`,!0)]),_:3},16)]),_:3},16))}});export{b as default};

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

@@ -0,0 +1,25 @@
+import { LayoutCompactProps, LayoutCompactSlots } from "./types.js";
+
+//#region src/components/layout/layout-compact.vue.d.ts
+type __VLS_Slots = LayoutCompactSlots;
+declare const __VLS_base: import("vue").DefineComponent<LayoutCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<LayoutCompactProps> & Readonly<{
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+  open: boolean;
+  defaultOpen: boolean;
+  sidebarVisible: boolean;
+  headerVisible: boolean;
+  tabVisible: boolean;
+  footerVisible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{useLayoutUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`LayoutContent`,__name:`layout-content`,setup(n){let s=e(`content`);return(e,n)=>(i(),t(`div`,{"data-soybean-layout-content":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};