@baleada/logic 0.24.18 → 0.24.20

package/lib/index.js

@@ -1,8 +1,5 @@
 import BezierEasing from 'bezier-easing';
 import { pipe, flatMap, unique, map, toArray, concat, filter, reduce, slice, sort, find, findIndex, at, some, includes, toLength, join, every, reverse as reverse$1, average } from 'lazy-collections';
-import { sortKind, Searcher } from 'fast-fuzzy';
-import createDOMPurify from 'dompurify';
-import slugify from '@sindresorhus/slugify';
 import arrayShuffle from 'array-shuffle';
 import { klona } from 'klona';
 import { dequal } from 'dequal';
@@ -11,6 +8,9 @@ import { getStroke } from 'perfect-freehand';
 import polygonClipping from 'polygon-clipping';
 import ky from 'ky';
 import clsx from 'clsx';
+import { sortKind, Searcher } from 'fast-fuzzy';
+import createDOMPurify from 'dompurify';
+import slugify from '@sindresorhus/slugify';
 
 function createClip(content) {
   return (string) => {
@@ -45,10 +45,8 @@ function createResults(candidates, options = {}) {
 }
 
 function fromShorthandAliasToLonghandAlias(shorthand) {
-  if (capitalLetterRE.test(shorthand))
-    return `shift+${shorthand.toLowerCase()}`;
-  if (shorthand in keycombosBySpecialCharacter)
-    return keycombosBySpecialCharacter[shorthand];
+  if (capitalLetterRE.test(shorthand)) return `shift+${shorthand.toLowerCase()}`;
+  if (shorthand in keycombosBySpecialCharacter) return keycombosBySpecialCharacter[shorthand];
   return shorthand;
 }
 const capitalLetterRE = /^[A-Z]$/;
@@ -100,16 +98,11 @@ function createAliases(options = {}) {
 }
 
 function fromAliasToCode(alias) {
-  if (alias in partialCodesByAlias)
-    return partialCodesByAlias[alias];
-  if (alias in keyStatusKeysByAlias)
-    return keyStatusKeysByAlias[alias];
-  if (letterRE.test(alias))
-    return `Key${alias.toUpperCase()}`;
-  if (digitRE.test(alias))
-    return `Digit${alias}`;
-  if (functionRE.test(alias))
-    return alias.toUpperCase();
+  if (alias in partialCodesByAlias) return partialCodesByAlias[alias];
+  if (alias in keyStatusKeysByAlias) return keyStatusKeysByAlias[alias];
+  if (letterRE.test(alias)) return `Key${alias.toUpperCase()}`;
+  if (digitRE.test(alias)) return `Digit${alias}`;
+  if (functionRE.test(alias)) return alias.toUpperCase();
   return "unsupported";
 }
 const digitRE = /^[0-9]$/;
@@ -235,8 +228,7 @@ function createReverse() {
   };
 }
 function createSlice(from, to) {
-  if (from < 0 || to && to < 0)
-    return (array) => array.slice(from, to);
+  if (from < 0 || to && to < 0) return (array) => array.slice(from, to);
   const toSliced = to ? slice(from, to - 1) : slice(from);
   return (array) => {
     return from === to ? [] : pipe(
@@ -351,8 +343,7 @@ function createFindAsync(predicate) {
   return async (array) => {
     for (let i = 0; i < array.length; i++) {
       const item = array[i], is = await predicate(item, i);
-      if (is)
-        return item;
+      if (is) return item;
     }
   };
 }
@@ -360,8 +351,7 @@ function createFindIndexAsync(predicate) {
   return async (array) => {
     for (let i = 0; i < array.length; i++) {
       const item = array[i], is = await predicate(item, i);
-      if (is)
-        return i;
+      if (is) return i;
     }
   };
 }
@@ -426,11 +416,18 @@ function createBreadthPathConfig(directedAcyclic) {
   return { predicatePathable, toTraversalCandidates };
 }
 
+var __defProp$i = Object.defineProperty;
+var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$i = (obj, key, value) => __defNormalProp$i(obj, typeof key !== "symbol" ? key + "" : key, value);
 class Recognizeable {
-  maxSequenceLength;
-  effects;
-  effectApi;
   constructor(sequence, options = {}) {
+    __publicField$i(this, "maxSequenceLength");
+    __publicField$i(this, "effects");
+    __publicField$i(this, "effectApi");
+    __publicField$i(this, "computedMetadata");
+    __publicField$i(this, "computedStatus");
+    __publicField$i(this, "computedStops");
+    __publicField$i(this, "computedSequence");
     const defaultOptions = {
       maxSequenceLength: true,
       effects: {}
@@ -456,7 +453,6 @@ class Recognizeable {
     };
     this.ready();
   }
-  computedMetadata;
   resetComputedMetadata() {
     this.computedMetadata = {};
   }
@@ -466,7 +462,6 @@ class Recognizeable {
   denied() {
     this.computedStatus = "denied";
   }
-  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -476,7 +471,6 @@ class Recognizeable {
   set sequence(sequence) {
     this.setSequence(sequence);
   }
-  computedStops;
   get stops() {
     return this.computedStops;
   }
@@ -486,7 +480,6 @@ class Recognizeable {
   get metadata() {
     return this.computedMetadata;
   }
-  computedSequence;
   setSequence(sequence) {
     this.computedSequence = sequence;
     return this;
@@ -495,11 +488,9 @@ class Recognizeable {
     this.recognizing();
     const type = this.toType(sequenceItem), pushSequence = (sequenceItem2) => {
       newSequence.push(sequenceItem2);
-      if (this.maxSequenceLength !== true && newSequence.length > this.maxSequenceLength)
-        newSequence.shift();
+      if (this.maxSequenceLength !== true && newSequence.length > this.maxSequenceLength) newSequence.shift();
     }, newSequence = [];
-    for (const previousSequenceItem of this.sequence)
-      pushSequence(previousSequenceItem);
+    for (const previousSequenceItem of this.sequence) pushSequence(previousSequenceItem);
     pushSequence(sequenceItem);
     this.effectApi.getSequence = () => newSequence;
     this.effectApi.pushSequence = pushSequence;
@@ -558,11 +549,17 @@ function isEffectConfig(effectOrConfig) {
   return typeof effectOrConfig === "object";
 }
 
+var __defProp$h = Object.defineProperty;
+var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$h = (obj, key, value) => __defNormalProp$h(obj, typeof key !== "symbol" ? key + "" : key, value);
 class Listenable {
-  computedRecognizeable;
-  recognizeableEffectsKeys;
-  computedActive;
   constructor(type, options) {
+    __publicField$h(this, "computedRecognizeable");
+    __publicField$h(this, "recognizeableEffectsKeys");
+    __publicField$h(this, "computedActive");
+    __publicField$h(this, "computedStatus");
+    __publicField$h(this, "computedType");
+    __publicField$h(this, "implementation");
     if (type === "recognizeable") {
       this.computedRecognizeable = new Recognizeable([], options?.recognizeable);
       this.recognizeableEffectsKeys = Object.keys(options?.recognizeable?.effects);
@@ -571,7 +568,6 @@ class Listenable {
     this.setType(type);
     this.ready();
   }
-  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -590,8 +586,6 @@ class Listenable {
   get recognizeable() {
     return this.computedRecognizeable;
   }
-  computedType;
-  implementation;
   setType(type) {
     this.stop();
     this.computedType = type;
@@ -668,8 +662,7 @@ class Listenable {
         sequenceItem,
         { listenInjection: { effect, optionsByType } }
       );
-      if (this.recognizeable.status === "recognized")
-        effect(sequenceItem);
+      if (this.recognizeable.status === "recognized") effect(sequenceItem);
     }, optionsByType = {};
     for (const type of this.recognizeableEffectsKeys) {
       optionsByType[type] = {
@@ -722,8 +715,7 @@ class Listenable {
           stop(stoppable);
           this.active.delete(stoppable);
         }
-        if (shouldUpdateStatus)
-          this.stopped();
+        if (shouldUpdateStatus) this.stopped();
         break;
     }
     return this;
@@ -862,7 +854,7 @@ const observerAssertionsByType = {
   resize: (observer) => observer instanceof ResizeObserver
 };
 
-const defaultOptions$l = {
+const defaultOptions$i = {
   minDuration: 0,
   preventsDefaultUnlessDenied: true,
   toCode: (alias) => fromAliasToCode(alias),
@@ -878,7 +870,7 @@ function createKeypress(keycomboOrKeycombos, options = {}) {
     onDown,
     onUp,
     onVisibilitychange
-  } = { ...defaultOptions$l, ...options }, {
+  } = { ...defaultOptions$i, ...options }, {
     matchPredicatesByKeycombo,
     getDownCombos,
     predicateValid,
@@ -895,8 +887,7 @@ function createKeypress(keycomboOrKeycombos, options = {}) {
     toAliases,
     getRequest: () => request
   }), fromComboToAliasesLength = createAliasesLength({ toLonghand }), maybeAddWindowBlurListener = () => {
-    if (windowBlurStatus === "added")
-      return;
+    if (windowBlurStatus === "added") return;
     window.addEventListener("blur", onWindowBlur);
     windowBlurStatus = "added";
   }, onWindowBlur = () => {
@@ -925,13 +916,11 @@ function createKeypress(keycomboOrKeycombos, options = {}) {
     ) {
       denied();
       localStatus = getStatus();
-      if (includes(event.key)(unsupportedKeys))
-        clearStatuses();
+      if (includes(event.key)(unsupportedKeys)) clearStatuses();
       onDown?.(toHookApi(api));
       return;
     }
-    if (preventsDefaultUnlessDenied)
-      event.preventDefault();
+    if (preventsDefaultUnlessDenied) event.preventDefault();
     const { getMetadata } = api, metadata = getMetadata();
     metadata.keycombo = downCombos[0];
     localStatus = "recognizing";
@@ -959,12 +948,9 @@ function createKeypress(keycomboOrKeycombos, options = {}) {
     const { denied } = api, key = fromEventToKeyStatusCode(event);
     if (localStatus === "denied") {
       denied();
-      if (includes(event.key)(unsupportedKeys))
-        clearStatuses();
-      else
-        deleteStatus(key);
-      if (!predicateSomeKeyDown(statuses))
-        localStatus = "recognizing";
+      if (includes(event.key)(unsupportedKeys)) clearStatuses();
+      else deleteStatus(key);
+      if (!predicateSomeKeyDown(statuses)) localStatus = "recognizing";
       onUp?.(toHookApi(api));
       return;
     }
@@ -973,8 +959,7 @@ function createKeypress(keycomboOrKeycombos, options = {}) {
     if (downCombos.length && matches) {
       const { getMetadata } = api, metadata = getMetadata();
       metadata.keycombo = downCombos[0];
-      if (preventsDefaultUnlessDenied)
-        event.preventDefault();
+      if (preventsDefaultUnlessDenied) event.preventDefault();
       localStatus = "recognizing";
       onUp?.(toHookApi(api));
       return;
@@ -984,8 +969,7 @@ function createKeypress(keycomboOrKeycombos, options = {}) {
     onUp?.(toHookApi(api));
   };
   const visibilitychange = (event, api) => {
-    if (document.visibilityState === "hidden")
-      onWindowBlur();
+    if (document.visibilityState === "hidden") onWindowBlur();
     onVisibilitychange?.(toHookApi(api));
   };
   return {
@@ -1015,7 +999,7 @@ class Keypress extends Listenable {
   }
 }
 
-const defaultOptions$k = {
+const defaultOptions$h = {
   minDuration: 0,
   preventsDefaultUnlessDenied: true,
   toCode: (alias) => fromAliasToCode(alias),
@@ -1031,7 +1015,7 @@ function createKeyrelease(keycomboOrKeycombos, options = {}) {
     onDown,
     onUp,
     onVisibilitychange
-  } = { ...defaultOptions$k, ...options }, {
+  } = { ...defaultOptions$h, ...options }, {
     matchPredicatesByKeycombo,
     getDownCombos,
     predicateValid,
@@ -1048,8 +1032,7 @@ function createKeyrelease(keycomboOrKeycombos, options = {}) {
     toAliases,
     getRequest: () => request
   }), fromComboToAliasesLength = createAliasesLength({ toLonghand }), maybeAddWindowBlurListener = () => {
-    if (windowBlurStatus === "added")
-      return;
+    if (windowBlurStatus === "added") return;
     window.addEventListener("blur", onWindowBlur);
     windowBlurStatus = "added";
   }, onWindowBlur = () => {
@@ -1078,13 +1061,11 @@ function createKeyrelease(keycomboOrKeycombos, options = {}) {
     ) {
       denied();
       localStatus = getStatus();
-      if (includes(event.key)(unsupportedKeys))
-        clearStatuses();
+      if (includes(event.key)(unsupportedKeys)) clearStatuses();
       onDown?.(toHookApi(api));
       return;
     }
-    if (preventsDefaultUnlessDenied)
-      event.preventDefault();
+    if (preventsDefaultUnlessDenied) event.preventDefault();
     const { getMetadata } = api;
     localStatus = "recognizing";
     stop();
@@ -1104,14 +1085,10 @@ function createKeyrelease(keycomboOrKeycombos, options = {}) {
       denied
     } = api, metadata = getMetadata(), key = fromEventToKeyStatusCode(event);
     if (["denied", "recognized"].includes(localStatus)) {
-      if (localStatus === "denied")
-        denied();
-      if (includes(event.key)(unsupportedKeys))
-        clearStatuses();
-      else
-        deleteStatus(key);
-      if (!predicateSomeKeyDown(statuses))
-        localStatus = "recognizing";
+      if (localStatus === "denied") denied();
+      if (includes(event.key)(unsupportedKeys)) clearStatuses();
+      else deleteStatus(key);
+      if (!predicateSomeKeyDown(statuses)) localStatus = "recognizing";
       onUp?.(toHookApi(api));
       return;
     }
@@ -1127,8 +1104,7 @@ function createKeyrelease(keycomboOrKeycombos, options = {}) {
       localStatus = status;
       metadata.keycombo = downCombos[0];
     }
-    if (preventsDefaultUnlessDenied)
-      event.preventDefault();
+    if (preventsDefaultUnlessDenied) event.preventDefault();
     onUp?.(toHookApi(api));
   };
   const recognize = (event, api) => {
@@ -1174,7 +1150,7 @@ class Keyrelease extends Listenable {
   }
 }
 
-const defaultOptions$j = {
+const defaultOptions$g = {
   minDuration: 0,
   maxInterval: 5e3,
   // VS Code default
@@ -1193,7 +1169,7 @@ function createKeychord(keycombos, options = {}) {
     onDown,
     onUp,
     onVisibilitychange
-  } = { ...defaultOptions$j, ...options }, narrowedKeycombos = keycombos.split(" "), keyStates = createMap((keycombo) => createKeyState({
+  } = { ...defaultOptions$g, ...options }, narrowedKeycombos = keycombos.split(" "), keyStates = createMap((keycombo) => createKeyState({
     keycomboOrKeycombos: keycombo,
     toLonghand,
     toCode,
@@ -1222,8 +1198,7 @@ function createKeychord(keycombos, options = {}) {
       return;
     }
     const { getMetadata } = api, metadata = getMetadata(), downCombos = keyStates[playedIndex].getDownCombos();
-    if (playedIndex === 0)
-      metadata.played = [];
+    if (playedIndex === 0) metadata.played = [];
     if (
       // NOT BUILDING VALID COMBO
       !keyStates[playedIndex].predicateValid(event) || downCombos.length > 1 && fromComboToAliasesLength(downCombos[0]) === fromComboToAliasesLength(downCombos[1]) || playedIndex > 0 && event.timeStamp - metadata.played[playedIndex - 1].times.end > maxInterval
@@ -1231,14 +1206,12 @@ function createKeychord(keycombos, options = {}) {
       denied();
       localStatuses[playedIndex] = getStatus();
       if (includes(event.key)(unsupportedKeys)) {
-        for (const { clearStatuses } of keyStates)
-          clearStatuses();
+        for (const { clearStatuses } of keyStates) clearStatuses();
       }
       onDown?.(toHookApi(api));
       return;
     }
-    if (preventsDefaultUnlessDenied)
-      event.preventDefault();
+    if (preventsDefaultUnlessDenied) event.preventDefault();
     localStatuses[playedIndex] = "recognizing";
     keyStates[playedIndex].stop();
     storeKeyboardTimeMetadata({
@@ -1260,21 +1233,16 @@ function createKeychord(keycombos, options = {}) {
       denied
     } = api, metadata = getMetadata(), key = fromEventToKeyStatusCode(event);
     if (["denied", "recognized"].includes(localStatuses[playedIndex])) {
-      if (localStatuses[playedIndex] === "denied")
-        denied();
+      if (localStatuses[playedIndex] === "denied") denied();
       for (const { clearStatuses, deleteStatus } of keyStates) {
-        if (includes(event.key)(unsupportedKeys))
-          clearStatuses();
-        else
-          deleteStatus(key);
+        if (includes(event.key)(unsupportedKeys)) clearStatuses();
+        else deleteStatus(key);
       }
       if (!predicateSomeKeyDown(keyStates[playedIndex].statuses)) {
         if (localStatuses[playedIndex] === "denied" || playedIndex === narrowedKeycombos.length - 1 && localStatuses[playedIndex] === "recognized") {
           playedIndex = 0;
-          for (let i = 0; i < localStatuses.length; i++)
-            localStatuses[i] = "recognizing";
-          for (const { clearStatuses } of keyStates)
-            clearStatuses();
+          for (let i = 0; i < localStatuses.length; i++) localStatuses[i] = "recognizing";
+          for (const { clearStatuses } of keyStates) clearStatuses();
         }
       }
       onUp?.(toHookApi(api));
@@ -1294,14 +1262,11 @@ function createKeychord(keycombos, options = {}) {
         keycombo: downCombos[0]
       };
     }
-    if (preventsDefaultUnlessDenied)
-      event.preventDefault();
+    if (preventsDefaultUnlessDenied) event.preventDefault();
     if (playedIndex === narrowedKeycombos.length - 1 && !predicateSomeKeyDown(keyStates[playedIndex].statuses)) {
       playedIndex = 0;
-      for (let i = 0; i < localStatuses.length; i++)
-        localStatuses[i] = "recognizing";
-      for (const { clearStatuses } of keyStates)
-        clearStatuses();
+      for (let i = 0; i < localStatuses.length; i++) localStatuses[i] = "recognizing";
+      for (const { clearStatuses } of keyStates) clearStatuses();
     }
     onUp?.(toHookApi(api));
   };
@@ -1320,8 +1285,7 @@ function createKeychord(keycombos, options = {}) {
   };
   const visibilitychange = (event, api) => {
     if (document.visibilityState === "hidden") {
-      for (const { clearStatuses } of keyStates)
-        clearStatuses();
+      for (const { clearStatuses } of keyStates) clearStatuses();
       localStatuses[playedIndex] = "recognizing";
       keyStates[playedIndex].stop();
       playedIndex = 0;
@@ -1369,11 +1333,11 @@ class Konami extends Listenable {
   }
 }
 
-const defaultOptions$i = {
+const defaultOptions$f = {
   minDuration: 0,
   minDistance: 0
 };
-function createMousepress(options = {}) {
+function createPointerpress(options = {}) {
   const {
     minDuration,
     minDistance,
@@ -1381,31 +1345,31 @@ function createMousepress(options = {}) {
     onOut,
     onMove,
     onUp
-  } = { ...defaultOptions$i, ...options }, stop = (target) => {
+  } = { ...defaultOptions$f, ...options }, stop = (target) => {
     window.cancelAnimationFrame(request);
-    target.removeEventListener("mousemove", mousemoveEffect);
+    target.removeEventListener("pointermove", pointermoveEffect);
   };
   let request;
-  let mousemoveEffect;
-  let mouseStatus;
-  const mousedown = (event, api) => {
-    mouseStatus = "down";
-    mousemoveEffect = (event2) => mousemove(event2, api);
+  let pointermoveEffect;
+  let pointerStatus;
+  const pointerdown = (event, api) => {
+    pointerStatus = "down";
+    pointermoveEffect = (event2) => pointermove(event2, api);
     storePointerStartMetadata({ event, api });
     storePointerMoveMetadata({ event, api });
     storePointerTimeMetadata({
       event,
       api,
-      getShouldStore: () => mouseStatus === "down",
+      getShouldStore: () => pointerStatus === "down",
       setRequest: (newRequest) => request = newRequest,
       // @ts-expect-error
       recognize
     });
-    const { listenInjection: { optionsByType: { mousedown: { target } } } } = api;
-    target.addEventListener("mousemove", mousemoveEffect);
+    const { listenInjection: { optionsByType: { pointerdown: { target } } } } = api;
+    target.addEventListener("pointermove", pointermoveEffect);
     onDown?.(toHookApi(api));
   };
-  const mousemove = (event, api) => {
+  const pointermove = (event, api) => {
     const { pushSequence } = api;
     pushSequence(event);
     storePointerMoveMetadata({ event, api });
@@ -1418,325 +1382,43 @@ function createMousepress(options = {}) {
       recognized();
     }
   };
-  const mouseout = (event, api) => {
-    const { denied, listenInjection: { optionsByType: { mouseout: { target } } } } = api;
+  const pointerout = (event, api) => {
+    const { denied, listenInjection: { optionsByType: { pointerout: { target } } } } = api;
     if (event.target !== target && target.contains?.(event.relatedTarget)) {
       onOut?.(toHookApi(api));
       return;
     }
-    if (mouseStatus === "down") {
+    if (pointerStatus === "down") {
       denied();
       stop(target);
-      mouseStatus = "leave";
+      pointerStatus = "out";
     }
     onOut?.(toHookApi(api));
   };
-  const mouseup = (event, api) => {
-    const { denied, listenInjection: { optionsByType: { mouseup: { target } } } } = api;
-    if (mouseStatus !== "down")
-      return;
+  const pointerup = (event, api) => {
+    const { denied, listenInjection: { optionsByType: { pointerup: { target } } } } = api;
+    if (pointerStatus !== "down") return;
     denied();
     stop(target);
-    mouseStatus = "up";
-    onUp?.(toHookApi(api));
-  };
-  return {
-    mousedown: {
-      effect: mousedown,
-      stop
-    },
-    mouseout,
-    mouseup
-  };
-}
-class Mousepress extends Listenable {
-  constructor(options) {
-    super(
-      "recognizeable",
-      {
-        recognizeable: {
-          effects: createMousepress(options)
-        }
-      }
-    );
-  }
-  get metadata() {
-    return this.recognizeable.metadata;
-  }
-}
-
-const defaultOptions$h = {
-  minDuration: 0,
-  minDistance: 0,
-  minVelocity: 0
-};
-function createMouserelease(options = {}) {
-  const {
-    minDuration,
-    minDistance,
-    minVelocity,
-    onDown,
-    onOut,
-    onMove,
-    onUp
-  } = { ...defaultOptions$h, ...options }, stop = (target) => {
-    window.cancelAnimationFrame(request);
-    target.removeEventListener("mousemove", mousemoveEffect);
-  };
-  let request;
-  let mousemoveEffect;
-  let mouseStatus;
-  const mousedown = (event, api) => {
-    mouseStatus = "down";
-    mousemoveEffect = (event2) => mousemove(event2, api);
-    storePointerStartMetadata({ event, api });
-    storePointerMoveMetadata({ event, api });
-    storePointerTimeMetadata({
-      event,
-      api,
-      getShouldStore: () => mouseStatus === "down",
-      setRequest: (newRequest) => request = newRequest
-    });
-    const { listenInjection: { optionsByType: { mousedown: { target } } } } = api;
-    target.addEventListener("mousemove", mousemoveEffect);
-    onDown?.(toHookApi(api));
-  };
-  const mousemove = (event, api) => {
-    storePointerMoveMetadata({ event, api });
-    onMove?.(toHookApi(api));
-  };
-  const mouseout = (event, api) => {
-    const { denied, listenInjection: { optionsByType: { mouseout: { target } } } } = api;
-    if (event.target !== target && target.contains?.(event.relatedTarget)) {
-      onOut?.(toHookApi(api));
-      return;
-    }
-    if (mouseStatus === "down") {
-      denied();
-      stop(target);
-      mouseStatus = "leave";
-    }
-    onOut?.(toHookApi(api));
-  };
-  const mouseup = (event, api) => {
-    if (mouseStatus !== "down")
-      return;
-    storePointerMoveMetadata({ event, api });
-    const { listenInjection: { optionsByType: { mouseup: { target } } } } = api;
-    stop(target);
-    mouseStatus = "up";
-    recognize(event, api);
+    pointerStatus = "up";
     onUp?.(toHookApi(api));
   };
-  const recognize = (event, api) => {
-    const { getMetadata, recognized, denied } = api, metadata = getMetadata();
-    if (metadata.duration >= minDuration && metadata.distance.straight.fromStart >= minDistance && metadata.velocity >= minVelocity) {
-      recognized();
-      return;
-    }
-    denied();
-  };
   return {
-    mousedown: {
-      effect: mousedown,
+    pointerdown: {
+      effect: pointerdown,
       stop
     },
-    mouseout,
-    mouseup
+    pointerout,
+    pointerup
   };
 }
-class Mouserelease extends Listenable {
+class Pointerpress extends Listenable {
   constructor(options) {
     super(
       "recognizeable",
       {
         recognizeable: {
-          effects: createMouserelease(options)
-        }
-      }
-    );
-  }
-  get metadata() {
-    return this.recognizeable.metadata;
-  }
-}
-
-const defaultOptions$g = {
-  minDuration: 0,
-  minDistance: 0
-};
-function createTouchpress(options = {}) {
-  const {
-    minDuration,
-    minDistance,
-    onStart,
-    onCancel,
-    onMove,
-    onEnd
-  } = { ...defaultOptions$g, ...options }, stop = () => {
-    window.cancelAnimationFrame(request);
-  };
-  let request;
-  let totalTouches = 0;
-  const touchstart = (event, api) => {
-    const { denied } = api;
-    totalTouches++;
-    if (totalTouches > 1) {
-      stop();
-      denied();
-      onStart?.(toHookApi(api));
-      return;
-    }
-    storePointerStartMetadata({ event, api });
-    storePointerMoveMetadata({ event, api });
-    storePointerTimeMetadata({
-      event,
-      api,
-      getShouldStore: () => totalTouches === 1,
-      setRequest: (newRequest) => request = newRequest,
-      // @ts-expect-error
-      recognize
-    });
-    onStart?.(toHookApi(api));
-  };
-  const touchmove = (event, api) => {
-    const { getStatus } = api;
-    if (getStatus() !== "denied") {
-      storePointerMoveMetadata({ event, api });
-      recognize(event, api);
-    }
-    onMove?.(toHookApi(api));
-  };
-  const recognize = (event, api) => {
-    const { getMetadata, recognized } = api, metadata = getMetadata();
-    if (metadata.duration >= minDuration && metadata.distance.straight.fromStart >= minDistance) {
-      recognized();
-    }
-  };
-  const touchcancel = (event, api) => {
-    const { denied } = api;
-    stop();
-    denied();
-    totalTouches--;
-    onCancel?.(toHookApi(api));
-  };
-  const touchend = (event, api) => {
-    const { denied } = api;
-    stop();
-    denied();
-    totalTouches--;
-    onEnd?.(toHookApi(api));
-  };
-  return {
-    touchstart,
-    touchmove,
-    touchcancel,
-    touchend
-  };
-}
-class Touchpress extends Listenable {
-  constructor(options) {
-    super(
-      "recognizeable",
-      {
-        recognizeable: {
-          effects: createTouchpress(options)
-        }
-      }
-    );
-  }
-  get metadata() {
-    return this.recognizeable.metadata;
-  }
-}
-
-const defaultOptions$f = {
-  minDuration: 0,
-  minDistance: 0,
-  minVelocity: 0
-};
-function createTouchrelease(options = {}) {
-  const {
-    minDuration,
-    minDistance,
-    minVelocity,
-    onStart,
-    onCancel,
-    onMove,
-    onEnd
-  } = { ...defaultOptions$f, ...options }, stop = () => {
-    window.cancelAnimationFrame(request);
-  };
-  let request;
-  let totalTouches = 0;
-  const touchstart = (event, api) => {
-    const { denied } = api;
-    totalTouches++;
-    if (totalTouches > 1) {
-      stop();
-      denied();
-      onStart?.(toHookApi(api));
-      return;
-    }
-    storePointerStartMetadata({ event, api });
-    storePointerMoveMetadata({ event, api });
-    storePointerTimeMetadata({
-      event,
-      api,
-      getShouldStore: () => totalTouches === 1,
-      setRequest: (newRequest) => request = newRequest
-    });
-    onStart?.(toHookApi(api));
-  };
-  const touchmove = (event, api) => {
-    const { getStatus } = api;
-    if (getStatus() !== "denied")
-      storePointerMoveMetadata({ event, api });
-    onMove?.(toHookApi(api));
-  };
-  const touchcancel = (event, api) => {
-    const { denied } = api;
-    stop();
-    denied();
-    totalTouches--;
-    onCancel?.(toHookApi(api));
-  };
-  const touchend = (event, api) => {
-    const { denied } = api;
-    if (totalTouches !== 1) {
-      stop();
-      denied();
-      onEnd?.(toHookApi(api));
-      return;
-    }
-    storePointerMoveMetadata({ event, api });
-    stop();
-    totalTouches--;
-    recognize(event, api);
-    onEnd?.(toHookApi(api));
-  };
-  const recognize = (event, api) => {
-    const { getMetadata, recognized, denied } = api, metadata = getMetadata();
-    if (metadata.duration >= minDuration && metadata.distance.straight.fromStart >= minDistance && metadata.velocity >= minVelocity) {
-      recognized();
-    } else {
-      denied();
-    }
-  };
-  return {
-    touchstart,
-    touchmove,
-    touchcancel,
-    touchend
-  };
-}
-class Touchrelease extends Listenable {
-  constructor(options) {
-    super(
-      "recognizeable",
-      {
-        recognizeable: {
-          effects: createTouchrelease(options)
+          effects: createPointerpress(options)
         }
       }
     );
@@ -1749,7 +1431,7 @@ class Touchrelease extends Listenable {
 const defaultOptions$e = {
   minDuration: 0
 };
-function createHover(options = {}) {
+function createPointerhover(options = {}) {
   const {
     minDuration,
     onOver,
@@ -1758,16 +1440,16 @@ function createHover(options = {}) {
     window.cancelAnimationFrame(request);
   };
   let request;
-  let mouseStatus = "exited";
-  const mouseover = (event, api) => {
-    if (mouseStatus === "exited") {
-      mouseStatus = "entered";
+  let pointerStatus = "exited";
+  const pointerover = (event, api) => {
+    if (pointerStatus === "exited") {
+      pointerStatus = "entered";
       storePointerStartMetadata({ event, api });
       storePointerMoveMetadata({ event, api });
       storePointerTimeMetadata({
         event,
         api,
-        getShouldStore: () => mouseStatus === "entered",
+        getShouldStore: () => pointerStatus === "entered",
         setRequest: (newRequest) => request = newRequest,
         // @ts-expect-error
         recognize
@@ -1784,38 +1466,34 @@ function createHover(options = {}) {
       recognized();
     }
   };
-  const mouseout = (event, api) => {
-    const { denied, listenInjection: { optionsByType: { mouseout: { target } } } } = api;
+  const pointerout = (event, api) => {
+    const { denied, listenInjection: { optionsByType: { pointerout: { target } } } } = api;
     if (event.target !== target && target.contains?.(event.relatedTarget)) {
       onOut?.(toHookApi(api));
       return;
     }
-    if (mouseStatus === "entered") {
+    if (pointerStatus === "entered") {
       denied();
       stop();
-      mouseStatus = "exited";
+      pointerStatus = "exited";
     }
     onOut?.(toHookApi(api));
   };
-  const touchstart = (event) => {
-    event.preventDefault();
-  };
   return {
-    mouseover: {
-      effect: mouseover,
+    pointerover: {
+      effect: pointerover,
       stop
     },
-    mouseout,
-    touchstart
+    pointerout
   };
 }
-class Hover extends Listenable {
+class Pointerhover extends Listenable {
   constructor(options) {
     super(
       "recognizeable",
       {
         recognizeable: {
-          effects: createHover(options)
+          effects: createPointerhover(options)
         }
       }
     );
@@ -1836,8 +1514,7 @@ function createTerminal(graph) {
 function createChildren(graph) {
   return function* (node) {
     const outgoing = createOutgoing(graph)(node);
-    for (const edge of outgoing)
-      yield edge.to;
+    for (const edge of outgoing) yield edge.to;
   };
 }
 function createIndegree(graph) {
@@ -1908,11 +1585,9 @@ function createSiblings(graph) {
 function createFind(node) {
   return (tree) => {
     for (const treeNode of tree) {
-      if (treeNode.node === node)
-        return treeNode;
+      if (treeNode.node === node) return treeNode;
       const found = createFind(node)(treeNode.children);
-      if (found)
-        return found;
+      if (found) return found;
     }
   };
 }
@@ -1943,8 +1618,7 @@ function createLayers$1(options = {}) {
     const layers = [];
     for (const { path } of toSteps(directedAcyclic)) {
       const node = path.at(-1), depth = path.length - 1;
-      if (!layers[depth] && depth > 0)
-        yield layers[depth - 1];
+      if (!layers[depth] && depth > 0) yield layers[depth - 1];
       (layers[depth] || (layers[depth] = [])).push(node);
     }
     yield layers.at(-1);
@@ -2036,8 +1710,7 @@ function createSteps$1(configure, options = {}) {
     yield { path, state: JSON.parse(JSON.stringify(state)) };
     function* toStep() {
       if (predicateExhausted(location)) {
-        if (includes(location)(roots))
-          return;
+        if (includes(location)(roots)) return;
         state[location].status = "unset";
         delete state[location].value;
         const path3 = toPath(state);
@@ -2051,8 +1724,7 @@ function createSteps$1(configure, options = {}) {
       yield { path: path2, state: JSON.parse(JSON.stringify(state)) };
       stepFromEffect(location);
       const newLocation = path2.at(-1);
-      if (predicateSteppable(newLocation))
-        location = newLocation;
+      if (predicateSteppable(newLocation)) location = newLocation;
       yield* toStep();
     }
     yield* toStep();
@@ -2062,10 +1734,8 @@ function createRoots(options = {}) {
   return function* (directedAcyclic) {
     const { nodes } = directedAcyclic, predicateRoot = createRoot(directedAcyclic);
     for (const node of nodes) {
-      if (predicateRoot(node))
-        yield node;
-      if (options.kind === "arborescence")
-        break;
+      if (predicateRoot(node)) yield node;
+      if (options.kind === "arborescence") break;
     }
   };
 }
@@ -2241,8 +1911,7 @@ function createSteps(configure, options = {}) {
     yield { path, state: JSON.parse(JSON.stringify(state)) };
     async function* toStep() {
       if (predicateExhausted(location)) {
-        if (includes(location)(roots))
-          return;
+        if (includes(location)(roots)) return;
         state[location].status = "unset";
         delete state[location].value;
         const path3 = await toPath(state);
@@ -2256,8 +1925,7 @@ function createSteps(configure, options = {}) {
       yield { path: path2, state: JSON.parse(JSON.stringify(state)) };
       stepFromEffect(location);
       const newLocation = path2.at(-1);
-      if (predicateSteppable(newLocation))
-        location = newLocation;
+      if (predicateSteppable(newLocation)) location = newLocation;
       yield* await toStep();
     }
     yield* await toStep();
@@ -2335,53 +2003,44 @@ function createFocusable(order, options = {}) {
   switch (order) {
     case "first":
       return (element) => {
-        if (predicatesElement && predicateFocusable(element))
-          return element;
+        if (predicatesElement && predicateFocusable(element)) return element;
         for (let i = 0; i < element.children.length; i++) {
           const focusable = createFocusable(order, { predicatesElement: true })(element.children[i]);
-          if (focusable)
-            return focusable;
+          if (focusable) return focusable;
         }
       };
     case "last":
       return (element) => {
-        if (predicatesElement && predicateFocusable(element))
-          return element;
+        if (predicatesElement && predicateFocusable(element)) return element;
         for (let i = element.children.length - 1; i > -1; i--) {
           const focusable = createFocusable(order, { predicatesElement: true })(element.children[i]);
-          if (focusable)
-            return focusable;
+          if (focusable) return focusable;
         }
       };
     case "next":
       return (element) => {
-        if (predicatesElement && predicateFocusable(element))
-          return element;
+        if (predicatesElement && predicateFocusable(element)) return element;
         const focusable = createFocusable("first")(element);
-        if (focusable)
-          return focusable;
+        if (focusable) return focusable;
         let current = element;
         while (current && current !== document.documentElement) {
           const nextSibling = current.nextElementSibling;
           if (nextSibling) {
             const focusable2 = createFocusable("first", { predicatesElement: true })(nextSibling);
-            if (focusable2)
-              return focusable2;
+            if (focusable2) return focusable2;
           }
           current = current.nextElementSibling || current.parentElement;
         }
       };
     case "previous":
       return (element) => {
-        if (predicatesElement && predicateFocusable(element))
-          return element;
+        if (predicatesElement && predicateFocusable(element)) return element;
         let current = element;
         while (current && current !== document.documentElement) {
           const previousSibling = current.previousElementSibling;
           if (previousSibling) {
             const focusable = createFocusable("last", { predicatesElement: true })(previousSibling);
-            if (focusable)
-              return focusable;
+            if (focusable) return focusable;
           }
           current = current.previousElementSibling || current.parentElement;
         }
@@ -2423,19 +2082,16 @@ const createKeycomboMatch$1 = (keycombo, options = {}) => {
       const implicitModifier = find(
         (modifier) => code.includes(modifier)
       )(modifiers);
-      if (implicitModifier)
-        implicitModifierAliases2.push(implicitModifier.toLowerCase());
+      if (implicitModifier) implicitModifierAliases2.push(implicitModifier.toLowerCase());
     }
     return implicitModifierAliases2;
   })();
   return (descriptor) => {
     const statuses = [];
-    if (descriptor.code)
-      createSet(fromEventToKeyStatusCode(descriptor), "down")(statuses);
+    if (descriptor.code) createSet(fromEventToKeyStatusCode(descriptor), "down")(statuses);
     for (const modifier of modifiers) {
       const prefix = modifier === "Control" ? "ctrl" : modifier.toLowerCase();
-      if (descriptor[`${prefix}Key`])
-        createSet(modifier, "down")(statuses);
+      if (descriptor[`${prefix}Key`]) createSet(modifier, "down")(statuses);
     }
     const descriptors = createMap(
       ([code]) => {
@@ -2546,8 +2202,7 @@ function createEvery(predicate) {
 function createSome(predicate) {
   return (object) => {
     for (const key in object) {
-      if (predicate(key, object[key]))
-        return true;
+      if (predicate(key, object[key])) return true;
     }
     return false;
   };
@@ -2628,8 +2283,7 @@ function createDelete$2(key, options = {}) {
     const index = findIndex(
       ([candidate]) => predicateKey(candidate)
     )(associativeArray);
-    if (index === -1)
-      return associativeArray;
+    if (index === -1) return associativeArray;
     associativeArray.splice(index, 1);
     return associativeArray;
   };
@@ -2699,11 +2353,9 @@ const createKeycomboDown = (keycombo, options = {}) => {
 };
 
 function fromKeyboardEventDescriptorToAliases(descriptor) {
-  if (descriptor.shiftKey && descriptor.code in aliasesByShiftCode)
-    return [aliasesByShiftCode[descriptor.code]];
+  if (descriptor.shiftKey && descriptor.code in aliasesByShiftCode) return [aliasesByShiftCode[descriptor.code]];
   const withoutModifierSide = toWithoutModifierSide(descriptor.code);
-  if (withoutModifierSide in aliasListsByModifier)
-    return aliasListsByModifier[withoutModifierSide];
+  if (withoutModifierSide in aliasListsByModifier) return aliasListsByModifier[withoutModifierSide];
   return descriptor.code in aliasesByCode ? [aliasesByCode[descriptor.code]] : [descriptor.code.match(aliasCaptureRE)?.[1].toLowerCase() || "unsupported"];
 }
 const toWithoutModifierSide = createClip(/(?:Left|Right)$/);
@@ -2874,8 +2526,7 @@ function createToIntl(_Intl) {
       params,
       { predicateKey: createDeepEqual(params) }
     )(intls);
-    if (intl)
-      return intl;
+    if (intl) return intl;
     const newIntl = new _Intl(...params);
     createSet$2(
       params,
@@ -2942,7 +2593,7 @@ function toHookApi({
   };
 }
 
-function toMousePoint(event) {
+function toPointerPoint(event) {
   return {
     x: event.clientX,
     y: event.clientY
@@ -2984,11 +2635,9 @@ function storeKeyboardTimeMetadata({
   setRequest,
   recognize
 }) {
-  if (!getShouldStore())
-    return;
+  if (!getShouldStore()) return;
   const { getStatus, listenInjection: { effect } } = api, timeMetadata = getTimeMetadata();
-  if (!timeMetadata.times)
-    timeMetadata.times = createClone()(initialMetadata$3.times);
+  if (!timeMetadata.times) timeMetadata.times = createClone()(initialMetadata$3.times);
   timeMetadata.times.start = Math.round(event.timeStamp);
   timeMetadata.times.end = Math.round(event.timeStamp);
   const frameEffect = (timestamp) => {
@@ -2996,18 +2645,15 @@ function storeKeyboardTimeMetadata({
     timeMetadata.duration = Math.max(0, timeMetadata.times.end - timeMetadata.times.start);
     if (recognize) {
       recognize(event, api);
-      if (getStatus() === "recognized")
-        effect(event);
+      if (getStatus() === "recognized") effect(event);
     }
   }, storeDuration = () => {
     const sequence = api.getSequence();
     if (!document.body.contains(
       at(-1)(sequence).target
-    ))
-      return;
+    )) return;
     const request = requestAnimationFrame((timestamp) => {
-      if (!getShouldStore())
-        return;
+      if (!getShouldStore()) return;
       frameEffect(timestamp);
       storeDuration();
     });
@@ -3025,9 +2671,8 @@ const initialMetadata$2 = {
 };
 function storePointerStartMetadata({ event, api }) {
   const { getMetadata } = api, metadata = getMetadata();
-  const point = event instanceof MouseEvent ? toMousePoint(event) : toTouchMovePoint(event);
-  if (!metadata.points)
-    metadata.points = createClone()(initialMetadata$2.points);
+  const point = event instanceof MouseEvent || event instanceof PointerEvent ? toPointerPoint(event) : toTouchMovePoint(event);
+  if (!metadata.points) metadata.points = createClone()(initialMetadata$2.points);
   metadata.points.start = point;
   metadata.points.end = point;
 }
@@ -3065,7 +2710,7 @@ function storePointerMoveMetadata({ event, api }) {
   }
   const { x: previousX, y: previousY } = metadata.points.end, { x: startX, y: startY } = metadata.points.start, { x: newX, y: newY } = (() => {
     if (event instanceof MouseEvent) {
-      return toMousePoint(event);
+      return toPointerPoint(event);
     }
     if (event instanceof TouchEvent) {
       if (event.type === "touchmove") {
@@ -3133,17 +2778,14 @@ function storePointerTimeMetadata({
     metadata.velocity = metadata.distance.straight.fromPrevious / durationFromPrevious || 0;
     const event2 = getSequence().at(-1);
     recognize?.(event2, api);
-    if (getStatus() === "recognized")
-      effect(event2);
+    if (getStatus() === "recognized") effect(event2);
   }, storeDuration = () => {
     const sequence = api.getSequence();
     if (!document.contains(
       at(-1)(sequence).target
-    ))
-      return;
+    )) return;
     const request = requestAnimationFrame((timestamp) => {
-      if (!getShouldStore())
-        return;
+      if (!getShouldStore()) return;
       frameEffect(timestamp);
       storeDuration();
     });
@@ -3283,6 +2925,12 @@ function toInterpolated({ previous, next, progress }, options = {}) {
   }
 }
 
+var __defProp$g = Object.defineProperty;
+var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$g = (obj, key, value) => __defNormalProp$g(obj, typeof key !== "symbol" ? key + "" : key, value);
+function defineAnimateableKeyframes(keyframes) {
+  return keyframes;
+}
 const defaultOptions$8 = {
   duration: 0,
   // delay not supported, because it can be effectd by delayable
@@ -3305,22 +2953,37 @@ const defaultAnimateOptions = {
   }
 };
 class Animateable {
-  initialDuration;
-  iterationLimit;
-  alternates;
-  controlPoints;
-  reversedControlPoints;
-  toAnimationProgress;
-  reversedToAnimationProgress;
-  playCache;
-  reverseCache;
-  pauseCache;
-  seekCache;
-  alternateCache;
-  visibilitychange;
-  getEaseables;
-  getReversedEaseables;
   constructor(keyframes, options = {}) {
+    __publicField$g(this, "initialDuration");
+    __publicField$g(this, "iterationLimit");
+    __publicField$g(this, "alternates");
+    __publicField$g(this, "controlPoints");
+    __publicField$g(this, "reversedControlPoints");
+    __publicField$g(this, "toAnimationProgress");
+    __publicField$g(this, "reversedToAnimationProgress");
+    __publicField$g(this, "playCache");
+    __publicField$g(this, "reverseCache");
+    __publicField$g(this, "pauseCache");
+    __publicField$g(this, "seekCache");
+    __publicField$g(this, "alternateCache");
+    __publicField$g(this, "visibilitychange");
+    __publicField$g(this, "getEaseables");
+    __publicField$g(this, "getReversedEaseables");
+    __publicField$g(this, "computedStatus");
+    __publicField$g(this, "computedTime");
+    __publicField$g(this, "computedProgress");
+    __publicField$g(this, "computedIterations");
+    __publicField$g(this, "computedKeyframes");
+    __publicField$g(this, "reversedKeyframes");
+    __publicField$g(this, "properties");
+    __publicField$g(this, "easeables");
+    __publicField$g(this, "reversedEaseables");
+    __publicField$g(this, "computedPlaybackRate");
+    __publicField$g(this, "duration");
+    __publicField$g(this, "totalTimeInvisible");
+    __publicField$g(this, "invisibleAt");
+    __publicField$g(this, "computedRequest");
+    __publicField$g(this, "startTime");
     this.initialDuration = options?.duration || defaultOptions$8.duration;
     this.controlPoints = fromTimingToControlPoints(options?.timing || defaultOptions$8.timing);
     this.iterationLimit = options?.iterations || defaultOptions$8.iterations;
@@ -3343,25 +3006,21 @@ class Animateable {
     this.resetProgress();
     this.resetIterations();
   }
-  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
-  computedTime;
   resetTime() {
     this.computedTime = {
       elapsed: 0,
       remaining: this.duration
     };
   }
-  computedProgress;
   resetProgress() {
     this.computedProgress = {
       time: 0,
       animation: 0
     };
   }
-  computedIterations;
   resetIterations() {
     this.computedIterations = 0;
   }
@@ -3392,11 +3051,6 @@ class Animateable {
   get progress() {
     return this.computedProgress;
   }
-  computedKeyframes;
-  reversedKeyframes;
-  properties;
-  easeables;
-  reversedEaseables;
   setKeyframes(keyframes) {
     this.stop();
     this.computedKeyframes = Array.from(keyframes).sort(({ progress: progressA }, { progress: progressB }) => progressA - progressB);
@@ -3410,9 +3064,6 @@ class Animateable {
     this.reversedEaseables = this.getReversedEaseables({ keyframes: this.reversedKeyframes, properties: this.properties });
     return this;
   }
-  computedPlaybackRate;
-  duration;
-  totalTimeInvisible;
   setPlaybackRate(playbackRate) {
     const narrowedPlaybackRate = Math.max(0, playbackRate);
     this.computedPlaybackRate = narrowedPlaybackRate;
@@ -3558,7 +3209,6 @@ class Animateable {
   reversed() {
     this.computedStatus = "reversed";
   }
-  invisibleAt;
   listenForVisibilitychange() {
     if (this.visibilitychange.active.size === 0) {
       this.totalTimeInvisible = 0;
@@ -3574,7 +3224,6 @@ class Animateable {
       });
     }
   }
-  computedRequest;
   createAnimate(type) {
     return (effect, options = {}) => {
       const { interpolate: interpolateOptions } = createDeepMerge(options)(defaultAnimateOptions);
@@ -3595,7 +3244,6 @@ class Animateable {
       return this;
     };
   }
-  startTime;
   setStartTimeAndStatus(type, timestamp) {
     switch (type) {
       case "play":
@@ -4186,17 +3834,23 @@ const easingsNetInOutBack = [
   1.6
 ];
 
+var __defProp$f = Object.defineProperty;
+var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$f = (obj, key, value) => __defNormalProp$f(obj, typeof key !== "symbol" ? key + "" : key, value);
 const defaultOptions$7 = {
   name: "baleada"
 };
 class Broadcastable {
-  name;
   constructor(state, options = {}) {
+    __publicField$f(this, "name");
+    __publicField$f(this, "computedStatus");
+    __publicField$f(this, "computedChannel");
+    __publicField$f(this, "computedError");
+    __publicField$f(this, "computedState");
     this.setState(state);
     this.name = options.name ?? defaultOptions$7.name;
     this.ready();
   }
-  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -4209,15 +3863,12 @@ class Broadcastable {
   get status() {
     return this.computedStatus;
   }
-  computedChannel;
   get channel() {
     return this.computedChannel || (this.computedChannel = new BroadcastChannel(this.name));
   }
-  computedError;
   get error() {
     return this.computedError;
   }
-  computedState;
   setState(state) {
     this.computedState = state;
     return this;
@@ -4258,12 +3909,19 @@ function toMessageListenParams(instance, effect) {
   ];
 }
 
+var __defProp$e = Object.defineProperty;
+var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$e = (obj, key, value) => __defNormalProp$e(obj, typeof key !== "symbol" ? key + "" : key, value);
 const defaultOptions$6 = {
   locales: "en",
   collator: { sensitivity: "base" }
 };
 class Compareable {
   constructor(string, options = {}) {
+    __publicField$e(this, "computedStatus");
+    __publicField$e(this, "computedCollator");
+    __publicField$e(this, "computedComparison");
+    __publicField$e(this, "computedString");
     const locales = options.locales || defaultOptions$6.locales, collatorOptions = { ...defaultOptions$6.collator, ...options.collator }, key = locales + pipe(
       createEntries(),
       sort((a, b) => a[0] < b[0] ? -1 : 1),
@@ -4273,7 +3931,6 @@ class Compareable {
     this.setString(string);
     this.ready();
   }
-  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -4286,15 +3943,12 @@ class Compareable {
   get status() {
     return this.computedStatus;
   }
-  computedCollator;
   get collator() {
     return this.computedCollator;
   }
-  computedComparison;
   get comparison() {
     return this.computedComparison;
   }
-  computedString;
   setString(string) {
     this.computedString = string;
     return this;
@@ -4314,6 +3968,9 @@ class Compareable {
 }
 const cache = {};
 
+var __defProp$d = Object.defineProperty;
+var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$d = (obj, key, value) => __defNormalProp$d(obj, typeof key !== "symbol" ? key + "" : key, value);
 const defaultOptions$5 = {
   segment: {
     from: "start",
@@ -4326,11 +3983,14 @@ const defaultCompleteOptions = {
   select: "completionEnd"
 };
 class Completeable {
-  segmentFrom;
-  segmentTo;
-  divider;
-  computedDividerIndices;
   constructor(string, options = {}) {
+    __publicField$d(this, "segmentFrom");
+    __publicField$d(this, "segmentTo");
+    __publicField$d(this, "divider");
+    __publicField$d(this, "computedDividerIndices");
+    __publicField$d(this, "computedStatus");
+    __publicField$d(this, "computedString");
+    __publicField$d(this, "computedSelection");
     this.constructing();
     this.segmentFrom = options?.segment?.from || defaultOptions$5.segment.from;
     this.segmentTo = options?.segment?.to || defaultOptions$5.segment.to;
@@ -4343,7 +4003,6 @@ class Completeable {
   constructing() {
     this.computedStatus = "constructing";
   }
-  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -4377,6 +4036,7 @@ class Completeable {
         return 0;
       case "selection":
         return this.selection.start;
+      // No arithmetic needed, because the first character of the selection should be included
       case "divider":
         return this.dividerIndices.before + 1;
     }
@@ -4387,11 +4047,11 @@ class Completeable {
         return this.string.length;
       case "selection":
         return this.selection.end;
+      // No arithmetic needed, because the browser sets selection end as the first character not highlighted in the selection
       case "divider":
         return this.dividerIndices.after;
     }
   }
-  computedString;
   setString(string) {
     this.computedString = string;
     switch (this.status) {
@@ -4403,7 +4063,6 @@ class Completeable {
     }
     return this;
   }
-  computedSelection;
   setSelection(selection) {
     this.computedSelection = selection;
     this.setDividerIndices();
@@ -4494,12 +4153,19 @@ function toNextMatch({ string, re, from }) {
   return indexOf;
 }
 
+var __defProp$c = Object.defineProperty;
+var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$c = (obj, key, value) => __defNormalProp$c(obj, typeof key !== "symbol" ? key + "" : key, value);
 class Copyable {
-  computedIsClipboardText;
-  copyListenable;
-  cutListenable;
-  copyAndCutEffect;
   constructor(string, options = {}) {
+    __publicField$c(this, "computedIsClipboardText");
+    __publicField$c(this, "copyListenable");
+    __publicField$c(this, "cutListenable");
+    __publicField$c(this, "copyAndCutEffect");
+    __publicField$c(this, "computedStatus");
+    __publicField$c(this, "computedString");
+    __publicField$c(this, "computedResponse");
+    __publicField$c(this, "computedError");
     this.computedIsClipboardText = false;
     this.copyListenable = new Listenable("copy");
     this.cutListenable = new Listenable("cut");
@@ -4510,7 +4176,6 @@ class Copyable {
     this.setString(string);
     this.ready();
   }
-  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -4532,13 +4197,10 @@ class Copyable {
   get error() {
     return this.computedError;
   }
-  computedString;
   setString(string) {
     this.computedString = string;
     return this;
   }
-  computedResponse;
-  computedError;
   async copy(options = { kind: "clipboard" }) {
     this.copying();
     const { kind } = options;
@@ -4586,13 +4248,19 @@ class Copyable {
   }
 }
 
+var __defProp$b = Object.defineProperty;
+var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$b = (obj, key, value) => __defNormalProp$b(obj, typeof key !== "symbol" ? key + "" : key, value);
 const defaultOptions$4 = {
   delay: 0,
   executions: 1
 };
 class Delayable {
-  animateable;
   constructor(effect, options = {}) {
+    __publicField$b(this, "animateable");
+    __publicField$b(this, "computedStatus");
+    __publicField$b(this, "computedEffect");
+    __publicField$b(this, "frameEffect");
     this.animateable = new Animateable(
       [
         { progress: 0, properties: { progress: 0 } },
@@ -4606,7 +4274,6 @@ class Delayable {
     this.setEffect(effect);
     this.ready();
   }
-  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -4628,14 +4295,12 @@ class Delayable {
   get progress() {
     return this.animateable.progress.time;
   }
-  computedEffect;
   setEffect(effect) {
     this.stop();
     this.computedEffect = effect;
     this.setFrameEffect(effect);
     return this;
   }
-  frameEffect;
   setFrameEffect(effect) {
     this.frameEffect = (frame) => {
       const { properties: { progress }, timestamp } = frame;
@@ -4733,18 +4398,22 @@ class Delayable {
   }
 }
 
+var __defProp$a = Object.defineProperty;
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$a = (obj, key, value) => __defNormalProp$a(obj, typeof key !== "symbol" ? key + "" : key, value);
 const defaultOptions$3 = {
   toD: (stroke) => stroke.length === 0 ? "" : toD(stroke)
 };
 class Drawable {
-  computedD;
-  toD;
   constructor(stroke, options = {}) {
+    __publicField$a(this, "computedD");
+    __publicField$a(this, "toD");
+    __publicField$a(this, "computedStatus");
+    __publicField$a(this, "computedStroke");
     this.toD = options?.toD || defaultOptions$3.toD;
     this.setStroke(stroke);
     this.ready();
   }
-  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -4760,7 +4429,6 @@ class Drawable {
   get d() {
     return this.computedD;
   }
-  computedStroke;
   setStroke(stroke) {
     this.computedStroke = stroke;
     this.computedD = this.toD(stroke);
@@ -4780,8 +4448,7 @@ class Drawable {
   }
 }
 function toD(stroke) {
-  if (stroke.length < 4)
-    return "";
+  if (stroke.length < 4) return "";
   let a = stroke[0];
   let b = stroke[1];
   const c = stroke[2];
@@ -4794,8 +4461,7 @@ function toD(stroke) {
   return `${result}Z`;
 }
 function toFlattenedD(stroke) {
-  if (stroke.length === 0)
-    return "";
+  if (stroke.length === 0) return "";
   const faces = polygonClipping.union([stroke]);
   const flattenedD = [];
   for (const face of faces) {
@@ -4807,12 +4473,18 @@ function toFlattenedD(stroke) {
 }
 const toSpaceSeparated = join(" ");
 
+var __defProp$9 = Object.defineProperty;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$9 = (obj, key, value) => __defNormalProp$9(obj, typeof key !== "symbol" ? key + "" : key, value);
 class Resolveable {
   constructor(getPromise, options = {}) {
+    __publicField$9(this, "computedStatus");
+    __publicField$9(this, "computedGetPromise");
+    __publicField$9(this, "computedValue");
+    __publicField$9(this, "computedError");
     this.setGetPromise(getPromise);
     this.ready();
   }
-  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -4831,13 +4503,10 @@ class Resolveable {
   get error() {
     return this.computedError;
   }
-  computedGetPromise;
   setGetPromise(getPromise) {
     this.computedGetPromise = getPromise;
     return this;
   }
-  computedValue;
-  computedError;
   async resolve() {
     this.resolving();
     try {
@@ -4860,13 +4529,23 @@ class Resolveable {
   }
 }
 
+var __defProp$8 = Object.defineProperty;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$8 = (obj, key, value) => __defNormalProp$8(obj, typeof key !== "symbol" ? key + "" : key, value);
 class Fetchable {
-  computedArrayBuffer;
-  computedBlob;
-  computedFormData;
-  computedJson;
-  computedText;
   constructor(resource, options = {}) {
+    __publicField$8(this, "computedArrayBuffer");
+    __publicField$8(this, "computedBlob");
+    __publicField$8(this, "computedFormData");
+    __publicField$8(this, "computedJson");
+    __publicField$8(this, "computedText");
+    __publicField$8(this, "computedStatus");
+    __publicField$8(this, "computedKy");
+    __publicField$8(this, "computedAbortController");
+    __publicField$8(this, "computedRetryCount", 0);
+    __publicField$8(this, "computedResource");
+    __publicField$8(this, "computedResponse");
+    __publicField$8(this, "computedError");
     this.setResource(resource);
     this.computedKy = ky.create(narrowOptions(options.ky));
     this.computedArrayBuffer = new Resolveable(async () => "arrayBuffer" in this.response ? await this.response.arrayBuffer() : void 0);
@@ -4876,7 +4555,6 @@ class Fetchable {
     this.computedText = new Resolveable(async () => "text" in this.response ? await this.response.text() : void 0);
     this.ready();
   }
-  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -4889,17 +4567,13 @@ class Fetchable {
   get status() {
     return this.computedStatus;
   }
-  computedKy;
   get ky() {
     return this.computedKy;
   }
-  computedAbortController;
   get abortController() {
-    if (!this.computedAbortController)
-      this.computedAbortController = new AbortController();
+    if (!this.computedAbortController) this.computedAbortController = new AbortController();
     return this.computedAbortController;
   }
-  computedRetryCount = 0;
   get retryCount() {
     return this.computedRetryCount;
   }
@@ -4924,13 +4598,10 @@ class Fetchable {
   get text() {
     return this.computedText;
   }
-  computedResource;
   setResource(resource) {
     this.computedResource = resource;
     return this;
   }
-  computedResponse;
-  computedError;
   async fetch(options = {}) {
     this.fetching();
     try {
@@ -4954,10 +4625,8 @@ class Fetchable {
       this.fetched();
     } catch (error) {
       this.computedError = error;
-      if (error.name === "AbortError")
-        this.aborted();
-      else
-        this.errored();
+      if (error.name === "AbortError") this.aborted();
+      else this.errored();
     }
     return this;
   }
@@ -5006,17 +4675,21 @@ class Fetchable {
   }
 }
 function narrowOptions(options) {
-  if (!options)
-    return {};
+  if (!options) return {};
   return predicateFunction(options) ? options({ stop: ky.stop }) : options;
 }
 
+var __defProp$7 = Object.defineProperty;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$7 = (obj, key, value) => __defNormalProp$7(obj, typeof key !== "symbol" ? key + "" : key, value);
 class Fullscreenable {
   constructor(getElement, options = {}) {
+    __publicField$7(this, "computedStatus");
+    __publicField$7(this, "computedGetElement");
+    __publicField$7(this, "computedError");
     this.setGetElement(getElement);
     this.ready();
   }
-  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -5035,7 +4708,6 @@ class Fullscreenable {
   get error() {
     return this.computedError;
   }
-  computedGetElement;
   setGetElement(getElement) {
     this.computedGetElement = () => getElement();
     return this;
@@ -5044,7 +4716,6 @@ class Fullscreenable {
     await this.fullscreen(options);
     return this;
   }
-  computedError;
   async fullscreen(options = {}) {
     try {
       await this.element.requestFullscreen(options);
@@ -5076,12 +4747,18 @@ class Fullscreenable {
   }
 }
 
+var __defProp$6 = Object.defineProperty;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$6 = (obj, key, value) => __defNormalProp$6(obj, typeof key !== "symbol" ? key + "" : key, value);
 class Grantable {
   constructor(descriptor, options = {}) {
+    __publicField$6(this, "computedStatus");
+    __publicField$6(this, "computedDescriptor");
+    __publicField$6(this, "computedPermission");
+    __publicField$6(this, "computedError");
     this.setDescriptor(descriptor);
     this.ready();
   }
-  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -5100,13 +4777,10 @@ class Grantable {
   get status() {
     return this.computedStatus;
   }
-  computedDescriptor;
   setDescriptor(descriptor) {
     this.computedDescriptor = descriptor;
     return this;
   }
-  computedPermission;
-  computedError;
   async grant() {
     this.granting();
     try {
@@ -5129,6 +4803,9 @@ class Grantable {
   }
 }
 
+var __defProp$5 = Object.defineProperty;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$5 = (obj, key, value) => __defNormalProp$5(obj, typeof key !== "symbol" ? key + "" : key, value);
 const defaultOptions$2 = {
   initialLocation: 0
 };
@@ -5139,22 +4816,22 @@ const defaultNextAndPreviousOptions = {
 };
 class Navigateable {
   constructor(array, options = {}) {
+    __publicField$5(this, "computedStatus");
+    __publicField$5(this, "computedArray");
+    __publicField$5(this, "computedLocation");
     this.setArray(array);
     this.navigate(options?.initialLocation ?? defaultOptions$2.initialLocation);
     this.ready();
   }
-  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
-  computedArray;
   get array() {
     return this.computedArray;
   }
   set array(value) {
     this.setArray(value);
   }
-  computedLocation;
   get location() {
     return this.computedLocation;
   }
@@ -5273,6 +4950,183 @@ class Navigateable {
   }
 }
 
+var __defProp$4 = Object.defineProperty;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$4 = (obj, key, value) => __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
+function createDefineObjectStore() {
+  return (transaction, storeName) => {
+    return transaction.objectStore(storeName);
+  };
+}
+class Operateable {
+  constructor(objectStore, options = {}) {
+    __publicField$4(this, "listenables", []);
+    __publicField$4(this, "computedObjectStore");
+    __publicField$4(this, "computedStatus");
+    __publicField$4(this, "computedError");
+    this.computedObjectStore = objectStore;
+    this.ready();
+  }
+  ready() {
+    this.computedStatus = "ready";
+  }
+  get objectStore() {
+    return this.computedObjectStore;
+  }
+  set objectStore(objectStore) {
+    this.setObjectStore(objectStore);
+  }
+  get status() {
+    return this.computedStatus;
+  }
+  get error() {
+    return this.computedError;
+  }
+  setObjectStore(objectStore) {
+    this.stop();
+    this.computedObjectStore = objectStore;
+    return this;
+  }
+  operate(descriptors) {
+    if (!descriptors.length) {
+      this.operated();
+      return this;
+    }
+    this.operating();
+    const [present, ...future] = descriptors, { operation } = present, request = (() => {
+      switch (operation) {
+        case "add": {
+          const { value, key } = present;
+          return this.objectStore.add(value, key);
+        }
+        case "put": {
+          const { value, key } = present;
+          return this.objectStore.put(value, key);
+        }
+        case "get": {
+          const { query } = present;
+          return this.objectStore.get(query);
+        }
+        case "getKey": {
+          const { query } = present;
+          return this.objectStore.getKey(query);
+        }
+        case "getAll": {
+          const { query, count } = present;
+          return this.objectStore.getAll(query, count);
+        }
+        case "getAllKeys": {
+          const { query, count } = present;
+          return this.objectStore.getAllKeys(query, count);
+        }
+        case "getAllRecords": {
+          const { query, count } = present;
+          return this.objectStore.getAllRecords(query, count);
+        }
+        case "delete": {
+          const { query } = present;
+          return this.objectStore.delete(query);
+        }
+        case "clear":
+          return this.objectStore.clear();
+        case "count": {
+          const { query } = present;
+          return this.objectStore.count(query);
+        }
+        case "openCursor": {
+          const { query, direction } = present;
+          return this.objectStore.openCursor(query, direction);
+        }
+        case "openKeyCursor": {
+          const { query, direction } = present;
+          return this.objectStore.openKeyCursor(query, direction);
+        }
+      }
+    })(), listenables = [
+      new Listenable("success").listen(
+        () => {
+          if (!operation.includes("Cursor") || !request.result) stopListenables();
+          if ("effect" in present) present.effect?.(request.result);
+          if (!future.length) {
+            this.operated();
+            return;
+          }
+          this.operate(future);
+        },
+        { target: request }
+      ),
+      new Listenable("error").listen(
+        () => {
+          stopListenables();
+          this.computedError = request.error;
+          this.errored();
+        },
+        { target: request }
+      )
+    ], stopListenables = () => this.stopListenables(listenables);
+    this.listenables.push(...listenables);
+    return this;
+  }
+  operating() {
+    this.computedStatus = "operating";
+  }
+  operated() {
+    this.computedStatus = "operated";
+  }
+  errored() {
+    this.computedStatus = "errored";
+  }
+  add(descriptor) {
+    return this.operate([{ ...descriptor, operation: "add" }]);
+  }
+  put(descriptor) {
+    return this.operate([{ ...descriptor, operation: "put" }]);
+  }
+  get(descriptor) {
+    return this.operate([{ ...descriptor, operation: "get" }]);
+  }
+  getKey(descriptor) {
+    return this.operate([{ ...descriptor, operation: "getKey" }]);
+  }
+  getAll(descriptor) {
+    return this.operate([{ ...descriptor, operation: "getAll" }]);
+  }
+  getAllKeys(descriptor) {
+    return this.operate([{ ...descriptor, operation: "getAllKeys" }]);
+  }
+  getAllRecords(descriptor) {
+    return this.operate([{ ...descriptor, operation: "getAllRecords" }]);
+  }
+  delete(descriptor) {
+    return this.operate([{ ...descriptor, operation: "delete" }]);
+  }
+  clear(descriptor) {
+    return this.operate([{ ...descriptor, operation: "clear" }]);
+  }
+  count(descriptor) {
+    return this.operate([{ ...descriptor, operation: "count" }]);
+  }
+  openCursor(descriptor) {
+    return this.operate([{ ...descriptor, operation: "openCursor" }]);
+  }
+  openKeyCursor(descriptor) {
+    return this.operate([{ ...descriptor, operation: "openKeyCursor" }]);
+  }
+  stop() {
+    this.stopListenables(this.listenables);
+    return this;
+  }
+  stopListenables(listenables) {
+    for (const listenable of listenables) listenable.stop();
+    this.listenables = createFilter(
+      (l) => !includes(l)(listenables)
+    )(this.listenables);
+  }
+}
+
+var __defProp$3 = Object.defineProperty;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$3 = (obj, key, value) => __defNormalProp$3(obj, typeof key !== "symbol" ? key + "" : key, value);
 const defaultOptions$1 = {
   initialPicks: []
 };
@@ -5282,33 +5136,36 @@ const defaultPickOptions = {
 };
 class Pickable {
   constructor(array, options = {}) {
+    __publicField$3(this, "computedStatus");
+    __publicField$3(this, "computedArray");
+    __publicField$3(this, "computedPicks");
+    __publicField$3(this, "computedFirst");
+    __publicField$3(this, "computedLast");
+    __publicField$3(this, "toItems", createMap((index) => this.array[index]));
+    __publicField$3(this, "computedMultiple");
+    __publicField$3(this, "toPossiblePicks");
     this.setArray(array);
     this.pick(options.initialPicks ?? defaultOptions$1.initialPicks);
     this.ready();
   }
-  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
-  computedArray;
   get array() {
     return this.computedArray;
   }
   set array(array) {
     this.setArray(array);
   }
-  computedPicks;
   get picks() {
     return this.computedPicks;
   }
   set picks(indices) {
     this.pick(indices);
   }
-  computedFirst;
   get first() {
     return this.computedFirst;
   }
-  computedLast;
   get last() {
     return this.computedLast;
   }
@@ -5321,15 +5178,12 @@ class Pickable {
   get items() {
     return this.toItems(this.picks);
   }
-  toItems = createMap((index) => this.array[index]);
-  computedMultiple;
   get multiple() {
     return this.computedMultiple;
   }
   get status() {
     return this.computedStatus;
   }
-  toPossiblePicks;
   setArray(array) {
     this.computedArray = array;
     this.toPossiblePicks = createFilter((index) => index >= 0 && index < array.length);
@@ -5344,8 +5198,7 @@ class Pickable {
       narrowIndices,
       this.toPossiblePicks,
       (possiblePicks) => {
-        if (replace === "all")
-          return allowsDuplicates ? possiblePicks : toUnique(possiblePicks);
+        if (replace === "all") return allowsDuplicates ? possiblePicks : toUnique(possiblePicks);
         const maybeWithoutDuplicates = allowsDuplicates ? possiblePicks : createFilter(
           (possiblePick) => typeof find((pick) => pick === possiblePick)(this.picks || []) !== "number"
         )(possiblePicks);
@@ -5422,12 +5275,18 @@ function narrowIndices(indexOrIndices) {
 }
 const toUnique = createUnique();
 
+var __defProp$2 = Object.defineProperty;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$2 = (obj, key, value) => __defNormalProp$2(obj, typeof key !== "symbol" ? key + "" : key, value);
 class Shareable {
   constructor(shareData, options = {}) {
+    __publicField$2(this, "computedStatus");
+    __publicField$2(this, "computedCan");
+    __publicField$2(this, "computedError");
+    __publicField$2(this, "computedState");
     this.setShareData(shareData);
     this.ready();
   }
-  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -5440,15 +5299,12 @@ class Shareable {
   get status() {
     return this.computedStatus;
   }
-  computedCan;
   get can() {
     return this.computedCan;
   }
-  computedError;
   get error() {
     return this.computedError;
   }
-  computedState;
   setShareData(shareData) {
     this.computedState = shareData;
     this.computedCan = new Resolveable(async () => await navigator.canShare(shareData));
@@ -5476,14 +5332,22 @@ class Shareable {
   }
 }
 
+var __defProp$1 = Object.defineProperty;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$1 = (obj, key, value) => __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
 const defaultOptions = {
   kind: "local",
   statusKeySuffix: " status"
 };
 class Storeable {
-  kind;
-  statusKeySuffix;
   constructor(key, options = {}) {
+    __publicField$1(this, "kind");
+    __publicField$1(this, "statusKeySuffix");
+    __publicField$1(this, "computedStatus");
+    __publicField$1(this, "computedKey");
+    __publicField$1(this, "computedStatusKey");
+    __publicField$1(this, "computedString");
+    __publicField$1(this, "computedError");
     this.constructing();
     this.kind = options.kind ?? defaultOptions.kind;
     this.statusKeySuffix = options.statusKeySuffix ?? defaultOptions.statusKeySuffix;
@@ -5493,7 +5357,6 @@ class Storeable {
   constructing() {
     this.computedStatus = "constructing";
   }
-  computedStatus;
   ready() {
     this.computedStatus = "ready";
     if (getDomAvailability() === "available") {
@@ -5531,8 +5394,6 @@ class Storeable {
   get error() {
     return this.computedError;
   }
-  computedKey;
-  computedStatusKey;
   setKey(key) {
     let string;
     switch (this.status) {
@@ -5558,8 +5419,6 @@ class Storeable {
     }
     return this;
   }
-  computedString;
-  computedError;
   store(string) {
     try {
       this.storage.setItem(this.key, string);
@@ -5597,4 +5456,361 @@ class Storeable {
   }
 }
 
-export { Animateable, Broadcastable, Compareable, Completeable, Copyable, Delayable, Drawable, Fetchable, Fullscreenable, Grantable, Hover, Keychord, Keypress, Keyrelease, Konami, Listenable, Mousepress, Mouserelease, Navigateable, Pickable, Recognizeable, Resolveable, Shareable, Storeable, Touchpress, Touchrelease, createFormat$2 as createArrayFormat, createClear$2 as createAssociativeArrayClear, createDelete$2 as createAssociativeArrayDelete, createHas$1 as createAssociativeArrayHas, createKeys$1 as createAssociativeArrayKeys, createSet$2 as createAssociativeArraySet, createValue$2 as createAssociativeArrayValue, createValues$1 as createAssociativeArrayValues, createBreadthPathConfig, createChildren, createClamp, createClear$1 as createClear, createClip, createClone, createComputedStyle, createConcat, createFormat$1 as createDateFormat, createAncestor$1 as createDecisionTreeAncestor, createCommonAncestors$1 as createDecisionTreeCommonAncestors, createNodeDepthFirstSteps$1 as createDecisionTreeNodeDepthFirstSteps, createPath$1 as createDecisionTreePath, createDepthFirstSteps$1 as createDecisionTreeSteps, createTree$1 as createDecisionTreeTree, createDeepEqual, createDeepMerge, createDelete$1 as createDelete, createDepthPathConfig, createDetermine, createAncestor$2 as createDirectedAcyclicAncestor, createAncestor as createDirectedAcyclicAsyncAncestor, createCommonAncestors as createDirectedAcyclicAsyncCommonAncestors, createDepthFirstSteps as createDirectedAcyclicAsyncDepthFirstSteps, createLayers as createDirectedAcyclicAsyncLayers, createNodeDepthFirstSteps as createDirectedAcyclicAsyncNodeDepthFirstSteps, createPath as createDirectedAcyclicAsyncPath, createTree as createDirectedAcyclicAsyncTree, createCommonAncestors$2 as createDirectedAcyclicCommonAncestors, createDepthFirstSteps$2 as createDirectedAcyclicDepthFirstSteps, createLayers$1 as createDirectedAcyclicLayers, createNodeDepthFirstSteps$2 as createDirectedAcyclicNodeDepthFirstSteps, createPath$2 as createDirectedAcyclicPath, createRoots as createDirectedAcyclicRoots, createTree$2 as createDirectedAcyclicTree, createEntries, createEqual, createEvery, createFilter, createFilterAsync, createFindAsync, createFindIndexAsync, createFocusable, createForEachAsync, createGraph, createGreater, createGreaterOrEqual, createHas, createHover, createIncoming, createIndegree, createInsert, createKeychord, createKeycomboMatch$1 as createKeycomboMatch, createKeypress, createKeyrelease, createKeys, createKonami, createLess, createLessOrEqual, createList, createMap, createMapAsync, createMix, createMousepress, createMouserelease, createNumber, createFormat as createNumberFormat, createOmit, createOnlyChild, createOutdegree, createOutgoing, createPick, createReduce, createReduceAsync, createRemove, createReorder, createReplace, createResults, createReverse, createRoot, createSanitize, createSet$1 as createSet, createShuffle, createSiblings, createSlice, createSlug, createSome, createSort, createSwap, createTerminal, createTotalSiblings, createTouchpress, createTouchrelease, createFind as createTreeFind, createTry, createTryAsync, createUnique, createValue$1 as createValue, defineAssociativeArray, defineGraph, defineGraphAsync, defineGraphAsyncEdge, defineGraphAsyncEdges, defineGraphEdge, defineGraphEdges, defineGraphNode, defineGraphNodes, easingsNetInBack, easingsNetInCirc, easingsNetInCubic, easingsNetInExpo, easingsNetInOutBack, easingsNetInOutCirc, easingsNetInOutCubic, easingsNetInOutExpo, easingsNetInOutQuad, easingsNetInOutQuint, easingsNetInOutSine, easingsNetInQuad, easingsNetInQuart, easingsNetInQuint, easingsNetInSine, easingsNetOutBack, easingsNetOutCirc, easingsNetOutCubic, easingsNetOutExpo, easingsNetOutQuad, easingsNetOutQuint, easingsNetOutSine, fromAliasToCode, fromCodeToAliases, fromKeyboardEventDescriptorToAliases, fromShorthandAliasToLonghandAlias, linear, materialAccelerated, materialDecelerated, materialStandard, toD, toFlattenedD, toMessageListenParams, verouEase, verouEaseIn, verouEaseInOut, verouEaseOut };
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+class Transactable {
+  constructor(name, options = {}) {
+    __publicField(this, "computedStatus");
+    __publicField(this, "listenables", []);
+    __publicField(this, "computedDb");
+    __publicField(this, "computedError");
+    __publicField(this, "computedName");
+    this.constructing();
+    this.computedName = name;
+    this.ready();
+  }
+  constructing() {
+    this.computedStatus = "constructing";
+  }
+  ready() {
+    this.computedStatus = "ready";
+  }
+  get name() {
+    return this.computedName;
+  }
+  set name(name) {
+    this.setName(name);
+  }
+  get db() {
+    return this.computedDb;
+  }
+  get error() {
+    return this.computedError;
+  }
+  get status() {
+    return this.computedStatus;
+  }
+  setName(name) {
+    this.stop();
+    this.computedName = name;
+    return this;
+  }
+  open(options = {}) {
+    const { version } = options, status = this.status;
+    this.opening();
+    switch (status) {
+      // IDB is not open-ish, IDB is not expected to open
+      case "constructing":
+      case "ready":
+      case "openerrored":
+      case "closed":
+      case "deleted":
+      case "closing":
+      case "deleteerrored":
+      case "deleting":
+        this.requestOpen(options);
+        return this;
+      // IDB is not open-ish, IDB is expected to open
+      case "opening":
+        return this;
+      // IDB is open-ish
+      case "openblocked":
+      case "opened":
+      case "transacting":
+      case "transacted":
+      case "transacterrored":
+      case "transactaborted":
+      case "upgradeneeded":
+        if (version ?? -1 > this.db.version) {
+          this.requestOpen(options);
+          return this;
+        }
+        this[status]();
+        return this;
+    }
+  }
+  requestOpen(options) {
+    const { version, upgradeEffect } = options, request = indexedDB.open(this.computedName, version), listenables = [
+      new Listenable("success").listen(
+        () => {
+          stopListenables();
+          switch (this.status) {
+            case "closing":
+              request.result.close();
+              this.closed();
+              return;
+            case "deleting":
+              const db = request.result;
+              db.close();
+              this.requestDelete();
+              return;
+            default:
+              this.computedDb = request.result;
+              this.opened();
+              return;
+          }
+        },
+        { target: request }
+      ),
+      new Listenable("blocked").listen(
+        () => {
+          switch (this.status) {
+            case "closing":
+              request.result.close();
+              this.closed();
+              stopListenables();
+              return;
+            case "deleting":
+              const db = request.result;
+              db.close();
+              this.requestDelete();
+              stopListenables();
+              return;
+            default:
+              this.openblocked();
+              return;
+          }
+        },
+        { target: request }
+      ),
+      new Listenable("error").listen(
+        () => {
+          stopListenables();
+          switch (this.status) {
+            case "closing":
+              request.result?.close();
+              this.closed();
+              return;
+            case "deleting":
+              const db = request.result;
+              db?.close();
+              this.requestDelete();
+              return;
+            default:
+              this.computedError = request.error;
+              this.openerrored();
+              return;
+          }
+        },
+        { target: request }
+      ),
+      new Listenable("upgradeneeded").listen(
+        () => {
+          switch (this.status) {
+            case "closing":
+              request.result.close();
+              return;
+            case "deleting":
+              const db = request.result;
+              db.close();
+              this.requestDelete();
+              return;
+            default:
+              this.computedDb = request.result;
+              this.upgradeneeded();
+              upgradeEffect?.(request.result);
+              return;
+          }
+        },
+        { target: request }
+      )
+    ], stopListenables = () => this.stopListenables(listenables);
+    this.listenables.push(...listenables);
+  }
+  opening() {
+    this.computedStatus = "opening";
+  }
+  opened() {
+    this.computedStatus = "opened";
+  }
+  openblocked() {
+    this.computedStatus = "openblocked";
+  }
+  openerrored() {
+    this.computedStatus = "openerrored";
+  }
+  upgradeneeded() {
+    this.computedStatus = "upgradeneeded";
+  }
+  transact(effect, options = {}) {
+    const {
+      storeNames = [],
+      mode = "readonly",
+      ...transactionOptions
+    } = options, transaction = this.db.transaction(storeNames, mode, transactionOptions), listenables = [
+      new Listenable("complete").listen(
+        () => {
+          switch (this.status) {
+            case "closing":
+              this.closed();
+              break;
+            default:
+              this.transacted();
+              break;
+          }
+          stopListenables();
+        },
+        { target: transaction }
+      ),
+      new Listenable("error").listen(
+        () => {
+          this.transacterrored();
+          this.computedError = transaction.error;
+          stopListenables();
+        },
+        { target: transaction }
+      ),
+      new Listenable("abort").listen(
+        () => {
+          this.transactaborted();
+          stopListenables();
+        },
+        { target: transaction }
+      )
+    ], stopListenables = () => this.stopListenables(listenables);
+    this.listenables.push(...listenables);
+    this.transacting();
+    effect(transaction);
+    return this;
+  }
+  transacted() {
+    this.computedStatus = "transacted";
+  }
+  transacterrored() {
+    this.computedStatus = "transacterrored";
+  }
+  transactaborted() {
+    this.computedStatus = "transactaborted";
+  }
+  transacting() {
+    this.computedStatus = "transacting";
+  }
+  readonly(effect, options = {}) {
+    return this.transact(effect, { ...options, mode: "readonly" });
+  }
+  readwrite(effect, options = {}) {
+    return this.transact(effect, { ...options, mode: "readwrite" });
+  }
+  versionchange(effect, options = {}) {
+    return this.transact(effect, { ...options, mode: "versionchange" });
+  }
+  close() {
+    const status = this.status;
+    this.closing();
+    switch (status) {
+      // IDB is not closed, IDB is not expected to close
+      case "opened":
+      case "transacting":
+      case "transacted":
+      case "transacterrored":
+      case "transactaborted":
+        this.db.close();
+        this.closed();
+        return this;
+      // IDB is not closed, IDB is expected to close & update status
+      case "opening":
+      case "openblocked":
+      case "upgradeneeded":
+      case "closing":
+        return this;
+      // IDB is expected to close & delete
+      case "deleting":
+        this.deleting();
+        return this;
+      // IDB is closed
+      case "constructing":
+      case "ready":
+      case "openerrored":
+      case "closed":
+      case "deleted":
+      case "deleteerrored":
+        this.closed();
+        return this;
+    }
+  }
+  closing() {
+    this.computedStatus = "closing";
+  }
+  closed() {
+    this.computedStatus = "closed";
+  }
+  delete() {
+    const status = this.status;
+    this.deleting();
+    switch (status) {
+      // IDB is neither closed nor deleted, IDB is not expected to close nor delete
+      case "opened":
+      case "transacting":
+      case "transacted":
+      case "transacterrored":
+      case "transactaborted":
+        this.db.close();
+        this.closed();
+        this.requestDelete();
+        return this;
+      // IDB is neither closed nor deleted, IDB is expected to close & delete & update status
+      case "opening":
+      case "openblocked":
+      case "upgradeneeded":
+      case "deleting":
+        return this;
+      // IDB is closed, not deleted, IDB is not expected to delete
+      case "constructing":
+      case "ready":
+      case "openerrored":
+      case "closed":
+      case "deleteerrored":
+        this.requestDelete();
+        return this;
+      // IDB is closed & deleted
+      case "deleted":
+        this.deleted();
+        return this;
+      // Precluded
+      case "closing":
+        return this;
+    }
+  }
+  requestDelete() {
+    const request = indexedDB.deleteDatabase(this.computedName), listenables = [
+      new Listenable("success").listen(
+        () => {
+          this.deleted();
+          stopListenables();
+        },
+        { target: request }
+      ),
+      new Listenable("error").listen(
+        () => {
+          this.computedError = request.error;
+          this.deleteerrored();
+          stopListenables();
+        },
+        { target: request }
+      )
+    ], stopListenables = () => this.stopListenables(listenables);
+    this.listenables.push(...listenables);
+  }
+  deleting() {
+    this.computedStatus = "deleting";
+  }
+  deleteerrored() {
+    this.computedStatus = "deleteerrored";
+  }
+  deleted() {
+    this.computedStatus = "deleted";
+  }
+  stop() {
+    this.stopListenables(this.listenables);
+    return this;
+  }
+  stopListenables(listenables) {
+    for (const listenable of listenables) listenable.stop();
+    this.listenables = createFilter(
+      (l) => !includes(l)(listenables)
+    )(this.listenables);
+  }
+}
+
+export { Animateable, Broadcastable, Compareable, Completeable, Copyable, Delayable, Drawable, Fetchable, Fullscreenable, Grantable, Keychord, Keypress, Keyrelease, Konami, Listenable, Navigateable, Operateable, Pickable, Pointerhover, Pointerpress, Recognizeable, Resolveable, Shareable, Storeable, Transactable, createFormat$2 as createArrayFormat, createClear$2 as createAssociativeArrayClear, createDelete$2 as createAssociativeArrayDelete, createHas$1 as createAssociativeArrayHas, createKeys$1 as createAssociativeArrayKeys, createSet$2 as createAssociativeArraySet, createValue$2 as createAssociativeArrayValue, createValues$1 as createAssociativeArrayValues, createBreadthPathConfig, createChildren, createClamp, createClear$1 as createClear, createClip, createClone, createComputedStyle, createConcat, createFormat$1 as createDateFormat, createAncestor$1 as createDecisionTreeAncestor, createCommonAncestors$1 as createDecisionTreeCommonAncestors, createNodeDepthFirstSteps$1 as createDecisionTreeNodeDepthFirstSteps, createPath$1 as createDecisionTreePath, createDepthFirstSteps$1 as createDecisionTreeSteps, createTree$1 as createDecisionTreeTree, createDeepEqual, createDeepMerge, createDefineObjectStore, createDelete$1 as createDelete, createDepthPathConfig, createDetermine, createAncestor$2 as createDirectedAcyclicAncestor, createAncestor as createDirectedAcyclicAsyncAncestor, createCommonAncestors as createDirectedAcyclicAsyncCommonAncestors, createDepthFirstSteps as createDirectedAcyclicAsyncDepthFirstSteps, createLayers as createDirectedAcyclicAsyncLayers, createNodeDepthFirstSteps as createDirectedAcyclicAsyncNodeDepthFirstSteps, createPath as createDirectedAcyclicAsyncPath, createTree as createDirectedAcyclicAsyncTree, createCommonAncestors$2 as createDirectedAcyclicCommonAncestors, createDepthFirstSteps$2 as createDirectedAcyclicDepthFirstSteps, createLayers$1 as createDirectedAcyclicLayers, createNodeDepthFirstSteps$2 as createDirectedAcyclicNodeDepthFirstSteps, createPath$2 as createDirectedAcyclicPath, createRoots as createDirectedAcyclicRoots, createTree$2 as createDirectedAcyclicTree, createEntries, createEqual, createEvery, createFilter, createFilterAsync, createFindAsync, createFindIndexAsync, createFocusable, createForEachAsync, createGraph, createGreater, createGreaterOrEqual, createHas, createIncoming, createIndegree, createInsert, createKeychord, createKeycomboMatch$1 as createKeycomboMatch, createKeypress, createKeyrelease, createKeys, createKonami, createLess, createLessOrEqual, createList, createMap, createMapAsync, createMix, createNumber, createFormat as createNumberFormat, createOmit, createOnlyChild, createOutdegree, createOutgoing, createPick, createPointerhover, createPointerpress, createReduce, createReduceAsync, createRemove, createReorder, createReplace, createResults, createReverse, createRoot, createSanitize, createSet$1 as createSet, createShuffle, createSiblings, createSlice, createSlug, createSome, createSort, createSwap, createTerminal, createTotalSiblings, createFind as createTreeFind, createTry, createTryAsync, createUnique, createValue$1 as createValue, defineAnimateableKeyframes, defineAssociativeArray, defineGraph, defineGraphAsync, defineGraphAsyncEdge, defineGraphAsyncEdges, defineGraphEdge, defineGraphEdges, defineGraphNode, defineGraphNodes, easingsNetInBack, easingsNetInCirc, easingsNetInCubic, easingsNetInExpo, easingsNetInOutBack, easingsNetInOutCirc, easingsNetInOutCubic, easingsNetInOutExpo, easingsNetInOutQuad, easingsNetInOutQuint, easingsNetInOutSine, easingsNetInQuad, easingsNetInQuart, easingsNetInQuint, easingsNetInSine, easingsNetOutBack, easingsNetOutCirc, easingsNetOutCubic, easingsNetOutExpo, easingsNetOutQuad, easingsNetOutQuint, easingsNetOutSine, fromAliasToCode, fromCodeToAliases, fromKeyboardEventDescriptorToAliases, fromShorthandAliasToLonghandAlias, linear, materialAccelerated, materialDecelerated, materialStandard, toD, toFlattenedD, toMessageListenParams, verouEase, verouEaseIn, verouEaseInOut, verouEaseOut };