elements-kit 0.16.0 → 0.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/dist/{benchmark.CX_oY03V-CSLAXL5f.mjs → benchmark.CX_oY03V-CsUg-gW0.mjs} +32 -1
  2. package/dist/{element-D6xVuWdX.mjs → element-DGuUvJM4.mjs} +1 -1
  3. package/dist/for.mjs +2 -2
  4. package/dist/integrations/react.mjs +2 -2
  5. package/dist/jsx-runtime/index.d.mts +1 -1
  6. package/dist/jsx-runtime/index.mjs +1 -1
  7. package/dist/{lib-Dkc7cV5F.mjs → lib-Cg8fI7K5.mjs} +0 -31
  8. package/dist/render.mjs +1 -1
  9. package/dist/{scope-CnEvL9Nd.mjs → scope-De6rSJvq.mjs} +1 -1
  10. package/dist/signals/index.mjs +1 -1
  11. package/dist/{test.BmQO5GaM-Ddz9cDxc.mjs → test.BmQO5GaM-ZC2MPXQb.mjs} +1 -100
  12. package/dist/ui/styles/base/neutral.css +30 -0
  13. package/dist/ui/styles/palette/neutral.css +127 -0
  14. package/dist/utilities/_observe.mjs +1 -1
  15. package/dist/utilities/active-element.mjs +1 -1
  16. package/dist/utilities/active-element.test.mjs +2 -2
  17. package/dist/utilities/async.mjs +1 -1
  18. package/dist/utilities/async.test.mjs +3 -3
  19. package/dist/utilities/context.mjs +1 -1
  20. package/dist/utilities/context.test.mjs +3 -3
  21. package/dist/utilities/debounced.mjs +1 -1
  22. package/dist/utilities/debounced.test.mjs +3 -3
  23. package/dist/utilities/dom-lifecycle.bench.mjs +1 -1
  24. package/dist/utilities/dom-lifecycle.mjs +1 -1
  25. package/dist/utilities/dom-lifecycle.test.mjs +2 -2
  26. package/dist/utilities/element-rect.mjs +1 -1
  27. package/dist/utilities/element-rect.test.mjs +3 -3
  28. package/dist/utilities/element-scroll.test.mjs +3 -3
  29. package/dist/utilities/event-driven.mjs +1 -1
  30. package/dist/utilities/event-listener.mjs +1 -1
  31. package/dist/utilities/event-listener.test.mjs +3 -3
  32. package/dist/utilities/focus-within.mjs +1 -1
  33. package/dist/utilities/focus-within.test.mjs +3 -3
  34. package/dist/utilities/hover.mjs +1 -1
  35. package/dist/utilities/hover.test.mjs +3 -3
  36. package/dist/utilities/intersection-observer.test.mjs +3 -3
  37. package/dist/utilities/interval.mjs +1 -1
  38. package/dist/utilities/interval.test.mjs +3 -3
  39. package/dist/utilities/location.mjs +1 -1
  40. package/dist/utilities/location.test.mjs +2 -2
  41. package/dist/utilities/long-press.test.mjs +3 -3
  42. package/dist/utilities/media-devices.mjs +1 -1
  43. package/dist/utilities/media-devices.test.mjs +3 -3
  44. package/dist/utilities/media-player.test.mjs +3 -3
  45. package/dist/utilities/media-query.mjs +1 -1
  46. package/dist/utilities/mutation-observer.test.mjs +3 -3
  47. package/dist/utilities/network.mjs +1 -1
  48. package/dist/utilities/network.test.mjs +2 -2
  49. package/dist/utilities/on-click-outside.test.mjs +3 -3
  50. package/dist/utilities/orientation.mjs +1 -1
  51. package/dist/utilities/previous.mjs +1 -1
  52. package/dist/utilities/previous.test.mjs +3 -3
  53. package/dist/utilities/promise.mjs +1 -1
  54. package/dist/utilities/promise.test.mjs +3 -3
  55. package/dist/utilities/retry.mjs +1 -1
  56. package/dist/utilities/retry.test.mjs +3 -3
  57. package/dist/utilities/routing.mjs +1 -1
  58. package/dist/utilities/routing.test.mjs +2 -2
  59. package/dist/utilities/search-params.test.mjs +3 -3
  60. package/dist/utilities/ssr.test.mjs +2 -2
  61. package/dist/utilities/storage.test.mjs +3 -3
  62. package/dist/utilities/throttled.mjs +1 -1
  63. package/dist/utilities/throttled.test.mjs +3 -3
  64. package/dist/utilities/timeout.mjs +1 -1
  65. package/dist/utilities/timeout.test.mjs +3 -3
  66. package/dist/utilities/window-focus.mjs +1 -1
  67. package/dist/utilities/window-size.mjs +1 -1
  68. package/dist/utilities/window-size.test.mjs +2 -2
  69. package/package.json +1 -1
  70. package/dist/ui/styles/base/gray.css +0 -30
  71. package/dist/ui/styles/palette/gray.css +0 -127
@@ -4099,6 +4099,14 @@ function afterEach(fn, timeout) {
4099
4099
  };
4100
4100
  return getCurrentSuite().on("afterEach", withTimeout(wrapper, timeout ?? getDefaultHookTimeout(), true, /* @__PURE__ */ new Error("STACK_TRACE_ERROR"), abortIfTimeout));
4101
4101
  }
4102
+ createTestHook("onTestFailed", (test, handler, timeout) => {
4103
+ test.onFailed ||= [];
4104
+ test.onFailed.push(withTimeout(handler, timeout ?? getDefaultHookTimeout(), true, /* @__PURE__ */ new Error("STACK_TRACE_ERROR"), abortIfTimeout));
4105
+ });
4106
+ createTestHook("onTestFinished", (test, handler, timeout) => {
4107
+ test.onFinished ||= [];
4108
+ test.onFinished.push(withTimeout(handler, timeout ?? getDefaultHookTimeout(), true, /* @__PURE__ */ new Error("STACK_TRACE_ERROR"), abortIfTimeout));
4109
+ });
4102
4110
  /**
4103
4111
  * Registers a callback function that wraps around all tests within the current suite.
4104
4112
  * The callback receives a `runSuite` function that must be called to run the suite's tests.
@@ -4198,6 +4206,14 @@ function withSuiteFixtures(suiteHook, fn, context, stackTraceError, contextIndex
4198
4206
  })();
4199
4207
  };
4200
4208
  }
4209
+ function createTestHook(name, handler) {
4210
+ return (fn, timeout) => {
4211
+ assertTypes(fn, `"${name}" callback`, ["function"]);
4212
+ const current = getCurrentTest();
4213
+ if (!current) throw new Error(`Hook ${name}() can only be called inside a test`);
4214
+ return handler(current, fn, timeout);
4215
+ };
4216
+ }
4201
4217
  function findTestFileStackTrace(testFilePath, error) {
4202
4218
  const lines = error.split("\n").slice(1);
4203
4219
  for (const line of lines) {
@@ -4926,7 +4942,7 @@ function makeTimeoutError(isHook, timeout, stackTraceError) {
4926
4942
  }
4927
4943
  globalThis.performance ? globalThis.performance.now.bind(globalThis.performance) : Date.now;
4928
4944
  globalThis.performance ? globalThis.performance.now.bind(globalThis.performance) : Date.now;
4929
- Date.now;
4945
+ const unixNow = Date.now;
4930
4946
  const { clearTimeout, setTimeout: setTimeout$1 } = getSafeTimers();
4931
4947
  const packs = /* @__PURE__ */ new Map();
4932
4948
  const eventsPacks = [];
@@ -4953,6 +4969,21 @@ async function finishSendTasksUpdate(runner) {
4953
4969
  sendTasksUpdate(runner);
4954
4970
  await Promise.all(pendingTasksUpdates);
4955
4971
  }
4972
+ function throttle(fn, ms) {
4973
+ let last = 0;
4974
+ let pendingCall;
4975
+ return function call(...args) {
4976
+ const now = unixNow();
4977
+ if (now - last > ms) {
4978
+ last = now;
4979
+ clearTimeout(pendingCall);
4980
+ pendingCall = void 0;
4981
+ return fn.apply(this, args);
4982
+ }
4983
+ pendingCall ??= setTimeout$1(() => call.bind(this)(...args), ms);
4984
+ };
4985
+ }
4986
+ throttle(sendTasksUpdate, 100);
4956
4987
  /**
4957
4988
  * @experimental
4958
4989
  * @advanced
@@ -1,4 +1,4 @@
1
- import { c as effectScope, g as untracked, p as onCleanup, s as effect } from "./lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope, g as untracked, p as onCleanup, s as effect } from "./lib-Cg8fI7K5.mjs";
2
2
  import "./polyfill-CdZVCxdo.mjs";
3
3
  import { isReactive, resolveProps } from "./signals/index.mjs";
4
4
  import { on } from "./utilities/event-listener.mjs";
package/dist/for.mjs CHANGED
@@ -1,6 +1,6 @@
1
- import { c as effectScope, g as untracked, h as trigger, m as signal, p as onCleanup, s as effect } from "./lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope, g as untracked, h as trigger, m as signal, p as onCleanup, s as effect } from "./lib-Cg8fI7K5.mjs";
2
2
  import "./signals/index.mjs";
3
- import { n as disposeElement } from "./element-D6xVuWdX.mjs";
3
+ import { n as disposeElement } from "./element-DGuUvJM4.mjs";
4
4
  //#region src/for.ts
5
5
  /**
6
6
  * Keyed list renderer. See {@link ForProps} for prop details.
@@ -1,6 +1,6 @@
1
- import { m as signal, s as effect } from "../lib-Dkc7cV5F.mjs";
1
+ import { m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
- import { t as scope } from "../scope-CnEvL9Nd.mjs";
3
+ import { t as scope } from "../scope-De6rSJvq.mjs";
4
4
  import { useEffect, useMemo, useRef, useSyncExternalStore } from "react";
5
5
  //#region src/integrations/react.ts
6
6
  /**
@@ -1,2 +1,2 @@
1
1
  import { U as createElement, _ as SlotProps, a as RawProps, b as MaybeReactive, c as ResolveProps, d as ComponentClass, f as ComponentFn, g as JSX, h as Attrs, i as Props, l as Child, m as PropsTarget, n as ElementProps, o as ReactiveProps, p as ComponentInstance, r as MaybeReactiveProps, s as Require, t as ComponentProps, u as Component, v as Fragment } from "../infer-DGtBn6Nm.mjs";
2
- export { Attrs, type Child, type Component, type ComponentClass, type ComponentFn, type ComponentInstance, type ComponentProps, type ElementProps, Fragment, JSX, type MaybeReactive, type MaybeReactiveProps, type Props, type PropsTarget, type RawProps, type ReactiveProps, type Require, type ResolveProps, SlotProps, createElement as h, createElement as jsx, createElement as jsxDEV, createElement as jsxs };
2
+ export { Attrs, Child, Component, ComponentClass, ComponentFn, ComponentInstance, ComponentProps, ElementProps, Fragment, JSX, MaybeReactive, MaybeReactiveProps, Props, PropsTarget, RawProps, ReactiveProps, Require, ResolveProps, SlotProps, createElement as h, createElement as jsx, createElement as jsxDEV, createElement as jsxs };
@@ -1,4 +1,4 @@
1
- import { r as mountChild, t as createElement } from "../element-D6xVuWdX.mjs";
1
+ import { r as mountChild, t as createElement } from "../element-DGuUvJM4.mjs";
2
2
  //#region src/jsx-runtime/fragment.ts
3
3
  /**
4
4
  * Used by the JSX transform for `<>...</>` fragments.
@@ -295,27 +295,12 @@ const COMPUTED = Symbol("computed");
295
295
  const EFFECT = Symbol("effect");
296
296
  const EFFECT_SCOPE = Symbol("effectScope");
297
297
  const { link, unlink, propagate, checkDirty, shallowPropagate } = createReactiveSystem({
298
- /**
299
- * Called by the graph engine when a Mutable+Dirty node needs to recompute.
300
- * Dispatches by tagged property:
301
- *
302
- * - `'getter' in node` → computed: delegate to `updateComputed`.
303
- * - `'currentValue' in node` → signal: delegate to `updateSignal`.
304
- * - else → effectScope: mark `Mutable` and report
305
- * "changed", so any parent effect re-evaluates as if the scope itself
306
- * propagated.
307
- */
308
298
  update(node) {
309
299
  if ("getter" in node) return updateComputed(node);
310
300
  if ("currentValue" in node) return updateSignal(node);
311
301
  node.flags = 1;
312
302
  return true;
313
303
  },
314
- /**
315
- * Called when an effect node is notified that one of its deps is dirty.
316
- * Inserts the effect into the flush queue in dependency order (parents
317
- * before children) so that effects always run in topological order.
318
- */
319
304
  notify(effect) {
320
305
  let insertIndex = queuedLength;
321
306
  let firstInsertedIndex = insertIndex;
@@ -332,22 +317,6 @@ const { link, unlink, propagate, checkDirty, shallowPropagate } = createReactive
332
317
  queued[insertIndex] = left;
333
318
  }
334
319
  },
335
- /**
336
- * Called when a dep node loses its last subscriber.
337
- *
338
- * Dispatch by tagged property:
339
- *
340
- * - **computed** (`'getter' in node`): if it had deps, reset to Dirty so
341
- * it recomputes lazily if a new subscriber appears later. Cleanups
342
- * registered via {@link onCleanup} during the previous run are flushed
343
- * (outside any tracking context). Child effects/scopes created in the
344
- * getter are released in LIFO order via {@link disposeAllDepsInReverse}.
345
- * - **signal** (`'currentValue' in node`): no-op. Signals stay live so a
346
- * future subscriber can read the latest value.
347
- * - **effect** (`'fn' in node`): cascade-dispose via `effectOper`
348
- * (children first, then own cleanup).
349
- * - **effectScope** (else): cascade-dispose via `effectScopeOper`.
350
- */
351
320
  unwatched(node) {
352
321
  if ("getter" in node) {
353
322
  const c = node;
package/dist/render.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { t as scope } from "./scope-CnEvL9Nd.mjs";
1
+ import { t as scope } from "./scope-De6rSJvq.mjs";
2
2
  //#region src/render.ts
3
3
  /**
4
4
  * Mount a node into `target` with a scoped lifetime.
@@ -1,4 +1,4 @@
1
- import { c as effectScope, g as untracked } from "./lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope, g as untracked } from "./lib-Cg8fI7K5.mjs";
2
2
  //#region src/signals/scope.ts
3
3
  /**
4
4
  * Run `setup` inside a fresh `effectScope`. Returns `[result, stop]`.
@@ -1,4 +1,4 @@
1
- import { a as batch, c as effectScope, d as isEffectScope, f as isSignal, g as untracked, h as trigger, i as SIGNAL, l as isComputed, m as signal, n as EFFECT, o as computed, p as onCleanup, r as EFFECT_SCOPE, s as effect, t as COMPUTED, u as isEffect } from "../lib-Dkc7cV5F.mjs";
1
+ import { a as batch, c as effectScope, d as isEffectScope, f as isSignal, g as untracked, h as trigger, i as SIGNAL, l as isComputed, m as signal, n as EFFECT, o as computed, p as onCleanup, r as EFFECT_SCOPE, s as effect, t as COMPUTED, u as isEffect } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../polyfill-CdZVCxdo.mjs";
3
3
  //#region src/signals/index.ts
4
4
  /**
@@ -1,4 +1,4 @@
1
- import { A as plugins, C as getCallLastIndex, D as ordinal, E as noop, O as stringify, S as createSimpleStackTrace, T as isObject, _ as getSafeTimers, a as waitForImportsToResolve, b as printDiffOrStringify, d as getNames, g as delay, h as parseSingleStack, i as resetModules, j as y, k as format, m as parseErrorStacktrace, n as getWorkerState, r as isChildProcess, u as getCurrentTest, v as processError, w as getType, x as assertTypes, y as diff } from "./benchmark.CX_oY03V-CSLAXL5f.mjs";
1
+ import { A as plugins, C as getCallLastIndex, D as ordinal, E as noop, O as stringify, S as createSimpleStackTrace, T as isObject, _ as getSafeTimers, a as waitForImportsToResolve, b as printDiffOrStringify, d as getNames, g as delay, h as parseSingleStack, i as resetModules, j as y, k as format, m as parseErrorStacktrace, n as getWorkerState, r as isChildProcess, u as getCurrentTest, v as processError, w as getType, x as assertTypes, y as diff } from "./benchmark.CX_oY03V-CsUg-gW0.mjs";
2
2
  //#region node_modules/.pnpm/@vitest+spy@4.1.3/node_modules/@vitest/spy/dist/index.js
3
3
  function isMockFunction(fn) {
4
4
  return typeof fn === "function" && "_isMockFunction" in fn && fn._isMockFunction === true;
@@ -997,115 +997,16 @@ function inspect(value, opts = {}) {
997
997
  }
998
998
  __name(inspect, "inspect");
999
999
  var config = {
1000
- /**
1001
- * ### config.includeStack
1002
- *
1003
- * User configurable property, influences whether stack trace
1004
- * is included in Assertion error message. Default of false
1005
- * suppresses stack trace in the error message.
1006
- *
1007
- * chai.config.includeStack = true; // enable stack on error
1008
- *
1009
- * @param {boolean}
1010
- * @public
1011
- */
1012
1000
  includeStack: false,
1013
- /**
1014
- * ### config.showDiff
1015
- *
1016
- * User configurable property, influences whether or not
1017
- * the `showDiff` flag should be included in the thrown
1018
- * AssertionErrors. `false` will always be `false`; `true`
1019
- * will be true when the assertion has requested a diff
1020
- * be shown.
1021
- *
1022
- * @param {boolean}
1023
- * @public
1024
- */
1025
1001
  showDiff: true,
1026
- /**
1027
- * ### config.truncateThreshold
1028
- *
1029
- * User configurable property, sets length threshold for actual and
1030
- * expected values in assertion errors. If this threshold is exceeded, for
1031
- * example for large data structures, the value is replaced with something
1032
- * like `[ Array(3) ]` or `{ Object (prop1, prop2) }`.
1033
- *
1034
- * Set it to zero if you want to disable truncating altogether.
1035
- *
1036
- * This is especially userful when doing assertions on arrays: having this
1037
- * set to a reasonable large value makes the failure messages readily
1038
- * inspectable.
1039
- *
1040
- * chai.config.truncateThreshold = 0; // disable truncating
1041
- *
1042
- * @param {number}
1043
- * @public
1044
- */
1045
1002
  truncateThreshold: 40,
1046
- /**
1047
- * ### config.useProxy
1048
- *
1049
- * User configurable property, defines if chai will use a Proxy to throw
1050
- * an error when a non-existent property is read, which protects users
1051
- * from typos when using property-based assertions.
1052
- *
1053
- * Set it to false if you want to disable this feature.
1054
- *
1055
- * chai.config.useProxy = false; // disable use of Proxy
1056
- *
1057
- * This feature is automatically disabled regardless of this config value
1058
- * in environments that don't support proxies.
1059
- *
1060
- * @param {boolean}
1061
- * @public
1062
- */
1063
1003
  useProxy: true,
1064
- /**
1065
- * ### config.proxyExcludedKeys
1066
- *
1067
- * User configurable property, defines which properties should be ignored
1068
- * instead of throwing an error if they do not exist on the assertion.
1069
- * This is only applied if the environment Chai is running in supports proxies and
1070
- * if the `useProxy` configuration setting is enabled.
1071
- * By default, `then` and `inspect` will not throw an error if they do not exist on the
1072
- * assertion object because the `.inspect` property is read by `util.inspect` (for example, when
1073
- * using `console.log` on the assertion object) and `.then` is necessary for promise type-checking.
1074
- *
1075
- * // By default these keys will not throw an error if they do not exist on the assertion object
1076
- * chai.config.proxyExcludedKeys = ['then', 'inspect'];
1077
- *
1078
- * @param {Array}
1079
- * @public
1080
- */
1081
1004
  proxyExcludedKeys: [
1082
1005
  "then",
1083
1006
  "catch",
1084
1007
  "inspect",
1085
1008
  "toJSON"
1086
1009
  ],
1087
- /**
1088
- * ### config.deepEqual
1089
- *
1090
- * User configurable property, defines which a custom function to use for deepEqual
1091
- * comparisons.
1092
- * By default, the function used is the one from the `deep-eql` package without custom comparator.
1093
- *
1094
- * // use a custom comparator
1095
- * chai.config.deepEqual = (expected, actual) => {
1096
- * return chai.util.eql(expected, actual, {
1097
- * comparator: (expected, actual) => {
1098
- * // for non number comparison, use the default behavior
1099
- * if(typeof expected !== 'number') return null;
1100
- * // allow a difference of 10 between compared numbers
1101
- * return typeof actual === 'number' && Math.abs(actual - expected) < 10
1102
- * }
1103
- * })
1104
- * };
1105
- *
1106
- * @param {Function}
1107
- * @public
1108
- */
1109
1010
  deepEqual: null
1110
1011
  };
1111
1012
  function inspect2(obj, showHidden, depth, colors) {
@@ -0,0 +1,30 @@
1
+ [data-base-color="neutral"] {
2
+ --base-color-1: var(--neutral-1);
3
+ --base-color-2: var(--neutral-2);
4
+ --base-color-3: var(--neutral-3);
5
+ --base-color-4: var(--neutral-4);
6
+ --base-color-5: var(--neutral-5);
7
+ --base-color-6: var(--neutral-6);
8
+ --base-color-7: var(--neutral-7);
9
+ --base-color-8: var(--neutral-8);
10
+ --base-color-9: var(--neutral-9);
11
+ --base-color-10: var(--neutral-10);
12
+ --base-color-11: var(--neutral-11);
13
+ --base-color-12: var(--neutral-12);
14
+ --base-color-a1: var(--neutral-a1);
15
+ --base-color-a2: var(--neutral-a2);
16
+ --base-color-a3: var(--neutral-a3);
17
+ --base-color-a4: var(--neutral-a4);
18
+ --base-color-a5: var(--neutral-a5);
19
+ --base-color-a6: var(--neutral-a6);
20
+ --base-color-a7: var(--neutral-a7);
21
+ --base-color-a8: var(--neutral-a8);
22
+ --base-color-a9: var(--neutral-a9);
23
+ --base-color-a10: var(--neutral-a10);
24
+ --base-color-a11: var(--neutral-a11);
25
+ --base-color-a12: var(--neutral-a12);
26
+ --base-color-surface: var(--neutral-surface);
27
+ --base-color-indicator: var(--neutral-indicator);
28
+ --base-color-track: var(--neutral-track);
29
+ --base-color-contrast: var(--neutral-contrast);
30
+ }
@@ -0,0 +1,127 @@
1
+ :root, .light, .light-theme {
2
+ --neutral-1: #fcfcfc;
3
+ --neutral-2: #f9f9f9;
4
+ --neutral-3: #f0f0f0;
5
+ --neutral-4: #e8e8e8;
6
+ --neutral-5: #e0e0e0;
7
+ --neutral-6: #d9d9d9;
8
+ --neutral-7: #cecece;
9
+ --neutral-8: #bbb;
10
+ --neutral-9: #8d8d8d;
11
+ --neutral-10: #838383;
12
+ --neutral-11: #646464;
13
+ --neutral-12: #202020;
14
+ --neutral-a1: #00000003;
15
+ --neutral-a2: #00000006;
16
+ --neutral-a3: #0000000f;
17
+ --neutral-a4: #00000017;
18
+ --neutral-a5: #0000001f;
19
+ --neutral-a6: #00000026;
20
+ --neutral-a7: #00000031;
21
+ --neutral-a8: #0004;
22
+ --neutral-a9: #00000072;
23
+ --neutral-a10: #0000007c;
24
+ --neutral-a11: #0000009b;
25
+ --neutral-a12: #000000df;
26
+ --neutral-surface: #fffc;
27
+ --neutral-indicator: var(--neutral-9);
28
+ --neutral-track: var(--neutral-9);
29
+ }
30
+
31
+ @supports (color: color(display-p3 1 1 1)) {
32
+ @media (color-gamut: p3) {
33
+ :root, .light, .light-theme {
34
+ --neutral-1: color(display-p3 .988 .988 .988);
35
+ --neutral-2: color(display-p3 .975 .975 .975);
36
+ --neutral-3: color(display-p3 .939 .939 .939);
37
+ --neutral-4: color(display-p3 .908 .908 .908);
38
+ --neutral-5: color(display-p3 .88 .88 .88);
39
+ --neutral-6: color(display-p3 .849 .849 .849);
40
+ --neutral-7: color(display-p3 .807 .807 .807);
41
+ --neutral-8: color(display-p3 .732 .732 .732);
42
+ --neutral-9: color(display-p3 .553 .553 .553);
43
+ --neutral-10: color(display-p3 .512 .512 .512);
44
+ --neutral-11: color(display-p3 .392 .392 .392);
45
+ --neutral-12: color(display-p3 .125 .125 .125);
46
+ --neutral-a1: color(display-p3 0 0 0 / .012);
47
+ --neutral-a2: color(display-p3 0 0 0 / .024);
48
+ --neutral-a3: color(display-p3 0 0 0 / .063);
49
+ --neutral-a4: color(display-p3 0 0 0 / .09);
50
+ --neutral-a5: color(display-p3 0 0 0 / .122);
51
+ --neutral-a6: color(display-p3 0 0 0 / .153);
52
+ --neutral-a7: color(display-p3 0 0 0 / .192);
53
+ --neutral-a8: color(display-p3 0 0 0 / .267);
54
+ --neutral-a9: color(display-p3 0 0 0 / .447);
55
+ --neutral-a10: color(display-p3 0 0 0 / .486);
56
+ --neutral-a11: color(display-p3 0 0 0 / .608);
57
+ --neutral-a12: color(display-p3 0 0 0 / .875);
58
+ --neutral-surface: color(display-p3 1 1 1 / .8);
59
+ }
60
+ }
61
+ }
62
+
63
+ .dark, .dark-theme {
64
+ --neutral-1: #111;
65
+ --neutral-2: #191919;
66
+ --neutral-3: #222;
67
+ --neutral-4: #2a2a2a;
68
+ --neutral-5: #313131;
69
+ --neutral-6: #3a3a3a;
70
+ --neutral-7: #484848;
71
+ --neutral-8: #606060;
72
+ --neutral-9: #6e6e6e;
73
+ --neutral-10: #7b7b7b;
74
+ --neutral-11: #b4b4b4;
75
+ --neutral-12: #eee;
76
+ --neutral-a1: #0000;
77
+ --neutral-a2: #ffffff09;
78
+ --neutral-a3: #ffffff12;
79
+ --neutral-a4: #ffffff1b;
80
+ --neutral-a5: #fff2;
81
+ --neutral-a6: #ffffff2c;
82
+ --neutral-a7: #ffffff3b;
83
+ --neutral-a8: #fff5;
84
+ --neutral-a9: #ffffff64;
85
+ --neutral-a10: #ffffff72;
86
+ --neutral-a11: #ffffffaf;
87
+ --neutral-a12: #ffffffed;
88
+ --neutral-surface: #21212180;
89
+ --neutral-indicator: var(--neutral-9);
90
+ --neutral-track: var(--neutral-9);
91
+ }
92
+
93
+ @supports (color: color(display-p3 1 1 1)) {
94
+ @media (color-gamut: p3) {
95
+ .dark, .dark-theme {
96
+ --neutral-1: color(display-p3 .067 .067 .067);
97
+ --neutral-2: color(display-p3 .098 .098 .098);
98
+ --neutral-3: color(display-p3 .135 .135 .135);
99
+ --neutral-4: color(display-p3 .163 .163 .163);
100
+ --neutral-5: color(display-p3 .192 .192 .192);
101
+ --neutral-6: color(display-p3 .228 .228 .228);
102
+ --neutral-7: color(display-p3 .283 .283 .283);
103
+ --neutral-8: color(display-p3 .375 .375 .375);
104
+ --neutral-9: color(display-p3 .431 .431 .431);
105
+ --neutral-10: color(display-p3 .484 .484 .484);
106
+ --neutral-11: color(display-p3 .706 .706 .706);
107
+ --neutral-12: color(display-p3 .933 .933 .933);
108
+ --neutral-a1: color(display-p3 0 0 0 / 0);
109
+ --neutral-a2: color(display-p3 1 1 1 / .034);
110
+ --neutral-a3: color(display-p3 1 1 1 / .071);
111
+ --neutral-a4: color(display-p3 1 1 1 / .105);
112
+ --neutral-a5: color(display-p3 1 1 1 / .134);
113
+ --neutral-a6: color(display-p3 1 1 1 / .172);
114
+ --neutral-a7: color(display-p3 1 1 1 / .231);
115
+ --neutral-a8: color(display-p3 1 1 1 / .332);
116
+ --neutral-a9: color(display-p3 1 1 1 / .391);
117
+ --neutral-a10: color(display-p3 1 1 1 / .445);
118
+ --neutral-a11: color(display-p3 1 1 1 / .685);
119
+ --neutral-a12: color(display-p3 1 1 1 / .929);
120
+ --neutral-surface: color(display-p3 .1255 .1255 .1255 / .5);
121
+ }
122
+ }
123
+ }
124
+
125
+ :root {
126
+ --neutral-contrast: white;
127
+ }
@@ -1,4 +1,4 @@
1
- import { p as onCleanup } from "../lib-Dkc7cV5F.mjs";
1
+ import { p as onCleanup } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  //#region src/utilities/_observe.ts
4
4
  /**
@@ -1,4 +1,4 @@
1
- import { o as computed } from "../lib-Dkc7cV5F.mjs";
1
+ import { o as computed } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  import { fromEvent, sync } from "./event-driven.mjs";
4
4
  import { isBrowser } from "./environment.mjs";
@@ -1,5 +1,5 @@
1
- import { f as it, l as describe } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
2
- import { t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
1
+ import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
2
+ import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
3
3
  import { activeElement } from "./active-element.mjs";
4
4
  //#region src/utilities/active-element.test.ts
5
5
  describe("activeElement (singleton)", () => {
@@ -1,4 +1,4 @@
1
- import { g as untracked, m as signal, s as effect } from "../lib-Dkc7cV5F.mjs";
1
+ import { g as untracked, m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
2
2
  import { resolve } from "../signals/index.mjs";
3
3
  import { promise } from "./promise.mjs";
4
4
  //#region src/utilities/async.ts
@@ -1,7 +1,7 @@
1
- import { m as signal, p as onCleanup, s as effect } from "../lib-Dkc7cV5F.mjs";
1
+ import { m as signal, p as onCleanup, s as effect } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
- import { f as it, l as describe } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
4
- import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
3
+ import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
4
+ import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
5
5
  import { Async, async } from "./async.mjs";
6
6
  import { createInterval } from "./interval.mjs";
7
7
  //#region src/utilities/async.test.ts
@@ -1,4 +1,4 @@
1
- import { m as signal, p as onCleanup } from "../lib-Dkc7cV5F.mjs";
1
+ import { m as signal, p as onCleanup } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  //#region src/utilities/context.ts
4
4
  const registry = /* @__PURE__ */ new WeakMap();
@@ -1,7 +1,7 @@
1
- import { c as effectScope, m as signal, s as effect } from "../lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope, m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
- import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
4
- import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
3
+ import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
4
+ import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
5
5
  import { getContext, setContext } from "./context.mjs";
6
6
  //#region src/utilities/context.test.ts
7
7
  afterEach(() => {
@@ -1,4 +1,4 @@
1
- import { m as signal, s as effect } from "../lib-Dkc7cV5F.mjs";
1
+ import { m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  import { createTimeout } from "./timeout.mjs";
4
4
  //#region src/utilities/debounced.ts
@@ -1,7 +1,7 @@
1
- import { c as effectScope, m as signal } from "../lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope, m as signal } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
- import { c as beforeEach, f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
4
- import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
3
+ import { c as beforeEach, f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
4
+ import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
5
5
  import { createDebounced } from "./debounced.mjs";
6
6
  //#region src/utilities/debounced.test.ts
7
7
  beforeEach(() => {
@@ -1,4 +1,4 @@
1
- import { l as describe, t as bench } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
1
+ import { l as describe, t as bench } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
2
2
  //#region src/utilities/dom-lifecycle.bench.ts
3
3
  describe("dom-lifecycle — registration cost", () => {
4
4
  bench("register 100 entries on already-connected elements", () => {
@@ -1,4 +1,4 @@
1
- import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  import { isBrowser } from "./environment.mjs";
4
4
  //#region src/utilities/dom-lifecycle.ts
@@ -1,5 +1,5 @@
1
- import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
2
- import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
1
+ import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
2
+ import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
3
3
  import { DomLifecycleElement } from "./dom-lifecycle.mjs";
4
4
  //#region src/utilities/dom-lifecycle.test.ts
5
5
  afterEach(() => {
@@ -1,4 +1,4 @@
1
- import { m as signal } from "../lib-Dkc7cV5F.mjs";
1
+ import { m as signal } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  import { createResizeObserver } from "./resize-observer.mjs";
4
4
  //#region src/utilities/element-rect.ts
@@ -1,7 +1,7 @@
1
- import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
- import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
4
- import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
3
+ import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
4
+ import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
5
5
  import { createElementRect } from "./element-rect.mjs";
6
6
  //#region src/utilities/element-rect.test.ts
7
7
  afterEach(() => {
@@ -1,7 +1,7 @@
1
- import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
- import { f as it, l as describe } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
4
- import { t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
3
+ import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
4
+ import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
5
5
  import { createElementScroll } from "./element-scroll.mjs";
6
6
  //#region src/utilities/element-scroll.test.ts
7
7
  describe("createElementScroll", () => {
@@ -1,4 +1,4 @@
1
- import { h as trigger, i as SIGNAL, m as signal, o as computed, p as onCleanup } from "../lib-Dkc7cV5F.mjs";
1
+ import { h as trigger, i as SIGNAL, m as signal, o as computed, p as onCleanup } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  //#region src/utilities/event-driven.ts
4
4
  /**
@@ -1,4 +1,4 @@
1
- import { p as onCleanup, s as effect } from "../lib-Dkc7cV5F.mjs";
1
+ import { p as onCleanup, s as effect } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  //#region src/utilities/event-listener.ts
4
4
  function on(target, type, handler, options) {
@@ -1,8 +1,8 @@
1
- import { c as effectScope, m as signal, s as effect } from "../lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope, m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  import { on } from "./event-listener.mjs";
4
- import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
5
- import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
4
+ import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
5
+ import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
6
6
  //#region src/utilities/event-listener.test.ts
7
7
  afterEach(() => {
8
8
  document.body.innerHTML = "";
@@ -1,4 +1,4 @@
1
- import { m as signal } from "../lib-Dkc7cV5F.mjs";
1
+ import { m as signal } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  import { on } from "./event-listener.mjs";
4
4
  //#region src/utilities/focus-within.ts
@@ -1,7 +1,7 @@
1
- import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
- import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
4
- import { t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
3
+ import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
4
+ import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
5
5
  import { createFocusWithin } from "./focus-within.mjs";
6
6
  //#region src/utilities/focus-within.test.ts
7
7
  afterEach(() => {
@@ -1,4 +1,4 @@
1
- import { m as signal } from "../lib-Dkc7cV5F.mjs";
1
+ import { m as signal } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  import { on } from "./event-listener.mjs";
4
4
  //#region src/utilities/hover.ts
@@ -1,7 +1,7 @@
1
- import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
- import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
4
- import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
3
+ import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
4
+ import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
5
5
  import { createHover } from "./hover.mjs";
6
6
  //#region src/utilities/hover.test.ts
7
7
  afterEach(() => {
@@ -1,7 +1,7 @@
1
- import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
- import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
4
- import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
3
+ import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
4
+ import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
5
5
  import { createIntersectionObserver } from "./intersection-observer.mjs";
6
6
  //#region src/utilities/intersection-observer.test.ts
7
7
  afterEach(() => {
@@ -1,4 +1,4 @@
1
- import { m as signal, p as onCleanup } from "../lib-Dkc7cV5F.mjs";
1
+ import { m as signal, p as onCleanup } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  //#region src/utilities/interval.ts
4
4
  function createInterval(arg1, arg2) {
@@ -1,7 +1,7 @@
1
- import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
- import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
4
- import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
3
+ import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
4
+ import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
5
5
  import { async } from "./async.mjs";
6
6
  import { createInterval } from "./interval.mjs";
7
7
  //#region src/utilities/interval.test.ts
@@ -1,4 +1,4 @@
1
- import { h as trigger, m as signal, o as computed, p as onCleanup } from "../lib-Dkc7cV5F.mjs";
1
+ import { h as trigger, m as signal, o as computed, p as onCleanup } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  import { fromEvent } from "./event-driven.mjs";
4
4
  import { isBrowser } from "./environment.mjs";
@@ -1,5 +1,5 @@
1
- import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
2
- import { t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
1
+ import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
2
+ import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
3
3
  import { currentLocation } from "./location.mjs";
4
4
  //#region src/utilities/location.test.ts
5
5
  afterEach(() => {
@@ -1,7 +1,7 @@
1
- import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
- import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
4
- import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
3
+ import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
4
+ import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
5
5
  import { createLongPress } from "./long-press.mjs";
6
6
  //#region src/utilities/long-press.test.ts
7
7
  afterEach(() => {
@@ -1,4 +1,4 @@
1
- import { m as signal } from "../lib-Dkc7cV5F.mjs";
1
+ import { m as signal } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  import { on } from "./event-listener.mjs";
4
4
  //#region src/utilities/media-devices.ts
@@ -1,7 +1,7 @@
1
- import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
- import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
4
- import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
3
+ import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
4
+ import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
5
5
  import { createMediaDevices } from "./media-devices.mjs";
6
6
  //#region src/utilities/media-devices.test.ts
7
7
  afterEach(() => {
@@ -1,7 +1,7 @@
1
- import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
- import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
4
- import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
3
+ import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
4
+ import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
5
5
  import { createMediaPlayer } from "./media-player.mjs";
6
6
  //#region src/utilities/media-player.test.ts
7
7
  afterEach(() => {
@@ -1,4 +1,4 @@
1
- import { m as signal } from "../lib-Dkc7cV5F.mjs";
1
+ import { m as signal } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  import { fromEvent, sync } from "./event-driven.mjs";
4
4
  import { isBrowser } from "./environment.mjs";
@@ -1,7 +1,7 @@
1
- import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
- import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
4
- import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
3
+ import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
4
+ import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
5
5
  import { createMutationObserver } from "./mutation-observer.mjs";
6
6
  //#region src/utilities/mutation-observer.test.ts
7
7
  afterEach(() => {
@@ -1,4 +1,4 @@
1
- import { m as signal } from "../lib-Dkc7cV5F.mjs";
1
+ import { m as signal } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  import { on } from "./event-listener.mjs";
4
4
  import { isBrowser } from "./environment.mjs";
@@ -1,5 +1,5 @@
1
- import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
2
- import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
1
+ import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
2
+ import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
3
3
  import { online } from "./network.mjs";
4
4
  //#region src/utilities/network.test.ts
5
5
  afterEach(() => {
@@ -1,7 +1,7 @@
1
- import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
- import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
4
- import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
3
+ import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
4
+ import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
5
5
  import { onClickOutside } from "./on-click-outside.mjs";
6
6
  //#region src/utilities/on-click-outside.test.ts
7
7
  afterEach(() => {
@@ -1,4 +1,4 @@
1
- import { o as computed } from "../lib-Dkc7cV5F.mjs";
1
+ import { o as computed } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  import { fromEvent, sync } from "./event-driven.mjs";
4
4
  import { isBrowser } from "./environment.mjs";
@@ -1,4 +1,4 @@
1
- import { m as signal, s as effect } from "../lib-Dkc7cV5F.mjs";
1
+ import { m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  //#region src/utilities/previous.ts
4
4
  /**
@@ -1,7 +1,7 @@
1
- import { c as effectScope, m as signal } from "../lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope, m as signal } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
- import { f as it, l as describe } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
4
- import { t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
3
+ import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
4
+ import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
5
5
  import { createPrevious } from "./previous.mjs";
6
6
  //#region src/utilities/previous.test.ts
7
7
  describe("createPrevious", () => {
@@ -1,4 +1,4 @@
1
- import { a as batch, m as signal, o as computed } from "../lib-Dkc7cV5F.mjs";
1
+ import { a as batch, m as signal, o as computed } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  //#region src/utilities/promise.ts
4
4
  /**
@@ -1,7 +1,7 @@
1
- import { s as effect } from "../lib-Dkc7cV5F.mjs";
1
+ import { s as effect } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
- import { f as it, l as describe } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
4
- import { t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
3
+ import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
4
+ import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
5
5
  import { ReactivePromise, promise } from "./promise.mjs";
6
6
  //#region src/utilities/promise.test.ts
7
7
  describe("ReactivePromise", () => {
@@ -1,4 +1,4 @@
1
- import { g as untracked, s as effect } from "../lib-Dkc7cV5F.mjs";
1
+ import { g as untracked, s as effect } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  //#region src/utilities/retry.ts
4
4
  /**
@@ -1,7 +1,7 @@
1
- import { p as onCleanup } from "../lib-Dkc7cV5F.mjs";
1
+ import { p as onCleanup } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
- import { f as it, l as describe } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
4
- import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
3
+ import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
4
+ import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
5
5
  import { retry } from "./retry.mjs";
6
6
  //#region src/utilities/retry.test.ts
7
7
  describe("retry", () => {
@@ -1,4 +1,4 @@
1
- import { o as computed } from "../lib-Dkc7cV5F.mjs";
1
+ import { o as computed } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  import { currentLocation } from "./location.mjs";
4
4
  //#region src/utilities/routing.ts
@@ -1,5 +1,5 @@
1
- import { f as it, l as describe, o as afterEach, s as beforeAll } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
2
- import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
1
+ import { f as it, l as describe, o as afterEach, s as beforeAll } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
2
+ import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
3
3
  import { isLocalNavigationEvent, match, matches, navigate, patchHistory } from "./routing.mjs";
4
4
  //#region src/utilities/routing.test.ts
5
5
  beforeAll(() => {
@@ -1,7 +1,7 @@
1
- import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
- import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
4
- import { t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
3
+ import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
4
+ import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
5
5
  import { createSearchParam } from "./search-params.mjs";
6
6
  //#region src/utilities/search-params.test.ts
7
7
  afterEach(() => {
@@ -1,5 +1,5 @@
1
- import { p as test } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
2
- import { t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
1
+ import { p as test } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
2
+ import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
3
3
  //#region src/utilities/ssr.test.ts
4
4
  // @vitest-environment node
5
5
  test.each([
@@ -1,7 +1,7 @@
1
- import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
- import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
4
- import { t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
3
+ import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
4
+ import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
5
5
  import { createLocalStorage, createSessionStorage } from "./storage.mjs";
6
6
  //#region src/utilities/storage.test.ts
7
7
  describe("createLocalStorage", () => {
@@ -1,4 +1,4 @@
1
- import { m as signal, s as effect } from "../lib-Dkc7cV5F.mjs";
1
+ import { m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  import { createTimeout } from "./timeout.mjs";
4
4
  //#region src/utilities/throttled.ts
@@ -1,7 +1,7 @@
1
- import { c as effectScope, m as signal } from "../lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope, m as signal } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
- import { c as beforeEach, f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
4
- import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
3
+ import { c as beforeEach, f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
4
+ import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
5
5
  import { createThrottled } from "./throttled.mjs";
6
6
  //#region src/utilities/throttled.test.ts
7
7
  beforeEach(() => {
@@ -1,4 +1,4 @@
1
- import { m as signal, p as onCleanup } from "../lib-Dkc7cV5F.mjs";
1
+ import { m as signal, p as onCleanup } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  //#region src/utilities/timeout.ts
4
4
  /**
@@ -1,7 +1,7 @@
1
- import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
1
+ import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
- import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
4
- import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
3
+ import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
4
+ import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
5
5
  import { createTimeout } from "./timeout.mjs";
6
6
  //#region src/utilities/timeout.test.ts
7
7
  afterEach(() => {
@@ -1,4 +1,4 @@
1
- import { m as signal } from "../lib-Dkc7cV5F.mjs";
1
+ import { m as signal } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  import { on } from "./event-listener.mjs";
4
4
  import { isBrowser } from "./environment.mjs";
@@ -1,4 +1,4 @@
1
- import { o as computed } from "../lib-Dkc7cV5F.mjs";
1
+ import { o as computed } from "../lib-Cg8fI7K5.mjs";
2
2
  import "../signals/index.mjs";
3
3
  import { fromEvent, sync } from "./event-driven.mjs";
4
4
  import { isBrowser } from "./environment.mjs";
@@ -1,5 +1,5 @@
1
- import { f as it, l as describe } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
2
- import { t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
1
+ import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
2
+ import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
3
3
  import { windowSize } from "./window-size.mjs";
4
4
  //#region src/utilities/window-size.test.ts
5
5
  describe("windowSize (singleton)", () => {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "elements-kit",
3
3
  "type": "module",
4
- "version": "0.16.0",
4
+ "version": "0.17.0",
5
5
  "description": "A lightweight reactive UI library that transforms native HTMLElements into reactive components with signals. Ideal for framework-agnostic applications and web components.",
6
6
  "keywords": [
7
7
  "webcomponents",
@@ -1,30 +0,0 @@
1
- [data-base-color="gray"] {
2
- --base-color-1: var(--gray-1);
3
- --base-color-2: var(--gray-2);
4
- --base-color-3: var(--gray-3);
5
- --base-color-4: var(--gray-4);
6
- --base-color-5: var(--gray-5);
7
- --base-color-6: var(--gray-6);
8
- --base-color-7: var(--gray-7);
9
- --base-color-8: var(--gray-8);
10
- --base-color-9: var(--gray-9);
11
- --base-color-10: var(--gray-10);
12
- --base-color-11: var(--gray-11);
13
- --base-color-12: var(--gray-12);
14
- --base-color-a1: var(--gray-a1);
15
- --base-color-a2: var(--gray-a2);
16
- --base-color-a3: var(--gray-a3);
17
- --base-color-a4: var(--gray-a4);
18
- --base-color-a5: var(--gray-a5);
19
- --base-color-a6: var(--gray-a6);
20
- --base-color-a7: var(--gray-a7);
21
- --base-color-a8: var(--gray-a8);
22
- --base-color-a9: var(--gray-a9);
23
- --base-color-a10: var(--gray-a10);
24
- --base-color-a11: var(--gray-a11);
25
- --base-color-a12: var(--gray-a12);
26
- --base-color-surface: var(--gray-surface);
27
- --base-color-indicator: var(--gray-indicator);
28
- --base-color-track: var(--gray-track);
29
- --base-color-contrast: var(--gray-contrast);
30
- }
@@ -1,127 +0,0 @@
1
- :root, .light, .light-theme {
2
- --gray-1: #fcfcfc;
3
- --gray-2: #f9f9f9;
4
- --gray-3: #f0f0f0;
5
- --gray-4: #e8e8e8;
6
- --gray-5: #e0e0e0;
7
- --gray-6: #d9d9d9;
8
- --gray-7: #cecece;
9
- --gray-8: #bbb;
10
- --gray-9: #8d8d8d;
11
- --gray-10: #838383;
12
- --gray-11: #646464;
13
- --gray-12: #202020;
14
- --gray-a1: #00000003;
15
- --gray-a2: #00000006;
16
- --gray-a3: #0000000f;
17
- --gray-a4: #00000017;
18
- --gray-a5: #0000001f;
19
- --gray-a6: #00000026;
20
- --gray-a7: #00000031;
21
- --gray-a8: #0004;
22
- --gray-a9: #00000072;
23
- --gray-a10: #0000007c;
24
- --gray-a11: #0000009b;
25
- --gray-a12: #000000df;
26
- --gray-surface: #fffc;
27
- --gray-indicator: var(--gray-9);
28
- --gray-track: var(--gray-9);
29
- }
30
-
31
- @supports (color: color(display-p3 1 1 1)) {
32
- @media (color-gamut: p3) {
33
- :root, .light, .light-theme {
34
- --gray-1: color(display-p3 .988 .988 .988);
35
- --gray-2: color(display-p3 .975 .975 .975);
36
- --gray-3: color(display-p3 .939 .939 .939);
37
- --gray-4: color(display-p3 .908 .908 .908);
38
- --gray-5: color(display-p3 .88 .88 .88);
39
- --gray-6: color(display-p3 .849 .849 .849);
40
- --gray-7: color(display-p3 .807 .807 .807);
41
- --gray-8: color(display-p3 .732 .732 .732);
42
- --gray-9: color(display-p3 .553 .553 .553);
43
- --gray-10: color(display-p3 .512 .512 .512);
44
- --gray-11: color(display-p3 .392 .392 .392);
45
- --gray-12: color(display-p3 .125 .125 .125);
46
- --gray-a1: color(display-p3 0 0 0 / .012);
47
- --gray-a2: color(display-p3 0 0 0 / .024);
48
- --gray-a3: color(display-p3 0 0 0 / .063);
49
- --gray-a4: color(display-p3 0 0 0 / .09);
50
- --gray-a5: color(display-p3 0 0 0 / .122);
51
- --gray-a6: color(display-p3 0 0 0 / .153);
52
- --gray-a7: color(display-p3 0 0 0 / .192);
53
- --gray-a8: color(display-p3 0 0 0 / .267);
54
- --gray-a9: color(display-p3 0 0 0 / .447);
55
- --gray-a10: color(display-p3 0 0 0 / .486);
56
- --gray-a11: color(display-p3 0 0 0 / .608);
57
- --gray-a12: color(display-p3 0 0 0 / .875);
58
- --gray-surface: color(display-p3 1 1 1 / .8);
59
- }
60
- }
61
- }
62
-
63
- .dark, .dark-theme {
64
- --gray-1: #111;
65
- --gray-2: #191919;
66
- --gray-3: #222;
67
- --gray-4: #2a2a2a;
68
- --gray-5: #313131;
69
- --gray-6: #3a3a3a;
70
- --gray-7: #484848;
71
- --gray-8: #606060;
72
- --gray-9: #6e6e6e;
73
- --gray-10: #7b7b7b;
74
- --gray-11: #b4b4b4;
75
- --gray-12: #eee;
76
- --gray-a1: #0000;
77
- --gray-a2: #ffffff09;
78
- --gray-a3: #ffffff12;
79
- --gray-a4: #ffffff1b;
80
- --gray-a5: #fff2;
81
- --gray-a6: #ffffff2c;
82
- --gray-a7: #ffffff3b;
83
- --gray-a8: #fff5;
84
- --gray-a9: #ffffff64;
85
- --gray-a10: #ffffff72;
86
- --gray-a11: #ffffffaf;
87
- --gray-a12: #ffffffed;
88
- --gray-surface: #21212180;
89
- --gray-indicator: var(--gray-9);
90
- --gray-track: var(--gray-9);
91
- }
92
-
93
- @supports (color: color(display-p3 1 1 1)) {
94
- @media (color-gamut: p3) {
95
- .dark, .dark-theme {
96
- --gray-1: color(display-p3 .067 .067 .067);
97
- --gray-2: color(display-p3 .098 .098 .098);
98
- --gray-3: color(display-p3 .135 .135 .135);
99
- --gray-4: color(display-p3 .163 .163 .163);
100
- --gray-5: color(display-p3 .192 .192 .192);
101
- --gray-6: color(display-p3 .228 .228 .228);
102
- --gray-7: color(display-p3 .283 .283 .283);
103
- --gray-8: color(display-p3 .375 .375 .375);
104
- --gray-9: color(display-p3 .431 .431 .431);
105
- --gray-10: color(display-p3 .484 .484 .484);
106
- --gray-11: color(display-p3 .706 .706 .706);
107
- --gray-12: color(display-p3 .933 .933 .933);
108
- --gray-a1: color(display-p3 0 0 0 / 0);
109
- --gray-a2: color(display-p3 1 1 1 / .034);
110
- --gray-a3: color(display-p3 1 1 1 / .071);
111
- --gray-a4: color(display-p3 1 1 1 / .105);
112
- --gray-a5: color(display-p3 1 1 1 / .134);
113
- --gray-a6: color(display-p3 1 1 1 / .172);
114
- --gray-a7: color(display-p3 1 1 1 / .231);
115
- --gray-a8: color(display-p3 1 1 1 / .332);
116
- --gray-a9: color(display-p3 1 1 1 / .391);
117
- --gray-a10: color(display-p3 1 1 1 / .445);
118
- --gray-a11: color(display-p3 1 1 1 / .685);
119
- --gray-a12: color(display-p3 1 1 1 / .929);
120
- --gray-surface: color(display-p3 .1255 .1255 .1255 / .5);
121
- }
122
- }
123
- }
124
-
125
- :root {
126
- --gray-contrast: white;
127
- }