elements-kit 0.20.0 → 0.22.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 (75) hide show
  1. package/README.md +20 -19
  2. package/dist/attributes.d.mts +1 -1
  3. package/dist/await.d.mts +6 -5
  4. package/dist/await.mjs +0 -36
  5. package/dist/{types-ncUK9rki.d.mts → children-s3nFjpLA.d.mts} +125 -227
  6. package/dist/custom-elements-CdpilMDu.d.mts +87 -0
  7. package/dist/custom-elements.d.mts +2 -2
  8. package/dist/{element-D3om9yA6.mjs → element-Di0PYFX1.mjs} +15 -38
  9. package/dist/for.d.mts +9 -4
  10. package/dist/for.mjs +1 -1
  11. package/dist/{fragment-ROPRBJQd.mjs → fragment-Bvs1sGu1.mjs} +3 -3
  12. package/dist/hydrate/index.mjs +1 -1
  13. package/dist/{hydrate-6Qx4n4Su.mjs → hydrate-CHomBRY9.mjs} +4 -4
  14. package/dist/integrations/astro-client.mjs +2 -2
  15. package/dist/integrations/astro-server.mjs +2 -2
  16. package/dist/integrations/astro-slots.d.mts +6 -5
  17. package/dist/integrations/astro-slots.mjs +9 -8
  18. package/dist/integrations/react.d.mts +1 -1
  19. package/dist/integrations/react.mjs +1 -1
  20. package/dist/jsx-runtime/index.d.mts +2 -2
  21. package/dist/jsx-runtime/index.mjs +2 -2
  22. package/dist/polyfill-BVNd6ogU.d.mts +9 -0
  23. package/dist/render.mjs +1 -1
  24. package/dist/server/index.mjs +1 -1
  25. package/dist/{server-iFSng50i.mjs → server-CTkyXTV6.mjs} +2 -2
  26. package/dist/signals/index.d.mts +1 -1
  27. package/dist/slot.d.mts +83 -2
  28. package/dist/slot.mjs +179 -2
  29. package/dist/ui/badge/badge.css +5 -5
  30. package/dist/ui/button/button.css +15 -15
  31. package/dist/ui/card/card.css +2 -2
  32. package/dist/ui/group/group.css +61 -0
  33. package/dist/ui/marketing/marketing.css +5 -3
  34. package/dist/ui/otp-input/index.d.mts +132 -0
  35. package/dist/ui/otp-input/index.mjs +328 -0
  36. package/dist/ui/otp-input/otp-input.css +157 -0
  37. package/dist/ui/overlay/index.css +52 -4
  38. package/dist/ui/overlay/index.d.mts +237 -63
  39. package/dist/ui/overlay/index.mjs +658 -66
  40. package/dist/ui/overlay/overlay.css +58 -2
  41. package/dist/ui/styles/index.css +664 -0
  42. package/dist/ui/styles/radius.css +7 -7
  43. package/dist/ui/styles/unset.css +212 -210
  44. package/dist/utilities/active-element.d.mts +1 -1
  45. package/dist/utilities/async.d.mts +1 -1
  46. package/dist/utilities/debounced.d.mts +1 -1
  47. package/dist/utilities/dom-lifecycle.bench.mjs +2 -2
  48. package/dist/utilities/element-rect.d.mts +1 -1
  49. package/dist/utilities/element-scroll.d.mts +1 -1
  50. package/dist/utilities/event-driven.d.mts +1 -1
  51. package/dist/utilities/event-listener.d.mts +1 -1
  52. package/dist/utilities/focus-within.d.mts +1 -1
  53. package/dist/utilities/hover.d.mts +1 -1
  54. package/dist/utilities/interval.d.mts +1 -1
  55. package/dist/utilities/location.d.mts +1 -1
  56. package/dist/utilities/media-devices.d.mts +1 -1
  57. package/dist/utilities/media-player.d.mts +1 -1
  58. package/dist/utilities/media-query.d.mts +1 -1
  59. package/dist/utilities/network.d.mts +1 -1
  60. package/dist/utilities/orientation.d.mts +1 -1
  61. package/dist/utilities/previous.d.mts +1 -1
  62. package/dist/utilities/promise.d.mts +1 -1
  63. package/dist/utilities/routing.d.mts +1 -1
  64. package/dist/utilities/search-params.d.mts +1 -1
  65. package/dist/utilities/storage.d.mts +1 -1
  66. package/dist/utilities/throttled.d.mts +1 -1
  67. package/dist/utilities/timeout.d.mts +1 -1
  68. package/dist/utilities/window-focus.d.mts +1 -1
  69. package/dist/utilities/window-size.d.mts +1 -1
  70. package/package.json +10 -1
  71. package/dist/custom-elements-DK5VUcWA.d.mts +0 -55
  72. package/dist/slot-BFWXeFRl.d.mts +0 -77
  73. package/dist/slot-Dvf30O0B.mjs +0 -138
  74. /package/dist/{attributes-3r7Diua4.d.mts → attributes-DILeh3-s.d.mts} +0 -0
  75. /package/dist/{scope-zbEG299F.mjs → scope-C1vELXqP.mjs} +0 -0
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 {