@sewadah/selaras 0.7.1 → 0.8.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "selaras",
   "configKey": "selaras",
-  "version": "0.7.1",
+  "version": "0.8.0",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "unknown"

package/dist/runtime/components/AvatarGroup.vue

@@ -3,6 +3,7 @@ import { computed, provide, useSlots } from "vue";
 import { useMessages } from "../composables/use-messages";
 import { avatarGroupTheme } from "../theme/avatar-group";
 import { AVATAR_SIZE_INJECTION_KEY } from "../utils/injection-keys";
+import { flattenSlotChildren } from "../utils/slot-children";
 import { resolveSlot, useComponentTheme, useRootProps } from "../utils/ui";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
@@ -18,7 +19,7 @@ const ui = computed(() => theme.value({
 }));
 const rootProps = useRootProps(() => ui.value.root, () => props.ui?.root);
 provide(AVATAR_SIZE_INJECTION_KEY, computed(() => props.size));
-const slotChildren = computed(() => slots.default?.() ?? []);
+const slotChildren = computed(() => flattenSlotChildren(slots.default?.() ?? []));
 const visibleChildren = computed(() => {
   if (!props.max || slotChildren.value.length <= props.max)
     return slotChildren.value;
@@ -34,7 +35,7 @@ const overflowCount = computed(() => {
 <template>
   <div v-bind="rootProps">
     <span v-if="overflowCount" v-bind="resolveSlot(ui.count, props.ui?.count)">{{ messages.avatarGroupOverflow(overflowCount) }}</span>
-    <span v-for="(child, i) in visibleChildren" :key="i" v-bind="resolveSlot(ui.item, props.ui?.item)">
+    <span v-for="(child, i) in visibleChildren" :key="child.key ?? i" v-bind="resolveSlot(ui.item, props.ui?.item)">
       <component :is="child" />
     </span>
   </div>

package/dist/runtime/components/CodeGroup.vue

@@ -1,25 +1,13 @@
 <script setup>
-import { cloneVNode, Comment, computed, Fragment, ref, Text, useSlots } from "vue";
+import { cloneVNode, computed, ref, useSlots } from "vue";
 import { useMessages } from "../composables/use-messages";
 import { resolveFileIcon } from "../utils/file-icons";
+import { flattenSlotChildren } from "../utils/slot-children";
 import ProsePre from "./ProsePre.vue";
 import Tabs from "./Tabs.vue";
 const slots = useSlots();
 const messages = useMessages();
-function flatten(vnodes) {
-  const result = [];
-  for (const vnode of vnodes) {
-    if (vnode.type === Comment || vnode.type === Text)
-      continue;
-    if (vnode.type === Fragment && Array.isArray(vnode.children)) {
-      result.push(...flatten(vnode.children));
-      continue;
-    }
-    result.push(vnode);
-  }
-  return result;
-}
-const children = computed(() => flatten(slots.default?.() ?? []));
+const children = computed(() => flattenSlotChildren(slots.default?.() ?? []));
 function labelFor(child, index) {
   const props = child.props ?? {};
   return props.filename || props.language || messages.value.codeTabFallback(index + 1);

package/dist/runtime/components/ColorModeSwitch.vue

@@ -1,8 +1,8 @@
 <script setup>
 import { computed, useAttrs, useSlots } from "vue";
-import { useColorMode } from "#imports";
 import { useIcons } from "../composables/use-icons";
 import { useMessages } from "../composables/use-messages";
+import { useColorModeControl } from "../internal/color-mode-control";
 import Switch from "./Switch.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
@@ -18,10 +18,9 @@ const props = defineProps({
 });
 const attrs = useAttrs();
 const slots = useSlots();
-const colorMode = useColorMode();
+const { colorMode, isDark, isDisabled } = useColorModeControl();
 const icons = useIcons();
 const messages = useMessages();
-const isDark = computed(() => colorMode.value === "dark");
 const switchUi = computed(() => {
   const track = typeof props.ui?.track === "string" ? { class: props.ui.track } : props.ui?.track;
   return {
@@ -35,6 +34,8 @@ const switchUi = computed(() => {
   };
 });
 function updateMode(dark) {
+  if (isDisabled.value || props.disabled)
+    return;
   colorMode.preference = dark ? "dark" : "light";
 }
 </script>
@@ -43,7 +44,7 @@ function updateMode(dark) {
   <Switch
     v-bind="{ ...attrs, ...props }"
     :model-value="isDark"
-    :disabled="disabled || colorMode.forced"
+    :disabled="disabled || isDisabled"
     :checked-icon="checkedIcon ?? icons.darkMode"
     :unchecked-icon="uncheckedIcon ?? icons.lightMode"
     :ui="switchUi"

package/dist/runtime/components/ColorModeToggle.vue

@@ -1,14 +1,14 @@
 <script setup>
-import { computed } from "vue";
-import { useColorMode } from "#imports";
 import { useIcons } from "../composables/use-icons";
 import { useMessages } from "../composables/use-messages";
+import { useColorModeControl } from "../internal/color-mode-control";
 import Button from "./Button.vue";
-const colorMode = useColorMode();
+const { colorMode, isDark, isDisabled } = useColorModeControl();
 const icons = useIcons();
 const messages = useMessages();
-const isDark = computed(() => colorMode.value === "dark");
 function toggle() {
+  if (isDisabled.value)
+    return;
   colorMode.preference = isDark.value ? "light" : "dark";
 }
 </script>
@@ -19,6 +19,7 @@ function toggle() {
     variant="ghost"
     color="neutral"
     :aria-label="messages.colorModeToggle"
+    :disabled="isDisabled"
     @click="toggle"
   />
 </template>

package/dist/runtime/components/Listbox.d.vue.ts

@@ -0,0 +1,28 @@
+import type { ListboxProps, ListboxSlots } from '../utils/listbox-contracts.js';
+import type { SelectEntry, SelectModel } from '../utils/select-contracts.js';
+export type { ListboxEmits, ListboxProps, ListboxSlots } from '../utils/listbox-contracts.js';
+declare const __VLS_export: <Entry extends SelectEntry, Key extends string = "value", Multiple 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: import("vue").PublicProps & __VLS_PrettifyLocal<ListboxProps<Entry, Key, Multiple> & {
+        "onUpdate:modelValue"?: ((value: SelectModel<import("../utils/select-contracts.js").SelectEntryItem<Entry> extends infer T ? T extends import("../utils/select-contracts.js").SelectEntryItem<Entry> ? T extends import("../utils/select-contracts.js").SelectValue ? T : Key extends "value" ? T extends object ? "value" extends keyof T ? T extends infer T_1 ? T_1 extends T ? T_1 extends {
+            value: infer Value;
+        } ? Value : T_1 | NonNullable<T_1[keyof T_1 & "value"]> : never : never : T : never : Key extends keyof T ? T[Key] : never : never : never, Multiple>) => any) | undefined;
+        "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: ListboxSlots<Entry>;
+    emit: ((evt: "update:modelValue", value: SelectModel<import("../utils/select-contracts.js").SelectEntryItem<Entry> extends infer T ? T extends import("../utils/select-contracts.js").SelectEntryItem<Entry> ? T extends import("../utils/select-contracts.js").SelectValue ? T : Key extends "value" ? T extends object ? "value" extends keyof T ? T extends infer T_1 ? T_1 extends T ? T_1 extends {
+        value: infer Value;
+    } ? Value : T_1 | NonNullable<T_1[keyof T_1 & "value"]> : never : never : T : never : Key extends keyof T ? T[Key] : never : never : never, Multiple>) => void) & ((evt: "update:searchTerm", value: string) => void);
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/Listbox.vue

@@ -0,0 +1,53 @@
+<script setup>
+import { getCurrentInstance } from "vue";
+import ListboxBase from "../internal/ListboxBase.vue";
+const props = defineProps({
+  label: { type: String, required: false },
+  descriptionKey: { type: String, required: false },
+  selectionBehavior: { type: String, required: false },
+  checkbox: { type: Boolean, required: false },
+  selectAll: { type: Boolean, required: false },
+  ui: { type: Object, required: false },
+  items: { type: Array, required: true },
+  modelValue: { type: null, required: false },
+  defaultValue: { type: null, required: false },
+  valueKey: { type: void 0, required: false },
+  labelKey: { type: String, required: false },
+  multiple: { type: null, required: false },
+  searchable: { type: Boolean, required: false },
+  searchTerm: { type: String, required: false },
+  virtualize: { type: [Boolean, Object], required: false },
+  disabled: { type: Boolean, required: false },
+  loading: { type: Boolean, required: false },
+  invalid: { type: Boolean, required: false },
+  size: { type: null, required: false },
+  color: { type: null, required: false },
+  id: { type: String, required: false },
+  name: { type: String, required: false },
+  form: { type: String, required: false },
+  required: { type: Boolean, required: false }
+});
+const emit = defineEmits(["update:modelValue", "update:searchTerm"]);
+const slots = defineSlots();
+const instance = getCurrentInstance();
+function baseProps() {
+  const controlled = Object.hasOwn(instance.vnode.props ?? {}, "modelValue") || Object.hasOwn(instance.vnode.props ?? {}, "model-value");
+  const { modelValue, ...rest } = props;
+  return { ...rest, ...controlled ? { modelValue } : {} };
+}
+const plainSlots = ["header", "footer", "empty", "empty-filter"];
+</script>
+
+<template>
+  <ListboxBase v-bind="baseProps()" @update:model-value="emit('update:modelValue', $event)" @update:search-term="emit('update:searchTerm', $event)">
+    <template v-if="slots.item" #item="data">
+      <slot name="item" v-bind="data" />
+    </template>
+    <template v-if="slots.group" #group="{ group }">
+      <slot name="group" :group="group" />
+    </template>
+    <template v-for="name in plainSlots.filter((name) => slots[name])" :key="name" #[name]>
+      <slot :name="name" />
+    </template>
+  </ListboxBase>
+</template>

package/dist/runtime/components/Listbox.vue.d.ts

@@ -0,0 +1,28 @@
+import type { ListboxProps, ListboxSlots } from '../utils/listbox-contracts.js';
+import type { SelectEntry, SelectModel } from '../utils/select-contracts.js';
+export type { ListboxEmits, ListboxProps, ListboxSlots } from '../utils/listbox-contracts.js';
+declare const __VLS_export: <Entry extends SelectEntry, Key extends string = "value", Multiple 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: import("vue").PublicProps & __VLS_PrettifyLocal<ListboxProps<Entry, Key, Multiple> & {
+        "onUpdate:modelValue"?: ((value: SelectModel<import("../utils/select-contracts.js").SelectEntryItem<Entry> extends infer T ? T extends import("../utils/select-contracts.js").SelectEntryItem<Entry> ? T extends import("../utils/select-contracts.js").SelectValue ? T : Key extends "value" ? T extends object ? "value" extends keyof T ? T extends infer T_1 ? T_1 extends T ? T_1 extends {
+            value: infer Value;
+        } ? Value : T_1 | NonNullable<T_1[keyof T_1 & "value"]> : never : never : T : never : Key extends keyof T ? T[Key] : never : never : never, Multiple>) => any) | undefined;
+        "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: ListboxSlots<Entry>;
+    emit: ((evt: "update:modelValue", value: SelectModel<import("../utils/select-contracts.js").SelectEntryItem<Entry> extends infer T ? T extends import("../utils/select-contracts.js").SelectEntryItem<Entry> ? T extends import("../utils/select-contracts.js").SelectValue ? T : Key extends "value" ? T extends object ? "value" extends keyof T ? T extends infer T_1 ? T_1 extends T ? T_1 extends {
+        value: infer Value;
+    } ? Value : T_1 | NonNullable<T_1[keyof T_1 & "value"]> : never : never : T : never : Key extends keyof T ? T[Key] : never : never : never, Multiple>) => void) & ((evt: "update:searchTerm", value: string) => void);
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/TransferList.d.vue.ts

@@ -0,0 +1,47 @@
+import type { SelectEntry } from '../utils/select-contracts.js';
+import type { TransferListProps, TransferListSlots } from '../utils/transfer-list-contracts.js';
+export type { TransferDirection, TransferListEmits, TransferListProps, TransferListSlots, TransferSide } from '../utils/transfer-list-contracts.js';
+declare const __VLS_export: <Entry extends SelectEntry, Key extends string = "value">(__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<TransferListProps<Entry, Key> & {
+        "onUpdate:modelValue"?: ((value: (import("../utils/select-contracts.js").SelectEntryItem<Entry> extends infer T ? T extends import("../utils/select-contracts.js").SelectEntryItem<Entry> ? T extends import("../utils/select-contracts.js").SelectValue ? T : Key extends "value" ? T extends object ? "value" extends keyof T ? T extends infer T_1 ? T_1 extends T ? T_1 extends {
+            value: infer Value;
+        } ? Value : T_1 | NonNullable<T_1[keyof T_1 & "value"]> : never : never : T : never : Key extends keyof T ? T[Key] : never : never : never)[]) => any) | undefined;
+        "onUpdate:checked"?: ((value: (import("../utils/select-contracts.js").SelectEntryItem<Entry> extends infer T ? T extends import("../utils/select-contracts.js").SelectEntryItem<Entry> ? T extends import("../utils/select-contracts.js").SelectValue ? T : Key extends "value" ? T extends object ? "value" extends keyof T ? T extends infer T_1 ? T_1 extends T ? T_1 extends {
+            value: infer Value;
+        } ? Value : T_1 | NonNullable<T_1[keyof T_1 & "value"]> : never : never : T : never : Key extends keyof T ? T[Key] : never : never : never)[]) => any) | undefined;
+        "onUpdate:sourceSearchTerm"?: ((value: string) => any) | undefined;
+        "onUpdate:targetSearchTerm"?: ((value: string) => any) | undefined;
+        onTransfer?: ((payload: {
+            direction: import("./TransferList.vue.js").TransferDirection;
+            items: import("../utils/select-contracts.js").SelectEntryItem<Entry>[];
+            values: (import("../utils/select-contracts.js").SelectEntryItem<Entry> extends infer T ? T extends import("../utils/select-contracts.js").SelectEntryItem<Entry> ? T extends import("../utils/select-contracts.js").SelectValue ? T : Key extends "value" ? T extends object ? "value" extends keyof T ? T extends infer T_1 ? T_1 extends T ? T_1 extends {
+                value: infer Value;
+            } ? Value : T_1 | NonNullable<T_1[keyof T_1 & "value"]> : never : never : T : never : Key extends keyof T ? T[Key] : never : never : never)[];
+        }) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: TransferListSlots<Entry>;
+    emit: ((evt: "update:modelValue", value: (import("../utils/select-contracts.js").SelectEntryItem<Entry> extends infer T ? T extends import("../utils/select-contracts.js").SelectEntryItem<Entry> ? T extends import("../utils/select-contracts.js").SelectValue ? T : Key extends "value" ? T extends object ? "value" extends keyof T ? T extends infer T_1 ? T_1 extends T ? T_1 extends {
+        value: infer Value;
+    } ? Value : T_1 | NonNullable<T_1[keyof T_1 & "value"]> : never : never : T : never : Key extends keyof T ? T[Key] : never : never : never)[]) => void) & ((evt: "update:checked", value: (import("../utils/select-contracts.js").SelectEntryItem<Entry> extends infer T ? T extends import("../utils/select-contracts.js").SelectEntryItem<Entry> ? T extends import("../utils/select-contracts.js").SelectValue ? T : Key extends "value" ? T extends object ? "value" extends keyof T ? T extends infer T_1 ? T_1 extends T ? T_1 extends {
+        value: infer Value;
+    } ? Value : T_1 | NonNullable<T_1[keyof T_1 & "value"]> : never : never : T : never : Key extends keyof T ? T[Key] : never : never : never)[]) => void) & ((evt: "update:sourceSearchTerm", value: string) => void) & ((evt: "update:targetSearchTerm", value: string) => void) & ((evt: "transfer", payload: {
+        direction: import("./TransferList.vue.js").TransferDirection;
+        items: import("../utils/select-contracts.js").SelectEntryItem<Entry>[];
+        values: (import("../utils/select-contracts.js").SelectEntryItem<Entry> extends infer T ? T extends import("../utils/select-contracts.js").SelectEntryItem<Entry> ? T extends import("../utils/select-contracts.js").SelectValue ? T : Key extends "value" ? T extends object ? "value" extends keyof T ? T extends infer T_1 ? T_1 extends T ? T_1 extends {
+            value: infer Value;
+        } ? Value : T_1 | NonNullable<T_1[keyof T_1 & "value"]> : never : never : T : never : Key extends keyof T ? T[Key] : never : never : never)[];
+    }) => void);
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/TransferList.vue

@@ -0,0 +1,67 @@
+<script setup>
+import { getCurrentInstance } from "vue";
+import TransferListBase from "../internal/TransferListBase.vue";
+const props = defineProps({
+  checked: { type: null, required: false },
+  sourceLabel: { type: String, required: false },
+  targetLabel: { type: String, required: false },
+  sourceSearchTerm: { type: String, required: false },
+  targetSearchTerm: { type: String, required: false },
+  showSelectAll: { type: Boolean, required: false, default: true },
+  layout: { type: String, required: false },
+  ui: { type: Object, required: false },
+  descriptionKey: { type: String, required: false },
+  items: { type: Array, required: true },
+  modelValue: { type: null, required: false },
+  defaultValue: { type: null, required: false },
+  valueKey: { type: void 0, required: false },
+  labelKey: { type: String, required: false },
+  searchable: { type: Boolean, required: false },
+  virtualize: { type: [Boolean, Object], required: false },
+  disabled: { type: Boolean, required: false },
+  loading: { type: Boolean, required: false },
+  invalid: { type: Boolean, required: false },
+  size: { type: null, required: false },
+  color: { type: null, required: false },
+  id: { type: String, required: false },
+  name: { type: String, required: false },
+  form: { type: String, required: false },
+  required: { type: Boolean, required: false }
+});
+const emit = defineEmits(["update:modelValue", "update:checked", "update:sourceSearchTerm", "update:targetSearchTerm", "transfer"]);
+const slots = defineSlots();
+const instance = getCurrentInstance();
+function baseProps() {
+  const raw = instance.vnode.props ?? {};
+  const { modelValue, checked, ...rest } = props;
+  return {
+    ...rest,
+    ...Object.hasOwn(raw, "modelValue") || Object.hasOwn(raw, "model-value") ? { modelValue } : {},
+    ...Object.hasOwn(raw, "checked") ? { checked } : {}
+  };
+}
+</script>
+
+<template>
+  <TransferListBase
+    v-bind="baseProps()"
+    @update:model-value="emit('update:modelValue', $event)"
+    @update:checked="emit('update:checked', $event)"
+    @update:source-search-term="emit('update:sourceSearchTerm', $event)"
+    @update:target-search-term="emit('update:targetSearchTerm', $event)"
+    @transfer="emit('transfer', $event)"
+  >
+    <template v-if="slots.item" #item="data">
+      <slot name="item" v-bind="data" />
+    </template>
+    <template v-for="name in ['source-header', 'target-header'].filter((name) => slots[name])" :key="name" #[name]="data">
+      <slot :name="name" v-bind="data" />
+    </template>
+    <template v-for="name in ['source-footer', 'target-footer'].filter((name) => slots[name])" :key="name" #[name]>
+      <slot :name="name" />
+    </template>
+    <template v-for="name in ['empty', 'empty-filter'].filter((name) => slots[name])" :key="name" #[name]="data">
+      <slot :name="name" v-bind="data" />
+    </template>
+  </TransferListBase>
+</template>

package/dist/runtime/components/TransferList.vue.d.ts

@@ -0,0 +1,47 @@
+import type { SelectEntry } from '../utils/select-contracts.js';
+import type { TransferListProps, TransferListSlots } from '../utils/transfer-list-contracts.js';
+export type { TransferDirection, TransferListEmits, TransferListProps, TransferListSlots, TransferSide } from '../utils/transfer-list-contracts.js';
+declare const __VLS_export: <Entry extends SelectEntry, Key extends string = "value">(__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<TransferListProps<Entry, Key> & {
+        "onUpdate:modelValue"?: ((value: (import("../utils/select-contracts.js").SelectEntryItem<Entry> extends infer T ? T extends import("../utils/select-contracts.js").SelectEntryItem<Entry> ? T extends import("../utils/select-contracts.js").SelectValue ? T : Key extends "value" ? T extends object ? "value" extends keyof T ? T extends infer T_1 ? T_1 extends T ? T_1 extends {
+            value: infer Value;
+        } ? Value : T_1 | NonNullable<T_1[keyof T_1 & "value"]> : never : never : T : never : Key extends keyof T ? T[Key] : never : never : never)[]) => any) | undefined;
+        "onUpdate:checked"?: ((value: (import("../utils/select-contracts.js").SelectEntryItem<Entry> extends infer T ? T extends import("../utils/select-contracts.js").SelectEntryItem<Entry> ? T extends import("../utils/select-contracts.js").SelectValue ? T : Key extends "value" ? T extends object ? "value" extends keyof T ? T extends infer T_1 ? T_1 extends T ? T_1 extends {
+            value: infer Value;
+        } ? Value : T_1 | NonNullable<T_1[keyof T_1 & "value"]> : never : never : T : never : Key extends keyof T ? T[Key] : never : never : never)[]) => any) | undefined;
+        "onUpdate:sourceSearchTerm"?: ((value: string) => any) | undefined;
+        "onUpdate:targetSearchTerm"?: ((value: string) => any) | undefined;
+        onTransfer?: ((payload: {
+            direction: import("./TransferList.vue.js").TransferDirection;
+            items: import("../utils/select-contracts.js").SelectEntryItem<Entry>[];
+            values: (import("../utils/select-contracts.js").SelectEntryItem<Entry> extends infer T ? T extends import("../utils/select-contracts.js").SelectEntryItem<Entry> ? T extends import("../utils/select-contracts.js").SelectValue ? T : Key extends "value" ? T extends object ? "value" extends keyof T ? T extends infer T_1 ? T_1 extends T ? T_1 extends {
+                value: infer Value;
+            } ? Value : T_1 | NonNullable<T_1[keyof T_1 & "value"]> : never : never : T : never : Key extends keyof T ? T[Key] : never : never : never)[];
+        }) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: TransferListSlots<Entry>;
+    emit: ((evt: "update:modelValue", value: (import("../utils/select-contracts.js").SelectEntryItem<Entry> extends infer T ? T extends import("../utils/select-contracts.js").SelectEntryItem<Entry> ? T extends import("../utils/select-contracts.js").SelectValue ? T : Key extends "value" ? T extends object ? "value" extends keyof T ? T extends infer T_1 ? T_1 extends T ? T_1 extends {
+        value: infer Value;
+    } ? Value : T_1 | NonNullable<T_1[keyof T_1 & "value"]> : never : never : T : never : Key extends keyof T ? T[Key] : never : never : never)[]) => void) & ((evt: "update:checked", value: (import("../utils/select-contracts.js").SelectEntryItem<Entry> extends infer T ? T extends import("../utils/select-contracts.js").SelectEntryItem<Entry> ? T extends import("../utils/select-contracts.js").SelectValue ? T : Key extends "value" ? T extends object ? "value" extends keyof T ? T extends infer T_1 ? T_1 extends T ? T_1 extends {
+        value: infer Value;
+    } ? Value : T_1 | NonNullable<T_1[keyof T_1 & "value"]> : never : never : T : never : Key extends keyof T ? T[Key] : never : never : never)[]) => void) & ((evt: "update:sourceSearchTerm", value: string) => void) & ((evt: "update:targetSearchTerm", value: string) => void) & ((evt: "transfer", payload: {
+        direction: import("./TransferList.vue.js").TransferDirection;
+        items: import("../utils/select-contracts.js").SelectEntryItem<Entry>[];
+        values: (import("../utils/select-contracts.js").SelectEntryItem<Entry> extends infer T ? T extends import("../utils/select-contracts.js").SelectEntryItem<Entry> ? T extends import("../utils/select-contracts.js").SelectValue ? T : Key extends "value" ? T extends object ? "value" extends keyof T ? T extends infer T_1 ? T_1 extends T ? T_1 extends {
+            value: infer Value;
+        } ? Value : T_1 | NonNullable<T_1[keyof T_1 & "value"]> : never : never : T : never : Key extends keyof T ? T[Key] : never : never : never)[];
+    }) => void);
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/internal/ListSelectionForm.d.vue.ts

@@ -0,0 +1,15 @@
+import type { SelectModelValue } from '../utils/select-contracts.js';
+type __VLS_Props = {
+    values: SelectModelValue[];
+    name?: string;
+    form?: string;
+    required?: boolean;
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    reset: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onReset?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/internal/ListSelectionForm.vue

@@ -0,0 +1,33 @@
+<script setup>
+import { onMounted, onUnmounted, ref } from "vue";
+import { applyClassPrefix } from "../utils/ui";
+defineProps({
+  values: { type: Array, required: true },
+  name: { type: String, required: false },
+  form: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false }
+});
+const emit = defineEmits(["reset"]);
+const anchor = ref();
+let owner = null;
+function reset(event) {
+  queueMicrotask(() => {
+    if (!event.defaultPrevented)
+      emit("reset");
+  });
+}
+onMounted(() => {
+  owner = anchor.value?.form ?? null;
+  owner?.addEventListener("reset", reset);
+});
+onUnmounted(() => owner?.removeEventListener("reset", reset));
+function serialize(value) {
+  return typeof value === "object" ? JSON.stringify(value) : String(value);
+}
+</script>
+
+<template>
+  <input ref="anchor" :type="required ? 'text' : 'hidden'" :class="required ? applyClassPrefix('sr-only') : void 0" :form="form" :required="required && !disabled && !values.length" :disabled="disabled || !!values.length" aria-hidden="true" tabindex="-1" autocomplete="off">
+  <input v-for="(value, index) in values" :key="index" type="hidden" :name="name" :form="form" :value="serialize(value)" :disabled="disabled">
+</template>

package/dist/runtime/internal/ListSelectionForm.vue.d.ts

@@ -0,0 +1,15 @@
+import type { SelectModelValue } from '../utils/select-contracts.js';
+type __VLS_Props = {
+    values: SelectModelValue[];
+    name?: string;
+    form?: string;
+    required?: boolean;
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    reset: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onReset?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/internal/ListboxBase.d.vue.ts

@@ -0,0 +1,49 @@
+import type { ListboxProps } from '../utils/listbox-contracts.js';
+import type { SelectModelValue } from '../utils/select-contracts.js';
+import type { SelectItems } from './combobox-select.js';
+export interface ListboxBaseProps extends Omit<ListboxProps, 'items' | 'valueKey' | 'labelKey' | 'descriptionKey' | 'multiple' | 'modelValue' | 'defaultValue'> {
+    items: SelectItems;
+    valueKey?: string;
+    labelKey?: string;
+    descriptionKey?: string;
+    multiple?: boolean;
+    modelValue?: SelectModelValue | SelectModelValue[];
+    defaultValue?: SelectModelValue | SelectModelValue[];
+    /** Composite panels must not inherit or submit their parent's form value. */
+    formField?: boolean;
+}
+type __VLS_Slots = {
+    'item'?: (props: {
+        item: SelectModelValue;
+        index: number;
+        selected: boolean;
+        disabled: boolean;
+    }) => any;
+    'group'?: (props: {
+        group: {
+            label: string;
+            items: readonly SelectModelValue[];
+        };
+    }) => any;
+    'header'?: () => any;
+    'footer'?: () => any;
+    'empty'?: () => any;
+    'empty-filter'?: () => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ListboxBaseProps, {
+    focus: () => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: SelectModelValue | SelectModelValue[] | undefined) => any;
+    "update:searchTerm": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<ListboxBaseProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: SelectModelValue | SelectModelValue[] | undefined) => any) | undefined;
+    "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};