elements-kit 0.19.0 → 0.21.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 (165) hide show
  1. package/README.md +14 -0
  2. package/dist/await.d.mts +53 -0
  3. package/dist/await.mjs +70 -0
  4. package/dist/{custom-elements-D5CgfNKc.d.mts → custom-elements-BGcU6ldL.d.mts} +2 -0
  5. package/dist/custom-elements.d.mts +1 -1
  6. package/dist/{element-xQwq4ulc.mjs → element-D3om9yA6.mjs} +71 -4
  7. package/dist/for.d.mts +20 -26
  8. package/dist/for.mjs +29 -4
  9. package/dist/fragment-ROPRBJQd.mjs +61 -0
  10. package/dist/hydrate/index.d.mts +41 -0
  11. package/dist/hydrate/index.mjs +2 -0
  12. package/dist/hydrate-6Qx4n4Su.mjs +380 -0
  13. package/dist/integrations/astro-client.d.mts +17 -0
  14. package/dist/integrations/astro-client.mjs +23 -0
  15. package/dist/integrations/astro-server.d.mts +15 -0
  16. package/dist/integrations/astro-server.mjs +39 -0
  17. package/dist/integrations/astro-slots.d.mts +12 -0
  18. package/dist/integrations/astro-slots.mjs +30 -0
  19. package/dist/integrations/astro.d.mts +46 -0
  20. package/dist/integrations/astro.mjs +64 -0
  21. package/dist/integrations/react.d.mts +1 -1
  22. package/dist/integrations/react.mjs +2 -2
  23. package/dist/jsx-runtime/index.d.mts +1 -1
  24. package/dist/jsx-runtime/index.mjs +2 -20
  25. package/dist/{lib-Dkc7cV5F.mjs → lib-DYypKhxk.mjs} +63 -5
  26. package/dist/render.mjs +1 -1
  27. package/dist/{scope-CnEvL9Nd.mjs → scope-zbEG299F.mjs} +1 -1
  28. package/dist/server/index.d.mts +43 -0
  29. package/dist/server/index.mjs +2 -0
  30. package/dist/server-iFSng50i.mjs +385 -0
  31. package/dist/signals/index.d.mts +2 -2
  32. package/dist/signals/index.mjs +5 -3
  33. package/dist/{slot-B8y0aEoz.d.mts → slot-BFWXeFRl.d.mts} +6 -0
  34. package/dist/{slot-Cne__au7.mjs → slot-Dvf30O0B.mjs} +12 -1
  35. package/dist/slot.d.mts +1 -1
  36. package/dist/slot.mjs +1 -1
  37. package/dist/{infer-B7T5hi_D.d.mts → types-CUvFIgPa.d.mts} +140 -141
  38. package/dist/ui/badge/badge.css +5 -5
  39. package/dist/ui/button/button.css +15 -15
  40. package/dist/ui/card/card.css +2 -2
  41. package/dist/ui/group/group.css +61 -0
  42. package/dist/ui/otp-input/index.d.mts +132 -0
  43. package/dist/ui/otp-input/index.mjs +328 -0
  44. package/dist/ui/otp-input/otp-input.css +157 -0
  45. package/dist/ui/overlay/index.css +52 -4
  46. package/dist/ui/overlay/index.d.mts +237 -63
  47. package/dist/ui/overlay/index.mjs +659 -67
  48. package/dist/ui/overlay/overlay.css +58 -2
  49. package/dist/ui/styles/index.css +662 -0
  50. package/dist/ui/styles/radius.css +7 -7
  51. package/dist/utilities/_observe.mjs +1 -1
  52. package/dist/utilities/active-element.d.mts +1 -1
  53. package/dist/utilities/active-element.mjs +1 -1
  54. package/dist/utilities/async.d.mts +19 -2
  55. package/dist/utilities/async.mjs +49 -2
  56. package/dist/utilities/context.mjs +1 -1
  57. package/dist/utilities/debounced.d.mts +1 -1
  58. package/dist/utilities/debounced.mjs +1 -1
  59. package/dist/utilities/dom-lifecycle.bench.mjs +3255 -1
  60. package/dist/utilities/dom-lifecycle.mjs +1 -1
  61. package/dist/utilities/element-rect.d.mts +1 -1
  62. package/dist/utilities/element-rect.mjs +1 -1
  63. package/dist/utilities/element-scroll.d.mts +1 -1
  64. package/dist/utilities/event-driven.d.mts +1 -1
  65. package/dist/utilities/event-driven.mjs +1 -1
  66. package/dist/utilities/event-listener.d.mts +1 -1
  67. package/dist/utilities/event-listener.mjs +1 -1
  68. package/dist/utilities/focus-within.d.mts +1 -1
  69. package/dist/utilities/focus-within.mjs +1 -1
  70. package/dist/utilities/hover.d.mts +1 -1
  71. package/dist/utilities/hover.mjs +1 -1
  72. package/dist/utilities/interval.d.mts +1 -1
  73. package/dist/utilities/interval.mjs +1 -1
  74. package/dist/utilities/location.d.mts +1 -1
  75. package/dist/utilities/location.mjs +1 -1
  76. package/dist/utilities/media-devices.d.mts +1 -1
  77. package/dist/utilities/media-devices.mjs +1 -1
  78. package/dist/utilities/media-player.d.mts +1 -1
  79. package/dist/utilities/media-query.d.mts +1 -1
  80. package/dist/utilities/media-query.mjs +1 -1
  81. package/dist/utilities/network.d.mts +1 -1
  82. package/dist/utilities/network.mjs +1 -1
  83. package/dist/utilities/orientation.d.mts +1 -1
  84. package/dist/utilities/orientation.mjs +1 -1
  85. package/dist/utilities/previous.d.mts +1 -1
  86. package/dist/utilities/previous.mjs +1 -1
  87. package/dist/utilities/promise.d.mts +19 -2
  88. package/dist/utilities/promise.mjs +33 -3
  89. package/dist/utilities/retry.mjs +1 -1
  90. package/dist/utilities/routing.d.mts +1 -1
  91. package/dist/utilities/routing.mjs +1 -1
  92. package/dist/utilities/search-params.d.mts +1 -1
  93. package/dist/utilities/storage.d.mts +1 -1
  94. package/dist/utilities/throttled.d.mts +1 -1
  95. package/dist/utilities/throttled.mjs +1 -1
  96. package/dist/utilities/timeout.d.mts +1 -1
  97. package/dist/utilities/timeout.mjs +1 -1
  98. package/dist/utilities/window-focus.d.mts +1 -1
  99. package/dist/utilities/window-focus.mjs +1 -1
  100. package/dist/utilities/window-size.d.mts +1 -1
  101. package/dist/utilities/window-size.mjs +1 -1
  102. package/package.json +23 -1
  103. package/dist/benchmark.CX_oY03V-CSLAXL5f.mjs +0 -5145
  104. package/dist/magic-string.es-CXefOmkB.mjs +0 -1011
  105. package/dist/test.BmQO5GaM-Ddz9cDxc.mjs +0 -8266
  106. package/dist/utilities/active-element.test.d.mts +0 -1
  107. package/dist/utilities/active-element.test.mjs +0 -25
  108. package/dist/utilities/async.test.d.mts +0 -1
  109. package/dist/utilities/async.test.mjs +0 -275
  110. package/dist/utilities/context.test.d.mts +0 -1
  111. package/dist/utilities/context.test.mjs +0 -171
  112. package/dist/utilities/debounced.test.d.mts +0 -1
  113. package/dist/utilities/debounced.test.mjs +0 -68
  114. package/dist/utilities/dom-lifecycle.test.d.mts +0 -1
  115. package/dist/utilities/dom-lifecycle.test.mjs +0 -228
  116. package/dist/utilities/element-rect.test.d.mts +0 -1
  117. package/dist/utilities/element-rect.test.mjs +0 -101
  118. package/dist/utilities/element-scroll.test.d.mts +0 -1
  119. package/dist/utilities/element-scroll.test.mjs +0 -27
  120. package/dist/utilities/event-listener.test.d.mts +0 -1
  121. package/dist/utilities/event-listener.test.mjs +0 -60
  122. package/dist/utilities/focus-within.test.d.mts +0 -1
  123. package/dist/utilities/focus-within.test.mjs +0 -51
  124. package/dist/utilities/form-object.test.d.mts +0 -1
  125. package/dist/utilities/form-object.test.mjs +0 -408
  126. package/dist/utilities/hover.test.d.mts +0 -1
  127. package/dist/utilities/hover.test.mjs +0 -54
  128. package/dist/utilities/intersection-observer.test.d.mts +0 -1
  129. package/dist/utilities/intersection-observer.test.mjs +0 -46
  130. package/dist/utilities/interval.test.d.mts +0 -1
  131. package/dist/utilities/interval.test.mjs +0 -115
  132. package/dist/utilities/location.test.d.mts +0 -1
  133. package/dist/utilities/location.test.mjs +0 -61
  134. package/dist/utilities/long-press.test.d.mts +0 -1
  135. package/dist/utilities/long-press.test.mjs +0 -54
  136. package/dist/utilities/media-devices.test.d.mts +0 -1
  137. package/dist/utilities/media-devices.test.mjs +0 -44
  138. package/dist/utilities/media-player.test.d.mts +0 -1
  139. package/dist/utilities/media-player.test.mjs +0 -102
  140. package/dist/utilities/mutation-observer.test.d.mts +0 -1
  141. package/dist/utilities/mutation-observer.test.mjs +0 -48
  142. package/dist/utilities/network.test.d.mts +0 -1
  143. package/dist/utilities/network.test.mjs +0 -30
  144. package/dist/utilities/on-click-outside.test.d.mts +0 -1
  145. package/dist/utilities/on-click-outside.test.mjs +0 -45
  146. package/dist/utilities/previous.test.d.mts +0 -1
  147. package/dist/utilities/previous.test.mjs +0 -90
  148. package/dist/utilities/promise.test.d.mts +0 -1
  149. package/dist/utilities/promise.test.mjs +0 -158
  150. package/dist/utilities/retry.test.d.mts +0 -1
  151. package/dist/utilities/retry.test.mjs +0 -85
  152. package/dist/utilities/routing.test.d.mts +0 -1
  153. package/dist/utilities/routing.test.mjs +0 -129
  154. package/dist/utilities/search-params.test.d.mts +0 -1
  155. package/dist/utilities/search-params.test.mjs +0 -37
  156. package/dist/utilities/ssr.test.d.mts +0 -1
  157. package/dist/utilities/ssr.test.mjs +0 -65
  158. package/dist/utilities/storage.test.d.mts +0 -1
  159. package/dist/utilities/storage.test.mjs +0 -139
  160. package/dist/utilities/throttled.test.d.mts +0 -1
  161. package/dist/utilities/throttled.test.mjs +0 -58
  162. package/dist/utilities/timeout.test.d.mts +0 -1
  163. package/dist/utilities/timeout.test.mjs +0 -121
  164. package/dist/utilities/window-size.test.d.mts +0 -1
  165. package/dist/utilities/window-size.test.mjs +0 -43
package/dist/ui/overlay/overlay.css CHANGED
@@ -160,9 +160,49 @@
160
160
  --_gx: 1;
161
161
  }
162
162
 
163
+ .x-overlay > .x-overlay-arrow {
164
+ display: none;
165
+ }
166
+
167
+ .x-overlay:where([data-placed]) > .x-overlay-arrow {
168
+ --_as: var(--overlay-arrow-size, 10px);
169
+ z-index: -1;
170
+ width: var(--_as);
171
+ height: var(--_as);
172
+ background-color: var(--color-material, var(--color-surface));
173
+ box-shadow: 0 0 0 .5px var(--neutral-a3);
174
+ transition: top var(--overlay-duration, .3s)
175
+ var(--overlay-easing, cubic-bezier(.32, .72, 0, 1)),
176
+ left var(--overlay-duration, .3s)
177
+ var(--overlay-easing, cubic-bezier(.32, .72, 0, 1));
178
+ display: block;
179
+ position: absolute;
180
+ rotate: 45deg;
181
+ }
182
+
183
+ .x-overlay:where([data-placed="bottom"]) > .x-overlay-arrow {
184
+ top: calc(var(--_as) / -2);
185
+ left: var(--overlay-arrow-x, calc(50% - var(--_as) / 2));
186
+ }
187
+
188
+ .x-overlay:where([data-placed="top"]) > .x-overlay-arrow {
189
+ bottom: calc(var(--_as) / -2);
190
+ left: var(--overlay-arrow-x, calc(50% - var(--_as) / 2));
191
+ }
192
+
193
+ .x-overlay:where([data-placed="right"]) > .x-overlay-arrow {
194
+ left: calc(var(--_as) / -2);
195
+ top: var(--overlay-arrow-y, calc(50% - var(--_as) / 2));
196
+ }
197
+
198
+ .x-overlay:where([data-placed="left"]) > .x-overlay-arrow {
199
+ right: calc(var(--_as) / -2);
200
+ top: var(--overlay-arrow-y, calc(50% - var(--_as) / 2));
201
+ }
202
+
163
203
  @supports (transition-behavior: allow-discrete) {
164
204
  .x-overlay {
165
- transition-property: top, left, translate, width, height, opacity, scale, display;
205
+ transition-property: top, left, translate, transform, width, height, opacity, scale, display;
166
206
  transition-duration: var(--overlay-duration);
167
207
  transition-timing-function: var(--overlay-easing);
168
208
  transition-behavior: allow-discrete;
@@ -185,6 +225,22 @@
185
225
  }
186
226
  }
187
227
 
228
+ .x-overlay:where([data-placed="bottom"]) {
229
+ transform-origin: top;
230
+ }
231
+
232
+ .x-overlay:where([data-placed="top"]) {
233
+ transform-origin: bottom;
234
+ }
235
+
236
+ .x-overlay:where([data-placed="right"]) {
237
+ transform-origin: 0;
238
+ }
239
+
240
+ .x-overlay:where([data-placed="left"]) {
241
+ transform-origin: 100%;
242
+ }
243
+
188
244
  .x-overlay:where([data-resize="block-start"]) {
189
245
  --_ey: 100%;
190
246
  }
@@ -289,7 +345,7 @@
289
345
 
290
346
  @supports (overlay: auto) {
291
347
  .x-overlay {
292
- transition-property: top, left, translate, width, height, opacity, scale, display, overlay;
348
+ transition-property: top, left, translate, transform, width, height, opacity, scale, display, overlay;
293
349
  }
294
350
 
295
351
  .x-overlay::backdrop {