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

package/dist/combobox/option-list.js

@@ -0,0 +1 @@
+function e(e){return(e.normalize(`NFD`)[0]??e).toLowerCase()}function t(t){return Array.from(t,e)}function n(e,n){let r=t(n).join(``);return r===``?!0:t(e.label).join(``).includes(r)||t(e.value).join(``).includes(r)}function r(e,t,r){let i=r??n;return t===``&&!r?e:e.filter(e=>i(e,t))}function i(e,n){let r=t(n).join(``);if(r===``)return[{text:e,match:!1}];let i=Array.from(e),a=t(e).join(``).indexOf(r);if(a===-1)return[{text:e,match:!1}];let o=Array.from(n).length,s=[],c=i.slice(0,a).join(``),l=i.slice(a,a+o).join(``),u=i.slice(a+o).join(``);return c!==``&&s.push({text:c,match:!1}),s.push({text:l,match:!0}),u!==``&&s.push({text:u,match:!1}),s}function a(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 o(e){return a(e).flatMap(e=>e.entries.map(e=>e.option))}function s(e,n){let r=t(n).join(``);return r===``?!1:!e.some(e=>t(e.label).join(``)===r)}function c(e,n,r){let i=t(n).join(``);if(i===``||e.length===0)return-1;let a=e.map((t,n)=>(r+1+n)%e.length),o=a.find(n=>{let r=e[n];return r&&!r.disabled&&t(r.label).join(``).startsWith(i)});return o===void 0?a.find(n=>{let r=e[n];return r&&!r.disabled&&t(r.label).join(``).includes(i)})??-1:o}export{r as filterOptions,a as groupOptions,i as highlightSegments,s as isNewLabel,o as orderByGroup,c as typeaheadIndex};