@agnos-ui/core 0.4.4 → 0.5.0

package/services/intersection.js

@@ -42,7 +42,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$: asReadable(visibleElements$),
     patch

package/services/matchMedia.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tansu = require("@amadeus-it-group/tansu");
 const esmEnv = require("esm-env");
-const utils_directive = require("../directive-j-xRk-h3.cjs");
+const utils_directive = require("../directive-DdlwGFtf.cjs");
 const createMatchMedia = (query) => esmEnv.BROWSER ? tansu.readable(false, {
   onUse({ set }) {
     const mql = window.matchMedia(query.trim());

package/services/matchMedia.d.ts

@@ -1,7 +1,8 @@
+import { type ReadableSignal } from '@amadeus-it-group/tansu';
 /**
  * Create a store tracking the state of a {@link https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia | matchMedia} query.
  *
  * @param query - the query to match
  * @returns a readable store tracking the match media query state
  */
-export declare const createMatchMedia: (query: string) => import("@amadeus-it-group/tansu").ReadableSignal<boolean>;
+export declare const createMatchMedia: (query: string) => ReadableSignal<boolean>;

package/services/matchMedia.js

@@ -1,6 +1,6 @@
 import { readable } from "@amadeus-it-group/tansu";
 import { BROWSER } from "esm-env";
-import { u as addEvent } from "../directive-3-8yr-ZK.js";
+import { u as addEvent } from "../directive-CKEccryv.js";
 const createMatchMedia = (query) => BROWSER ? readable(false, {
   onUse({ set }) {
     const mql = window.matchMedia(query.trim());

package/services/navManager.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 isInertOrInvisible = (element) => {
   let curElement = element;
   while (curElement) {

package/services/navManager.d.ts

@@ -1,4 +1,80 @@
-export type NavManager = ReturnType<typeof createNavManager>;
+import { type ReadableSignal } from '@amadeus-it-group/tansu';
+import type { Directive, SSRHTMLElement } from '../types';
+/**
+ * A type representing a function that determines the neighboring element to focus on.
+ * @returns The next HTMLElement to focus on, or null if no suitable element is found.
+ */
+export type FocusNeighbour = (arg?: {
+    event?: Event;
+    referenceElement?: HTMLElement | null;
+}) => HTMLElement | null;
+/**
+ * A type representing a function that focuses on the end element.
+ * @returns The HTMLElement that was focused, or null if no element was focused.
+ */
+export type FocusEnd = (arg?: {
+    event?: Event;
+}) => HTMLElement | null;
+/**
+ * Represents a navigation manager that handles focusable elements in the DOM.
+ *
+ * @template T - The type of the configuration for the navigation manager items.
+ */
+export type NavManager<T> = {
+    /**
+     * Store containing the navigable elements in DOM order
+     */
+    elementsInDomOrder$: ReadableSignal<HTMLElement[]>;
+    /**
+     * Directive to attach the nav manager
+     */
+    directive: Directive<NavManagerItemConfig<T>, SSRHTMLElement>;
+    /**
+     * Refresh the elements list.
+     * @param now force the instant refresh of the elements
+     */
+    refreshElements: (now?: boolean) => void;
+    /**
+     * Focus the element at the given idex.
+     * If the element at the given index is not focusable, use the moveDirection to step into the next focusable element.
+     * @param index the index of the element to focus
+     * @param moveDirection a move direction
+     * @returns the new focusable element if found, null otherwise
+     */
+    focusIndex: (index: number, moveDirection: -1 | 0 | 1) => HTMLElement | null;
+    /**
+     * Focus the previous element, respecting the anscestor direction.
+     */
+    focusPrevious: FocusNeighbour;
+    /**
+     * Focus the next element, respecting the anscestor direction.
+     */
+    focusNext: FocusNeighbour;
+    /**
+     * Focus the first element, respecting the anscestor direction.
+     */
+    focusFirst: FocusEnd;
+    /**
+     * Focus the element at the left-end of the list.
+     */
+    focusFirstLeft: FocusEnd;
+    /**
+     * Focus the element at the right-end of the list.
+     */
+    focusFirstRight: FocusEnd;
+    /**
+     * Focus the last element, respecting the anscestor direction.
+     */
+    focusLast: FocusEnd;
+    /**
+     * Focus the next focusable element to the left of the currently focused element.
+     */
+    focusLeft: FocusNeighbour;
+    /**
+     * Focus the next focusable element to the right of the currently focused element.
+     */
+    focusRight: FocusNeighbour;
+};
 /**
  * Returns the key name given the keyboard event. The key name is built using event.key (such as ArrowLeft, PageDown...),
  * prefixed with the modifiers. If present, modifiers are always in the same order: Meta+Ctrl+Alt+Shift+...
@@ -21,15 +97,18 @@ export declare const isInternalInputNavigation: (event: KeyboardEvent) => boolea
  * - event: key event
  * - directiveElement: DOM element which has the navigation manager directive
  * - navManager: navigation manager instance
+ * @template T - The type of the context object, defaults to `any`.
  */
 export type NavManagerKeyHandler<T = any> = (info: {
     directiveElement: HTMLElement;
     event: Event;
-    navManager: NavManager;
+    navManager: NavManager<T>;
     context?: T;
 }) => void;
 /**
- * Type of the parameter of the navigation manager directive.
+ * Configuration object for a navigation manager item.
+ *
+ * @template T - The type of the context object.
  */
 export interface NavManagerItemConfig<T = any> {
     /**
@@ -59,42 +138,7 @@ export interface NavManagerItemConfig<T = any> {
  *
  * It provides some utilities to move the focus between those elements (focusFirst/focusLast, focusLeft/focusRight, focusPrevious/focusNext).
  *
- * @returns a new instance of the navigation manager
+ * @template T - The type of the context object used in the navigation manager.
+ * @returns An object containing methods and properties for managing focus navigation.
  */
-export declare const createNavManager: () => {
-    elementsInDomOrder$: import("@amadeus-it-group/tansu").ReadableSignal<HTMLElement[]>;
-    directive: <T = any>(node: import("..").SSRHTMLElement, args: NavManagerItemConfig<T>) => void | {
-        update?: ((args: NavManagerItemConfig<T>) => void) | undefined;
-        destroy?: () => void;
-    };
-    focusIndex: (index: number, moveDirection?: -1 | 0 | 1) => HTMLElement | null;
-    focusPrevious: ({ event, referenceElement, }?: {
-        event?: Event;
-        referenceElement?: HTMLElement | null;
-    }) => HTMLElement | null;
-    focusNext: ({ event, referenceElement, }?: {
-        event?: Event;
-        referenceElement?: HTMLElement | null;
-    }) => HTMLElement | null;
-    focusFirst: ({ event }?: {
-        event?: Event;
-    }) => HTMLElement | null;
-    focusFirstLeft: (args_0?: {
-        event?: Event;
-    } | undefined) => HTMLElement | null;
-    focusFirstRight: (args_0?: {
-        event?: Event;
-    } | undefined) => HTMLElement | null;
-    focusLast: ({ event }?: {
-        event?: Event;
-    }) => HTMLElement | null;
-    focusLeft: (args_0?: {
-        event?: Event;
-        referenceElement?: HTMLElement | null;
-    } | undefined) => HTMLElement | null;
-    focusRight: (args_0?: {
-        event?: Event;
-        referenceElement?: HTMLElement | null;
-    } | undefined) => HTMLElement | null;
-    refreshElements: (now?: boolean) => void;
-};
+export declare const createNavManager: <T>() => NavManager<T>;

package/services/navManager.js

@@ -1,5 +1,5 @@
 import { writable, computed } from "@amadeus-it-group/tansu";
-import { r as registrationArray, y as computeCommonAncestor, b as browserDirective } from "../directive-3-8yr-ZK.js";
+import { r as registrationArray, y as computeCommonAncestor, b as browserDirective } from "../directive-CKEccryv.js";
 const isInertOrInvisible = (element) => {
   let curElement = element;
   while (curElement) {

package/services/portal.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_directive = require("../directive-j-xRk-h3.cjs");
+const utils_directive = require("../directive-DdlwGFtf.cjs");
 const portal = utils_directive.browserDirective((content, newArg) => {
   let arg;
   let replaceComment;

package/services/portal.d.ts

@@ -1,4 +1,7 @@
 import type { Directive } from '../types';
+/**
+ * Represents the arguments for a portal directive.
+ */
 export type PortalDirectiveArg = {
     container?: HTMLElement | null | undefined;
     insertBefore?: HTMLElement | null | undefined;

package/services/portal.js

@@ -1,4 +1,4 @@
-import { b as browserDirective } from "../directive-3-8yr-ZK.js";
+import { b as browserDirective } from "../directive-CKEccryv.js";
 const portal = browserDirective((content, newArg) => {
   let arg;
   let replaceComment;

package/services/resizeObserver.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 func = require("../func-Qd3cD9a3.cjs");
 const createResizeObserver = () => {
   const { element$, directive } = utils_directive.createBrowserStoreDirective();
@@ -22,7 +22,7 @@ const createResizeObserver = () => {
   return {
     /**
      * Store which contains the dimensions of the observed element (ResizeObserverEntry type)
-     * See the [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry)
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry | MDN documentation}
      */
     dimensions$: observedElement$,
     /** Directive to be attached to html element in order to listen to resize events */

package/services/resizeObserver.d.ts

@@ -1,14 +1,10 @@
 import type { ReadableSignal } from '@amadeus-it-group/tansu';
+import type { Directive, SSRHTMLElement } from '../types';
 /**
  * Create a resize observer object
  * @returns An object containing the store with the dimentions of observed element (ResizeObserverEntry), the directive to be applied to the html element to be observed
  */
 export declare const createResizeObserver: () => {
-    /**
-     * Store which contains the dimensions of the observed element (ResizeObserverEntry type)
-     * See the [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry)
-     */
     dimensions$: ReadableSignal<ResizeObserverEntry | undefined>;
-    /** Directive to be attached to html element in order to listen to resize events */
-    directive: import("..").Directive<void, import("..").SSRHTMLElement>;
+    directive: Directive<void, SSRHTMLElement>;
 };

package/services/resizeObserver.js

@@ -1,5 +1,5 @@
 import { derived } from "@amadeus-it-group/tansu";
-import { j as createBrowserStoreDirective } from "../directive-3-8yr-ZK.js";
+import { j as createBrowserStoreDirective } from "../directive-CKEccryv.js";
 import { n as noop } from "../func-DR0n-ShK.js";
 const createResizeObserver = () => {
   const { element$, directive } = createBrowserStoreDirective();
@@ -20,7 +20,7 @@ const createResizeObserver = () => {
   return {
     /**
      * Store which contains the dimensions of the observed element (ResizeObserverEntry type)
-     * See the [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry)
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry | MDN documentation}
      */
     dimensions$: observedElement$,
     /** Directive to be attached to html element in order to listen to resize events */

package/services/siblingsInert.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tansu = require("@amadeus-it-group/tansu");
 const func = require("../func-Qd3cD9a3.cjs");
-const utils_directive = require("../directive-j-xRk-h3.cjs");
+const utils_directive = require("../directive-DdlwGFtf.cjs");
 const internalSetSiblingsInert = (element) => {
   const inertValues = /* @__PURE__ */ new Map();
   const recursiveHelper = (element2) => {
@@ -36,5 +36,5 @@ const lastElement$ = tansu.computed(
   { equal: Object.is }
 );
 const inertAction$ = tansu.computed(() => setSiblingsInert(lastElement$()));
-const sliblingsInert = utils_directive.mergeDirectives(storeArrayDirective, utils_directive.directiveSubscribe(inertAction$));
-exports.sliblingsInert = sliblingsInert;
+const siblingsInert = utils_directive.mergeDirectives(storeArrayDirective, utils_directive.directiveSubscribe(inertAction$));
+exports.siblingsInert = siblingsInert;

package/services/siblingsInert.d.ts

@@ -1,8 +1,6 @@
 import type { Directive } from '../types';
 /**
- * sliblingsInert directive
- * When used on an element, all siblings of the element and of its ancestors will be inert with the inert attribute.
- * In case it is used on multiple elements, only the last one has an effect (the directive keeps a stack of elements
- * on which it is used, so when the last one disappears, the previous one in the list becomes the one in effect).
+ * A directive that sets the `inert` attribute on all sibling elements of the given element recursively up the DOM tree,
+ * excluding the element itself and any `<script>` elements.
  */
-export declare const sliblingsInert: Directive;
+export declare const siblingsInert: Directive;

package/services/siblingsInert.js

@@ -1,6 +1,6 @@
 import { computed } from "@amadeus-it-group/tansu";
 import { n as noop } from "../func-DR0n-ShK.js";
-import { g as createBrowserStoreArrayDirective, k as mergeDirectives, d as directiveSubscribe } from "../directive-3-8yr-ZK.js";
+import { g as createBrowserStoreArrayDirective, k as mergeDirectives, d as directiveSubscribe } from "../directive-CKEccryv.js";
 const internalSetSiblingsInert = (element) => {
   const inertValues = /* @__PURE__ */ new Map();
   const recursiveHelper = (element2) => {
@@ -34,7 +34,7 @@ const lastElement$ = computed(
   { equal: Object.is }
 );
 const inertAction$ = computed(() => setSiblingsInert(lastElement$()));
-const sliblingsInert = mergeDirectives(storeArrayDirective, directiveSubscribe(inertAction$));
+const siblingsInert = mergeDirectives(storeArrayDirective, directiveSubscribe(inertAction$));
 export {
-  sliblingsInert
+  siblingsInert
 };

package/services/transitions/baseTransitions.cjs

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tansu = require("@amadeus-it-group/tansu");
-const utils_writables = require("../../writables-D46sFgGK.cjs");
+const utils_writables = require("../../writables-BPAJvaL_.cjs");
 const promise = require("../../promise-BMJ8qhA8.cjs");
 const func = require("../../func-Qd3cD9a3.cjs");
 const utils_stores = require("../../utils/stores.cjs");
-const utils_directive = require("../../directive-j-xRk-h3.cjs");
+const utils_directive = require("../../directive-DdlwGFtf.cjs");
 const neverEndingPromise = new Promise(func.noop);
-const noAnimation = async (element, direction) => {
+const noAnimation = (element, direction) => {
   element.style.display = direction === "show" ? "" : "none";
 };
 const defaultValues = {
@@ -145,7 +145,7 @@ const createTransition = (config) => {
       }
     }
   };
-  const directive = utils_directive.mergeDirectives(storeDirective, utils_directive.directiveUpdate(patch), utils_directive.directiveSubscribe(visibleAction$));
+  const directive = utils_directive.mergeDirectives(storeDirective, utils_directive.directiveSubscribe(visibleAction$));
   return {
     ...utils_stores.stateStores({
       visible$,
@@ -159,7 +159,6 @@ const createTransition = (config) => {
     directives: {
       directive
     },
-    actions: {},
     api: {
       show: toggle.bind(null, true),
       hide: toggle.bind(null, false),

package/services/transitions/baseTransitions.d.ts

@@ -22,7 +22,10 @@ signal: AbortSignal,
 /**
  * Context of the current transition. It is reused between calls if the previous transition was stopped while running on the same element.
  */
-context: object) => Promise<void>;
+context: object) => Promise<void> | void;
+/**
+ * Properties for configuring a transition.
+ */
 export interface TransitionProps {
     /**
      * Transition to be called.
@@ -61,7 +64,7 @@ export interface TransitionProps {
     /**
      * Function to be called when the visible property changes.
      *
-     * @param visible - new value of the visible propery
+     * @param visible - new value of the visible property
      */
     onVisibleChange: (visible: boolean) => void;
 }
@@ -94,6 +97,9 @@ export interface TransitionState {
      */
     hidden: boolean;
 }
+/**
+ * Interface representing the API for managing transitions of an element.
+ */
 export interface TransitionApi {
     /**
      * Runs the transition to show the element. It is equivalent to {@link TransitionApi.toggle | toggle} with true as the first parameter.
@@ -124,13 +130,24 @@ export interface TransitionApi {
      */
     toggle: (visible?: boolean, animated?: boolean) => Promise<void>;
 }
+/**
+ * Interface representing transition directives.
+ */
 export interface TransitionDirectives {
     /**
      * the transition directive
      */
-    directive: Directive<void | Partial<TransitionProps>>;
+    directive: Directive;
 }
-export type TransitionWidget = Widget<TransitionProps, TransitionState, TransitionApi, object, TransitionDirectives>;
+/**
+ * Represents a widget that handles transitions.
+ *
+ * @template TransitionProps - The properties required for the transition.
+ * @template TransitionState - The state management for the transition.
+ * @template TransitionApi - The API interface for the transition.
+ * @template TransitionDirectives - The directives used in the transition.
+ */
+export type TransitionWidget = Widget<TransitionProps, TransitionState, TransitionApi, TransitionDirectives>;
 /**
  * A transition to show / hide an element without any animated. It uses the HTML `display` attribute.
  *

package/services/transitions/baseTransitions.js

@@ -1,11 +1,11 @@
 import { computed, writable, derived, batch } from "@amadeus-it-group/tansu";
-import { c as typeBoolean, f as typeFunction, d as typeBooleanOrNull } from "../../writables-DoU_XYTX.js";
+import { c as typeBoolean, f as typeFunction, d as typeBooleanOrNull } from "../../writables-DCiBdIBK.js";
 import { c as promiseWithResolve } from "../../promise-CY2U8bTP.js";
 import { n as noop } from "../../func-DR0n-ShK.js";
 import { writablesForProps, bindableDerived, stateStores } from "../../utils/stores.js";
-import { h as createStoreDirective, k as mergeDirectives, d as directiveSubscribe, e as directiveUpdate } from "../../directive-3-8yr-ZK.js";
+import { h as createStoreDirective, k as mergeDirectives, d as directiveSubscribe } from "../../directive-CKEccryv.js";
 const neverEndingPromise = new Promise(noop);
-const noAnimation = async (element, direction) => {
+const noAnimation = (element, direction) => {
   element.style.display = direction === "show" ? "" : "none";
 };
 const defaultValues = {
@@ -143,7 +143,7 @@ const createTransition = (config) => {
       }
     }
   };
-  const directive = mergeDirectives(storeDirective, directiveUpdate(patch), directiveSubscribe(visibleAction$));
+  const directive = mergeDirectives(storeDirective, directiveSubscribe(visibleAction$));
   return {
     ...stateStores({
       visible$,
@@ -157,7 +157,6 @@ const createTransition = (config) => {
     directives: {
       directive
     },
-    actions: {},
     api: {
       show: toggle.bind(null, true),
       hide: toggle.bind(null, false),

package/services/transitions/collapse.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_directive = require("../../directive-j-xRk-h3.cjs");
+const utils_directive = require("../../directive-DdlwGFtf.cjs");
 const services_transitions_cssTransitions = require("./cssTransitions.cjs");
 const createCollapseTransition = ({
   dimension = "height",

package/services/transitions/collapse.d.ts

@@ -1,4 +1,7 @@
 import type { TransitionFn } from './baseTransitions';
+/**
+ * Represents the context for a collapsible element.
+ */
 export interface CollapseContext {
     /**
      * the maximum size of the collapseable content.
@@ -9,6 +12,9 @@ export interface CollapseContext {
      */
     minSize?: string;
 }
+/**
+ * Configuration options for the collapse transition.
+ */
 export interface CollapseConfig {
     /**
      * the direction in which the collapsing is performed

package/services/transitions/collapse.js

@@ -1,4 +1,4 @@
-import { i as isBrowserHTMLElement, v as removeClasses, w as addClasses, x as reflow } from "../../directive-3-8yr-ZK.js";
+import { i as isBrowserHTMLElement, v as removeClasses, w as addClasses, x as reflow } from "../../directive-CKEccryv.js";
 import { createCSSTransition } from "./cssTransitions.js";
 const createCollapseTransition = ({
   dimension = "height",

package/services/transitions/cssTransitions.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_directive = require("../../directive-j-xRk-h3.cjs");
+const utils_directive = require("../../directive-DdlwGFtf.cjs");
 const func = require("../../func-Qd3cD9a3.cjs");
 const promise = require("../../promise-BMJ8qhA8.cjs");
 function hasTransition(element) {

package/services/transitions/cssTransitions.d.ts

@@ -12,6 +12,9 @@ export declare function hasTransition(element: HTMLElement): boolean;
  * @returns transition duration in milli seconds
  */
 export declare function getTransitionDurationMs(element: HTMLElement): number;
+/**
+ * Defines a function type for CSS transitions.
+ */
 export type CSSTransitionFn = (element: SSRHTMLElement, direction: 'show' | 'hide', animated: boolean, context: object) => void | (() => void);
 /**
  * Create a simple css transition.

package/services/transitions/cssTransitions.js

@@ -1,4 +1,4 @@
-import { i as isBrowserHTMLElement } from "../../directive-3-8yr-ZK.js";
+import { i as isBrowserHTMLElement } from "../../directive-CKEccryv.js";
 import { n as noop } from "../../func-DR0n-ShK.js";
 import { a as promiseFromEvent, b as promiseFromTimeout } from "../../promise-CY2U8bTP.js";
 function hasTransition(element) {

package/services/transitions/simpleClassTransition.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const services_transitions_cssTransitions = require("./cssTransitions.cjs");
-const utils_directive = require("../../directive-j-xRk-h3.cjs");
+const utils_directive = require("../../directive-DdlwGFtf.cjs");
 const createSimpleClassTransition = (config) => {
   const { animationPendingClasses, animationPendingShowClasses, animationPendingHideClasses, showClasses, hideClasses } = config;
   return services_transitions_cssTransitions.createCSSTransition((element, direction, animated, context) => {

package/services/transitions/simpleClassTransition.d.ts

@@ -1,3 +1,7 @@
+import type { TransitionFn } from './baseTransitions';
+/**
+ * Configuration interface for simple class-based transitions.
+ */
 export interface SimpleClassTransitionConfig {
     /**
      * a list of classes to add to the collapsable element while transitioning
@@ -20,6 +24,9 @@ export interface SimpleClassTransitionConfig {
      */
     hideClasses?: string[];
 }
+/**
+ * Represents the context for a simple class transition.
+ */
 export interface SimpleClassTransitionContext {
     /**
      * `true` is the transition has started
@@ -31,10 +38,10 @@ export interface SimpleClassTransitionContext {
  *
  * The config includes the classes that will be attached / removed depending on the transition state.
  * `animationPendingClasses` are the classes attached when the transition is in a pending state
- * `animationPendingShowClasses` and `animationPendingHideClasses` are attached when transitionning towards one direction
+ * `animationPendingShowClasses` and `animationPendingHideClasses` are attached when transitioning towards one direction
  * `showClasses` and `hideClasses` are attached when the transition has reached the show or hide state respectively
  *
  * @param config - the transition config
  * @returns the simple class transition
  */
-export declare const createSimpleClassTransition: (config: SimpleClassTransitionConfig) => import("./baseTransitions").TransitionFn;
+export declare const createSimpleClassTransition: (config: SimpleClassTransitionConfig) => TransitionFn;

package/services/transitions/simpleClassTransition.js

@@ -1,5 +1,5 @@
 import { createCSSTransition } from "./cssTransitions.js";
-import { v as removeClasses, w as addClasses, x as reflow } from "../../directive-3-8yr-ZK.js";
+import { v as removeClasses, w as addClasses, x as reflow } from "../../directive-CKEccryv.js";
 const createSimpleClassTransition = (config) => {
   const { animationPendingClasses, animationPendingShowClasses, animationPendingHideClasses, showClasses, hideClasses } = config;
   return createCSSTransition((element, direction, animated, context) => {