@ecoma-io/loom 0.2.0 → 0.4.0

package/dist/primitives/Combobox/Combobox.vue.d.ts

@@ -1,205 +0,0 @@
-import { type LabelOverrides } from "../../lib/labels";
-import type { LabelOf } from "../../lib/labels";
-/**
- * Everything this control says that does not come from the host's own options.
- *
- * `trigger` replaces a name Reka UI writes in English of its own accord:
- * `ComboboxTrigger` puts `aria-label="Show popup"` in its own vnode props and
- * exposes no prop for it, so without this the chevron is the one control on a
- * fully localised form still speaking English. A binding on the Loom side
- * arrives as a fallthrough attribute, which Vue merges onto the root vnode
- * after Reka's render function produced it, and `mergeProps` is last-write-wins
- * for everything that is not `class`, `style` or `on*` — so it replaces Reka's
- * rather than competing with it.
- *
- * `empty` is Loom's own, and it is the default beneath the `emptyMessage`
- * prop rather than a competitor to it: the prop is the wording for one box —
- * "No country by that name" — and this is what every other box says.
- *
- * The two multi-select keys take the **number**, never a formatted string, for
- * the reason `src/lib/labels.ts` gives at length: "3 selected" has one plural
- * form in Vietnamese, two in English and six in Arabic, and `+47` is a
- * punctuation choice made in one language. A host handed the integer reaches
- * `Intl.PluralRules` for the category and `Intl.NumberFormat` for the digits.
- */
-export interface ComboboxLabels {
-    /** The chevron that opens the list. It is not a Tab stop; this is what a screen reader reads on it. */
-    readonly trigger: string;
-    /** The row shown in place of the list when the filter matches nothing, unless `emptyMessage` says otherwise. */
-    readonly empty: string;
-    /**
-     * How many options are chosen, read out when the box takes focus.
-     *
-     * Multi-select only, and the only thing that tells a reader the size of a
-     * selection without walking the list: the trigger shows the first few tokens
-     * and a count for the rest, and neither is announced on its own.
-     */
-    readonly count: LabelOf<{
-        count: number;
-    }>;
-    /** The visible summary standing in for the tokens the trigger did not have room for. */
-    readonly overflow: LabelOf<{
-        hidden: number;
-    }>;
-}
-/**
- * Loom's English, co-located with the component so it tree-shakes with it, and
- * exported so a host can build a partial vocabulary against the real thing.
- */
-export declare const COMBOBOX_LABELS: ComboboxLabels;
-/**
- * One row of the list. `value` is what the model carries; `label` is what a
- * reader sees, what the filter matches, and what the input shows once the row
- * is chosen.
- *
- * Identical to `SelectOption` today, and deliberately not the same
- * declaration: the two surfaces are independent, and the first field either
- * one grows — a secondary line here, a group key there — is a field the other
- * should not inherit by accident. A shared alias would make that change look
- * free when it is not.
- */
-export interface ComboboxOption {
-    /** The value bound to `v-model` when this row is chosen. Unique within the list. */
-    value: string;
-    /** The text shown on the row, matched by the filter, and put in the input once chosen. */
-    label: string;
-    /** Present but unchoosable — visible, skipped by the keyboard, unclickable. */
-    disabled?: boolean;
-}
-/**
- * The control's height scale. It matches the text input and Select scales
- * exactly, so a form row mixing a Combobox beside either never comes out
- * uneven — which is why reaching past `size` for an `h-*` class is always the
- * wrong fix.
- */
-export type ComboboxSize = "sm" | "md" | "lg";
-export declare const comboboxVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{
-    /**
-     * The chosen option's `value`, or every chosen value when `multiple`.
-     *
-     * The union is one prop rather than a generic component, and the invariant
-     * is the mode: single-select emits and accepts a `string` and never an
-     * array, multi-select an array and never a bare string. A generic would
-     * express that in the type system and cost more than it buys — it would
-     * print a conditional type in the generated API table below, and it would
-     * break `InstanceType<typeof Combobox>`, which is how a consumer types a
-     * template ref.
-     */
-    modelValue?: string | string[] | undefined;
-    /** The rows, in the order they are shown. */
-    options: ComboboxOption[];
-    /** Lets several rows be chosen at once: chosen rows toggle instead of closing the list, and the box shows the selection as tokens. */
-    multiple?: boolean;
-    /**
-     * How many tokens the box shows before the rest collapse into a count.
-     *
-     * The box must not grow with the selection — it sits in a form row beside
-     * controls on a fixed height scale — so past this many the tail becomes one
-     * `labels.overflow` summary: five chosen shows three and "+2 more", fifty
-     * shows three and "+47 more". Raise it for a wide box; the row never wraps,
-     * so a number the box has no room for is a number that truncates.
-     */
-    visibleValues?: number;
-    /** Shown in the empty input, before anything is typed or chosen. */
-    placeholder?: string;
-    /** Shown as a row of its own when the filter matches nothing. Defaults to `labels.empty`, so say what was searched for rather than restating the default in a second language. */
-    emptyMessage?: string | undefined;
-    /** Unavailable: dims the control, refuses to open and refuses to take text. Unset defers to a wrapping Field. */
-    disabled?: boolean | undefined;
-    /** Error state: paints the destructive border and ring, and sets `aria-invalid`. Unset defers to a wrapping Field's `error`. */
-    invalid?: boolean | undefined;
-    /** Control height. It shares the text input scale so mixed form rows stay aligned. */
-    size?: ComboboxSize;
-    /**
-     * Filter `options` against the typed text. Turn it off when the host is
-     * producing the list itself — from a server, in response to
-     * `update:query` — so a result that does not literally contain what was
-     * typed is not then hidden a second time by a filter running underneath it.
-     */
-    filter?: boolean;
-    /**
-     * Names for the two strings this control supplies itself, as any subset of
-     * `ComboboxLabels` — the rest stay as the host's `provideLoomLabels`
-     * vocabulary left them, and then as Loom's English.
-     *
-     * This is the per-instance correction, not the place to localise an
-     * application. `emptyMessage` is the shorter way to reach `empty` for one
-     * box; this is what reaches `trigger`.
-     */
-    labels?: LabelOverrides<ComboboxLabels>;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | string[]) => any;
-    "update:query": (query: string) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    /**
-     * The chosen option's `value`, or every chosen value when `multiple`.
-     *
-     * The union is one prop rather than a generic component, and the invariant
-     * is the mode: single-select emits and accepts a `string` and never an
-     * array, multi-select an array and never a bare string. A generic would
-     * express that in the type system and cost more than it buys — it would
-     * print a conditional type in the generated API table below, and it would
-     * break `InstanceType<typeof Combobox>`, which is how a consumer types a
-     * template ref.
-     */
-    modelValue?: string | string[] | undefined;
-    /** The rows, in the order they are shown. */
-    options: ComboboxOption[];
-    /** Lets several rows be chosen at once: chosen rows toggle instead of closing the list, and the box shows the selection as tokens. */
-    multiple?: boolean;
-    /**
-     * How many tokens the box shows before the rest collapse into a count.
-     *
-     * The box must not grow with the selection — it sits in a form row beside
-     * controls on a fixed height scale — so past this many the tail becomes one
-     * `labels.overflow` summary: five chosen shows three and "+2 more", fifty
-     * shows three and "+47 more". Raise it for a wide box; the row never wraps,
-     * so a number the box has no room for is a number that truncates.
-     */
-    visibleValues?: number;
-    /** Shown in the empty input, before anything is typed or chosen. */
-    placeholder?: string;
-    /** Shown as a row of its own when the filter matches nothing. Defaults to `labels.empty`, so say what was searched for rather than restating the default in a second language. */
-    emptyMessage?: string | undefined;
-    /** Unavailable: dims the control, refuses to open and refuses to take text. Unset defers to a wrapping Field. */
-    disabled?: boolean | undefined;
-    /** Error state: paints the destructive border and ring, and sets `aria-invalid`. Unset defers to a wrapping Field's `error`. */
-    invalid?: boolean | undefined;
-    /** Control height. It shares the text input scale so mixed form rows stay aligned. */
-    size?: ComboboxSize;
-    /**
-     * Filter `options` against the typed text. Turn it off when the host is
-     * producing the list itself — from a server, in response to
-     * `update:query` — so a result that does not literally contain what was
-     * typed is not then hidden a second time by a filter running underneath it.
-     */
-    filter?: boolean;
-    /**
-     * Names for the two strings this control supplies itself, as any subset of
-     * `ComboboxLabels` — the rest stay as the host's `provideLoomLabels`
-     * vocabulary left them, and then as Loom's English.
-     *
-     * This is the per-instance correction, not the place to localise an
-     * application. `emptyMessage` is the shorter way to reach `empty` for one
-     * box; this is what reaches `trigger`.
-     */
-    labels?: LabelOverrides<ComboboxLabels>;
-}> & Readonly<{
-    "onUpdate:modelValue"?: (value: string | string[]) => any;
-    "onUpdate:query"?: (query: string) => any;
-}>, {
-    filter: boolean;
-    size: ComboboxSize;
-    disabled: boolean | undefined;
-    invalid: boolean | undefined;
-    modelValue: string | string[] | undefined;
-    multiple: boolean;
-    visibleValues: number;
-    emptyMessage: string | undefined;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-//# sourceMappingURL=Combobox.vue.d.ts.map

package/dist/primitives/Combobox/Combobox.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Combobox.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/Combobox/Combobox.vue"],"names":[],"mappings":"AAgpBA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAKlE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,cAAc;IAC7B,uGAAuG;IACvG,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,gHAAgH;IAChH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB;;;;;;OAMG;IACH,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC3C,wFAAwF;IACxF,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAChD;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,cAK7B,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,WAAW,cAAc;IAC7B,oFAAoF;IACpF,KAAK,EAAE,MAAM,CAAC;IACd,0FAA0F;IAC1F,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,eAAO,MAAM,gBAAgB;;8EAuB5B,CAAC;wBAmBmB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IA+Cd;;;;;;;;;;OAUG;iBACU,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;IAC1C,6CAA6C;aACpC,cAAc,EAAE;IACzB,sIAAsI;eAC3H,OAAO;IAClB;;;;;;;;OAQG;oBACa,MAAM;IACtB,oEAAoE;kBACtD,MAAM;IACpB,kLAAkL;mBACnK,MAAM,GAAG,SAAS;IACjC,iHAAiH;eACtG,OAAO,GAAG,SAAS;IAC9B,gIAAgI;cACtH,OAAO,GAAG,SAAS;IAC7B,sFAAsF;WAC/E,YAAY;IACnB;;;;;OAKG;aACM,OAAO;IAChB;;;;;;;;OAQG;aACM,cAAc,CAAC,cAAc,CAAC;;;;;IApDvC;;;;;;;;;;OAUG;iBACU,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;IAC1C,6CAA6C;aACpC,cAAc,EAAE;IACzB,sIAAsI;eAC3H,OAAO;IAClB;;;;;;;;OAQG;oBACa,MAAM;IACtB,oEAAoE;kBACtD,MAAM;IACpB,kLAAkL;mBACnK,MAAM,GAAG,SAAS;IACjC,iHAAiH;eACtG,OAAO,GAAG,SAAS;IAC9B,gIAAgI;cACtH,OAAO,GAAG,SAAS;IAC7B,sFAAsF;WAC/E,YAAY;IACnB;;;;;OAKG;aACM,OAAO;IAChB;;;;;;;;OAQG;aACM,cAAc,CAAC,cAAc,CAAC;;;;;YAV9B,OAAO;UAPT,YAAY;cAJR,OAAO,GAAG,SAAS;aAEpB,OAAO,GAAG,SAAS;gBAtBhB,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;cAI/B,OAAO;mBAUF,MAAM;kBAIP,MAAM,GAAG,SAAS;6EAysBjC,CAAC"}

package/dist/primitives/Combobox/Combobox.vue_vue_type_script_setup_true_lang.js

@@ -1,345 +0,0 @@
-import { cn } from "../../lib/cn.js";
-import { optional } from "../../lib/props.js";
-import { useLabels } from "../../lib/labels.js";
-import { listStaggerDelay } from "../../lib/motion.js";
-import { useSplitAttrs } from "../../lib/attrs.js";
-import { useFieldControl } from "../../lib/field-context.js";
-import Chip_default from "../Chip/Chip.js";
-import { Check, ChevronDown } from "@lucide/vue";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, useId, watch, withCtx } from "vue";
-import { ComboboxAnchor, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxPortal, ComboboxRoot, ComboboxTrigger, ComboboxViewport } from "reka-ui";
-import { cva } from "class-variance-authority";
-//#region src/primitives/Combobox/Combobox.vue?vue&type=script&setup=true&lang.ts
-/**
-* Combobox — a text input that narrows a list as you type, for the list too
-* long to scan. Countries, currencies, repositories, people: anywhere a reader
-* knows roughly what they are looking for and would rather type three letters
-* than scroll past two hundred rows.
-*
-* Its neighbour is `Select`, and the boundary is the length of the list rather
-* than the shape of the control. Three to fifteen rows a reader can read
-* through belong in a Select — a search box over eight options is a keystroke
-* charged for nothing. Two to five options that should all be visible at once
-* belong in a segmented control. Past roughly fifteen, searching beats
-* scrolling and this is the control that offers it.
-*
-* Built on Reka UI's Combobox, which supplies the editable-combobox semantics:
-* the `role="combobox"` input wired to the listbox by `aria-expanded` and
-* `aria-controls`, `aria-autocomplete="list"`, and the active row tracked by
-* `aria-activedescendant` while real focus stays in the input. That last part
-* is the one genuine behavioural difference from Select, which moves focus
-* onto the row itself — a combobox cannot, because the reader is still typing.
-*
-* Inside a [Field](../Field/Field.vue) it wires itself: the row's id, the id of
-* its hint or error line, `required`, `invalid`, `disabled` and the name the
-* chosen value is submitted under all arrive through `useFieldControl()`, so
-* `<Field label="Country" error="…"><Combobox … /></Field>` needs no attributes
-* at the call site. Both booleans below still win over the row when they are
-* set, in both directions — which is why they default to `undefined` rather
-* than `false`.
-*
-* A row's `readonly` is deliberately ignored. The text in the box is not the
-* value — it is the chosen option's label, rewritten on every choice — so a
-* `readonly` input here would freeze a caption rather than protect a value,
-* while the list underneath still opened on click. A choice nobody may change
-* is a disabled Combobox, or the label rendered as text.
-*
-* `multiple` turns it into a many-of-many picker. The chosen values render as
-* tokens in the box — the same `Chip` a
-* [TagsInput](../TagsInput/TagsInput.vue) commits its values to, so a selection
-* looks the same wherever a form shows one — and the input goes back to being
-* only a search box. The tokens are **inert**, deliberately: the list is where
-* a choice is made and where it is unmade, so the control stays the single Tab
-* stop it is in single-select, and a value hidden behind the overflow count is
-* reachable by exactly the same gesture as a visible one. That is the one place
-* this diverges from TagsInput, whose tokens carry their own remove control
-* because it has no list to send a reader back to.
-*/
-var _hoisted_1 = {
-	key: 0,
-	class: "tabular shrink-0 text-small text-muted-foreground"
-};
-var _hoisted_2 = ["id"];
-/**
-* Loom's English, co-located with the component so it tree-shakes with it, and
-* exported so a host can build a partial vocabulary against the real thing.
-*/
-var COMBOBOX_LABELS = {
-	trigger: "Show options",
-	empty: "No results",
-	count: ({ count }) => `${String(count)} selected`,
-	overflow: ({ hidden }) => `+${String(hidden)} more`
-};
-var comboboxVariants = cva([
-	"flex w-full items-center gap-2 rounded-md border border-input bg-background text-foreground",
-	"transition-[color,background-color,border-color,box-shadow] duration-fast ease-out",
-	"focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-ring"
-], {
-	variants: { size: {
-		sm: "h-8 px-2.5 text-xs",
-		md: "h-9 px-3 text-sm",
-		lg: "h-11 px-4 text-base"
-	} },
-	defaultVariants: { size: "md" }
-});
-/**
-* The same three numbers as a floor rather than as a fixed height, for the
-* multi-select box only.
-*
-* A box holding tokens is sized by its content, which is TagsInput's call and
-* the reason its field is `min-h-9`. What keeps that from turning into an
-* unbounded control here is `visibleValues`: the token row never wraps, so in
-* practice the box resolves to exactly the height above and a multi-select
-* still lines up with the single-select beside it. The `h-auto` that goes with
-* it in the template is what releases the fixed height `comboboxVariants`
-* already set — Tailwind's merge resolves the two, `min-h-*` does not.
-*/
-var multiSelectHeights = {
-	sm: "min-h-8",
-	md: "min-h-9",
-	lg: "min-h-11"
-};
-var Combobox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "Combobox",
-	props: {
-		modelValue: { default: void 0 },
-		options: {},
-		multiple: {
-			type: Boolean,
-			default: false
-		},
-		visibleValues: { default: 3 },
-		placeholder: {},
-		emptyMessage: { default: void 0 },
-		disabled: {
-			type: Boolean,
-			default: void 0
-		},
-		invalid: {
-			type: Boolean,
-			default: void 0
-		},
-		size: { default: "md" },
-		filter: {
-			type: Boolean,
-			default: true
-		},
-		labels: {}
-	},
-	emits: ["update:modelValue", "update:query"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const text = useLabels("combobox", COMBOBOX_LABELS, () => props.labels);
-		const query = ref("");
-		/**
-		* The stagger is the list's *reveal*, and re-filtering is not a reveal. This
-		* is true from the moment the list opens until the first keystroke, after
-		* which every row arrives immediately.
-		*
-		* Two things go wrong without it. A delay recomputed per keystroke makes the
-		* list feel like it is rebuilding under the reader's fingers — the opposite of
-		* what a filter is for. And raising `animation-delay` on a row that survived
-		* the keystroke rewinds its entrance: the row is still mounted, so the
-		* animation is not restarted, it is re-timed, and a row that had finished
-		* fading in drops back to half-opacity. Going the other way — stagger to `0ms`
-		* — only ever fast-forwards, which is why this flag falls and does not rise
-		* again until the content has unmounted and remounted with the next open.
-		*/
-		const revealing = ref(true);
-		const countId = useId();
-		/**
-		* The multi-select's own copy of the selection, and the reason it keeps one:
-		* the tokens have to render whether or not the host bound `v-model`.
-		*
-		* Left uncontrolled, `modelValue` stays `undefined` while Reka manages the
-		* choice internally — which is the third state `optional()` exists to preserve
-		* — so a trigger reading the prop would sit empty while the list showed three
-		* checked rows. This mirrors rather than drives: it is never fed back into
-		* Reka, so nothing about the uncontrolled control changes.
-		*
-		* Seeded from the prop rather than sanitised, for TagsInput's reason: a list
-		* the host already holds is the host's to hold.
-		*/
-		const selected = ref(Array.isArray(props.modelValue) ? [...props.modelValue] : []);
-		watch(() => props.modelValue, (next) => {
-			if (Array.isArray(next)) selected.value = [...next];
-		}, { deep: true });
-		/**
-		* The chosen values as the box shows them, and the fallback is the point: a
-		* host driving `options` from a search hands back only the rows matching the
-		* current query, so a value chosen from an earlier one has no option to look
-		* its label up in. Falling back to the value keeps the token on screen — a
-		* chosen value that vanished from the trigger while it was still in the model
-		* would be the control lying about what it holds.
-		*/
-		const tokens = computed(() => selected.value.map((value) => ({
-			value,
-			label: props.options.find((option) => option.value === value)?.label ?? value
-		})));
-		const visibleTokens = computed(() => tokens.value.slice(0, Math.max(0, props.visibleValues)));
-		const hiddenTokens = computed(() => tokens.value.length - visibleTokens.value.length);
-		/**
-		* What the input shows once a row is chosen. Without this Reka falls back to
-		* the model value's own `toString()`, which would leave `en` in the box where
-		* the reader picked "English".
-		*
-		* A multi-select shows nothing: the tokens are the selection, and the input
-		* beside them is a search box. Reka calls this on close rather than on choose,
-		* so the query the reader typed survives every toggle and one search can pick
-		* several rows — which is the whole reason the list stays open.
-		*/
-		function displayValue(value) {
-			if (props.multiple) return "";
-			return props.options.find((option) => option.value === value)?.label ?? "";
-		}
-		/**
-		* Reka hands back the whole selection on every toggle, never a delta, so the
-		* emitted array is always the complete list — the same contract TagsInput's
-		* `update:modelValue` carries, and the reason a host can assign it straight
-		* back.
-		*/
-		function onChoice(value) {
-			if (!props.multiple) {
-				emit("update:modelValue", String(value));
-				return;
-			}
-			const values = Array.isArray(value) ? value.map(String) : [];
-			selected.value = values;
-			emit("update:modelValue", values);
-		}
-		function onQuery(text) {
-			if (text === query.value) return;
-			query.value = text;
-			revealing.value = false;
-			emit("update:query", text);
-		}
-		const { attrs, rest: inputAttrs } = useSplitAttrs();
-		const field = useFieldControl(() => ({
-			id: attrs.id,
-			describedBy: [attrs["aria-describedby"], props.multiple ? countId : ""].filter((id) => typeof id === "string" && id.length > 0).join(" "),
-			disabled: props.disabled,
-			invalid: props.invalid
-		}));
-		const inputFieldAttrs = computed(() => {
-			const aria = { ...field.attrs };
-			delete aria.name;
-			return aria;
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ComboboxRoot), mergeProps(unref(optional)({
-				modelValue: __props.modelValue,
-				name: unref(field).name
-			}), {
-				multiple: __props.multiple,
-				disabled: unref(field).disabled,
-				"ignore-filter": !__props.filter,
-				"open-on-click": "",
-				"onUpdate:modelValue": onChoice,
-				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => revealing.value = true)
-			}), {
-				default: withCtx(() => [createVNode(unref(ComboboxAnchor), {
-					"data-disabled": unref(field).disabled || void 0,
-					"data-invalid": unref(field).invalid || void 0,
-					class: normalizeClass(unref(cn)(unref(comboboxVariants)({ size: __props.size }), __props.multiple && [
-						"h-auto",
-						multiSelectHeights[__props.size],
-						"gap-1.5"
-					], !unref(field).invalid && "focus-within:shadow-halo", unref(field).invalid && "border-destructive focus-within:outline-destructive", unref(field).disabled && "cursor-not-allowed border-border bg-muted text-muted-foreground", unref(attrs).class))
-				}, {
-					default: withCtx(() => [
-						__props.multiple ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleTokens.value, (token) => {
-							return openBlock(), createBlock(Chip_default, {
-								key: token.value,
-								size: "sm",
-								disabled: unref(field).disabled,
-								class: "min-w-0 animate-fade-rise"
-							}, {
-								default: withCtx(() => [createTextVNode(toDisplayString(token.label), 1)]),
-								_: 2
-							}, 1032, ["disabled"]);
-						}), 128)), hiddenTokens.value > 0 ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(text).overflow({ hidden: hiddenTokens.value })), 1)) : createCommentVNode("", true)], 64)) : createCommentVNode("", true),
-						createVNode(unref(ComboboxInput), mergeProps({
-							...unref(inputAttrs),
-							...inputFieldAttrs.value
-						}, {
-							"model-value": query.value,
-							"display-value": displayValue,
-							placeholder: __props.multiple && tokens.value.length > 0 ? void 0 : __props.placeholder,
-							class: "min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:text-muted-foreground",
-							"onUpdate:modelValue": onQuery
-						}), null, 16, ["model-value", "placeholder"]),
-						createVNode(unref(ComboboxTrigger), {
-							"aria-label": unref(text).trigger,
-							class: "group shrink-0 text-muted-foreground disabled:cursor-not-allowed"
-						}, {
-							default: withCtx(() => [createVNode(unref(ChevronDown), { class: "h-4 w-4 transition-transform duration-fast ease-out group-data-[state=open]:rotate-180" })]),
-							_: 1
-						}, 8, ["aria-label"]),
-						__props.multiple ? (openBlock(), createElementBlock("span", {
-							key: 1,
-							id: unref(countId),
-							class: "sr-only"
-						}, toDisplayString(unref(text).count({ count: tokens.value.length })), 9, _hoisted_2)) : createCommentVNode("", true)
-					]),
-					_: 1
-				}, 8, [
-					"data-disabled",
-					"data-invalid",
-					"class"
-				]), createVNode(unref(ComboboxPortal), null, {
-					default: withCtx(() => [createVNode(unref(ComboboxContent), {
-						position: "popper",
-						"side-offset": 6,
-						class: normalizeClass(unref(cn)("z-50 max-h-72 min-w-[var(--reka-combobox-trigger-width)] overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md", "data-[state=open]:animate-fade-rise"))
-					}, {
-						default: withCtx(() => [createVNode(unref(ComboboxViewport), { class: "p-1" }, {
-							default: withCtx(() => [createVNode(unref(ComboboxEmpty), {
-								role: "option",
-								"aria-disabled": "true",
-								class: "animate-fade-rise px-3 py-1.5 text-sm text-muted-foreground"
-							}, {
-								default: withCtx(() => [createTextVNode(toDisplayString(__props.emptyMessage ?? unref(text).empty), 1)]),
-								_: 1
-							}), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
-								return openBlock(), createBlock(unref(ComboboxItem), {
-									key: option.value,
-									value: option.value,
-									"text-value": option.label,
-									disabled: option.disabled ?? false,
-									style: normalizeStyle({ animationDelay: revealing.value ? unref(listStaggerDelay)(index) : "0ms" }),
-									class: normalizeClass(unref(cn)("relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-3 py-1.5 pr-8 text-sm text-foreground outline-none", "transition-colors duration-fast ease-out", "animate-fade-rise", "data-[highlighted]:bg-subtle", "data-[state=checked]:bg-primary-muted data-[state=checked]:text-primary", "data-[disabled]:pointer-events-none"))
-								}, {
-									default: withCtx(() => [createElementVNode("span", { class: normalizeClass(option.disabled && "text-muted-foreground") }, toDisplayString(option.label), 3), createVNode(unref(ComboboxItemIndicator), { class: "absolute right-2 inline-flex items-center" }, {
-										default: withCtx(() => [createVNode(unref(Check), { class: "h-4 w-4" })]),
-										_: 1
-									})]),
-									_: 2
-								}, 1032, [
-									"value",
-									"text-value",
-									"disabled",
-									"style",
-									"class"
-								]);
-							}), 128))]),
-							_: 1
-						})]),
-						_: 1
-					}, 8, ["class"])]),
-					_: 1
-				})]),
-				_: 1
-			}, 16, [
-				"multiple",
-				"disabled",
-				"ignore-filter"
-			]);
-		};
-	}
-});
-//#endregion
-export { COMBOBOX_LABELS, comboboxVariants, Combobox_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=Combobox.vue_vue_type_script_setup_true_lang.js.map

package/dist/primitives/Combobox/Combobox.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Combobox.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/primitives/Combobox/Combobox.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { cva } from \"class-variance-authority\";\nimport type { LabelOf } from \"../../lib/labels\";\n\n/**\n * Everything this control says that does not come from the host's own options.\n *\n * `trigger` replaces a name Reka UI writes in English of its own accord:\n * `ComboboxTrigger` puts `aria-label=\"Show popup\"` in its own vnode props and\n * exposes no prop for it, so without this the chevron is the one control on a\n * fully localised form still speaking English. A binding on the Loom side\n * arrives as a fallthrough attribute, which Vue merges onto the root vnode\n * after Reka's render function produced it, and `mergeProps` is last-write-wins\n * for everything that is not `class`, `style` or `on*` — so it replaces Reka's\n * rather than competing with it.\n *\n * `empty` is Loom's own, and it is the default beneath the `emptyMessage`\n * prop rather than a competitor to it: the prop is the wording for one box —\n * \"No country by that name\" — and this is what every other box says.\n *\n * The two multi-select keys take the **number**, never a formatted string, for\n * the reason `src/lib/labels.ts` gives at length: \"3 selected\" has one plural\n * form in Vietnamese, two in English and six in Arabic, and `+47` is a\n * punctuation choice made in one language. A host handed the integer reaches\n * `Intl.PluralRules` for the category and `Intl.NumberFormat` for the digits.\n */\nexport interface ComboboxLabels {\n  /** The chevron that opens the list. It is not a Tab stop; this is what a screen reader reads on it. */\n  readonly trigger: string;\n  /** The row shown in place of the list when the filter matches nothing, unless `emptyMessage` says otherwise. */\n  readonly empty: string;\n  /**\n   * How many options are chosen, read out when the box takes focus.\n   *\n   * Multi-select only, and the only thing that tells a reader the size of a\n   * selection without walking the list: the trigger shows the first few tokens\n   * and a count for the rest, and neither is announced on its own.\n   */\n  readonly count: LabelOf<{ count: number }>;\n  /** The visible summary standing in for the tokens the trigger did not have room for. */\n  readonly overflow: LabelOf<{ hidden: number }>;\n}\n\n/**\n * Loom's English, co-located with the component so it tree-shakes with it, and\n * exported so a host can build a partial vocabulary against the real thing.\n */\nexport const COMBOBOX_LABELS: ComboboxLabels = {\n  trigger: \"Show options\",\n  empty: \"No results\",\n  count: ({ count }) => `${String(count)} selected`,\n  overflow: ({ hidden }) => `+${String(hidden)} more`,\n};\n\n/**\n * One row of the list. `value` is what the model carries; `label` is what a\n * reader sees, what the filter matches, and what the input shows once the row\n * is chosen.\n *\n * Identical to `SelectOption` today, and deliberately not the same\n * declaration: the two surfaces are independent, and the first field either\n * one grows — a secondary line here, a group key there — is a field the other\n * should not inherit by accident. A shared alias would make that change look\n * free when it is not.\n */\nexport interface ComboboxOption {\n  /** The value bound to `v-model` when this row is chosen. Unique within the list. */\n  value: string;\n  /** The text shown on the row, matched by the filter, and put in the input once chosen. */\n  label: string;\n  /** Present but unchoosable — visible, skipped by the keyboard, unclickable. */\n  disabled?: boolean;\n}\n\n/**\n * The control's height scale. It matches the text input and Select scales\n * exactly, so a form row mixing a Combobox beside either never comes out\n * uneven — which is why reaching past `size` for an `h-*` class is always the\n * wrong fix.\n */\nexport type ComboboxSize = \"sm\" | \"md\" | \"lg\";\n\nexport const comboboxVariants = cva(\n  [\n    \"flex w-full items-center gap-2 rounded-md border border-input bg-background text-foreground\",\n    \"transition-[color,background-color,border-color,box-shadow] duration-fast ease-out\",\n    // The focusable node is the input *inside* this box, so the ring is drawn\n    // with `focus-within` rather than `focus-visible` — the same choice\n    // TextField makes for the same reason, and what keeps the two controls\n    // lighting up identically in a form row.\n    \"focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-ring\",\n  ],\n  {\n    // `satisfies` keeps the two halves honest: the union above is the name a\n    // consumer imports and the documentation prints, the map below is the\n    // classes. Adding a member to one and not the other stops compiling.\n    variants: {\n      size: {\n        sm: \"h-8 px-2.5 text-xs\",\n        md: \"h-9 px-3 text-sm\",\n        lg: \"h-11 px-4 text-base\",\n      } satisfies Record<ComboboxSize, string>,\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\n/**\n * The same three numbers as a floor rather than as a fixed height, for the\n * multi-select box only.\n *\n * A box holding tokens is sized by its content, which is TagsInput's call and\n * the reason its field is `min-h-9`. What keeps that from turning into an\n * unbounded control here is `visibleValues`: the token row never wraps, so in\n * practice the box resolves to exactly the height above and a multi-select\n * still lines up with the single-select beside it. The `h-auto` that goes with\n * it in the template is what releases the fixed height `comboboxVariants`\n * already set — Tailwind's merge resolves the two, `min-h-*` does not.\n */\nconst multiSelectHeights = {\n  sm: \"min-h-8\",\n  md: \"min-h-9\",\n  lg: \"min-h-11\",\n} satisfies Record<ComboboxSize, string>;\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, useId, watch } from \"vue\";\nimport {\n  ComboboxRoot,\n  ComboboxAnchor,\n  ComboboxInput,\n  ComboboxTrigger,\n  ComboboxPortal,\n  ComboboxContent,\n  ComboboxViewport,\n  ComboboxItem,\n  ComboboxItemIndicator,\n  ComboboxEmpty,\n} from \"reka-ui\";\nimport { Check, ChevronDown } from \"@lucide/vue\";\nimport Chip from \"../Chip/Chip.vue\";\nimport { cn } from \"../../lib/cn\";\nimport { listStaggerDelay } from \"../../lib/motion\";\nimport { useSplitAttrs } from \"../../lib/attrs\";\nimport { useFieldControl } from \"../../lib/field-context\";\nimport { useLabels, type LabelOverrides } from \"../../lib/labels\";\nimport { optional } from \"../../lib/props\";\n\n/**\n * Combobox — a text input that narrows a list as you type, for the list too\n * long to scan. Countries, currencies, repositories, people: anywhere a reader\n * knows roughly what they are looking for and would rather type three letters\n * than scroll past two hundred rows.\n *\n * Its neighbour is `Select`, and the boundary is the length of the list rather\n * than the shape of the control. Three to fifteen rows a reader can read\n * through belong in a Select — a search box over eight options is a keystroke\n * charged for nothing. Two to five options that should all be visible at once\n * belong in a segmented control. Past roughly fifteen, searching beats\n * scrolling and this is the control that offers it.\n *\n * Built on Reka UI's Combobox, which supplies the editable-combobox semantics:\n * the `role=\"combobox\"` input wired to the listbox by `aria-expanded` and\n * `aria-controls`, `aria-autocomplete=\"list\"`, and the active row tracked by\n * `aria-activedescendant` while real focus stays in the input. That last part\n * is the one genuine behavioural difference from Select, which moves focus\n * onto the row itself — a combobox cannot, because the reader is still typing.\n *\n * Inside a [Field](../Field/Field.vue) it wires itself: the row's id, the id of\n * its hint or error line, `required`, `invalid`, `disabled` and the name the\n * chosen value is submitted under all arrive through `useFieldControl()`, so\n * `<Field label=\"Country\" error=\"…\"><Combobox … /></Field>` needs no attributes\n * at the call site. Both booleans below still win over the row when they are\n * set, in both directions — which is why they default to `undefined` rather\n * than `false`.\n *\n * A row's `readonly` is deliberately ignored. The text in the box is not the\n * value — it is the chosen option's label, rewritten on every choice — so a\n * `readonly` input here would freeze a caption rather than protect a value,\n * while the list underneath still opened on click. A choice nobody may change\n * is a disabled Combobox, or the label rendered as text.\n *\n * `multiple` turns it into a many-of-many picker. The chosen values render as\n * tokens in the box — the same `Chip` a\n * [TagsInput](../TagsInput/TagsInput.vue) commits its values to, so a selection\n * looks the same wherever a form shows one — and the input goes back to being\n * only a search box. The tokens are **inert**, deliberately: the list is where\n * a choice is made and where it is unmade, so the control stays the single Tab\n * stop it is in single-select, and a value hidden behind the overflow count is\n * reachable by exactly the same gesture as a visible one. That is the one place\n * this diverges from TagsInput, whose tokens carry their own remove control\n * because it has no list to send a reader back to.\n */\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The chosen option's `value`, or every chosen value when `multiple`.\n     *\n     * The union is one prop rather than a generic component, and the invariant\n     * is the mode: single-select emits and accepts a `string` and never an\n     * array, multi-select an array and never a bare string. A generic would\n     * express that in the type system and cost more than it buys — it would\n     * print a conditional type in the generated API table below, and it would\n     * break `InstanceType<typeof Combobox>`, which is how a consumer types a\n     * template ref.\n     */\n    modelValue?: string | string[] | undefined;\n    /** The rows, in the order they are shown. */\n    options: ComboboxOption[];\n    /** Lets several rows be chosen at once: chosen rows toggle instead of closing the list, and the box shows the selection as tokens. */\n    multiple?: boolean;\n    /**\n     * How many tokens the box shows before the rest collapse into a count.\n     *\n     * The box must not grow with the selection — it sits in a form row beside\n     * controls on a fixed height scale — so past this many the tail becomes one\n     * `labels.overflow` summary: five chosen shows three and \"+2 more\", fifty\n     * shows three and \"+47 more\". Raise it for a wide box; the row never wraps,\n     * so a number the box has no room for is a number that truncates.\n     */\n    visibleValues?: number;\n    /** Shown in the empty input, before anything is typed or chosen. */\n    placeholder?: string;\n    /** Shown as a row of its own when the filter matches nothing. Defaults to `labels.empty`, so say what was searched for rather than restating the default in a second language. */\n    emptyMessage?: string | undefined;\n    /** Unavailable: dims the control, refuses to open and refuses to take text. Unset defers to a wrapping Field. */\n    disabled?: boolean | undefined;\n    /** Error state: paints the destructive border and ring, and sets `aria-invalid`. Unset defers to a wrapping Field's `error`. */\n    invalid?: boolean | undefined;\n    /** Control height. It shares the text input scale so mixed form rows stay aligned. */\n    size?: ComboboxSize;\n    /**\n     * Filter `options` against the typed text. Turn it off when the host is\n     * producing the list itself — from a server, in response to\n     * `update:query` — so a result that does not literally contain what was\n     * typed is not then hidden a second time by a filter running underneath it.\n     */\n    filter?: boolean;\n    /**\n     * Names for the two strings this control supplies itself, as any subset of\n     * `ComboboxLabels` — the rest stay as the host's `provideLoomLabels`\n     * vocabulary left them, and then as Loom's English.\n     *\n     * This is the per-instance correction, not the place to localise an\n     * application. `emptyMessage` is the shorter way to reach `empty` for one\n     * box; this is what reaches `trigger`.\n     */\n    labels?: LabelOverrides<ComboboxLabels>;\n  }>(),\n  {\n    // `modelValue: undefined` is load-bearing rather than redundant: paired\n    // with `optional()` below it is what keeps the uncontrolled third state\n    // reachable, instead of pinning the control to a value nobody chose.\n    modelValue: undefined,\n    multiple: false,\n    // Three, and the number is a judgement rather than a measurement: two\n    // tokens plus a count reads as a control that shows almost nothing, and\n    // four leaves a `md` box no room to type in at the default width. It is a\n    // prop because the right answer is the box's width, which only the caller\n    // knows.\n    visibleValues: 3,\n    // No English default here any more. The wording moved into `COMBOBOX_LABELS`\n    // so a host can set it once for the whole application rather than on every\n    // box, and an absent prop is what lets the resolved label through.\n    emptyMessage: undefined,\n    // Not `false`, for either. `false` is a caller saying \"this control is fine\n    // / enabled even though its row is not\"; absent is a caller saying nothing,\n    // and only `undefined` survives to mean that past Vue's\n    // absent-Boolean-casts-to-false rule — see TextField.vue, which carries the\n    // full reasoning.\n    disabled: undefined,\n    invalid: undefined,\n    size: \"md\",\n    filter: true,\n  },\n);\n\nconst emit = defineEmits<{\n  /** The chosen option's `value` — or the whole chosen list, when `multiple`. Single-select fires once per choice and the list closes with it; multi-select fires once per toggle and the list stays open. */\n  \"update:modelValue\": [value: string | string[]];\n  /** The text now in the input — as the reader types, and again when a choice puts its label there. */\n  \"update:query\": [query: string];\n}>();\n\n// `text`, not `labels`: the prop of that name is one of the three sources this\n// resolves, and a template reading the raw prop would be reading the overrides\n// rather than the answer.\nconst text = useLabels(\"combobox\", COMBOBOX_LABELS, () => props.labels);\n\nconst query = ref(\"\");\n\n/**\n * The stagger is the list's *reveal*, and re-filtering is not a reveal. This\n * is true from the moment the list opens until the first keystroke, after\n * which every row arrives immediately.\n *\n * Two things go wrong without it. A delay recomputed per keystroke makes the\n * list feel like it is rebuilding under the reader's fingers — the opposite of\n * what a filter is for. And raising `animation-delay` on a row that survived\n * the keystroke rewinds its entrance: the row is still mounted, so the\n * animation is not restarted, it is re-timed, and a row that had finished\n * fading in drops back to half-opacity. Going the other way — stagger to `0ms`\n * — only ever fast-forwards, which is why this flag falls and does not rise\n * again until the content has unmounted and remounted with the next open.\n */\nconst revealing = ref(true);\n\nconst countId = useId();\n\n/**\n * The multi-select's own copy of the selection, and the reason it keeps one:\n * the tokens have to render whether or not the host bound `v-model`.\n *\n * Left uncontrolled, `modelValue` stays `undefined` while Reka manages the\n * choice internally — which is the third state `optional()` exists to preserve\n * — so a trigger reading the prop would sit empty while the list showed three\n * checked rows. This mirrors rather than drives: it is never fed back into\n * Reka, so nothing about the uncontrolled control changes.\n *\n * Seeded from the prop rather than sanitised, for TagsInput's reason: a list\n * the host already holds is the host's to hold.\n */\nconst selected = ref<string[]>(Array.isArray(props.modelValue) ? [...props.modelValue] : []);\nwatch(\n  () => props.modelValue,\n  (next) => {\n    if (Array.isArray(next)) selected.value = [...next];\n  },\n  { deep: true },\n);\n\n/**\n * The chosen values as the box shows them, and the fallback is the point: a\n * host driving `options` from a search hands back only the rows matching the\n * current query, so a value chosen from an earlier one has no option to look\n * its label up in. Falling back to the value keeps the token on screen — a\n * chosen value that vanished from the trigger while it was still in the model\n * would be the control lying about what it holds.\n */\nconst tokens = computed(() =>\n  selected.value.map((value) => ({\n    value,\n    label: props.options.find((option) => option.value === value)?.label ?? value,\n  })),\n);\n\nconst visibleTokens = computed(() => tokens.value.slice(0, Math.max(0, props.visibleValues)));\nconst hiddenTokens = computed(() => tokens.value.length - visibleTokens.value.length);\n\n/**\n * What the input shows once a row is chosen. Without this Reka falls back to\n * the model value's own `toString()`, which would leave `en` in the box where\n * the reader picked \"English\".\n *\n * A multi-select shows nothing: the tokens are the selection, and the input\n * beside them is a search box. Reka calls this on close rather than on choose,\n * so the query the reader typed survives every toggle and one search can pick\n * several rows — which is the whole reason the list stays open.\n */\nfunction displayValue(value: unknown): string {\n  if (props.multiple) return \"\";\n  return props.options.find((option) => option.value === value)?.label ?? \"\";\n}\n\n/**\n * Reka hands back the whole selection on every toggle, never a delta, so the\n * emitted array is always the complete list — the same contract TagsInput's\n * `update:modelValue` carries, and the reason a host can assign it straight\n * back.\n */\nfunction onChoice(value: unknown): void {\n  if (!props.multiple) {\n    emit(\"update:modelValue\", String(value));\n    return;\n  }\n  const values = Array.isArray(value) ? value.map(String) : [];\n  selected.value = values;\n  emit(\"update:modelValue\", values);\n}\n\nfunction onQuery(text: string): void {\n  // Reka rewrites the input's text on its own account — once as the component\n  // mounts, and again when a choice puts the chosen label back in the box —\n  // and each of those arrives here as an update. Reporting a query that did\n  // not change would have a host running the same search twice on mount, so\n  // only a real change is passed on.\n  if (text === query.value) return;\n  query.value = text;\n  revealing.value = false;\n  emit(\"update:query\", text);\n}\n\n// The root renders no DOM node of its own, so fallthrough attributes would be\n// dropped on the floor. They go to the input, which is the element they\n// describe and the only one a name can land on — the chevron trigger already\n// carries Reka's own `aria-label`, and naming the control means naming the\n// `role=\"combobox\"` node.\n//\n// `class` is pulled out of that spread and merged through `cn()` onto the\n// anchor instead, because the anchor is the box a caller means when they pass\n// `w-64`. Spreading it alongside the anchor's own `:class` would only\n// concatenate the two lists — Vue's merge is generic, not Tailwind-aware — so\n// a caller's width would win or lose depending on which utility Tailwind\n// happened to emit last.\ndefineOptions({ inheritAttrs: false });\nconst { attrs, rest: inputAttrs } = useSplitAttrs();\n\n// `id` and `aria-describedby` reach this control as fallthrough attrs rather\n// than props, so they are read off `attrs` and handed in as this caller's own\n// values — a caller who sets either still beats the row, and the row's\n// description is merged into theirs rather than replacing it. `name`,\n// `readonly` and `required` are absent from this object because there is no\n// prop to oppose the row with; the row's answer stands unopposed, which is\n// what is wanted.\n//\n// The multi-select's count joins that list rather than replacing anything: it\n// is one more thing this control says about itself, and it reads after the\n// caller's own description and before the row's message — the same\n// most-specific-first order `useFieldControl` applies one layer out. Wired\n// through `aria-describedby` rather than announced, which is TagsInput's call\n// for the same fact: it is heard on focus and on every return to the box, which\n// is when the question is asked, and a live region would speak the whole total\n// over the top of the `aria-selected` change the row itself already announces.\nconst field = useFieldControl(() => ({\n  id: attrs.id as string | undefined,\n  describedBy: [attrs[\"aria-describedby\"] as string | undefined, props.multiple ? countId : \"\"]\n    .filter((id): id is string => typeof id === \"string\" && id.length > 0)\n    .join(\" \"),\n  disabled: props.disabled,\n  invalid: props.invalid,\n}));\n\n// `name` is the one resolved key that does not travel with the bag, and here\n// it is a defect rather than a nicety: the bag lands on the input, and what\n// the input holds is the chosen option's *label*. A `name` on it would post\n// \"Viet Nam\" where the model carries `vn`. Reka submits the value itself\n// through a hidden control it renders from the root's own `name`, so that is\n// where the row's name goes. Everything else in the bag — the id, the merged\n// description, `aria-required`, `aria-invalid` — belongs on the\n// `role=\"combobox\"` node, which is the input.\nconst inputFieldAttrs = computed(() => {\n  // Removed from a copy rather than listed positively, so a key added to the\n  // resolved bag later reaches this input without anyone remembering to come\n  // back here.\n  const aria: Record<string, unknown> = { ...field.attrs };\n  delete aria.name;\n  return aria;\n});\n</script>\n\n<template>\n  <!-- `open-on-click` and not `open-on-focus`: clicking the box is a reader\n       asking to see the list, while focus arrives by Tab as often as by\n       intent, and a list that unfolds over the next field every time someone\n       tabs through a form is an obstruction. Typing opens it either way. -->\n  <ComboboxRoot\n    v-bind=\"optional({ modelValue, name: field.name })\"\n    :multiple=\"multiple\"\n    :disabled=\"field.disabled\"\n    :ignore-filter=\"!filter\"\n    open-on-click\n    @update:model-value=\"onChoice\"\n    @update:open=\"revealing = true\"\n  >\n    <ComboboxAnchor\n      :data-disabled=\"field.disabled || undefined\"\n      :data-invalid=\"field.invalid || undefined\"\n      :class=\"\n        cn(\n          comboboxVariants({ size }),\n          // A box holding tokens is sized by them — see `multiSelectHeights`.\n          // `h-auto` is what releases the fixed height the variant just set;\n          // Tailwind's merge resolves two `h-*` utilities and leaves a `min-h-*`\n          // beside either of them alone.\n          multiple && ['h-auto', multiSelectHeights[size], 'gap-1.5'],\n          !field.invalid && 'focus-within:shadow-halo',\n          field.invalid && 'border-destructive focus-within:outline-destructive',\n          // The box holds the chosen value, so it is drained rather than\n          // dimmed: `opacity-50` composited the input's text down to 3.06:1,\n          // and what a reader needs from an unavailable Combobox is precisely\n          // what it is set to. The neutral well says unavailable on its own —\n          // the input's own `disabled:text-muted-foreground` below carries the\n          // text to 4.67:1 over it.\n          //\n          // The hairline recedes with the fill, and that second channel is the\n          // point: unavailable is a difference in *shape* as well as in colour,\n          // so it survives a reader who cannot resolve `muted` from\n          // `background`. This control has no read-only state to be told apart\n          // from — see the docblock — so it takes the unavailable row alone.\n          field.disabled && 'cursor-not-allowed border-border bg-muted text-muted-foreground',\n          attrs.class as string,\n        )\n      \"\n    >\n      <!-- The selection, as the tokens a TagsInput commits its values to, so a\n           chosen set looks the same wherever a form shows one. Inert on\n           purpose: the list is where a value is chosen and where it is\n           unchosen, which keeps the whole control one Tab stop and keeps a\n           value behind the overflow count reachable by the same gesture as a\n           visible one. -->\n      <template v-if=\"multiple\">\n        <Chip\n          v-for=\"token in visibleTokens\"\n          :key=\"token.value\"\n          size=\"sm\"\n          :disabled=\"field.disabled\"\n          class=\"min-w-0 animate-fade-rise\"\n        >\n          {{ token.label }}\n        </Chip>\n        <!-- Not a token: it stands for values rather than being one, and a\n             fourth pill saying \"+47 more\" would read as a forty-eighth\n             choice. -->\n        <span v-if=\"hiddenTokens > 0\" class=\"tabular shrink-0 text-small text-muted-foreground\">\n          {{ text.overflow({ hidden: hiddenTokens }) }}\n        </span>\n      </template>\n\n      <ComboboxInput\n        v-bind=\"{ ...inputAttrs, ...inputFieldAttrs }\"\n        :model-value=\"query\"\n        :display-value=\"displayValue\"\n        :placeholder=\"multiple && tokens.length > 0 ? undefined : placeholder\"\n        class=\"min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:text-muted-foreground\"\n        @update:model-value=\"onQuery\"\n      />\n      <!-- Reka takes this button out of the tab order itself, so the whole\n           control is one Tab stop: the input. It also names it, in English —\n           `aria-label=\"Show popup\"`, written inside its own render function\n           with no prop to reach it by — and the binding below replaces that\n           rather than competing with it, because Vue merges a fallthrough\n           attribute onto the root vnode after the render function produced it.\n           Removing it does not fall back to nothing; it falls back to Reka's\n           English, which no test of Loom's own strings would catch. -->\n      <ComboboxTrigger\n        :aria-label=\"text.trigger\"\n        class=\"group shrink-0 text-muted-foreground disabled:cursor-not-allowed\"\n      >\n        <ChevronDown\n          class=\"h-4 w-4 transition-transform duration-fast ease-out group-data-[state=open]:rotate-180\"\n        />\n      </ComboboxTrigger>\n\n      <!-- The size of the selection, and the only thing that carries it to a\n           reader who cannot see the tokens: the visible row shows the first few\n           and a count for the rest, and neither is announced. Reka publishes\n           nothing of the sort — the listbox's `aria-multiselectable` says the\n           control takes several values, never how many it holds. -->\n      <span v-if=\"multiple\" :id=\"countId\" class=\"sr-only\">\n        {{ text.count({ count: tokens.length }) }}\n      </span>\n    </ComboboxAnchor>\n\n    <ComboboxPortal>\n      <ComboboxContent\n        position=\"popper\"\n        :side-offset=\"6\"\n        :class=\"\n          cn(\n            'z-50 max-h-72 min-w-[var(--reka-combobox-trigger-width)] overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md',\n            // Scoped to the open state, never unconditional. Reka keeps the\n            // closed content mounted while it waits for an animationend that a\n            // mount-only animation never fires again — an invisible overlay\n            // eating clicks. Scoping it makes the closed element compute\n            // `animation-name: none`, which is the immediate-unmount branch.\n            'data-[state=open]:animate-fade-rise',\n          )\n        \"\n      >\n        <ComboboxViewport class=\"p-1\">\n          <!-- A filter that matches nothing has to say so. An empty popover\n               reads as a broken one, and a screen reader is told nothing at\n               all — so the message is a row inside the listbox rather than a\n               caption beside it. `role=\"option\"` because a bare div is not a\n               legitimate child of `role=\"listbox\"` and is skipped; disabled\n               because it is a statement, not a choice. -->\n          <ComboboxEmpty\n            role=\"option\"\n            aria-disabled=\"true\"\n            class=\"animate-fade-rise px-3 py-1.5 text-sm text-muted-foreground\"\n          >\n            {{ emptyMessage ?? text.empty }}\n          </ComboboxEmpty>\n\n          <!-- Keyed by value rather than by index: a row that survives a\n               keystroke keeps its DOM node, so its entrance animation is not\n               re-run and the list settles instead of flashing. Keyed by index,\n               every row below a filtered-out one would be reused for different\n               content while the tail remounted — an animation playing on the\n               wrong rows.\n\n               `text-value` pins the filter to the label. Left off, Reka falls\n               back to whatever the row happens to render, which is the label\n               today and the label plus a badge, a hint or a count the first\n               time a row grows one. -->\n          <ComboboxItem\n            v-for=\"(option, index) in options\"\n            :key=\"option.value\"\n            :value=\"option.value\"\n            :text-value=\"option.label\"\n            :disabled=\"option.disabled ?? false\"\n            :style=\"{ animationDelay: revealing ? listStaggerDelay(index) : '0ms' }\"\n            :class=\"\n              cn(\n                'relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-3 py-1.5 pr-8 text-sm text-foreground outline-none',\n                'transition-colors duration-fast ease-out',\n                'animate-fade-rise',\n                'data-[highlighted]:bg-subtle',\n                'data-[state=checked]:bg-primary-muted data-[state=checked]:text-primary',\n                // Inert, but still readable. `data-[disabled]:opacity-50` took\n                // the label to 3.13:1 on the popover; the colour on the span\n                // below leaves it at 5.76:1 and still visibly lighter than the\n                // rows around it.\n                'data-[disabled]:pointer-events-none',\n              )\n            \"\n          >\n            <!-- The mute lives on this span rather than on the row, and it has\n                 to. `data-[disabled]:` sorts *before* `data-[state=checked]:`\n                 in Tailwind's variant order, so a disabled row that is also the\n                 chosen one would take `text-primary` from the container — and a\n                 container colour is only inherited. Declared here it wins\n                 whatever the row resolved to. -->\n            <span :class=\"option.disabled && 'text-muted-foreground'\">{{ option.label }}</span>\n            <ComboboxItemIndicator class=\"absolute right-2 inline-flex items-center\">\n              <Check class=\"h-4 w-4\" />\n            </ComboboxItemIndicator>\n          </ComboboxItem>\n        </ComboboxViewport>\n      </ComboboxContent>\n    </ComboboxPortal>\n  </ComboboxRoot>\n</template>\n"],"mappings":"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"}

package/dist/primitives/ContextMenu/ContextMenu.js

@@ -1,7 +0,0 @@
-import ContextMenu_vue_vue_type_script_setup_true_lang_default from "./ContextMenu.vue_vue_type_script_setup_true_lang.js";
-//#region src/primitives/ContextMenu/ContextMenu.vue
-var ContextMenu_default = ContextMenu_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { ContextMenu_default as default };
-
-//# sourceMappingURL=ContextMenu.js.map