elements-kit 0.17.0 → 0.18.0

package/dist/ui/styles/palette/gray.css

@@ -0,0 +1,127 @@
+:root, .light, .light-theme {
+  --gray-1: #fcfcfc;
+  --gray-2: #f9f9f9;
+  --gray-3: #f0f0f0;
+  --gray-4: #e8e8e8;
+  --gray-5: #e0e0e0;
+  --gray-6: #d9d9d9;
+  --gray-7: #cecece;
+  --gray-8: #bbb;
+  --gray-9: #8d8d8d;
+  --gray-10: #838383;
+  --gray-11: #646464;
+  --gray-12: #202020;
+  --gray-a1: #00000003;
+  --gray-a2: #00000006;
+  --gray-a3: #0000000f;
+  --gray-a4: #00000017;
+  --gray-a5: #0000001f;
+  --gray-a6: #00000026;
+  --gray-a7: #00000031;
+  --gray-a8: #0004;
+  --gray-a9: #00000072;
+  --gray-a10: #0000007c;
+  --gray-a11: #0000009b;
+  --gray-a12: #000000df;
+  --gray-surface: #fffc;
+  --gray-indicator: var(--gray-9);
+  --gray-track: var(--gray-9);
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --gray-1: color(display-p3 .988 .988 .988);
+      --gray-2: color(display-p3 .975 .975 .975);
+      --gray-3: color(display-p3 .939 .939 .939);
+      --gray-4: color(display-p3 .908 .908 .908);
+      --gray-5: color(display-p3 .88 .88 .88);
+      --gray-6: color(display-p3 .849 .849 .849);
+      --gray-7: color(display-p3 .807 .807 .807);
+      --gray-8: color(display-p3 .732 .732 .732);
+      --gray-9: color(display-p3 .553 .553 .553);
+      --gray-10: color(display-p3 .512 .512 .512);
+      --gray-11: color(display-p3 .392 .392 .392);
+      --gray-12: color(display-p3 .125 .125 .125);
+      --gray-a1: color(display-p3 0 0 0 / .012);
+      --gray-a2: color(display-p3 0 0 0 / .024);
+      --gray-a3: color(display-p3 0 0 0 / .063);
+      --gray-a4: color(display-p3 0 0 0 / .09);
+      --gray-a5: color(display-p3 0 0 0 / .122);
+      --gray-a6: color(display-p3 0 0 0 / .153);
+      --gray-a7: color(display-p3 0 0 0 / .192);
+      --gray-a8: color(display-p3 0 0 0 / .267);
+      --gray-a9: color(display-p3 0 0 0 / .447);
+      --gray-a10: color(display-p3 0 0 0 / .486);
+      --gray-a11: color(display-p3 0 0 0 / .608);
+      --gray-a12: color(display-p3 0 0 0 / .875);
+      --gray-surface: color(display-p3 1 1 1 / .8);
+    }
+  }
+}
+
+.dark, .dark-theme {
+  --gray-1: #111;
+  --gray-2: #191919;
+  --gray-3: #222;
+  --gray-4: #2a2a2a;
+  --gray-5: #313131;
+  --gray-6: #3a3a3a;
+  --gray-7: #484848;
+  --gray-8: #606060;
+  --gray-9: #6e6e6e;
+  --gray-10: #7b7b7b;
+  --gray-11: #b4b4b4;
+  --gray-12: #eee;
+  --gray-a1: #0000;
+  --gray-a2: #ffffff09;
+  --gray-a3: #ffffff12;
+  --gray-a4: #ffffff1b;
+  --gray-a5: #fff2;
+  --gray-a6: #ffffff2c;
+  --gray-a7: #ffffff3b;
+  --gray-a8: #fff5;
+  --gray-a9: #ffffff64;
+  --gray-a10: #ffffff72;
+  --gray-a11: #ffffffaf;
+  --gray-a12: #ffffffed;
+  --gray-surface: #21212180;
+  --gray-indicator: var(--gray-9);
+  --gray-track: var(--gray-9);
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .dark, .dark-theme {
+      --gray-1: color(display-p3 .067 .067 .067);
+      --gray-2: color(display-p3 .098 .098 .098);
+      --gray-3: color(display-p3 .135 .135 .135);
+      --gray-4: color(display-p3 .163 .163 .163);
+      --gray-5: color(display-p3 .192 .192 .192);
+      --gray-6: color(display-p3 .228 .228 .228);
+      --gray-7: color(display-p3 .283 .283 .283);
+      --gray-8: color(display-p3 .375 .375 .375);
+      --gray-9: color(display-p3 .431 .431 .431);
+      --gray-10: color(display-p3 .484 .484 .484);
+      --gray-11: color(display-p3 .706 .706 .706);
+      --gray-12: color(display-p3 .933 .933 .933);
+      --gray-a1: color(display-p3 0 0 0 / 0);
+      --gray-a2: color(display-p3 1 1 1 / .034);
+      --gray-a3: color(display-p3 1 1 1 / .071);
+      --gray-a4: color(display-p3 1 1 1 / .105);
+      --gray-a5: color(display-p3 1 1 1 / .134);
+      --gray-a6: color(display-p3 1 1 1 / .172);
+      --gray-a7: color(display-p3 1 1 1 / .231);
+      --gray-a8: color(display-p3 1 1 1 / .332);
+      --gray-a9: color(display-p3 1 1 1 / .391);
+      --gray-a10: color(display-p3 1 1 1 / .445);
+      --gray-a11: color(display-p3 1 1 1 / .685);
+      --gray-a12: color(display-p3 1 1 1 / .929);
+      --gray-surface: color(display-p3 .1255 .1255 .1255 / .5);
+    }
+  }
+}
+
+:root {
+  --gray-contrast: white;
+}

package/dist/ui/styles/shadow.css

@@ -1,76 +1,76 @@
 :where(:root) {
-  --shadow-1: inset 0 0 0 1px var(--base-color-a5),
-    inset 0 1.5px 2px 0 var(--base-color-a2),
+  --shadow-1: inset 0 0 0 1px var(--neutral-a5),
+    inset 0 1.5px 2px 0 var(--neutral-a2),
     inset 0 1.5px 2px 0 var(--black-a2);
-  --shadow-2: 0 0 0 1px var(--base-color-a3),
+  --shadow-2: 0 0 0 1px var(--neutral-a3),
     0 0 0 .5px var(--black-a1),
-    0 1px 1px 0 var(--base-color-a2),
+    0 1px 1px 0 var(--neutral-a2),
     0 2px 1px -1px var(--black-a1),
     0 1px 3px 0 var(--black-a1);
-  --shadow-3: 0 0 0 1px var(--base-color-a3),
-    0 2px 3px -2px var(--base-color-a3),
+  --shadow-3: 0 0 0 1px var(--neutral-a3),
+    0 2px 3px -2px var(--neutral-a3),
     0 3px 12px -4px var(--black-a2),
     0 4px 16px -8px var(--black-a2);
-  --shadow-4: 0 0 0 1px var(--base-color-a3),
+  --shadow-4: 0 0 0 1px var(--neutral-a3),
     0 8px 40px var(--black-a1),
-    0 12px 32px -16px var(--base-color-a3);
-  --shadow-5: 0 0 0 1px var(--base-color-a3),
+    0 12px 32px -16px var(--neutral-a3);
+  --shadow-5: 0 0 0 1px var(--neutral-a3),
     0 12px 60px var(--black-a3),
-    0 12px 32px -16px var(--base-color-a5);
-  --shadow-6: 0 0 0 1px var(--base-color-a3),
+    0 12px 32px -16px var(--neutral-a5);
+  --shadow-6: 0 0 0 1px var(--neutral-a3),
     0 12px 60px var(--black-a3),
-    0 16px 64px var(--base-color-a2),
-    0 16px 36px -20px var(--base-color-a7);
+    0 16px 64px var(--neutral-a2),
+    0 16px 36px -20px var(--neutral-a7);
 }
 
 @supports (color: color-mix(in oklab, white, black)) {
   :where(:root) {
-    --shadow-1: inset 0 0 0 1px var(--base-color-a5),
-      inset 0 1.5px 2px 0 var(--base-color-a2),
+    --shadow-1: inset 0 0 0 1px var(--neutral-a5),
+      inset 0 1.5px 2px 0 var(--neutral-a2),
       inset 0 1.5px 2px 0 var(--black-a2);
-    --shadow-2: 0 0 0 1px color-mix(in oklab, var(--base-color-a3), var(--base-color-3) 25%),
+    --shadow-2: 0 0 0 1px color-mix(in oklab, var(--neutral-a3), var(--neutral-3) 25%),
       0 0 0 .5px var(--black-a1),
-      0 1px 1px 0 var(--base-color-a2),
+      0 1px 1px 0 var(--neutral-a2),
       0 2px 1px -1px var(--black-a1),
       0 1px 3px 0 var(--black-a1);
-    --shadow-3: 0 0 0 1px color-mix(in oklab, var(--base-color-a3), var(--base-color-3) 25%),
-      0 2px 3px -2px var(--base-color-a3),
+    --shadow-3: 0 0 0 1px color-mix(in oklab, var(--neutral-a3), var(--neutral-3) 25%),
+      0 2px 3px -2px var(--neutral-a3),
       0 3px 12px -4px var(--black-a2),
       0 4px 16px -8px var(--black-a2);
-    --shadow-4: 0 0 0 1px color-mix(in oklab, var(--base-color-a3), var(--base-color-3) 25%),
+    --shadow-4: 0 0 0 1px color-mix(in oklab, var(--neutral-a3), var(--neutral-3) 25%),
       0 8px 40px var(--black-a1),
-      0 12px 32px -16px var(--base-color-a3);
-    --shadow-5: 0 0 0 1px color-mix(in oklab, var(--base-color-a3), var(--base-color-3) 25%),
+      0 12px 32px -16px var(--neutral-a3);
+    --shadow-5: 0 0 0 1px color-mix(in oklab, var(--neutral-a3), var(--neutral-3) 25%),
       0 12px 60px var(--black-a3),
-      0 12px 32px -16px var(--base-color-a5);
-    --shadow-6: 0 0 0 1px color-mix(in oklab, var(--base-color-a3), var(--base-color-3) 25%),
+      0 12px 32px -16px var(--neutral-a5);
+    --shadow-6: 0 0 0 1px color-mix(in oklab, var(--neutral-a3), var(--neutral-3) 25%),
       0 12px 60px var(--black-a3),
-      0 16px 64px var(--base-color-a2),
-      0 16px 36px -20px var(--base-color-a7);
+      0 16px 64px var(--neutral-a2),
+      0 16px 36px -20px var(--neutral-a7);
   }
 }
 
 :is(.dark, .dark-theme) {
-  --shadow-1: inset 0 -1px 1px 0 var(--base-color-a3),
-    inset 0 0 0 1px var(--base-color-a3),
+  --shadow-1: inset 0 -1px 1px 0 var(--neutral-a3),
+    inset 0 0 0 1px var(--neutral-a3),
     inset 0 3px 4px 0 var(--black-a5),
-    inset 0 0 0 1px var(--base-color-a4);
-  --shadow-2: 0 0 0 1px var(--base-color-a6),
+    inset 0 0 0 1px var(--neutral-a4);
+  --shadow-2: 0 0 0 1px var(--neutral-a6),
     0 0 0 .5px var(--black-a3),
     0 1px 1px 0 var(--black-a6),
     0 2px 1px -1px var(--black-a6),
     0 1px 3px 0 var(--black-a5);
-  --shadow-3: 0 0 0 1px var(--base-color-a6),
+  --shadow-3: 0 0 0 1px var(--neutral-a6),
     0 2px 3px -2px var(--black-a3),
     0 3px 8px -2px var(--black-a6),
     0 4px 12px -4px var(--black-a7);
-  --shadow-4: 0 0 0 1px var(--base-color-a6),
+  --shadow-4: 0 0 0 1px var(--neutral-a6),
     0 8px 40px var(--black-a3),
     0 12px 32px -16px var(--black-a5);
-  --shadow-5: 0 0 0 1px var(--base-color-a6),
+  --shadow-5: 0 0 0 1px var(--neutral-a6),
     0 12px 60px var(--black-a5),
     0 12px 32px -16px var(--black-a7);
-  --shadow-6: 0 0 0 1px var(--base-color-a6),
+  --shadow-6: 0 0 0 1px var(--neutral-a6),
     0 12px 60px var(--black-a4),
     0 16px 64px var(--black-a6),
     0 16px 36px -20px var(--black-a11);
@@ -78,26 +78,26 @@
 
 @supports (color: color-mix(in oklab, white, black)) {
   :is(.dark, .dark-theme) {
-    --shadow-1: inset 0 -1px 1px 0 var(--base-color-a3),
-      inset 0 0 0 1px var(--base-color-a3),
+    --shadow-1: inset 0 -1px 1px 0 var(--neutral-a3),
+      inset 0 0 0 1px var(--neutral-a3),
       inset 0 3px 4px 0 var(--black-a5),
-      inset 0 0 0 1px var(--base-color-a4);
-    --shadow-2: 0 0 0 1px color-mix(in oklab, var(--base-color-a6), var(--base-color-6) 25%),
+      inset 0 0 0 1px var(--neutral-a4);
+    --shadow-2: 0 0 0 1px color-mix(in oklab, var(--neutral-a6), var(--neutral-6) 25%),
       0 0 0 .5px var(--black-a3),
       0 1px 1px 0 var(--black-a6),
       0 2px 1px -1px var(--black-a6),
       0 1px 3px 0 var(--black-a5);
-    --shadow-3: 0 0 0 1px color-mix(in oklab, var(--base-color-a6), var(--base-color-6) 25%),
+    --shadow-3: 0 0 0 1px color-mix(in oklab, var(--neutral-a6), var(--neutral-6) 25%),
       0 2px 3px -2px var(--black-a3),
       0 3px 8px -2px var(--black-a6),
       0 4px 12px -4px var(--black-a7);
-    --shadow-4: 0 0 0 1px color-mix(in oklab, var(--base-color-a6), var(--base-color-6) 25%),
+    --shadow-4: 0 0 0 1px color-mix(in oklab, var(--neutral-a6), var(--neutral-6) 25%),
       0 8px 40px var(--black-a3),
       0 12px 32px -16px var(--black-a5);
-    --shadow-5: 0 0 0 1px color-mix(in oklab, var(--base-color-a6), var(--base-color-6) 25%),
+    --shadow-5: 0 0 0 1px color-mix(in oklab, var(--neutral-a6), var(--neutral-6) 25%),
       0 12px 60px var(--black-a5),
       0 12px 32px -16px var(--black-a7);
-    --shadow-6: 0 0 0 1px color-mix(in oklab, var(--base-color-a6), var(--base-color-6) 25%),
+    --shadow-6: 0 0 0 1px color-mix(in oklab, var(--neutral-a6), var(--neutral-6) 25%),
       0 12px 60px var(--black-a4),
       0 16px 64px var(--black-a6),
       0 16px 36px -20px var(--black-a11);

package/dist/ui/styles/theme.css

@@ -73,7 +73,7 @@
 }
 
 :is(.dark, .dark-theme) {
-  --color-background: var(--base-color-1);
+  --color-background: var(--neutral-1);
   --color-overlay: var(--black-a8);
   --color-surface: #00000040;
 }
@@ -134,7 +134,7 @@
 }
 
 :root {
-  color: var(--base-color-12);
+  color: var(--neutral-12);
 }
 
 :where([data-surface="page"]) {

package/dist/ui/switch/switch.css

@@ -64,8 +64,8 @@
 }
 
 .x-switch:where(:not([data-variant="soft"])) {
-  background-color: var(--base-color-a3);
-  box-shadow: inset 0 0 0 1px var(--base-color-a5);
+  background-color: var(--neutral-a3);
+  box-shadow: inset 0 0 0 1px var(--neutral-a5);
 }
 
 .x-switch:where(:not([data-variant="soft"])):where(:checked) {
@@ -91,19 +91,19 @@
 }
 
 .x-switch:where(:not([data-variant="soft"])):where([data-disabled], :disabled) {
-  background-color: var(--base-color-a3);
-  box-shadow: inset 0 0 0 1px var(--base-color-a3);
+  background-color: var(--neutral-a3);
+  box-shadow: inset 0 0 0 1px var(--neutral-a3);
   opacity: .7;
 }
 
 .x-switch:where(:not([data-variant="soft"])):where([data-disabled], :disabled):after {
-  background-color: var(--base-color-2);
-  box-shadow: 0 0 0 1px var(--base-color-a2),
+  background-color: var(--neutral-2);
+  box-shadow: 0 0 0 1px var(--neutral-a2),
       0 1px 3px var(--black-a1);
 }
 
 .x-switch:where([data-variant="soft"]) {
-  background-color: var(--base-color-a3);
+  background-color: var(--neutral-a3);
 }
 
 .x-switch:where([data-variant="soft"]):where(:checked) {

package/dist/ui/text-input/text-input.css

@@ -46,7 +46,7 @@
 }
 
 .x-text-input:where(input)::-webkit-calendar-picker-indicator:where(:hover) {
-  background-color: var(--base-color-a3);
+  background-color: var(--neutral-a3);
 }
 
 .x-text-input:where(input)::-webkit-calendar-picker-indicator:where(:focus-visible) {
@@ -60,13 +60,13 @@
 
 @supports selector(:has(*)) {
   .x-text-input:where(input):where(:-webkit-autofill, [data-com-onepassword-filled]) {
-    -webkit-text-fill-color: var(--base-color-12);
+    -webkit-text-fill-color: var(--neutral-12);
     -webkit-background-clip: text;
     background-clip: text;
   }
 
   .x-text-input:where(input):where(:autofill, [data-com-onepassword-filled]) {
-    -webkit-text-fill-color: var(--base-color-12);
+    -webkit-text-fill-color: var(--neutral-12);
     -webkit-background-clip: text;
     background-clip: text;
   }
@@ -96,14 +96,14 @@
 }
 
 .x-text-input:where(textarea)::-webkit-scrollbar-thumb {
-  background-color: var(--base-color-a5);
+  background-color: var(--neutral-a5);
   border-radius: var(--space-3);
   background-clip: padding-box;
   border: 3px solid #0000;
 }
 
 .x-text-input:where(textarea)::-webkit-scrollbar-thumb:where(:hover) {
-  background-color: var(--base-color-a7);
+  background-color: var(--neutral-a7);
 }
 
 .x-text-input:where(textarea):where(:focus-visible) {
@@ -113,13 +113,13 @@
 
 @supports selector(:has(*)) {
   .x-text-input:where(textarea):where(:-webkit-autofill, [data-com-onepassword-filled]) {
-    -webkit-text-fill-color: var(--base-color-12);
+    -webkit-text-fill-color: var(--neutral-12);
     -webkit-background-clip: text;
     background-clip: text;
   }
 
   .x-text-input:where(textarea):where(:autofill, [data-com-onepassword-filled]) {
-    -webkit-text-fill-color: var(--base-color-12);
+    -webkit-text-fill-color: var(--neutral-12);
     -webkit-background-clip: text;
     background-clip: text;
   }
@@ -308,16 +308,16 @@
   --text-input-selection-color: var(--focus-a5);
   --text-input-focus-color: var(--focus-8);
   background-color: var(--color-surface);
-  border: var(--text-input-border-width) solid var(--base-color-a7);
-  color: var(--base-color-12);
+  border: var(--text-input-border-width) solid var(--neutral-a7);
+  color: var(--neutral-12);
 }
 
 .x-text-input:where(:not([data-variant="soft"])):where(input)::placeholder, .x-text-input:where(:not([data-variant="soft"])):where(textarea)::placeholder, .x-text-input:where(:not([data-variant="soft"])):where(:has( > :is(input, textarea))) > :where(:is(input, textarea))::placeholder {
-  color: var(--base-color-a10);
+  color: var(--neutral-a10);
 }
 
 .x-text-input:where(:not([data-variant="soft"])) > :where(:not(input, textarea)) {
-  color: var(--base-color-a11);
+  color: var(--neutral-a11);
 }
 
 .x-text-input:where(:not([data-variant="soft"])) > :where(:not(input, textarea))[data-accent] {
@@ -347,8 +347,8 @@
 
 .x-text-input:where(:is(input, textarea)):where(:disabled, :read-only) {
   cursor: text;
-  color: var(--base-color-a11);
-  -webkit-text-fill-color: var(--base-color-a11);
+  color: var(--neutral-a11);
+  -webkit-text-fill-color: var(--neutral-a11);
 }
 
 .x-text-input:where(:is(input, textarea)):where(:disabled, :read-only)::placeholder {
@@ -360,13 +360,13 @@
 }
 
 .x-text-input:where(:has( > :is(input, textarea):is(:disabled, :read-only))) {
-  background-color: var(--base-color-a2);
+  background-color: var(--neutral-a2);
 }
 
 .x-text-input:where(:has( > :is(input, textarea):is(:disabled, :read-only))) > :where(:is(input, textarea)) {
   cursor: text;
-  color: var(--base-color-a11);
-  -webkit-text-fill-color: var(--base-color-a11);
+  color: var(--neutral-a11);
+  -webkit-text-fill-color: var(--neutral-a11);
 }
 
 .x-text-input:where(:has( > :is(input, textarea):is(:disabled, :read-only))) > :where(:is(input, textarea))::placeholder {
@@ -382,5 +382,5 @@
 }
 
 .x-text-input:where(:not([data-variant="soft"])):where(:has( > :is(input, textarea):is(:disabled, :read-only))) {
-  border-color: var(--base-color-a6);
+  border-color: var(--neutral-a6);
 }

package/dist/ui/toggle/toggle.css

@@ -66,15 +66,15 @@
 }
 
 .x-toggle:where(:not([data-variant]), [data-variant="surface"]) {
-  box-shadow: inset 0 0 0 1px var(--base-color-a5);
-  color: var(--base-color-a11);
+  box-shadow: inset 0 0 0 1px var(--neutral-a5);
+  color: var(--neutral-a11);
   background-color: #0000;
   font-weight: 500;
 }
 
 @media (hover: hover) {
   .x-toggle:where(:not([data-variant]), [data-variant="surface"]):where(:hover) {
-    background-color: var(--base-color-a2);
+    background-color: var(--neutral-a2);
   }
 }
 
@@ -92,14 +92,14 @@
 }
 
 .x-toggle:where([data-variant="soft"]) {
-  background-color: var(--base-color-a3);
-  color: var(--base-color-a11);
+  background-color: var(--neutral-a3);
+  color: var(--neutral-a11);
   font-weight: 500;
 }
 
 @media (hover: hover) {
   .x-toggle:where([data-variant="soft"]):where(:hover) {
-    background-color: var(--base-color-a4);
+    background-color: var(--neutral-a4);
   }
 }
 

package/dist/utilities/_observe.mjs

@@ -1,4 +1,4 @@
-import { p as onCleanup } from "../lib-Cg8fI7K5.mjs";
+import { p as onCleanup } from "../lib-Dkc7cV5F.mjs";
 import "../signals/index.mjs";
 //#region src/utilities/_observe.ts
 /**

package/dist/utilities/active-element.mjs

@@ -1,4 +1,4 @@
-import { o as computed } from "../lib-Cg8fI7K5.mjs";
+import { o as computed } from "../lib-Dkc7cV5F.mjs";
 import "../signals/index.mjs";
 import { fromEvent, sync } from "./event-driven.mjs";
 import { isBrowser } from "./environment.mjs";

package/dist/utilities/active-element.test.mjs

@@ -1,5 +1,5 @@
-import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
-import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
+import { f as it, l as describe } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
+import { t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
 import { activeElement } from "./active-element.mjs";
 //#region src/utilities/active-element.test.ts
 describe("activeElement (singleton)", () => {

package/dist/utilities/async.mjs

@@ -1,4 +1,4 @@
-import { g as untracked, m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
+import { g as untracked, m as signal, s as effect } from "../lib-Dkc7cV5F.mjs";
 import { resolve } from "../signals/index.mjs";
 import { promise } from "./promise.mjs";
 //#region src/utilities/async.ts

package/dist/utilities/async.test.mjs

@@ -1,7 +1,7 @@
-import { m as signal, p as onCleanup, s as effect } from "../lib-Cg8fI7K5.mjs";
+import { m as signal, p as onCleanup, s as effect } from "../lib-Dkc7cV5F.mjs";
 import "../signals/index.mjs";
-import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
-import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
+import { f as it, l as describe } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
+import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
 import { Async, async } from "./async.mjs";
 import { createInterval } from "./interval.mjs";
 //#region src/utilities/async.test.ts

package/dist/utilities/context.mjs

@@ -1,4 +1,4 @@
-import { m as signal, p as onCleanup } from "../lib-Cg8fI7K5.mjs";
+import { m as signal, p as onCleanup } from "../lib-Dkc7cV5F.mjs";
 import "../signals/index.mjs";
 //#region src/utilities/context.ts
 const registry = /* @__PURE__ */ new WeakMap();

package/dist/utilities/context.test.mjs

@@ -1,7 +1,7 @@
-import { c as effectScope, m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
+import { c as effectScope, m as signal, s as effect } from "../lib-Dkc7cV5F.mjs";
 import "../signals/index.mjs";
-import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
-import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
+import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
+import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
 import { getContext, setContext } from "./context.mjs";
 //#region src/utilities/context.test.ts
 afterEach(() => {

package/dist/utilities/debounced.mjs

@@ -1,4 +1,4 @@
-import { m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
+import { m as signal, s as effect } from "../lib-Dkc7cV5F.mjs";
 import "../signals/index.mjs";
 import { createTimeout } from "./timeout.mjs";
 //#region src/utilities/debounced.ts

package/dist/utilities/debounced.test.mjs

@@ -1,7 +1,7 @@
-import { c as effectScope, m as signal } from "../lib-Cg8fI7K5.mjs";
+import { c as effectScope, m as signal } from "../lib-Dkc7cV5F.mjs";
 import "../signals/index.mjs";
-import { c as beforeEach, f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
-import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
+import { c as beforeEach, f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
+import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
 import { createDebounced } from "./debounced.mjs";
 //#region src/utilities/debounced.test.ts
 beforeEach(() => {

package/dist/utilities/dom-lifecycle.bench.mjs

@@ -1,4 +1,4 @@
-import { l as describe, t as bench } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
+import { l as describe, t as bench } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
 //#region src/utilities/dom-lifecycle.bench.ts
 describe("dom-lifecycle — registration cost", () => {
 	bench("register 100 entries on already-connected elements", () => {

package/dist/utilities/dom-lifecycle.mjs

@@ -1,4 +1,4 @@
-import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
+import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
 import "../signals/index.mjs";
 import { isBrowser } from "./environment.mjs";
 //#region src/utilities/dom-lifecycle.ts

package/dist/utilities/dom-lifecycle.test.mjs

@@ -1,5 +1,5 @@
-import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
-import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
+import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
+import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
 import { DomLifecycleElement } from "./dom-lifecycle.mjs";
 //#region src/utilities/dom-lifecycle.test.ts
 afterEach(() => {

package/dist/utilities/element-rect.mjs

@@ -1,4 +1,4 @@
-import { m as signal } from "../lib-Cg8fI7K5.mjs";
+import { m as signal } from "../lib-Dkc7cV5F.mjs";
 import "../signals/index.mjs";
 import { createResizeObserver } from "./resize-observer.mjs";
 //#region src/utilities/element-rect.ts

package/dist/utilities/element-rect.test.mjs

@@ -1,7 +1,7 @@
-import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
+import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
 import "../signals/index.mjs";
-import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
-import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
+import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
+import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
 import { createElementRect } from "./element-rect.mjs";
 //#region src/utilities/element-rect.test.ts
 afterEach(() => {

package/dist/utilities/element-scroll.test.mjs

@@ -1,7 +1,7 @@
-import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
+import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
 import "../signals/index.mjs";
-import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
-import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
+import { f as it, l as describe } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
+import { t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
 import { createElementScroll } from "./element-scroll.mjs";
 //#region src/utilities/element-scroll.test.ts
 describe("createElementScroll", () => {

package/dist/utilities/event-driven.mjs

@@ -1,4 +1,4 @@
-import { h as trigger, i as SIGNAL, m as signal, o as computed, p as onCleanup } from "../lib-Cg8fI7K5.mjs";
+import { h as trigger, i as SIGNAL, m as signal, o as computed, p as onCleanup } from "../lib-Dkc7cV5F.mjs";
 import "../signals/index.mjs";
 //#region src/utilities/event-driven.ts
 /**

package/dist/utilities/event-listener.mjs

@@ -1,4 +1,4 @@
-import { p as onCleanup, s as effect } from "../lib-Cg8fI7K5.mjs";
+import { p as onCleanup, s as effect } from "../lib-Dkc7cV5F.mjs";
 import "../signals/index.mjs";
 //#region src/utilities/event-listener.ts
 function on(target, type, handler, options) {

package/dist/utilities/event-listener.test.mjs

@@ -1,8 +1,8 @@
-import { c as effectScope, m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
+import { c as effectScope, m as signal, s as effect } from "../lib-Dkc7cV5F.mjs";
 import "../signals/index.mjs";
 import { on } from "./event-listener.mjs";
-import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
-import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
+import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
+import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
 //#region src/utilities/event-listener.test.ts
 afterEach(() => {
 	document.body.innerHTML = "";

package/dist/utilities/focus-within.mjs

@@ -1,4 +1,4 @@
-import { m as signal } from "../lib-Cg8fI7K5.mjs";
+import { m as signal } from "../lib-Dkc7cV5F.mjs";
 import "../signals/index.mjs";
 import { on } from "./event-listener.mjs";
 //#region src/utilities/focus-within.ts