periplo-ui 1.5.1 → 1.5.2

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,10 +1,10 @@
1
- import M from "react";
1
+ import Y from "react";
2
2
  import { Slot as dr } from "@radix-ui/react-slot";
3
3
  import { cva as Te } from "class-variance-authority";
4
4
  import { clsx as vr } from "clsx";
5
5
  import { twMerge as gr } from "tailwind-merge";
6
- function pr(l) {
7
- return l && l.__esModule && Object.prototype.hasOwnProperty.call(l, "default") ? l.default : l;
6
+ function pr(s) {
7
+ return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
8
8
  }
9
9
  var Z = { exports: {} }, k = {};
10
10
  /**
@@ -21,18 +21,18 @@ function mr() {
21
21
  if (xe)
22
22
  return k;
23
23
  xe = 1;
24
- var l = M, m = Symbol.for("react.element"), _ = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, c = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, b = { key: !0, ref: !0, __self: !0, __source: !0 };
25
- function E(F, v, D) {
24
+ var s = Y, m = Symbol.for("react.element"), F = Symbol.for("react.fragment"), d = Object.prototype.hasOwnProperty, c = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, b = { key: !0, ref: !0, __self: !0, __source: !0 };
25
+ function E(_, v, O) {
26
26
  var y, R = {}, T = null, $ = null;
27
- D !== void 0 && (T = "" + D), v.key !== void 0 && (T = "" + v.key), v.ref !== void 0 && ($ = v.ref);
27
+ O !== void 0 && (T = "" + O), v.key !== void 0 && (T = "" + v.key), v.ref !== void 0 && ($ = v.ref);
28
28
  for (y in v)
29
29
  d.call(v, y) && !b.hasOwnProperty(y) && (R[y] = v[y]);
30
- if (F && F.defaultProps)
31
- for (y in v = F.defaultProps, v)
30
+ if (_ && _.defaultProps)
31
+ for (y in v = _.defaultProps, v)
32
32
  R[y] === void 0 && (R[y] = v[y]);
33
- return { $$typeof: m, type: F, key: T, ref: $, props: R, _owner: c.current };
33
+ return { $$typeof: m, type: _, key: T, ref: $, props: R, _owner: c.current };
34
34
  }
35
- return k.Fragment = _, k.jsx = E, k.jsxs = E, k;
35
+ return k.Fragment = F, k.jsx = E, k.jsxs = E, k;
36
36
  }
37
37
  var B = {};
38
38
  /**
@@ -47,14 +47,14 @@ var B = {};
47
47
  var Ce;
48
48
  function br() {
49
49
  return Ce || (Ce = 1, process.env.NODE_ENV !== "production" && function() {
50
- var l = M, m = Symbol.for("react.element"), _ = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), E = Symbol.for("react.provider"), F = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), $ = Symbol.for("react.offscreen"), Q = Symbol.iterator, Ae = "@@iterator";
50
+ var s = Y, m = Symbol.for("react.element"), F = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), E = Symbol.for("react.provider"), _ = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), $ = Symbol.for("react.offscreen"), Q = Symbol.iterator, Ae = "@@iterator";
51
51
  function Se(e) {
52
52
  if (e === null || typeof e != "object")
53
53
  return null;
54
54
  var r = Q && e[Q] || e[Ae];
55
55
  return typeof r == "function" ? r : null;
56
56
  }
57
- var O = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
57
+ var D = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
58
58
  function g(e) {
59
59
  {
60
60
  for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
@@ -64,7 +64,7 @@ function br() {
64
64
  }
65
65
  function je(e, r, t) {
66
66
  {
67
- var n = O.ReactDebugCurrentFrame, i = n.getStackAddendum();
67
+ var n = D.ReactDebugCurrentFrame, i = n.getStackAddendum();
68
68
  i !== "" && (r += "%s", t = t.concat([i]));
69
69
  var u = t.map(function(o) {
70
70
  return String(o);
@@ -75,7 +75,7 @@ function br() {
75
75
  var ke = !1, Be = !1, $e = !1, Ie = !1, Ne = !1, ee;
76
76
  ee = Symbol.for("react.module.reference");
77
77
  function We(e) {
78
- return !!(typeof e == "string" || typeof e == "function" || e === d || e === b || Ne || e === c || e === D || e === y || Ie || e === $ || ke || Be || $e || typeof e == "object" && e !== null && (e.$$typeof === T || e.$$typeof === R || e.$$typeof === E || e.$$typeof === F || e.$$typeof === v || // This needs to include all possible module reference object
78
+ return !!(typeof e == "string" || typeof e == "function" || e === d || e === b || Ne || e === c || e === O || e === y || Ie || e === $ || ke || Be || $e || typeof e == "object" && e !== null && (e.$$typeof === T || e.$$typeof === R || e.$$typeof === E || e.$$typeof === _ || e.$$typeof === v || // This needs to include all possible module reference object
79
79
  // types supported by any Flight configuration anywhere since
80
80
  // we don't know which Flight build this will end up being used
81
81
  // with.
@@ -101,20 +101,20 @@ function br() {
101
101
  switch (e) {
102
102
  case d:
103
103
  return "Fragment";
104
- case _:
104
+ case F:
105
105
  return "Portal";
106
106
  case b:
107
107
  return "Profiler";
108
108
  case c:
109
109
  return "StrictMode";
110
- case D:
110
+ case O:
111
111
  return "Suspense";
112
112
  case y:
113
113
  return "SuspenseList";
114
114
  }
115
115
  if (typeof e == "object")
116
116
  switch (e.$$typeof) {
117
- case F:
117
+ case _:
118
118
  var r = e;
119
119
  return re(r) + ".Consumer";
120
120
  case E:
@@ -136,18 +136,18 @@ function br() {
136
136
  }
137
137
  return null;
138
138
  }
139
- var w = Object.assign, S = 0, te, ne, ae, oe, ie, ue, le;
140
- function se() {
139
+ var w = Object.assign, S = 0, te, ne, ae, oe, ie, ue, se;
140
+ function le() {
141
141
  }
142
- se.__reactDisabledLog = !0;
143
- function Ye() {
142
+ le.__reactDisabledLog = !0;
143
+ function Me() {
144
144
  {
145
145
  if (S === 0) {
146
- te = console.log, ne = console.info, ae = console.warn, oe = console.error, ie = console.group, ue = console.groupCollapsed, le = console.groupEnd;
146
+ te = console.log, ne = console.info, ae = console.warn, oe = console.error, ie = console.group, ue = console.groupCollapsed, se = console.groupEnd;
147
147
  var e = {
148
148
  configurable: !0,
149
149
  enumerable: !0,
150
- value: se,
150
+ value: le,
151
151
  writable: !0
152
152
  };
153
153
  Object.defineProperties(console, {
@@ -163,7 +163,7 @@ function br() {
163
163
  S++;
164
164
  }
165
165
  }
166
- function Me() {
166
+ function Ye() {
167
167
  {
168
168
  if (S--, S === 0) {
169
169
  var e = {
@@ -191,14 +191,14 @@ function br() {
191
191
  value: ue
192
192
  }),
193
193
  groupEnd: w({}, e, {
194
- value: le
194
+ value: se
195
195
  })
196
196
  });
197
197
  }
198
198
  S < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
199
199
  }
200
200
  }
201
- var U = O.ReactCurrentDispatcher, V;
201
+ var U = D.ReactCurrentDispatcher, V;
202
202
  function I(e, r, t) {
203
203
  {
204
204
  if (V === void 0)
@@ -230,7 +230,7 @@ function br() {
230
230
  var i = Error.prepareStackTrace;
231
231
  Error.prepareStackTrace = void 0;
232
232
  var u;
233
- u = U.current, U.current = null, Ye();
233
+ u = U.current, U.current = null, Me();
234
234
  try {
235
235
  if (r) {
236
236
  var o = function() {
@@ -267,23 +267,23 @@ function br() {
267
267
  if (C && n && typeof C.stack == "string") {
268
268
  for (var a = C.stack.split(`
269
269
  `), p = n.stack.split(`
270
- `), s = a.length - 1, f = p.length - 1; s >= 1 && f >= 0 && a[s] !== p[f]; )
270
+ `), l = a.length - 1, f = p.length - 1; l >= 1 && f >= 0 && a[l] !== p[f]; )
271
271
  f--;
272
- for (; s >= 1 && f >= 0; s--, f--)
273
- if (a[s] !== p[f]) {
274
- if (s !== 1 || f !== 1)
272
+ for (; l >= 1 && f >= 0; l--, f--)
273
+ if (a[l] !== p[f]) {
274
+ if (l !== 1 || f !== 1)
275
275
  do
276
- if (s--, f--, f < 0 || a[s] !== p[f]) {
276
+ if (l--, f--, f < 0 || a[l] !== p[f]) {
277
277
  var h = `
278
- ` + a[s].replace(" at new ", " at ");
278
+ ` + a[l].replace(" at new ", " at ");
279
279
  return e.displayName && h.includes("<anonymous>") && (h = h.replace("<anonymous>", e.displayName)), typeof e == "function" && N.set(e, h), h;
280
280
  }
281
- while (s >= 1 && f >= 0);
281
+ while (l >= 1 && f >= 0);
282
282
  break;
283
283
  }
284
284
  }
285
285
  } finally {
286
- q = !1, U.current = u, Me(), Error.prepareStackTrace = i;
286
+ q = !1, U.current = u, Ye(), Error.prepareStackTrace = i;
287
287
  }
288
288
  var A = e ? e.displayName || e.name : "", Re = A ? I(A) : "";
289
289
  return typeof e == "function" && N.set(e, Re), Re;
@@ -303,7 +303,7 @@ function br() {
303
303
  if (typeof e == "string")
304
304
  return I(e);
305
305
  switch (e) {
306
- case D:
306
+ case O:
307
307
  return I("Suspense");
308
308
  case y:
309
309
  return I("SuspenseList");
@@ -324,8 +324,8 @@ function br() {
324
324
  }
325
325
  return "";
326
326
  }
327
- var L = Object.prototype.hasOwnProperty, ce = {}, de = O.ReactDebugCurrentFrame;
328
- function Y(e) {
327
+ var L = Object.prototype.hasOwnProperty, ce = {}, de = D.ReactDebugCurrentFrame;
328
+ function M(e) {
329
329
  if (e) {
330
330
  var r = e._owner, t = W(e.type, e._source, r ? r.type : null);
331
331
  de.setExtraStackFrame(t);
@@ -344,10 +344,10 @@ function br() {
344
344
  throw p.name = "Invariant Violation", p;
345
345
  }
346
346
  a = e[o](r, o, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
347
- } catch (s) {
348
- a = s;
347
+ } catch (l) {
348
+ a = l;
349
349
  }
350
- a && !(a instanceof Error) && (Y(i), g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof a), Y(null)), a instanceof Error && !(a.message in ce) && (ce[a.message] = !0, Y(i), g("Failed %s type: %s", t, a.message), Y(null));
350
+ a && !(a instanceof Error) && (M(i), g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof a), M(null)), a instanceof Error && !(a.message in ce) && (ce[a.message] = !0, M(i), g("Failed %s type: %s", t, a.message), M(null));
351
351
  }
352
352
  }
353
353
  }
@@ -375,7 +375,7 @@ function br() {
375
375
  if (Ke(e))
376
376
  return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ge(e)), ve(e);
377
377
  }
378
- var j = O.ReactCurrentOwner, He = {
378
+ var j = D.ReactCurrentOwner, He = {
379
379
  key: !0,
380
380
  ref: !0,
381
381
  __self: !0,
@@ -462,9 +462,9 @@ function br() {
462
462
  for (u in r)
463
463
  L.call(r, u) && !He.hasOwnProperty(u) && (o[u] = r[u]);
464
464
  if (e && e.defaultProps) {
465
- var s = e.defaultProps;
466
- for (u in s)
467
- o[u] === void 0 && (o[u] = s[u]);
465
+ var l = e.defaultProps;
466
+ for (u in l)
467
+ o[u] === void 0 && (o[u] = l[u]);
468
468
  }
469
469
  if (a || p) {
470
470
  var f = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
@@ -473,7 +473,7 @@ function br() {
473
473
  return tr(e, a, p, i, n, j.current, o);
474
474
  }
475
475
  }
476
- var G = O.ReactCurrentOwner, be = O.ReactDebugCurrentFrame;
476
+ var G = D.ReactCurrentOwner, be = D.ReactDebugCurrentFrame;
477
477
  function P(e) {
478
478
  if (e) {
479
479
  var r = e._owner, t = W(e.type, e._source, r ? r.type : null);
@@ -535,7 +535,7 @@ Check the top-level render call using <` + t + ">.");
535
535
  e && e._owner && e._owner !== G.current && (n = " It was passed a child from " + x(e._owner.type) + "."), P(e), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), P(null);
536
536
  }
537
537
  }
538
- function _e(e, r) {
538
+ function Fe(e, r) {
539
539
  {
540
540
  if (typeof e != "object")
541
541
  return;
@@ -591,7 +591,7 @@ Check the top-level render call using <` + t + ">.");
591
591
  e.ref !== null && (P(e), g("Invalid attribute `ref` supplied to `React.Fragment`."), P(null));
592
592
  }
593
593
  }
594
- function Fe(e, r, t, n, i, u) {
594
+ function _e(e, r, t, n, i, u) {
595
595
  {
596
596
  var o = We(e);
597
597
  if (!o) {
@@ -599,8 +599,8 @@ Check the top-level render call using <` + t + ">.");
599
599
  (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
600
600
  var p = ar(i);
601
601
  p ? a += p : a += Ee();
602
- var s;
603
- e === null ? s = "null" : z(e) ? s = "array" : e !== void 0 && e.$$typeof === m ? (s = "<" + (x(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : s = typeof e, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s, a);
602
+ var l;
603
+ e === null ? l = "null" : z(e) ? l = "array" : e !== void 0 && e.$$typeof === m ? (l = "<" + (x(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : l = typeof e, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", l, a);
604
604
  }
605
605
  var f = nr(e, r, t, i, u);
606
606
  if (f == null)
@@ -611,30 +611,30 @@ Check the top-level render call using <` + t + ">.");
611
611
  if (n)
612
612
  if (z(h)) {
613
613
  for (var A = 0; A < h.length; A++)
614
- _e(h[A], e);
614
+ Fe(h[A], e);
615
615
  Object.freeze && Object.freeze(h);
616
616
  } else
617
617
  g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
618
618
  else
619
- _e(h, e);
619
+ Fe(h, e);
620
620
  }
621
621
  return e === d ? ur(f) : ir(f), f;
622
622
  }
623
623
  }
624
- function lr(e, r, t) {
625
- return Fe(e, r, t, !0);
626
- }
627
624
  function sr(e, r, t) {
628
- return Fe(e, r, t, !1);
625
+ return _e(e, r, t, !0);
626
+ }
627
+ function lr(e, r, t) {
628
+ return _e(e, r, t, !1);
629
629
  }
630
- var fr = sr, cr = lr;
630
+ var fr = lr, cr = sr;
631
631
  B.Fragment = d, B.jsx = fr, B.jsxs = cr;
632
632
  }()), B;
633
633
  }
634
634
  process.env.NODE_ENV === "production" ? Z.exports = mr() : Z.exports = br();
635
635
  var we = Z.exports;
636
- function De(...l) {
637
- return gr(vr(l));
636
+ function Oe(...s) {
637
+ return gr(vr(s));
638
638
  }
639
639
  const Er = Te(
640
640
  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
@@ -685,14 +685,14 @@ const Er = Te(
685
685
  size: "default"
686
686
  }
687
687
  }
688
- ), yr = M.forwardRef(
689
- ({ className: l, variant: m, intent: _, size: d, asChild: c = !1, ...b }, E) => {
690
- const F = c ? dr : "button";
691
- return /* @__PURE__ */ we.jsx(F, { className: De(Er({ variant: m, size: d, intent: _, className: l })), ref: E, ...b });
688
+ ), yr = Y.forwardRef(
689
+ ({ className: s, variant: m, intent: F, size: d, asChild: c = !1, ...b }, E) => {
690
+ const _ = c ? dr : "button";
691
+ return /* @__PURE__ */ we.jsx(_, { className: Oe(Er({ variant: m, size: d, intent: F, className: s })), ref: E, ...b });
692
692
  }
693
693
  );
694
694
  yr.displayName = "Button";
695
- const hr = Te("scroll-m-20 tracking-tight", {
695
+ const hr = Te("font-montserrat scroll-m-20 tracking-tight", {
696
696
  variants: {
697
697
  variant: {
698
698
  "display-large": "text-[3.563rem] leading-[4rem] font-semibold",
@@ -704,12 +704,12 @@ const hr = Te("scroll-m-20 tracking-tight", {
704
704
  "title-large": "text-[1.375rem] leading-7",
705
705
  "title-medium": "text-base leading-6",
706
706
  "title-small": "text-sm leading-5",
707
- "label-large": "text-sm leading-5 font-semibold",
708
- "label-medium": "text-xs leading-4 font-semibold",
709
- "label-small": "text-[0.688rem] leading-4 font-semibold",
710
- "body-large": "text-base leading-6",
711
- "body-medium": "text-sm leading-5",
712
- "body-small": "text-xs leading-4"
707
+ "label-large": "font-open-sans text-sm leading-5 font-semibold",
708
+ "label-medium": "font-open-sans text-xs leading-4 font-semibold",
709
+ "label-small": "font-open-sans text-[0.688rem] leading-4 font-semibold",
710
+ "body-large": "font-open-sans text-base leading-6",
711
+ "body-medium": "font-open-sans text-sm leading-5",
712
+ "body-small": "font-open-sans text-xs leading-4"
713
713
  },
714
714
  fontWeight: {
715
715
  default: "font-normal",
@@ -732,21 +732,21 @@ const hr = Te("scroll-m-20 tracking-tight", {
732
732
  defaultVariants: {
733
733
  variant: "body-medium"
734
734
  }
735
- }), _r = M.forwardRef(
736
- ({ className: l, variant: m, fontWeight: _, colors: d, component: c, ...b }, E) => {
737
- const F = c ?? "span";
738
- return /* @__PURE__ */ we.jsx(F, { className: De(hr({ variant: m, fontWeight: _, colors: d, className: l })), ref: E, ...b });
735
+ }), Fr = Y.forwardRef(
736
+ ({ className: s, variant: m, fontWeight: F, colors: d, component: c, ...b }, E) => {
737
+ const _ = c ?? "span";
738
+ return /* @__PURE__ */ we.jsx(_, { className: Oe(hr({ variant: m, fontWeight: F, colors: d, className: s })), ref: E, ...b });
739
739
  }
740
740
  );
741
- _r.displayName = "Typography";
742
- var Oe = {}, Pe = {};
743
- (function(l) {
744
- Object.defineProperty(l, "__esModule", {
741
+ Fr.displayName = "Typography";
742
+ var De = {}, Pe = {};
743
+ (function(s) {
744
+ Object.defineProperty(s, "__esModule", {
745
745
  value: !0
746
- }), Object.defineProperty(l, "default", {
746
+ }), Object.defineProperty(s, "default", {
747
747
  enumerable: !0,
748
748
  get: function() {
749
- return _;
749
+ return F;
750
750
  }
751
751
  });
752
752
  function m(d, c) {
@@ -765,28 +765,28 @@ var Oe = {}, Pe = {};
765
765
  };
766
766
  return b.__isOptionsFunction = !0, b.__pluginFunction = d, b.__configFunction = c, b;
767
767
  };
768
- const _ = m;
768
+ const F = m;
769
769
  })(Pe);
770
- (function(l) {
771
- Object.defineProperty(l, "__esModule", {
770
+ (function(s) {
771
+ Object.defineProperty(s, "__esModule", {
772
772
  value: !0
773
- }), Object.defineProperty(l, "default", {
773
+ }), Object.defineProperty(s, "default", {
774
774
  enumerable: !0,
775
775
  get: function() {
776
776
  return d;
777
777
  }
778
778
  });
779
- const m = /* @__PURE__ */ _(Pe);
780
- function _(c) {
779
+ const m = /* @__PURE__ */ F(Pe);
780
+ function F(c) {
781
781
  return c && c.__esModule ? c : {
782
782
  default: c
783
783
  };
784
784
  }
785
785
  const d = m.default;
786
- })(Oe);
787
- let X = Oe;
788
- var Fr = (X.__esModule ? X : { default: X }).default;
789
- const Rr = /* @__PURE__ */ pr(Fr);
786
+ })(De);
787
+ let X = De;
788
+ var _r = (X.__esModule ? X : { default: X }).default;
789
+ const Rr = /* @__PURE__ */ pr(_r);
790
790
  function xr() {
791
791
  return !0;
792
792
  }
@@ -794,6 +794,10 @@ function Pr() {
794
794
  return Rr(xr, {
795
795
  theme: {
796
796
  extend: {
797
+ fontFamily: {
798
+ montserrat: ['"Montserrat"', '"sans-serif"'],
799
+ "open-sans": ['"OpenSans"', '"sans-serif"']
800
+ },
797
801
  colors: {
798
802
  background: "#F7F7F6",
799
803
  foreground: "#1D1D1B",
@@ -901,7 +905,7 @@ function Pr() {
901
905
  }
902
906
  export {
903
907
  yr as Button,
904
- _r as Typography,
908
+ Fr as Typography,
905
909
  Er as buttonVariants,
906
910
  xr as handler,
907
911
  Pr as periploTheme,