@soybeanjs/headless 0.29.0-beta.9 → 0.29.0

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

@@ -0,0 +1,21 @@
+import { InputClearProps } from "./types.js";
+
+//#region src/components/input/input-clear.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<InputClearProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  clear: (event: PointerEvent) => any;
+}, string, import("vue").PublicProps, Readonly<InputClearProps> & Readonly<{
+  onClear?: ((event: PointerEvent) => any) | undefined;
+}>, {}, {}, {}, {}, 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/input-compact.js

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./input-clear.js";import r from"./input-control.js";import i from"./input-root.js";import{createBlock as a,createCommentVNode as o,createVNode as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";const m=c({name:`InputCompact`,__name:`input-compact`,props:{inputRef:{type:Function},clearable:{type:Boolean},controlProps:{},clearProps:{},defaultValue:{},modelValue:{},disabled:{type:Boolean},readonly:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},maxlength:{},minlength:{},pattern:{},placeholder:{},type:{}},emits:[`update:modelValue`,`clear`],setup(c,{emit:m}){let h=c,g=m,_=t(h,[`inputRef`,`clearable`,`controlProps`,`clearProps`]),[v,y]=e(e=>h.inputRef?.(e));return(e,t)=>(u(),a(i,l(f(_),{"onUpdate:modelValue":t[1]||(t[1]=e=>g(`update:modelValue`,e))}),{default:p(({clear:i,modelValue:a})=>[d(e.$slots,`leading`,{clear:i,modelValue:a}),s(r,l(c.controlProps,{ref:f(y)}),null,16),c.clearable?d(e.$slots,`clear`,{key:0,clear:i,modelValue:a},()=>[s(n,l(c.clearProps,{onClear:t[0]||(t[0]=e=>g(`clear`,e))}),null,16)]):o(`v-if`,!0),d(e.$slots,`trailing`,{clear:i,modelValue:a})]),_:3},16))}});export{m as default};

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

@@ -0,0 +1,20 @@
+import { InputCompactProps, InputCompactSlots } from "./types.js";
+
+//#region src/components/input/input-compact.vue.d.ts
+type __VLS_Slots = InputCompactSlots;
+declare const __VLS_base: import("vue").DefineComponent<InputCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  clear: (event: PointerEvent) => any;
+  "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<InputCompactProps> & Readonly<{
+  onClear?: ((event: PointerEvent) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, 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/input-control.js

@@ -0,0 +1 @@
+import{useInputRootContext as e,useInputUi 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=[`aria-disabled`,`data-disabled`,`data-readonly`,`disabled`,`readonly`,`value`],c=r({name:`InputControl`,__name:`input-control`,setup(r){let{modelValue:c,disabled:l,readonly:u,inputAttrs:d}=e(`InputControl`),f=t(`control`),p=e=>{c.value=e.target.value};return(e,t)=>(a(),n(`input`,i(o(d),{"data-soybean-input-control":``,class:o(f),"aria-disabled":o(l)??void 0,"aria-roledescription":`Input`,autocorrect:`off`,"data-disabled":o(l)?``:void 0,"data-readonly":o(u)?``:void 0,disabled:o(l),readonly:o(u),spellcheck:`false`,tabindex:`0`,value:o(c),onInput:p}),null,16,s))}});export{c as default};

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

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

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

@@ -0,0 +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{provideInputRootContext as i,useInputUi as a}from"./context.js";import o from"../visually-hidden/visually-hidden-input.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:`InputRoot`,inheritAttrs:!1,__name:`input-root`,props:{defaultValue:{},modelValue:{default:void 0},disabled:{type:Boolean},readonly:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},maxlength:{},minlength:{},pattern:{},placeholder:{},type:{}},emits:[`update:modelValue`],setup(d,{emit:v}){let y=d,b=v,x=g(),[S,C]=r(),w=a(`root`),T=n(()=>y.modelValue,e=>{b(`update:modelValue`,e)},y.defaultValue??``),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=``)};return i({...t(y,[`disabled`,`readonly`]),modelValue:T,onClear:O,inputAttrs:D}),(e,t)=>(p(),u(`div`,f({ref:h(C)},d.rootProps,{"data-soybean-input-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(o,{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/input-root.vue.d.ts

@@ -0,0 +1,26 @@
+import { InputRootProps } from "./types.js";
+
+//#region src/components/input/input-root.vue.d.ts
+declare var __VLS_1: {
+  modelValue: string;
+  clear: () => void;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<InputRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<InputRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+  modelValue: string;
+}, {}, {}, {}, 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/types.d.ts

@@ -0,0 +1,144 @@
+import { UiClass } from "../../types/common.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+import { BaseProps } from "../../types/vue.js";
+import { ButtonProps } from "../button/types.js";
+import { ComputedRef, InputHTMLAttributes, InputTypeHTMLAttribute, ShallowRef } from "vue";
+
+//#region src/components/input/types.d.ts
+/**
+ * Properties for the InputBase component.
+ */
+interface InputBaseProps {
+  /** Id of the input element */
+  id?: string;
+  /** When `true`, the input is auto-focused. */
+  autofocus?: boolean;
+  /**
+   * The autocomplete attribute of the input
+   */
+  autocomplete?: 'on' | 'off';
+  /** When `true`, prevents the user from interacting with the input. */
+  disabled?: boolean;
+  /** The maximum number of characters allowed in the input */
+  maxlength?: number;
+  /** The minimum number of characters allowed in the input */
+  minlength?: number;
+  /** The pattern attribute of the input */
+  pattern?: string;
+  /** The placeholder of the input */
+  placeholder?: string;
+  /** When `true`, the input is read-only. */
+  readonly?: boolean;
+  /**
+   * The type of the input element.
+   */
+  type?: InputTypeHTMLAttribute;
+}
+/**
+ * Properties for the InputRoot component.
+ */
+interface InputRootProps extends FormFieldCommonProps, InputBaseProps, BaseProps {
+  /** The default value of the input */
+  defaultValue?: string;
+  /** The controlled value of the input */
+  modelValue?: string;
+  /** When `true`, prevents the user from interacting with the input. */
+  disabled?: boolean;
+  /** When `true`, the input is read-only. */
+  readonly?: boolean;
+  /** Properties forwarded to the root element */
+  rootProps?: BaseProps;
+}
+/**
+ * Events for the InputRoot component.
+ */
+type InputRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
+  'update:modelValue': [value: string];
+};
+/**
+ * Properties for the InputControl component.
+ */
+interface InputControlProps extends BaseProps<InputHTMLAttributes> {}
+/**
+ * Properties for the InputClear component.
+ */
+interface InputClearProps extends ButtonProps {}
+/**
+ * Events for the InputClear component.
+ */
+type InputClearEmits = {
+  /**
+   * Emitted when the clear button is clicked.
+   */
+  clear: [event: PointerEvent];
+};
+/**
+ * Available UI slots for the Input component.
+ */
+type InputUiSlot = 'root' | 'control' | 'clear';
+/**
+ * UI class overrides for the Input component.
+ */
+type InputUi = UiClass<InputUiSlot>;
+/**
+ * Slot properties for the InputCompact component.
+ */
+interface InputCompactSlotProps {
+  /**
+   * Current model value.
+   */
+  modelValue?: string;
+  /**
+   * Clear handler.
+   */
+  clear: () => void;
+}
+/**
+ * Properties for the InputCompact component.
+ */
+interface InputCompactProps extends InputRootProps {
+  /**
+   * The function to set the input element.
+   */
+  inputRef?: (el: HTMLInputElement) => void;
+  /**
+   * Whether to show the clear trigger.
+   *
+   * @defaultValue false
+   */
+  clearable?: boolean;
+  /**
+   * Properties forwarded to the control element.
+   */
+  controlProps?: InputControlProps;
+  /**
+   * Properties forwarded to the clear element.
+   */
+  clearProps?: InputClearProps;
+}
+/**
+ * Events for the InputCompact component.
+ */
+type InputCompactEmits = InputRootEmits & InputClearEmits;
+/**
+ * Slots for the InputCompact component.
+ */
+type InputCompactSlots = {
+  /**
+   * Custom content for the leading slot.
+   */
+  leading?: (props: InputCompactSlotProps) => any;
+  /**
+   * Custom content for the trailing slot.
+   */
+  trailing?: (props: InputCompactSlotProps) => any;
+  /**
+   * Custom content for the clear slot.
+   */
+  clear?: (props: InputCompactSlotProps) => any;
+};
+//#endregion
+export { InputBaseProps, InputClearEmits, InputClearProps, InputCompactEmits, InputCompactProps, InputCompactSlotProps, InputCompactSlots, InputControlProps, InputRootEmits, InputRootProps, InputUi, InputUiSlot };

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

@@ -0,0 +1,7 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { InputNumberUiSlot } from "./types.js";
+//#region src/components/input-number/context.d.ts
+declare const provideInputNumberUi: (ui: import("vue").ComputedRef<Partial<UiClass<InputNumberUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<InputNumberUiSlot>>>, useInputNumberUi: UseUiConsumer<InputNumberUiSlot>;
+//#endregion
+export { provideInputNumberUi };

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

@@ -0,0 +1 @@
+import{isNullish as e}from"../../shared/guard.js";import{clamp as t,snapValueToStep as n}from"../../shared/value.js";import{useContext as r}from"../../composables/use-context.js";import{useLocale as i}from"../config-provider/context.js";import"../../shared/index.js";import{useForwardElement as a}from"../../composables/use-forward-element.js";import{useUiContext as o}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{handleDecimalOperation as s}from"./shared.js";import{computed as c}from"vue";import{reactiveComputed as l}from"@vueuse/core";import{NumberFormatter as u,NumberParser as d}from"@internationalized/number";const[f,p]=r(`InputNumberRoot`,r=>{let{disabled:o,readonly:f,modelValue:p,focusOnChange:m,formatOptions:h,min:g,max:_,step:v,stepSnapping:y}=r,[b,x]=a(),S=i(r.locale),C=l(()=>new d(S.value,h.value)),w=l(()=>new u(S.value,h.value)),T=c(()=>w.resolvedOptions().maximumFractionDigits>0?`decimal`:`numeric`),E=c(()=>e(p.value)?!1:j(p.value)===g.value||g.value&&!Number.isNaN(p.value)?s(`-`,p.value,v.value)<Number(g.value):!1),D=c(()=>e(p.value)?!1:j(p.value)===_.value||_.value&&!Number.isNaN(p.value)?s(`+`,p.value,v.value)>Number(_.value):!1),O=l(()=>new u(S.value,h.value)),k=c(()=>e(p.value)||Number.isNaN(p.value)?``:O.format(p.value));function A(e){return C.isValidPartialNumber(e,g.value,_.value)}function j(e){let r;return r=v.value===void 0||Number.isNaN(v.value)||!y.value?t(e,g.value,_.value):n(e,g.value,_.value,v.value),r=C.parse(w.format(r)),r}function M(e,t=1){if(m.value&&b.value?.focus(),o.value||f.value)return;let n=C.parse(b.value?.value??``);if(Number.isNaN(n)){p.value=g.value??0;return}let r=e===`increase`?1:-1;p.value=j(n+(v.value??1)*t*r)}function N(e=1){M(`increase`,e)}function P(e=1){M(`decrease`,e)}function F(e){e===`min`&&g.value!==void 0?p.value=j(g.value):e===`max`&&_.value!==void 0&&(p.value=j(_.value))}function I(e){b.value&&(b.value.value=e)}function L(e){let t=C.parse(e);return p.value=Number.isNaN(t)?void 0:j(t),e.length?I(k.value):I(e)}return{...r,isDecreaseDisabled:E,isIncreaseDisabled:D,inputElement:b,inputMode:T,textValue:k,setInputElement:x,applyInputValue:L,validate:A,onIncrease:N,onDecrease:P,onMinMaxValue:F}}),[m,h]=o(`InputNumberUi`);export{f as provideInputNumberRootContext,m as provideInputNumberUi,p as useInputNumberRootContext,h as useInputNumberUi};

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

@@ -0,0 +1,8 @@
+import { InputNumberCompactEmits, InputNumberCompactProps, InputNumberCompactSlotProps, InputNumberCompactSlots, InputNumberControlProps, InputNumberDecrementProps, InputNumberIncrementProps, InputNumberRootEmits, InputNumberRootProps, InputNumberUi, InputNumberUiSlot } from "./types.js";
+import { _default } from "./input-number-compact.vue.js";
+import { _default as _default$4 } from "./input-number-root.vue.js";
+import { _default as _default$1 } from "./input-number-control.vue.js";
+import { _default as _default$3 } from "./input-number-increment.vue.js";
+import { _default as _default$2 } from "./input-number-decrement.vue.js";
+import { provideInputNumberUi } from "./context.js";
+export { _default as InputNumberCompact, type InputNumberCompactEmits, type InputNumberCompactProps, type InputNumberCompactSlotProps, type InputNumberCompactSlots, _default$1 as InputNumberControl, type InputNumberControlProps, _default$2 as InputNumberDecrement, type InputNumberDecrementProps, _default$3 as InputNumberIncrement, type InputNumberIncrementProps, _default$4 as InputNumberRoot, type InputNumberRootEmits, type InputNumberRootProps, type InputNumberUi, type InputNumberUiSlot, provideInputNumberUi };

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

@@ -0,0 +1 @@
+import{provideInputNumberUi as e}from"./context.js";import t from"./input-number-control.js";import n from"./input-number-decrement.js";import r from"./input-number-increment.js";import i from"./input-number-root.js";import a from"./input-number-compact.js";export{a as InputNumberCompact,t as InputNumberControl,n as InputNumberDecrement,r as InputNumberIncrement,i as InputNumberRoot,e as provideInputNumberUi};

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

@@ -0,0 +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{useInputNumberRootContext as r,useInputNumberUi as i}from"./context.js";import{computed as a,createBlock as o,createVNode as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";const m=c({name:`InputNumberClear`,__name:`input-number-clear`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`clear`],setup(c,{emit:m}){let h=c,g=m,_=i(`clear`),v=e(),{disabled:y,readonly:b,onClear:x}=r(`InputNumberClear`),S=a(()=>h.disabled||y.value||b.value||!1),C=e=>{g(`clear`,e),x?.()};return(e,r)=>(u(),o(n,l(h,{"data-soybean-input-number-clear":``,class:f(_),"aria-label":f(v).inputNumber.clear,disabled:S.value,onClick:C}),{default:p(()=>[d(e.$slots,`default`,{},()=>[s(t,{icon:`lucide:x`})])]),_:3},16,[`class`,`aria-label`,`disabled`]))}});export{m as default};

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

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"./input-number-clear.js";import i from"./input-number-control.js";import a from"./input-number-decrement.js";import o from"./input-number-increment.js";import s from"./input-number-root.js";import{createBlock as c,createCommentVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,unref as _,withCtx as v}from"vue";const y=d({name:`InputNumberCompact`,__name:`input-number-compact`,props:{clearable:{type:Boolean},inputRef:{type:Function},controlProps:{},incrementProps:{},decrementProps:{},clearProps:{},defaultValue:{},modelValue:{},min:{},max:{},step:{},stepSnapping:{type:Boolean},focusOnChange:{type:Boolean},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`,`clear`],setup(d,{emit:y}){let b=d,x=y,S=t(b,[`inputRef`,`controlProps`,`clearable`,`clearProps`,`incrementProps`,`decrementProps`]),[C,w]=e(e=>b.inputRef?.(e));return(e,t)=>(h(),c(s,p(_(S),{"onUpdate:modelValue":t[1]||(t[1]=e=>x(`update:modelValue`,e))}),{default:v(s=>[g(e.$slots,`leading`,m(f(s))),u(i,p(d.controlProps,{ref:_(w)}),null,16),d.clearable?g(e.$slots,`clear`,m(p({key:0},s)),()=>[u(r,p(d.clearProps,{onClear:t[0]||(t[0]=e=>x(`clear`,e))}),null,16)]):l(`v-if`,!0),g(e.$slots,`trailing`,m(f(s))),g(e.$slots,`decrement`,m(f(s)),()=>[u(a,m(f(d.decrementProps)),{default:v(()=>[u(n,{icon:`lucide:minus`,"aria-hidden":!0})]),_:1},16)]),g(e.$slots,`increment`,m(f(s)),()=>[u(o,m(f(d.incrementProps)),{default:v(()=>[u(n,{icon:`lucide:plus`,"aria-hidden":!0})]),_:1},16)])]),_:3},16))}});export{y as default};

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

@@ -0,0 +1,20 @@
+import { InputNumberCompactProps, InputNumberCompactSlots } from "./types.js";
+
+//#region src/components/input-number/input-number-compact.vue.d.ts
+type __VLS_Slots = InputNumberCompactSlots;
+declare const __VLS_base: import("vue").DefineComponent<InputNumberCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  clear: (event: PointerEvent) => any;
+  "update:modelValue": (val: number | null) => any;
+}, string, import("vue").PublicProps, Readonly<InputNumberCompactProps> & Readonly<{
+  onClear?: ((event: PointerEvent) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: number | null) => any) | undefined;
+}>, {}, {}, {}, {}, 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-number/input-number-control.js

@@ -0,0 +1 @@
+import{getActiveElement as e}from"../../shared/dom.js";import"../../shared/index.js";import{useInputNumberRootContext as t,useInputNumberUi as n}from"./context.js";import{createElementBlock as r,defineComponent as i,mergeProps as a,openBlock as o,shallowRef as s,unref as c,watch as l,withKeys as u,withModifiers as d}from"vue";const f=[`aria-valuemin`,`aria-valuemax`,`aria-valuenow`,`data-disabled`,`data-readonly`,`disabled`,`inputmode`,`value`,`readonly`],p=i({name:`InputNumberControl`,__name:`input-number-control`,setup(i){let p=n(`control`),{setInputElement:m,modelValue:h,disabled:g,readonly:_,min:v,max:y,textValue:b,inputMode:x,disableWheelChange:S,invertWheelChange:C,onDecrease:w,onIncrease:T,validate:E,onMinMaxValue:D,applyInputValue:O,inputAttrs:k}=t(`InputNumberControl`),A=s(b.value),j=t=>{if(!S.value&&t.target===e()&&!(Math.abs(t.deltaY)<=Math.abs(t.deltaX))){if(t.preventDefault(),t.deltaY>0){C.value?w():T();return}t.deltaY<0&&(C.value?T():w())}},M=e=>{let t=e.target;E(t.value.slice(0,t.selectionStart??void 0)+(e.data??``)+t.value.slice(t.selectionEnd??void 0))||e.preventDefault()},N=e=>{A.value=e.target.value},P=()=>{requestAnimationFrame(()=>{A.value=b.value})},F=e=>{let t=e.target;O(t.value)},I=e=>{F(e)},L=e=>{F(e)};return l(()=>b.value,()=>{A.value=b.value},{immediate:!0,deep:!0}),(e,t)=>(o(),r(`input`,a(c(k),{ref:c(m),"data-soybean-input-number-control":``,class:c(p),"aria-roledescription":`Number Input`,"aria-valuemin":c(v),"aria-valuemax":c(y),"aria-valuenow":c(h)??void 0,autocomplete:`off`,autocorrect:`off`,"data-disabled":c(g)?``:void 0,"data-readonly":c(_)?``:void 0,disabled:c(g),inputmode:c(x),value:A.value,readonly:c(_),role:`spinbutton`,spellcheck:`false`,tabindex:`0`,type:`text`,onBeforeinput:M,onBlur:L,onChange:P,onInput:N,onKeydown:[t[0]||(t[0]=u(d((...e)=>c(w)&&c(w)(...e),[`prevent`]),[`down`])),t[1]||(t[1]=u(d(e=>c(D)(`max`),[`prevent`]),[`end`])),t[2]||(t[2]=u(d(e=>c(D)(`min`),[`prevent`]),[`home`])),t[3]||(t[3]=u(d(e=>c(T)(10),[`prevent`]),[`page-up`])),t[4]||(t[4]=u(d(e=>c(w)(10),[`prevent`]),[`page-down`])),t[5]||(t[5]=u(d((...e)=>c(T)&&c(T)(...e),[`prevent`]),[`up`])),u(I,[`enter`])],onWheel:j}),null,16,f))}});export{p as default};

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { InputNumberDecrementProps } from "./types.js";
+
+//#region src/components/input-number/input-number-decrement.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<InputNumberDecrementProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputNumberDecrementProps> & 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-number/input-number-increment.js

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

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

@@ -0,0 +1,17 @@
+import { InputNumberIncrementProps } from "./types.js";
+
+//#region src/components/input-number/input-number-increment.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<InputNumberIncrementProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputNumberIncrementProps> & 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-number/input-number-root.js

@@ -0,0 +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=()=>{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

@@ -0,0 +1,29 @@
+import { InputNumberRootProps } from "./types.js";
+
+//#region src/components/input-number/input-number-root.vue.d.ts
+declare var __VLS_1: {
+  modelValue: number | null;
+  clear: () => void;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<InputNumberRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:modelValue": (val: number | null) => any;
+}, string, import("vue").PublicProps, Readonly<InputNumberRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((val: number | null) => any) | undefined;
+}>, {
+  step: number;
+  modelValue: number | null;
+  focusOnChange: boolean;
+  stepSnapping: 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/input-number/shared.js

@@ -0,0 +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,ref as r}from"vue";import{createEventHook as i,unrefElement as a,useEventListener as o}from"@vueuse/core";function s(e){let{disabled:s}=e,c=r(),l=i(),u=()=>window.clearTimeout(c.value),d=e=>{u(),!s.value&&(l.trigger(),c.value=window.setTimeout(()=>{d(60)},e))},f=()=>{d(400)},p=()=>{u()},m=r(!1),h=n(()=>a(e.target)),g=e=>{e.button!==0||m.value||(e.preventDefault(),m.value=!0,f())},_=()=>{m.value=!1,p()};return t&&(o(h||window,`pointerdown`,g),o(window,`pointerup`,_),o(window,`pointercancel`,_)),{isPressed:m,onTrigger:l.on}}function c(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{c as handleDecimalOperation,s as usePressedHold};

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

@@ -0,0 +1,155 @@
+import { UiClass } from "../../types/common.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+import { BaseProps } from "../../types/vue.js";
+import { ButtonProps } from "../button/types.js";
+import { InputBaseProps } from "../input/types.js";
+import { ComputedRef, InputHTMLAttributes, ShallowRef } from "vue";
+
+//#region src/components/input-number/types.d.ts
+/**
+ * Properties for the InputNumberRoot component.
+ */
+interface InputNumberRootProps extends FormFieldCommonProps, InputBaseProps, BaseProps {
+  /** The default value of the input */
+  defaultValue?: number;
+  /** The controlled value of the input */
+  modelValue?: number | null;
+  /** The smallest value allowed for the input. */
+  min?: number;
+  /** The largest value allowed for the input. */
+  max?: number;
+  /** The amount that the input value changes with each increment or decrement "tick". */
+  step?: number;
+  /** When `false`, prevents the value from snapping to the nearest increment of the step value */
+  stepSnapping?: boolean;
+  /** When `true`, the input will be focused when the value changes. */
+  focusOnChange?: boolean;
+  /**
+   * Formatting options for the value displayed in the number field. This also affects what characters are allowed to be
+   * typed by the user.
+   */
+  formatOptions?: Intl.NumberFormatOptions;
+  /** The locale to use for formatting dates */
+  locale?: string;
+  /** When `true`, prevents the value from changing on wheel scroll. */
+  disableWheelChange?: boolean;
+  /** When `true`, inverts the direction of the wheel change. */
+  invertWheelChange?: boolean;
+  /**
+   * Properties forwarded to the root element.
+   */
+  rootProps?: BaseProps;
+}
+/**
+ * Events for the InputNumberRoot component.
+ */
+type InputNumberRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
+  'update:modelValue': [val: number | null];
+};
+/**
+ * Properties for the InputNumberControl component.
+ */
+interface InputNumberControlProps extends BaseProps<InputHTMLAttributes> {}
+/**
+ * Properties for the InputNumberIncrement component.
+ */
+interface InputNumberIncrementProps extends ButtonProps {}
+/**
+ * Properties for the InputNumberDecrement component.
+ */
+interface InputNumberDecrementProps extends ButtonProps {}
+/**
+ * Events for the InputNumberClear component.
+ */
+type InputNumberClearEmits = {
+  /**
+   * Emitted when the clear button is clicked.
+   */
+  clear: [event: PointerEvent];
+};
+/**
+ * Slot properties for the InputNumberCompact component.
+ */
+interface InputNumberCompactSlotProps {
+  /**
+   * Current model value.
+   */
+  modelValue?: number | null;
+  /**
+   * Clear handler.
+   */
+  clear: () => void;
+}
+/**
+ * Properties for the InputNumberCompact component.
+ */
+interface InputNumberCompactProps extends InputNumberRootProps {
+  /**
+   * Whether to show the clear trigger.
+   *
+   * @defaultValue false
+   */
+  clearable?: boolean;
+  /**
+   * The function to set the input element.
+   */
+  inputRef?: (el: HTMLInputElement) => void;
+  /**
+   * Properties forwarded to the control element.
+   */
+  controlProps?: InputNumberControlProps;
+  /**
+   * Properties forwarded to the increment element.
+   */
+  incrementProps?: InputNumberIncrementProps;
+  /**
+   * Properties forwarded to the decrement element.
+   */
+  decrementProps?: InputNumberDecrementProps;
+  /**
+   * Properties forwarded to the clear element.
+   */
+  clearProps?: ButtonProps;
+}
+/**
+ * Events for the InputNumberCompact component.
+ */
+type InputNumberCompactEmits = InputNumberRootEmits & InputNumberClearEmits;
+/**
+ * Slots for the InputNumberCompact component.
+ */
+type InputNumberCompactSlots = {
+  /**
+   * Custom content for the leading slot.
+   */
+  leading?: (props: InputNumberCompactSlotProps) => any;
+  /**
+   * Custom content for the trailing slot.
+   */
+  trailing?: (props: InputNumberCompactSlotProps) => any;
+  /**
+   * Custom content for the clear slot.
+   */
+  clear?: (props: InputNumberCompactSlotProps) => any;
+  /**
+   * Custom content for the decrement slot.
+   */
+  decrement?: (props: InputNumberCompactSlotProps) => any;
+  /**
+   * Custom content for the increment slot.
+   */
+  increment?: (props: InputNumberCompactSlotProps) => any;
+};
+/**
+ * Available UI slots for the InputNumber component.
+ */
+type InputNumberUiSlot = 'root' | 'increment' | 'decrement' | 'control' | 'clear';
+/**
+ * UI class overrides for the InputNumber component.
+ */
+type InputNumberUi = UiClass<InputNumberUiSlot>;
+//#endregion
+export { InputNumberCompactEmits, InputNumberCompactProps, InputNumberCompactSlotProps, InputNumberCompactSlots, InputNumberControlProps, InputNumberDecrementProps, InputNumberIncrementProps, InputNumberRootEmits, InputNumberRootProps, InputNumberUi, InputNumberUiSlot };

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

@@ -0,0 +1,7 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { InputOtpUiSlot } from "./types.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
+export { provideInputOtpUi };

package/dist/components/input-otp/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(`InputOtpRoot`),[i,a]=t(`InputOtpUi`);export{n as provideInputOtpRootContext,i as provideInputOtpUi,r as useInputOtpRootContext,a as useInputOtpUi};

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

@@ -0,0 +1,7 @@
+import { InputOtpCompactEmits, InputOtpCompactProps, InputOtpCompactSlots, InputOtpInputMode, InputOtpInputProps, InputOtpPositionerProps, InputOtpPushPasswordManagerStrategy, InputOtpRootContext, InputOtpRootEmits, InputOtpRootProps, InputOtpRootSlotProps, InputOtpSlotProps, InputOtpUi, InputOtpUiSlot } from "./types.js";
+import { _default } from "./input-otp-compact.vue.js";
+import { _default as _default$1 } from "./input-otp-input.vue.js";
+import { _default as _default$2 } from "./input-otp-positioner.vue.js";
+import { _default as _default$3 } from "./input-otp-root.vue.js";
+import { provideInputOtpUi } from "./context.js";
+export { _default as InputOtpCompact, type InputOtpCompactEmits, type InputOtpCompactProps, type InputOtpCompactSlots, _default$1 as InputOtpInput, type InputOtpInputMode, type InputOtpInputProps, _default$2 as InputOtpPositioner, type InputOtpPositionerProps, type InputOtpPushPasswordManagerStrategy, _default$3 as InputOtpRoot, type InputOtpRootContext, type InputOtpRootEmits, type InputOtpRootProps, type InputOtpRootSlotProps, type InputOtpSlotProps, type InputOtpUi, type InputOtpUiSlot, provideInputOtpUi };

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

@@ -0,0 +1 @@
+import{provideInputOtpUi as e}from"./context.js";import t from"./input-otp-input.js";import n from"./input-otp-positioner.js";import r from"./input-otp-root.js";import i from"./input-otp-compact.js";export{i as InputOtpCompact,t as InputOtpInput,n as InputOtpPositioner,r as InputOtpRoot,e as provideInputOtpUi};

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

@@ -0,0 +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},"aria-label":{},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`,`aria-label`,`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

@@ -0,0 +1,36 @@
+import { InputOtpCompactProps, InputOtpCompactSlots } from "./types.js";
+
+//#region src/components/input-otp/input-otp-compact.vue.d.ts
+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;
+  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<InputOtpCompactProps> & 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;
+}>, {}, {}, {}, {}, 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 };