@soybeanjs/headless 0.15.0-beta.4 → 0.15.0

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

@@ -6,15 +6,15 @@ declare const __VLS_export: <T extends AutocompleteSingleOptionData = Autocomple
   props: _$vue.PublicProps & __VLS_PrettifyLocal<AutocompleteCompactProps<T> & {
     onSelect?: ((item: T) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onHighlight?: ((payload?: AutocompleteHighlightPayload | undefined) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onHighlight?: ((payload?: AutocompleteHighlightPayload | undefined) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: AutocompleteCompactSlots<T>;
-  emit: ((evt: "select", item: T) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: AutocompleteHighlightPayload | undefined) => void) & ((evt: "update:open", value: boolean) => void);
+  emit: ((evt: "select", item: T) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "highlight", payload?: AutocompleteHighlightPayload | undefined) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -10,17 +10,17 @@ type __VLS_Slots = {
 };
 declare const __VLS_base: _$vue.DefineComponent<AutocompleteRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-  highlight: (payload?: AutocompleteHighlightPayload | undefined) => any;
   "update:open": (value: boolean) => any;
+  highlight: (payload?: AutocompleteHighlightPayload | undefined) => any;
 }, string, _$vue.PublicProps, Readonly<AutocompleteRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onHighlight?: ((payload?: AutocompleteHighlightPayload | undefined) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onHighlight?: ((payload?: AutocompleteHighlightPayload | undefined) => any) | undefined;
 }>, {
   modelValue: string;
   open: boolean;
-  highlightOnHover: boolean;
   defaultOpen: boolean;
+  highlightOnHover: boolean;
   openOnFocus: boolean;
   openOnClick: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -11,11 +11,11 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<BacktopProps, BacktopExposed, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (visible: boolean) => any;
   click: (event: MouseEvent) => any;
+  change: (visible: boolean) => any;
 }, string, _$vue.PublicProps, Readonly<BacktopProps> & Readonly<{
-  onChange?: ((visible: boolean) => any) | undefined;
   onClick?: ((event: MouseEvent) => any) | undefined;
+  onChange?: ((visible: boolean) => any) | undefined;
 }>, {
   type: ButtonType;
   as: AsTag | _$vue.Component;

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

@@ -22,8 +22,8 @@ declare const __VLS_base: _$vue.DefineComponent<ColorAreaRootProps, {}, {}, {},
   disabled: boolean;
   format: ColorFormat;
   modelValue: string | ColorValue;
-  defaultValue: string | ColorValue;
   as: AsTag | _$vue.Component;
+  defaultValue: string | ColorValue;
   colorSpace: ColorSpace;
   xChannel: ColorAreaAxisChannel;
   yChannel: ColorAreaAxisChannel;

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

@@ -18,9 +18,9 @@ declare const __VLS_base: _$vue.DefineComponent<ColorFieldRootProps, {}, {}, {},
   disabled: boolean;
   format: ColorFormat;
   modelValue: string | ColorValue;
-  defaultValue: string | ColorValue;
   step: number;
   as: AsTag | _$vue.Component;
+  defaultValue: string | ColorValue;
   readonly: boolean;
   disableWheelChange: boolean;
   colorSpace: ColorSpace;

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

@@ -26,8 +26,8 @@ declare const __VLS_base: _$vue.DefineComponent<ColorPickerRootProps, {}, {}, {}
   disabled: boolean;
   format: ColorFormat;
   modelValue: string | ColorValue;
-  defaultValue: string | ColorValue;
   as: AsTag | _$vue.Component;
+  defaultValue: string | ColorValue;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -23,8 +23,8 @@ declare const __VLS_base: _$vue.DefineComponent<ColorSliderRootProps, {}, {}, {}
   format: ColorFormat;
   orientation: DataOrientation;
   modelValue: string | ColorValue;
-  defaultValue: string | ColorValue;
   step: number;
+  defaultValue: string | ColorValue;
   colorSpace: ColorSpace;
   inverted: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -13,10 +13,10 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
-    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onPlaced?: (() => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -24,7 +24,7 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ComboboxCompactSlots<M>;
-  emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "placed") => void);
+  emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "placed") => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -7,8 +7,8 @@ import * as _$vue from "vue";
 declare const __VLS_export: <M extends boolean = false>(__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: _$vue.PublicProps & __VLS_PrettifyLocal<ComboboxRootProps<M> & {
     "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
-    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -30,7 +30,7 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
       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: "update:open", value: boolean) => void);
+  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/context-menu/context-menu-checkbox-compact.vue.d.ts

@@ -13,17 +13,17 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuCheckboxCompactSlots<T>;
-  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/context-menu/context-menu-compact.vue.d.ts

@@ -12,17 +12,17 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuCompactSlots<T>;
-  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/context-menu/context-menu-content.vue.d.ts

@@ -12,17 +12,17 @@ declare const __VLS_base: _$vue.DefineComponent<ContextMenuContentProps, {}, {},
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
-  entryFocus: (event: Event) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
+  entryFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<ContextMenuContentProps> & Readonly<{
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   avoidCollisions: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/context-menu/context-menu-radio-compact.vue.d.ts

@@ -13,17 +13,17 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuRadioCompactSlots<T>;
-  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/context-menu/context-menu-wrapper-compact.vue.d.ts

@@ -14,19 +14,19 @@ declare const __VLS_base: _$vue.DefineComponent<ContextMenuWrapperCompactProps,
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
-  entryFocus: (event: Event) => any;
   "update:open": (value: boolean) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
+  entryFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<ContextMenuWrapperCompactProps> & Readonly<{
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   modal: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -5,36 +5,36 @@ import * as _$vue from "vue";
 //#region src/components/dialog/dialog-compact.vue.d.ts
 type __VLS_Slots = DialogCompactSlots;
 declare const __VLS_base: _$vue.DefineComponent<DialogCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  close: (event: MouseEvent) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   "update:open": (value: boolean) => any;
-  cancel: (event: MouseEvent) => any;
-  close: (event: MouseEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
+  cancel: (event: MouseEvent) => any;
   confirm: (event: MouseEvent) => any;
 }, string, _$vue.PublicProps, Readonly<DialogCompactProps> & Readonly<{
+  onClose?: ((event: MouseEvent) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
-  onCancel?: ((event: MouseEvent) => any) | undefined;
-  onClose?: ((event: MouseEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onCancel?: ((event: MouseEvent) => any) | undefined;
   onConfirm?: ((event: MouseEvent) => any) | undefined;
 }>, {
   open: boolean;
+  modal: boolean;
+  alertType: DialogAlertType;
   showClose: boolean;
   showCancel: "onlyWarning" | boolean;
   cancelText: string;
   showConfirm: boolean;
   confirmText: string;
-  modal: boolean;
-  alertType: DialogAlertType;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/dropdown-menu/dropdown-menu-checkbox-compact.vue.d.ts

@@ -13,17 +13,17 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: DropdownMenuCheckboxCompactSlots<T>;
-  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -12,17 +12,17 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: DropdownMenuCompactSlots<T>;
-  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -12,17 +12,17 @@ declare const __VLS_base: _$vue.DefineComponent<DropdownMenuContentProps, {}, {}
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
-  entryFocus: (event: Event) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
+  entryFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<DropdownMenuContentProps> & Readonly<{
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   sideOffset: number;
   sideFlip: boolean;

package/dist/components/dropdown-menu/dropdown-menu-radio-compact.vue.d.ts

@@ -13,17 +13,17 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: DropdownMenuRadioCompactSlots<T>;
-  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/dropdown-menu/dropdown-menu-wrapper-compact.vue.d.ts

@@ -14,19 +14,19 @@ declare const __VLS_base: _$vue.DefineComponent<DropdownMenuWrapperCompactProps,
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
-  entryFocus: (event: Event) => any;
   "update:open": (value: boolean) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
+  entryFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<DropdownMenuWrapperCompactProps> & Readonly<{
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   open: boolean;
   modal: boolean;

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

@@ -7,24 +7,24 @@ declare const __VLS_base: _$vue.DefineComponent<InputOtpCompactProps, {}, {}, {}
   input: (value: string) => any;
   select: (event: Event) => any;
   "update:modelValue": (value: string) => any;
-  blur: (event: FocusEvent) => any;
+  complete: (value: string) => any;
   change: (event: Event) => any;
   focus: (event: FocusEvent) => any;
-  mouseleave: (event: MouseEvent) => any;
+  blur: (event: FocusEvent) => any;
   mouseover: (event: MouseEvent) => any;
+  mouseleave: (event: MouseEvent) => any;
   paste: (event: ClipboardEvent) => any;
-  complete: (value: string) => any;
 }, string, _$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;
+  onComplete?: ((value: string) => any) | undefined;
   onChange?: ((event: Event) => any) | undefined;
   onFocus?: ((event: FocusEvent) => any) | undefined;
-  onMouseleave?: ((event: MouseEvent) => any) | undefined;
+  onBlur?: ((event: FocusEvent) => any) | undefined;
   onMouseover?: ((event: MouseEvent) => any) | undefined;
+  onMouseleave?: ((event: MouseEvent) => any) | undefined;
   onPaste?: ((event: ClipboardEvent) => any) | undefined;
-  onComplete?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -19,24 +19,24 @@ declare const __VLS_base: _$vue.DefineComponent<InputOtpRootProps, {
   input: (value: string) => any;
   select: (event: Event) => any;
   "update:modelValue": (value: string) => any;
-  blur: (event: FocusEvent) => any;
+  complete: (value: string) => any;
   change: (event: Event) => any;
   focus: (event: FocusEvent) => any;
-  mouseleave: (event: MouseEvent) => any;
+  blur: (event: FocusEvent) => any;
   mouseover: (event: MouseEvent) => any;
+  mouseleave: (event: MouseEvent) => any;
   paste: (event: ClipboardEvent) => any;
-  complete: (value: string) => any;
 }, string, _$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;
+  onComplete?: ((value: string) => any) | undefined;
   onChange?: ((event: Event) => any) | undefined;
   onFocus?: ((event: FocusEvent) => any) | undefined;
-  onMouseleave?: ((event: MouseEvent) => any) | undefined;
+  onBlur?: ((event: FocusEvent) => any) | undefined;
   onMouseover?: ((event: MouseEvent) => any) | undefined;
+  onMouseleave?: ((event: MouseEvent) => any) | undefined;
   onPaste?: ((event: ClipboardEvent) => any) | undefined;
-  onComplete?: ((value: string) => any) | undefined;
 }>, {
   autocomplete: string;
   inputmode: InputOtpInputMode;

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

@@ -1,9 +1,10 @@
 import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import { LayoutUiSlot } from "./types.js";
+import { LayoutClassicUiSlot, LayoutUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/layout/context.d.ts
 declare const provideLayoutUi: (ui: _$vue.ComputedRef<Partial<UiClass<LayoutUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<LayoutUiSlot>>>, useLayoutUi: UseUiConsumer<LayoutUiSlot>;
+declare const provideLayoutClassicUi: (ui: _$vue.ComputedRef<Partial<UiClass<LayoutClassicUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<LayoutClassicUiSlot>>>, useLayoutClassicUi: UseUiConsumer<LayoutClassicUiSlot>;
 //#endregion
-export { provideLayoutUi };
+export { provideLayoutClassicUi, provideLayoutUi };

package/dist/components/layout/context.js

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

@@ -1,13 +1,15 @@
-import { LayoutCollapsible, LayoutContentProps, LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutSide, LayoutSidebarProps, LayoutSidebarState, LayoutTabProps, LayoutTriggerProps, LayoutUi, LayoutUiSlot, LayoutVariant } from "./types.js";
-import { _default as _default$6 } from "./layout-root.vue.js";
-import { _default as _default$7 } from "./layout-sidebar.vue.js";
-import { _default as _default$5 } from "./layout-rail.vue.js";
-import { _default as _default$3 } from "./layout-main.vue.js";
-import { _default as _default$2 } from "./layout-header.vue.js";
-import { _default as _default$8 } from "./layout-tab.vue.js";
-import { _default } from "./layout-content.vue.js";
-import { _default as _default$1 } from "./layout-footer.vue.js";
-import { _default as _default$4 } from "./layout-mobile.vue.js";
-import { _default as _default$9 } from "./layout-trigger.vue.js";
-import { provideLayoutUi } from "./context.js";
-export { type LayoutCollapsible, _default as LayoutContent, type LayoutContentProps, _default$1 as LayoutFooter, type LayoutFooterProps, _default$2 as LayoutHeader, type LayoutHeaderProps, _default$3 as LayoutMain, type LayoutMainProps, _default$4 as LayoutMobile, type LayoutMobileProps, _default$5 as LayoutRail, type LayoutRailProps, _default$6 as LayoutRoot, type LayoutRootEmits, type LayoutRootProps, type LayoutSide, _default$7 as LayoutSidebar, type LayoutSidebarProps, type LayoutSidebarState, _default$8 as LayoutTab, type LayoutTabProps, _default$9 as LayoutTrigger, type LayoutTriggerProps, type LayoutUi, type LayoutUiSlot, type LayoutVariant, provideLayoutUi };
+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

@@ -1 +1 @@
-import{provideLayoutUi as e}from"./context.js";import t from"./layout-root.js";import n from"./layout-mobile.js";import r from"./layout-sidebar.js";import i from"./layout-rail.js";import a from"./layout-main.js";import o from"./layout-header.js";import s from"./layout-tab.js";import c from"./layout-content.js";import l from"./layout-footer.js";import u from"./layout-trigger.js";export{c as LayoutContent,l as LayoutFooter,o as LayoutHeader,a as LayoutMain,n as LayoutMobile,i as LayoutRail,t as LayoutRoot,r as LayoutSidebar,s as LayoutTab,u as LayoutTrigger,e as provideLayoutUi};
+import{provideLayoutClassicUi as e,provideLayoutUi as t}from"./context.js";import n from"./layout-root.js";import r from"./layout-mobile.js";import i from"./layout-sidebar.js";import a from"./layout-rail.js";import o from"./layout-main.js";import s from"./layout-header.js";import c from"./layout-tab.js";import l from"./layout-content.js";import u from"./layout-footer.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,l as LayoutContent,u as LayoutFooter,s as LayoutHeader,o as LayoutMain,r as LayoutMobile,a as LayoutRail,n as LayoutRoot,i as LayoutSidebar,c 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-sidebar.js";import n from"./layout-rail.js";import r from"./layout-main.js";import i from"./layout-header.js";import a from"./layout-tab.js";import o from"./layout-content.js";import s from"./layout-footer.js";import c from"./layout-classic-root.js";import l from"./layout-classic-placeholder.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},fullContent:{type:Boolean},sidebarVisible:{type:Boolean,default:!0},headerVisible:{type:Boolean,default:!0},tabVisible:{type:Boolean,default:!0},footerVisible:{type:Boolean,default:!0},fixedFooter:{type:Boolean},stretchFooter:{type:Boolean,default:!0},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},side:{},sidebarWidth:{},collapsedSidebarWidth:{},isMobile:{type:Boolean},mobileSidebarWidth:{},headerHeight:{},tabHeight:{},footerHeight:{},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(c,g(b(O),{"onUpdate:open":u[0]||(u[0]=e=>T(`update:open`,e))}),{default:S(c=>[p(r,g(m.mainProps,{id:m.scrollBehavior===`wrapper`?D.value:void 0}),{default:S(()=>[p(i,_(h(m.headerProps)),{default:S(()=>[y(e.$slots,`header`)]),_:3},16),p(l,{type:`header`}),p(a,_(h(m.tabProps)),{default:S(()=>[y(e.$slots,`tab`)]),_:3},16),p(l,{type:`tab`}),p(t,_(h(m.sidebarProps)),{default:S(()=>[y(e.$slots,`sidebar`,_(h(c))),p(n,_(h(m.railProps)),null,16)]),_:2},1040),p(o,g(m.contentProps,{id:m.scrollBehavior===`content`?D.value:void 0}),{default:S(()=>[y(e.$slots,`default`)]),_:3},16,[`id`]),m.footerVisible?(v(),d(s,_(g({key:0},m.footerProps)),{default:S(()=>[y(e.$slots,`footer`)]),_:3},16)):f(`v-if`,!0),p(l,{type:`footer`})]),_:2},1040,[`id`])]),_:3},16))}});export{C as default};

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

@@ -0,0 +1,30 @@
+import { DataOrientation } from "../../types/common.js";
+import { LayoutClassicCompactProps, LayoutClassicCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/layout/layout-classic-compact.vue.d.ts
+type __VLS_Slots = LayoutClassicCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<LayoutClassicCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:open": (open: boolean) => any;
+}, string, _$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, _$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,normalizeClass as o,openBlock as s,unref as c}from"vue";const l=[`data-slot`],u=a({name:`LayoutClassicPlaceholder`,inheritAttrs:!1,__name:`layout-classic-placeholder`,props:{type:{}},setup(a){let u=a,d=t(`${u.type}Placeholder`),{fixedTop:f,headerVisible:p,tabVisible:m,footerVisible:h,fixedFooter:g}=e(`LayoutClassicPlaceholder`),_=n(()=>u.type===`footer`?g.value:f.value),v=n(()=>u.type===`header`?p.value:u.type===`tab`?m.value:h.value),y=n(()=>`${u.type}-placeholder`);return(e,t)=>v.value&&_.value?(s(),i(`div`,{key:0,class:o(c(d)),"data-slot":y.value},null,10,l)):r(`v-if`,!0)}});export{u 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},fullContent:{type:Boolean},sidebarVisible:{type:Boolean,default:!0},headerVisible:{type:Boolean,default:!0},tabVisible:{type:Boolean,default:!0},footerVisible:{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`},sidebarWidth:{default:240},collapsedSidebarWidth:{default:50},isMobile:{type:Boolean,default:!1},mobileSidebarWidth:{default:240},headerHeight:{default:56},tabHeight:{default:44},footerHeight:{default:48},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??!1)},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`,{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-root.js";import n from"./layout-sidebar.js";import r from"./layout-rail.js";import i from"./layout-main.js";import a from"./layout-header.js";import o from"./layout-tab.js";import s from"./layout-content.js";import c from"./layout-footer.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(t,m(v(C),{"onUpdate:open":b[0]||(b[0]=e=>S(`update:open`,e))}),{default:y(t=>[d(n,h(p(f.sidebarProps)),{default:y(()=>[_(e.$slots,`sidebar`,h(p(t))),d(r,h(p(f.railProps)),null,16)]),_:2},1040),d(i,h(p(f.mainProps)),{default:y(()=>[d(a,h(p(f.headerProps)),{default:y(()=>[_(e.$slots,`header`)]),_:3},16),f.tabVisible?(g(),l(o,h(m({key:0},f.tabProps)),{default:y(()=>[_(e.$slots,`tab`)]),_:3},16)):u(`v-if`,!0),d(s,h(p(f.contentProps)),{default:y(()=>[_(e.$slots,`content`,{},()=>[_(e.$slots,`default`)])]),_:3},16),f.footerVisible?(g(),l(c,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};