@agnos-ui/core 0.4.4 → 0.5.0-next.0

package/{select-jUrt_lSn.js → select-CAEPqdz1.js}

@@ -3,7 +3,7 @@ import { offset, autoPlacement, size } from "@floating-ui/dom";
 import { createFloatingUI } from "./services/floatingUI.js";
 import { createHasFocus } from "./services/focustrack.js";
 import { createNavManager } from "./services/navManager.js";
-import { t as generateId, k as mergeDirectives, a as bindDirective, n as createAttributesDirective } from "./directive-3-8yr-ZK.js";
+import { t as generateId, k as mergeDirectives, a as bindDirective, n as createAttributesDirective } from "./directive-CKEccryv.js";
 import { n as noop } from "./func-DR0n-ShK.js";
 import { writablesForProps, bindableProp, bindableDerived, stateStores } from "./utils/stores.js";
 const defaultConfig = {
@@ -143,7 +143,9 @@ function createSelect(config) {
     widget.api.unselect(item);
     if (referenceElement instanceof HTMLElement) {
       setTimeout(() => {
-        focusLeft({ event, referenceElement }) || focusRight({ event, referenceElement });
+        if (!focusLeft({ event, referenceElement })) {
+          focusRight({ event, referenceElement });
+        }
       });
     }
     event.preventDefault();
@@ -165,7 +167,20 @@ function createSelect(config) {
       "au-select-badge": true
     },
     events: {
-      keydown: (e) => widget.actions.onBadgeKeydown(e, itemContext$().item)
+      keydown: (event) => {
+        let keyManaged = false;
+        switch (event.key) {
+          case "Backspace":
+          case "Delete": {
+            onRemoveBadge(event, itemContext$().item);
+            keyManaged = true;
+            break;
+          }
+        }
+        if (keyManaged) {
+          event.preventDefault();
+        }
+      }
     }
   }));
   const menuAttributesDirective = createAttributesDirective(() => ({
@@ -193,6 +208,77 @@ function createSelect(config) {
       click: () => widget.api.toggleItem(itemContext$().item)
     }
   }));
+  const inputDirective = createAttributesDirective(() => ({
+    attributes: {
+      id: id$(),
+      type: "text",
+      "aria-label": ariaLabel$(),
+      "aria-autocomplete": "list",
+      autocorrect: "off",
+      autocapitalize: "none",
+      autocomplete: "off"
+    },
+    classNames: {
+      "au-select-input": true
+    },
+    events: {
+      input: (event) => {
+        const value = event.target.value;
+        batch(() => {
+          open$.set(value != null && value !== "");
+          filterText$.set(value);
+        });
+      },
+      keydown: ({ ctrlKey, key, preventDefault }) => {
+        let keyManaged = true;
+        switch (key) {
+          case "ArrowDown": {
+            const isOpen = open$();
+            if (isOpen) {
+              if (ctrlKey) {
+                widget.api.highlightLast();
+              } else {
+                widget.api.highlightNext();
+              }
+            } else {
+              widget.api.open();
+              widget.api.highlightFirst();
+            }
+            break;
+          }
+          case "ArrowUp":
+            if (ctrlKey) {
+              widget.api.highlightFirst();
+            } else {
+              widget.api.highlightPrevious();
+            }
+            break;
+          case "Enter": {
+            const itemCtx = highlighted$();
+            if (itemCtx) {
+              widget.api.toggleItem(itemCtx.item);
+            }
+            break;
+          }
+          case "Escape":
+            open$.set(false);
+            break;
+          default:
+            keyManaged = false;
+        }
+        if (keyManaged) {
+          preventDefault();
+        }
+      }
+    }
+  }));
+  const badgeCloseButtonDirective = createAttributesDirective((itemContext$) => ({
+    events: {
+      click: (event) => {
+        onRemoveBadge(event, itemContext$().item);
+      }
+    }
+  }));
   const widget = {
     ...stateStores({
       id$,
@@ -278,75 +364,9 @@ function createSelect(config) {
       inputContainerDirective: mergeDirectives(bindDirective(navDirective, navManagerConfig$), inputContainerAttributesDirective),
       badgeAttributesDirective,
       menuAttributesDirective,
-      itemAttributesDirective
-    },
-    actions: {
-      onInput({ target }) {
-        const value = target.value;
-        batch(() => {
-          open$.set(value != null && value !== "");
-          filterText$.set(value);
-        });
-      },
-      onRemoveBadgeClick(event, item) {
-        onRemoveBadge(event, item);
-      },
-      onInputKeydown(e) {
-        const { ctrlKey, key } = e;
-        let keyManaged = true;
-        switch (key) {
-          case "ArrowDown": {
-            const isOpen = open$();
-            if (isOpen) {
-              if (ctrlKey) {
-                widget.api.highlightLast();
-              } else {
-                widget.api.highlightNext();
-              }
-            } else {
-              widget.api.open();
-              widget.api.highlightFirst();
-            }
-            break;
-          }
-          case "ArrowUp":
-            if (ctrlKey) {
-              widget.api.highlightFirst();
-            } else {
-              widget.api.highlightPrevious();
-            }
-            break;
-          case "Enter": {
-            const itemCtx = highlighted$();
-            if (itemCtx) {
-              widget.api.toggleItem(itemCtx.item);
-            }
-            break;
-          }
-          case "Escape":
-            open$.set(false);
-            break;
-          default:
-            keyManaged = false;
-        }
-        if (keyManaged) {
-          e.preventDefault();
-        }
-      },
-      onBadgeKeydown(event, item) {
-        let keyManaged = false;
-        switch (event.key) {
-          case "Backspace":
-          case "Delete": {
-            onRemoveBadge(event, item);
-            keyManaged = true;
-            break;
-          }
-        }
-        if (keyManaged) {
-          event.preventDefault();
-        }
-      }
+      itemAttributesDirective,
+      inputDirective,
+      badgeCloseButtonDirective
     }
   };
   return widget;

package/{select-BBiF-m3N.cjs → select-LBVhNdrd.cjs}

@@ -4,7 +4,7 @@ const dom = require("@floating-ui/dom");
 const services_floatingUI = require("./services/floatingUI.cjs");
 const services_focustrack = require("./services/focustrack.cjs");
 const services_navManager = require("./services/navManager.cjs");
-const utils_directive = require("./directive-j-xRk-h3.cjs");
+const utils_directive = require("./directive-DdlwGFtf.cjs");
 const func = require("./func-Qd3cD9a3.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const defaultConfig = {
@@ -144,7 +144,9 @@ function createSelect(config) {
     widget.api.unselect(item);
     if (referenceElement instanceof HTMLElement) {
       setTimeout(() => {
-        focusLeft({ event, referenceElement }) || focusRight({ event, referenceElement });
+        if (!focusLeft({ event, referenceElement })) {
+          focusRight({ event, referenceElement });
+        }
       });
     }
     event.preventDefault();
@@ -166,7 +168,20 @@ function createSelect(config) {
       "au-select-badge": true
     },
     events: {
-      keydown: (e) => widget.actions.onBadgeKeydown(e, itemContext$().item)
+      keydown: (event) => {
+        let keyManaged = false;
+        switch (event.key) {
+          case "Backspace":
+          case "Delete": {
+            onRemoveBadge(event, itemContext$().item);
+            keyManaged = true;
+            break;
+          }
+        }
+        if (keyManaged) {
+          event.preventDefault();
+        }
+      }
     }
   }));
   const menuAttributesDirective = utils_directive.createAttributesDirective(() => ({
@@ -194,6 +209,77 @@ function createSelect(config) {
       click: () => widget.api.toggleItem(itemContext$().item)
     }
   }));
+  const inputDirective = utils_directive.createAttributesDirective(() => ({
+    attributes: {
+      id: id$(),
+      type: "text",
+      "aria-label": ariaLabel$(),
+      "aria-autocomplete": "list",
+      autocorrect: "off",
+      autocapitalize: "none",
+      autocomplete: "off"
+    },
+    classNames: {
+      "au-select-input": true
+    },
+    events: {
+      input: (event) => {
+        const value = event.target.value;
+        tansu.batch(() => {
+          open$.set(value != null && value !== "");
+          filterText$.set(value);
+        });
+      },
+      keydown: ({ ctrlKey, key, preventDefault }) => {
+        let keyManaged = true;
+        switch (key) {
+          case "ArrowDown": {
+            const isOpen = open$();
+            if (isOpen) {
+              if (ctrlKey) {
+                widget.api.highlightLast();
+              } else {
+                widget.api.highlightNext();
+              }
+            } else {
+              widget.api.open();
+              widget.api.highlightFirst();
+            }
+            break;
+          }
+          case "ArrowUp":
+            if (ctrlKey) {
+              widget.api.highlightFirst();
+            } else {
+              widget.api.highlightPrevious();
+            }
+            break;
+          case "Enter": {
+            const itemCtx = highlighted$();
+            if (itemCtx) {
+              widget.api.toggleItem(itemCtx.item);
+            }
+            break;
+          }
+          case "Escape":
+            open$.set(false);
+            break;
+          default:
+            keyManaged = false;
+        }
+        if (keyManaged) {
+          preventDefault();
+        }
+      }
+    }
+  }));
+  const badgeCloseButtonDirective = utils_directive.createAttributesDirective((itemContext$) => ({
+    events: {
+      click: (event) => {
+        onRemoveBadge(event, itemContext$().item);
+      }
+    }
+  }));
   const widget = {
     ...utils_stores.stateStores({
       id$,
@@ -279,75 +365,9 @@ function createSelect(config) {
       inputContainerDirective: utils_directive.mergeDirectives(utils_directive.bindDirective(navDirective, navManagerConfig$), inputContainerAttributesDirective),
       badgeAttributesDirective,
       menuAttributesDirective,
-      itemAttributesDirective
-    },
-    actions: {
-      onInput({ target }) {
-        const value = target.value;
-        tansu.batch(() => {
-          open$.set(value != null && value !== "");
-          filterText$.set(value);
-        });
-      },
-      onRemoveBadgeClick(event, item) {
-        onRemoveBadge(event, item);
-      },
-      onInputKeydown(e) {
-        const { ctrlKey, key } = e;
-        let keyManaged = true;
-        switch (key) {
-          case "ArrowDown": {
-            const isOpen = open$();
-            if (isOpen) {
-              if (ctrlKey) {
-                widget.api.highlightLast();
-              } else {
-                widget.api.highlightNext();
-              }
-            } else {
-              widget.api.open();
-              widget.api.highlightFirst();
-            }
-            break;
-          }
-          case "ArrowUp":
-            if (ctrlKey) {
-              widget.api.highlightFirst();
-            } else {
-              widget.api.highlightPrevious();
-            }
-            break;
-          case "Enter": {
-            const itemCtx = highlighted$();
-            if (itemCtx) {
-              widget.api.toggleItem(itemCtx.item);
-            }
-            break;
-          }
-          case "Escape":
-            open$.set(false);
-            break;
-          default:
-            keyManaged = false;
-        }
-        if (keyManaged) {
-          e.preventDefault();
-        }
-      },
-      onBadgeKeydown(event, item) {
-        let keyManaged = false;
-        switch (event.key) {
-          case "Backspace":
-          case "Delete": {
-            onRemoveBadge(event, item);
-            keyManaged = true;
-            break;
-          }
-        }
-        if (keyManaged) {
-          event.preventDefault();
-        }
-      }
+      itemAttributesDirective,
+      inputDirective,
+      badgeCloseButtonDirective
     }
   };
   return widget;

package/services/extendWidget.d.ts

@@ -1,24 +1,57 @@
 import type { ConfigValidator, IsSlotContent, SlotContent, Widget, WidgetFactory, WidgetProps, WidgetSlotContext, WidgetState } from '../types';
 /**
  * Type extending the original Widget props and state with ExtraProps
+ *
+ * @template W - The base widget type to be extended.
+ * @template ExtraProps - Additional properties to be added to the widget.
+ * @template ExtraDirectives - Additional directives to be added to the widget. Defaults to an empty object.
  */
-export type ExtendWidgetProps<W extends Widget, ExtraProps extends object, ExtraDirectives extends object = object> = Widget<ExtendWidgetAdaptSlotWidgetProps<WidgetProps<W>, ExtraProps, ExtraDirectives>, ExtendWidgetAdaptSlotWidgetProps<WidgetState<W>, ExtraProps, ExtraDirectives>, W['api'], W['actions'], ExtendWidgetInterfaces<W['directives'], ExtraDirectives>>;
+export type ExtendWidgetProps<W extends Widget, ExtraProps extends object, ExtraDirectives extends object = object> = Widget<ExtendWidgetAdaptSlotWidgetProps<WidgetProps<W>, ExtraProps, ExtraDirectives>, ExtendWidgetAdaptSlotWidgetProps<WidgetState<W>, ExtraProps, ExtraDirectives>, W['api'], ExtendWidgetInterfaces<W['directives'], ExtraDirectives>>;
 /**
- * Type merging the passed interfaces together
+ * Combines two interface types into a single type.
+ *
+ * @template Interfaces - The base interface type.
+ * @template ExtraInterfaces - The additional interface type to extend the base interface.
+ * @typedef {Interfaces & ExtraInterfaces} ExtendWidgetInterfaces - The resulting type that includes properties from both Interfaces and ExtraInterfaces.
  */
 export type ExtendWidgetInterfaces<Interfaces, ExtraInterfaces> = Interfaces & ExtraInterfaces;
 /**
- * Type replacing the original Props with WidgetSlotContext contaning ExtraProps
+ * Type to adapt the slot content properties of a widget by extending its props, extra props, and extra directives.
+ *
+ * @template Props - The original properties of the widget slot context.
+ * @template ExtraProps - Additional properties to extend the widget slot context.
+ * @template ExtraDirectives - Additional directives to extend the widget slot context.
+ *
+ * @remarks
+ * This type conditionally checks if `Props` extends `WidgetSlotContext` and, if so, extends the widget slot context
+ * with additional properties and directives while omitting the original widget slot context properties.
  */
 export type ExtendWidgetAdaptSlotContentProps<Props extends Record<string, any>, ExtraProps extends object, ExtraDirectives extends object> = Props extends WidgetSlotContext<infer U> ? WidgetSlotContext<ExtendWidgetProps<U, ExtraProps, ExtraDirectives>> & Omit<Props, keyof WidgetSlotContext<any>> : Props;
 /**
- * Type enriching the original widget slot Props with ExtraProps slots
+ * Type definition for extending widget properties with additional properties and directives.
+ *
+ * This type takes three generic parameters:
+ * - `Props`: The original properties of the widget.
+ * - `ExtraProps`: Additional properties to be merged with the original properties.
+ * - `ExtraDirectives`: Additional directives to be merged with the original properties.
+ *
+ * The resulting type combines `ExtraProps` with the original `Props`. For each property in `Props`,
+ * if the property is of type `SlotContent`, it will be extended with the additional properties and directives.
+ *
+ * @template Props - The original properties of the widget.
+ * @template ExtraProps - Additional properties to be merged with the original properties.
+ * @template ExtraDirectives - Additional directives to be merged with the original properties.
  */
 export type ExtendWidgetAdaptSlotWidgetProps<Props, ExtraProps extends object, ExtraDirectives extends object> = ExtraProps & {
     [K in keyof Props]: IsSlotContent<Props[K]> extends SlotContent<infer U> ? SlotContent<ExtendWidgetAdaptSlotContentProps<U, ExtraProps, ExtraDirectives>> : Props[K];
 };
 /**
  * Method to extend the original widget with extra props with validator
+ *
+ * @template W - The type of the widget.
+ * @template ExtraProps - The type of the additional properties.
+ * @template ExtraDirectives - The type of the additional directives (default is an empty object).
+ *
  * @param factory - original widget factory
  * @param extraPropsDefaults - object containing default value for each extra prop
  * @param extraPropsConfig - object verifying the type of each extra prop

package/services/floatingUI.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tansu = require("@amadeus-it-group/tansu");
 const dom = require("@floating-ui/dom");
-const utils_directive = require("../directive-j-xRk-h3.cjs");
+const utils_directive = require("../directive-DdlwGFtf.cjs");
 const promise = require("../promise-BMJ8qhA8.cjs");
 const utils_stores = require("../utils/stores.cjs");
 const defaultConfig = {
@@ -125,7 +125,8 @@ const createFloatingUI = (propsConfig) => {
        * Directive to be used on the arrow element, if any
        */
       arrowDirective: utils_directive.mergeDirectives(arrowDirective, utils_directive.directiveSubscribe(arrowStyleApplyAction$))
-    }
+    },
+    api: {}
   };
 };
 exports.createFloatingUI = createFloatingUI;

package/services/floatingUI.d.ts

@@ -1,5 +1,8 @@
 import type { ArrowOptions, AutoUpdateOptions, ComputePositionConfig, Derivable, MiddlewareData, Placement, Strategy } from '@floating-ui/dom';
-import type { PropsConfig } from '../types';
+import type { Directive, PropsConfig, SSRHTMLElement, Widget } from '../types';
+/**
+ * Interface representing the properties for configuring Floating UI.
+ */
 export interface FloatingUIProps {
     /**
      * Options to use when calling computePosition from Floating UI
@@ -14,6 +17,9 @@ export interface FloatingUIProps {
      */
     arrowOptions: Omit<ArrowOptions, 'element'> | Derivable<Omit<ArrowOptions, 'element'>>;
 }
+/**
+ * Represents the state of a floating UI element.
+ */
 export interface FloatingUIState {
     /**
      * The x coordinate of the floating ui
@@ -36,7 +42,26 @@ export interface FloatingUIState {
      */
     middlewareData: MiddlewareData | undefined;
 }
-export type FloatingUI = ReturnType<typeof createFloatingUI>;
+export interface FloatingUIDirectives {
+    /**
+     * Directive to attach to the reference element
+     */
+    referenceDirective: Directive<void, SSRHTMLElement>;
+    /**
+     * Directive to attach to the floating element
+     */
+    floatingDirective: Directive<void, SSRHTMLElement>;
+    /**
+     * Directive to attach to the arrow element
+     */
+    arrowDirective: Directive<void, SSRHTMLElement>;
+}
+/**
+ * Represents the type returned by the `createFloatingUI` function.
+ *
+ * This type is used to define the structure and behavior of the Floating UI component.
+ */
+export type FloatingUI = Widget<FloatingUIProps, FloatingUIState, object, FloatingUIDirectives>;
 /**
  * Create a floating UI service.
  *
@@ -45,28 +70,4 @@ export type FloatingUI = ReturnType<typeof createFloatingUI>;
  * @param propsConfig - the props config for the floating UI service
  * @returns the floating UI service
  */
-export declare const createFloatingUI: (propsConfig?: PropsConfig<FloatingUIProps>) => {
-    directives: {
-        /**
-         * Directive to be used on the reference element from where the floating element will be positioned
-         */
-        referenceDirective: import("../types").Directive<void, import("../types").SSRHTMLElement>;
-        /**
-         * Directive to be used on the floating element
-         */
-        floatingDirective: import("../types").Directive<void, import("../types").SSRHTMLElement>;
-        /**
-         * Directive to be used on the arrow element, if any
-         */
-        arrowDirective: import("../types").Directive<void, import("../types").SSRHTMLElement>;
-    };
-    state$: import("@amadeus-it-group/tansu").ReadableSignal<FloatingUIState>;
-    stores: {
-        x$: import("@amadeus-it-group/tansu").ReadableSignal<number | undefined>;
-        y$: import("@amadeus-it-group/tansu").ReadableSignal<number | undefined>;
-        strategy$: import("@amadeus-it-group/tansu").ReadableSignal<Strategy | undefined>;
-        placement$: import("@amadeus-it-group/tansu").ReadableSignal<Placement | undefined>;
-        middlewareData$: import("@amadeus-it-group/tansu").ReadableSignal<MiddlewareData | undefined>;
-    };
-    patch: <U extends Partial<FloatingUIProps>>(storesValues?: void | U | undefined) => void;
-};
+export declare const createFloatingUI: (propsConfig?: PropsConfig<FloatingUIProps>) => FloatingUI;

package/services/floatingUI.js

@@ -1,6 +1,6 @@
 import { computed, derived } from "@amadeus-it-group/tansu";
 import { arrow, autoUpdate, computePosition } from "@floating-ui/dom";
-import { j as createBrowserStoreDirective, k as mergeDirectives, d as directiveSubscribe } from "../directive-3-8yr-ZK.js";
+import { j as createBrowserStoreDirective, k as mergeDirectives, d as directiveSubscribe } from "../directive-CKEccryv.js";
 import { p as promiseStoreToValueStore } from "../promise-CY2U8bTP.js";
 import { writablesForProps, stateStores } from "../utils/stores.js";
 const defaultConfig = {
@@ -123,7 +123,8 @@ const createFloatingUI = (propsConfig) => {
        * Directive to be used on the arrow element, if any
        */
       arrowDirective: mergeDirectives(arrowDirective, directiveSubscribe(arrowStyleApplyAction$))
-    }
+    },
+    api: {}
   };
 };
 export {

package/services/focustrack.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tansu = require("@amadeus-it-group/tansu");
-const utils_directive = require("../directive-j-xRk-h3.cjs");
+const utils_directive = require("../directive-DdlwGFtf.cjs");
 const esmEnv = require("esm-env");
 const evtFocusIn = "focusin";
 const evtFocusOut = "focusout";

package/services/focustrack.d.ts

@@ -1,6 +1,27 @@
 import type { ReadableSignal } from '@amadeus-it-group/tansu';
 import type { Directive } from '../types';
+/**
+ * A readable store that tracks the currently active (focused) element in the document.
+ *
+ * This store is only active in a browser environment. When not in a browser environment,
+ * it will be a readable store with a `null` value.
+ *
+ * @example
+ * ```typescript
+ * import { activeElement$ } from './focustrack';
+ *
+ * activeElement$.subscribe((element) => {
+ *   console.log('Active element:', element);
+ * });
+ * ```
+ *
+ * The store updates whenever the active element changes, such as when the user focuses
+ * on a different input field or clicks on a different part of the document.
+ */
 export declare const activeElement$: ReadableSignal<Element | null>;
+/**
+ * Interface representing an element that can have focus tracking.
+ */
 export interface HasFocus {
     /**
      * Directive to put on some elements.

package/services/focustrack.js

@@ -1,5 +1,5 @@
 import { readable, computed } from "@amadeus-it-group/tansu";
-import { g as createBrowserStoreArrayDirective } from "../directive-3-8yr-ZK.js";
+import { g as createBrowserStoreArrayDirective } from "../directive-CKEccryv.js";
 import { BROWSER } from "esm-env";
 const evtFocusIn = "focusin";
 const evtFocusOut = "focusout";

package/services/hash.d.ts

@@ -1,2 +1,3 @@
+import { type ReadableSignal } from '@amadeus-it-group/tansu';
 /** Store exposing the location.hash string */
-export declare const hash$: import("@amadeus-it-group/tansu").ReadableSignal<string>;
+export declare const hash$: ReadableSignal<string>;

package/services/intersection.cjs

@@ -44,7 +44,7 @@ const createIntersection = (config) => {
     /**
      * Store of map that contains the visible elements (for the key) and the corresponding entries
      *
-     * See the [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry)
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry | MDN documentation}
      */
     visibleElements$: tansu.asReadable(visibleElements$),
     patch

package/services/intersection.d.ts

@@ -1,13 +1,17 @@
+import { type ReadableSignal } from '@amadeus-it-group/tansu';
 import type { PropsConfig } from '../types';
+/**
+ * Interface representing the properties for the Intersection service.
+ */
 export interface IntersectionProps {
     /**
      * elements to observe
      */
     elements: HTMLElement[];
     /**
-     * IntersectionObserverInit used in the IntersectionObserver
+     * IntersectionObserverInit used in the {@link IntersectionObserver}
      *
-     * See the [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/IntersectionObserver#options)
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/IntersectionObserver#options | MDN documentation}
      */
     options: Partial<IntersectionObserverInit> | undefined;
 }
@@ -20,15 +24,7 @@ export interface IntersectionProps {
  * @returns the intersection service
  */
 export declare const createIntersection: (config?: PropsConfig<IntersectionProps>) => {
-    /**
-     * Readable of observed elements
-     */
-    elements$: import("@amadeus-it-group/tansu").ReadableSignal<HTMLElement[]>;
-    /**
-     * Store of map that contains the visible elements (for the key) and the corresponding entries
-     *
-     * See the [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry)
-     */
-    visibleElements$: import("@amadeus-it-group/tansu").ReadableSignal<Map<Element, IntersectionObserverEntry>>;
-    patch: <U extends Partial<IntersectionProps>>(storesValues?: void | U | undefined) => void;
+    elements$: ReadableSignal<HTMLElement[]>;
+    visibleElements$: ReadableSignal<Map<Element, IntersectionObserverEntry>>;
+    patch: (storesValues: Partial<IntersectionProps>) => void;
 };