sibujs 1.4.0 → 2.0.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 (190) hide show
  1. package/README.md +105 -119
  2. package/dist/browser.cjs +288 -80
  3. package/dist/browser.d.cts +19 -9
  4. package/dist/browser.d.ts +19 -9
  5. package/dist/browser.js +6 -6
  6. package/dist/build.cjs +1019 -313
  7. package/dist/build.d.cts +1 -1
  8. package/dist/build.d.ts +1 -1
  9. package/dist/build.js +15 -13
  10. package/dist/cdn.global.js +17 -16
  11. package/dist/chunk-2RA7SHDA.js +65 -0
  12. package/dist/chunk-2UPRY23K.js +80 -0
  13. package/dist/chunk-3JHCYHWN.js +125 -0
  14. package/dist/{chunk-ZWKZCBO6.js → chunk-3LR7GLWQ.js} +154 -33
  15. package/dist/{chunk-3AIRKM3B.js → chunk-3NSGB5JN.js} +115 -34
  16. package/dist/{chunk-3ARAQO7B.js → chunk-52YJLLRO.js} +29 -6
  17. package/dist/chunk-54EDRCEF.js +93 -0
  18. package/dist/chunk-7JDB7I65.js +1327 -0
  19. package/dist/{chunk-WZSPOOER.js → chunk-CC65Y57T.js} +8 -5
  20. package/dist/{chunk-23VV7YD3.js → chunk-DFPFITST.js} +25 -30
  21. package/dist/{chunk-WR5D4EGH.js → chunk-GTBNNBJ6.js} +14 -2
  22. package/dist/chunk-HB24TBAF.js +121 -0
  23. package/dist/{chunk-CZUGLNJS.js → chunk-ITX6OO3F.js} +3 -3
  24. package/dist/{chunk-JAKHTMQU.js → chunk-JA6667UN.js} +206 -46
  25. package/dist/{chunk-77L6NL3X.js → chunk-JXMMDLBY.js} +306 -183
  26. package/dist/{chunk-3X2YG6YM.js → chunk-JYD2PWXH.js} +59 -28
  27. package/dist/{chunk-F3FA4F32.js → chunk-KLRMB5ZS.js} +135 -79
  28. package/dist/{chunk-5X6PP2UK.js → chunk-LMLD24FC.js} +2 -2
  29. package/dist/{chunk-M4NLBH4I.js → chunk-LYTCUZ7H.js} +3 -2
  30. package/dist/{chunk-TSOKIX5Z.js → chunk-MIUAXB7K.js} +126 -74
  31. package/dist/{chunk-QWZG56ET.js → chunk-ND2664SF.js} +558 -190
  32. package/dist/{chunk-JCI5M6U6.js → chunk-O2MNQFLP.js} +261 -79
  33. package/dist/{chunk-EWFVA3TJ.js → chunk-R73P76YZ.js} +1 -1
  34. package/dist/{chunk-2BYQDGN3.js → chunk-SAHNHTFC.js} +234 -63
  35. package/dist/chunk-UCS6AMJ7.js +79 -0
  36. package/dist/{chunk-ZD6OAMTH.js → chunk-VLPPXTYG.js} +90 -35
  37. package/dist/{chunk-OUZZEE4S.js → chunk-WOMYAHHI.js} +17 -11
  38. package/dist/{contracts-xo5ckdRP.d.cts → contracts-ey_Qh8ef.d.cts} +7 -8
  39. package/dist/{contracts-xo5ckdRP.d.ts → contracts-ey_Qh8ef.d.ts} +7 -8
  40. package/dist/{customElement-D2DJp_xn.d.cts → customElement-CPfIrbvg.d.cts} +18 -9
  41. package/dist/{customElement-D2DJp_xn.d.ts → customElement-CPfIrbvg.d.ts} +18 -9
  42. package/dist/data.cjs +452 -100
  43. package/dist/data.d.cts +20 -2
  44. package/dist/data.d.ts +20 -2
  45. package/dist/data.js +11 -9
  46. package/dist/devtools.cjs +535 -247
  47. package/dist/devtools.d.cts +1 -1
  48. package/dist/devtools.d.ts +1 -1
  49. package/dist/devtools.js +34 -30
  50. package/dist/ecosystem.cjs +499 -143
  51. package/dist/ecosystem.d.cts +13 -11
  52. package/dist/ecosystem.d.ts +13 -11
  53. package/dist/ecosystem.js +12 -11
  54. package/dist/extras.cjs +3639 -1629
  55. package/dist/extras.d.cts +11 -11
  56. package/dist/extras.d.ts +11 -11
  57. package/dist/extras.js +58 -45
  58. package/dist/index.cjs +1023 -313
  59. package/dist/index.d.cts +128 -55
  60. package/dist/index.d.ts +128 -55
  61. package/dist/index.js +28 -16
  62. package/dist/{introspect-BumjnBKr.d.cts → introspect-BWNjNw64.d.cts} +22 -2
  63. package/dist/{introspect-CZrlcaYy.d.ts → introspect-cY2pg9pW.d.ts} +22 -2
  64. package/dist/motion.cjs +90 -36
  65. package/dist/motion.d.cts +1 -1
  66. package/dist/motion.d.ts +1 -1
  67. package/dist/motion.js +4 -4
  68. package/dist/patterns.cjs +414 -81
  69. package/dist/patterns.d.cts +53 -20
  70. package/dist/patterns.d.ts +53 -20
  71. package/dist/patterns.js +7 -7
  72. package/dist/performance.cjs +364 -108
  73. package/dist/performance.d.cts +29 -17
  74. package/dist/performance.d.ts +29 -17
  75. package/dist/performance.js +13 -6
  76. package/dist/plugin-D30wlGW5.d.cts +71 -0
  77. package/dist/plugin-D30wlGW5.d.ts +71 -0
  78. package/dist/plugins.cjs +652 -271
  79. package/dist/plugins.d.cts +13 -6
  80. package/dist/plugins.d.ts +13 -6
  81. package/dist/plugins.js +116 -50
  82. package/dist/{ssr-Do_SiVoL.d.cts → ssr-CrVNy6Pa.d.cts} +9 -15
  83. package/dist/{ssr-Do_SiVoL.d.ts → ssr-CrVNy6Pa.d.ts} +9 -15
  84. package/dist/{ssr-4PBXAOO3.js → ssr-FXD2PPMC.js} +4 -3
  85. package/dist/ssr.cjs +648 -219
  86. package/dist/ssr.d.cts +27 -7
  87. package/dist/ssr.d.ts +27 -7
  88. package/dist/ssr.js +12 -11
  89. package/dist/{tagFactory-DaJ0YWX6.d.ts → tagFactory-S17H2qxu.d.cts} +9 -1
  90. package/dist/{tagFactory-DaJ0YWX6.d.cts → tagFactory-S17H2qxu.d.ts} +9 -1
  91. package/dist/testing.cjs +252 -63
  92. package/dist/testing.d.cts +17 -4
  93. package/dist/testing.d.ts +17 -4
  94. package/dist/testing.js +100 -44
  95. package/dist/ui.cjs +576 -168
  96. package/dist/ui.d.cts +13 -16
  97. package/dist/ui.d.ts +13 -16
  98. package/dist/ui.js +20 -17
  99. package/dist/widgets.cjs +1001 -93
  100. package/dist/widgets.d.cts +104 -2
  101. package/dist/widgets.d.ts +104 -2
  102. package/dist/widgets.js +9 -7
  103. package/package.json +8 -2
  104. package/dist/chunk-32DY64NT.js +0 -282
  105. package/dist/chunk-3CRQALYP.js +0 -877
  106. package/dist/chunk-4EI4AG32.js +0 -482
  107. package/dist/chunk-4MYMUBRS.js +0 -21
  108. package/dist/chunk-6HLLIF3K.js +0 -398
  109. package/dist/chunk-6LSNVCS2.js +0 -937
  110. package/dist/chunk-6SA3QQES.js +0 -61
  111. package/dist/chunk-7BF6TK55.js +0 -1097
  112. package/dist/chunk-7TQKR4PP.js +0 -294
  113. package/dist/chunk-7V26P53V.js +0 -712
  114. package/dist/chunk-AZ3ISID5.js +0 -298
  115. package/dist/chunk-B7SWRFUT.js +0 -332
  116. package/dist/chunk-BGN5ZMP4.js +0 -26
  117. package/dist/chunk-BTU3TJDS.js +0 -365
  118. package/dist/chunk-BW3WT46K.js +0 -937
  119. package/dist/chunk-C6KFWOFV.js +0 -616
  120. package/dist/chunk-CHF5OHIA.js +0 -61
  121. package/dist/chunk-CHJ27IGK.js +0 -26
  122. package/dist/chunk-CMBFNA7L.js +0 -27
  123. package/dist/chunk-DAHRH4ON.js +0 -331
  124. package/dist/chunk-DKOHBI74.js +0 -924
  125. package/dist/chunk-DTCOOBMX.js +0 -725
  126. package/dist/chunk-EBGIRKQY.js +0 -616
  127. package/dist/chunk-EUZND3CB.js +0 -27
  128. package/dist/chunk-EVCZO745.js +0 -365
  129. package/dist/chunk-FGOEVHY3.js +0 -60
  130. package/dist/chunk-G3BOQPVO.js +0 -365
  131. package/dist/chunk-GCOK2LC3.js +0 -282
  132. package/dist/chunk-HGMJFBC7.js +0 -654
  133. package/dist/chunk-K5ZUMYVS.js +0 -89
  134. package/dist/chunk-KQPDEVVS.js +0 -398
  135. package/dist/chunk-L6JRBDNS.js +0 -60
  136. package/dist/chunk-LA6KQEDU.js +0 -712
  137. package/dist/chunk-MDVXJWFN.js +0 -304
  138. package/dist/chunk-MEZVEBPN.js +0 -2008
  139. package/dist/chunk-MK4ERFYL.js +0 -2249
  140. package/dist/chunk-MLKGABMK.js +0 -9
  141. package/dist/chunk-MQ5GOYPH.js +0 -2249
  142. package/dist/chunk-N6IZB6KJ.js +0 -567
  143. package/dist/chunk-NEKUBFPT.js +0 -60
  144. package/dist/chunk-NHUC2QWH.js +0 -282
  145. package/dist/chunk-NMRUZALC.js +0 -1097
  146. package/dist/chunk-NYVAC6P5.js +0 -37
  147. package/dist/chunk-OF7UZIVB.js +0 -725
  148. package/dist/chunk-P6W3STU4.js +0 -2249
  149. package/dist/chunk-PBHF5WKN.js +0 -616
  150. package/dist/chunk-PTQJDMRT.js +0 -146
  151. package/dist/chunk-PZEGYCF5.js +0 -61
  152. package/dist/chunk-QBMDLBU2.js +0 -975
  153. package/dist/chunk-RQGQSLQK.js +0 -725
  154. package/dist/chunk-SDLZDHKP.js +0 -107
  155. package/dist/chunk-TNQWPPE6.js +0 -37
  156. package/dist/chunk-UHNL42EF.js +0 -2730
  157. package/dist/chunk-UNXCEF6S.js +0 -21
  158. package/dist/chunk-V2XTI523.js +0 -347
  159. package/dist/chunk-VAU366PN.js +0 -2241
  160. package/dist/chunk-VMVDTCXB.js +0 -712
  161. package/dist/chunk-VRW3FULF.js +0 -725
  162. package/dist/chunk-WADYRCO2.js +0 -304
  163. package/dist/chunk-WILQZRO4.js +0 -282
  164. package/dist/chunk-WUHJISPP.js +0 -298
  165. package/dist/chunk-XYU6TZOW.js +0 -182
  166. package/dist/chunk-Y6GP4QGG.js +0 -276
  167. package/dist/chunk-YECR7UIA.js +0 -347
  168. package/dist/chunk-YUTWTI4B.js +0 -654
  169. package/dist/chunk-Z65KYU7I.js +0 -26
  170. package/dist/chunk-Z6POF5YC.js +0 -975
  171. package/dist/chunk-ZBJP6WFL.js +0 -482
  172. package/dist/contracts-DDrwxvJ-.d.cts +0 -245
  173. package/dist/contracts-DDrwxvJ-.d.ts +0 -245
  174. package/dist/contracts-DOrhwbke.d.cts +0 -245
  175. package/dist/contracts-DOrhwbke.d.ts +0 -245
  176. package/dist/customElement-BKQfbSZQ.d.cts +0 -262
  177. package/dist/customElement-BKQfbSZQ.d.ts +0 -262
  178. package/dist/customElement-yz8uyk-0.d.cts +0 -308
  179. package/dist/customElement-yz8uyk-0.d.ts +0 -308
  180. package/dist/introspect-Cb0zgpi2.d.cts +0 -477
  181. package/dist/introspect-Y2xNXGSf.d.ts +0 -477
  182. package/dist/plugin-Bek4RhJY.d.cts +0 -43
  183. package/dist/plugin-Bek4RhJY.d.ts +0 -43
  184. package/dist/ssr-3RXHP5ES.js +0 -38
  185. package/dist/ssr-6GIMY5MX.js +0 -38
  186. package/dist/ssr-BA6sxxUd.d.cts +0 -135
  187. package/dist/ssr-BA6sxxUd.d.ts +0 -135
  188. package/dist/ssr-WKUPVSSK.js +0 -36
  189. package/dist/tagFactory-Dl8QCLga.d.cts +0 -23
  190. package/dist/tagFactory-Dl8QCLga.d.ts +0 -23
@@ -1,89 +0,0 @@
1
- // src/plugins/plugin.ts
2
- var installedPlugins = /* @__PURE__ */ new Set();
3
- var hooks = {
4
- init: [],
5
- mount: [],
6
- unmount: [],
7
- error: []
8
- };
9
- var provided = /* @__PURE__ */ new Map();
10
- function createPlugin(name, install) {
11
- return { name, install };
12
- }
13
- function plugin(plugin2, options) {
14
- if (installedPlugins.has(plugin2.name)) {
15
- console.warn(`[Plugin] "${plugin2.name}" is already installed.`);
16
- return;
17
- }
18
- const ctx = {
19
- onInit: (cb) => hooks.init.push(cb),
20
- onMount: (cb) => hooks.mount.push(cb),
21
- onUnmount: (cb) => hooks.unmount.push(cb),
22
- onError: (cb) => hooks.error.push(cb),
23
- provide: (key, value) => provided.set(key, value)
24
- };
25
- const initHooksBefore = hooks.init.length;
26
- plugin2.install(ctx, options);
27
- installedPlugins.add(plugin2.name);
28
- for (let i = initHooksBefore; i < hooks.init.length; i++) {
29
- try {
30
- hooks.init[i]();
31
- } catch (e) {
32
- console.error(`[Plugin] "${plugin2.name}" init error:`, e);
33
- }
34
- }
35
- }
36
- function inject(key, defaultValue) {
37
- if (provided.has(key)) {
38
- return provided.get(key);
39
- }
40
- if (defaultValue !== void 0) {
41
- return defaultValue;
42
- }
43
- throw new Error(`[Plugin] No provider found for key "${key}"`);
44
- }
45
- function triggerPluginMount(element) {
46
- for (const hook of hooks.mount) {
47
- try {
48
- hook(element);
49
- } catch (e) {
50
- console.error("[Plugin] Mount hook error:", e);
51
- }
52
- }
53
- }
54
- function triggerPluginUnmount(element) {
55
- for (const hook of hooks.unmount) {
56
- try {
57
- hook(element);
58
- } catch (e) {
59
- console.error("[Plugin] Unmount hook error:", e);
60
- }
61
- }
62
- }
63
- function triggerPluginError(error) {
64
- for (const hook of hooks.error) {
65
- try {
66
- hook(error);
67
- } catch (e) {
68
- console.error("[Plugin] Error hook error:", e);
69
- }
70
- }
71
- }
72
- function resetPlugins() {
73
- installedPlugins.clear();
74
- hooks.init.length = 0;
75
- hooks.mount.length = 0;
76
- hooks.unmount.length = 0;
77
- hooks.error.length = 0;
78
- provided.clear();
79
- }
80
-
81
- export {
82
- createPlugin,
83
- plugin,
84
- inject,
85
- triggerPluginMount,
86
- triggerPluginUnmount,
87
- triggerPluginError,
88
- resetPlugins
89
- };
@@ -1,398 +0,0 @@
1
- import {
2
- signal
3
- } from "./chunk-WZSPOOER.js";
4
-
5
- // src/ui/transition.ts
6
- function transition(element, options = {}) {
7
- const {
8
- property = "all",
9
- duration = 300,
10
- easing = "ease",
11
- delay = 0,
12
- enterClass,
13
- leaveClass,
14
- activeClass,
15
- onEnterDone,
16
- onLeaveDone
17
- } = options;
18
- const transitionValue = `${property} ${duration}ms ${easing} ${delay}ms`;
19
- function enter() {
20
- return new Promise((resolve) => {
21
- element.style.transition = transitionValue;
22
- if (enterClass) element.classList.add(enterClass);
23
- if (leaveClass) element.classList.remove(leaveClass);
24
- void element.offsetHeight;
25
- if (activeClass) element.classList.add(activeClass);
26
- const done = () => {
27
- if (enterClass) element.classList.remove(enterClass);
28
- onEnterDone?.();
29
- resolve();
30
- };
31
- if (duration > 0) {
32
- setTimeout(done, duration + delay);
33
- } else {
34
- done();
35
- }
36
- });
37
- }
38
- function leave() {
39
- return new Promise((resolve) => {
40
- element.style.transition = transitionValue;
41
- if (activeClass) element.classList.remove(activeClass);
42
- if (leaveClass) element.classList.add(leaveClass);
43
- if (enterClass) element.classList.remove(enterClass);
44
- const done = () => {
45
- if (leaveClass) element.classList.remove(leaveClass);
46
- onLeaveDone?.();
47
- resolve();
48
- };
49
- if (duration > 0) {
50
- setTimeout(done, duration + delay);
51
- } else {
52
- done();
53
- }
54
- });
55
- }
56
- return { enter, leave };
57
- }
58
- function spring(element, keyframes, options = {}) {
59
- const defaults = {
60
- duration: 300,
61
- easing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
62
- fill: "forwards"
63
- };
64
- return new Promise((resolve) => {
65
- const animation = element.animate(keyframes, { ...defaults, ...options });
66
- animation.onfinish = () => resolve();
67
- animation.oncancel = () => resolve();
68
- });
69
- }
70
-
71
- // src/ui/animationPresets.ts
72
- var prefersReducedMotion = () => typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
73
- function createPreset(keyframes, defaults, overrides) {
74
- const opts = {
75
- ...defaults,
76
- ...overrides,
77
- fill: overrides?.fill ?? defaults.fill ?? "forwards"
78
- };
79
- if (prefersReducedMotion()) {
80
- return {
81
- keyframes: [keyframes[keyframes.length - 1]],
82
- options: { ...opts, duration: 0, delay: 0 }
83
- };
84
- }
85
- return { keyframes, options: opts };
86
- }
87
- function applyPreset(el, preset) {
88
- return new Promise((resolve) => {
89
- const anim = el.animate(preset.keyframes, preset.options);
90
- anim.onfinish = () => resolve();
91
- anim.oncancel = () => resolve();
92
- });
93
- }
94
- function fadeIn(opts) {
95
- return createPreset([{ opacity: 0 }, { opacity: 1 }], { duration: 300, easing: "ease-out" }, opts);
96
- }
97
- function fadeOut(opts) {
98
- return createPreset([{ opacity: 1 }, { opacity: 0 }], { duration: 300, easing: "ease-in" }, opts);
99
- }
100
- var slideOffsets = {
101
- up: "translateY(20px)",
102
- down: "translateY(-20px)",
103
- left: "translateX(20px)",
104
- right: "translateX(-20px)"
105
- };
106
- function slideIn(direction = "up", opts) {
107
- return createPreset(
108
- [
109
- { transform: slideOffsets[direction], opacity: 0 },
110
- { transform: "translate(0, 0)", opacity: 1 }
111
- ],
112
- { duration: 400, easing: "cubic-bezier(0.16, 1, 0.3, 1)" },
113
- opts
114
- );
115
- }
116
- function slideOut(direction = "down", opts) {
117
- return createPreset(
118
- [
119
- { transform: "translate(0, 0)", opacity: 1 },
120
- { transform: slideOffsets[direction], opacity: 0 }
121
- ],
122
- { duration: 300, easing: "cubic-bezier(0.4, 0, 1, 1)" },
123
- opts
124
- );
125
- }
126
- function scaleUp(opts) {
127
- return createPreset(
128
- [
129
- { transform: "scale(0.85)", opacity: 0 },
130
- { transform: "scale(1)", opacity: 1 }
131
- ],
132
- { duration: 350, easing: "cubic-bezier(0.34, 1.56, 0.64, 1)" },
133
- opts
134
- );
135
- }
136
- function scaleDown(opts) {
137
- return createPreset(
138
- [
139
- { transform: "scale(1)", opacity: 1 },
140
- { transform: "scale(0.85)", opacity: 0 }
141
- ],
142
- { duration: 250, easing: "ease-in" },
143
- opts
144
- );
145
- }
146
- function bounceIn(opts) {
147
- return createPreset(
148
- [
149
- { transform: "scale(0.3)", opacity: 0 },
150
- { transform: "scale(1.05)", opacity: 0.8, offset: 0.5 },
151
- { transform: "scale(0.95)", opacity: 0.9, offset: 0.7 },
152
- { transform: "scale(1)", opacity: 1 }
153
- ],
154
- { duration: 500, easing: "cubic-bezier(0.34, 1.56, 0.64, 1)" },
155
- opts
156
- );
157
- }
158
- function bounceOut(opts) {
159
- return createPreset(
160
- [
161
- { transform: "scale(1)", opacity: 1 },
162
- { transform: "scale(1.05)", opacity: 0.9, offset: 0.3 },
163
- { transform: "scale(0.3)", opacity: 0 }
164
- ],
165
- { duration: 400, easing: "ease-in" },
166
- opts
167
- );
168
- }
169
- function flipIn(axis = "x", opts) {
170
- const prop = axis === "x" ? "rotateX" : "rotateY";
171
- return createPreset(
172
- [
173
- { transform: `perspective(400px) ${prop}(90deg)`, opacity: 0 },
174
- { transform: `perspective(400px) ${prop}(-10deg)`, opacity: 1, offset: 0.6 },
175
- { transform: `perspective(400px) ${prop}(0deg)`, opacity: 1 }
176
- ],
177
- { duration: 500, easing: "ease-out" },
178
- opts
179
- );
180
- }
181
- function shake(opts) {
182
- return createPreset(
183
- [
184
- { transform: "translateX(0)" },
185
- { transform: "translateX(-8px)", offset: 0.1 },
186
- { transform: "translateX(8px)", offset: 0.2 },
187
- { transform: "translateX(-6px)", offset: 0.3 },
188
- { transform: "translateX(6px)", offset: 0.4 },
189
- { transform: "translateX(-4px)", offset: 0.5 },
190
- { transform: "translateX(4px)", offset: 0.6 },
191
- { transform: "translateX(-2px)", offset: 0.7 },
192
- { transform: "translateX(0)" }
193
- ],
194
- { duration: 500, easing: "ease-out", fill: "none" },
195
- opts
196
- );
197
- }
198
- function pulse(opts) {
199
- return createPreset(
200
- [{ transform: "scale(1)" }, { transform: "scale(1.08)", offset: 0.5 }, { transform: "scale(1)" }],
201
- { duration: 400, easing: "ease-in-out", fill: "none" },
202
- opts
203
- );
204
- }
205
- function animate(el, preset) {
206
- return applyPreset(el, preset);
207
- }
208
- function stagger(elements, preset, delayBetween = 50) {
209
- const promises = elements.map(
210
- (el, i) => applyPreset(el, {
211
- keyframes: preset.keyframes,
212
- options: {
213
- ...preset.options,
214
- delay: (preset.options.delay || 0) + i * delayBetween
215
- }
216
- })
217
- );
218
- return Promise.all(promises).then(() => {
219
- });
220
- }
221
- async function sequence(steps) {
222
- for (const step of steps) {
223
- await applyPreset(step.el, step.preset);
224
- }
225
- }
226
-
227
- // src/ui/TransitionGroup.ts
228
- function TransitionGroup(options) {
229
- const [elements, setElements] = signal([]);
230
- const positions = /* @__PURE__ */ new Map();
231
- function add(el) {
232
- setElements((prev) => [...prev, el]);
233
- if (options.enter) {
234
- options.enter(el);
235
- }
236
- }
237
- async function remove(el) {
238
- if (options.leave) {
239
- await options.leave(el);
240
- }
241
- setElements((prev) => prev.filter((e) => e !== el));
242
- }
243
- function track(newElements) {
244
- const oldPositions = /* @__PURE__ */ new Map();
245
- for (const el of elements()) {
246
- if (typeof el.getBoundingClientRect === "function") {
247
- oldPositions.set(el, el.getBoundingClientRect());
248
- }
249
- }
250
- const currentSet = new Set(elements());
251
- for (const el of newElements) {
252
- if (!currentSet.has(el)) {
253
- if (options.enter) {
254
- options.enter(el);
255
- }
256
- }
257
- }
258
- const newSet = new Set(newElements);
259
- for (const el of elements()) {
260
- if (!newSet.has(el)) {
261
- if (options.leave) {
262
- options.leave(el);
263
- }
264
- }
265
- }
266
- setElements(newElements);
267
- if (options.move) {
268
- for (const el of newElements) {
269
- const oldRect = oldPositions.get(el);
270
- if (oldRect && typeof el.getBoundingClientRect === "function") {
271
- const newRect = el.getBoundingClientRect();
272
- if (oldRect.left !== newRect.left || oldRect.top !== newRect.top) {
273
- options.move(el);
274
- }
275
- }
276
- }
277
- }
278
- positions.clear();
279
- for (const el of newElements) {
280
- if (typeof el.getBoundingClientRect === "function") {
281
- positions.set(el, el.getBoundingClientRect());
282
- }
283
- }
284
- }
285
- return { add, remove, track };
286
- }
287
-
288
- // src/ui/viewTransition.ts
289
- function viewTransition(callback) {
290
- const [isTransitioning, setIsTransitioning] = signal(false);
291
- async function start() {
292
- setIsTransitioning(true);
293
- try {
294
- if (typeof document !== "undefined" && "startViewTransition" in document && typeof document.startViewTransition === "function") {
295
- const transition2 = document.startViewTransition(callback);
296
- await transition2.finished;
297
- } else {
298
- await callback();
299
- }
300
- } finally {
301
- setIsTransitioning(false);
302
- }
303
- }
304
- return { start, isTransitioning };
305
- }
306
-
307
- // src/ui/reducedMotion.ts
308
- function reducedMotion() {
309
- if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
310
- const [reduced2] = signal(false);
311
- return { reduced: reduced2, dispose: () => {
312
- } };
313
- }
314
- const mql = window.matchMedia("(prefers-reduced-motion: reduce)");
315
- const [reduced, setReduced] = signal(mql.matches);
316
- const handler = (event) => {
317
- setReduced(event.matches);
318
- };
319
- mql.addEventListener("change", handler);
320
- function dispose() {
321
- mql.removeEventListener("change", handler);
322
- }
323
- return { reduced, dispose };
324
- }
325
-
326
- // src/ui/springSignal.ts
327
- var prefersReducedMotion2 = () => typeof window !== "undefined" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
328
- function springSignal(initial, options) {
329
- const stiffness = options?.stiffness ?? 0.15;
330
- const damping = options?.damping ?? 0.8;
331
- const precision = options?.precision ?? 0.01;
332
- const [value, setValue] = signal(initial);
333
- let current = initial;
334
- let velocity = 0;
335
- let target = initial;
336
- let rafId = null;
337
- function tick() {
338
- const force = -stiffness * (current - target);
339
- const dampingForce = -damping * velocity;
340
- velocity += force + dampingForce;
341
- current += velocity;
342
- if (Math.abs(current - target) < precision && Math.abs(velocity) < precision) {
343
- current = target;
344
- velocity = 0;
345
- rafId = null;
346
- setValue(current);
347
- return;
348
- }
349
- setValue(current);
350
- rafId = requestAnimationFrame(tick);
351
- }
352
- function set(newTarget) {
353
- target = newTarget;
354
- if (prefersReducedMotion2()) {
355
- current = newTarget;
356
- velocity = 0;
357
- if (rafId !== null) {
358
- cancelAnimationFrame(rafId);
359
- rafId = null;
360
- }
361
- setValue(current);
362
- return;
363
- }
364
- if (rafId === null) {
365
- rafId = requestAnimationFrame(tick);
366
- }
367
- }
368
- function dispose() {
369
- if (rafId !== null) {
370
- cancelAnimationFrame(rafId);
371
- rafId = null;
372
- }
373
- }
374
- return [value, set, dispose];
375
- }
376
-
377
- export {
378
- transition,
379
- spring,
380
- fadeIn,
381
- fadeOut,
382
- slideIn,
383
- slideOut,
384
- scaleUp,
385
- scaleDown,
386
- bounceIn,
387
- bounceOut,
388
- flipIn,
389
- shake,
390
- pulse,
391
- animate,
392
- stagger,
393
- sequence,
394
- TransitionGroup,
395
- viewTransition,
396
- reducedMotion,
397
- springSignal
398
- };
@@ -1,60 +0,0 @@
1
- import {
2
- recordDependency,
3
- track,
4
- trackingSuspended
5
- } from "./chunk-V2XTI523.js";
6
- import {
7
- devAssert
8
- } from "./chunk-UNXCEF6S.js";
9
-
10
- // src/core/signals/derived.ts
11
- function derived(getter, options) {
12
- devAssert(typeof getter === "function", "derived: argument must be a getter function.");
13
- const debugName = options?.name;
14
- const cs = {};
15
- cs._d = false;
16
- cs._g = getter;
17
- const markDirty = () => {
18
- if (cs._d) return;
19
- cs._d = true;
20
- };
21
- markDirty._c = 1;
22
- markDirty._sig = cs;
23
- track(() => {
24
- cs._d = false;
25
- cs._v = getter();
26
- }, markDirty);
27
- const hook = globalThis.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
28
- function computedGetter() {
29
- if (trackingSuspended) {
30
- if (cs._d) {
31
- cs._d = false;
32
- cs._v = getter();
33
- }
34
- return cs._v;
35
- }
36
- recordDependency(cs);
37
- if (cs._d) {
38
- const oldValue = cs._v;
39
- track(() => {
40
- cs._d = false;
41
- cs._v = getter();
42
- }, markDirty);
43
- if (hook && oldValue !== cs._v) {
44
- hook.emit("computed:update", { signal: cs, oldValue, newValue: cs._v });
45
- }
46
- }
47
- return cs._v;
48
- }
49
- if (debugName) {
50
- computedGetter.__name = debugName;
51
- cs.__name = debugName;
52
- }
53
- computedGetter.__signal = cs;
54
- if (hook) hook.emit("computed:create", { signal: cs, name: debugName, getter: computedGetter });
55
- return computedGetter;
56
- }
57
-
58
- export {
59
- derived
60
- };