@helpwave/hightide 0.1.11 → 0.1.13

package/dist/css/uncompiled/theme/colors-basic.css

@@ -0,0 +1,72 @@
+@import './variants.css';
+
+/*
+ * default light-theme basic colors
+ */
+@theme {
+  --color-white: #FFFFFF;
+  --color-black: #000000;
+  --color-gray-25: #F8F8F8;
+  --color-gray-50: #F2F2F2;
+  --color-gray-100: #E6E6E6;
+  --color-gray-200: #CCCCCC;
+  --color-gray-300: #B3B3B3;
+  --color-gray-400: #999999;
+  --color-gray-500: #888888;
+  --color-gray-600: #666666;
+  --color-gray-700: #4D4D4D;
+  --color-gray-800: #333333;
+  --color-gray-900: #1A1A1A;
+  --color-gray-950: #0D0D0D;
+
+  --color-green-100: #D1EFD8;
+  --color-green-500: #69CB81;
+  --color-green-700: #53a567;
+  --color-green-900: #2C5536;
+
+  --color-orange-100: #FBECD9;
+  --color-orange-200: #F7D8B3;
+  --color-orange-500: #EA9E40;
+
+  --color-purple-50: #EFE6FD;
+  --color-purple-100: #CEB0FA;
+  --color-purple-200: #B892F3;
+  --color-purple-300: #9B7CDD;
+  --color-purple-400: #8470C5;
+  --color-purple-500: #694BB4;
+  --color-purple-600: #56389B;
+  --color-purple-700: #462C83;
+  --color-purple-800: #362165;
+  --color-purple-900: #27144A;
+  --color-purple-950: #1B0D33;
+
+  --color-blue-50: #F6FAFF;
+  --color-blue-100: #D6E3F9;
+  --color-blue-200: #99B9EF;
+  --color-blue-500: #3272DF;
+  --color-blue-600: #285BB2;
+  --color-blue-800: #1A4080;
+
+  --color-red-50: #FFF9F9;
+  --color-red-100: #FBE0E2;
+  --color-red-200: #F7C2C5;
+  --color-red-300: #F4A3A7;
+  --color-red-400: #E3798A;
+  --color-red-500: #DC576D;
+  --color-red-600: #D53550;
+  --color-red-700: #BB273F;
+  --color-red-900: #5C252E;
+}
+
+/* non light-theme overrides */
+@layer base {
+  /* dark theme */
+  @variant dark {
+    --color-primary: var(--color-purple-400);
+    --color-positive: var(--color-green-700);
+    --color-negative: var(--color-red-700);
+    --color-negative-border-hover: var(--color-red-600);
+
+    --color-focus: var(--color-purple-500);
+  }
+}

package/dist/css/uncompiled/theme/colors-component.css

@@ -0,0 +1,143 @@
+@import './variants.css';
+@import './colors-semantic.css';
+
+/*
+ * default light-theme component colors
+ */
+@theme {
+  /* Button Outline */
+  --color-button-outline-primary-outline: var(--color-primary);
+  --color-button-outline-primary-icon: var(--color-primary);
+  --color-button-outline-primary-text: var(--color-primary);
+
+  /* Button Solid */
+  --color-button-solid-primary-background: var(--color-primary);
+  --color-button-solid-primary-text: var(--color-on-primary);
+  --color-button-solid-primary-icon: var(--color-on-primary);
+  --color-button-solid-secondary-background: var(--color-purple-50);
+  --color-button-solid-secondary-text: var(--color-primary);
+  --color-button-solid-secondary-icon: var(--color-primary);
+  --color-button-solid-tertiary-background: #F2F2F2;
+  --color-button-solid-tertiary-icon: #888888;
+  --color-button-solid-tertiary-text: #888888;
+  --color-button-solid-neutral-background: #D6D6D6;
+  --color-button-solid-neutral-icon: #1A1A1A;
+  --color-button-solid-neutral-text: #1A1A1A;
+  --color-button-solid-positive-background: var(--color-positive);
+  --color-button-solid-positive-icon: var(--color-on-positive);
+  --color-button-solid-positive-text: var(--color-on-positive);
+  --color-button-solid-warning-background: var(--color-warning);
+  --color-button-solid-warning-icon: var(--color-on-warning);
+  --color-button-solid-warning-text: var(--color-on-warning);
+  --color-button-solid-negative-background: var(--color-negative);
+  --color-button-solid-negative-icon: var(--color-on-negative);
+  --color-button-solid-negative-text: var(--color-on-negative);
+
+  /* Button Text */
+  --color-button-text-hover-background: #77777733;
+  --color-button-text-neutral-text: #333333;
+  --color-button-text-neutral-icon: #333333;
+  --color-button-text-negative-text: var(--color-negative);
+  --color-button-text-negative-icon: var(--color-negative);
+  --color-button-text-primary-text: var(--color-primary);
+  --color-button-text-primary-icon: var(--color-primary);
+
+  /* Carousel */
+  --color-carousel-dot-active: var(--color-primary);
+  --color-carousel-dot-disabled: var(--color-disabled-background);
+
+  /* Menu */
+  --color-menu-background: var(--color-surface);
+  --color-menu-text: var(--color-on-surface);
+  --color-menu-border: var(--color-border);
+
+  /* Overlay */
+  --color-overlay-background: #FFFFFF;
+  --color-overlay-text: var(--color-text-dark);
+
+  /* ProgressIndicator */
+  --color-progress-indicator-fill: var(--color-primary);
+  --color-progress-indicator-background: var(--color-gray-300);
+
+  /* Property */
+  --color-property-title-background: #E6E6E6;
+  --color-property-title-text: var(--color-text-default);
+
+  /* Stepper Bar */
+  --color-stepperbar-dot-active: var(--color-primary);
+  --color-stepperbar-dot-normal: var(--color-purple-100);
+  --color-stepperbar-dot-disabled: var(--color-disabled-background);
+
+  /* Table */
+  --color-tabel-header-background: #F6FAFF;
+  --color-table-row-hover-background: var(--color-purple-50);
+  --color-table-row-hover-text: var(--color-text-default);
+
+  /* Tag */
+  --color-tag-dark-background: #333333;
+  --color-tag-dark-text: var(--color-text-light);
+  --color-tag-dark-icon: var(--color-text-light);
+  --color-tag-green-background: #E2E9DB;
+  --color-tag-green-text: #7A977E;
+  --color-tag-green-icon: #7A977E;
+  --color-tag-yellow-background: #FEEACB;
+  --color-tag-yellow-text: #C79345;
+  --color-tag-yellow-icon: #C79345;
+  --color-tag-red-background: #FEE0DD;
+  --color-tag-red-text: #D67268;
+  --color-tag-red-icon: #D67268;
+  --color-tag-blue-background: var(--color-blue-50);
+  --color-tag-blue-text: var(--color-blue-800);
+  --color-tag-blue-icon: var(--color-blue-800);
+  --color-tag-pink-background: #CEA3B8;
+  --color-tag-pink-text: #CE75A0;
+  --color-tag-pink-icon: #CE75A0;
+
+  /* TextImage */
+  --color-text-image-primary-background: var(--color-primary);
+  --color-text-image-primary-text: var(--color-white);
+  --color-text-image-secondary-background: #3171DE;
+  --color-text-image-secondary-text: var(--color-white);
+  --color-text-image-dark-background: #11243E;
+  --color-text-image-dark-text: var(--color-white);
+
+  /* Tooltip */
+  --color-tooltip-background: var(--color-overlay-background);
+  --color-tooltip-text: var(--color-description);
+}
+
+/* non light-theme overrides */
+@layer base {
+  /* dark theme */
+  @variant dark {
+    /* Button Solid */
+    --color-button-solid-neutral-background: #424242;
+    --color-button-solid-neutral-icon: var(--color-text-light);
+    --color-button-solid-neutral-text: var(--color-text-light);
+
+    /* Button Text */
+    --color-button-text-hover-background: #3F3F3F;
+    --color-button-text-neutral-text: var(--color-text-light);
+    --color-button-text-neutral-icon: var(--color-text-light);
+
+    /* Menu */
+    --color-menu-background: #333333;
+    --color-menu-text: var(--color-text-light);
+    --color-menu-border: var(--color-border);
+
+    /* Property */
+    --color-property-title-background: #393939;
+    --color-property-title-text: var(--color-on-surface);
+
+    /* ProgressIndicator */
+    --color-progress-indicator-background: var(--color-gray-700);
+
+    /* Overlay */
+    --color-overlay-background: #2A2A2A;
+    --color-overlay-text: var(--color-text-light);
+
+    /* Table */
+    --color-tabel-header-background: #2F2F2F;
+    --color-table-row-hover-background: #2f2841;
+  }
+}

package/dist/css/uncompiled/theme/colors-semantic.css

@@ -0,0 +1,99 @@
+@import './variants.css';
+@import './colors-basic.css';
+
+/*
+ * default light-theme sematic colors
+ */
+@theme {
+  --color-text-dark: #1A1A1A;
+  --color-text-light: #E6E6E6;
+  --color-text-default: var(--color-text-dark);
+
+  --color-primary: var(--color-purple-500);
+  --color-on-primary: var(--color-text-light);
+  --color-secondary: #11243E;
+  --color-on-secondary: var(--color-text-light);
+  --color-warning: var(--color-yellow-500);
+  --color-on-warning: var(--color-text-light);
+  --color-positive: var(--color-green-500);
+  --color-on-positive: var(--color-text-light);
+  --color-negative: var(--color-red-500);
+  --color-on-negative: var(--color-text-light);
+  --color-negative-border: var(--color-negative);
+  --color-negative-border-hover: var(--color-red-700);
+  --color-surface: #FFFFFF;
+  --color-on-surface: var(--color-text-dark);
+  --color-surface-variant: #F8F8F8;
+  --color-surface-warning: #FBECD9;
+  --color-highlight: #3272DF;
+  --color-background: #EEEEEE;
+  --color-on-background: var(--color-text-dark);
+
+  --color-female: var(--color-red-400);
+  --color-female-outline: var(--color-red-300);
+  --color-female-surface: var(--color-red-100);
+  --color-female-background: var(--color-red-50);
+
+  --color-male: var(--color-blue-400);
+  --color-male-outline: var(--color-blue-300);
+  --color-male-surface: var(--color-blue-100);
+  --color-male-background: var(--color-blue-50);
+
+  --color-neutral: #4D4D4D;
+  --color-neutral-outline: #B3B3B3;
+  --color-neutral-surface: #E6E6E6;
+  --color-neutral-background: #F8F8F8;
+
+  --color-text-primary: var(--color-text-default);
+  --color-text-secondary: #666666;
+  --color-text-tertiary: #B3B3B3;
+  --color-text-highlight: #3272DF;
+  --color-text-label: #4D4D4D;
+  --color-icon-primary: var(--color-text-primary);
+  --color-icon-secondary: var(--color-text-secondary);
+  --color-icon-highlight: var(--color-text-highlight);
+  --color-divider: #E6E6E6;
+  --color-description: #555555;
+  --color-outline: #E6E6E6;
+  --color-outline-variant: #CCCCCC;
+  --color-disabled-background: #BBBBBB;
+  --color-disabled-text: #555555;
+  --color-disabled-icon: #555555;
+  --color-disabled-border: #999999;
+  --color-disabled-outline: #999999;
+  --color-border: #CCCCCC;
+
+  --color-focus: var(--color-purple-400);
+}
+
+/* non light-theme overrides */
+@layer base {
+  /* dark theme */
+  @variant dark {
+    --color-text-default: var(--color-text-light);
+
+    --color-surface: #333333;
+    --color-on-surface: var(--color-text-light);
+    --color-surface-variant: #494949;
+    --color-surface-warning: #FBECD9;
+    --color-text-label: #CFCFCF;
+    --color-highlight: #3272DF;
+    --color-background: #222222;
+    --color-on-background: var(--color-text-light);
+    --color-border: #444444;
+
+    --color-neutral: #4D4D4D;
+    --color-neutral-outline: #B3B3B3;
+    --color-neutral-surface: #E6E6E6;
+    --color-neutral-background: #F8F8F8;
+
+    --color-text-primary: var(--color-text-light);
+    --color-text-secondary: #666666;
+    --color-text-tertiary: #B3B3B3;
+    --color-text-highlight: #3272DF;
+    --color-description: #999999;
+
+    --color-disabled-background: #555555;
+    --color-disabled-text: #999999;
+  }
+}

package/dist/css/uncompiled/theme/index.css

@@ -0,0 +1,5 @@
+@import './variants.css';
+@import './colors-basic.css';
+@import './colors-semantic.css';
+@import './colors-component.css';
+@import './theme.css';

package/dist/css/uncompiled/theme/variants.css

@@ -0,0 +1,3 @@
+/* variants */
+@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
+@custom-variant light (&:where([data-theme=light], [data-theme=light] *));

package/dist/css/uncompiled/utitlity/animation.css

@@ -0,0 +1,111 @@
+@layer utilities {
+  .animation-delay-0 {
+    animation-delay: 0ms;
+  }
+
+  .animation-delay-100 {
+    animation-delay: 100ms;
+  }
+
+  .animation-delay-200 {
+    animation-delay: 200ms;
+  }
+
+  .animation-delay-300 {
+    animation-delay: 300ms;
+  }
+
+  .animation-delay-400 {
+    animation-delay: 400ms;
+  }
+
+  .animation-delay-500 {
+    animation-delay: 500ms;
+  }
+
+  .animation-delay-1000 {
+    animation-delay: 1000ms;
+  }
+
+  @keyframes fade-in {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+
+  @keyframes fade-out {
+    0% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 0;
+    }
+  }
+
+  @keyframes bigLeftUp {
+    0%, 25% {
+      stroke-dashoffset: 1000;
+    }
+    50%, 75%, 100% {
+      stroke-dashoffset: 0;
+    }
+  }
+
+  @keyframes bigRightDown {
+    0%, 25%, 50% {
+      stroke-dashoffset: 0;
+    }
+    75%, 100% {
+      stroke-dashoffset: -1000;
+    }
+  }
+
+  @keyframes smallLeftUp {
+    0%, 25%, 50% {
+      stroke-dashoffset: 1000;
+    }
+    75%, 100% {
+      stroke-dashoffset: 0;
+    }
+  }
+
+  @keyframes smallRightDown {
+    0%, 25% {
+      stroke-dashoffset: 0;
+    }
+    50%, 75%, 100% {
+      stroke-dashoffset: -1000;
+    }
+  }
+
+  .animate-fade {
+    animation: fade-out 3s ease-in-out;
+  }
+
+  .animate-wave-big-left-up {
+    animation: bigLeftUp 1.7s ease-in infinite normal;
+  }
+
+  .animate-wave-big-right-down {
+    animation: bigRightDown 1.7s ease-in infinite reverse;
+  }
+
+  .animate-wave-small-left-up {
+    animation: smallLeftUp 1.7s ease-in infinite normal;
+  }
+
+  .animate-wave-small-right-down {
+    animation: smallRightDown 1.7s ease-in infinite reverse;
+  }
+
+  .animate-tooltip-fade-in {
+    animation: fade-in 0.2s ease-in-out forwards;
+  }
+
+  .animate-tooltip-fade-out {
+    animation: fade-in 0.2s ease-in-out forwards;
+  }
+}

package/dist/css/uncompiled/utitlity/borderradius.css

@@ -0,0 +1,23 @@
+@utility rounded-* {
+  border-radius: calc(var(--spacing) * --value(number));
+}
+
+@utility rounded-t-* {
+  border-top-left-radius: calc(var(--spacing) * --value(number));
+  border-top-right-radius: calc(var(--spacing) * --value(number));
+}
+
+@utility rounded-r-* {
+  border-top-right-radius: calc(var(--spacing) * --value(number));
+  border-bottom-left-radius: calc(var(--spacing) * --value(number));
+}
+
+@utility rounded-b-* {
+  border-bottom-left-radius: calc(var(--spacing) * --value(number));
+  border-bottom-right-radius: calc(var(--spacing) * --value(number));
+}
+
+@utility rounded-l-* {
+  border-top-left-radius: calc(var(--spacing) * --value(number));
+  border-bottom-left-radius: calc(var(--spacing) * --value(number));
+}

package/dist/css/uncompiled/utitlity/general.css

@@ -0,0 +1,11 @@
+@utility col {
+  @apply flex flex-col gap-y-2;
+}
+
+@utility row {
+  @apply flex flex-row gap-x-2;
+}
+
+@utility input-indicator-hidden {
+  @apply appearance-none [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none [-moz-appearance:textfield];
+}

package/dist/css/uncompiled/utitlity/index.css

@@ -0,0 +1,4 @@
+@import "./general.css";
+@import "./borderradius.css";
+@import "./animation.css";
+@import "./shadow.css";

package/dist/css/uncompiled/utitlity/shadow.css

@@ -0,0 +1,29 @@
+@layer utilities {
+  .shadow-around {
+    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.02),
+    0 -2px 2px 0 rgba(0, 0, 0, 0.02),
+    2px 0 2px 0 rgba(0, 0, 0, 0.02),
+    -2px 0 2px 0 rgba(0, 0, 0, 0.02);
+  }
+
+  .shadow-around-md {
+    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.02),
+    0 -5px 5px 0 rgba(0, 0, 0, 0.02),
+    5px 0 5px 0 rgba(0, 0, 0, 0.02),
+    -5px 0 5px 0 rgba(0, 0, 0, 0.02);
+  }
+
+  .shadow-around-lg {
+    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.02),
+    0 -10px 10px 0 rgba(0, 0, 0, 0.02),
+    10px 0 10px 0 rgba(0, 0, 0, 0.02),
+    -10px 0 10px 0 rgba(0, 0, 0, 0.02);
+  }
+
+  .shadow-around-xl {
+    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.02),
+    0 -20px 20px 0 rgba(0, 0, 0, 0.02),
+    20px 0 20px 0 rgba(0, 0, 0, 0.02),
+    -20px 0 20px 0 rgba(0, 0, 0, 0.02);
+  }
+}

package/dist/hooks/useDelay.d.mts

@@ -0,0 +1,11 @@
+type UseDelayOptionsResolved = {
+    delay: number;
+    disabled: boolean;
+};
+type UseDelayOptions = Partial<UseDelayOptionsResolved>;
+declare function useDelay(options?: UseDelayOptions): {
+    restartTimer: (onDelayFinish: () => void) => void;
+    clearTimer: () => void;
+};
+
+export { type UseDelayOptions, type UseDelayOptionsResolved, useDelay };

package/dist/hooks/useDelay.d.ts

@@ -0,0 +1,11 @@
+type UseDelayOptionsResolved = {
+    delay: number;
+    disabled: boolean;
+};
+type UseDelayOptions = Partial<UseDelayOptionsResolved>;
+declare function useDelay(options?: UseDelayOptions): {
+    restartTimer: (onDelayFinish: () => void) => void;
+    clearTimer: () => void;
+};
+
+export { type UseDelayOptions, type UseDelayOptionsResolved, useDelay };

package/dist/hooks/useDelay.js

@@ -0,0 +1,64 @@
+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/useDelay.ts
+var useDelay_exports = {};
+__export(useDelay_exports, {
+  useDelay: () => useDelay
+});
+module.exports = __toCommonJS(useDelay_exports);
+var import_react = require("react");
+var defaultOptions = {
+  delay: 3e3,
+  disabled: false
+};
+function useDelay(options) {
+  const [timer, setTimer] = (0, import_react.useState)(void 0);
+  const { delay, disabled } = {
+    ...defaultOptions,
+    ...options
+  };
+  const restartTimer = (onDelayFinish) => {
+    if (disabled) {
+      return;
+    }
+    clearTimeout(timer);
+    setTimer(setTimeout(() => {
+      onDelayFinish();
+    }, delay));
+  };
+  const clearTimer = () => {
+    clearTimeout(timer);
+  };
+  (0, import_react.useEffect)(() => {
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [timer]);
+  (0, import_react.useEffect)(() => {
+    if (disabled) {
+      clearTimeout(timer);
+    }
+  }, [disabled, timer]);
+  return { restartTimer, clearTimer };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useDelay
+});
+//# sourceMappingURL=useDelay.js.map

package/dist/hooks/useDelay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useDelay.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nexport type UseDelayOptionsResolved = {\n  delay: number,\n  disabled: boolean,\n}\n\nexport type UseDelayOptions = Partial<UseDelayOptionsResolved>\n\nconst defaultOptions: UseDelayOptionsResolved = {\n  delay: 3000,\n  disabled: false,\n}\n\nexport function useDelay(options?: UseDelayOptions) {\n  const [timer, setTimer] = useState<NodeJS.Timeout | undefined>(undefined)\n  const { delay, disabled }: UseDelayOptionsResolved = {\n    ...defaultOptions,\n    ...options\n  }\n\n  const restartTimer = (onDelayFinish: () => void) => {\n    if(disabled) {\n      return\n    }\n    clearTimeout(timer)\n    setTimer(setTimeout(() => {\n      onDelayFinish()\n    }, delay))\n  }\n\n  const clearTimer = () => {\n    clearTimeout(timer)\n  }\n\n  useEffect(() => {\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [timer])\n\n  useEffect(() => {\n    if(disabled){\n      clearTimeout(timer)\n    }\n  }, [disabled, timer])\n\n  return { restartTimer, clearTimer }\n}"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AASpC,IAAM,iBAA0C;AAAA,EAC9C,OAAO;AAAA,EACP,UAAU;AACZ;AAEO,SAAS,SAAS,SAA2B;AAClD,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAqC,MAAS;AACxE,QAAM,EAAE,OAAO,SAAS,IAA6B;AAAA,IACnD,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAEA,QAAM,eAAe,CAAC,kBAA8B;AAClD,QAAG,UAAU;AACX;AAAA,IACF;AACA,iBAAa,KAAK;AAClB,aAAS,WAAW,MAAM;AACxB,oBAAc;AAAA,IAChB,GAAG,KAAK,CAAC;AAAA,EACX;AAEA,QAAM,aAAa,MAAM;AACvB,iBAAa,KAAK;AAAA,EACpB;AAEA,8BAAU,MAAM;AACd,WAAO,MAAM;AACX,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,8BAAU,MAAM;AACd,QAAG,UAAS;AACV,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,UAAU,KAAK,CAAC;AAEpB,SAAO,EAAE,cAAc,WAAW;AACpC;","names":[]}

package/dist/hooks/useDelay.mjs

@@ -0,0 +1,40 @@
+// src/hooks/useDelay.ts
+import { useEffect, useState } from "react";
+var defaultOptions = {
+  delay: 3e3,
+  disabled: false
+};
+function useDelay(options) {
+  const [timer, setTimer] = useState(void 0);
+  const { delay, disabled } = {
+    ...defaultOptions,
+    ...options
+  };
+  const restartTimer = (onDelayFinish) => {
+    if (disabled) {
+      return;
+    }
+    clearTimeout(timer);
+    setTimer(setTimeout(() => {
+      onDelayFinish();
+    }, delay));
+  };
+  const clearTimer = () => {
+    clearTimeout(timer);
+  };
+  useEffect(() => {
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [timer]);
+  useEffect(() => {
+    if (disabled) {
+      clearTimeout(timer);
+    }
+  }, [disabled, timer]);
+  return { restartTimer, clearTimer };
+}
+export {
+  useDelay
+};
+//# sourceMappingURL=useDelay.mjs.map

package/dist/hooks/useDelay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useDelay.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nexport type UseDelayOptionsResolved = {\n  delay: number,\n  disabled: boolean,\n}\n\nexport type UseDelayOptions = Partial<UseDelayOptionsResolved>\n\nconst defaultOptions: UseDelayOptionsResolved = {\n  delay: 3000,\n  disabled: false,\n}\n\nexport function useDelay(options?: UseDelayOptions) {\n  const [timer, setTimer] = useState<NodeJS.Timeout | undefined>(undefined)\n  const { delay, disabled }: UseDelayOptionsResolved = {\n    ...defaultOptions,\n    ...options\n  }\n\n  const restartTimer = (onDelayFinish: () => void) => {\n    if(disabled) {\n      return\n    }\n    clearTimeout(timer)\n    setTimer(setTimeout(() => {\n      onDelayFinish()\n    }, delay))\n  }\n\n  const clearTimer = () => {\n    clearTimeout(timer)\n  }\n\n  useEffect(() => {\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [timer])\n\n  useEffect(() => {\n    if(disabled){\n      clearTimeout(timer)\n    }\n  }, [disabled, timer])\n\n  return { restartTimer, clearTimer }\n}"],"mappings":";AAAA,SAAS,WAAW,gBAAgB;AASpC,IAAM,iBAA0C;AAAA,EAC9C,OAAO;AAAA,EACP,UAAU;AACZ;AAEO,SAAS,SAAS,SAA2B;AAClD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAqC,MAAS;AACxE,QAAM,EAAE,OAAO,SAAS,IAA6B;AAAA,IACnD,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAEA,QAAM,eAAe,CAAC,kBAA8B;AAClD,QAAG,UAAU;AACX;AAAA,IACF;AACA,iBAAa,KAAK;AAClB,aAAS,WAAW,MAAM;AACxB,oBAAc;AAAA,IAChB,GAAG,KAAK,CAAC;AAAA,EACX;AAEA,QAAM,aAAa,MAAM;AACvB,iBAAa,KAAK;AAAA,EACpB;AAEA,YAAU,MAAM;AACd,WAAO,MAAM;AACX,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,YAAU,MAAM;AACd,QAAG,UAAS;AACV,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,UAAU,KAAK,CAAC;AAEpB,SAAO,EAAE,cAAc,WAAW;AACpC;","names":[]}

package/dist/hooks/useFocusManagement.d.mts

@@ -0,0 +1,9 @@
+declare function useFocusManagement(): {
+    getFocusableElements: () => HTMLElement[];
+    getNextFocusElement: () => HTMLElement | undefined;
+    getPreviousFocusElement: () => HTMLElement | undefined;
+    focusNext: () => void;
+    focusPrevious: () => void;
+};
+
+export { useFocusManagement };

package/dist/hooks/useFocusManagement.d.ts

@@ -0,0 +1,9 @@
+declare function useFocusManagement(): {
+    getFocusableElements: () => HTMLElement[];
+    getNextFocusElement: () => HTMLElement | undefined;
+    getPreviousFocusElement: () => HTMLElement | undefined;
+    focusNext: () => void;
+    focusPrevious: () => void;
+};
+
+export { useFocusManagement };