@cascivo/react 1.0.0 → 1.2.0

package/dist/combobox/combobox.css

@@ -1 +1 @@
-@layer cascivo.component{._wrapper_bu0jy_2{gap:var(--cascivo-space-1);min-inline-size:0;font-family:var(--cascivo-font-sans);flex-direction:column;display:flex;position:relative}._label_bu0jy_14{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text)}._field_bu0jy_20{align-items:center;display:flex;position:relative}._trigger_bu0jy_26{inline-size:100%;padding-inline:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);cursor:pointer;text-align:start;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none;justify-content:space-between;align-items:center;display:flex}._trigger_bu0jy_26:hover:not(:disabled){border-color:var(--cascivo-color-border-strong)}._trigger_bu0jy_26:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._trigger_bu0jy_26:disabled{opacity:.5;cursor:not-allowed}._wrapper_bu0jy_2[data-size=sm] ._trigger_bu0jy_26{block-size:2rem}._wrapper_bu0jy_2[data-size=md] ._trigger_bu0jy_26{block-size:2.5rem}._wrapper_bu0jy_2[data-size=lg] ._trigger_bu0jy_26{block-size:3rem}._wrapper_bu0jy_2[data-state=error] ._trigger_bu0jy_26{border-color:var(--cascivo-color-destructive)}._value_bu0jy_74{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._placeholder_bu0jy_80{color:var(--cascivo-color-text-subtle)}._chevron_bu0jy_84{border-inline-end:2px solid var(--cascivo-color-text-muted);border-block-end:2px solid var(--cascivo-color-text-muted);block-size:.75rem;inline-size:.75rem;transition:transform var(--cascivo-duration-150) var(--cascivo-ease-out);flex-shrink:0;margin-inline-start:var(--cascivo-space-2);display:inline-block;transform:rotate(45deg)}._wrapper_bu0jy_2[data-state=open] ._chevron_bu0jy_84{transform:rotate(-135deg)}._clear_bu0jy_100{cursor:pointer;min-block-size:1.5rem;min-inline-size:1.5rem;color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-xs);padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:var(--cascivo-space-8)}._clear_bu0jy_100:hover{color:var(--cascivo-color-text)}._clear_bu0jy_100:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._listbox_bu0jy_126{inline-size:100%;z-index:var(--cascivo-z-dropdown);background-color:var(--cascivo-color-surface-overlay);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);max-block-size:16rem;box-shadow:var(--cascivo-shadow-overlay);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter);position:absolute;inset-block-start:calc(100% + var(--cascivo-space-1));inset-inline-start:0;overflow-y:auto;translate:0 -.25rem}._listbox_bu0jy_126[data-state=open]{opacity:1;visibility:visible;translate:0}@starting-style{._listbox_bu0jy_126[data-state=open]{opacity:0;translate:0 -.25rem}}._searchWrapper_bu0jy_160{padding:var(--cascivo-space-2);border-block-end:1px solid var(--cascivo-color-border)}._search_bu0jy_160{inline-size:100%;padding-inline:var(--cascivo-space-2);padding-block:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);outline:none}._search_bu0jy_160:focus-visible{border-color:var(--cascivo-color-accent)}._option_bu0jy_182{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);cursor:pointer;border-radius:var(--cascivo-radius-item)}._option_bu0jy_182[data-state=active]{background-color:var(--cascivo-color-bg-subtle)}._option_bu0jy_182[aria-selected=true]{background-color:color-mix(in srgb, var(--cascivo-color-accent) 12%, transparent);color:var(--cascivo-color-accent)}._option_bu0jy_182[data-disabled]{opacity:.4;cursor:not-allowed}._empty_bu0jy_205{padding:var(--cascivo-space-4);text-align:center;font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-muted)}._error_bu0jy_212{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-destructive)}._hint_bu0jy_217{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted)}}
+@layer cascivo.component{div:has(>._wrapper_2bu0b_3){display:contents}._wrapper_2bu0b_3{gap:var(--cascivo-space-1);min-inline-size:0;font-family:var(--cascivo-font-sans);flex-direction:column;display:flex;position:relative}._label_2bu0b_23{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text)}._field_2bu0b_29{align-items:center;display:flex;position:relative}._trigger_2bu0b_35{inline-size:100%;padding-inline:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);cursor:pointer;text-align:start;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none;justify-content:space-between;align-items:center;padding-inline-end:var(--cascivo-space-8);display:flex}._trigger_2bu0b_35::placeholder{color:var(--cascivo-color-text-subtle)}._trigger_2bu0b_35:hover:not(:disabled){border-color:var(--cascivo-color-border-strong)}._trigger_2bu0b_35:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._trigger_2bu0b_35:disabled{opacity:.5;cursor:not-allowed}._wrapper_2bu0b_3[data-size=sm] ._trigger_2bu0b_35{min-block-size:2rem}._wrapper_2bu0b_3[data-size=md] ._trigger_2bu0b_35{min-block-size:2.5rem}._wrapper_2bu0b_3[data-size=lg] ._trigger_2bu0b_35{min-block-size:3rem}._wrapper_2bu0b_3[data-state=error] ._trigger_2bu0b_35{border-color:var(--cascivo-color-destructive)}._value_2bu0b_90{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._placeholder_2bu0b_96{color:var(--cascivo-color-text-subtle)}._chevron_2bu0b_100{border-inline-end:2px solid var(--cascivo-color-text-muted);border-block-end:2px solid var(--cascivo-color-text-muted);pointer-events:none;block-size:.5rem;inline-size:.5rem;transition:rotate var(--cascivo-duration-150) var(--cascivo-ease-out);flex-shrink:0;display:inline-block;position:absolute;inset-inline-end:var(--cascivo-space-3);translate:0 -.15rem;rotate:45deg}._wrapper_2bu0b_3[data-state=open] ._chevron_2bu0b_100{translate:0 .1rem;rotate:-135deg}._clear_2bu0b_120{cursor:pointer;min-block-size:1.5rem;min-inline-size:1.5rem;padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:var(--cascivo-space-8)}._clear_2bu0b_120:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._clearGlyph_2bu0b_140{background-color:var(--cascivo-color-text-muted);block-size:.75rem;inline-size:.75rem;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._clear_2bu0b_120:hover ._clearGlyph_2bu0b_140{background-color:var(--cascivo-color-text)}._popup_2bu0b_158{inline-size:100%;z-index:var(--cascivo-z-dropdown);background-color:var(--cascivo-color-surface-overlay);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);max-block-size:16rem;box-shadow:var(--cascivo-shadow-overlay);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter);position:absolute;inset-block-start:calc(100% + var(--cascivo-space-1));inset-inline-start:0;overflow-y:auto;translate:0 -.25rem}._popup_2bu0b_158[data-state=open]{opacity:1;visibility:visible;translate:0}@starting-style{._popup_2bu0b_158[data-state=open]{opacity:0;translate:0 -.25rem}}._listbox_2bu0b_192,._group_2bu0b_196{display:block}._groupLabel_2bu0b_200{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-1);font-size:var(--cascivo-text-xs);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text-muted);text-transform:uppercase;letter-spacing:.04em;display:block}._option_2bu0b_211{justify-content:space-between;align-items:center;gap:var(--cascivo-space-2);padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);cursor:pointer;border-radius:var(--cascivo-radius-item);display:flex}._option_2bu0b_211[data-state=active]{background-color:var(--cascivo-color-bg-subtle);outline:1px solid var(--cascivo-color-border-strong);outline-offset:-1px}._option_2bu0b_211[aria-selected=true]{background-color:color-mix(in srgb, var(--cascivo-color-accent) 12%, transparent);color:var(--cascivo-color-accent-text)}._option_2bu0b_211[data-disabled]{opacity:.4;cursor:not-allowed}._optionLabel_2bu0b_241{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}._match_2bu0b_248{color:inherit;font-weight:var(--cascivo-font-bold);background:0 0;text-decoration:underline}._check_2bu0b_257{opacity:0;background-color:var(--cascivo-color-accent);flex-shrink:0;block-size:.875rem;inline-size:.875rem;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3'%3E%3Cpath d='m5 13 4 4L19 7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3'%3E%3Cpath d='m5 13 4 4L19 7'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._option_2bu0b_211[aria-selected=true] ._check_2bu0b_257{opacity:1}._create_2bu0b_275{color:var(--cascivo-color-accent);font-weight:var(--cascivo-font-medium)}._empty_2bu0b_280{padding:var(--cascivo-space-4);text-align:center;font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-muted)}._error_2bu0b_287{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-destructive)}._hint_2bu0b_292{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted)}._srOnly_2bu0b_297{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (pointer:coarse){._wrapper_2bu0b_3[data-size=sm] ._trigger_2bu0b_35,._wrapper_2bu0b_3[data-size=md] ._trigger_2bu0b_35,._wrapper_2bu0b_3[data-size=lg] ._trigger_2bu0b_35{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}._clear_2bu0b_120{min-inline-size:var(--cascivo-target-min-coarse,2.75rem);min-block-size:var(--cascivo-target-min-coarse,2.75rem)}._option_2bu0b_211{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}}@media (forced-colors:active){._option_2bu0b_211[aria-selected=true]{color:highlighttext;forced-color-adjust:none;background-color:highlight}._option_2bu0b_211[data-state=active]{outline-offset:-2px;outline:2px solid highlight}._option_2bu0b_211[data-disabled]{color:graytext}._trigger_2bu0b_35:focus-visible,._clear_2bu0b_120:focus-visible{outline-offset:1px;outline:2px solid highlight}._popup_2bu0b_158{border:1px solid canvastext}}@media (prefers-reduced-motion:reduce){._popup_2bu0b_158,._chevron_2bu0b_100,._trigger_2bu0b_35{transition-duration:1ms}}

package/dist/combobox/combobox.js

@@ -1,170 +1 @@
-"use client";
-
-import e from "./combobox.module.js";
-import { useId as t, useRef as n } from "react";
-import { cn as r, createMachine as i, focusElement as ee, useControllableSignal as a, useMachine as o, useSignal as s, useSignalEffect as c, useSignals as te } from "@cascivo/core";
-import { builtin as l, t as u } from "@cascivo/i18n";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region ../components/src/combobox/combobox.tsx
-var p = i({
-	initial: "closed",
-	states: {
-		closed: { on: { OPEN: "open" } },
-		open: { on: { CLOSE: "closed" } }
-	}
-});
-function m(...e) {
-	return e.filter(Boolean).join(" ") || void 0;
-}
-function h({ options: i, value: h, defaultValue: g, onValueChange: ne, clearable: _ = !1, searchable: v = !0, label: y, ariaLabel: b, hint: x, error: S, size: re = "md", disabled: C = !1, labels: w, className: T, id: E, "aria-labelledby": D, "aria-describedby": O, "aria-invalid": k }) {
-	te();
-	let [A, j] = o(p), M = t(), N = E ?? `cascade-combobox-${M}`, P = `${M}-listbox`, F = n(null), I = w?.placeholder ?? u(l.combobox.placeholder), L = w?.empty ?? u(l.combobox.empty), R = w?.clear ?? u(l.combobox.clear), z = w?.search ?? u(l.combobox.search), [B] = a({
-		value: h,
-		defaultValue: g
-	}), V = s(""), H = s(0), U = A.value === "open", W = i.filter((e) => !v || !V.value ? !0 : e.label.toLowerCase().includes(V.value.toLowerCase())), G = i.find((e) => e.value === B.value);
-	c(() => {
-		if (!U) return;
-		let e = (e) => {
-			let t = document.getElementById(`${M}-root`);
-			t && !t.contains(e.target) && j("CLOSE");
-		};
-		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	});
-	let K = () => {
-		C || (V.value = "", H.value = 0, j("OPEN"), setTimeout(() => ee(F.current), 0));
-	}, q = () => {
-		j("CLOSE"), V.value = "";
-	}, J = ne, Y = (e) => {
-		h === void 0 && (B.value = e), J?.(e), q();
-	}, X = () => {
-		h === void 0 && (B.value = void 0), J?.(void 0);
-	}, Z = W.flatMap((e, t) => e.disabled ? [] : [t]), Q = (e) => {
-		if (Z.length === 0) return;
-		let t = Z[(Z.indexOf(H.value) + e + Z.length) % Z.length];
-		t !== void 0 && (H.value = t);
-	}, ie = (e) => {
-		(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), K());
-	}, ae = (e) => {
-		switch (e.key) {
-			case "ArrowDown":
-				e.preventDefault(), Q(1);
-				break;
-			case "ArrowUp":
-				e.preventDefault(), Q(-1);
-				break;
-			case "Enter": {
-				e.preventDefault();
-				let t = W[H.value];
-				t && !t.disabled && Y(t.value);
-				break;
-			}
-			case "Escape":
-				e.preventDefault(), q();
-				break;
-			case "Tab":
-				q();
-				break;
-		}
-	}, $ = (e) => `${M}-option-${e}`;
-	return /* @__PURE__ */ f("div", {
-		id: `${M}-root`,
-		className: r(e.wrapper, T),
-		"data-state": S ? "error" : A.value,
-		"data-size": re,
-		children: [
-			y && /* @__PURE__ */ d("label", {
-				className: e.label,
-				htmlFor: N,
-				children: y
-			}),
-			/* @__PURE__ */ f("div", {
-				className: e.field,
-				children: [/* @__PURE__ */ f("button", {
-					id: N,
-					type: "button",
-					role: "combobox",
-					"aria-expanded": U,
-					"aria-controls": P,
-					"aria-haspopup": "listbox",
-					"aria-labelledby": D,
-					"aria-label": b,
-					"aria-activedescendant": U && H.value >= 0 ? $(H.value) : void 0,
-					"aria-invalid": S ? !0 : k,
-					"aria-describedby": m(S ? `${M}-error` : x ? `${M}-hint` : void 0, O),
-					className: e.trigger,
-					disabled: C,
-					onKeyDown: ie,
-					onClick: U ? q : K,
-					children: [/* @__PURE__ */ d("span", {
-						className: r(e.value, G ? void 0 : e.placeholder),
-						children: G?.label ?? I
-					}), /* @__PURE__ */ d("span", {
-						className: e.chevron,
-						"aria-hidden": "true"
-					})]
-				}), _ && B.value !== void 0 && /* @__PURE__ */ d("button", {
-					type: "button",
-					className: e.clear,
-					"aria-label": R,
-					onClick: (e) => {
-						e.stopPropagation(), X();
-					},
-					children: "✕"
-				})]
-			}),
-			/* @__PURE__ */ f("div", {
-				role: "listbox",
-				id: P,
-				className: e.listbox,
-				"data-state": U ? "open" : "closed",
-				"aria-label": y,
-				children: [v && U && /* @__PURE__ */ d("div", {
-					className: e.searchWrapper,
-					children: /* @__PURE__ */ d("input", {
-						ref: F,
-						type: "text",
-						className: e.search,
-						value: V.value,
-						onChange: (e) => {
-							V.value = e.target.value, H.value = 0;
-						},
-						onKeyDown: ae,
-						"aria-label": z,
-						autoComplete: "off"
-					})
-				}), W.length === 0 ? /* @__PURE__ */ d("div", {
-					className: e.empty,
-					children: L
-				}) : W.map((t, n) => /* @__PURE__ */ d("div", {
-					id: $(n),
-					role: "option",
-					"aria-selected": t.value === B.value,
-					"aria-disabled": t.disabled || void 0,
-					"data-state": n === H.value ? "active" : void 0,
-					"data-disabled": t.disabled || void 0,
-					className: e.option,
-					onMouseEnter: () => {
-						t.disabled || (H.value = n);
-					},
-					onClick: () => {
-						t.disabled || Y(t.value);
-					},
-					children: t.label
-				}, t.value))]
-			}),
-			S && /* @__PURE__ */ d("span", {
-				id: `${M}-error`,
-				className: e.error,
-				role: "alert",
-				children: S
-			}),
-			!S && x && /* @__PURE__ */ d("span", {
-				id: `${M}-hint`,
-				className: e.hint,
-				children: x
-			})
-		]
-	});
-}
-//#endregion
-export { h as Combobox };
+"use client";import{activeForValue as e,firstActive as t,lastActive as n,moveActive as r,pageActive as i}from"./list-nav.js";import{filterOptions as a,groupOptions as ee,highlightSegments as te,isNewLabel as o,orderByGroup as s,typeaheadIndex as ne}from"./option-list.js";import c from"./combobox.module.js";import{useId as re,useRef as l}from"react";import{DismissableLayer as ie,cn as u,focusElement as d,useControllableSignal as f,useSignal as p,useSignalEffect as ae,useSignals as oe,useTypeahead as se}from"@cascivo/core";import{builtin as m,t as h}from"@cascivo/i18n";import{jsx as g,jsxs as _}from"react/jsx-runtime";function mergeDescribedBy(...e){return e.filter(Boolean).join(` `)||void 0}function Combobox({options:v,value:ce,defaultValue:y,onValueChange:le,clearable:ue=!1,searchable:b=!0,label:x,ariaLabel:S,hint:C,error:w,size:de=`md`,disabled:T=!1,loading:E=!1,onSearchChange:D,filter:O,creatable:k=!1,onCreate:fe,name:A,required:pe,open:me,defaultOpen:he,onOpenChange:ge,labels:j,className:_e,id:ve,"aria-labelledby":M,"aria-describedby":N,"aria-invalid":P}){oe();let F=re(),I=ve??`cascade-combobox-${F}`,L=`${F}-listbox`,ye=`${F}-status`,optionId=e=>`${F}-option-${e}`,R=l(null),z=l(null),[be,B]=f({value:ce,defaultValue:y,onChange:le}),[V,H]=f({value:me,defaultValue:he??!1,onChange:ge}),U=p(``),W=p(-1),G=V.value,K=be.value,q=U.value,J=s(a(v,b?q:``,O)),Y=k&&q.trim()!==``&&o(v,q.trim()),X=Y?J.length:-1,xe=ee(J),Z=v.find(e=>e.value===K),Q=j?.placeholder??h(m.combobox.placeholder),Se=j?.empty??h(m.combobox.empty),Ce=j?.clear??h(m.combobox.clear),we=j?.loading??h(m.combobox.loading),createLabel=e=>j?.create?j.create.replaceAll(`{label}`,e):h(m.combobox.create,{label:e}),Te=mergeDescribedBy(w?`${F}-error`:C?`${F}-hint`:void 0,N);function openList(t=`value`){T||(W.value=t===`value`?e(J,K):-1,H(!0))}function closeList(e=!0){H(!1),U.value=``,W.value=-1,e&&d(R.current)}function select(e){B(e),closeList()}function clear(){B(void 0),U.value=``,D?.(``),d(R.current)}function activate(e){if(e===X&&Y){fe?.(q.trim()),closeList();return}let t=J[e];t&&!t.disabled&&select(t.value)}let Ee=se({onMatch:e=>{let t=G?J:v,n=ne(t,e,G?W.value:-1);if(n!==-1)if(G)W.value=n;else{let e=t[n];e&&B(e.value)}}});ae(()=>{let e=W.value;if(!V.value||e<0)return;let t=z.current?.querySelector(`#${CSS.escape(optionId(e))}`);t&&typeof t.scrollIntoView==`function`&&t.scrollIntoView({block:`nearest`})});function handleKeyDown(e){if(T)return;let a=Y?[...J,{value:``,label:q}]:J;if(e.altKey&&e.key===`ArrowDown`){e.preventDefault(),G||openList(`none`);return}if(e.altKey&&e.key===`ArrowUp`){e.preventDefault(),G&&closeList();return}switch(e.key){case`ArrowDown`:e.preventDefault(),G?W.value=r(W.value,1,a):openList();break;case`ArrowUp`:e.preventDefault(),G?W.value=r(W.value,-1,a):openList();break;case`Home`:if(b||!G)break;e.preventDefault(),W.value=t(a);break;case`End`:if(b||!G)break;e.preventDefault(),W.value=n(a);break;case`PageDown`:if(!G)break;e.preventDefault(),W.value=i(W.value,1,a);break;case`PageUp`:if(!G)break;e.preventDefault(),W.value=i(W.value,-1,a);break;case`Enter`:if(!G)break;e.preventDefault(),W.value>=0&&activate(W.value);break;case` `:if(b)break;e.preventDefault(),G&&W.value>=0?activate(W.value):openList();break;case`Escape`:if(!G)break;e.preventDefault(),e.stopPropagation(),closeList();break;case`Tab`:G&&closeList(!1);break}!b&&e.key!==` `&&Ee.onKeyDown(e)}function renderOption(e,t){let n=e.value===K;return _(`div`,{id:optionId(t),role:`option`,"aria-selected":n,"aria-disabled":e.disabled||void 0,"data-state":t===W.value?`active`:void 0,"data-disabled":e.disabled||void 0,className:c.option,onMouseDown:e=>e.preventDefault(),onClick:()=>{e.disabled||select(e.value)},onMouseEnter:()=>{e.disabled||(W.value=t)},children:[g(`span`,{className:c.optionLabel,children:te(e.label,b?q:``).map((e,t)=>e.match?g(`mark`,{className:c.match,children:e.text},t):g(`span`,{children:e.text},t))}),g(`span`,{className:c.check,"aria-hidden":`true`})]},e.value)}let $={id:I,role:`combobox`,"aria-expanded":G,"aria-controls":L,"aria-haspopup":`listbox`,"aria-activedescendant":G&&W.value>=0?optionId(W.value):void 0,"aria-labelledby":M,"aria-label":S,"aria-invalid":w?!0:P,"aria-describedby":Te,"aria-required":pe||void 0,disabled:T,onKeyDown:handleKeyDown};return g(ie,{onDismiss:()=>G&&closeList(!1),children:_(`div`,{className:u(c.wrapper,_e),"data-state":w?`error`:G?`open`:`closed`,"data-size":de,children:[x&&g(`label`,{className:c.label,htmlFor:I,children:x}),_(`div`,{className:c.field,children:[b?g(`input`,{...$,ref:R,type:`text`,className:c.trigger,autoComplete:`off`,"aria-autocomplete":`list`,placeholder:Q,value:G?q:Z?.label??``,onChange:e=>{let n=e.currentTarget.value;U.value=n,D?.(n),G||H(!0);let r=s(a(v,n,O)),i=t(r);W.value=i===-1&&k&&n.trim()!==``&&o(v,n.trim())?r.length:i},onClick:()=>{G||openList()}}):g(`button`,{...$,ref:R,type:`button`,className:c.trigger,onClick:()=>G?closeList():openList(),children:g(`span`,{className:u(c.value,Z?void 0:c.placeholder),children:Z?.label??Q})}),ue&&K!==void 0&&!T&&g(`button`,{type:`button`,className:c.clear,"aria-label":Ce,onClick:e=>{e.stopPropagation(),clear()},children:g(`span`,{className:c.clearGlyph,"aria-hidden":`true`})}),g(`span`,{className:c.chevron,"aria-hidden":`true`})]}),A!==void 0&&g(`input`,{type:`hidden`,name:A,value:K??``}),_(`div`,{className:c.popup,"data-state":G?`open`:`closed`,children:[_(`div`,{ref:z,role:`listbox`,id:L,className:c.listbox,"aria-label":S??x??Q,"aria-busy":E||void 0,children:[xe.map(e=>e.label===void 0?e.entries.map(({option:e,index:t})=>renderOption(e,t)):_(`div`,{role:`group`,"aria-label":e.label,className:c.group,children:[g(`span`,{className:c.groupLabel,"aria-hidden":`true`,children:e.label}),e.entries.map(({option:e,index:t})=>renderOption(e,t))]},e.label)),Y&&g(`div`,{id:optionId(X),role:`option`,"aria-selected":!1,"data-state":X===W.value?`active`:void 0,className:u(c.option,c.create),onMouseDown:e=>e.preventDefault(),onClick:()=>activate(X),onMouseEnter:()=>{W.value=X},children:createLabel(q.trim())})]}),E?g(`div`,{className:c.empty,role:`status`,children:we}):J.length===0&&!Y?g(`div`,{className:c.empty,role:`status`,children:Se}):null]}),g(`span`,{id:ye,className:c.srOnly,role:`status`,"aria-live":`polite`,children:G&&!E?h(m.combobox.resultCount,{count:String(J.length)}):``}),w&&g(`span`,{id:`${F}-error`,className:c.error,role:`alert`,children:w}),!w&&C&&g(`span`,{id:`${F}-hint`,className:c.hint,children:C})]})})}export{Combobox};

package/dist/combobox/combobox.module.js

@@ -1,20 +1,2 @@
 import './combobox.css';
-var e = {
-	wrapper: "_wrapper_bu0jy_2",
-	label: "_label_bu0jy_14",
-	field: "_field_bu0jy_20",
-	trigger: "_trigger_bu0jy_26",
-	value: "_value_bu0jy_74",
-	placeholder: "_placeholder_bu0jy_80",
-	chevron: "_chevron_bu0jy_84",
-	clear: "_clear_bu0jy_100",
-	listbox: "_listbox_bu0jy_126",
-	searchWrapper: "_searchWrapper_bu0jy_160",
-	search: "_search_bu0jy_160",
-	option: "_option_bu0jy_182",
-	empty: "_empty_bu0jy_205",
-	error: "_error_bu0jy_212",
-	hint: "_hint_bu0jy_217"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_2bu0b_3`,label:`_label_2bu0b_23`,field:`_field_2bu0b_29`,trigger:`_trigger_2bu0b_35`,value:`_value_2bu0b_90`,placeholder:`_placeholder_2bu0b_96`,chevron:`_chevron_2bu0b_100`,clear:`_clear_2bu0b_120`,clearGlyph:`_clearGlyph_2bu0b_140`,popup:`_popup_2bu0b_158`,listbox:`_listbox_2bu0b_192`,group:`_group_2bu0b_196`,groupLabel:`_groupLabel_2bu0b_200`,option:`_option_2bu0b_211`,optionLabel:`_optionLabel_2bu0b_241`,match:`_match_2bu0b_248`,check:`_check_2bu0b_257`,create:`_create_2bu0b_275`,empty:`_empty_2bu0b_280`,error:`_error_2bu0b_287`,hint:`_hint_2bu0b_292`,srOnly:`_srOnly_2bu0b_297`};export{e as default};

package/dist/combobox/list-nav.js

@@ -0,0 +1 @@
+function enabledIndexes(e){let t=[];return e.forEach((e,n)=>{e.disabled||t.push(n)}),t}function moveActive(e,t,n){let r=enabledIndexes(n);if(r.length===0)return-1;let i=r.indexOf(e);return i===-1?t>0?r[0]:r[r.length-1]:r[(i+t+r.length)%r.length]}function firstActive(e){return enabledIndexes(e)[0]??-1}function lastActive(e){let t=enabledIndexes(e);return t[t.length-1]??-1}function pageActive(e,t,n){let r=enabledIndexes(n);if(r.length===0)return-1;let i=r.indexOf(e),a=i===-1?t>0?-1:r.length:i;return r[Math.min(Math.max(a+t*10,0),r.length-1)]}function activeForValue(e,t){if(t!==void 0){let n=e.findIndex(e=>e.value===t&&!e.disabled);if(n!==-1)return n}return firstActive(e)}export{activeForValue,firstActive,lastActive,moveActive,pageActive};

package/dist/combobox/option-list.js

@@ -0,0 +1 @@
+function foldChar(e){return(e.normalize(`NFD`)[0]??e).toLowerCase()}function fold(e){return Array.from(e,foldChar)}function defaultMatch(e,t){let n=fold(t).join(``);return n===``?!0:fold(e.label).join(``).includes(n)||fold(e.value).join(``).includes(n)}function filterOptions(e,t,n){let r=n??defaultMatch;return t===``&&!n?e:e.filter(e=>r(e,t))}function highlightSegments(e,t){let n=fold(t).join(``);if(n===``)return[{text:e,match:!1}];let r=Array.from(e),i=fold(e).join(``).indexOf(n);if(i===-1)return[{text:e,match:!1}];let a=Array.from(t).length,o=[],s=r.slice(0,i).join(``),c=r.slice(i,i+a).join(``),l=r.slice(i+a).join(``);return s!==``&&o.push({text:s,match:!1}),o.push({text:c,match:!0}),l!==``&&o.push({text:l,match:!1}),o}function groupOptions(e){let t=[],n=new Map;return e.forEach((e,r)=>{let i=e.group,a=n.get(i);a||(a={label:i,entries:[]},n.set(i,a),t.push(a)),a.entries.push({option:e,index:r})}),t.sort((e,t)=>Number(e.label!==void 0)-Number(t.label!==void 0))}function orderByGroup(e){return groupOptions(e).flatMap(e=>e.entries.map(e=>e.option))}function isNewLabel(e,t){let n=fold(t).join(``);return n===``?!1:!e.some(e=>fold(e.label).join(``)===n)}function typeaheadIndex(e,t,n){let r=fold(t).join(``);if(r===``||e.length===0)return-1;let i=e.map((t,r)=>(n+1+r)%e.length),a=i.find(t=>{let n=e[t];return n&&!n.disabled&&fold(n.label).join(``).startsWith(r)});return a===void 0?i.find(t=>{let n=e[t];return n&&!n.disabled&&fold(n.label).join(``).includes(r)})??-1:a}export{filterOptions,groupOptions,highlightSegments,isNewLabel,orderByGroup,typeaheadIndex};