@g4rcez/components 4.0.2 → 4.1.2

package/dist/{input-field-5vYcz5tT.js → input-field-CDCOODOl.js}

@@ -1,12 +1,11 @@
 import { jsxs as n, jsx as a } from "react/jsx-runtime";
 import { c as C } from "./CheckCircle.es-C6QWLfk_.js";
-import { e as $ } from "./Info.es-CrZKs4q4.js";
+import { e as q } from "./Info.es-CrZKs4q4.js";
 import * as e from "react";
-import { useContext as q, forwardRef as D, Fragment as h } from "react";
-import { p as R } from "./IconBase.es-DJ1oCtpo.js";
-import { u as O } from "./use-translations-BwLKTrZv.js";
-import { C as X, a as B } from "./context-BFXNJVn2.js";
-import { c as x } from "./dom-Dl8XH0CK.js";
+import { useContext as D, forwardRef as R, Fragment as N } from "react";
+import { p as O } from "./IconBase.es-DJ1oCtpo.js";
+import { C as S, a as X, u as B } from "./use-translations-DSltA7H_.js";
+import { c as L } from "./dom-CyQHY7ID.js";
 import { Tooltip as G } from "./components/floating/tooltip.js";
 const H = /* @__PURE__ */ new Map([
   [
@@ -33,12 +32,12 @@ const H = /* @__PURE__ */ new Map([
     "thin",
     /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M162.83,98.83,133.66,128l29.17,29.17a4,4,0,0,1-5.66,5.66L128,133.66,98.83,162.83a4,4,0,0,1-5.66-5.66L122.34,128,93.17,98.83a4,4,0,0,1,5.66-5.66L128,122.34l29.17-29.17a4,4,0,1,1,5.66,5.66ZM228,128A100,100,0,1,1,128,28,100.11,100.11,0,0,1,228,128Zm-8,0a92,92,0,1,0-92,92A92.1,92.1,0,0,0,220,128Z" }))
   ]
-]), g = e.forwardRef((t, r) => /* @__PURE__ */ e.createElement(R, { ref: r, ...t, weights: H }));
-g.displayName = "XCircleIcon";
+]), v = e.forwardRef((t, r) => /* @__PURE__ */ e.createElement(O, { ref: r, ...t, weights: H }));
+v.displayName = "XCircleIcon";
 const J = () => {
-  const t = q(X);
-  return t ? t.tweaks : B;
-}, K = ({ reportStatus: t, id: r, hideLeft: s = !1, className: p, info: l, children: o, title: i }) => /* @__PURE__ */ n("span", { className: x("w-full justify-between", s && o === null ? "hidden" : "flex", p), children: [
+  const t = D(S);
+  return t ? t.tweaks : X;
+}, Z = ({ reportStatus: t, id: r, hideLeft: s = !1, className: p, info: l, children: o, title: i }) => /* @__PURE__ */ n("span", { className: L("w-full justify-between", s && o === null ? "hidden" : "flex", p), children: [
   s ? null : /* @__PURE__ */ n("span", { className: "flex items-center gap-1 transition-colors group-focus-within:text-primary group-hover:text-primary group-disabled:text-disabled group-error:text-danger", children: [
     i,
     t || l ? /* @__PURE__ */ n("span", { className: "flex items-center justify-center gap-1", children: [
@@ -49,7 +48,7 @@ const J = () => {
           type: "button",
           "aria-label": typeof l == "string" ? l : void 0,
           "aria-describedby": typeof l == "string" ? void 0 : r ? `tooltip-info-content-${r}` : void 0,
-          title: /* @__PURE__ */ a("span", { className: "cursor-help", children: /* @__PURE__ */ a($, { className: "aspect-square size-3", "aria-hidden": "true", size: 16 }) }),
+          title: /* @__PURE__ */ a("span", { className: "cursor-help", children: /* @__PURE__ */ a(q, { className: "aspect-square size-3", "aria-hidden": "true", size: 16 }) }),
           children: /* @__PURE__ */ a(
             "div",
             {
@@ -70,7 +69,7 @@ const J = () => {
           }
         ),
         /* @__PURE__ */ a(
-          g,
+          v,
           {
             className: "hidden aspect-square size-3 opacity-0 transition-opacity group-error:block group-error:opacity-100",
             "aria-hidden": "true",
@@ -81,7 +80,7 @@ const J = () => {
     ] }) : null
   ] }),
   o
-] }), a1 = D(
+] }), e1 = R(
   ({
     optionalText: t,
     left: r,
@@ -90,60 +89,69 @@ const J = () => {
     feedback: l,
     interactive: o,
     right: i,
-    info: w,
-    children: b,
-    error: d,
-    form: m,
-    id: y,
-    labelClassName: N = "",
-    name: Z,
-    title: L,
-    componentName: v,
-    placeholder: E,
-    hideLeft: M = !1,
-    required: k,
+    info: d,
+    children: E,
+    error: m,
+    form: u,
+    id: M,
+    labelClassName: k = "",
+    name: A,
+    title: x,
+    componentName: F,
+    placeholder: h,
+    hideLeft: f = !1,
+    required: z,
     disabled: c,
-    reportStatus: u,
-    hiddenLabel: A
-  }, F) => {
-    const z = J(), T = u !== void 0 ? u : z.input.iconFeedback, j = y ?? Z, I = O(), f = t ?? I.inputOptionalLabel;
+    reportStatus: g,
+    hiddenLabel: T
+  }, j) => {
+    const I = J(), w = g !== void 0 ? g : I.input.iconFeedback, b = M ?? A, $ = B(), y = t ?? $.inputOptionalLabel;
     return /* @__PURE__ */ n(
       "fieldset",
       {
-        ref: F,
-        form: m,
+        ref: j,
+        form: u,
         disabled: c,
-        "data-error": !!d,
+        "data-error": !!m,
         "aria-disabled": c,
-        "data-component": v,
+        "data-component": F,
         "data-interactive": !!o,
-        className: x("group flex min-h-0 min-w-0 max-w-full flex-col items-start", p),
+        className: L("group flex min-h-0 min-w-0 max-w-full flex-col items-start", p),
         children: [
           /* @__PURE__ */ n(
             "label",
             {
-              form: m,
-              htmlFor: j,
+              form: u,
+              htmlFor: b,
               className: "relative inline-flex w-full max-w-full cursor-text flex-row flex-wrap justify-between gap-1 text-field-label text-sm transition-colors empty:hidden group-disabled:cursor-not-allowed group-error:text-danger",
               children: [
-                A ? null : /* @__PURE__ */ a(K, { info: w, hideLeft: M, reportStatus: T, title: L, placeholder: E, children: f || s ? /* @__PURE__ */ n(h, { children: [
-                  k ? null : /* @__PURE__ */ a(
+                T ? /* @__PURE__ */ a("span", { className: "sr-only", children: /* @__PURE__ */ a(
+                  Z,
+                  {
+                    info: d,
+                    hideLeft: f,
+                    reportStatus: w,
+                    title: x,
+                    placeholder: h
+                  }
+                ) }) : /* @__PURE__ */ a(Z, { info: d, hideLeft: f, reportStatus: w, title: x, placeholder: h, children: y || s ? /* @__PURE__ */ n(N, { children: [
+                  z ? null : /* @__PURE__ */ a(
                     "span",
                     {
                       "aria-disabled": c,
                       className: "text-opacity-70 transition-colors group-focus-within:text-primary group-hover:text-primary aria-disabled:text-disabled",
-                      children: f
+                      children: y
                     }
                   ),
-                  s ? /* @__PURE__ */ a(h, { children: s }) : null
+                  s ? /* @__PURE__ */ a(N, { children: s }) : null
                 ] }) : null }),
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `group relative flex w-full flex-row flex-nowrap items-center gap-x-2 gap-y-1 rounded-md border border-input-border bg-transparent transition-colors group-hover:border-primary group-disabled:border-disabled group-error:border-danger ${N}`,
+                    className: `group relative flex w-full flex-row flex-nowrap items-center gap-x-2 gap-y-1 rounded-md border border-input-border bg-transparent transition-colors group-hover:border-primary group-disabled:border-disabled group-error:border-danger ${k}`,
                     children: [
                       r ? /* @__PURE__ */ a("span", { className: "flex flex-nowrap gap-1 whitespace-nowrap pl-2", children: r }) : null,
-                      b,
+                      E,
                       i ? /* @__PURE__ */ a("span", { className: "flex flex-nowrap gap-2 whitespace-nowrap pr-2", children: i }) : null
                     ]
                   }
@@ -151,7 +159,15 @@ const J = () => {
               ]
             }
           ),
-          /* @__PURE__ */ a("p", { className: "mt-input-gap hidden whitespace-pre-wrap text-wrap text-xs empty:mt-0 empty:hidden group-has-[input:not(:focus):invalid[data-initialized=true]]:flex group-error:flex group-error:text-danger", children: d }),
+          /* @__PURE__ */ a(
+            "p",
+            {
+              id: `${b}-error`,
+              role: "alert",
+              className: "mt-input-gap hidden whitespace-pre-wrap text-wrap text-xs empty:mt-0 empty:hidden group-has-[input:not(:focus):invalid[data-initialized=true]]:flex group-error:flex group-error:text-danger",
+              children: m
+            }
+          ),
           /* @__PURE__ */ a("p", { className: "mt-input-gap text-xs empty:mt-0 empty:hidden group-has-[input:not(:focus):valid[data-initialized=true]]:block group-assert:block group-error:hidden", children: l })
         ]
       }
@@ -159,8 +175,8 @@ const J = () => {
   }
 );
 export {
-  a1 as I,
-  K as a,
+  e1 as I,
+  Z as a,
   J as u
 };
-//# sourceMappingURL=input-field-5vYcz5tT.js.map
+//# sourceMappingURL=input-field-CDCOODOl.js.map

package/dist/input-field-CDCOODOl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-field-CDCOODOl.js","sources":["../../../node_modules/@phosphor-icons/react/dist/defs/XCircle.es.js","../../../node_modules/@phosphor-icons/react/dist/csr/XCircle.es.js","../src/hooks/use-tweaks.ts","../src/components/form/input-field.tsx"],"sourcesContent":["import * as e from \"react\";\nconst a = /* @__PURE__ */ new Map([\n  [\n    \"bold\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M168.49,104.49,145,128l23.52,23.51a12,12,0,0,1-17,17L128,145l-23.51,23.52a12,12,0,0,1-17-17L111,128,87.51,104.49a12,12,0,0,1,17-17L128,111l23.51-23.52a12,12,0,0,1,17,17ZM236,128A108,108,0,1,1,128,20,108.12,108.12,0,0,1,236,128Zm-24,0a84,84,0,1,0-84,84A84.09,84.09,0,0,0,212,128Z\" }))\n  ],\n  [\n    \"duotone\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z\", opacity: \"0.2\" }), /* @__PURE__ */ e.createElement(\"path\", { d: \"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\" }))\n  ],\n  [\n    \"fill\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm37.66,130.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32L139.31,128Z\" }))\n  ],\n  [\n    \"light\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M164.24,100.24,136.48,128l27.76,27.76a6,6,0,1,1-8.48,8.48L128,136.48l-27.76,27.76a6,6,0,0,1-8.48-8.48L119.52,128,91.76,100.24a6,6,0,0,1,8.48-8.48L128,119.52l27.76-27.76a6,6,0,0,1,8.48,8.48ZM230,128A102,102,0,1,1,128,26,102.12,102.12,0,0,1,230,128Zm-12,0a90,90,0,1,0-90,90A90.1,90.1,0,0,0,218,128Z\" }))\n  ],\n  [\n    \"regular\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\" }))\n  ],\n  [\n    \"thin\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M162.83,98.83,133.66,128l29.17,29.17a4,4,0,0,1-5.66,5.66L128,133.66,98.83,162.83a4,4,0,0,1-5.66-5.66L122.34,128,93.17,98.83a4,4,0,0,1,5.66-5.66L128,122.34l29.17-29.17a4,4,0,1,1,5.66,5.66ZM228,128A100,100,0,1,1,128,28,100.11,100.11,0,0,1,228,128Zm-8,0a92,92,0,1,0-92,92A92.1,92.1,0,0,0,220,128Z\" }))\n  ]\n]);\nexport {\n  a as default\n};\n","import * as e from \"react\";\nimport t from \"../lib/IconBase.es.js\";\nimport a from \"../defs/XCircle.es.js\";\nconst o = e.forwardRef((r, c) => /* @__PURE__ */ e.createElement(t, { ref: c, ...r, weights: a }));\no.displayName = \"XCircleIcon\";\nconst s = o;\nexport {\n  s as XCircle,\n  o as XCircleIcon\n};\n","import { useContext } from \"react\";\nimport { Context } from \"../config/context\";\nimport { defaultTweaks, Tweaks } from \"../config/default-tweaks\";\n\nexport const useTweaks = (): Tweaks => {\n    const ctx = useContext(Context);\n    if (!ctx) return defaultTweaks;\n    return ctx.tweaks!;\n};\n","\"use client\";\nimport { CheckCircleIcon, InfoIcon, XCircleIcon } from \"@phosphor-icons/react\";\nimport React, { forwardRef, Fragment, type PropsWithChildren } from \"react\";\nimport { useTranslations } from \"../../hooks/use-translations\";\nimport { useTweaks } from \"../../hooks/use-tweaks\";\nimport { css } from \"../../lib/dom\";\nimport { type Label, Override } from \"../../types\";\nimport { type PolymorphicProps } from \"../core/polymorph\";\nimport { Tooltip } from \"../floating/tooltip\";\n\nexport type FeedbackProps = React.PropsWithChildren<\n    Partial<{\n        id: string;\n        info: Label;\n        title: Label;\n        hideLeft: boolean;\n        className: string;\n        placeholder: string;\n        reportStatus: boolean;\n        hiddenLabel: boolean;\n    }>\n>;\n\nexport const InputFeedback = ({ reportStatus, id, hideLeft = false, className, info, children, title }: FeedbackProps) => (\n    <span className={css(\"w-full justify-between\", hideLeft && children === null ? \"hidden\" : \"flex\", className)}>\n        {hideLeft ? null : (\n            <span className=\"flex items-center gap-1 transition-colors group-focus-within:text-primary group-hover:text-primary group-disabled:text-disabled group-error:text-danger\">\n                {title}\n                {reportStatus || info ? (\n                    <span className=\"flex items-center justify-center gap-1\">\n                        {info ? (\n                            <Tooltip\n                                as=\"button\"\n                                type=\"button\"\n                                aria-label={typeof info === \"string\" ? info : undefined}\n                                aria-describedby={typeof info === \"string\" ? undefined : id ? `tooltip-info-content-${id}` : undefined}\n                                title={\n                                    <span className=\"cursor-help\">\n                                        <InfoIcon className=\"aspect-square size-3\" aria-hidden=\"true\" size={16} />\n                                    </span>\n                                }\n                            >\n                                <div\n                                    id={id ? `tooltip-info-content-${id}` : undefined}\n                                    className=\"w-full max-w-48 whitespace-break-spaces break-words\"\n                                >\n                                    {info}\n                                </div>\n                            </Tooltip>\n                        ) : null}\n                        {reportStatus ? (\n                            <span className=\"flex h-3 min-w-6 items-center\">\n                                <CheckCircleIcon\n                                    className=\"hidden aspect-square size-3 opacity-0 transition-opacity group-assert:block group-assert:text-success group-assert:opacity-100\"\n                                    aria-hidden=\"true\"\n                                    size={16}\n                                />\n                                <XCircleIcon\n                                    className=\"hidden aspect-square size-3 opacity-0 transition-opacity group-error:block group-error:opacity-100\"\n                                    aria-hidden=\"true\"\n                                    size={16}\n                                />\n                            </span>\n                        ) : null}\n                    </span>\n                ) : null}\n            </span>\n        )}\n        {children}\n    </span>\n);\n\nexport type InputFieldProps<T extends \"input\" | \"select\" | \"textarea\"> = PolymorphicProps<\n    Partial<\n        Override<\n            FeedbackProps,\n            {\n                id: string;\n                info: Label;\n                left: Label;\n                name: string;\n                right: Label;\n                error: string;\n                feedback: Label;\n                loading: boolean;\n                container: string;\n                hideLeft: boolean;\n                rightLabel: Label;\n                placeholder: string;\n                interactive: boolean;\n                optionalText: string;\n                componentName: string;\n                labelClassName: string;\n            }\n        >\n    >,\n    T\n>;\n\nexport const InputField: <T extends \"input\" | \"select\" | \"textarea\">(props: PropsWithChildren<InputFieldProps<T>>) => React.ReactElement = forwardRef(\n    <T extends \"input\" | \"select\" | \"textarea\">(\n        {\n            optionalText: _optionalText,\n            left,\n            rightLabel,\n            container,\n            feedback,\n            interactive,\n            right,\n            info,\n            children,\n            error,\n            form,\n            id,\n            labelClassName = \"\",\n            name,\n            title,\n            componentName,\n            placeholder,\n            hideLeft = false,\n            required,\n            disabled,\n            reportStatus,\n            hiddenLabel,\n        }: PropsWithChildren<InputFieldProps<T>>,\n        ref: React.Ref<HTMLFieldSetElement>\n    ) => {\n        const tweaks = useTweaks();\n        const reportStatusDefault = reportStatus !== undefined ? reportStatus : tweaks.input.iconFeedback;\n        const ID = id ?? name;\n        const translation = useTranslations();\n        const optionalText = _optionalText ?? translation.inputOptionalLabel;\n        return (\n            <fieldset\n                ref={ref}\n                form={form}\n                disabled={disabled}\n                data-error={!!error}\n                aria-disabled={disabled}\n                data-component={componentName}\n                data-interactive={!!interactive}\n                className={css(\"group flex min-h-0 min-w-0 max-w-full flex-col items-start\", container)}\n            >\n                <label\n                    form={form}\n                    htmlFor={ID}\n                    className=\"relative inline-flex w-full max-w-full cursor-text flex-row flex-wrap justify-between gap-1 text-field-label text-sm transition-colors empty:hidden group-disabled:cursor-not-allowed group-error:text-danger\"\n                >\n                    {hiddenLabel ? (\n                        <span className=\"sr-only\">\n                            <InputFeedback\n                                info={info}\n                                hideLeft={hideLeft}\n                                reportStatus={reportStatusDefault}\n                                title={title}\n                                placeholder={placeholder}\n                            />\n                        </span>\n                    ) : (\n                        <InputFeedback info={info} hideLeft={hideLeft} reportStatus={reportStatusDefault} title={title} placeholder={placeholder}>\n                            {optionalText || rightLabel ? (\n                                <Fragment>\n                                    {!required ? (\n                                        <span\n                                            aria-disabled={disabled}\n                                            className=\"text-opacity-70 transition-colors group-focus-within:text-primary group-hover:text-primary aria-disabled:text-disabled\"\n                                        >\n                                            {optionalText}\n                                        </span>\n                                    ) : null}\n                                    {rightLabel ? <Fragment>{rightLabel}</Fragment> : null}\n                                </Fragment>\n                            ) : null}\n                        </InputFeedback>\n                    )}\n                    <div\n                        className={`group relative flex w-full flex-row flex-nowrap items-center gap-x-2 gap-y-1 rounded-md border border-input-border bg-transparent transition-colors group-hover:border-primary group-disabled:border-disabled group-error:border-danger ${labelClassName}`}\n                    >\n                        {left ? <span className=\"flex flex-nowrap gap-1 whitespace-nowrap pl-2\">{left}</span> : null}\n                        {children}\n                        {right ? <span className=\"flex flex-nowrap gap-2 whitespace-nowrap pr-2\">{right}</span> : null}\n                    </div>\n                </label>\n                <p\n                    id={`${ID}-error`}\n                    role=\"alert\"\n                    className=\"mt-input-gap hidden whitespace-pre-wrap text-wrap text-xs empty:mt-0 empty:hidden group-has-[input:not(:focus):invalid[data-initialized=true]]:flex group-error:flex group-error:text-danger\"\n                >\n                    {error}\n                </p>\n                <p className=\"mt-input-gap text-xs empty:mt-0 empty:hidden group-has-[input:not(:focus):valid[data-initialized=true]]:block group-assert:block group-error:hidden\">\n                    {feedback}\n                </p>\n            </fieldset>\n        );\n    }\n) as unknown as <T extends \"input\" | \"select\" | \"textarea\">(props: PropsWithChildren<InputFieldProps<T>>) => React.ReactElement; // forwardRef return is non-generic; cast restores the polymorphic signature\n"],"names":["a","e","o","r","c","t","useTweaks","ctx","useContext","Context","defaultTweaks","InputFeedback","reportStatus","id","hideLeft","className","info","children","title","jsxs","css","jsx","Tooltip","InfoIcon","CheckCircleIcon","XCircleIcon","InputField","forwardRef","_optionalText","left","rightLabel","container","feedback","interactive","right","error","form","labelClassName","name","componentName","placeholder","required","disabled","hiddenLabel","ref","tweaks","reportStatusDefault","ID","translation","useTranslations","optionalText","Fragment"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/lib/combi-keys.js

@@ -0,0 +1,60 @@
+export const osxRegex = /Mac|iPod|iPhone|iPad/;
+export const isMac = () => osxRegex.test(navigator.userAgent);
+const parseCombination = (combination) => combination.split("+").map((k) => {
+    const key = k.trim();
+    if (key === "Mod")
+        return isMac() ? "Meta" : "Control";
+    if (key === "Hyper")
+        return isMac() ? "Meta+Shift+Alt" : "Control+Shift+Alt";
+    return key;
+});
+const combine = (keys) => keys.map((x) => x.trim()).join("+");
+export class CombiKeys {
+    combinations = [];
+    constructor(combi = []) {
+        this.combinations = this.combinations.concat(combi);
+        this.combinations.forEach((x) => {
+            this.add(x.key, x.fn);
+        });
+    }
+    add(combi, fn) {
+        const key = combine(parseCombination(combi));
+        if (this.combinations.find((x) => x.key === key))
+            return;
+        this.combinations.push({ fn, key });
+        return this;
+    }
+    register() {
+        const controller = new AbortController();
+        const handler = (event) => {
+            const element = event.target;
+            if (element.tagName === "INPUT" || element.tagName === "TEXTAREA") {
+                const bypass = element.getAttribute("data-combikeysbypass");
+                if (bypass !== "true")
+                    return;
+            }
+            const activeKeys = new Set();
+            if (event.metaKey)
+                activeKeys.add("Meta");
+            if (event.ctrlKey)
+                activeKeys.add("Control");
+            if (event.altKey)
+                activeKeys.add("Alt");
+            if (event.key.charCodeAt(0) > 127) {
+                const char = event.code.replace(/^Digit/, "").replace(/^Key/, "");
+                activeKeys.add(event.shiftKey ? char.toUpperCase() : char.toLowerCase());
+            }
+            else
+                activeKeys.add(event.shiftKey ? event.key.toUpperCase() : event.key);
+            const action = combine(Array.from(activeKeys));
+            this.combinations.forEach((bind) => {
+                if (bind.key === action) {
+                    event.preventDefault();
+                    return void bind.fn(event);
+                }
+            });
+        };
+        window.addEventListener("keydown", handler, { signal: controller.signal });
+        return () => controller.abort();
+    }
+}

package/dist/lib/dict.d.ts

@@ -1,9 +1,6 @@
 export declare class Dict<K, V> extends Map<K, V> {
-    private list;
-    constructor(init?: [K, V][] | Dict<K, V>);
-    set(key: K, value: V): this;
     remove(key: K): this;
-    map(callback: (v: V, i: number) => any): any[];
+    map<R>(callback: (v: V, i: number) => R): R[];
     clone(fn?: (dict: Dict<K, V>) => Dict<K, V>): Dict<K, V>;
     static from<T>(items: T[], selector: (t: T) => any): Dict<any, T>;
     static unique<T>(items: T[], selector: (t: T) => any): T[];

package/dist/lib/dict.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dict.d.ts","sourceRoot":"","sources":["../../src/lib/dict.ts"],"names":[],"mappings":"AAAA,qBAAa,IAAI,CAAC,CAAC,EAAE,CAAC,CAAE,SAAQ,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;IACrC,OAAO,CAAC,IAAI,CAAgB;gBAET,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;IAOxC,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI;IAM3B,MAAM,CAAC,GAAG,EAAE,CAAC;IAMb,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,GAAG;IAItC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;WAMpC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG;WAI3C,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG;IAIpD,OAAO;CAGjB"}
+{"version":3,"file":"dict.d.ts","sourceRoot":"","sources":["../../src/lib/dict.ts"],"names":[],"mappings":"AAAA,qBAAa,IAAI,CAAC,CAAC,EAAE,CAAC,CAAE,SAAQ,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;IAC9B,MAAM,CAAC,GAAG,EAAE,CAAC;IAKb,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,EAAE;IAO7C,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;WAMpC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG;WAI3C,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG;IAIpD,OAAO;CAGjB"}

package/dist/lib/dict.js

@@ -0,0 +1,28 @@
+export class Dict extends Map {
+    remove(key) {
+        super.delete(key);
+        return this;
+    }
+    map(callback) {
+        let i = 0;
+        const out = [];
+        for (const v of this.values())
+            out.push(callback(v, i++));
+        return out;
+    }
+    clone(fn) {
+        const clone = new Dict(this);
+        if (fn)
+            return fn(clone);
+        return clone;
+    }
+    static from(items, selector) {
+        return new Dict(items.map((x) => [selector(x), x]));
+    }
+    static unique(items, selector) {
+        return Array.from(Dict.from(items, selector).values());
+    }
+    toArray() {
+        return Array.from(this.values());
+    }
+}

package/dist/lib/dom.d.ts

@@ -1,9 +1,10 @@
 import { ClassValue } from "clsx";
 import React, { Ref, RefCallback, RefObject } from "react";
 export declare const mergeRefs: <T>(...refs: Array<RefObject<T> | Ref<T> | undefined | null>) => RefCallback<T>;
-export declare const isReactComponent: (a: any) => a is React.ReactElement;
-export declare const isReactFC: (a: any) => a is (...any: any[]) => any;
+export declare const isReactComponent: (a: unknown) => a is React.ReactElement;
+export declare const isReactFC: (a: unknown) => a is (...any: any[]) => any;
 export declare const css: (...styles: ClassValue[]) => string;
+export declare const synthesizeChangeEvent: (input: HTMLInputElement) => React.ChangeEvent<HTMLInputElement>;
 export declare const dispatchInput: (input: HTMLInputElement | undefined | null) => Event & {
     target: HTMLInputElement | null | undefined;
     currentTarget: HTMLInputElement | null | undefined;

package/dist/lib/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/lib/dom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAC;AACxC,OAAO,KAAK,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3D,eAAO,MAAM,SAAS,GACjB,CAAC,EAAE,GAAG,MAAM,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,KAAG,WAAW,CAAC,CAAC,CAS3E,CAAC;AAEN,eAAO,MAAM,gBAAgB,GAAI,GAAG,GAAG,KAAG,CAAC,IAAI,KAAK,CAAC,YAQpD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,GAAG,GAAG,gCAAmB,CAAC;AAEpD,eAAO,MAAM,GAAG,GAAI,GAAG,QAAQ,UAAU,EAAE,WAA0B,CAAC;AAEtE,eAAO,MAAM,aAAa,GAAI,OAAO,gBAAgB,GAAG,SAAS,GAAG,IAAI;;;CAIvE,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,OAAO,gBAAgB,GAAG,mBAAmB,GAAG,iBAAiB,eAIvG,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,aAAa,WAAW,YAAwD,CAAC;AAEnH,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,EAAE,YAAY,MAAM,WAMxE,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,WAAW,EAAE,OAAO,WAAW;;;CAI9D,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,WAAW,WAAW,EAAE,OAAO,WAAW,EAAE,UAAS,OAAc,KAAG,OAgBpG,CAAC"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/lib/dom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAC;AACxC,OAAO,KAAK,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3D,eAAO,MAAM,SAAS,GACjB,CAAC,EAAE,GAAG,MAAM,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,KAAG,WAAW,CAAC,CAAC,CAS3E,CAAC;AAEN,eAAO,MAAM,gBAAgB,GAAI,GAAG,OAAO,KAAG,CAAC,IAAI,KAAK,CAAC,YAMxD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,GAAG,OAAO,gCAAmB,CAAC;AAExD,eAAO,MAAM,GAAG,GAAI,GAAG,QAAQ,UAAU,EAAE,WAA0B,CAAC;AAEtE,eAAO,MAAM,qBAAqB,GAAI,OAAO,gBAAgB,KAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAEjG,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,gBAAgB,GAAG,SAAS,GAAG,IAAI;;;CAIvE,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,OAAO,gBAAgB,GAAG,mBAAmB,GAAG,iBAAiB,eAIvG,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,aAAa,WAAW,YAAwD,CAAC;AAEnH,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,EAAE,YAAY,MAAM,WAMxE,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,WAAW,EAAE,OAAO,WAAW;;;CAI9D,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,WAAW,WAAW,EAAE,OAAO,WAAW,EAAE,UAAS,OAAc,KAAG,OAgBpG,CAAC"}

package/dist/lib/dom.js

@@ -0,0 +1,66 @@
+import { clsx } from "clsx";
+import { Is } from "sidekicker";
+import { twMerge } from "tailwind-merge";
+export const mergeRefs = (...refs) => (value) => {
+    refs.forEach((ref) => {
+        if (typeof ref === "function") {
+            ref(value);
+        }
+        else if (ref !== null) {
+            ref.current = value;
+        }
+    });
+};
+export const isReactComponent = (a) => {
+    if (typeof a !== "object" || a === null)
+        return false;
+    const elem = a;
+    if (elem.$$typeof === Symbol.for("react.forward_ref"))
+        return true;
+    if (elem.$$typeof === Symbol.for("react.fragment"))
+        return true;
+    return elem.$$typeof === Symbol.for("react.element");
+};
+export const isReactFC = (a) => Is.function(a);
+export const css = (...styles) => twMerge(clsx(styles));
+export const synthesizeChangeEvent = (input) => {
+    return { target: input, currentTarget: input };
+};
+export const dispatchInput = (input) => {
+    const event = new Event("input", { bubbles: true, composed: true });
+    input?.dispatchEvent(event);
+    return Object.assign({}, event, { target: input, currentTarget: input });
+};
+export const initializeInputDataset = (input) => {
+    const focus = () => input.setAttribute("data-initialized", "true");
+    input.addEventListener("focus", focus);
+    return () => input.removeEventListener("focus", focus);
+};
+export const hasVerticalScroll = (htmlElement) => htmlElement.scrollHeight > htmlElement.clientHeight;
+export const getRemainingSize = (element, windowSize) => {
+    if (element && element.getBoundingClientRect) {
+        const rect = element.getBoundingClientRect();
+        return Math.abs(windowSize - rect.bottom);
+    }
+    return 320;
+};
+export const getCoords = (elem, docEl) => {
+    const box = elem.getBoundingClientRect();
+    const parent = docEl.getBoundingClientRect();
+    return { top: Math.round(box.top - parent.top), left: Math.round(box.left - parent.left) };
+};
+export const isChildVisible = (container, child, partial = true) => {
+    const containerRect = container.getBoundingClientRect();
+    const childRect = child.getBoundingClientRect();
+    const isWithinTop = childRect.top >= containerRect.top;
+    const isWithinBottom = childRect.bottom <= containerRect.bottom;
+    const isWithinLeft = childRect.left >= containerRect.left;
+    const isWithinRight = childRect.right <= containerRect.right;
+    if (partial) {
+        return (childRect.top < containerRect.bottom &&
+            childRect.bottom > containerRect.top &&
+            childRect.left < containerRect.right &&
+            childRect.right > containerRect.left);
+    }
+    return isWithinTop && isWithinBottom && isWithinLeft && isWithinRight;
+};

package/dist/lib/fns.js

@@ -0,0 +1,46 @@
+export const uuid = () => {
+    const timestamp = Date.now();
+    const bytes = new Uint8Array(16);
+    bytes[0] = (timestamp / Math.pow(2, 40)) & 0xff;
+    bytes[1] = (timestamp / Math.pow(2, 32)) & 0xff;
+    bytes[2] = (timestamp / Math.pow(2, 24)) & 0xff;
+    bytes[3] = (timestamp / Math.pow(2, 16)) & 0xff;
+    bytes[4] = (timestamp / Math.pow(2, 8)) & 0xff;
+    bytes[5] = timestamp & 0xff;
+    const randomBytes = new Uint8Array(10);
+    crypto.getRandomValues(randomBytes);
+    bytes.set(randomBytes, 6);
+    bytes[6] = (bytes[6] & 0x0f) | 0x70;
+    bytes[8] = (bytes[8] & 0x3f) | 0x80;
+    const hex = Array.from(bytes)
+        .map((b) => b.toString(16).padStart(2, "0"))
+        .join("");
+    return `${hex.slice(0, 8)}-${hex.slice(8, 12)}-${hex.slice(12, 16)}-${hex.slice(16, 20)}-${hex.slice(20)}`;
+};
+const travel = (path, regexp, obj) => path
+    .split(regexp)
+    .filter(Boolean)
+    .reduce((res, key) => (res !== null && res !== undefined ? res[key] : res), obj);
+const regexPaths = { basic: /[,[\]]+?/, extend: /[,[\].]+?/ };
+export const path = (obj, path) => {
+    const result = travel(path, regexPaths.basic, obj) || travel(path, regexPaths.extend, obj);
+    return result === undefined || result === obj ? undefined : result;
+};
+export const isSsr = () => typeof window === "undefined";
+export const safeRegex = (string) => string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+export const splitInto = (array, size) => {
+    const newArray = [];
+    for (let i = 0; i < size; i++) {
+        const init = i * size;
+        const result = array.slice(init, init + size);
+        if (result.length > 0)
+            newArray.push(result);
+    }
+    return newArray;
+};
+export const negate = (b) => !b;
+export const noop = () => { };
+export const isMobile = () => {
+    const userAgent = navigator.userAgent || navigator.vendor || window.opera;
+    return /android|iphone|ipad|ipod|opera mini|iemobile|wpdesktop/i.test(userAgent ?? "");
+};

package/dist/lib/fzf.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fzf.d.ts","sourceRoot":"","sources":["../../src/lib/fzf.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAErC,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,EAAE,QAAQ,MAAM,KAAG,MAAM,GAAG,IA+ClE,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,kBAAkB,GAAG,aAAa,GAAG,WAAW,GAAG,OAAO,CAAC;AAEtG,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;CAC3D,CAAC;AAEF,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI;IAAE,KAAK,CAAC,EAAE,KAAK,CAAC;IAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC;AAoDzD,eAAO,MAAM,GAAG,GAAI,CAAC,SAAS,GAAG,EAAE,EAAE,SAAS,IAAI,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,MAAM,UAAU,CAAC,CAAC,CAAC,EAAE,QAyB/F,CAAC"}
+{"version":3,"file":"fzf.d.ts","sourceRoot":"","sources":["../../src/lib/fzf.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAErC,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,EAAE,QAAQ,MAAM,KAAG,MAAM,GAAG,IAmClE,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,kBAAkB,GAAG,aAAa,GAAG,WAAW,GAAG,OAAO,CAAC;AAEtG,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;CAC3D,CAAC;AAEF,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI;IAAE,KAAK,CAAC,EAAE,KAAK,CAAC;IAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC;AAoDzD,eAAO,MAAM,GAAG,GAAI,CAAC,SAAS,GAAG,EAAE,EAAE,SAAS,IAAI,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,MAAM,UAAU,CAAC,CAAC,CAAC,EAAE,QA2B/F,CAAC"}

package/dist/lib/fzf.js

@@ -0,0 +1,115 @@
+import { Is } from "sidekicker";
+export const fuzzyMatch = (text, search) => {
+    text = String(text).toLocaleLowerCase();
+    search = String(search).toLocaleLowerCase();
+    if (text === search)
+        return 1;
+    const firstChar = search[0];
+    if (!firstChar)
+        return null;
+    const matchedIndexes = [];
+    let cursor = 0;
+    while (cursor < text.length) {
+        const startIdx = text.indexOf(firstChar, cursor);
+        if (startIdx === -1)
+            break;
+        let pos = startIdx + 1;
+        const indexes = [startIdx];
+        let matched = true;
+        for (let i = 1; i < search.length; i++) {
+            const foundAt = text.indexOf(search[i], pos);
+            if (foundAt === -1) {
+                matched = false;
+                break;
+            }
+            indexes.push(foundAt);
+            pos = foundAt + 1;
+        }
+        if (matched)
+            matchedIndexes.push(indexes);
+        cursor = startIdx + 1;
+    }
+    if (matchedIndexes.length === 0)
+        return null;
+    const bestMatch = matchedIndexes.sort((a, b) => {
+        if (a.length === 1)
+            return a[0] - b[0];
+        return a[a.length - 1] - a[0] - (b[b.length - 1] - b[0]);
+    })[0];
+    if (bestMatch.length > 1)
+        return 2 + (bestMatch[bestMatch.length - 1] - bestMatch[0]);
+    return 2 + bestMatch[0];
+};
+const travel = (path, regexp, obj) => {
+    const keys = path.split(regexp).filter(Boolean);
+    let res = obj;
+    for (const key of keys) {
+        if (res === null || res === undefined) {
+            return res;
+        }
+        res = res[key];
+    }
+    return res;
+};
+const regexPaths = { basic: /[,[\]]+?/, extend: /[,[\].]+?/ };
+const path = (obj, path) => {
+    const result = travel(path, regexPaths.basic, obj);
+    if (result !== undefined && result !== obj)
+        return result;
+    return travel(path, regexPaths.extend, obj);
+};
+const onlyNumbers = (str) => str.replace(/[^0-9]/g, "");
+const diacritics = (input) => input.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+const strCompare = (text, value, _, match = "FUZZY") => {
+    if (match === "CONTAINS") {
+        return text.includes(value);
+    }
+    if (match === "EQUAL") {
+        return text === value;
+    }
+    if (match === "CONTAINS_NUMBERS") {
+        return onlyNumbers(text).includes(onlyNumbers(value));
+    }
+    if (match === "STARTS_WITH") {
+        return text.startsWith(value);
+    }
+    if (match === "ENDS_WITH") {
+        return text.endsWith(value);
+    }
+    if (match === "FUZZY") {
+        const r = fuzzyMatch(text, value);
+        return r !== null;
+    }
+    return false;
+};
+const compare = (search, value, defaultScore, match = "FUZZY") => Array.isArray(value) ? value.some((x) => strCompare(search, x, defaultScore, match)) : strCompare(search, value, defaultScore, match);
+export const fzf = (items, id, keys) => {
+    if (keys.length === 0) {
+        return items;
+    }
+    const map = new Map();
+    const remap = keys.map((x) => {
+        const target = Is.array(x.value)
+            ? x.value.map((v) => diacritics(`${v}`.toLocaleLowerCase()).trim())
+            : diacritics(`${x.value}`.toLocaleLowerCase()).trim();
+        return { ...x, target };
+    });
+    items.forEach((item) => {
+        const idVal = path(item, id);
+        remap.forEach((filter) => {
+            const searchValue = path(item, filter.key);
+            if (!searchValue)
+                return;
+            const search = diacritics(`${searchValue}`.toLocaleLowerCase()).trim();
+            if (compare(search, filter.target, filter.score, filter.match)) {
+                return void map.set(idVal, item);
+            }
+            if (Is.function(filter.ifNotMatch)) {
+                const result = filter.ifNotMatch(filter.target, search);
+                if (result)
+                    map.set(idVal, item);
+            }
+        });
+    });
+    return Array.from(map.values());
+};

package/dist/lib/keyboard-area.js

@@ -0,0 +1,14 @@
+export const keyboardKeys = {
+    ArrowUp: "ArrowUp",
+    ArrowDown: "ArrowDown",
+    ArrowLeft: "ArrowLeft",
+    ArrowRight: "ArrowRight",
+};
+export class KeyboardArea {
+    set = new Set();
+    key(key, callback) {
+        const fn = (e) => (e.key === key ? callback(e) : undefined);
+        return () => this.set.delete(fn);
+    }
+    onKeyDown(_) { }
+}