@soybeanjs/headless 0.29.0-beta.1 → 0.29.0-beta.3

package/dist/components/color-area/color-area-compact.vue.d.ts

@@ -3,13 +3,13 @@ import { ColorAreaCompactProps } from "./types.js";
 
 //#region src/components/color-area/color-area-compact.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<ColorAreaCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   changeEnd: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<ColorAreaCompactProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/color-area/color-area-root.vue.d.ts

@@ -7,20 +7,20 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ColorAreaRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   changeEnd: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<ColorAreaRootProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {
   disabled: boolean;
   format: ColorFormat;
-  modelValue: string | ColorValue;
   defaultValue: string | ColorValue;
+  modelValue: string | ColorValue;
   colorSpace: ColorSpace;
   xChannel: ColorAreaAxisChannel;
   yChannel: ColorAreaAxisChannel;

package/dist/components/color-field/color-field-root.vue.d.ts

@@ -15,9 +15,9 @@ declare const __VLS_base: import("vue").DefineComponent<ColorFieldRootProps, {},
 }>, {
   disabled: boolean;
   format: ColorFormat;
-  modelValue: string | ColorValue;
-  defaultValue: string | ColorValue;
   step: number;
+  defaultValue: string | ColorValue;
+  modelValue: string | ColorValue;
   readonly: boolean;
   colorSpace: ColorSpace;
   disableWheelChange: boolean;

package/dist/components/color-picker/color-picker-compact.vue.d.ts

@@ -13,8 +13,8 @@ type __VLS_Slots = {} & {
   trigger?: (props: typeof __VLS_21) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ColorPickerCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
@@ -25,8 +25,8 @@ declare const __VLS_base: import("vue").DefineComponent<ColorPickerCompactProps,
   "update:color": (value: NormalizedColor) => any;
   "update:format": (value: ColorFormat) => any;
 }, string, import("vue").PublicProps, Readonly<ColorPickerCompactProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;

package/dist/components/color-picker/color-picker-root.vue.d.ts

@@ -11,8 +11,8 @@ declare var __VLS_1: {
   displayFormat: ColorFormat;
   displayFormatLabel: string;
   areaChannel: {
-    readonly x: "chroma" | "saturation";
-    readonly y: "brightness" | "lightness";
+    readonly x: "saturation" | "chroma";
+    readonly y: "lightness" | "brightness";
   };
   setColor: typeof setColor;
   setFormat: typeof setFormat;
@@ -21,22 +21,22 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ColorPickerRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   "update:format": (value: ColorFormat) => any;
 }, string, import("vue").PublicProps, Readonly<ColorPickerRootProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   "onUpdate:format"?: ((value: ColorFormat) => any) | undefined;
 }>, {
   disabled: boolean;
   format: ColorFormat;
-  modelValue: string | ColorValue;
   defaultValue: string | ColorValue;
-  defaultFormat: ColorFormat;
+  modelValue: string | ColorValue;
   colorSpace: ColorSpace;
+  defaultFormat: ColorFormat;
 }, {}, {}, {}, 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/color-slider/color-slider-compact.vue.d.ts

@@ -3,13 +3,13 @@ import { ColorSliderCompactProps } from "./types.js";
 
 //#region src/components/color-slider/color-slider-compact.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<ColorSliderCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   changeEnd: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<ColorSliderCompactProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/color-slider/color-slider-root.vue.d.ts

@@ -7,24 +7,24 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ColorSliderRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   changeEnd: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<ColorSliderRootProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {
   disabled: boolean;
   format: ColorFormat;
   orientation: DataOrientation;
-  modelValue: string | ColorValue;
-  defaultValue: string | ColorValue;
   step: number;
-  colorSpace: ColorSpace;
+  defaultValue: string | ColorValue;
+  modelValue: string | ColorValue;
   inverted: boolean;
+  colorSpace: ColorSpace;
 }, {}, {}, {}, 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/color-swatch-picker/color-swatch-picker-compact.vue.d.ts

@@ -7,8 +7,8 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
   props: import("vue").PublicProps & __VLS_PrettifyLocal<ColorSwatchPickerCompactProps<M> & {
     onSelect?: ((event: SelectEvent<string>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
-    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
+    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onLeave?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -16,7 +16,7 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ColorSwatchPickerCompactSlots<M>;
-  emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void);
+  emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/color-swatch-picker/color-swatch-picker-root.vue.d.ts

@@ -6,8 +6,8 @@ import { ColorSwatchPickerRootProps } from "./types.js";
 declare const __VLS_export: <M extends boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<ColorSwatchPickerRootProps<M> & {
     "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
-    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
+    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onLeave?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -19,7 +19,7 @@ declare const __VLS_export: <M extends boolean>(__VLS_props: NonNullable<Awaited
       modelValue: ((M extends true ? string[] : string) | undefined) & Exclude<M extends true ? string[] : string, undefined>;
     }) => any;
   };
-  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void);
+  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -7,8 +7,8 @@ declare const __VLS_export: <T extends CommandSingleOptionData = CommandSingleOp
   props: import("vue").PublicProps & __VLS_PrettifyLocal<CommandCompactProps<T> & {
     onSelect?: ((event: SelectEvent<string>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
+    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onLeave?: ((event: Event) => any) | undefined;
     "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -17,7 +17,7 @@ declare const __VLS_export: <T extends CommandSingleOptionData = CommandSingleOp
   expose: (exposed: {}) => void;
   attrs: any;
   slots: CommandCompactSlots<T>;
-  emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
+  emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/date-field/date-field-root.vue.d.ts

@@ -12,8 +12,8 @@ declare const __VLS_base: import("vue").DefineComponent<DateFieldRootProps, {},
 }>, {
   disabled: boolean;
   placeholder: import("@internationalized/date").DateValue;
-  defaultValue: import("@internationalized/date").DateValue;
   step: DateStep;
+  defaultValue: import("@internationalized/date").DateValue;
   readonly: boolean;
   defaultPlaceholder: import("@internationalized/date").DateValue;
   isDateUnavailable: DateMatcher;

package/dist/components/date-picker/date-picker-compact.vue.d.ts

@@ -264,7 +264,7 @@ declare var __VLS_24: {
     readonly fixedWeeks: boolean;
     readonly initialFocus: boolean;
     readonly disableDaysOutsideCurrentView: boolean;
-  }, "triggerProps" | "open" | "positionerProps" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
+  }, "triggerProps" | "positionerProps" | "open" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
   onUpdateModelValue: (value: DateValue | undefined) => void;
   onUpdatePlaceholder: (placeholder: DateValue) => void;
 };

package/dist/components/date-range-field/date-range-field-root.vue.d.ts

@@ -15,8 +15,8 @@ declare const __VLS_base: import("vue").DefineComponent<DateRangeFieldRootProps,
 }>, {
   disabled: boolean;
   placeholder: import("@internationalized/date").DateValue;
-  defaultValue: DateRange;
   step: DateStep;
+  defaultValue: DateRange;
   readonly: boolean;
   defaultPlaceholder: import("@internationalized/date").DateValue;
   isDateUnavailable: DateMatcher;

package/dist/components/date-range-picker/date-range-picker-compact.vue.d.ts

@@ -267,7 +267,7 @@ declare var __VLS_24: {
     readonly initialFocus: boolean;
     readonly disableDaysOutsideCurrentView: boolean;
     readonly allowNonContiguousRanges: boolean;
-  }, "triggerProps" | "open" | "positionerProps" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
+  }, "triggerProps" | "positionerProps" | "open" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
   onUpdateModelValue: (value: DateRange) => void;
   onUpdatePlaceholder: (placeholder: DateValue) => void;
 };

package/dist/components/dropdown-menu/dropdown-menu-root.vue.d.ts

@@ -12,11 +12,11 @@ declare const __VLS_base: import("vue").DefineComponent<DropdownMenuRootProps, {
 }, string, import("vue").PublicProps, Readonly<DropdownMenuRootProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-  open: boolean;
   delayDuration: number;
   skipDelayDuration: number;
-  modal: boolean;
+  open: boolean;
   trigger: DropdownMenuTriggerType;
+  modal: 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/editable/editable-compact.vue.d.ts

@@ -3,12 +3,12 @@ import { EditableCompactProps, EditableCompactSlots, EditableEventState } from "
 //#region src/components/editable/editable-compact.vue.d.ts
 type __VLS_Slots = EditableCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<EditableCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   submit: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "update:state": (state: EditableEventState) => any;
 }, string, import("vue").PublicProps, Readonly<EditableCompactProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onSubmit?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:state"?: ((state: EditableEventState) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/editable/editable-root.vue.d.ts

@@ -21,12 +21,12 @@ declare const __VLS_base: import("vue").DefineComponent<EditableRootProps, {
   cancel: typeof cancel;
   submit: typeof submit;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   submit: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "update:state": (state: EditableEventState) => any;
 }, string, import("vue").PublicProps, Readonly<EditableRootProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onSubmit?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:state"?: ((state: EditableEventState) => any) | undefined;
 }>, {
   disabled: boolean;

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

@@ -13,10 +13,10 @@ declare const __VLS_base: import("vue").DefineComponent<InputNumberRootProps, {}
 }, string, import("vue").PublicProps, Readonly<InputNumberRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((val: number | null) => any) | undefined;
 }>, {
-  modelValue: number | null;
   step: number;
-  stepSnapping: boolean;
+  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;

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

@@ -5,24 +5,24 @@ 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;
-  "update:modelValue": (value: string) => 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;
-  "onUpdate:modelValue"?: ((value: string) => 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>;

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

@@ -17,30 +17,30 @@ declare const __VLS_base: import("vue").DefineComponent<InputOtpRootProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   input: (value: string) => any;
   select: (event: Event) => any;
-  "update:modelValue": (value: string) => 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;
-  "onUpdate:modelValue"?: ((value: string) => 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;
+  modelValue: string;
   pushPasswordManagerStrategy: InputOtpPushPasswordManagerStrategy;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/listbox/listbox-root.vue.d.ts

@@ -5,8 +5,8 @@ import { ListboxCollectionItemData, ListboxRootProps } from "./types.js";
 declare const __VLS_export: <M extends boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<ListboxRootProps<M> & {
     "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
-    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
+    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onLeave?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -24,7 +24,7 @@ declare const __VLS_export: <M extends boolean>(__VLS_props: NonNullable<Awaited
       modelValue: (M extends true ? string[] : string) | undefined;
     }) => any;
   };
-  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void);
+  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/menubar/menubar-root.vue.d.ts

@@ -13,8 +13,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
   "onUpdate:modelValue"?: ((value: DefinedValue) => any) | undefined;
 }>, {
-  loop: boolean;
   modelValue: DefinedValue;
+  loop: 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/navigation-menu/navigation-menu-viewport.js

@@ -1 +1 @@
-import{getDisclosureState as e}from"../../shared/value.js";import{isMouseEvent as t}from"../../shared/event.js";import"../../shared/index.js";import{usePresence as n}from"../../composables/use-presence.js";import"../../composables/index.js";import{getNavigationMenuViewportPosition as r,navigationMenuViewportCssVars as i}from"./shared.js";import{useNavigationMenuRootContext as a,useNavigationMenuUi as o}from"./context.js";import{computed as s,createCommentVNode as c,createElementBlock as l,defineComponent as u,nextTick as d,normalizeClass as f,normalizeStyle as p,openBlock as m,renderSlot as h,shallowRef as g,unref as _,watch as v}from"vue";import{useResizeObserver as y}from"@vueuse/core";const b=[`data-state`,`hidden`],x=u({name:`NavigationMenuViewport`,__name:`navigation-menu-viewport`,props:{align:{default:`start`},forceMount:{type:Boolean}},setup(u){let x=u,{dir:S,isRoot:C,open:w,orientation:T,unmountOnHide:E,rootElement:D,modelValue:O,viewportElement:k,setViewportElement:A,onContentEnter:j,onContentLeave:M}=a(`NavigationMenuViewport`),N=o(`viewport`),P=x.forceMount?g(!0):n(k,w),F=s(()=>e(w.value)),I=g(),L=g(),R=s(()=>{let{width:e,height:t}=I.value||{},{left:n,top:r}=L.value||{};return{pointerEvents:!w.value&&C?`none`:void 0,[i.width]:e===void 0?void 0:`${e}px`,[i.height]:t===void 0?void 0:`${t}px`,[i.left]:n===void 0?void 0:`${n}px`,[i.top]:r===void 0?void 0:`${r}px`}});function z(){if(!D.value||!k.value)return;let e=I.value||{width:k.value.offsetWidth,height:k.value.offsetHeight};L.value=r({rootElement:D.value,contentSize:e,orientation:T.value,dir:S.value,align:x.align})}let B=g(null);function V(){k.value&&requestAnimationFrame(()=>{B.value=k.value?.querySelector(`[data-state=open]`)})}let H=()=>{O.value&&j(O.value)},U=e=>{t(e)&&M()};return y(B,()=>{if(!B.value)return;let{offsetWidth:e,offsetHeight:t}=B.value;I.value={width:e,height:t},z()}),v([k,O,w],()=>{d(()=>{V()})},{immediate:!0}),y([()=>globalThis?.document?.body,D],()=>{z()}),(e,t)=>_(P)?(m(),l(`div`,{key:0,ref:_(A),"data-soybean-navigation-menu-viewport":``,class:f(_(N)),"data-state":F.value,hidden:!_(P),style:p(R.value),onPointerenter:H,onPointerleave:U},[!_(E)||_(P)?h(e.$slots,`default`,{key:0}):c(`v-if`,!0)],46,b)):c(`v-if`,!0)}});export{x as default};
+import{getDisclosureState as e}from"../../shared/value.js";import{isMouseEvent as t}from"../../shared/event.js";import"../../shared/index.js";import{usePresence as n}from"../../composables/use-presence.js";import"../../composables/index.js";import{getNavigationMenuViewportPosition as r,navigationMenuViewportCssVars as i}from"./shared.js";import{useNavigationMenuRootContext as a,useNavigationMenuUi as o}from"./context.js";import{computed as s,createCommentVNode as c,createElementBlock as l,defineComponent as u,nextTick as d,normalizeClass as f,normalizeStyle as p,openBlock as m,renderSlot as h,shallowRef as g,unref as _,watch as v}from"vue";import{useResizeObserver as y}from"@vueuse/core";const b=[`data-state`,`hidden`],x=u({name:`NavigationMenuViewport`,__name:`navigation-menu-viewport`,props:{align:{default:`start`},forceMount:{type:Boolean}},setup(u){let x=u,{dir:S,isRoot:C,open:w,orientation:T,unmountOnHide:E,rootElement:D,modelValue:O,activeTriggerElement:k,viewportElement:A,setViewportElement:j,onContentEnter:M,onContentLeave:N}=a(`NavigationMenuViewport`),P=o(`viewport`),F=x.forceMount?g(!0):n(A,w),I=s(()=>e(w.value)),L=g(),R=g(),z=s(()=>{let{width:e,height:t}=L.value||{},{left:n,top:r}=R.value||{};return{pointerEvents:!w.value&&C?`none`:void 0,[i.width]:e===void 0?void 0:`${e}px`,[i.height]:t===void 0?void 0:`${t}px`,[i.left]:n===void 0?void 0:`${n}px`,[i.top]:r===void 0?void 0:`${r}px`}});function B(){if(!D.value||!A.value)return;let e=L.value||{width:A.value.offsetWidth,height:A.value.offsetHeight};R.value=r({rootElement:D.value,activeTriggerElement:k.value,contentSize:e,orientation:T.value,dir:S.value,align:x.align})}let V=g(null);function H(){A.value&&requestAnimationFrame(()=>{V.value=A.value?.querySelector(`[data-state=open]`)})}let U=()=>{O.value&&M(O.value)},W=e=>{t(e)&&N()};return y(V,()=>{if(!V.value)return;let{offsetWidth:e,offsetHeight:t}=V.value;L.value={width:e,height:t},B()}),v([A,O,w],()=>{d(()=>{H()})},{immediate:!0}),y([()=>globalThis?.document?.body,D,k],()=>{B()}),(e,t)=>_(F)?(m(),l(`div`,{key:0,ref:_(j),"data-soybean-navigation-menu-viewport":``,class:f(_(P)),"data-state":I.value,hidden:!_(F),style:p(z.value),onPointerenter:U,onPointerleave:W},[!_(E)||_(F)?h(e.$slots,`default`,{key:0}):c(`v-if`,!0)],46,b)):c(`v-if`,!0)}});export{x as default};

package/dist/components/navigation-menu/shared.js

@@ -1 +1 @@
-import{computed as e}from"vue";const t=[`item`,`item-leading`,`item-trailing`],n=`navigationMenu.rootContentDismiss`,r=`navigationMenu.linkSelect`,i={width:`--soybean-navigation-menu-viewport-width`,height:`--soybean-navigation-menu-viewport-height`,left:`--soybean-navigation-menu-viewport-left`,top:`--soybean-navigation-menu-viewport-top`},a={size:`--soybean-navigation-menu-indicator-size`,left:`--soybean-navigation-menu-indicator-left`,top:`--soybean-navigation-menu-indicator-top`};function o(n){return e(()=>Object.keys(n).filter(e=>t.includes(e)))}function s(e,t){return`${e}-trigger-${t}`}function c(e,t){return`${e}-content-${t}`}function l(){let e=globalThis.window?.visualViewport;return{width:e?.width??globalThis.window?.innerWidth??document.documentElement.clientWidth,height:e?.height??globalThis.window?.innerHeight??document.documentElement.clientHeight}}function u(e,t,n,r){let i=r,a=n-r-t;return a<=i||e<i?i:e>a?a:e}function d(e,t,n){if(n!==`rtl`)return e;let{width:r}=l();return r-e-t}function f(e){let{rootElement:t,contentSize:n,orientation:r,dir:i,align:a}=e,o=t.getBoundingClientRect(),{width:s,height:c}=l(),{width:f,height:p}=n,m=i===`rtl`,h={start:{left:m?o.right-f:o.left,top:o.bottom},center:{left:o.left+o.width/2-f/2,top:o.bottom},end:{left:m?o.left:o.right-f,top:o.bottom}},g={start:{left:m?o.left-f:o.right,top:o.top},center:{left:m?o.left-f:o.right,top:o.top+o.height/2-p/2},end:{left:m?o.left-f:o.right,top:o.bottom-p}},{left:_,top:v}=(r===`vertical`?g:h)[a];_=u(_,f,s,10),v=u(v,p,c,10);let y={left:d(_,f,i),top:v};return{left:Math.round(y.left),top:Math.round(y.top)}}function p(e){let{indicatorTrackElement:t,activeTriggerElement:n,orientation:r,dir:i}=e,a=t.getBoundingClientRect(),o=n.getBoundingClientRect(),s=r===`horizontal`,c=i===`rtl`,l=s?o.width:o.height,u={size:l,left:d(s?o.left:c?a.left-l:a.right,l,i),top:s?a.bottom:o.top+o.height/2};return{size:Math.round(u.size),left:Math.round(u.left),top:Math.round(u.top)}}export{n as EVENT_ROOT_CONTENT_DISMISS,r as LINK_SELECT,c as createContentId,s as createTriggerId,p as getNavigationMenuIndicatorPosition,f as getNavigationMenuViewportPosition,a as navigationMenuIndicatorCssVars,i as navigationMenuViewportCssVars,o as useCommonSlotNames};
+import{computed as e}from"vue";const t=[`item`,`item-leading`,`item-trailing`],n=`navigationMenu.rootContentDismiss`,r=`navigationMenu.linkSelect`,i={width:`--soybean-navigation-menu-viewport-width`,height:`--soybean-navigation-menu-viewport-height`,left:`--soybean-navigation-menu-viewport-left`,top:`--soybean-navigation-menu-viewport-top`},a={size:`--soybean-navigation-menu-indicator-size`,left:`--soybean-navigation-menu-indicator-left`,top:`--soybean-navigation-menu-indicator-top`};function o(n){return e(()=>Object.keys(n).filter(e=>t.includes(e)))}function s(e,t){return`${e}-trigger-${t}`}function c(e,t){return`${e}-content-${t}`}function l(){let e=globalThis.window?.visualViewport;return{width:e?.width??globalThis.window?.innerWidth??document.documentElement.clientWidth,height:e?.height??globalThis.window?.innerHeight??document.documentElement.clientHeight}}function u(e,t,n,r){let i=r,a=n-r-t;return a<=i||e<i?i:e>a?a:e}function d(e,t,n){if(n!==`rtl`)return e;let{width:r}=l();return r-e-t}function f(e){let{rootElement:t,activeTriggerElement:n,contentSize:r,orientation:i,dir:a,align:o}=e,s=t.getBoundingClientRect(),{width:c,height:f}=l(),{width:p,height:m}=r,h=a===`rtl`,g=n?n.getBoundingClientRect():s,_={start:{left:h?g.right-p:g.left,top:s.bottom},center:{left:g.left+g.width/2-p/2,top:s.bottom},end:{left:h?g.left:g.right-p,top:s.bottom}},v={start:{left:h?s.left-p:s.right,top:g.top},center:{left:h?s.left-p:s.right,top:g.top+g.height/2-m/2},end:{left:h?s.left-p:s.right,top:g.bottom-m}},{left:y,top:b}=(i===`vertical`?v:_)[o];y=u(y,p,c,10),b=u(b,m,f,10);let x={left:d(y,p,a),top:b};return{left:Math.round(x.left),top:Math.round(x.top)}}function p(e){let{indicatorTrackElement:t,activeTriggerElement:n,orientation:r,dir:i}=e,a=t.getBoundingClientRect(),o=n.getBoundingClientRect(),s=r===`horizontal`,c=i===`rtl`,l=s?o.width:o.height,u={size:l,left:d(s?o.left:c?a.left-l:a.right,l,i),top:s?a.bottom:o.top+o.height/2};return{size:Math.round(u.size),left:Math.round(u.left),top:Math.round(u.top)}}export{n as EVENT_ROOT_CONTENT_DISMISS,r as LINK_SELECT,c as createContentId,s as createTriggerId,p as getNavigationMenuIndicatorPosition,f as getNavigationMenuViewportPosition,a as navigationMenuIndicatorCssVars,i as navigationMenuViewportCssVars,o as useCommonSlotNames};

package/dist/components/page-tabs/page-tabs-compact.vue.d.ts

@@ -4,9 +4,9 @@ import { PageTabsCompactEmits, PageTabsCompactProps, PageTabsCompactSlots, PageT
 declare const __VLS_export: <T extends PageTabsOptionData = PageTabsOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<PageTabsCompactProps<T> & {
     onContextmenu?: ((tab: T) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onClick?: ((tab: T) => any) | undefined;
     onClose?: ((tab: T) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onPin?: ((tab: T) => any) | undefined;
     "onUpdate:items"?: ((items: T[]) => any) | undefined;
     onSelectContextMenu?: ((menu: PageTabsContextMenuOptionData, tab: T) => any) | undefined;

package/dist/components/page-tabs/page-tabs-root.vue.d.ts

@@ -10,8 +10,8 @@ declare const __VLS_base: import("vue").DefineComponent<PageTabsRootProps, {}, {
 }, string, import("vue").PublicProps, Readonly<PageTabsRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-  loop: boolean;
   modelValue: string;
+  loop: 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/slider/slider-root.vue.d.ts

@@ -19,9 +19,9 @@ declare const __VLS_base: import("vue").DefineComponent<SliderRootProps, {}, {},
   max: number;
   min: number;
   orientation: DataOrientation;
-  modelValue: number[];
-  defaultValue: number[];
   step: number;
+  defaultValue: number[];
+  modelValue: number[];
   inverted: boolean;
   minStepsBetweenThumbs: number;
   thumbAlignment: SliderThumbAlignment;

package/dist/components/stepper/stepper-root.vue.d.ts

@@ -37,8 +37,8 @@ declare const __VLS_base: import("vue").DefineComponent<StepperRootProps, {
   "onUpdate:modelValue"?: ((payload: number) => any) | undefined;
 }>, {
   orientation: DataOrientation;
-  modelValue: number;
   defaultValue: number;
+  modelValue: number;
   linear: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/tabs/tabs-root.vue.d.ts

@@ -14,8 +14,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
   "onUpdate:modelValue"?: ((payload: DefinedValue | null) => any) | undefined;
 }>, {
   orientation: DataOrientation;
-  loop: boolean;
   modelValue: DefinedValue | null;
+  loop: boolean;
   activationMode: TabsActivationMode;
   unmountOnHide: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -3,13 +3,13 @@ import { TagsInputCompactProps, TagsInputCompactSlots } from "./types.js";
 //#region src/components/tags-input/tags-input-compact.vue.d.ts
 type __VLS_Slots = TagsInputCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<TagsInputCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string[]) => any;
   invalid: (value: string) => any;
+  "update:modelValue": (value: string[]) => any;
   addTag: (value: string) => any;
   removeTag: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<TagsInputCompactProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
   onInvalid?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
   onAddTag?: ((value: string) => any) | undefined;
   onRemoveTag?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -9,19 +9,19 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<TagsInputRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string[]) => any;
   invalid: (value: string) => any;
+  "update:modelValue": (value: string[]) => any;
   addTag: (value: string) => any;
   removeTag: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<TagsInputRootProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
   onInvalid?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
   onAddTag?: ((value: string) => any) | undefined;
   onRemoveTag?: ((value: string) => any) | undefined;
 }>, {
   max: number;
-  modelValue: string[];
   defaultValue: string[];
+  modelValue: string[];
   delimiter: string | RegExp;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/time-field/time-field-root.vue.d.ts

@@ -12,8 +12,8 @@ declare const __VLS_base: import("vue").DefineComponent<TimeFieldRootProps, {},
 }>, {
   disabled: boolean;
   placeholder: TimeValue;
-  defaultValue: TimeValue;
   step: DateStep;
+  defaultValue: TimeValue;
   readonly: boolean;
   defaultPlaceholder: TimeValue;
   granularity: TimeGranularity;

package/dist/components/time-range-field/time-range-field-root.vue.d.ts

@@ -16,8 +16,8 @@ declare const __VLS_base: import("vue").DefineComponent<TimeRangeFieldRootProps,
 }>, {
   disabled: boolean;
   placeholder: TimeValue;
-  defaultValue: TimeRange;
   step: DateStep;
+  defaultValue: TimeRange;
   readonly: boolean;
   defaultPlaceholder: TimeValue;
   granularity: TimeGranularity;

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

@@ -15,8 +15,8 @@ declare const __VLS_base: import("vue").DefineComponent<ToggleProps, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<ToggleProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-  modelValue: boolean;
   defaultValue: boolean;
+  modelValue: 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/visually-hidden/visually-hidden-input.vue.d.ts

@@ -2,8 +2,8 @@ import { VisuallyHiddenFeature, VisuallyHiddenInputProps } from "./types.js";
 
 //#region src/components/visually-hidden/visually-hidden-input.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<VisuallyHiddenInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VisuallyHiddenInputProps> & Readonly<{}>, {
-  feature: VisuallyHiddenFeature;
   checked: boolean;
+  feature: VisuallyHiddenFeature;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/headless",
-  "version": "0.29.0-beta.1",
+  "version": "0.29.0-beta.3",
   "description": "SoybeanHeadless is a collection unstyled components for Vue 3. It is designed to be lightweight and easy to use.",
   "homepage": "https://github.com/soybeanjs/soybean-ui",
   "bugs": {