@ptlm-azulejo/segmented-control 0.0.1 → 0.1.0-alpha.66

package/dist/index.js

@@ -90,8 +90,8 @@ function fs(t, e) {
     n = !0, i = !0, s.isProcessing || t(m);
   };
   return { schedule: zt.reduce((T, S) => {
-    const b = o[S];
-    return T[S] = (A, V = !1, P = !1) => (n || y(), b.schedule(A, V, P)), T;
+    const x = o[S];
+    return T[S] = (A, V = !1, P = !1) => (n || y(), x.schedule(A, V, P)), T;
   }, {}), cancel: (T) => {
     for (let S = 0; S < zt.length; S++)
       o[zt[S]].cancel(T);
@@ -99,16 +99,16 @@ function fs(t, e) {
 }
 const _ = /* @__NO_SIDE_EFFECTS__ */ (t) => t, { schedule: C, cancel: Q, state: F, steps: ye } = /* @__PURE__ */ fs(typeof requestAnimationFrame != "undefined" ? requestAnimationFrame : _, !0);
 let Zt;
-function xr() {
+function br() {
   Zt = void 0;
 }
 const j = {
   now: () => (Zt === void 0 && j.set(F.isProcessing || J.useManualTiming ? F.timestamp : performance.now()), Zt),
   set: (t) => {
-    Zt = t, queueMicrotask(xr);
+    Zt = t, queueMicrotask(br);
   }
 }, G = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, N = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
-function br(t, e) {
+function xr(t, e) {
   const n = j.now(), i = ({ timestamp: s }) => {
     const r = s - n;
     r >= e && (Q(i), t(r - e));
@@ -119,7 +119,7 @@ const Ot = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), nt = /* @__PURE__ */ Ot("deg"), Y = /* @__PURE__ */ Ot("%"), x = /* @__PURE__ */ Ot("px"), Tr = /* @__PURE__ */ Ot("vh"), Sr = /* @__PURE__ */ Ot("vw"), Ln = E(g({}, Y), {
+}), nt = /* @__PURE__ */ Ot("deg"), Y = /* @__PURE__ */ Ot("%"), b = /* @__PURE__ */ Ot("px"), Tr = /* @__PURE__ */ Ot("vh"), Sr = /* @__PURE__ */ Ot("vw"), Ln = E(g({}, Y), {
   parse: (t) => Y.parse(t) / 100,
   transform: (t) => Y.transform(t * 100)
 });
@@ -131,7 +131,7 @@ const H = {
     if (!e.target)
       return t;
     if (typeof t == "string")
-      if (x.test(t))
+      if (b.test(t))
         t = parseFloat(t);
       else
         return t;
@@ -243,7 +243,7 @@ const st = {
     const c = M(a, l, 0.5);
     return typeof s[2 + o] == "number" && (s[2 + o] /= c), typeof s[3 + o] == "number" && (s[3 + o] /= c), r(s);
   }
-}, xs = (t) => (e) => typeof e == "string" && e.startsWith(t), Je = /* @__PURE__ */ xs("--"), kr = /* @__PURE__ */ xs("var(--"), Qe = (t) => kr(t) ? Fr.test(t.split("/*")[0].trim()) : !1, Fr = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
+}, bs = (t) => (e) => typeof e == "string" && e.startsWith(t), Je = /* @__PURE__ */ bs("--"), kr = /* @__PURE__ */ bs("var(--"), Qe = (t) => kr(t) ? Fr.test(t.split("/*")[0].trim()) : !1, Fr = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
 function Fn(t) {
   return typeof t != "string" ? !1 : t.split("/*")[0].includes("var(--");
 }
@@ -262,7 +262,7 @@ const kt = {
   borderBottomRightRadius: H,
   boxShadow: vs
 };
-function bs(t) {
+function xs(t) {
   for (const e in t)
     kt[e] = t[e], Je(e) && (kt[e].isCSSVariable = !0);
 }
@@ -671,8 +671,8 @@ function ra(t) {
   return t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 }
 function aa(t, e, n = 1, i = 0) {
-  t.pathLength = 1, delete t["path-length"], t["stroke-dashoffset"] = x.transform(-i);
-  const s = x.transform(e), r = x.transform(n);
+  t.pathLength = 1, delete t["path-length"], t["stroke-dashoffset"] = b.transform(-i);
+  const s = b.transform(e), r = b.transform(n);
   t["stroke-dasharray"] = `${s} ${r}`;
 }
 function la(t) {
@@ -819,8 +819,8 @@ class nn {
 function Es(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
-const zn = 30, xa = (t) => !isNaN(parseFloat(t));
-class ba {
+const zn = 30, ba = (t) => !isNaN(parseFloat(t));
+class xa {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -837,7 +837,7 @@ class ba {
     }, this.hasAnimated = !1, this.setCurrent(e), this.owner = n.owner;
   }
   setCurrent(e) {
-    this.current = e, this.updatedAt = j.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = xa(this.current));
+    this.current = e, this.updatedAt = j.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = ba(this.current));
   }
   setPrevFrameValue(e = this.current) {
     this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt;
@@ -1023,7 +1023,7 @@ class ba {
   }
 }
 function gt(t, e) {
-  return new ba(t, e);
+  return new xa(t, e);
 }
 function Ta(t, e, n) {
   for (const i in e) {
@@ -1127,7 +1127,7 @@ const Pa = (t, e) => {
 function Ea(t) {
   return parseFloat(t.trim());
 }
-const xt = [
+const bt = [
   "transformPerspective",
   "x",
   "y",
@@ -1145,7 +1145,7 @@ const xt = [
   "skew",
   "skewX",
   "skewY"
-], bt = new Set(xt), Zn = (t) => t === vt || t === x, Va = /* @__PURE__ */ new Set(["x", "y", "z"]), Ca = xt.filter((t) => !Va.has(t));
+], xt = new Set(bt), Zn = (t) => t === vt || t === b, Va = /* @__PURE__ */ new Set(["x", "y", "z"]), Ca = bt.filter((t) => !Va.has(t));
 function Ma(t) {
   const e = [];
   return Ca.forEach((n) => {
@@ -1238,7 +1238,7 @@ class sn {
 const Ds = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t), Rs = (t) => /^0[^.\s]+$/u.test(t), Ra = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, Ls = (t) => (e) => e.test(t), Bs = [vt, x, Y, nt, Sr, Tr, Ra], Jn = (t) => Bs.find(Ls(t)), La = [...Bs, R, st], Ba = (t) => La.find(Ls(t)), ka = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+}, Ls = (t) => (e) => e.test(t), Bs = [vt, b, Y, nt, Sr, Tr, Ra], Jn = (t) => Bs.find(Ls(t)), La = [...Bs, R, st], Ba = (t) => La.find(Ls(t)), ka = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
 function Fa(t) {
   const [e, n] = t.slice(0, -1).split("(");
   if (e === "drop-shadow")
@@ -1269,74 +1269,74 @@ const Oa = /\b([a-z-]*)\(.*?\)/gu, Ne = E(g({}, st), {
   skew: nt,
   skewX: nt,
   skewY: nt,
-  distance: x,
-  translateX: x,
-  translateY: x,
-  translateZ: x,
-  x,
-  y: x,
-  z: x,
-  perspective: x,
-  transformPerspective: x,
+  distance: b,
+  translateX: b,
+  translateY: b,
+  translateZ: b,
+  x: b,
+  y: b,
+  z: b,
+  perspective: b,
+  transformPerspective: b,
   opacity: Lt,
   originX: Ln,
   originY: Ln,
-  originZ: x
+  originZ: b
 }, on = E(g({
   // Border props
-  borderWidth: x,
-  borderTopWidth: x,
-  borderRightWidth: x,
-  borderBottomWidth: x,
-  borderLeftWidth: x,
-  borderRadius: x,
-  radius: x,
-  borderTopLeftRadius: x,
-  borderTopRightRadius: x,
-  borderBottomRightRadius: x,
-  borderBottomLeftRadius: x,
+  borderWidth: b,
+  borderTopWidth: b,
+  borderRightWidth: b,
+  borderBottomWidth: b,
+  borderLeftWidth: b,
+  borderRadius: b,
+  radius: b,
+  borderTopLeftRadius: b,
+  borderTopRightRadius: b,
+  borderBottomRightRadius: b,
+  borderBottomLeftRadius: b,
   // Positioning props
-  width: x,
-  maxWidth: x,
-  height: x,
-  maxHeight: x,
-  top: x,
-  right: x,
-  bottom: x,
-  left: x,
-  inset: x,
-  insetBlock: x,
-  insetBlockStart: x,
-  insetBlockEnd: x,
-  insetInline: x,
-  insetInlineStart: x,
-  insetInlineEnd: x,
+  width: b,
+  maxWidth: b,
+  height: b,
+  maxHeight: b,
+  top: b,
+  right: b,
+  bottom: b,
+  left: b,
+  inset: b,
+  insetBlock: b,
+  insetBlockStart: b,
+  insetBlockEnd: b,
+  insetInline: b,
+  insetInlineStart: b,
+  insetInlineEnd: b,
   // Spacing props
-  padding: x,
-  paddingTop: x,
-  paddingRight: x,
-  paddingBottom: x,
-  paddingLeft: x,
-  paddingBlock: x,
-  paddingBlockStart: x,
-  paddingBlockEnd: x,
-  paddingInline: x,
-  paddingInlineStart: x,
-  paddingInlineEnd: x,
-  margin: x,
-  marginTop: x,
-  marginRight: x,
-  marginBottom: x,
-  marginLeft: x,
-  marginBlock: x,
-  marginBlockStart: x,
-  marginBlockEnd: x,
-  marginInline: x,
-  marginInlineStart: x,
-  marginInlineEnd: x,
+  padding: b,
+  paddingTop: b,
+  paddingRight: b,
+  paddingBottom: b,
+  paddingLeft: b,
+  paddingBlock: b,
+  paddingBlockStart: b,
+  paddingBlockEnd: b,
+  paddingInline: b,
+  paddingInlineStart: b,
+  paddingInlineEnd: b,
+  margin: b,
+  marginTop: b,
+  marginRight: b,
+  marginBottom: b,
+  marginLeft: b,
+  marginBlock: b,
+  marginBlockStart: b,
+  marginBlockEnd: b,
+  marginInline: b,
+  marginInlineStart: b,
+  marginInlineEnd: b,
   // Misc
-  backgroundPositionX: x,
-  backgroundPositionY: x
+  backgroundPositionX: b,
+  backgroundPositionY: b
 }, Ia), {
   zIndex: Qn,
   // SVG
@@ -1422,7 +1422,7 @@ class Is {
   }
   bindToMotionValue(e, n) {
     this.valueSubscriptions.has(e) && this.valueSubscriptions.get(e)();
-    const i = bt.has(e);
+    const i = xt.has(e);
     i && this.onBindTransform && this.onBindTransform();
     const s = n.on("change", (o) => {
       this.latestValues[e] = o, this.props.onUpdate && C.preRender(this.notifyUpdate), i && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
@@ -1586,7 +1586,7 @@ const js = /* @__PURE__ */ new Set([
   "left",
   "right",
   "bottom",
-  ...xt
+  ...bt
 ]);
 var ei;
 let jt = () => {
@@ -1720,11 +1720,11 @@ const Ns = (t, e) => e && typeof t == "number" ? e.transform(t) : t, za = {
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, Ha = xt.length;
+}, Ha = bt.length;
 function Ya(t, e, n) {
   let i = "", s = !0;
   for (let r = 0; r < Ha; r++) {
-    const o = xt[r], a = t[o];
+    const o = bt[r], a = t[o];
     if (a === void 0)
       continue;
     let l = !0;
@@ -1745,7 +1745,7 @@ function $s(t, e, n) {
   let o = !1, a = !1;
   for (const l in e) {
     const c = e[l];
-    if (bt.has(l)) {
+    if (xt.has(l)) {
       o = !0;
       continue;
     } else if (Je(l)) {
@@ -1771,7 +1771,7 @@ function Ks(t, { style: e, vars: n }, i, s) {
     r.setProperty(o, n[o]);
 }
 function Xa(t, { layout: e, layoutId: n }) {
-  return bt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!kt[t] || t === "opacity");
+  return xt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!kt[t] || t === "opacity");
 }
 function Ws(t, e, n) {
   var i;
@@ -1789,7 +1789,7 @@ class Gs extends Us {
   }
   readValueFromInstance(e, n) {
     var i;
-    if (bt.has(n))
+    if (xt.has(n))
       return (i = this.projection) != null && i.isProjecting ? Oe(n) : Pa(e, n);
     {
       const s = qa(e), r = (Je(n) ? s.getPropertyValue(n) : s[n]) || 0;
@@ -1816,8 +1816,8 @@ const rn = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Za = {
 function Qa(t, e, n = 1, i = 0, s = !0) {
   t.pathLength = 1;
   const r = s ? Za : Ja;
-  t[r.offset] = x.transform(-i);
-  const o = x.transform(e), a = x.transform(n);
+  t[r.offset] = b.transform(-i);
+  const o = b.transform(e), a = b.transform(n);
   t[r.array] = `${o} ${a}`;
 }
 const tl = [
@@ -1888,7 +1888,7 @@ function sl(t, e, n) {
   const i = Ws(t, e, n);
   for (const s in t)
     if (L(t[s]) || L(e[s])) {
-      const r = xt.indexOf(s) !== -1 ? "attr" + s.charAt(0).toUpperCase() + s.substring(1) : s;
+      const r = bt.indexOf(s) !== -1 ? "attr" + s.charAt(0).toUpperCase() + s.substring(1) : s;
       i[r] = t[s];
     }
   return i;
@@ -1901,7 +1901,7 @@ class Hs extends Us {
     return e[n];
   }
   readValueFromInstance(e, n) {
-    if (bt.has(n)) {
+    if (xt.has(n)) {
       const i = ks(n);
       return i && i.default || 0;
     }
@@ -2032,13 +2032,13 @@ function ml(t, r = {}, i, s) {
     let [v, w, T = {}] = y;
     T.at !== void 0 && (f = ni(f, T.at, d, h));
     let S = 0;
-    const b = (A, V, P, k = 0, I = 0) => {
+    const x = (A, V, P, k = 0, I = 0) => {
       const O = gl(A), Cn = V, { delay: he = 0, times: Z = Js(O), type: fe = "keyframes", repeat: Tt, repeatType: Ih, repeatDelay: jh = 0 } = Cn, Ho = U(Cn, ["delay", "times", "type", "repeat", "repeatType", "repeatDelay"]);
       let { ease: et = e.ease || "easeOut", duration: K } = V;
       const Sn = typeof he == "function" ? he(k, I) : he, wn = O.length, An = cn(fe) ? fe : s == null ? void 0 : s[fe || "keyframes"];
       if (wn <= 2 && An) {
         let St = 100;
-        if (wn === 2 && xl(O)) {
+        if (wn === 2 && bl(O)) {
           const wt = O[1] - O[0];
           St = Math.abs(wt);
         }
@@ -2068,14 +2068,14 @@ function ml(t, r = {}, i, s) {
     };
     if (L(v)) {
       const A = ii(v, c);
-      b(w, T, si("default", A));
+      x(w, T, si("default", A));
     } else {
       const A = Ys(v, w, i, u), V = A.length;
       for (let P = 0; P < V; P++) {
         w = w, T = T;
         const k = A[P], I = ii(k, c);
         for (const O in w)
-          b(w[O], yl(T, O), si(O, I), P, V);
+          x(w[O], yl(T, O), si(O, I), P, V);
       }
     }
     d = f, f += S;
@@ -2084,19 +2084,19 @@ function ml(t, r = {}, i, s) {
     for (const v in m) {
       const w = m[v];
       w.sort(fl);
-      const T = [], S = [], b = [];
+      const T = [], S = [], x = [];
       for (let V = 0; V < w.length; V++) {
         const { at: P, value: k, easing: I } = w[V];
-        T.push(k), S.push(/* @__PURE__ */ yt(0, p, P)), b.push(I || "easeOut");
+        T.push(k), S.push(/* @__PURE__ */ yt(0, p, P)), x.push(I || "easeOut");
       }
-      S[0] !== 0 && (S.unshift(0), T.unshift(T[0]), b.unshift(dl)), S[S.length - 1] !== 1 && (S.push(1), T.push(null)), l.has(y) || l.set(y, {
+      S[0] !== 0 && (S.unshift(0), T.unshift(T[0]), x.unshift(dl)), S[S.length - 1] !== 1 && (S.push(1), T.push(null)), l.has(y) || l.set(y, {
         keyframes: {},
         transition: {}
       });
       const A = l.get(y);
       A.keyframes[v] = T, A.transition[v] = g(E(g({}, e), {
         duration: p,
-        ease: b,
+        ease: x,
         times: S
       }), n);
     }
@@ -2114,7 +2114,7 @@ function gl(t) {
 function yl(t, e) {
   return t && t[e] ? g(g({}, t), t[e]) : g({}, t);
 }
-const vl = (t) => typeof t == "number", xl = (t) => t.every(vl), bl = (t) => Array.isArray(t);
+const vl = (t) => typeof t == "number", bl = (t) => t.every(vl), xl = (t) => Array.isArray(t);
 function Tl(t, e, n) {
   const i = t.getProps();
   return Vs(i, e, i.custom, t);
@@ -2123,7 +2123,7 @@ function Sl(t, e, n) {
   t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, gt(n));
 }
 function wl(t) {
-  return bl(t) ? t[t.length - 1] || 0 : t;
+  return xl(t) ? t[t.length - 1] || 0 : t;
 }
 function Al(t, e) {
   let o = Tl(t, e) || {}, { transitionEnd: i = {}, transition: s = {} } = o, r = U(o, ["transitionEnd", "transition"]);
@@ -2171,7 +2171,7 @@ const Rl = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, Fl = (t, { keyframes: e }) => e.length > 2 ? Bl : bt.has(t) ? t.startsWith("scale") ? Ll(e[1]) : Rl : kl;
+}, Fl = (t, { keyframes: e }) => e.length > 2 ? Bl : xt.has(t) ? t.startsWith("scale") ? Ll(e[1]) : Rl : kl;
 function Ol(h) {
   var d = h, { when: t, delay: e, delayChildren: n, staggerChildren: i, staggerDirection: s, repeat: r, repeatType: o, repeatDelay: a, from: l, elapsed: c } = d, u = U(d, ["when", "delay", "delayChildren", "staggerChildren", "staggerDirection", "repeat", "repeatType", "repeatDelay", "from", "elapsed"]);
   return !!Object.keys(u).length;
@@ -2183,7 +2183,7 @@ function hn(t, e) {
 function $e(t) {
   t.duration = 0, t.type = "keyframes";
 }
-function xe(t, e, n) {
+function be(t, e, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? t + (e - t) * 6 * n : n < 1 / 2 ? e : n < 2 / 3 ? t + (e - t) * (2 / 3 - n) * 6 : t;
 }
 function Il({ hue: t, saturation: e, lightness: n, alpha: i }) {
@@ -2193,7 +2193,7 @@ function Il({ hue: t, saturation: e, lightness: n, alpha: i }) {
     s = r = o = n;
   else {
     const a = n < 0.5 ? n * (1 + e) : n + e - n * e, l = 2 * n - a;
-    s = xe(l, a, t + 1 / 3), r = xe(l, a, t), o = xe(l, a, t - 1 / 3);
+    s = be(l, a, t + 1 / 3), r = be(l, a, t), o = be(l, a, t - 1 / 3);
   }
   return {
     red: Math.round(s * 255),
@@ -2205,7 +2205,7 @@ function Il({ hue: t, saturation: e, lightness: n, alpha: i }) {
 function se(t, e) {
   return (n) => n > 0 ? e : t;
 }
-const be = (t, e, n) => {
+const xe = (t, e, n) => {
   const i = t * t, s = n * (e * e - i) + i;
   return s < 0 ? 0 : Math.sqrt(s);
 }, jl = [Re, rt, ht], _l = (t) => jl.find((e) => e.test(t));
@@ -2221,7 +2221,7 @@ const ri = (t, e) => {
   if (!n || !i)
     return se(t, e);
   const s = g({}, n);
-  return (r) => (s.red = be(n.red, i.red, r), s.green = be(n.green, i.green, r), s.blue = be(n.blue, i.blue, r), s.alpha = M(n.alpha, i.alpha, r), rt.transform(s));
+  return (r) => (s.red = xe(n.red, i.red, r), s.green = xe(n.green, i.green, r), s.blue = xe(n.blue, i.blue, r), s.alpha = M(n.alpha, i.alpha, r), rt.transform(s));
 }, Ke = /* @__PURE__ */ new Set(["none", "hidden"]);
 function Ul(t, e) {
   return Ke.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
@@ -2402,37 +2402,37 @@ function Ft(t = D.visualDuration, e = D.bounce) {
   i || (i = w ? D.restSpeed.granular : D.restSpeed.default), s || (s = w ? D.restDelta.granular : D.restDelta.default);
   let T;
   if (m < 1) {
-    const b = We(v, m);
+    const x = We(v, m);
     T = (A) => {
       const V = Math.exp(-m * v * A);
-      return o - V * ((p + m * v * y) / b * Math.sin(b * A) + y * Math.cos(b * A));
+      return o - V * ((p + m * v * y) / x * Math.sin(x * A) + y * Math.cos(x * A));
     };
   } else if (m === 1)
-    T = (b) => o - Math.exp(-v * b) * (y + (p + v * y) * b);
+    T = (x) => o - Math.exp(-v * x) * (y + (p + v * y) * x);
   else {
-    const b = v * Math.sqrt(m * m - 1);
+    const x = v * Math.sqrt(m * m - 1);
     T = (A) => {
-      const V = Math.exp(-m * v * A), P = Math.min(b * A, 300);
-      return o - V * ((p + m * v * y) * Math.sinh(P) + b * y * Math.cosh(P)) / b;
+      const V = Math.exp(-m * v * A), P = Math.min(x * A, 300);
+      return o - V * ((p + m * v * y) * Math.sinh(P) + x * y * Math.cosh(P)) / x;
     };
   }
   const S = {
     calculatedDuration: f && h || null,
-    next: (b) => {
-      const A = T(b);
+    next: (x) => {
+      const A = T(x);
       if (f)
-        a.done = b >= h;
+        a.done = x >= h;
       else {
-        let V = b === 0 ? p : 0;
-        m < 1 && (V = b === 0 ? /* @__PURE__ */ G(p) : so(T, b, A));
+        let V = x === 0 ? p : 0;
+        m < 1 && (V = x === 0 ? /* @__PURE__ */ G(p) : so(T, x, A));
         const P = Math.abs(V) <= i, k = Math.abs(o - A) <= s;
         a.done = P && k;
       }
       return a.value = a.done ? o : A, a;
     },
     toString: () => {
-      const b = Math.min(un(S), ie), A = io((V) => S.next(b * V).value, b, 30);
-      return b + "ms " + A;
+      const x = Math.min(un(S), ie), A = io((V) => S.next(x * V).value, x, 30);
+      return x + "ms " + A;
     },
     toTransition: () => {
     }
@@ -2455,9 +2455,9 @@ function Ge({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 3
     const k = w(P), I = T(P);
     d.done = Math.abs(k) <= c, d.value = d.done ? v : I;
   };
-  let b, A;
+  let x, A;
   const V = (P) => {
-    f(d.value) && (b = P, A = Ft({
+    f(d.value) && (x = P, A = Ft({
       keyframes: [d.value, p(d.value)],
       velocity: so(T, P, d.value),
       // TODO: This should be passing * 1000
@@ -2471,7 +2471,7 @@ function Ge({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 3
     calculatedDuration: null,
     next: (P) => {
       let k = !1;
-      return !A && b === void 0 && (k = !0, S(P), V(P)), b !== void 0 && P >= b ? A.next(P - b) : (!k && S(P), d);
+      return !A && x === void 0 && (k = !0, S(P), V(P)), x !== void 0 && P >= x ? A.next(P - x) : (!k && S(P), d);
     }
   };
 }
@@ -2646,12 +2646,12 @@ class yn extends gn {
       let k = Math.floor(P), I = P % 1;
       !I && P >= 1 && (I = 1), I === 1 && k--, k = Math.min(k, h + 1), !!(k % 2) && (d === "reverse" ? (I = 1 - I, f && (I -= f / a)) : d === "mirror" && (S = o)), T = X(0, 1, I) * a;
     }
-    const b = w ? { done: !1, value: u[0] } : S.next(T);
-    r && (b.value = r(b.value));
-    let { done: A } = b;
+    const x = w ? { done: !1, value: u[0] } : S.next(T);
+    r && (x.value = r(x.value));
+    let { done: A } = x;
     !w && l !== null && (A = this.playbackSpeed >= 0 ? this.currentTime >= s : this.currentTime <= 0);
     const V = this.holdTime === null && (this.state === "finished" || this.state === "running" && A);
-    return V && p !== Ge && (b.value = mn(u, this.options, y, this.speed)), m && m(b.value), V && this.finish(), b;
+    return V && p !== Ge && (x.value = mn(u, this.options, y, this.speed)), m && m(x.value), V && this.finish(), x;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -2776,18 +2776,18 @@ function vu(t, e, n, { delay: i = 0, duration: s = 300, repeat: r = 0, repeatTyp
   };
   return c && (d.pseudoElement = c), t.animate(u, d);
 }
-function xu(n) {
+function bu(n) {
   var i = n, { type: t } = i, e = U(i, ["type"]);
   var s, r;
   return cn(t) && yo() ? t.applyToOptions(e) : ((s = e.duration) != null || (e.duration = 300), (r = e.ease) != null || (e.ease = "easeOut"), e);
 }
-class bu extends gn {
+class xu extends gn {
   constructor(e) {
     if (super(), this.finishedTime = null, this.isStopped = !1, this.manualStartTime = null, !e)
       return;
     const { element: n, name: i, keyframes: s, pseudoElement: r, allowFlatten: o = !1, finalKeyframe: a, onComplete: l } = e;
     this.isPseudoElement = !!r, this.allowFlatten = o, this.options = e, q(typeof e.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
-    const c = xu(e);
+    const c = bu(e);
     this.animation = vu(n, i, s, c, r), c.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !r) {
         const u = mn(s, this.options, a, this.speed);
@@ -2878,19 +2878,19 @@ class bu extends gn {
     return this.allowFlatten && ((i = this.animation.effect) == null || i.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && mu() ? (this.animation.timeline = e, _) : n(this);
   }
 }
-const xo = {
+const bo = {
   anticipate: ho,
   backInOut: co,
   circInOut: po
 };
 function Tu(t) {
-  return t in xo;
+  return t in bo;
 }
 function Su(t) {
-  typeof t.ease == "string" && Tu(t.ease) && (t.ease = xo[t.ease]);
+  typeof t.ease == "string" && Tu(t.ease) && (t.ease = bo[t.ease]);
 }
 const Se = 10;
-class wu extends bu {
+class wu extends xu {
   constructor(e) {
     Su(e), go(e), super(e), e.startTime !== void 0 && (this.startTime = e.startTime), this.options = e;
   }
@@ -3044,7 +3044,7 @@ class Du extends gn {
     this._animation && this.animation.cancel(), (e = this.keyframeResolver) == null || e.cancel();
   }
 }
-const xn = (t, e, n, i = {}, s, r) => (o) => {
+const bn = (t, e, n, i = {}, s, r) => (o) => {
   const a = hn(i, t) || {}, l = a.delay || i.delay || 0;
   let { elapsed: c = 0 } = i;
   c = c - /* @__PURE__ */ G(l);
@@ -3103,7 +3103,7 @@ function Lu(t, e, { delay: n = 0, transitionOverride: i, type: s } = {}) {
         S !== null && (m.startTime = S, v = !0);
       }
     }
-    El(t, d), f.start(xn(d, f, p, t.shouldReduceMotion && js.has(d) ? { type: !1 } : m, t, v));
+    El(t, d), f.start(bn(d, f, p, t.shouldReduceMotion && js.has(d) ? { type: !1 } : m, t, v));
     const w = f.animation;
     w && l.push(w);
   }
@@ -3145,14 +3145,14 @@ class ku extends Is {
     return 0;
   }
 }
-function bo(t) {
+function xo(t) {
   return typeof t == "object" && t !== null;
 }
-function bn(t) {
-  return bo(t) && "ownerSVGElement" in t;
+function xn(t) {
+  return xo(t) && "ownerSVGElement" in t;
 }
 function To(t) {
-  return bn(t) && t.tagName === "svg";
+  return xn(t) && t.tagName === "svg";
 }
 function Fu(t) {
   const e = {
@@ -3168,7 +3168,7 @@ function Fu(t) {
       },
       latestValues: {}
     }
-  }, n = bn(t) && !To(t) ? new Hs(e) : new Gs(e);
+  }, n = xn(t) && !To(t) ? new Hs(e) : new Gs(e);
   n.mount(t), ut.set(t, n);
 }
 function Ou(t) {
@@ -3186,7 +3186,7 @@ function Ou(t) {
 }
 function So(t, e, n) {
   const i = L(t) ? t : gt(t);
-  return i.start(xn("", i, e, n)), i.animation;
+  return i.start(bn("", i, e, n)), i.animation;
 }
 function Iu(t, e) {
   return L(t) || typeof t == "number" || typeof t == "string" && !an(e);
@@ -3474,7 +3474,7 @@ class Gu extends tt {
   }
 }
 function zu(t) {
-  return bo(t) && "offsetHeight" in t;
+  return xo(t) && "offsetHeight" in t;
 }
 const Hu = {
   y: !1
@@ -3748,7 +3748,7 @@ class uc {
 function Ae(t) {
   return L(t) ? t.get() : t;
 }
-const Vo = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], cc = Vo.length, xi = (t) => typeof t == "string" ? parseFloat(t) : t, bi = (t) => typeof t == "number" || x.test(t);
+const Vo = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], cc = Vo.length, bi = (t) => typeof t == "string" ? parseFloat(t) : t, xi = (t) => typeof t == "number" || b.test(t);
 function hc(t, e, n, i, s, r) {
   var o, a, l, c;
   s ? (t.opacity = M(0, (o = n.opacity) != null ? o : 1, fc(i)), t.opacityExit = M((a = e.opacity) != null ? a : 1, 0, dc(i))) : r && (t.opacity = M((l = e.opacity) != null ? l : 1, (c = n.opacity) != null ? c : 1, i));
@@ -3757,7 +3757,7 @@ function hc(t, e, n, i, s, r) {
     let d = Ti(e, h), f = Ti(n, h);
     if (d === void 0 && f === void 0)
       continue;
-    d || (d = 0), f || (f = 0), d === 0 || f === 0 || bi(d) === bi(f) ? (t[h] = Math.max(M(xi(d), xi(f), i), 0), (Y.test(f) || Y.test(d)) && (t[h] += "%")) : t[h] = f;
+    d || (d = 0), f || (f = 0), d === 0 || f === 0 || xi(d) === xi(f) ? (t[h] = Math.max(M(bi(d), bi(f), i), 0), (Y.test(f) || Y.test(d)) && (t[h] += "%")) : t[h] = f;
   }
   (e.rotate || n.rotate) && (t.rotate = M(e.rotate || 0, n.rotate || 0, i));
 }
@@ -3836,7 +3836,7 @@ const Ro = 1e-4, mc = 1 - Ro, gc = 1 + Ro, Lo = 0.01, yc = 0 - Lo, vc = 0 + Lo;
 function $(t) {
   return t.max - t.min;
 }
-function xc(t, e, n) {
+function bc(t, e, n) {
   return Math.abs(t - e) <= n;
 }
 function Mi(t, e, n, i = 0.5) {
@@ -3848,7 +3848,7 @@ function Dt(t, e, n, i) {
 function Di(t, e, n) {
   t.min = n.min + e.min, t.max = t.min + $(e);
 }
-function bc(t, e, n) {
+function xc(t, e, n) {
   Di(t.x, e.x, n.x), Di(t.y, e.y, n.y);
 }
 function Ri(t, e, n) {
@@ -4023,7 +4023,7 @@ function Oo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     mount(o) {
       if (this.instance)
         return;
-      this.isSVG = bn(o) && !To(o), this.instance = o;
+      this.isSVG = xn(o) && !To(o), this.instance = o;
       const { layoutId: a, layout: l, visualElement: c } = this.options;
       if (c && !c.current && c.mount(o), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (l || a) && (this.isLayoutDirty = !0), t) {
         let u, h = 0;
@@ -4032,7 +4032,7 @@ function Oo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           h = window.innerWidth;
         }), t(o, () => {
           const f = window.innerWidth;
-          f !== h && (h = f, this.root.updateBlockedByResize = !0, u && u(), u = br(d, 250), Qt.hasAnimatedSinceResize && (Qt.hasAnimatedSinceResize = !1, this.nodes.forEach(Ki)));
+          f !== h && (h = f, this.root.updateBlockedByResize = !0, u && u(), u = xr(d, 250), Qt.hasAnimatedSinceResize && (Qt.hasAnimatedSinceResize = !1, this.nodes.forEach(Ki)));
         });
       }
       a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && c && (a || l) && this.addEventListener("didUpdate", ({ delta: u, hasLayoutChanged: h, hasRelativeLayoutChanged: d, layout: f }) => {
@@ -4245,7 +4245,7 @@ function Oo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       this.resolvedRelativeTargetAt = F.timestamp;
       const f = this.getClosestProjectingParent();
-      f && this.linkedParentVersion !== f.layoutVersion && !f.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (f && f.layout ? this.createRelativeTarget(f, this.layout.layoutBox, f.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = B(), this.targetWithTransforms = B()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), bc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : W(this.target, this.layout.layoutBox), Do(this.target, this.targetDelta)) : W(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? this.createRelativeTarget(f, this.target, f.target) : this.relativeParent = this.relativeTarget = void 0));
+      f && this.linkedParentVersion !== f.layoutVersion && !f.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (f && f.layout ? this.createRelativeTarget(f, this.layout.layoutBox, f.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = B(), this.targetWithTransforms = B()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), xc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : W(this.target, this.layout.layoutBox), Do(this.target, this.targetDelta)) : W(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? this.createRelativeTarget(f, this.target, f.target) : this.relativeParent = this.relativeTarget = void 0));
     }
     getClosestProjectingParent() {
       if (!(!this.parent || ze(this.parent.latestValues) || Mo(this.parent.latestValues)))
@@ -4303,8 +4303,8 @@ function Oo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.animationProgress = 0;
       let T;
       this.mixTargetDelta = (S) => {
-        const b = S / 1e3;
-        Wi(h.x, o.x, b), Wi(h.y, o.y, b), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ae(d, this.layout.layoutBox, this.relativeParent.layout.layoutBox), _c(this.relativeTarget, this.relativeTargetOrigin, d, b), T && Ac(this.relativeTarget, T) && (this.isProjectionDirty = !1), T || (T = B()), W(T, this.relativeTarget)), m && (this.animationValues = u, hc(u, c, this.latestValues, b, w, v)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = b;
+        const x = S / 1e3;
+        Wi(h.x, o.x, x), Wi(h.y, o.y, x), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ae(d, this.layout.layoutBox, this.relativeParent.layout.layoutBox), _c(this.relativeTarget, this.relativeTargetOrigin, d, x), T && Ac(this.relativeTarget, T) && (this.isProjectionDirty = !1), T || (T = B()), W(T, this.relativeTarget)), m && (this.animationValues = u, hc(u, c, this.latestValues, x, w, v)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = x;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(o) {
@@ -4428,8 +4428,8 @@ function Oo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           continue;
         const { correct: v, applyTo: w, isCSSVariable: T } = kt[y], S = h === "none" ? u[y] : v(u[y], c);
         if (w) {
-          const b = w.length;
-          for (let A = 0; A < b; A++)
+          const x = w.length;
+          for (let A = 0; A < x; A++)
             o[w[A]] = S;
         } else
           T ? this.options.visualElement.renderState.vars[y] = S : o[y] = S;
@@ -4552,7 +4552,7 @@ function $c(t) {
   Yi(t.x), Yi(t.y);
 }
 function Io(t, e, n) {
-  return t === "position" || t === "preserve-aspect" && !xc(ji(e), ji(n), 0.2);
+  return t === "position" || t === "preserve-aspect" && !bc(ji(e), ji(n), 0.2);
 }
 function Kc(t) {
   var e;
@@ -4611,7 +4611,7 @@ function Vt(t) {
 }
 class Hc extends tt {
   constructor(e) {
-    super(e), bs(_o);
+    super(e), xs(_o);
   }
   initProjection() {
     const e = this.state.options;
@@ -5124,7 +5124,7 @@ class dh {
   startAxisValueAnimation(e, n) {
     const i = this.getAxisMotionValue(e);
     return os(this.visualElement, e), i.start(
-      xn(
+      bn(
         e,
         i,
         0,
@@ -5278,7 +5278,7 @@ class mh extends tt {
 let Pt = !1;
 class gh extends tt {
   constructor(e) {
-    super(e), bs(_o), e.getSnapshot = this.getSnapshot.bind(this), e.didUpdate = this.didUpdate.bind(this);
+    super(e), xs(_o), e.getSnapshot = this.getSnapshot.bind(this), e.didUpdate = this.didUpdate.bind(this);
   }
   beforeUpdate(e) {
     this.getSnapshot(e, void 0);
@@ -5382,13 +5382,13 @@ const vh = [
   yh,
   mh,
   gh
-], xh = {
+], bh = {
   reducedMotion: "never",
   transition: void 0,
   nonce: void 0
-}, [bh] = It("MotionConfig");
+}, [xh] = It("MotionConfig");
 function Th() {
-  return bh(qt(() => xh));
+  return xh(qt(() => bh));
 }
 const Sh = "data-ap-child", [wh] = It("AnimatePresenceContext");
 function le(t) {
@@ -5435,13 +5435,13 @@ function Ph(t) {
     var T, S;
     var p;
     const m = h.type === "svg", y = g({}, a);
-    Object.keys(a).forEach((b) => {
-      L(a[b]) && (y[b] = a[b].get());
+    Object.keys(a).forEach((x) => {
+      L(a[x]) && (y[x] = a[x].get());
     });
     let v = g(g({}, t.style), m ? {} : ((p = h.visualElement) == null ? void 0 : p.latestValues) || h.baseTarget);
     if (m) {
-      const { attrs: b, style: A } = la(g(g({}, h.isMounted() ? h.target : h.baseTarget), v));
-      (A.transform || b.transformOrigin) && (A.transformOrigin = (T = b.transformOrigin) != null ? T : "50% 50%", delete b.transformOrigin), A.transform && (A.transformBox = (S = A.transformBox) != null ? S : "fill-box", delete b.transformBox), Object.assign(y, b), v = A;
+      const { attrs: x, style: A } = la(g(g({}, h.isMounted() ? h.target : h.baseTarget), v));
+      (A.transform || x.transformOrigin) && (A.transformOrigin = (T = x.transformOrigin) != null ? T : "50% 50%", delete x.transformOrigin), A.transform && (A.transformBox = (S = A.transformBox) != null ? S : "fill-box", delete x.transformBox), Object.assign(y, x), v = A;
     }
     t.drag && t.dragListener !== !1 && Object.assign(v, {
       userSelect: "none",
@@ -5702,8 +5702,8 @@ const Fh = ["aria-label", "aria-disabled"], Oh = ["aria-checked", "aria-label",
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
     const n = t, i = e, s = pe(n, "items"), r = pe(n, "modelValue"), o = pe(n, "disabled"), a = us([]);
-    function l(S, b) {
-      a.value[b] = S;
+    function l(S, x) {
+      a.value[x] = S;
     }
     const { isSelected: c, isSegmentDisabled: u, select: h, getTabIndex: d, onKeydown: f } = kh({
       items: s,
@@ -5711,11 +5711,11 @@ const Fh = ["aria-label", "aria-disabled"], Oh = ["aria-checked", "aria-label",
       disabled: o,
       onSelect: (S) => i("update:modelValue", S),
       focusIndex: (S) => {
-        var b;
-        return (b = a.value[S]) == null ? void 0 : b.focus();
+        var x;
+        return (x = a.value[S]) == null ? void 0 : x.focus();
       }
     }), p = qt(() => {
-      const S = n.items.findIndex((b) => b.value === n.modelValue);
+      const S = n.items.findIndex((x) => x.value === n.modelValue);
       return S >= 0 ? S : 0;
     }), m = qt(() => {
       const S = n.items.length;
@@ -5746,7 +5746,8 @@ const Fh = ["aria-label", "aria-disabled"], Oh = ["aria-checked", "aria-label",
       visualDuration: 0.2,
       bounce: 0.2
     };
-    return (S, b) => (Wt(), me("div", {
+    return (S, x) => (Wt(), me("div", {
+      "data-testid": "segmented-control",
       role: "radiogroup",
       class: Gt(y.value),
       style: ge(m.value ? { gridTemplateColumns: m.value } : void 0),
@@ -5756,6 +5757,7 @@ const Fh = ["aria-label", "aria-disabled"], Oh = ["aria-checked", "aria-label",
       t.items.length > 0 ? (Wt(), hr(ct(zo).div, {
         key: 0,
         layout: "",
+        "data-testid": "segmented-control-indicator",
         "data-state": t.modelValue,
         class: Gt(["segmented-control__indicator", t.ui.indicator]),
         style: ge({ gridColumn: p.value + 1, gridRow: 1 }),
@@ -5768,6 +5770,7 @@ const Fh = ["aria-label", "aria-disabled"], Oh = ["aria-checked", "aria-label",
         ref: (P) => l(P, V),
         type: "button",
         role: "radio",
+        "data-testid": "segmented-control-segment",
         class: Gt(v(A)),
         style: ge({ gridColumn: V + 1, gridRow: 1 }),
         "aria-checked": ct(c)(A),
@@ -5778,6 +5781,7 @@ const Fh = ["aria-label", "aria-disabled"], Oh = ["aria-checked", "aria-label",
         onKeydown: (P) => ct(f)(P, V)
       }, [
         mr("span", {
+          "data-testid": "segmented-control-label",
           class: Gt(w(A))
         }, gr(A.label), 3)
       ], 46, Oh))), 128))