@groupteknology/vuno 3.0.0 → 4.0.0

package/dist/runtime/app/components/Stack/Stack.vue

@@ -0,0 +1,31 @@
+<script setup>
+import { computed } from "vue";
+defineOptions({ name: "Stack" });
+const props = defineProps({
+  as: { type: null, required: false, default: "div" },
+  gap: { type: [Number, String], required: false, default: void 0 },
+  orientation: { type: String, required: false, default: "vertical" }
+});
+defineSlots();
+const step = computed(() => {
+  if (typeof props.gap === "number") return props.gap;
+  if (typeof props.gap === "string" && /^(?:[1-9]|1[0-3])$/.test(props.gap)) return Number(props.gap);
+  return void 0;
+});
+const style = computed(() => props.gap === void 0 ? void 0 : { "--vuno-stack-gap": step.value === void 0 ? String(props.gap) : `var(--vuno-spacing-${String(step.value).padStart(2, "0")})` });
+</script>
+
+<template>
+    <component
+        :is="props.as"
+        :data-orientation="props.orientation"
+        data-vuno-stack
+        :style="style"
+    >
+        <slot />
+    </component>
+</template>
+
+<style scoped>
+[data-vuno-stack][data-orientation=vertical]{display:grid;grid-auto-flow:row;row-gap:var(--vuno-stack-gap,0)}[data-vuno-stack][data-orientation=horizontal]{-moz-column-gap:var(--vuno-stack-gap,0);column-gap:var(--vuno-stack-gap,0);display:inline-grid;grid-auto-flow:column}
+</style>

package/dist/runtime/app/components/Stack/Stack.vue.d.ts

@@ -0,0 +1,17 @@
+import type { StackProps } from './Stack.types.js';
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<StackProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StackProps> & Readonly<{}>, {
+    orientation: import("./Stack.types.js").StackOrientation;
+    gap: import("./Stack.types.js").StackGapStep | string;
+    as: import("vue").Component | string;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/runtime/app/components/StructuredListBody/StructuredListBody.d.vue.ts

@@ -0,0 +1,18 @@
+import type { StructuredListUi } from '#vuno/components/StructuredListWrapper/StructuredListWrapper.types';
+type __VLS_Props = {
+    ui?: StructuredListUi;
+};
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    ui: StructuredListUi;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/runtime/app/components/StructuredListBody/StructuredListBody.vue

@@ -0,0 +1,18 @@
+<script setup>
+import { useTheme } from "#vuno/composables/useTheme";
+defineOptions({ name: "StructuredListBody" });
+const props = defineProps({
+  ui: { type: Object, required: false, default: void 0 }
+});
+defineSlots();
+const ui = useTheme("structuredList", () => props.ui);
+</script>
+
+<template>
+    <div
+        :class="ui.body"
+        role="rowgroup"
+    >
+        <slot />
+    </div>
+</template>

package/dist/runtime/app/components/StructuredListBody/StructuredListBody.vue.d.ts

@@ -0,0 +1,18 @@
+import type { StructuredListUi } from '#vuno/components/StructuredListWrapper/StructuredListWrapper.types';
+type __VLS_Props = {
+    ui?: StructuredListUi;
+};
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    ui: StructuredListUi;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/runtime/app/components/StructuredListCell/StructuredListCell.d.vue.ts

@@ -0,0 +1,17 @@
+import type { StructuredListCellProps } from './StructuredListCell.types.js';
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<StructuredListCellProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StructuredListCellProps> & Readonly<{}>, {
+    head: boolean;
+    noWrap: boolean;
+    ui: import("../StructuredListWrapper/StructuredListWrapper.types.js").StructuredListUi;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/runtime/app/components/StructuredListCell/StructuredListCell.types.d.ts

@@ -0,0 +1,16 @@
+import type { StructuredListUi } from '#vuno/components/StructuredListWrapper/StructuredListWrapper.types';
+export type StructuredListCellProps = {
+    /**
+     * Convierte la celda en encabezado de columna: `role="columnheader"` y la
+     * tipografía de cabecera. Dentro de `StructuredListHead` se deduce de la
+     * fila y no hace falta declararlo.
+     */
+    head?: boolean;
+    /**
+     * Impide que el texto de la celda envuelva. Vuno lo reserva para valores
+     * que pierden sentido partidos —un identificador, una fecha—, no para
+     * alargar una columna de prosa.
+     */
+    noWrap?: boolean;
+    ui?: StructuredListUi;
+};

package/dist/runtime/app/components/StructuredListCell/StructuredListCell.vue

@@ -0,0 +1,29 @@
+<script setup>
+import { computed } from "vue";
+import { useTheme } from "#vuno/composables/useTheme";
+import { structuredListVariants, useStructuredList, useStructuredListRow } from "#vuno/components/StructuredListWrapper/StructuredListWrapper.context";
+defineOptions({ name: "StructuredListCell" });
+const props = defineProps({
+  head: { type: Boolean, required: false, default: false },
+  noWrap: { type: Boolean, required: false, default: false },
+  ui: { type: Object, required: false, default: void 0 }
+});
+defineSlots();
+const list = useStructuredList();
+const row = useStructuredListRow();
+const head = computed(() => props.head || Boolean(row?.head.value));
+const ui = useTheme(
+  "structuredList",
+  () => props.ui,
+  () => structuredListVariants(list, row, { head: props.head, noWrap: props.noWrap })
+);
+</script>
+
+<template>
+    <div
+        :class="ui.cell"
+        :role="head ? 'columnheader' : 'cell'"
+    >
+        <slot />
+    </div>
+</template>

package/dist/runtime/app/components/StructuredListCell/StructuredListCell.vue.d.ts

@@ -0,0 +1,17 @@
+import type { StructuredListCellProps } from './StructuredListCell.types.js';
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<StructuredListCellProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StructuredListCellProps> & Readonly<{}>, {
+    head: boolean;
+    noWrap: boolean;
+    ui: import("../StructuredListWrapper/StructuredListWrapper.types.js").StructuredListUi;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/runtime/app/components/StructuredListHead/StructuredListHead.d.vue.ts

@@ -0,0 +1,18 @@
+import type { StructuredListUi } from '#vuno/components/StructuredListWrapper/StructuredListWrapper.types';
+type __VLS_Props = {
+    ui?: StructuredListUi;
+};
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    ui: StructuredListUi;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/runtime/app/components/StructuredListHead/StructuredListHead.vue

@@ -0,0 +1,18 @@
+<script setup>
+import { useTheme } from "#vuno/composables/useTheme";
+defineOptions({ name: "StructuredListHead" });
+const props = defineProps({
+  ui: { type: Object, required: false, default: void 0 }
+});
+defineSlots();
+const ui = useTheme("structuredList", () => props.ui);
+</script>
+
+<template>
+    <div
+        :class="ui.head"
+        role="rowgroup"
+    >
+        <slot />
+    </div>
+</template>

package/dist/runtime/app/components/StructuredListHead/StructuredListHead.vue.d.ts

@@ -0,0 +1,18 @@
+import type { StructuredListUi } from '#vuno/components/StructuredListWrapper/StructuredListWrapper.types';
+type __VLS_Props = {
+    ui?: StructuredListUi;
+};
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    ui: StructuredListUi;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/runtime/app/components/StructuredListInput/StructuredListInput.d.vue.ts

@@ -0,0 +1,10 @@
+import type { StructuredListInputProps } from './StructuredListInput.types.js';
+declare const __VLS_export: import("vue").DefineComponent<StructuredListInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StructuredListInputProps> & Readonly<{}>, {
+    disabled: boolean;
+    title: string;
+    name: string;
+    id: string;
+    ui: import("../StructuredListWrapper/StructuredListWrapper.types.js").StructuredListUi;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/StructuredListInput/StructuredListInput.types.d.ts

@@ -0,0 +1,19 @@
+import type { StructuredListUi } from '#vuno/components/StructuredListWrapper/StructuredListWrapper.types';
+export type StructuredListInputProps = {
+    id?: string;
+    /**
+     * Grupo de radios al que pertenece. Por defecto es el de la lista, que es lo
+     * que hace que elegir una fila deseleccione la anterior; cambiarlo solo tiene
+     * sentido al componer una fila fuera de una lista.
+     */
+    name?: string;
+    /** Deshabilita solo este control; la fila ya lo hereda con su propio `disabled`. */
+    disabled?: boolean;
+    /**
+     * Nombre accesible del control. Debe **nombrar la fila**: sin él, todos los
+     * radios de la lista se anuncian igual y no hay forma de saber cuál es cuál
+     * sin ver la pantalla.
+     */
+    title?: string;
+    ui?: StructuredListUi;
+};

package/dist/runtime/app/components/StructuredListInput/StructuredListInput.vue

@@ -0,0 +1,39 @@
+<script setup>
+import { computed } from "vue";
+import { useMessages, useTheme } from "#vuno/composables/useTheme";
+import { useStructuredList, useStructuredListRow } from "#vuno/components/StructuredListWrapper/StructuredListWrapper.context";
+defineOptions({ name: "StructuredListInput" });
+const props = defineProps({
+  id: { type: String, required: false, default: void 0 },
+  name: { type: String, required: false, default: void 0 },
+  disabled: { type: Boolean, required: false, default: false },
+  title: { type: String, required: false, default: void 0 },
+  ui: { type: Object, required: false, default: void 0 }
+});
+const list = useStructuredList();
+const row = useStructuredListRow();
+const messages = useMessages();
+const value = computed(() => row?.value.value ?? "");
+const disabled = computed(() => props.disabled || Boolean(row?.disabled.value));
+const label = computed(() => props.title ?? messages.value.selectRow);
+const ui = useTheme("structuredList", () => props.ui);
+function select() {
+  if (!disabled.value && value.value) list?.select(value.value);
+}
+</script>
+
+<template>
+    <input
+        :id="props.id"
+        :aria-label="label"
+        :checked="Boolean(value) && list?.selected.value === value"
+        :class="ui.input"
+        :disabled="disabled"
+        :name="props.name ?? list?.name"
+        tabindex="0"
+        :title="label"
+        type="radio"
+        :value="value"
+        @change="select"
+    />
+</template>

package/dist/runtime/app/components/StructuredListInput/StructuredListInput.vue.d.ts

@@ -0,0 +1,10 @@
+import type { StructuredListInputProps } from './StructuredListInput.types.js';
+declare const __VLS_export: import("vue").DefineComponent<StructuredListInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StructuredListInputProps> & Readonly<{}>, {
+    disabled: boolean;
+    title: string;
+    name: string;
+    id: string;
+    ui: import("../StructuredListWrapper/StructuredListWrapper.types.js").StructuredListUi;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/StructuredListRow/StructuredListRow.d.vue.ts

@@ -0,0 +1,19 @@
+import type { StructuredListRowProps } from './StructuredListRow.types.js';
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<StructuredListRowProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StructuredListRowProps> & Readonly<{}>, {
+    head: boolean;
+    value: string;
+    disabled: boolean;
+    title: string;
+    ui: import("../StructuredListWrapper/StructuredListWrapper.types.js").StructuredListUi;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/runtime/app/components/StructuredListRow/StructuredListRow.types.d.ts

@@ -0,0 +1,25 @@
+import type { StructuredListUi } from '#vuno/components/StructuredListWrapper/StructuredListWrapper.types';
+export type StructuredListRowProps = {
+    /**
+     * Deshabilita la elección de esta fila. Vuno documenta el estado en su
+     * especificación visual aunque su implementación en React todavía no lo
+     * exponga: el texto y el indicador pasan a los tokens deshabilitados, y la
+     * fila deja de responder al puntero y al teclado.
+     */
+    disabled?: boolean;
+    /** Convierte la fila en la de cabecera: sin divisoria y con celdas `columnheader`. */
+    head?: boolean;
+    /**
+     * Nombre accesible del control de la fila en la variante seleccionable. Debe
+     * nombrar la fila; sin él todas se anuncian igual.
+     */
+    title?: string;
+    ui?: StructuredListUi;
+    /**
+     * Valor con el que esta fila se identifica en el `v-model` de la lista. Es el
+     * `id` de fila de Vuno, con el nombre que tiene en un grupo de radios y sin
+     * fingir que llega al DOM. Se genera si no se declara, lo que basta mientras
+     * nadie tenga que restaurar la selección entre cargas.
+     */
+    value?: string;
+};

package/dist/runtime/app/components/StructuredListRow/StructuredListRow.vue

@@ -0,0 +1,58 @@
+<script setup>
+import { computed, provide, useId } from "vue";
+import { useTheme } from "#vuno/composables/useTheme";
+import StructuredListCell from "#vuno/components/StructuredListCell/StructuredListCell.vue";
+import StructuredListInput from "#vuno/components/StructuredListInput/StructuredListInput.vue";
+import { structuredListRowKey, structuredListVariants, useStructuredList } from "#vuno/components/StructuredListWrapper/StructuredListWrapper.context";
+import Icon from "#vuno/primitives/PrimitiveIcon/PrimitiveIcon.vue";
+defineOptions({ name: "StructuredListRow" });
+const props = defineProps({
+  disabled: { type: Boolean, required: false, default: false },
+  head: { type: Boolean, required: false, default: false },
+  title: { type: String, required: false, default: void 0 },
+  ui: { type: Object, required: false, default: void 0 },
+  value: { type: String, required: false, default: void 0 }
+});
+defineSlots();
+const list = useStructuredList();
+const fallbackValue = useId();
+const value = computed(() => props.value ?? fallbackValue);
+const head = computed(() => props.head);
+const disabled = computed(() => props.disabled);
+const selectable = computed(() => Boolean(list?.selection.value) && !props.head && !props.disabled);
+const selected = computed(() => Boolean(list?.selection.value) && !props.head && list?.selected.value === value.value);
+const context = { disabled, head, selectable, selected, value };
+provide(structuredListRowKey, context);
+const ui = useTheme(
+  "structuredList",
+  () => props.ui,
+  () => structuredListVariants(list, context)
+);
+function select() {
+  if (selectable.value) list?.select(value.value);
+}
+</script>
+
+<template>
+    <div
+        :class="ui.row"
+        role="row"
+        @click="select"
+    >
+        <!-- La columna del indicador existe también en la cabecera: sin ella las columnas se desalinean. -->
+        <StructuredListCell
+            v-if="list?.selection.value"
+            :head="props.head"
+            :ui="{ cell: ui.iconCell }"
+        >
+            <template v-if="!props.head">
+                <StructuredListInput :title="props.title" />
+                <Icon
+                    :class="ui.icon"
+                    :name="selected ? 'carbon:radio-button-checked' : 'carbon:radio-button'"
+                />
+            </template>
+        </StructuredListCell>
+        <slot />
+    </div>
+</template>

package/dist/runtime/app/components/StructuredListRow/StructuredListRow.vue.d.ts

@@ -0,0 +1,19 @@
+import type { StructuredListRowProps } from './StructuredListRow.types.js';
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<StructuredListRowProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StructuredListRowProps> & Readonly<{}>, {
+    head: boolean;
+    value: string;
+    disabled: boolean;
+    title: string;
+    ui: import("../StructuredListWrapper/StructuredListWrapper.types.js").StructuredListUi;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/runtime/app/components/StructuredListWrapper/StructuredListWrapper.context.d.ts

@@ -0,0 +1,50 @@
+import { type ComputedRef, type InjectionKey, type Ref } from 'vue';
+import type { ComponentVariants } from '#vuno/types/slots';
+/**
+ * Lo que la lista decide y sus filas y celdas necesitan para pintarse.
+ *
+ * En Vuno estas decisiones viven en clases del contenedor y bajan por
+ * selectores de descendencia —`.vuno--structured-list--condensed .vuno--structured-list-td`—;
+ * aquí cada pieza resuelve su propio tema, así que las recibe. La alternativa
+ * era repetir `isCondensed` en las veinte filas.
+ *
+ * `name` es el del grupo de radios: uno por lista, para que elegir una fila
+ * deseleccione la anterior y las flechas recorran solo estas filas.
+ */
+export type StructuredListContext = {
+    name: string;
+    condensed: Ref<boolean>;
+    flush: ComputedRef<boolean>;
+    selected: Ref<string | undefined>;
+    selection: Ref<boolean>;
+    select: (value: string) => void;
+};
+/**
+ * Lo que la fila ya ha resuelto y sus celdas no deberían volver a declarar.
+ *
+ * Vuno obliga a repetir `head` en la fila y en cada celda, y a marcar
+ * `selection` en las dos. Aquí la celda hereda el estado de la fila y solo
+ * conserva las decisiones que son suyas: si es cabecera y si su texto envuelve.
+ */
+export type StructuredListRowContext = {
+    disabled: ComputedRef<boolean>;
+    head: ComputedRef<boolean>;
+    selectable: ComputedRef<boolean>;
+    selected: ComputedRef<boolean>;
+    value: ComputedRef<string>;
+};
+export declare const structuredListKey: InjectionKey<StructuredListContext>;
+export declare const structuredListRowKey: InjectionKey<StructuredListRowContext>;
+/**
+ * Las variantes activas de una pieza de la familia.
+ *
+ * Vive aquí y no en cada componente porque fila y celda comparten seis de las
+ * ocho dimensiones: si una las leyera del contexto y la otra de sus props, una
+ * fila seleccionada podría acabar con celdas que no lo saben.
+ */
+export declare function structuredListVariants(list: StructuredListContext | undefined, row?: StructuredListRowContext, own?: {
+    head?: boolean;
+    noWrap?: boolean;
+}): ComponentVariants<'structuredList'>;
+export declare function useStructuredList(): StructuredListContext | undefined;
+export declare function useStructuredListRow(): StructuredListRowContext | undefined;

package/dist/runtime/app/components/StructuredListWrapper/StructuredListWrapper.context.js

@@ -0,0 +1,22 @@
+import { inject } from "vue";
+export const structuredListKey = Symbol("structured-list");
+export const structuredListRowKey = Symbol("structured-list-row");
+export function structuredListVariants(list, row, own) {
+  const flag = (value) => value ? "true" : "false";
+  return {
+    condensed: flag(list?.condensed.value),
+    disabled: flag(row?.disabled.value),
+    flush: flag(list?.flush.value),
+    head: flag(own?.head || row?.head.value),
+    noWrap: flag(own?.noWrap),
+    selectable: flag(row?.selectable.value),
+    selected: flag(row?.selected.value),
+    selection: flag(list?.selection.value)
+  };
+}
+export function useStructuredList() {
+  return inject(structuredListKey, void 0);
+}
+export function useStructuredListRow() {
+  return inject(structuredListRowKey, void 0);
+}

package/dist/runtime/app/components/StructuredListWrapper/StructuredListWrapper.d.vue.ts

@@ -0,0 +1,28 @@
+import type { StructuredListWrapperProps } from './StructuredListWrapper.types.js';
+type __VLS_Props = StructuredListWrapperProps;
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+type __VLS_ModelProps = {
+    modelValue?: string | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    selection: boolean;
+    isFlush: boolean;
+    ui: import("./StructuredListWrapper.types.js").StructuredListUi;
+    ariaLabel: string;
+    isCondensed: boolean;
+}, {}, {}, {}, 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;
+    };
+};