@xleddyl/443-components-vue 0.8.2 → 0.8.4

package/dist/components/forms/Combobox.vue.d.ts

@@ -8,6 +8,7 @@ declare const __VLS_export: <T extends string | number, M extends T | T[] | null
         search?: ComboboxSearch<T>;
         filter?: (option: ComboboxOption<T>, query: string) => boolean;
         multiple?: boolean;
+        hideTags?: boolean;
         creatable?: boolean | ComboboxCreate<T>;
         debounce?: number;
         minQueryLength?: number;

package/dist/components/forms/DateInput.vue.d.ts

@@ -131,6 +131,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     lang?: string | undefined;
     width?: (string | number) | undefined;
     tabindex?: (string | number) | undefined;
+    transform?: (value: string) => string;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
@@ -229,16 +230,17 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     autocomplete?: import("vue").InputAutoCompleteAttribute | undefined;
+    maxlength?: (string | number) | undefined;
     clearLabel?: string;
     noAutofill?: boolean;
+    counter?: boolean;
     onClear?: (() => any) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined;
     alt?: string | undefined;
     capture?: boolean | "user" | "environment" | undefined;
     crossorigin?: string | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
     modelModifiers?: Partial<Record<"number" | "trim", true>>;
@@ -376,6 +378,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     lang?: string | undefined;
     width?: (string | number) | undefined;
     tabindex?: (string | number) | undefined;
+    transform?: (value: string) => string;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
@@ -474,16 +477,17 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     autocomplete?: import("vue").InputAutoCompleteAttribute | undefined;
+    maxlength?: (string | number) | undefined;
     clearLabel?: string;
     noAutofill?: boolean;
+    counter?: boolean;
     onClear?: (() => any) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined;
     alt?: string | undefined;
     capture?: boolean | "user" | "environment" | undefined;
     crossorigin?: string | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
     modelModifiers?: Partial<Record<"number" | "trim", true>>;

package/dist/components/forms/NumberInput.vue.d.ts

@@ -230,13 +230,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
     popovertarget?: string | undefined;
     popovertargetaction?: import("../../index.ts").PopoverTargetAction | undefined;
     autocomplete?: import("vue").InputAutoCompleteAttribute | undefined;
+    maxlength?: (string | number) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined | undefined;
     alt?: string | undefined | undefined;
     capture?: boolean | "user" | "environment" | undefined | undefined;
     crossorigin?: string | undefined | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
 }, {
@@ -474,13 +474,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
     popovertarget?: string | undefined;
     popovertargetaction?: import("../../index.ts").PopoverTargetAction | undefined;
     autocomplete?: import("vue").InputAutoCompleteAttribute | undefined;
+    maxlength?: (string | number) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined | undefined;
     alt?: string | undefined | undefined;
     capture?: boolean | "user" | "environment" | undefined | undefined;
     crossorigin?: string | undefined | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
 }> & Readonly<{

package/dist/components/forms/PasswordInput.vue.d.ts

@@ -142,6 +142,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     type?: string | undefined;
     width?: (string | number) | undefined;
     tabindex?: (string | number) | undefined;
+    transform?: (value: string) => string;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
@@ -240,17 +241,18 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+    maxlength?: (string | number) | undefined;
     clearable?: boolean;
     clearLabel?: string;
     noAutofill?: boolean;
+    counter?: boolean;
     onClear?: (() => any) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined;
     alt?: string | undefined;
     capture?: boolean | "user" | "environment" | undefined;
     crossorigin?: string | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
     modelModifiers?: Partial<Record<"number" | "trim", true>>;
@@ -401,6 +403,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     type?: string | undefined;
     width?: (string | number) | undefined;
     tabindex?: (string | number) | undefined;
+    transform?: (value: string) => string;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
@@ -499,17 +502,18 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+    maxlength?: (string | number) | undefined;
     clearable?: boolean;
     clearLabel?: string;
     noAutofill?: boolean;
+    counter?: boolean;
     onClear?: (() => any) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined;
     alt?: string | undefined;
     capture?: boolean | "user" | "environment" | undefined;
     crossorigin?: string | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
     modelModifiers?: Partial<Record<"number" | "trim", true>>;

package/dist/components/forms/PinInput.vue.d.ts

@@ -229,13 +229,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
     formtarget?: string | undefined | undefined;
     popovertarget?: string | undefined;
     popovertargetaction?: import("../..").PopoverTargetAction | undefined;
+    maxlength?: (string | number) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined | undefined;
     alt?: string | undefined | undefined;
     capture?: boolean | "user" | "environment" | undefined | undefined;
     crossorigin?: string | undefined | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
 }, {
@@ -474,13 +474,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
     formtarget?: string | undefined | undefined;
     popovertarget?: string | undefined;
     popovertargetaction?: import("../..").PopoverTargetAction | undefined;
+    maxlength?: (string | number) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined | undefined;
     alt?: string | undefined | undefined;
     capture?: boolean | "user" | "environment" | undefined | undefined;
     crossorigin?: string | undefined | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
 }> & Readonly<{

package/dist/components/forms/Select.vue

@@ -41,6 +41,7 @@
                   v-for="option in entry.options"
                   :key="keyOf(option.value)"
                   :value="keyOf(option.value)"
+                  :data-k-option="indexOf(option)"
                   :disabled="option.disabled"
                   :selected="isSelected(option.value)"
                >
@@ -50,6 +51,7 @@
             <option
                v-else
                :value="keyOf(entry.value)"
+               :data-k-option="indexOf(entry)"
                :disabled="entry.disabled"
                :selected="isSelected(entry.value)"
             >
@@ -89,8 +91,12 @@ const control = useFieldControl({
 const flatOptions = computed(
   () => props.options.flatMap((entry) => isGroup(entry) ? entry.options : [entry])
 );
+const optionIndex = computed(
+  () => new Map(flatOptions.value.map((option, index) => [option, index]))
+);
+const hasEmptyOption = computed(() => flatOptions.value.some((option) => option.value === ""));
 const isEmpty = computed(
-  () => model.value === null || model.value === void 0 || model.value === ""
+  () => model.value === null || model.value === void 0 || model.value === "" && !hasEmptyOption.value
 );
 function isGroup(entry) {
   return "options" in entry && Array.isArray(entry.options);
@@ -101,8 +107,21 @@ function keyOf(value) {
 function isSelected(value) {
   return !isEmpty.value && keyOf(value) === keyOf(model.value);
 }
+function indexOf(option) {
+  return optionIndex.value.get(option);
+}
 function onChange(event) {
-  const raw = event.target.value;
+  const select = event.target;
+  const chosen = select.selectedOptions[0];
+  const index = chosen?.dataset.kOption;
+  if (index !== void 0) {
+    const match2 = flatOptions.value[Number(index)];
+    if (match2) {
+      model.value = match2.value;
+      return;
+    }
+  }
+  const raw = select.value;
   if (raw === "" && props.placeholder !== void 0) {
     model.value = null;
     return;

package/dist/components/forms/Select.vue.d.ts

@@ -13,9 +13,9 @@ declare const __VLS_export: <T extends string | number | boolean>(__VLS_props: N
         class?: unknown;
         style?: unknown;
     } & {
-        modelValue?: T | string | null | undefined;
+        modelValue?: T | null | undefined;
     }) & {
-        "onUpdate:modelValue"?: ((value: string | T | null | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: T | null | undefined) => any) | undefined;
     } & Partial<import("vue").SelectHTMLAttributes & import("vue").ReservedProps>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -27,7 +27,7 @@ declare const __VLS_export: <T extends string | number | boolean>(__VLS_props: N
     slots: {
         default?: (props: {}) => any;
     };
-    emit: (event: "update:modelValue", value: string | T | null | undefined) => void;
+    emit: (event: "update:modelValue", value: T | null | undefined) => void;
 }>) => import("vue").VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

package/dist/components/forms/Slider.vue.d.ts

@@ -224,13 +224,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
     popovertarget?: string | undefined;
     popovertargetaction?: import("../..").PopoverTargetAction | undefined;
     autocomplete?: import("vue").InputAutoCompleteAttribute | undefined;
+    maxlength?: (string | number) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined | undefined;
     alt?: string | undefined | undefined;
     capture?: boolean | "user" | "environment" | undefined | undefined;
     crossorigin?: string | undefined | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
 }, {
@@ -463,13 +463,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
     popovertarget?: string | undefined;
     popovertargetaction?: import("../..").PopoverTargetAction | undefined;
     autocomplete?: import("vue").InputAutoCompleteAttribute | undefined;
+    maxlength?: (string | number) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined | undefined;
     alt?: string | undefined | undefined;
     capture?: boolean | "user" | "environment" | undefined | undefined;
     crossorigin?: string | undefined | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
 }> & Readonly<{

package/dist/components/forms/TimeInput.vue.d.ts

@@ -132,6 +132,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     type?: string | undefined;
     width?: (string | number) | undefined;
     tabindex?: (string | number) | undefined;
+    transform?: (value: string) => string;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
@@ -230,16 +231,17 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     autocomplete?: import("vue").InputAutoCompleteAttribute | undefined;
+    maxlength?: (string | number) | undefined;
     clearLabel?: string;
     noAutofill?: boolean;
+    counter?: boolean;
     onClear?: (() => any) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined;
     alt?: string | undefined;
     capture?: boolean | "user" | "environment" | undefined;
     crossorigin?: string | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
     modelModifiers?: Partial<Record<"number" | "trim", true>>;
@@ -378,6 +380,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     type?: string | undefined;
     width?: (string | number) | undefined;
     tabindex?: (string | number) | undefined;
+    transform?: (value: string) => string;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
@@ -476,16 +479,17 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     autocomplete?: import("vue").InputAutoCompleteAttribute | undefined;
+    maxlength?: (string | number) | undefined;
     clearLabel?: string;
     noAutofill?: boolean;
+    counter?: boolean;
     onClear?: (() => any) | undefined;
+    multiple?: (boolean | "true" | "false") | undefined;
     accept?: string | undefined;
     alt?: string | undefined;
     capture?: boolean | "user" | "environment" | undefined;
     crossorigin?: string | undefined;
-    maxlength?: (string | number) | undefined;
     minlength?: (string | number) | undefined;
-    multiple?: (boolean | "true" | "false") | undefined;
     src?: string | undefined;
     onCancel?: ((payload: Event) => void) | undefined;
     modelModifiers?: Partial<Record<"number" | "trim", true>>;

package/dist/components/layout/Card.vue.d.ts

@@ -463,8 +463,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     selected: boolean;
     variant: CardVariant;
     as: string;
-    level: HeadingLevel;
     padding: CardPadding;
+    level: HeadingLevel;
     animated: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/layout/Separator.vue

@@ -1,18 +1,29 @@
 <template>
    <div
       class="k-separator"
-      :class="[`k-separator-${orientation}`, { 'has-label': hasContent }]"
+      :class="[
+  `k-separator-${orientation}`,
+  { 'k-separator-heading': isHeading, 'has-label': hasContent, 'no-lines': !lines }
+]"
       :role="plain ? 'none' : 'separator'"
       :aria-orientation="!plain && orientation === 'vertical' ? 'vertical' : void 0"
    >
-      <span v-if="hasText" class="k-separator-text">
-         <span v-if="label || $slots.default" class="k-separator-label">
+      <component :is="isHeading ? 'div' : 'span'" v-if="hasText" class="k-separator-text">
+         <component
+            :is="isHeading ? `h${level}` : 'span'"
+            v-if="label || $slots.default"
+            class="k-separator-label"
+         >
             <slot>{{ label }}</slot>
-         </span>
-         <span v-if="description || $slots.description" class="k-separator-description">
+         </component>
+         <component
+            :is="isHeading ? 'p' : 'span'"
+            v-if="description || $slots.description"
+            class="k-separator-description"
+         >
             <slot name="description">{{ description }}</slot>
-         </span>
-      </span>
+         </component>
+      </component>
       <span v-if="$slots.actions" class="k-separator-actions">
          <slot name="actions" />
       </span>
@@ -23,6 +34,9 @@
 import { computed, useSlots } from "vue";
 const props = defineProps({
   orientation: { type: String, required: false, default: "horizontal" },
+  variant: { type: String, required: false, default: "label" },
+  lines: { type: Boolean, required: false, default: true },
+  level: { type: Number, required: false, default: 3 },
   label: { type: String, required: false },
   description: { type: String, required: false },
   decorative: { type: Boolean, required: false }
@@ -32,5 +46,6 @@ const hasText = computed(
   () => Boolean(props.label || slots.default || props.description || slots.description)
 );
 const hasContent = computed(() => Boolean(hasText.value || slots.actions));
+const isHeading = computed(() => props.variant === "heading" && props.orientation === "horizontal");
 const plain = computed(() => props.decorative || hasContent.value);
 </script>

package/dist/components/layout/Separator.vue.d.ts

@@ -1,13 +1,17 @@
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+import type { HeadingLevel, SeparatorVariant } from './types';
+declare var __VLS_13: {}, __VLS_21: {}, __VLS_23: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_13) => any;
 } & {
-    description?: (props: typeof __VLS_3) => any;
+    description?: (props: typeof __VLS_21) => any;
 } & {
-    actions?: (props: typeof __VLS_5) => any;
+    actions?: (props: typeof __VLS_23) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{
     orientation?: "horizontal" | "vertical";
+    variant?: SeparatorVariant;
+    lines?: boolean;
+    level?: HeadingLevel;
     label?: string;
     description?: string;
     decorative?: boolean;
@@ -205,6 +209,9 @@ declare const __VLS_base: import("vue").DefineComponent<{
     ref_key?: string | undefined | undefined;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     orientation?: "horizontal" | "vertical";
+    variant?: SeparatorVariant;
+    lines?: boolean;
+    level?: HeadingLevel;
     label?: string;
     description?: string;
     decorative?: boolean;
@@ -402,6 +409,9 @@ declare const __VLS_base: import("vue").DefineComponent<{
     ref_key?: string | undefined | undefined;
 }> & Readonly<{}>, {
     orientation: "horizontal" | "vertical";
+    variant: SeparatorVariant;
+    level: HeadingLevel;
+    lines: 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/layout/types.d.ts

@@ -45,6 +45,7 @@ export interface AccordionItem {
 export type AccordionVariant = 'separated' | 'plain' | 'card' | 'outline';
 export type AccordionContentVariant = 'text' | 'neutral';
 export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export type SeparatorVariant = 'label' | 'heading';
 export interface AppShellContext {
     sidebarId: string;
     collapsed: Readonly<{

package/dist/components/overlays/ConfirmDialog.vue.d.ts

@@ -26,6 +26,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
+    flush?: boolean;
     dir?: string | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
@@ -220,9 +221,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
-    flush?: boolean;
-    onClose?: (() => any) | undefined;
     sheet?: boolean;
+    onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
     closeLabel?: string;
     rootClass?: unknown;
@@ -256,6 +256,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
+    flush?: boolean;
     dir?: string | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
@@ -450,9 +451,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
-    flush?: boolean;
-    onClose?: (() => any) | undefined;
     sheet?: boolean;
+    onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
     closeLabel?: string;
     rootClass?: unknown;

package/dist/components/overlays/ConfirmHost.vue.d.ts

@@ -16,6 +16,7 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly style?: import("vue").StyleValue;
     readonly results?: (string | number) | undefined;
     readonly placeholder?: string | undefined | undefined;
+    readonly flush?: boolean | undefined;
     readonly dir?: string | undefined | undefined;
     readonly class?: import("vue").ClassValue;
     readonly role?: string | undefined | undefined;
@@ -210,9 +211,8 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
-    readonly flush?: boolean | undefined;
-    readonly onClose?: (() => any) | undefined;
     readonly sheet?: boolean | undefined;
+    readonly onClose?: (() => any) | undefined;
     readonly onOpen?: (() => any) | undefined;
     readonly closeLabel?: string | undefined;
     readonly rootClass?: unknown;
@@ -242,6 +242,7 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly style?: import("vue").StyleValue;
     readonly results?: (string | number) | undefined;
     readonly placeholder?: string | undefined | undefined;
+    readonly flush?: boolean | undefined;
     readonly dir?: string | undefined | undefined;
     readonly class?: import("vue").ClassValue;
     readonly role?: string | undefined | undefined;
@@ -436,9 +437,8 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
-    readonly flush?: boolean | undefined;
-    readonly onClose?: (() => any) | undefined;
     readonly sheet?: boolean | undefined;
+    readonly onClose?: (() => any) | undefined;
     readonly onOpen?: (() => any) | undefined;
     readonly closeLabel?: string | undefined;
     readonly rootClass?: unknown;

package/dist/components/overlays/ContextMenu.vue.d.ts

@@ -12,7 +12,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     open?: boolean;
     key?: PropertyKey | undefined;
     prefix?: string | undefined;
-    anchor?: (() => import("../../internal/floating/position").AnchorTarget | null | undefined) | undefined;
+    anchor?: (() => import("./types").OverlayAnchorTarget | null | undefined) | undefined;
     title?: string | undefined;
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
@@ -228,7 +228,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     open?: boolean;
     key?: PropertyKey | undefined;
     prefix?: string | undefined;
-    anchor?: (() => import("../../internal/floating/position").AnchorTarget | null | undefined) | undefined;
+    anchor?: (() => import("./types").OverlayAnchorTarget | null | undefined) | undefined;
     title?: string | undefined;
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;

package/dist/components/overlays/DropdownMenu.vue.d.ts

@@ -15,7 +15,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     open?: boolean;
     key?: PropertyKey | undefined;
     prefix?: string | undefined;
-    anchor?: (() => import("../../internal/floating/position.ts").AnchorTarget | null | undefined) | undefined;
+    anchor?: (() => import("./types").OverlayAnchorTarget | null | undefined) | undefined;
     title?: string | undefined;
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
@@ -232,7 +232,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     open?: boolean;
     key?: PropertyKey | undefined;
     prefix?: string | undefined;
-    anchor?: (() => import("../../internal/floating/position.ts").AnchorTarget | null | undefined) | undefined;
+    anchor?: (() => import("./types").OverlayAnchorTarget | null | undefined) | undefined;
     title?: string | undefined;
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;

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

@@ -1,7 +1,7 @@
 import type { LinkTarget } from '../core/types';
 import type { IconName } from '../../composables/useIcons';
-import type { Placement, Side } from '../../internal/floating/position';
-export type { Placement as OverlayPlacement, Side as OverlaySide };
+import type { AnchorTarget, Placement, Side, VirtualAnchor } from '../../internal/floating/position';
+export type { AnchorTarget as OverlayAnchorTarget, Placement as OverlayPlacement, Side as OverlaySide, VirtualAnchor as OverlayVirtualAnchor, };
 export type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full' | 'fit' | 'fullscreen';
 export type DialogCloseReason = 'escape' | 'backdrop' | 'close-button' | 'action';
 export type DialogBeforeClose = (reason: DialogCloseReason) => boolean | Promise<boolean>;

package/dist/components/templates/SettingsModal.vue.d.ts

@@ -42,6 +42,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
     description?: string;
+    flush?: boolean;
     dir?: string | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
@@ -236,9 +237,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
-    flush?: boolean;
-    onCancel?: ((payload: Event) => void) | undefined;
     sheet?: boolean;
+    onCancel?: ((payload: Event) => void) | undefined;
     rootClass?: unknown;
     hideClose?: boolean;
     closedby?: import("../../index.ts").DialogClosedBy;
@@ -281,6 +281,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
     description?: string;
+    flush?: boolean;
     dir?: string | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
@@ -475,9 +476,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
-    flush?: boolean;
-    onCancel?: ((payload: Event) => void) | undefined;
     sheet?: boolean;
+    onCancel?: ((payload: Event) => void) | undefined;
     rootClass?: unknown;
     hideClose?: boolean;
     closedby?: import("../../index.ts").DialogClosedBy;