@helpwave/hightide 0.1.11 → 0.1.13

package/dist/hooks/useFocusManagement.js

@@ -0,0 +1,84 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useFocusManagement.ts
+var useFocusManagement_exports = {};
+__export(useFocusManagement_exports, {
+  useFocusManagement: () => useFocusManagement
+});
+module.exports = __toCommonJS(useFocusManagement_exports);
+var import_react = require("react");
+function useFocusManagement() {
+  const getFocusableElements = (0, import_react.useCallback)(() => {
+    return Array.from(
+      document.querySelectorAll(
+        'input, button, select, textarea, a[href], [tabindex]:not([tabindex="-1"])'
+      )
+    ).filter(
+      (el) => el instanceof HTMLElement && !el.hasAttribute("disabled") && !el.hasAttribute("hidden") && el.tabIndex !== -1
+    );
+  }, []);
+  const getNextFocusElement = (0, import_react.useCallback)(() => {
+    const elements = getFocusableElements();
+    if (elements.length === 0) {
+      return void 0;
+    }
+    let nextElement = elements[0];
+    if (document.activeElement instanceof HTMLElement) {
+      const currentIndex = elements.indexOf(document.activeElement);
+      nextElement = elements[(currentIndex + 1) % elements.length];
+    }
+    return nextElement;
+  }, [getFocusableElements]);
+  const focusNext = (0, import_react.useCallback)(() => {
+    const nextElement = getNextFocusElement();
+    nextElement?.focus();
+  }, [getNextFocusElement]);
+  const getPreviousFocusElement = (0, import_react.useCallback)(() => {
+    const elements = getFocusableElements();
+    if (elements.length === 0) {
+      return void 0;
+    }
+    let previousElement = elements[0];
+    if (document.activeElement instanceof HTMLElement) {
+      const currentIndex = elements.indexOf(document.activeElement);
+      if (currentIndex === 0) {
+        previousElement = elements[elements.length - 1];
+      } else {
+        previousElement = elements[currentIndex - 1];
+      }
+    }
+    return previousElement;
+  }, [getFocusableElements]);
+  const focusPrevious = (0, import_react.useCallback)(() => {
+    const previousElement = getPreviousFocusElement();
+    if (previousElement) previousElement.focus();
+  }, [getPreviousFocusElement]);
+  return {
+    getFocusableElements,
+    getNextFocusElement,
+    getPreviousFocusElement,
+    focusNext,
+    focusPrevious
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useFocusManagement
+});
+//# sourceMappingURL=useFocusManagement.js.map

package/dist/hooks/useFocusManagement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useFocusManagement.ts"],"sourcesContent":["import { useCallback } from 'react'\n\nexport function useFocusManagement() {\n  const getFocusableElements = useCallback((): HTMLElement[] => {\n    return Array.from(\n      document.querySelectorAll(\n        'input, button, select, textarea, a[href], [tabindex]:not([tabindex=\"-1\"])'\n      )\n    ).filter(\n      (el): el is HTMLElement =>\n        el instanceof HTMLElement &&\n        !el.hasAttribute('disabled') &&\n        !el.hasAttribute('hidden') &&\n        el.tabIndex !== -1\n    )\n  }, [])\n\n  const getNextFocusElement = useCallback((): HTMLElement | undefined => {\n    const elements = getFocusableElements()\n    if(elements.length === 0) {\n      return undefined\n    }\n    let nextElement = elements[0]\n    if(document.activeElement instanceof HTMLElement) {\n      const currentIndex = elements.indexOf(document.activeElement)\n      nextElement = elements[(currentIndex + 1) % elements.length]\n    }\n    return nextElement\n  }, [getFocusableElements])\n\n  const focusNext = useCallback(() => {\n    const nextElement = getNextFocusElement()\n    nextElement?.focus()\n  }, [getNextFocusElement])\n\n  const getPreviousFocusElement = useCallback((): HTMLElement | undefined => {\n    const elements = getFocusableElements()\n    if(elements.length === 0) {\n      return undefined\n    }\n    let previousElement = elements[0]\n    if(document.activeElement instanceof HTMLElement) {\n      const currentIndex = elements.indexOf(document.activeElement)\n      if(currentIndex === 0) {\n        previousElement = elements[elements.length - 1]\n      } else {\n        previousElement = elements[currentIndex - 1]\n      }\n    }\n    return previousElement\n  }, [getFocusableElements])\n\n  const focusPrevious = useCallback(() => {\n    const previousElement = getPreviousFocusElement()\n    if (previousElement) previousElement.focus()\n  }, [getPreviousFocusElement])\n\n  return {\n    getFocusableElements,\n    getNextFocusElement,\n    getPreviousFocusElement,\n    focusNext,\n    focusPrevious,\n  }\n}"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA4B;AAErB,SAAS,qBAAqB;AACnC,QAAM,2BAAuB,0BAAY,MAAqB;AAC5D,WAAO,MAAM;AAAA,MACX,SAAS;AAAA,QACP;AAAA,MACF;AAAA,IACF,EAAE;AAAA,MACA,CAAC,OACC,cAAc,eACd,CAAC,GAAG,aAAa,UAAU,KAC3B,CAAC,GAAG,aAAa,QAAQ,KACzB,GAAG,aAAa;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,0BAAsB,0BAAY,MAA+B;AACrE,UAAM,WAAW,qBAAqB;AACtC,QAAG,SAAS,WAAW,GAAG;AACxB,aAAO;AAAA,IACT;AACA,QAAI,cAAc,SAAS,CAAC;AAC5B,QAAG,SAAS,yBAAyB,aAAa;AAChD,YAAM,eAAe,SAAS,QAAQ,SAAS,aAAa;AAC5D,oBAAc,UAAU,eAAe,KAAK,SAAS,MAAM;AAAA,IAC7D;AACA,WAAO;AAAA,EACT,GAAG,CAAC,oBAAoB,CAAC;AAEzB,QAAM,gBAAY,0BAAY,MAAM;AAClC,UAAM,cAAc,oBAAoB;AACxC,iBAAa,MAAM;AAAA,EACrB,GAAG,CAAC,mBAAmB,CAAC;AAExB,QAAM,8BAA0B,0BAAY,MAA+B;AACzE,UAAM,WAAW,qBAAqB;AACtC,QAAG,SAAS,WAAW,GAAG;AACxB,aAAO;AAAA,IACT;AACA,QAAI,kBAAkB,SAAS,CAAC;AAChC,QAAG,SAAS,yBAAyB,aAAa;AAChD,YAAM,eAAe,SAAS,QAAQ,SAAS,aAAa;AAC5D,UAAG,iBAAiB,GAAG;AACrB,0BAAkB,SAAS,SAAS,SAAS,CAAC;AAAA,MAChD,OAAO;AACL,0BAAkB,SAAS,eAAe,CAAC;AAAA,MAC7C;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,CAAC,oBAAoB,CAAC;AAEzB,QAAM,oBAAgB,0BAAY,MAAM;AACtC,UAAM,kBAAkB,wBAAwB;AAChD,QAAI,gBAAiB,iBAAgB,MAAM;AAAA,EAC7C,GAAG,CAAC,uBAAuB,CAAC;AAE5B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/hooks/useFocusManagement.mjs

@@ -0,0 +1,60 @@
+// src/hooks/useFocusManagement.ts
+import { useCallback } from "react";
+function useFocusManagement() {
+  const getFocusableElements = useCallback(() => {
+    return Array.from(
+      document.querySelectorAll(
+        'input, button, select, textarea, a[href], [tabindex]:not([tabindex="-1"])'
+      )
+    ).filter(
+      (el) => el instanceof HTMLElement && !el.hasAttribute("disabled") && !el.hasAttribute("hidden") && el.tabIndex !== -1
+    );
+  }, []);
+  const getNextFocusElement = useCallback(() => {
+    const elements = getFocusableElements();
+    if (elements.length === 0) {
+      return void 0;
+    }
+    let nextElement = elements[0];
+    if (document.activeElement instanceof HTMLElement) {
+      const currentIndex = elements.indexOf(document.activeElement);
+      nextElement = elements[(currentIndex + 1) % elements.length];
+    }
+    return nextElement;
+  }, [getFocusableElements]);
+  const focusNext = useCallback(() => {
+    const nextElement = getNextFocusElement();
+    nextElement?.focus();
+  }, [getNextFocusElement]);
+  const getPreviousFocusElement = useCallback(() => {
+    const elements = getFocusableElements();
+    if (elements.length === 0) {
+      return void 0;
+    }
+    let previousElement = elements[0];
+    if (document.activeElement instanceof HTMLElement) {
+      const currentIndex = elements.indexOf(document.activeElement);
+      if (currentIndex === 0) {
+        previousElement = elements[elements.length - 1];
+      } else {
+        previousElement = elements[currentIndex - 1];
+      }
+    }
+    return previousElement;
+  }, [getFocusableElements]);
+  const focusPrevious = useCallback(() => {
+    const previousElement = getPreviousFocusElement();
+    if (previousElement) previousElement.focus();
+  }, [getPreviousFocusElement]);
+  return {
+    getFocusableElements,
+    getNextFocusElement,
+    getPreviousFocusElement,
+    focusNext,
+    focusPrevious
+  };
+}
+export {
+  useFocusManagement
+};
+//# sourceMappingURL=useFocusManagement.mjs.map

package/dist/hooks/useFocusManagement.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useFocusManagement.ts"],"sourcesContent":["import { useCallback } from 'react'\n\nexport function useFocusManagement() {\n  const getFocusableElements = useCallback((): HTMLElement[] => {\n    return Array.from(\n      document.querySelectorAll(\n        'input, button, select, textarea, a[href], [tabindex]:not([tabindex=\"-1\"])'\n      )\n    ).filter(\n      (el): el is HTMLElement =>\n        el instanceof HTMLElement &&\n        !el.hasAttribute('disabled') &&\n        !el.hasAttribute('hidden') &&\n        el.tabIndex !== -1\n    )\n  }, [])\n\n  const getNextFocusElement = useCallback((): HTMLElement | undefined => {\n    const elements = getFocusableElements()\n    if(elements.length === 0) {\n      return undefined\n    }\n    let nextElement = elements[0]\n    if(document.activeElement instanceof HTMLElement) {\n      const currentIndex = elements.indexOf(document.activeElement)\n      nextElement = elements[(currentIndex + 1) % elements.length]\n    }\n    return nextElement\n  }, [getFocusableElements])\n\n  const focusNext = useCallback(() => {\n    const nextElement = getNextFocusElement()\n    nextElement?.focus()\n  }, [getNextFocusElement])\n\n  const getPreviousFocusElement = useCallback((): HTMLElement | undefined => {\n    const elements = getFocusableElements()\n    if(elements.length === 0) {\n      return undefined\n    }\n    let previousElement = elements[0]\n    if(document.activeElement instanceof HTMLElement) {\n      const currentIndex = elements.indexOf(document.activeElement)\n      if(currentIndex === 0) {\n        previousElement = elements[elements.length - 1]\n      } else {\n        previousElement = elements[currentIndex - 1]\n      }\n    }\n    return previousElement\n  }, [getFocusableElements])\n\n  const focusPrevious = useCallback(() => {\n    const previousElement = getPreviousFocusElement()\n    if (previousElement) previousElement.focus()\n  }, [getPreviousFocusElement])\n\n  return {\n    getFocusableElements,\n    getNextFocusElement,\n    getPreviousFocusElement,\n    focusNext,\n    focusPrevious,\n  }\n}"],"mappings":";AAAA,SAAS,mBAAmB;AAErB,SAAS,qBAAqB;AACnC,QAAM,uBAAuB,YAAY,MAAqB;AAC5D,WAAO,MAAM;AAAA,MACX,SAAS;AAAA,QACP;AAAA,MACF;AAAA,IACF,EAAE;AAAA,MACA,CAAC,OACC,cAAc,eACd,CAAC,GAAG,aAAa,UAAU,KAC3B,CAAC,GAAG,aAAa,QAAQ,KACzB,GAAG,aAAa;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,sBAAsB,YAAY,MAA+B;AACrE,UAAM,WAAW,qBAAqB;AACtC,QAAG,SAAS,WAAW,GAAG;AACxB,aAAO;AAAA,IACT;AACA,QAAI,cAAc,SAAS,CAAC;AAC5B,QAAG,SAAS,yBAAyB,aAAa;AAChD,YAAM,eAAe,SAAS,QAAQ,SAAS,aAAa;AAC5D,oBAAc,UAAU,eAAe,KAAK,SAAS,MAAM;AAAA,IAC7D;AACA,WAAO;AAAA,EACT,GAAG,CAAC,oBAAoB,CAAC;AAEzB,QAAM,YAAY,YAAY,MAAM;AAClC,UAAM,cAAc,oBAAoB;AACxC,iBAAa,MAAM;AAAA,EACrB,GAAG,CAAC,mBAAmB,CAAC;AAExB,QAAM,0BAA0B,YAAY,MAA+B;AACzE,UAAM,WAAW,qBAAqB;AACtC,QAAG,SAAS,WAAW,GAAG;AACxB,aAAO;AAAA,IACT;AACA,QAAI,kBAAkB,SAAS,CAAC;AAChC,QAAG,SAAS,yBAAyB,aAAa;AAChD,YAAM,eAAe,SAAS,QAAQ,SAAS,aAAa;AAC5D,UAAG,iBAAiB,GAAG;AACrB,0BAAkB,SAAS,SAAS,SAAS,CAAC;AAAA,MAChD,OAAO;AACL,0BAAkB,SAAS,eAAe,CAAC;AAAA,MAC7C;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,CAAC,oBAAoB,CAAC;AAEzB,QAAM,gBAAgB,YAAY,MAAM;AACtC,UAAM,kBAAkB,wBAAwB;AAChD,QAAI,gBAAiB,iBAAgB,MAAM;AAAA,EAC7C,GAAG,CAAC,uBAAuB,CAAC;AAE5B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/hooks/useFocusOnceVisible.d.mts

@@ -0,0 +1,5 @@
+import { MutableRefObject } from 'react';
+
+declare const useFocusOnceVisible: (ref: MutableRefObject<HTMLElement>, disable?: boolean) => void;
+
+export { useFocusOnceVisible };

package/dist/hooks/useFocusOnceVisible.d.ts

@@ -0,0 +1,5 @@
+import { MutableRefObject } from 'react';
+
+declare const useFocusOnceVisible: (ref: MutableRefObject<HTMLElement>, disable?: boolean) => void;
+
+export { useFocusOnceVisible };

package/dist/hooks/useFocusOnceVisible.js

@@ -0,0 +1,60 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useFocusOnceVisible.ts
+var useFocusOnceVisible_exports = {};
+__export(useFocusOnceVisible_exports, {
+  useFocusOnceVisible: () => useFocusOnceVisible
+});
+module.exports = __toCommonJS(useFocusOnceVisible_exports);
+var import_react = __toESM(require("react"));
+var useFocusOnceVisible = (ref, disable = false) => {
+  const [hasUsedFocus, setHasUsedFocus] = import_react.default.useState(false);
+  (0, import_react.useEffect)(() => {
+    if (disable || hasUsedFocus) {
+      return;
+    }
+    const observer = new IntersectionObserver(([entry]) => {
+      if (entry.isIntersecting && !hasUsedFocus) {
+        ref.current?.focus();
+        setHasUsedFocus(hasUsedFocus);
+      }
+    }, {
+      threshold: 0.1
+    });
+    if (ref.current) {
+      observer.observe(ref.current);
+    }
+    return () => observer.disconnect();
+  }, [disable, hasUsedFocus, ref]);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useFocusOnceVisible
+});
+//# sourceMappingURL=useFocusOnceVisible.js.map

package/dist/hooks/useFocusOnceVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useFocusOnceVisible.ts"],"sourcesContent":["import type { MutableRefObject } from 'react'\nimport React, { useEffect } from 'react'\n\nexport const useFocusOnceVisible = (\n  ref: MutableRefObject<HTMLElement>,\n  disable: boolean = false\n) => {\n  const [hasUsedFocus, setHasUsedFocus] = React.useState(false)\n\n  useEffect(() => {\n    if (disable || hasUsedFocus) {\n      return\n    }\n    const observer = new IntersectionObserver(([entry]) => {\n      if (entry.isIntersecting && !hasUsedFocus) {\n        ref.current?.focus()\n        setHasUsedFocus(hasUsedFocus)\n      }\n    }, {\n      threshold: 0.1,\n    })\n\n    if (ref.current) {\n      observer.observe(ref.current)\n    }\n\n    return () => observer.disconnect()\n  }, [disable, hasUsedFocus, ref])\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAiC;AAE1B,IAAM,sBAAsB,CACjC,KACA,UAAmB,UAChB;AACH,QAAM,CAAC,cAAc,eAAe,IAAI,aAAAA,QAAM,SAAS,KAAK;AAE5D,8BAAU,MAAM;AACd,QAAI,WAAW,cAAc;AAC3B;AAAA,IACF;AACA,UAAM,WAAW,IAAI,qBAAqB,CAAC,CAAC,KAAK,MAAM;AACrD,UAAI,MAAM,kBAAkB,CAAC,cAAc;AACzC,YAAI,SAAS,MAAM;AACnB,wBAAgB,YAAY;AAAA,MAC9B;AAAA,IACF,GAAG;AAAA,MACD,WAAW;AAAA,IACb,CAAC;AAED,QAAI,IAAI,SAAS;AACf,eAAS,QAAQ,IAAI,OAAO;AAAA,IAC9B;AAEA,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,SAAS,cAAc,GAAG,CAAC;AACjC;","names":["React"]}

package/dist/hooks/useFocusOnceVisible.mjs

@@ -0,0 +1,26 @@
+// src/hooks/useFocusOnceVisible.ts
+import React, { useEffect } from "react";
+var useFocusOnceVisible = (ref, disable = false) => {
+  const [hasUsedFocus, setHasUsedFocus] = React.useState(false);
+  useEffect(() => {
+    if (disable || hasUsedFocus) {
+      return;
+    }
+    const observer = new IntersectionObserver(([entry]) => {
+      if (entry.isIntersecting && !hasUsedFocus) {
+        ref.current?.focus();
+        setHasUsedFocus(hasUsedFocus);
+      }
+    }, {
+      threshold: 0.1
+    });
+    if (ref.current) {
+      observer.observe(ref.current);
+    }
+    return () => observer.disconnect();
+  }, [disable, hasUsedFocus, ref]);
+};
+export {
+  useFocusOnceVisible
+};
+//# sourceMappingURL=useFocusOnceVisible.mjs.map

package/dist/hooks/useFocusOnceVisible.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useFocusOnceVisible.ts"],"sourcesContent":["import type { MutableRefObject } from 'react'\nimport React, { useEffect } from 'react'\n\nexport const useFocusOnceVisible = (\n  ref: MutableRefObject<HTMLElement>,\n  disable: boolean = false\n) => {\n  const [hasUsedFocus, setHasUsedFocus] = React.useState(false)\n\n  useEffect(() => {\n    if (disable || hasUsedFocus) {\n      return\n    }\n    const observer = new IntersectionObserver(([entry]) => {\n      if (entry.isIntersecting && !hasUsedFocus) {\n        ref.current?.focus()\n        setHasUsedFocus(hasUsedFocus)\n      }\n    }, {\n      threshold: 0.1,\n    })\n\n    if (ref.current) {\n      observer.observe(ref.current)\n    }\n\n    return () => observer.disconnect()\n  }, [disable, hasUsedFocus, ref])\n}"],"mappings":";AACA,OAAO,SAAS,iBAAiB;AAE1B,IAAM,sBAAsB,CACjC,KACA,UAAmB,UAChB;AACH,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,KAAK;AAE5D,YAAU,MAAM;AACd,QAAI,WAAW,cAAc;AAC3B;AAAA,IACF;AACA,UAAM,WAAW,IAAI,qBAAqB,CAAC,CAAC,KAAK,MAAM;AACrD,UAAI,MAAM,kBAAkB,CAAC,cAAc;AACzC,YAAI,SAAS,MAAM;AACnB,wBAAgB,YAAY;AAAA,MAC9B;AAAA,IACF,GAAG;AAAA,MACD,WAAW;AAAA,IACb,CAAC;AAED,QAAI,IAAI,SAAS;AACf,eAAS,QAAQ,IAAI,OAAO;AAAA,IAC9B;AAEA,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,SAAS,cAAc,GAAG,CAAC;AACjC;","names":[]}

package/dist/hooks/useRerender.d.mts

@@ -0,0 +1,5 @@
+import * as react from 'react';
+
+declare const useRerender: () => react.DispatchWithoutAction;
+
+export { useRerender };

package/dist/hooks/useRerender.d.ts

@@ -0,0 +1,5 @@
+import * as react from 'react';
+
+declare const useRerender: () => react.DispatchWithoutAction;
+
+export { useRerender };

package/dist/hooks/useRerender.js

@@ -0,0 +1,33 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useRerender.ts
+var useRerender_exports = {};
+__export(useRerender_exports, {
+  useRerender: () => useRerender
+});
+module.exports = __toCommonJS(useRerender_exports);
+var import_react = require("react");
+var useRerender = () => {
+  return (0, import_react.useReducer)(() => ({}), {})[1];
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useRerender
+});
+//# sourceMappingURL=useRerender.js.map

package/dist/hooks/useRerender.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useRerender.ts"],"sourcesContent":["import { useReducer } from 'react'\n\nexport const useRerender = () => {\n  return useReducer(() => ({}), {})[1]\n}"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B;AAEpB,IAAM,cAAc,MAAM;AAC/B,aAAO,yBAAW,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;AACrC;","names":[]}

package/dist/hooks/useRerender.mjs

@@ -0,0 +1,9 @@
+// src/hooks/useRerender.ts
+import { useReducer } from "react";
+var useRerender = () => {
+  return useReducer(() => ({}), {})[1];
+};
+export {
+  useRerender
+};
+//# sourceMappingURL=useRerender.mjs.map

package/dist/hooks/useRerender.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useRerender.ts"],"sourcesContent":["import { useReducer } from 'react'\n\nexport const useRerender = () => {\n  return useReducer(() => ({}), {})[1]\n}"],"mappings":";AAAA,SAAS,kBAAkB;AAEpB,IAAM,cAAc,MAAM;AAC/B,SAAO,WAAW,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;AACrC;","names":[]}

package/dist/hooks/useResizeCallbackWrapper.d.mts

@@ -0,0 +1,11 @@
+/**
+ * A hook that wraps the event listener attachment
+ *
+ * Make sure your callback is stable (doesn't change every render)
+ * This can easily be achieved by wrapping it in a useCallback() and using it inside the useResizeCallbackWrapper
+ *
+ * @param callback Called when the window resizes
+ */
+declare const useResizeCallbackWrapper: (callback: (event: UIEvent) => void) => void;
+
+export { useResizeCallbackWrapper };

package/dist/hooks/useResizeCallbackWrapper.d.ts

@@ -0,0 +1,11 @@
+/**
+ * A hook that wraps the event listener attachment
+ *
+ * Make sure your callback is stable (doesn't change every render)
+ * This can easily be achieved by wrapping it in a useCallback() and using it inside the useResizeCallbackWrapper
+ *
+ * @param callback Called when the window resizes
+ */
+declare const useResizeCallbackWrapper: (callback: (event: UIEvent) => void) => void;
+
+export { useResizeCallbackWrapper };

package/dist/hooks/useResizeCallbackWrapper.js

@@ -0,0 +1,38 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useResizeCallbackWrapper.ts
+var useResizeCallbackWrapper_exports = {};
+__export(useResizeCallbackWrapper_exports, {
+  useResizeCallbackWrapper: () => useResizeCallbackWrapper
+});
+module.exports = __toCommonJS(useResizeCallbackWrapper_exports);
+var import_react = require("react");
+var useResizeCallbackWrapper = (callback) => {
+  (0, import_react.useEffect)(() => {
+    window.addEventListener("resize", callback);
+    return () => {
+      window.removeEventListener("resize", callback);
+    };
+  }, [callback]);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useResizeCallbackWrapper
+});
+//# sourceMappingURL=useResizeCallbackWrapper.js.map

package/dist/hooks/useResizeCallbackWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useResizeCallbackWrapper.ts"],"sourcesContent":["import { useEffect } from 'react'\n\n/**\n * A hook that wraps the event listener attachment\n *\n * Make sure your callback is stable (doesn't change every render)\n * This can easily be achieved by wrapping it in a useCallback() and using it inside the useResizeCallbackWrapper\n *\n * @param callback Called when the window resizes\n */\nexport const useResizeCallbackWrapper = (callback: (event: UIEvent) => void) => {\n  useEffect(() => {\n    window.addEventListener('resize', callback)\n\n    return () => {\n      window.removeEventListener('resize', callback)\n    }\n  }, [callback])\n}"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAUnB,IAAM,2BAA2B,CAAC,aAAuC;AAC9E,8BAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,QAAQ;AAE1C,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,QAAQ;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AACf;","names":[]}

package/dist/hooks/useResizeCallbackWrapper.mjs

@@ -0,0 +1,14 @@
+// src/hooks/useResizeCallbackWrapper.ts
+import { useEffect } from "react";
+var useResizeCallbackWrapper = (callback) => {
+  useEffect(() => {
+    window.addEventListener("resize", callback);
+    return () => {
+      window.removeEventListener("resize", callback);
+    };
+  }, [callback]);
+};
+export {
+  useResizeCallbackWrapper
+};
+//# sourceMappingURL=useResizeCallbackWrapper.mjs.map

package/dist/hooks/useResizeCallbackWrapper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useResizeCallbackWrapper.ts"],"sourcesContent":["import { useEffect } from 'react'\n\n/**\n * A hook that wraps the event listener attachment\n *\n * Make sure your callback is stable (doesn't change every render)\n * This can easily be achieved by wrapping it in a useCallback() and using it inside the useResizeCallbackWrapper\n *\n * @param callback Called when the window resizes\n */\nexport const useResizeCallbackWrapper = (callback: (event: UIEvent) => void) => {\n  useEffect(() => {\n    window.addEventListener('resize', callback)\n\n    return () => {\n      window.removeEventListener('resize', callback)\n    }\n  }, [callback])\n}"],"mappings":";AAAA,SAAS,iBAAiB;AAUnB,IAAM,2BAA2B,CAAC,aAAuC;AAC9E,YAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,QAAQ;AAE1C,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,QAAQ;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AACf;","names":[]}

package/dist/index.d.mts

@@ -23,7 +23,6 @@ export { Dialog, DialogProps, Modal, ModalProps, Overlay, OverlayHeader, Overlay
 export { Pagination, PaginationProps } from './components/layout-and-navigation/Pagination.mjs';
 export { SearchableList, SearchableListProps } from './components/layout-and-navigation/SearchableList.mjs';
 export { StepperBar, StepperBarProps, StepperBarUncontrolled, StepperState } from './components/layout-and-navigation/StepperBar.mjs';
-export { SortButton, SortButtonProps, Table, TableProps, TableSortingFunctionType, TableSortingType, TableState, TableStatePagination, TableStateSelection, addElementToTable, changeTableSelectionSingle, defaultTableStatePagination, defaultTableStateSelection, isDataObjectSelected, pageForItem, removeFromTableSelection, updatePagination } from './components/layout-and-navigation/Table.mjs';
 export { TextImage, TextImageProps } from './components/layout-and-navigation/TextImage.mjs';
 export { Tile, TileProps } from './components/layout-and-navigation/Tile.mjs';
 export { VerticalDivider, VerticalDividerProps } from './components/layout-and-navigation/VerticalDivider.mjs';
@@ -44,10 +43,16 @@ export { NumberProperty, NumberPropertyProps } from './components/properties/Num
 export { PropertyBase, PropertyBaseProps } from './components/properties/PropertyBase.mjs';
 export { SingleSelectProperty, SingleSelectPropertyProps } from './components/properties/SelectProperty.mjs';
 export { TextProperty, TextPropertyProps } from './components/properties/TextProperty.mjs';
-export { ButtonColorUtil, ButtonProps, ButtonUtil, IconButton, IconButtonProps, OutlineButton, OutlineButtonColor, OutlineButtonProps, SolidButton, SolidButtonColor, SolidButtonProps, TextButton, TextButtonColor, TextButtonProps } from './components/user-action/Button.mjs';
+export { FillerRowElement, FillerRowElementProps } from './components/table/FillerRowElement.mjs';
+export { TableFilters } from './components/table/Filter.mjs';
+export { Table, TableProps, TableUncontrolled, TableUncontrolledProps, TableWithSelection, TableWithSelectionProps } from './components/table/Table.mjs';
+export { TableCell, TableCellProps } from './components/table/TableCell.mjs';
+export { TableFilterButton, TableFilterButtonProps, TableFilterType } from './components/table/TableFilterButton.mjs';
+export { TableSortButton, TableSortButtonProps } from './components/table/TableSortButton.mjs';
+export { ButtonColorUtil, ButtonProps, ButtonUtil, IconButton, IconButtonColor, IconButtonProps, IconButtonUtil, OutlineButton, OutlineButtonColor, OutlineButtonProps, SolidButton, SolidButtonColor, SolidButtonProps, TextButton, TextButtonColor, TextButtonProps } from './components/user-action/Button.mjs';
 export { Checkbox, CheckboxProps, CheckboxUncontrolled } from './components/user-action/Checkbox.mjs';
 export { DateTimePicker, DateTimePickerMode, DateTimePickerProps } from './components/user-action/DateAndTimePicker.mjs';
-export { FormInput, FormInputProps, Input, InputProps, InputUncontrolled } from './components/user-action/Input.mjs';
+export { EditCompleteOptions, EditCompleteOptionsResolved, FormInput, FormInputProps, Input, InputProps, InputUncontrolled } from './components/user-action/Input.mjs';
 export { Label, LabelProps, LabelType } from './components/user-action/Label.mjs';
 export { Menu, MenuItem, MenuItemProps, MenuProps } from './components/user-action/Menu.mjs';
 export { MultiSelect, MultiSelectOption, MultiSelectProps, MultiSelectUncontrolled } from './components/user-action/MultiSelect.mjs';
@@ -56,10 +61,14 @@ export { Select, SelectOption, SelectProps, SelectUncontrolled } from './compone
 export { Textarea, TextareaProps, TextareaUncontrolled } from './components/user-action/Textarea.mjs';
 export { ToggleableInput, ToggleableInputUncontrolled } from './components/user-action/ToggleableInput.mjs';
 export { Tooltip, TooltipProps } from './components/user-action/Tooltip.mjs';
+export { UseDelayOptions, UseDelayOptionsResolved, useDelay } from './hooks/useDelay.mjs';
+export { useFocusManagement } from './hooks/useFocusManagement.mjs';
+export { useFocusOnceVisible } from './hooks/useFocusOnceVisible.mjs';
 export { useHoverState } from './hooks/useHoverState.mjs';
 export { useLocalStorage } from './hooks/useLocalStorage.mjs';
 export { useOutsideClick } from './hooks/useOutsideClick.mjs';
-export { useSaveDelay } from './hooks/useSaveDelay.mjs';
+export { useRerender } from './hooks/useRerender.mjs';
+export { useResizeCallbackWrapper } from './hooks/useResizeCallbackWrapper.mjs';
 export { UseSearchProps, useSearch } from './hooks/useSearch.mjs';
 export { LanguageContext, LanguageContextValue, LanguageProvider, useLanguage, useLocale } from './localization/LanguageProvider.mjs';
 export { PropsForTranslation, Translation, TranslationPlural, TranslationPluralCount, TranslationType, useTranslation } from './localization/useTranslation.mjs';
@@ -68,7 +77,7 @@ export { FormTranslationType, formTranslation } from './localization/defaults/fo
 export { MonthTranslationType, TimeTranslationType, monthTranslation, timeTranslation } from './localization/defaults/time.mjs';
 export { ThemeContext, ThemeProvider, ThemeType, ThemeTypeTranslation, ThemeUtil, useTheme } from './theming/useTheme.mjs';
 export { BagFunction, BagFunctionUtil, PropsWithBagFunction, PropsWithBagFunctionOrChildren } from './util/PropsWithFunctionChildren.mjs';
-export { ArrayUtil, closestMatch, createLoopingList, createLoopingListWithIndex, equalSizeGroups, getNeighbours, range } from './util/array.mjs';
+export { ArrayUtil, RangeOptions, closestMatch, createLoopingList, createLoopingListWithIndex, equalSizeGroups, getNeighbours, range } from './util/array.mjs';
 export { builder } from './util/builder.mjs';
 export { Duration, Month, WeekDay, addDuration, changeDuration, equalDate, formatDate, formatDateTime, getBetweenDuration, getDaysInMonth, getWeeksForCalenderMonth, isInTimeSpan, monthsList, subtractDuration, weekDayList } from './util/date.mjs';
 export { EaseFunction, EaseFunctions } from './util/easeFunctions.mjs';
@@ -77,10 +86,12 @@ export { Direction, LoopingArrayCalculator } from './util/loopingArray.mjs';
 export { clamp } from './util/math.mjs';
 export { LocalizedNews, News, filterNews, localizedNewsSchema, newsListSchema, newsSchema } from './util/news.mjs';
 export { noop } from './util/noop.mjs';
+export { resolveSetState } from './util/resolveSetState.mjs';
 export { MultiSearchWithMapping, MultiSubjectSearchWithMapping, SimpleSearch, SimpleSearchWithMapping } from './util/simpleSearch.mjs';
 export { LocalStorageService, SessionStorageService } from './util/storage.mjs';
 export { NativeProps } from './util/types.mjs';
 import 'react/jsx-runtime';
 import 'react';
+import '@tanstack/react-table';
 import '@radix-ui/react-checkbox';
 import 'zod';

package/dist/index.d.ts

@@ -23,7 +23,6 @@ export { Dialog, DialogProps, Modal, ModalProps, Overlay, OverlayHeader, Overlay
 export { Pagination, PaginationProps } from './components/layout-and-navigation/Pagination.js';
 export { SearchableList, SearchableListProps } from './components/layout-and-navigation/SearchableList.js';
 export { StepperBar, StepperBarProps, StepperBarUncontrolled, StepperState } from './components/layout-and-navigation/StepperBar.js';
-export { SortButton, SortButtonProps, Table, TableProps, TableSortingFunctionType, TableSortingType, TableState, TableStatePagination, TableStateSelection, addElementToTable, changeTableSelectionSingle, defaultTableStatePagination, defaultTableStateSelection, isDataObjectSelected, pageForItem, removeFromTableSelection, updatePagination } from './components/layout-and-navigation/Table.js';
 export { TextImage, TextImageProps } from './components/layout-and-navigation/TextImage.js';
 export { Tile, TileProps } from './components/layout-and-navigation/Tile.js';
 export { VerticalDivider, VerticalDividerProps } from './components/layout-and-navigation/VerticalDivider.js';
@@ -44,10 +43,16 @@ export { NumberProperty, NumberPropertyProps } from './components/properties/Num
 export { PropertyBase, PropertyBaseProps } from './components/properties/PropertyBase.js';
 export { SingleSelectProperty, SingleSelectPropertyProps } from './components/properties/SelectProperty.js';
 export { TextProperty, TextPropertyProps } from './components/properties/TextProperty.js';
-export { ButtonColorUtil, ButtonProps, ButtonUtil, IconButton, IconButtonProps, OutlineButton, OutlineButtonColor, OutlineButtonProps, SolidButton, SolidButtonColor, SolidButtonProps, TextButton, TextButtonColor, TextButtonProps } from './components/user-action/Button.js';
+export { FillerRowElement, FillerRowElementProps } from './components/table/FillerRowElement.js';
+export { TableFilters } from './components/table/Filter.js';
+export { Table, TableProps, TableUncontrolled, TableUncontrolledProps, TableWithSelection, TableWithSelectionProps } from './components/table/Table.js';
+export { TableCell, TableCellProps } from './components/table/TableCell.js';
+export { TableFilterButton, TableFilterButtonProps, TableFilterType } from './components/table/TableFilterButton.js';
+export { TableSortButton, TableSortButtonProps } from './components/table/TableSortButton.js';
+export { ButtonColorUtil, ButtonProps, ButtonUtil, IconButton, IconButtonColor, IconButtonProps, IconButtonUtil, OutlineButton, OutlineButtonColor, OutlineButtonProps, SolidButton, SolidButtonColor, SolidButtonProps, TextButton, TextButtonColor, TextButtonProps } from './components/user-action/Button.js';
 export { Checkbox, CheckboxProps, CheckboxUncontrolled } from './components/user-action/Checkbox.js';
 export { DateTimePicker, DateTimePickerMode, DateTimePickerProps } from './components/user-action/DateAndTimePicker.js';
-export { FormInput, FormInputProps, Input, InputProps, InputUncontrolled } from './components/user-action/Input.js';
+export { EditCompleteOptions, EditCompleteOptionsResolved, FormInput, FormInputProps, Input, InputProps, InputUncontrolled } from './components/user-action/Input.js';
 export { Label, LabelProps, LabelType } from './components/user-action/Label.js';
 export { Menu, MenuItem, MenuItemProps, MenuProps } from './components/user-action/Menu.js';
 export { MultiSelect, MultiSelectOption, MultiSelectProps, MultiSelectUncontrolled } from './components/user-action/MultiSelect.js';
@@ -56,10 +61,14 @@ export { Select, SelectOption, SelectProps, SelectUncontrolled } from './compone
 export { Textarea, TextareaProps, TextareaUncontrolled } from './components/user-action/Textarea.js';
 export { ToggleableInput, ToggleableInputUncontrolled } from './components/user-action/ToggleableInput.js';
 export { Tooltip, TooltipProps } from './components/user-action/Tooltip.js';
+export { UseDelayOptions, UseDelayOptionsResolved, useDelay } from './hooks/useDelay.js';
+export { useFocusManagement } from './hooks/useFocusManagement.js';
+export { useFocusOnceVisible } from './hooks/useFocusOnceVisible.js';
 export { useHoverState } from './hooks/useHoverState.js';
 export { useLocalStorage } from './hooks/useLocalStorage.js';
 export { useOutsideClick } from './hooks/useOutsideClick.js';
-export { useSaveDelay } from './hooks/useSaveDelay.js';
+export { useRerender } from './hooks/useRerender.js';
+export { useResizeCallbackWrapper } from './hooks/useResizeCallbackWrapper.js';
 export { UseSearchProps, useSearch } from './hooks/useSearch.js';
 export { LanguageContext, LanguageContextValue, LanguageProvider, useLanguage, useLocale } from './localization/LanguageProvider.js';
 export { PropsForTranslation, Translation, TranslationPlural, TranslationPluralCount, TranslationType, useTranslation } from './localization/useTranslation.js';
@@ -68,7 +77,7 @@ export { FormTranslationType, formTranslation } from './localization/defaults/fo
 export { MonthTranslationType, TimeTranslationType, monthTranslation, timeTranslation } from './localization/defaults/time.js';
 export { ThemeContext, ThemeProvider, ThemeType, ThemeTypeTranslation, ThemeUtil, useTheme } from './theming/useTheme.js';
 export { BagFunction, BagFunctionUtil, PropsWithBagFunction, PropsWithBagFunctionOrChildren } from './util/PropsWithFunctionChildren.js';
-export { ArrayUtil, closestMatch, createLoopingList, createLoopingListWithIndex, equalSizeGroups, getNeighbours, range } from './util/array.js';
+export { ArrayUtil, RangeOptions, closestMatch, createLoopingList, createLoopingListWithIndex, equalSizeGroups, getNeighbours, range } from './util/array.js';
 export { builder } from './util/builder.js';
 export { Duration, Month, WeekDay, addDuration, changeDuration, equalDate, formatDate, formatDateTime, getBetweenDuration, getDaysInMonth, getWeeksForCalenderMonth, isInTimeSpan, monthsList, subtractDuration, weekDayList } from './util/date.js';
 export { EaseFunction, EaseFunctions } from './util/easeFunctions.js';
@@ -77,10 +86,12 @@ export { Direction, LoopingArrayCalculator } from './util/loopingArray.js';
 export { clamp } from './util/math.js';
 export { LocalizedNews, News, filterNews, localizedNewsSchema, newsListSchema, newsSchema } from './util/news.js';
 export { noop } from './util/noop.js';
+export { resolveSetState } from './util/resolveSetState.js';
 export { MultiSearchWithMapping, MultiSubjectSearchWithMapping, SimpleSearch, SimpleSearchWithMapping } from './util/simpleSearch.js';
 export { LocalStorageService, SessionStorageService } from './util/storage.js';
 export { NativeProps } from './util/types.js';
 import 'react/jsx-runtime';
 import 'react';
+import '@tanstack/react-table';
 import '@radix-ui/react-checkbox';
 import 'zod';