@odx/foundation 1.0.0-alpha.21 → 1.0.0-alpha.22

package/dist/cdk.js

@@ -1,6 +1,6 @@
 import { dedupeMixin, createOptions, toPx, waitForAnimations, findClosestDocument, createMutationObserver, customElement, CustomElement } from '@odx/foundation';
 import { property, state } from 'lit/decorators.js';
-import { m as minBy, a as computePosition, o as offset, s as shift, f as flip, b as size, d as arrow, h as hide, e as autoUpdate } from './vendor-UwJOss6U.js';
+import { m as minBy, a as computePosition, o as offset, s as shift, f as flip, b as size, d as arrow, h as hide, e as autoUpdate } from './vendor-DxR9PGL6.js';
 import { isServer, unsafeCSS, html } from 'lit';
 import { when } from 'lit/directives/when.js';
 

package/dist/components/anchor-navigation/anchor-observer.d.ts

@@ -1,8 +1,8 @@
 export declare class AnchorObserver {
     #private;
     readonly root: Element | Document;
-    readonly anchors: import("@lit-labs/signals", { with: { "resolution-mode": "import" } }).Signal.State<Element[]>;
-    readonly visibleAnchors: import("@lit-labs/signals", { with: { "resolution-mode": "import" } }).Signal.Computed<Element[]>;
+    readonly anchors: import('@preact/signals-core').Signal<Element[]>;
+    readonly visibleAnchors: import('@preact/signals-core').ReadonlySignal<Element[]>;
     constructor(root?: Element | null);
     observe(): void;
     disconnect(): void;

package/dist/components.js

@@ -1,14 +1,14 @@
-import { WithAriaControls, CustomElement, toAriaBooleanAttribute, fromAriaBooleanAttribute, customElement, getKeyboardEventInfo, CanBeDisabled, SharedResizeObserver, effect, optionalAttr, requestUpdateOnAriaChange, createIntersectionObserver, createMutationObserver, getElementFromEvent, WithLoadingState, getAssignedElements, optionalSlot, CheckboxGroupFormControl, CheckboxFormControl, toggleAttribute, getUniqueId, parseDate, searchTextContent, FormControl, forwardEvent, CanBeSelected, waitForAnimations, FocusTrapController, OptionControl, toPx, RadioGroupFormControl, SelectFormControl, emptySlotFallbackFix, NumberControl } from '@odx/foundation';
+import { WithAriaControls, CustomElement, toAriaBooleanAttribute, fromAriaBooleanAttribute, customElement, getKeyboardEventInfo, CanBeDisabled, SharedResizeObserver, optionalAttr, requestUpdateOnAriaChange, createIntersectionObserver, createMutationObserver, getElementFromEvent, WithLoadingState, getAssignedElements, optionalSlot, CheckboxGroupFormControl, CheckboxFormControl, toggleAttribute, getUniqueId, parseDate, searchTextContent, FormControl, forwardEvent, CanBeSelected, waitForAnimations, FocusTrapController, OptionControl, toPx, RadioGroupFormControl, SelectFormControl, emptySlotFallbackFix, NumberControl } from '@odx/foundation';
 import { html, isServer, unsafeCSS, nothing, css } from 'lit';
 import { property, queryAssignedElements, query, queryAll } from 'lit/decorators.js';
-import { signal, computed, SignalWatcher } from '@lit-labs/signals';
+import { signal, computed, effect, SignalWatcher } from '@lit-labs/preact-signals';
 import { repeat } from 'lit/directives/repeat.js';
 import { when } from 'lit/directives/when.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { i as isEqual, g as clamp, R as RovingTabindexController, r as round, j as debounce, m as minBy, k as maxBy } from './vendor-UwJOss6U.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { PopoverPlacement, PopoverHost, IsDraggable, IS_DRAG_ACTIVE_ATTRIBUTE, DragController } from '@odx/foundation/cdk';
 import { IsLocalized, setTranslation } from '@odx/foundation/i18n';
+import { g as clamp, R as RovingTabindexController, r as round, i as debounce, m as minBy, j as maxBy } from './vendor-DxR9PGL6.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { createContext, consume, provide } from '@lit/context';
 
@@ -210,8 +210,8 @@ let OdxActionGroupComponent = class extends CanBeDisabled(CustomElement) {
     __privateAdd$t(this, _breakpoints, signal([]));
     __privateAdd$t(this, _position, signal(0));
     __privateAdd$t(this, _currentBreakpoint, computed(() => {
-      const position = __privateGet$p(this, _position).get();
-      const breakpoints = __privateGet$p(this, _breakpoints).get();
+      const position = __privateGet$p(this, _position).value;
+      const breakpoints = __privateGet$p(this, _breakpoints).value;
       return this.assignedElements.findLast((_, index) => {
         return breakpoints[index] && position > breakpoints[index];
       });
@@ -227,13 +227,12 @@ let OdxActionGroupComponent = class extends CanBeDisabled(CustomElement) {
       this,
       () => {
         const baseRect = this.base.getBoundingClientRect();
-        console.log(baseRect.left);
-        __privateGet$p(this, _position).set(baseRect.left);
+        __privateGet$p(this, _position).value = baseRect.left;
       },
       { fpsLimit: 5 }
     );
     effect(() => {
-      const currentBreakpoint = __privateGet$p(this, _currentBreakpoint).get();
+      const currentBreakpoint = __privateGet$p(this, _currentBreakpoint).value;
       console.log(currentBreakpoint);
     });
   }
@@ -269,9 +268,9 @@ captureSize_fn = async function() {
     element.slot = "";
   }
   await 0;
-  __privateGet$p(this, _breakpoints).set(
-    this.assignedElements.map((element) => element.getBoundingClientRect().left + this.getBoundingClientRect().left - this.getBoundingClientRect().left)
-  );
+  __privateGet$p(this, _breakpoints).value = this.assignedElements.map((element) => {
+    return element.getBoundingClientRect().left;
+  });
   this.container.classList.remove("measuring");
 };
 _handleSlotChange$7 = new WeakMap();
@@ -400,10 +399,9 @@ const ANCHOR_SELECTOR = "odx-anchor";
 class AnchorObserver {
   constructor(root) {
     this.#intersectionState = signal({});
-    this.anchors = signal([], { equals: isEqual });
+    this.anchors = signal([]);
     this.visibleAnchors = computed(() => {
-      const intersectionState = this.#intersectionState.get();
-      return this.anchors.get().filter((anchor) => !!intersectionState[anchor.id]);
+      return this.anchors.value.filter((anchor) => !!this.#intersectionState.value[anchor.id]);
     });
     this.updateAnchors = () => {
       const anchors = Array.from(this.root.querySelectorAll(`[${ANCHOR_SELECTOR}][id]`));
@@ -411,15 +409,15 @@ class AnchorObserver {
         if (!this.#isAnchor(anchor)) continue;
         this.#intersectionObserver?.observe(anchor);
       }
-      this.anchors.set(anchors);
+      this.anchors.value = anchors;
     };
     this.#handleIntersection = (entries) => {
-      const state = this.#intersectionState.get();
+      const state = this.#intersectionState.value;
       for (const entry of entries) {
         if (!this.#isAnchor(entry.target)) continue;
         state[entry.target.id] = entry.isIntersecting;
       }
-      this.#intersectionState.set({ ...state });
+      this.#intersectionState.value = { ...state };
     };
     this.root = root ?? document;
     this.#intersectionObserver = createIntersectionObserver(this.#handleIntersection, { root });
@@ -498,8 +496,8 @@ let OdxAnchorNavigationComponent = class extends SignalWatcher(CustomElement) {
     );
   }
   render() {
-    const anchors = __privateGet$o(this, _anchorObserver)?.anchors.get() ?? [];
-    const visibleAnchors = __privateGet$o(this, _anchorObserver)?.visibleAnchors.get();
+    const anchors = __privateGet$o(this, _anchorObserver)?.anchors.value ?? [];
+    const visibleAnchors = __privateGet$o(this, _anchorObserver)?.visibleAnchors.value;
     return repeat(
       anchors,
       (anchor) => anchor.id,

package/dist/i18n/lib/is-localized.mixin.d.ts

@@ -1,10 +1,10 @@
-import { Signal } from '@lit-labs/signals';
+import { ReadonlySignal } from '@lit-labs/preact-signals';
 import { Constructor, CustomElement } from '../../lib/main.js';
 import { formatDate, formatList, formatNumber, formatRelativeTime } from './format.js';
 import { getLocale } from './localization.js';
 import { translate } from './translate.js';
 export interface IsLocalized {
-    readonly locale: Signal.Computed<ReturnType<typeof getLocale>>;
+    readonly locale: ReadonlySignal<ReturnType<typeof getLocale>>;
     t: (...args: Parameters<typeof translate>) => string;
     formatDate: typeof formatDate;
     formatNumber: typeof formatNumber;

package/dist/i18n/lib/translate.d.ts

@@ -1,4 +1,4 @@
-import { Signal } from '@lit-labs/signals';
+import { ReadonlySignal } from '@lit-labs/preact-signals';
 import { LocaleInput } from './models.js';
 export type TranslateContext = Record<string, string | number | boolean> | string | number | boolean | null;
 type Translation = {
@@ -6,6 +6,6 @@ type Translation = {
 };
 export declare function interpolate(value: string, context: Record<string, string | number>): string;
 export declare function setTranslation(locale: LocaleInput, translation: Translation): void;
-export declare function translate(key: string, contextInput?: TranslateContext, locale?: LocaleInput | null): Signal.Computed<string>;
+export declare function translate(key: string, contextInput?: TranslateContext, locale?: LocaleInput | null): ReadonlySignal<string>;
 export {};
 //# sourceMappingURL=translate.d.ts.map

package/dist/i18n.js

@@ -1,7 +1,7 @@
-import { signal, computed, SignalWatcher } from '@lit-labs/signals';
+import { signal, computed, SignalWatcher } from '@lit-labs/preact-signals';
 import { createOptions, parseDate, effect, dedupeMixin } from '@odx/foundation';
 import { property } from 'lit/decorators.js';
-import { l as flattenObject, n as isNotNil } from './vendor-UwJOss6U.js';
+import { k as flattenObject, l as isNotNil } from './vendor-DxR9PGL6.js';
 
 const I18nOptions = createOptions({
   defaultLocale: () => navigator.language,
@@ -9,10 +9,10 @@ const I18nOptions = createOptions({
 });
 const i18nOptions = signal(null);
 function setI18nOptions(options) {
-  i18nOptions.set(getI18nOptions(options));
+  i18nOptions.value = getI18nOptions(options);
 }
 function getI18nOptions(options) {
-  return I18nOptions(options ?? i18nOptions.get() ?? {});
+  return I18nOptions(options ?? i18nOptions.value ?? {});
 }
 
 function formatDate(input, options) {
@@ -66,12 +66,12 @@ function formatRelativeTime(input, options) {
   return new Intl.RelativeTimeFormat(options?.locale, relativeTimeFormatOptions).format(Math.round(relativeTime / timeUnit.value), timeUnit.unit);
 }
 
-const activeLocale = signal(null, { equals: (oldValue, newValue) => String(oldValue) === String(newValue) });
+const activeLocale = signal(null);
 function getLocale(localeInput) {
-  return new Intl.Locale(localeInput || activeLocale.get() || getI18nOptions().defaultLocale());
+  return new Intl.Locale(localeInput || activeLocale.value || getI18nOptions().defaultLocale());
 }
 function setLocale(localeInput) {
-  activeLocale.set(localeInput ? getLocale(localeInput) : null);
+  activeLocale.value = localeInput ? getLocale(localeInput) : null;
 }
 function syncDocumentLanguage(root = document.documentElement) {
   return effect(() => {
@@ -80,7 +80,7 @@ function syncDocumentLanguage(root = document.documentElement) {
 }
 
 const fallbackLocale = "en";
-const translations$$ = signal({});
+const translations = signal({});
 function interpolate(value, context) {
   return value.replaceAll(/\{\{\s*([^}\s]+)\s*}}/g, (match, variableName) => {
     return isNotNil(context[variableName]) ? interpolate(context[variableName].toString(), context) : match;
@@ -88,8 +88,7 @@ function interpolate(value, context) {
 }
 function setTranslation(locale, translation) {
   const { language } = getLocale(locale);
-  const translations = translations$$.get();
-  translations$$.set({ ...translations, [language]: { ...translations[language], ...flattenObject(translation, { delimiter: "." }) } });
+  translations.value = { ...translations.value, [language]: { ...translations.value[language], ...flattenObject(translation, { delimiter: "." }) } };
 }
 function translate(key, contextInput, locale) {
   return computed(() => {
@@ -102,8 +101,7 @@ function translate(key, contextInput, locale) {
 }
 function getTranslationRecord(localeInput) {
   const locale = getLocale(localeInput);
-  const translationRecords = translations$$.get();
-  return translationRecords[locale.toString()] ?? translationRecords[locale.language] ?? null;
+  return translations.value[locale.toString()] ?? translations.value[locale.language] ?? null;
 }
 
 var __defProp = Object.defineProperty;
@@ -123,19 +121,19 @@ const IsLocalized = dedupeMixin((superClass) => {
       this.locale = computed(() => getLocale(this.lang));
     }
     formatDate(...[input, options]) {
-      return formatDate(input, { ...options, locale: options?.locale ?? this.locale.get() });
+      return formatDate(input, { ...options, locale: options?.locale ?? this.locale.value });
     }
     formatNumber(...[input, options]) {
-      return formatNumber(input, { ...options, locale: options?.locale ?? this.locale.get() });
+      return formatNumber(input, { ...options, locale: options?.locale ?? this.locale.value });
     }
     formatList(...[input, options]) {
-      return formatList(input, { ...options, locale: options?.locale ?? this.locale.get() });
+      return formatList(input, { ...options, locale: options?.locale ?? this.locale.value });
     }
     formatRelativeTime(...[input, options]) {
-      return formatRelativeTime(input, { ...options, locale: options?.locale ?? this.locale.get() });
+      return formatRelativeTime(input, { ...options, locale: options?.locale ?? this.locale.value });
     }
     t(...[key, context, locale]) {
-      return translate(key, context, locale ?? this.locale.get()).get();
+      return translate(key, context, locale ?? this.locale.value).value;
     }
   }
   __decorateClass([

package/dist/lib/main.d.ts

@@ -21,7 +21,6 @@ export * from './mixins/with-loading-state.js';
 export * from './utils/a11y.js';
 export * from './utils/date.js';
 export * from './utils/dom.js';
-export * from './utils/effect.js';
 export * from './utils/get-unique-id.js';
 export * from './utils/keyboard-events.js';
 export * from './utils/object.js';
@@ -29,4 +28,5 @@ export * from './utils/search-text-content.js';
 export * from './utils/shared-intersection-observer.js';
 export * from './utils/shared-resize-observer.js';
 export * from './custom-element.js';
+export { effect } from '@lit-labs/preact-signals';
 //# sourceMappingURL=main.d.ts.map

package/dist/main.js

@@ -1,8 +1,8 @@
-import { r as round, t as toMerged, c as createFocusTrap, R as RovingTabindexController } from './vendor-UwJOss6U.js';
+import { r as round, t as toMerged, c as createFocusTrap, R as RovingTabindexController } from './vendor-DxR9PGL6.js';
 import { isServer, nothing, html, LitElement, unsafeCSS, CSSResult } from 'lit';
 import { directive, Directive } from 'lit/directive.js';
 import { property, queryAssignedElements } from 'lit/decorators.js';
-import { Signal } from '@lit-labs/signals';
+export { effect } from '@lit-labs/preact-signals';
 
 function createMutationObserver(callback) {
   try {
@@ -1019,33 +1019,6 @@ function parseDate(value) {
   return Number.isNaN(date.getTime()) ? null : date;
 }
 
-let needsEnqueue = true;
-const watcher = new Signal.subtle.Watcher(() => {
-  if (!needsEnqueue) return;
-  needsEnqueue = false;
-  queueMicrotask(() => {
-    needsEnqueue = true;
-    for (const signal of watcher.getPending()) {
-      signal.get();
-    }
-    watcher.watch();
-  });
-});
-function effect(callback) {
-  let cleanup;
-  const signal = new Signal.Computed(() => {
-    cleanup?.();
-    cleanup = callback() ?? void 0;
-  });
-  watcher.watch(signal);
-  signal.get();
-  return () => {
-    watcher.unwatch(signal);
-    cleanup?.();
-    cleanup = void 0;
-  };
-}
-
 function search(value, searchString, callback) {
   let index = 0;
   while (index < value.length) {
@@ -1146,4 +1119,4 @@ class SharedResizeObserverInstance {
 }
 const SharedResizeObserver = new SharedResizeObserverInstance();
 
-export { CanBeDisabled, CanBeReadonly, CanBeRequired, CanBeSelected, CanBeValidated, CheckboxFormControl, CheckboxGroupFormControl, CustomElement, FocusTrapController, FormControl, KeyboardKey, NumberControl, OptionControl, RadioGroupFormControl, SelectFormControl, SharedIntersectionObserver, SharedResizeObserver, WithAriaControls, WithLoadingState, clearUniqueIdCache, createIntersectionObserver, createMutationObserver, createOptions, createResizeObserver, customElement, dedupeMixin, effect, emptySlotFallbackFix, findClosestDocument, forwardEvent, fromAriaBooleanAttribute, getAssignedElements, getElementFromEvent, getKeyboardEventInfo, getUniqueId, optionalAttr, optionalSlot, parseDate, requestUpdateOnAriaChange, searchTextContent, toAriaBooleanAttribute, toPx, toggleAttribute, waitForAnimations };
+export { CanBeDisabled, CanBeReadonly, CanBeRequired, CanBeSelected, CanBeValidated, CheckboxFormControl, CheckboxGroupFormControl, CustomElement, FocusTrapController, FormControl, KeyboardKey, NumberControl, OptionControl, RadioGroupFormControl, SelectFormControl, SharedIntersectionObserver, SharedResizeObserver, WithAriaControls, WithLoadingState, clearUniqueIdCache, createIntersectionObserver, createMutationObserver, createOptions, createResizeObserver, customElement, dedupeMixin, emptySlotFallbackFix, findClosestDocument, forwardEvent, fromAriaBooleanAttribute, getAssignedElements, getElementFromEvent, getKeyboardEventInfo, getUniqueId, optionalAttr, optionalSlot, parseDate, requestUpdateOnAriaChange, searchTextContent, toAriaBooleanAttribute, toPx, toggleAttribute, waitForAnimations };

package/dist/{vendor-UwJOss6U.js → vendor-DxR9PGL6.js}

@@ -1597,20 +1597,16 @@ const dateTag = '[object Date]';
 const mapTag = '[object Map]';
 const setTag = '[object Set]';
 const arrayTag = '[object Array]';
-const functionTag = '[object Function]';
 const arrayBufferTag = '[object ArrayBuffer]';
 const objectTag = '[object Object]';
-const errorTag = '[object Error]';
 const dataViewTag = '[object DataView]';
 const uint8ArrayTag = '[object Uint8Array]';
 const uint8ClampedArrayTag = '[object Uint8ClampedArray]';
 const uint16ArrayTag = '[object Uint16Array]';
 const uint32ArrayTag = '[object Uint32Array]';
-const bigUint64ArrayTag = '[object BigUint64Array]';
 const int8ArrayTag = '[object Int8Array]';
 const int16ArrayTag = '[object Int16Array]';
 const int32ArrayTag = '[object Int32Array]';
-const bigInt64ArrayTag = '[object BigInt64Array]';
 const float32ArrayTag = '[object Float32Array]';
 const float64ArrayTag = '[object Float64Array]';
 
@@ -3603,198 +3599,6 @@ const computePosition = (reference, floating, options) => {
   });
 };
 
-function eq(value, other) {
-    return value === other || (Number.isNaN(value) && Number.isNaN(other));
-}
-
-function isEqualWith(a, b, areValuesEqual) {
-    return isEqualWithImpl(a, b, undefined, undefined, undefined, undefined, areValuesEqual);
-}
-function isEqualWithImpl(a, b, property, aParent, bParent, stack, areValuesEqual) {
-    const result = areValuesEqual(a, b, property, aParent, bParent, stack);
-    if (result !== undefined) {
-        return result;
-    }
-    if (typeof a === typeof b) {
-        switch (typeof a) {
-            case 'bigint':
-            case 'string':
-            case 'boolean':
-            case 'symbol':
-            case 'undefined': {
-                return a === b;
-            }
-            case 'number': {
-                return a === b || Object.is(a, b);
-            }
-            case 'function': {
-                return a === b;
-            }
-            case 'object': {
-                return areObjectsEqual(a, b, stack, areValuesEqual);
-            }
-        }
-    }
-    return areObjectsEqual(a, b, stack, areValuesEqual);
-}
-function areObjectsEqual(a, b, stack, areValuesEqual) {
-    if (Object.is(a, b)) {
-        return true;
-    }
-    let aTag = getTag(a);
-    let bTag = getTag(b);
-    if (aTag === argumentsTag) {
-        aTag = objectTag;
-    }
-    if (bTag === argumentsTag) {
-        bTag = objectTag;
-    }
-    if (aTag !== bTag) {
-        return false;
-    }
-    switch (aTag) {
-        case stringTag:
-            return a.toString() === b.toString();
-        case numberTag: {
-            const x = a.valueOf();
-            const y = b.valueOf();
-            return eq(x, y);
-        }
-        case booleanTag:
-        case dateTag:
-        case symbolTag:
-            return Object.is(a.valueOf(), b.valueOf());
-        case regexpTag: {
-            return a.source === b.source && a.flags === b.flags;
-        }
-        case functionTag: {
-            return a === b;
-        }
-    }
-    stack = stack ?? new Map();
-    const aStack = stack.get(a);
-    const bStack = stack.get(b);
-    if (aStack != null && bStack != null) {
-        return aStack === b;
-    }
-    stack.set(a, b);
-    stack.set(b, a);
-    try {
-        switch (aTag) {
-            case mapTag: {
-                if (a.size !== b.size) {
-                    return false;
-                }
-                for (const [key, value] of a.entries()) {
-                    if (!b.has(key) || !isEqualWithImpl(value, b.get(key), key, a, b, stack, areValuesEqual)) {
-                        return false;
-                    }
-                }
-                return true;
-            }
-            case setTag: {
-                if (a.size !== b.size) {
-                    return false;
-                }
-                const aValues = Array.from(a.values());
-                const bValues = Array.from(b.values());
-                for (let i = 0; i < aValues.length; i++) {
-                    const aValue = aValues[i];
-                    const index = bValues.findIndex(bValue => {
-                        return isEqualWithImpl(aValue, bValue, undefined, a, b, stack, areValuesEqual);
-                    });
-                    if (index === -1) {
-                        return false;
-                    }
-                    bValues.splice(index, 1);
-                }
-                return true;
-            }
-            case arrayTag:
-            case uint8ArrayTag:
-            case uint8ClampedArrayTag:
-            case uint16ArrayTag:
-            case uint32ArrayTag:
-            case bigUint64ArrayTag:
-            case int8ArrayTag:
-            case int16ArrayTag:
-            case int32ArrayTag:
-            case bigInt64ArrayTag:
-            case float32ArrayTag:
-            case float64ArrayTag: {
-                if (typeof Buffer !== 'undefined' && Buffer.isBuffer(a) !== Buffer.isBuffer(b)) {
-                    return false;
-                }
-                if (a.length !== b.length) {
-                    return false;
-                }
-                for (let i = 0; i < a.length; i++) {
-                    if (!isEqualWithImpl(a[i], b[i], i, a, b, stack, areValuesEqual)) {
-                        return false;
-                    }
-                }
-                return true;
-            }
-            case arrayBufferTag: {
-                if (a.byteLength !== b.byteLength) {
-                    return false;
-                }
-                return areObjectsEqual(new Uint8Array(a), new Uint8Array(b), stack, areValuesEqual);
-            }
-            case dataViewTag: {
-                if (a.byteLength !== b.byteLength || a.byteOffset !== b.byteOffset) {
-                    return false;
-                }
-                return areObjectsEqual(new Uint8Array(a), new Uint8Array(b), stack, areValuesEqual);
-            }
-            case errorTag: {
-                return a.name === b.name && a.message === b.message;
-            }
-            case objectTag: {
-                const areEqualInstances = areObjectsEqual(a.constructor, b.constructor, stack, areValuesEqual) ||
-                    (isPlainObject(a) && isPlainObject(b));
-                if (!areEqualInstances) {
-                    return false;
-                }
-                const aKeys = [...Object.keys(a), ...getSymbols(a)];
-                const bKeys = [...Object.keys(b), ...getSymbols(b)];
-                if (aKeys.length !== bKeys.length) {
-                    return false;
-                }
-                for (let i = 0; i < aKeys.length; i++) {
-                    const propKey = aKeys[i];
-                    const aProp = a[propKey];
-                    if (!Object.hasOwn(b, propKey)) {
-                        return false;
-                    }
-                    const bProp = b[propKey];
-                    if (!isEqualWithImpl(aProp, bProp, propKey, a, b, stack, areValuesEqual)) {
-                        return false;
-                    }
-                }
-                return true;
-            }
-            default: {
-                return false;
-            }
-        }
-    }
-    finally {
-        stack.delete(a);
-        stack.delete(b);
-    }
-}
-
-function noop() { }
-
-function isEqual(a, b) {
-    return isEqualWith(a, b, noop);
-}
-
-function isNotNil(x) {
-    return x != null;
-}
-
 function debounce(func, debounceMs, { signal, edges } = {}) {
     let pendingThis = undefined;
     let pendingArgs = null;
@@ -3857,4 +3661,8 @@ function debounce(func, debounceMs, { signal, edges } = {}) {
     return debounced;
 }
 
-export { RovingTabindexController as R, computePosition as a, size as b, createFocusTrap as c, arrow as d, autoUpdate as e, flip as f, clamp$1 as g, hide as h, isEqual as i, debounce as j, maxBy as k, flattenObject as l, minBy as m, isNotNil as n, offset as o, round$1 as r, shift as s, toMerged as t };
+function isNotNil(x) {
+    return x != null;
+}
+
+export { RovingTabindexController as R, computePosition as a, size as b, createFocusTrap as c, arrow as d, autoUpdate as e, flip as f, clamp$1 as g, hide as h, debounce as i, maxBy as j, flattenObject as k, isNotNil as l, minBy as m, offset as o, round$1 as r, shift as s, toMerged as t };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@odx/foundation",
   "description": "A library of Web Component building blocks for ODX",
-  "version": "1.0.0-alpha.21",
+  "version": "1.0.0-alpha.22",
   "author": "Drägerwerk AG & Co.KGaA",
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://odx.draeger.com",
@@ -13,7 +13,7 @@
     "lint": "biome lint ."
   },
   "dependencies": {
-    "@lit-labs/signals": "~0.1.2",
+    "@lit-labs/preact-signals": "~1.0.3",
     "@lit/context": "~1.1.4",
     "@odx/design-tokens": "^1.0.0-alpha.1",
     "lit": "~3.2.1"

package/dist/lib/utils/effect.d.ts

@@ -1,5 +0,0 @@
-type EffectCleanupFn = () => void;
-type EffectCallbackFn = (() => void) | (() => EffectCleanupFn);
-export declare function effect(callback: EffectCallbackFn): () => void;
-export {};
-//# sourceMappingURL=effect.d.ts.map