@jasonshimmy/custom-elements-runtime 2.2.1 → 2.2.3

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.
@@ -1,5 +1,5 @@
1
- import { anchorBlock as ve } from "./custom-elements-runtime.directives.es.js";
2
- const we = `/*
1
+ import { anchorBlock as ye } from "./custom-elements-runtime.directives.es.js";
2
+ const $e = `/*
3
3
  * Custom Elements Variables CSS
4
4
  * CSS variables for colors and fonts
5
5
  */
@@ -117,24 +117,29 @@ const we = `/*
117
117
  --cer-color-error-950: #450a0a;
118
118
  }
119
119
  `;
120
- function $e(e, ...r) {
120
+ function ke(e, ...r) {
121
121
  let o = "";
122
122
  for (let n = 0; n < e.length; n++)
123
123
  o += e[n], n < r.length && (o += r[n]);
124
124
  return o;
125
125
  }
126
- function ye(e) {
126
+ function ge(e) {
127
127
  return e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\s+/g, " ").replace(/\s*([{}:;,>+~])\s*/g, "$1").replace(/;}/g, "}").trim();
128
128
  }
129
- let X = null;
129
+ let K = null;
130
130
  function Ie() {
131
- return X || (X = new CSSStyleSheet(), X.replaceSync(ye(ke))), X;
131
+ return K || (typeof CSSStyleSheet > "u" ? K = {
132
+ cssRules: [],
133
+ replaceSync: () => {
134
+ },
135
+ toString: () => ge(pe)
136
+ } : (K = new CSSStyleSheet(), K.replaceSync(ge(pe)))), K;
132
137
  }
133
138
  function De(e) {
134
139
  return e.replace(/url\s*\(\s*['"]?javascript:[^)]*\)/gi, "").replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/expression\s*\([^)]*\)/gi, "");
135
140
  }
136
- const ke = $e`
137
- ${we}
141
+ const pe = ke`
142
+ ${$e}
138
143
  :host,
139
144
  *,
140
145
  ::before,
@@ -349,7 +354,7 @@ const ke = $e`
349
354
  black: { DEFAULT: "#000000" },
350
355
  transparent: { DEFAULT: "transparent" },
351
356
  current: { DEFAULT: "currentColor" }
352
- }, be = Object.fromEntries(
357
+ }, xe = Object.fromEntries(
353
358
  Object.entries(je).map(([e, r]) => [
354
359
  e,
355
360
  Object.fromEntries(
@@ -806,7 +811,7 @@ function M(e, r) {
806
811
  }
807
812
  return e + r;
808
813
  }
809
- const Ae = {
814
+ const Ce = {
810
815
  before: (e, r) => `${e}::before{${r}}`,
811
816
  after: (e, r) => `${e}::after{${r}}`,
812
817
  hover: (e, r) => `${M(e, ":hover")}{${r}}`,
@@ -836,7 +841,7 @@ const Ae = {
836
841
  xl: "(min-width:1280px)",
837
842
  "2xl": "(min-width:1536px)",
838
843
  dark: "(prefers-color-scheme: dark)"
839
- }, ge = {
844
+ }, me = {
840
845
  xs: "(min-width:20rem)",
841
846
  sm: "(min-width:24rem)",
842
847
  md: "(min-width:28rem)",
@@ -867,11 +872,11 @@ function ae(e) {
867
872
  const c = o.slice(0, n), s = o.slice(n + 1);
868
873
  if (!te[c]) return null;
869
874
  if (s.includes("/")) {
870
- const [t, a] = s.split("/").map((y) => parseFloat(y));
875
+ const [t, a] = s.split("/").map(($) => parseFloat($));
871
876
  if (Number.isNaN(t) || Number.isNaN(a) || a === 0)
872
877
  return null;
873
878
  const d = t / a * 100;
874
- return te[c].map((y) => `${y}:${d}%;`).join("");
879
+ return te[c].map(($) => `${$}:${d}%;`).join("");
875
880
  }
876
881
  const u = parseFloat(s);
877
882
  if (Number.isNaN(u)) return null;
@@ -885,24 +890,24 @@ function ce(e) {
885
890
  if (s === "reverse")
886
891
  return u ? "--cer-space-x-reverse:1;" : "--cer-space-y-reverse:1;";
887
892
  if (s.includes("/")) {
888
- const [d, y] = s.split("/").map((C) => parseFloat(C));
889
- if (Number.isNaN(d) || Number.isNaN(y) || y === 0)
893
+ const [d, $] = s.split("/").map((A) => parseFloat(A));
894
+ if (Number.isNaN(d) || Number.isNaN($) || $ === 0)
890
895
  return null;
891
- const v = d / y * 100, A = r ? "-" : "";
892
- return u ? `--cer-space-x-reverse:0;& > :not([hidden]) ~ :not([hidden]){margin-inline-start:calc(${A}${v}% * calc(1 - var(--cer-space-x-reverse)));margin-inline-end:calc(${A}${v}% * var(--cer-space-x-reverse));}` : `--cer-space-y-reverse:0;& > :not([hidden]) ~ :not([hidden]){margin-top:calc(${A}${v}% * calc(1 - var(--cer-space-y-reverse)));margin-bottom:calc(${A}${v}% * var(--cer-space-y-reverse));}`;
896
+ const v = d / $ * 100, C = r ? "-" : "";
897
+ return u ? `--cer-space-x-reverse:0;& > :not([hidden]) ~ :not([hidden]){margin-inline-start:calc(${C}${v}% * calc(1 - var(--cer-space-x-reverse)));margin-inline-end:calc(${C}${v}% * var(--cer-space-x-reverse));}` : `--cer-space-y-reverse:0;& > :not([hidden]) ~ :not([hidden]){margin-top:calc(${C}${v}% * calc(1 - var(--cer-space-y-reverse)));margin-bottom:calc(${C}${v}% * var(--cer-space-y-reverse));}`;
893
898
  }
894
899
  const m = parseFloat(s);
895
900
  if (Number.isNaN(m)) return null;
896
901
  const a = `calc(${r ? "-" : ""}${I} * ${m})`;
897
902
  return u ? `--cer-space-x-reverse:0;& > :not([hidden]) ~ :not([hidden]){margin-inline-start:calc(${a} * calc(1 - var(--cer-space-x-reverse)));margin-inline-end:calc(${a} * var(--cer-space-x-reverse));}` : `--cer-space-y-reverse:0;& > :not([hidden]) ~ :not([hidden]){margin-top:calc(${a} * calc(1 - var(--cer-space-y-reverse)));margin-bottom:calc(${a} * var(--cer-space-y-reverse));}`;
898
903
  }
899
- function q(e) {
904
+ function J(e) {
900
905
  let r = e.replace("#", "");
901
906
  r.length === 3 && (r = r.split("").map((n) => n + n).join(""));
902
907
  const o = parseInt(r, 16);
903
908
  return `${o >> 16 & 255} ${o >> 8 & 255} ${o & 255}`;
904
909
  }
905
- const Ce = /^(bg|text|border|decoration|shadow|outline|caret|accent|fill|stroke)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/, Fe = {
910
+ const Ae = /^(bg|text|border|decoration|shadow|outline|caret|accent|fill|stroke)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/, Fe = {
906
911
  bg: "background-color",
907
912
  decoration: "text-decoration-color",
908
913
  text: "color",
@@ -914,9 +919,9 @@ const Ce = /^(bg|text|border|decoration|shadow|outline|caret|accent|fill|stroke)
914
919
  stroke: "stroke"
915
920
  };
916
921
  function Oe(e) {
917
- const r = Ce.exec(e);
922
+ const r = Ae.exec(e);
918
923
  if (!r) return null;
919
- const [, o, n, c = "DEFAULT"] = r, s = be[n]?.[c];
924
+ const [, o, n, c = "DEFAULT"] = r, s = xe[n]?.[c];
920
925
  if (!s) return null;
921
926
  if (o === "shadow") return `--cer-shadow-color:${s};`;
922
927
  const u = Fe[o];
@@ -935,11 +940,11 @@ function se(e) {
935
940
  if (n.includes("var(")) {
936
941
  const u = /var\([^)]*\)/.exec(n);
937
942
  if (u) {
938
- const m = u[0], t = o * 100, a = `color-mix(in srgb, ${m} ${t}%, rgba(0 0 0 / 0) ${100 - t}%)`, d = /#([0-9a-f]{6}|[0-9a-f]{3})/i.exec(m), y = /^([a-z-]+):/.exec(n), v = y ? y[1] : "background-color";
943
+ const m = u[0], t = o * 100, a = `color-mix(in srgb, ${m} ${t}%, rgba(0 0 0 / 0) ${100 - t}%)`, d = /#([0-9a-f]{6}|[0-9a-f]{3})/i.exec(m), $ = /^([a-z-]+):/.exec(n), v = $ ? $[1] : "background-color";
939
944
  if (d) {
940
- const C = `rgb(${q(d[0])} / ${o})`, f = m.replace(
945
+ const A = `rgb(${J(d[0])} / ${o})`, f = m.replace(
941
946
  /#([0-9a-f]{6}|[0-9a-f]{3})/i,
942
- C
947
+ A
943
948
  );
944
949
  return `${v}:${f};__CE_COLOR_MIX_SPLIT__${v}:${a};`;
945
950
  }
@@ -948,7 +953,7 @@ function se(e) {
948
953
  }
949
954
  const s = /#([0-9a-f]{6}|[0-9a-f]{3})/i.exec(n);
950
955
  if (s) {
951
- const u = q(s[0]);
956
+ const u = J(s[0]);
952
957
  return n.replace(
953
958
  /#([0-9a-f]{6}|[0-9a-f]{3})/i,
954
959
  `rgb(${u} / ${o})`
@@ -962,11 +967,11 @@ function se(e) {
962
967
  if (c.includes("var(")) {
963
968
  const u = /var\([^)]*\)/.exec(c);
964
969
  if (u) {
965
- const m = u[0], t = o * 100, a = `color-mix(in srgb, ${m} ${t}%, rgba(0 0 0 / 0) ${100 - t}%)`, d = /#([0-9a-f]{6}|[0-9a-f]{3})/i.exec(m), y = /^([a-z-]+):/.exec(c), v = y ? y[1] : null;
970
+ const m = u[0], t = o * 100, a = `color-mix(in srgb, ${m} ${t}%, rgba(0 0 0 / 0) ${100 - t}%)`, d = /#([0-9a-f]{6}|[0-9a-f]{3})/i.exec(m), $ = /^([a-z-]+):/.exec(c), v = $ ? $[1] : null;
966
971
  if (d && v) {
967
- const C = `rgb(${q(d[0])} / ${o})`, f = m.replace(
972
+ const A = `rgb(${J(d[0])} / ${o})`, f = m.replace(
968
973
  /#([0-9a-f]{6}|[0-9a-f]{3})/i,
969
- C
974
+ A
970
975
  );
971
976
  return `${v}:${f};__CE_COLOR_MIX_SPLIT__${v}:${a};`;
972
977
  }
@@ -975,7 +980,7 @@ function se(e) {
975
980
  }
976
981
  const s = /#([0-9a-f]{6}|[0-9a-f]{3})/i.exec(c);
977
982
  if (s) {
978
- const u = q(s[0]);
983
+ const u = J(s[0]);
979
984
  return c.replace(
980
985
  /#([0-9a-f]{6}|[0-9a-f]{3})/i,
981
986
  `rgb(${u} / ${o})`
@@ -987,7 +992,7 @@ function se(e) {
987
992
  function le(e) {
988
993
  const r = /^(from|to|via)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/.exec(e);
989
994
  if (!r) return null;
990
- const [, o, n, c = "DEFAULT"] = r, s = be[n]?.[c];
995
+ const [, o, n, c = "DEFAULT"] = r, s = xe[n]?.[c];
991
996
  if (!s) return null;
992
997
  switch (o) {
993
998
  case "from":
@@ -1077,7 +1082,7 @@ function _e(e) {
1077
1082
  }
1078
1083
  return null;
1079
1084
  }
1080
- function pe(e) {
1085
+ function be(e) {
1081
1086
  return e.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, "\\$1");
1082
1087
  }
1083
1088
  function ze(e) {
@@ -1089,9 +1094,9 @@ function ze(e) {
1089
1094
  }
1090
1095
  return o;
1091
1096
  }
1092
- const H = /* @__PURE__ */ new Map(), Re = 16, me = 1e3;
1097
+ const G = /* @__PURE__ */ new Map(), Re = 16, he = 1e3;
1093
1098
  function Le(e) {
1094
- const r = Date.now(), o = H.get(e);
1099
+ const r = Date.now(), o = G.get(e);
1095
1100
  if (o && r - o.timestamp < Re)
1096
1101
  return o.css;
1097
1102
  const n = ze(e);
@@ -1099,7 +1104,7 @@ function Le(e) {
1099
1104
  const c = new Set(n), s = [[], [], [], []], u = {}, m = (f, p = !1) => {
1100
1105
  const g = p ? `dark|${f}` : f;
1101
1106
  if (g in u) return u[g];
1102
- const b = y(f, p);
1107
+ const b = $(f, p);
1103
1108
  return u[g] = b, b;
1104
1109
  }, t = (f) => {
1105
1110
  const p = f.some((k) => ne.includes(k)), g = f.some(
@@ -1127,12 +1132,12 @@ function Le(e) {
1127
1132
  even: ":nth-child(even)",
1128
1133
  "focus-within": ":focus-within",
1129
1134
  "focus-visible": ":focus-visible"
1130
- }, y = (f, p = !1) => {
1135
+ }, $ = (f, p = !1) => {
1131
1136
  const g = a(f);
1132
1137
  let b = "", k = !1;
1133
1138
  for (const i of g) {
1134
- let $ = i;
1135
- if ($.startsWith("!") && (k = !0, $ = $.slice(1)), re[$] || ae($) || ce($) || de($) || se($) || le($) || Z($)) {
1139
+ let y = i;
1140
+ if (y.startsWith("!") && (k = !0, y = y.slice(1)), re[y] || ae(y) || ce(y) || de(y) || se(y) || le(y) || Z(y)) {
1136
1141
  b = i;
1137
1142
  break;
1138
1143
  }
@@ -1143,7 +1148,7 @@ function Le(e) {
1143
1148
  const T = g.indexOf(b);
1144
1149
  let h = T >= 0 ? g.slice(0, T) : [];
1145
1150
  p && (h = h.filter((i) => i !== "dark"));
1146
- const R = `.${pe(f)}`, _ = k ? O.replace(/;/g, " !important;") : O, w = "__SUBJECT__";
1151
+ const R = `.${be(f)}`, _ = k ? O.replace(/;/g, " !important;") : O, w = "__SUBJECT__";
1147
1152
  let l = w;
1148
1153
  const P = [];
1149
1154
  for (const i of h)
@@ -1152,27 +1157,27 @@ function Le(e) {
1152
1157
  `.peer:${i.slice(5)}~${w}`
1153
1158
  ), P.push(i));
1154
1159
  h = h.filter((i) => !P.includes(i));
1155
- const W = [], U = [];
1160
+ const W = [], V = [];
1156
1161
  let S = null;
1157
1162
  for (const i of h) {
1158
1163
  if (i === "dark" || ne.includes(i) || i.startsWith("@") && (ie.includes(i.slice(1)) || i.match(/^@\[.+\]$/)))
1159
1164
  continue;
1160
- const $ = _e(i);
1161
- if ($) {
1162
- S = $;
1165
+ const y = _e(i);
1166
+ if (y) {
1167
+ S = y;
1163
1168
  continue;
1164
1169
  }
1165
1170
  const F = d[i];
1166
1171
  if (F) {
1167
- S ? U.push(F) : W.push(F);
1172
+ S ? V.push(F) : W.push(F);
1168
1173
  continue;
1169
1174
  }
1170
- const E = Ae[i];
1175
+ const E = Ce[i];
1171
1176
  typeof E == "function" && (l = E(l, _).split("{")[0]);
1172
1177
  }
1173
- const D = W.join(""), L = U.join("");
1174
- function Q(i, $) {
1175
- if (!$) return i;
1178
+ const D = W.join(""), L = V.join("");
1179
+ function Q(i, y) {
1180
+ if (!y) return i;
1176
1181
  let F = 0, E = 0;
1177
1182
  if (i.length && (i[0] === ">" || i[0] === "+" || i[0] === "~" || i[0] === " ")) {
1178
1183
  let j = 1;
@@ -1180,30 +1185,30 @@ function Le(e) {
1180
1185
  for (; j < i.length; j++) {
1181
1186
  const z = i[j];
1182
1187
  if (z === "[" ? F++ : z === "]" && F > 0 ? F-- : z === "(" ? E++ : z === ")" && E > 0 && E--, F === 0 && E === 0 && (i[j] === ">" || i[j] === "+" || i[j] === "~" || i[j] === " "))
1183
- return i.slice(0, j) + $ + i.slice(j);
1188
+ return i.slice(0, j) + y + i.slice(j);
1184
1189
  }
1185
- return i + $;
1190
+ return i + y;
1186
1191
  }
1187
1192
  for (let j = 0; j < i.length; j++) {
1188
1193
  const z = i[j];
1189
1194
  if (z === "[" ? F++ : z === "]" && F > 0 ? F-- : z === "(" ? E++ : z === ")" && E > 0 && E--, F === 0 && E === 0 && (z === ">" || z === "+" || z === "~" || z === " "))
1190
- return i.slice(0, j) + $ + i.slice(j);
1195
+ return i.slice(0, j) + y + i.slice(j);
1191
1196
  }
1192
- return i + $;
1197
+ return i + y;
1193
1198
  }
1194
1199
  if (S)
1195
1200
  if (S.includes("&")) {
1196
- const i = S.indexOf("&"), $ = S.slice(0, i), F = S.slice(i + 1), E = w + D;
1201
+ const i = S.indexOf("&"), y = S.slice(0, i), F = S.slice(i + 1), E = w + D;
1197
1202
  if (W.length === 0)
1198
1203
  l = l.replace(
1199
1204
  w,
1200
- $ + E + L + F
1205
+ y + E + L + F
1201
1206
  );
1202
1207
  else {
1203
1208
  const j = Q(F, L);
1204
1209
  l = l.replace(
1205
1210
  w,
1206
- $ + E + j
1211
+ y + E + j
1207
1212
  );
1208
1213
  }
1209
1214
  } else
@@ -1217,24 +1222,24 @@ function Le(e) {
1217
1222
  w + D + L
1218
1223
  );
1219
1224
  l = l.replace(new RegExp(w, "g"), R);
1220
- const fe = "__CE_COLOR_MIX_SPLIT__", he = _.includes(fe) ? _.split(fe).map((i) => `${l}{${i}}`) : [`${l}{${_}}`], Y = h.filter(
1225
+ const fe = "__CE_COLOR_MIX_SPLIT__", ve = _.includes(fe) ? _.split(fe).map((i) => `${l}{${i}}`) : [`${l}{${_}}`], Y = h.filter(
1221
1226
  (i) => ne.includes(i)
1222
1227
  ), ee = h.filter(
1223
1228
  (i) => i.startsWith("@") && (ie.includes(i.slice(1)) || i.match(/^@\[.+\]$/))
1224
- ), G = Y.length ? Y[Y.length - 1] : null, V = ee.length ? ee[ee.length - 1] : null, ue = h.includes("dark");
1225
- let N = "", B = "";
1226
- if (ue && G ? N = `@media (prefers-color-scheme: dark) and ${oe[G]}` : ue ? N = "@media (prefers-color-scheme: dark)" : G && (N = `@media ${oe[G]}`), V)
1227
- if (V.startsWith("@[") && V.endsWith("]")) {
1228
- const i = V.slice(2, -1);
1229
+ ), q = Y.length ? Y[Y.length - 1] : null, H = ee.length ? ee[ee.length - 1] : null, ue = h.includes("dark");
1230
+ let N = "", U = "";
1231
+ if (ue && q ? N = `@media (prefers-color-scheme: dark) and ${oe[q]}` : ue ? N = "@media (prefers-color-scheme: dark)" : q && (N = `@media ${oe[q]}`), H)
1232
+ if (H.startsWith("@[") && H.endsWith("]")) {
1233
+ const i = H.slice(2, -1);
1229
1234
  if (!/^-?\d*\.?\d+(px|rem|em|%|vh|vw|ch|ex|cm|mm|in|pt|pc)$/.test(i))
1230
1235
  return null;
1231
- B = `@container (min-width:${i})`;
1236
+ U = `@container (min-width:${i})`;
1232
1237
  } else {
1233
- const i = V.slice(1);
1234
- B = `@container ${ge[i] || `(min-width:${i})`}`;
1238
+ const i = H.slice(1);
1239
+ U = `@container ${me[i] || `(min-width:${i})`}`;
1235
1240
  }
1236
- const xe = (i) => N && B ? `${N}${B}{${i}}` : N ? `${N}{${i}}` : B ? `${B}{${i}}` : i;
1237
- return he.map(xe).join("");
1241
+ const we = (i) => N && U ? `${N}${U}{${i}}` : N ? `${N}{${i}}` : U ? `${U}{${i}}` : i;
1242
+ return ve.map(we).join("");
1238
1243
  };
1239
1244
  for (const f of c) {
1240
1245
  const p = a(f), g = p.find(
@@ -1247,11 +1252,11 @@ function Le(e) {
1247
1252
  const v = /^(from|via|to)-[a-z]+-?\d{2,3}?$/;
1248
1253
  for (const f of c)
1249
1254
  if (v.test(f)) {
1250
- if (s.flat().join("").includes(`.${pe(f)}`)) continue;
1255
+ if (s.flat().join("").includes(`.${be(f)}`)) continue;
1251
1256
  const g = m(f);
1252
1257
  g && s[0].push(g);
1253
1258
  }
1254
- const A = (f) => f.sort((p, g) => {
1259
+ const C = (f) => f.sort((p, g) => {
1255
1260
  const b = (R) => {
1256
1261
  const _ = {
1257
1262
  sm: 640,
@@ -1289,7 +1294,7 @@ function Le(e) {
1289
1294
  // 80rem
1290
1295
  };
1291
1296
  for (const [w, l] of Object.entries(_))
1292
- if (R.includes(`@container ${ge[w]}`)) return l;
1297
+ if (R.includes(`@container ${me[w]}`)) return l;
1293
1298
  if (R.includes("@container (min-width:")) {
1294
1299
  const w = /@container \(min-width:(\d+(?:\.\d+)?)(px|rem|em)/.exec(R);
1295
1300
  if (w) {
@@ -1301,14 +1306,14 @@ function Le(e) {
1301
1306
  }, x = b(p), O = b(g), T = k(p), h = k(g);
1302
1307
  return x >= 0 && O >= 0 && x !== O ? x - O : T >= 0 && h >= 0 && T !== h ? T - h : 0;
1303
1308
  });
1304
- s[2] = A(s[2]), s[3] = A(s[3]);
1305
- const C = s.flat().join("");
1306
- return H.size >= me && Array.from(H.keys()).slice(
1309
+ s[2] = C(s[2]), s[3] = C(s[3]);
1310
+ const A = s.flat().join("");
1311
+ return G.size >= he && Array.from(G.keys()).slice(
1307
1312
  0,
1308
- Math.floor(me / 2)
1309
- ).forEach((p) => H.delete(p)), H.set(e, { css: C, timestamp: r }), C;
1313
+ Math.floor(he / 2)
1314
+ ).forEach((p) => G.delete(p)), G.set(e, { css: A, timestamp: r }), A;
1310
1315
  }
1311
- const K = {
1316
+ const X = {
1312
1317
  /** Simple fade in/out */
1313
1318
  fade: {
1314
1319
  enterFrom: "opacity-0",
@@ -1411,10 +1416,10 @@ function Ne(e, r) {
1411
1416
  name: t,
1412
1417
  enterFrom: a,
1413
1418
  enterActive: d,
1414
- enterTo: y,
1419
+ enterTo: $,
1415
1420
  leaveFrom: v,
1416
- leaveActive: A,
1417
- leaveTo: C,
1421
+ leaveActive: C,
1422
+ leaveTo: A,
1418
1423
  onBeforeEnter: f,
1419
1424
  onEnter: p,
1420
1425
  onAfterEnter: g,
@@ -1425,15 +1430,15 @@ function Ne(e, r) {
1425
1430
  onLeaveCancelled: T
1426
1431
  } = e;
1427
1432
  let h;
1428
- o && K[o] ? (h = { ...K[o] }, a && (h.enterFrom = a), d && (h.enterActive = d), y && (h.enterTo = y), v && (h.leaveFrom = v), A && (h.leaveActive = A), C && (h.leaveTo = C)) : h = {
1433
+ o && X[o] ? (h = { ...X[o] }, a && (h.enterFrom = a), d && (h.enterActive = d), $ && (h.enterTo = $), v && (h.leaveFrom = v), C && (h.leaveActive = C), A && (h.leaveTo = A)) : h = {
1429
1434
  enterFrom: a,
1430
1435
  enterActive: d,
1431
- enterTo: y,
1436
+ enterTo: $,
1432
1437
  leaveFrom: v,
1433
- leaveActive: A,
1434
- leaveTo: C
1438
+ leaveActive: C,
1439
+ leaveTo: A
1435
1440
  };
1436
- const R = t || (o ? `transition-${o}` : "transition"), _ = ve(n ? r : [], R);
1441
+ const R = t || (o ? `transition-${o}` : "transition"), _ = ye(n ? r : [], R);
1437
1442
  return _._transition = {
1438
1443
  name: R,
1439
1444
  classes: h,
@@ -1465,10 +1470,10 @@ function Be(e, r) {
1465
1470
  appear: t = !1,
1466
1471
  css: a = !0,
1467
1472
  name: d,
1468
- class: y,
1473
+ class: $,
1469
1474
  style: v,
1470
- enterFrom: A,
1471
- enterActive: C,
1475
+ enterFrom: C,
1476
+ enterActive: A,
1472
1477
  enterTo: f,
1473
1478
  leaveFrom: p,
1474
1479
  leaveActive: g,
@@ -1483,9 +1488,9 @@ function Be(e, r) {
1483
1488
  onLeaveCancelled: w
1484
1489
  } = e;
1485
1490
  let l;
1486
- c && K[c] ? (l = { ...K[c] }, A && (l.enterFrom = A), C && (l.enterActive = C), f && (l.enterTo = f), p && (l.leaveFrom = p), g && (l.leaveActive = g), b && (l.leaveTo = b)) : l = {
1487
- enterFrom: A,
1488
- enterActive: C,
1491
+ c && X[c] ? (l = { ...X[c] }, C && (l.enterFrom = C), A && (l.enterActive = A), f && (l.enterTo = f), p && (l.leaveFrom = p), g && (l.leaveActive = g), b && (l.leaveTo = b)) : l = {
1492
+ enterFrom: C,
1493
+ enterActive: A,
1489
1494
  enterTo: f,
1490
1495
  leaveFrom: p,
1491
1496
  leaveActive: g,
@@ -1511,7 +1516,7 @@ function Be(e, r) {
1511
1516
  W.push(L);
1512
1517
  } else
1513
1518
  W.push(S);
1514
- const U = (() => {
1519
+ const V = (() => {
1515
1520
  if (v)
1516
1521
  return typeof v == "string" ? v : Object.entries(v).map(([S, D]) => `${S}: ${D}`).join("; ");
1517
1522
  })();
@@ -1521,8 +1526,8 @@ function Be(e, r) {
1521
1526
  key: P,
1522
1527
  props: {
1523
1528
  attrs: {
1524
- ...y ? { class: y } : {},
1525
- ...U ? { style: U } : {}
1529
+ ...$ ? { class: $ } : {},
1530
+ ...V ? { style: V } : {}
1526
1531
  },
1527
1532
  _transitionGroup: {
1528
1533
  name: P,
@@ -1549,32 +1554,53 @@ function Be(e, r) {
1549
1554
  function Ue(e) {
1550
1555
  return { ...e };
1551
1556
  }
1552
- let J = null;
1557
+ let B = null;
1553
1558
  function Me() {
1554
- if (!J) {
1559
+ if (!B) {
1560
+ if (typeof CSSStyleSheet > "u")
1561
+ return B = {
1562
+ cssRules: [],
1563
+ replaceSync: () => {
1564
+ },
1565
+ toString: () => ""
1566
+ }, B;
1555
1567
  const e = [];
1556
- Object.values(K).forEach((n) => {
1568
+ Object.values(X).forEach((n) => {
1557
1569
  n.enterFrom && e.push(n.enterFrom), n.enterActive && e.push(n.enterActive), n.enterTo && e.push(n.enterTo), n.leaveFrom && e.push(n.leaveFrom), n.leaveActive && e.push(n.leaveActive), n.leaveTo && e.push(n.leaveTo);
1558
1570
  });
1559
1571
  const r = `<div class="${e.join(" ")}"></div>`, o = Le(r);
1560
- J = new CSSStyleSheet(), J.replaceSync(o);
1572
+ try {
1573
+ B = new CSSStyleSheet(), B.replaceSync(o);
1574
+ } catch {
1575
+ B = {
1576
+ cssRules: [],
1577
+ replaceSync: () => {
1578
+ },
1579
+ toString: () => o || ""
1580
+ };
1581
+ }
1561
1582
  }
1562
- return J;
1583
+ return B;
1563
1584
  }
1564
1585
  function Pe() {
1565
- Me();
1586
+ if (!(typeof window > "u" || typeof CSSStyleSheet > "u"))
1587
+ try {
1588
+ Me();
1589
+ } catch {
1590
+ }
1566
1591
  }
1567
1592
  Pe();
1568
1593
  export {
1569
1594
  Ne as T,
1570
1595
  Me as a,
1571
- Be as b,
1572
- $e as c,
1573
- Ue as d,
1596
+ pe as b,
1597
+ ke as c,
1598
+ Be as d,
1599
+ Ue as e,
1574
1600
  Ie as g,
1575
1601
  Le as j,
1576
- ye as m,
1602
+ ge as m,
1577
1603
  De as s,
1578
- K as t
1604
+ X as t
1579
1605
  };
1580
- //# sourceMappingURL=transitions-Cctsmip5.js.map
1606
+ //# sourceMappingURL=transitions-m6FraTTL.js.map