npm - @ptlm-azulejo/segmented-control - Versions diffs - 0.1.2-alpha.99 → 0.1.3 - Mend

@ptlm-azulejo/segmented-control 0.1.2-alpha.99 → 0.1.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.

Files changed (6) hide show

package/README.md +14 -14
package/dist/index.js +62 -64
package/dist/index.umd.cjs +1 -1
package/dist/packages/SegmentedControl/src/index.vue.d.ts.map +1 -1
package/package.json +1 -1
package/CHANGELOG.md +0 -78

package/README.md CHANGED Viewed

@@ -30,17 +30,17 @@ CSS variables at runtime. Those tokens come from `@ptlm-azulejo/themes`, and **t
 brand is selected by a class on your app's `<html>` element**, so switching brand
 never touches component code.
-| Project | Preset stylesheet | Root class | Typeface | Font package |
-| --- | --- | --- | --- | --- |
-| Leroy Merlin | `@ptlm-azulejo/themes/presets/leroy-merlin.css` | `preset-lm` | LeroyMerlinSans | `@ptlm-azulejo/fonts-leroy-merlin` |
-| Adeo | `@ptlm-azulejo/themes/presets/adeo.css` | `preset-adeo` | Roboto | `@ptlm-azulejo/fonts-adeo` |
+| Project      | Preset stylesheet                               | Root class    | Typeface        | Font package                       |
+| ------------ | ----------------------------------------------- | ------------- | --------------- | ---------------------------------- |
+| Leroy Merlin | `@ptlm-azulejo/themes/presets/leroy-merlin.css` | `preset-lm`   | LeroyMerlinSans | `@ptlm-azulejo/fonts-leroy-merlin` |
+| Adeo         | `@ptlm-azulejo/themes/presets/adeo.css`         | `preset-adeo` | Roboto          | `@ptlm-azulejo/fonts-adeo`         |
 **Leroy Merlin projects**
 ```js
-import "@ptlm-azulejo/themes/presets/leroy-merlin.css";
-import "@ptlm-azulejo/fonts-leroy-merlin";
-import "@ptlm-azulejo/segmented-control/style.css";
+import '@ptlm-azulejo/themes/presets/leroy-merlin.css'
+import '@ptlm-azulejo/fonts-leroy-merlin'
+import '@ptlm-azulejo/segmented-control/style.css'
 ```
 ```html
@@ -50,9 +50,9 @@ import "@ptlm-azulejo/segmented-control/style.css";
 **Adeo projects**
 ```js
-import "@ptlm-azulejo/themes/presets/adeo.css";
-import "@ptlm-azulejo/fonts-adeo";
-import "@ptlm-azulejo/segmented-control/style.css";
+import '@ptlm-azulejo/themes/presets/adeo.css'
+import '@ptlm-azulejo/fonts-adeo'
+import '@ptlm-azulejo/segmented-control/style.css'
 ```
 ```html
@@ -75,7 +75,7 @@ and the preset follows the OS `prefers-color-scheme`:
 ### Why the font package is separate
-The preset only *names* its typeface in `--font-family` and ships no font files.
+The preset only _names_ its typeface in `--font-family` and ships no font files.
 [Loading them is your app's job](../themes/README.md#fonts), as with upstream
 Mozaic, so you keep control of hosting, subsetting and preload. Without the
 matching font package, `font-sans` falls back to a generic sans-serif. A
@@ -98,10 +98,10 @@ only the active brand's file is ever downloaded.
 ```vue
 <script setup>
-import { ref } from "vue";
-import { AzSegmentedControl } from "@ptlm-azulejo/segmented-control";
+import { ref } from 'vue'
+import { AzSegmentedControl } from '@ptlm-azulejo/segmented-control'
-const view = ref("list");
+const view = ref('list')
 </script>
 <template>

package/dist/index.js CHANGED Viewed

@@ -2032,10 +2032,10 @@ function uc(t, r = {}, s, i) {
     let [b, P, w = {}] = y;
     w.at !== void 0 && (d = ks(d, w.at, f, h));
     let V = 0;
-    const S = (v, k, p, M = 0, D = 0) => {
+    const S = (v, k, p, M = 0, R = 0) => {
       const j = hc(v), At = k, { delay: et = 0, times: K = Lo(j), type: St = "keyframes", repeat: q, repeatType: Z, repeatDelay: gt = 0 } = At, Wt = X(At, ["delay", "times", "type", "repeat", "repeatType", "repeatDelay"]);
       let { ease: J = e.ease || "easeOut", duration: C } = k;
-      const Kt = typeof et == "function" ? et(M, D) : et, Yt = j.length, Ht = zn(St) ? St : i == null ? void 0 : i[St || "keyframes"];
+      const Kt = typeof et == "function" ? et(M, R) : et, Yt = j.length, Ht = zn(St) ? St : i == null ? void 0 : i[St || "keyframes"];
       if (Yt <= 2 && Ht) {
         let yt = 100;
         if (Yt === 2 && pc(j)) {
@@ -2073,9 +2073,9 @@ function uc(t, r = {}, s, i) {
       const v = Vo(b, P, s, u), k = v.length;
       for (let p = 0; p < k; p++) {
         P = P, w = w;
-        const M = v[p], D = Vs(M, c);
+        const M = v[p], R = Vs(M, c);
         for (const j in P)
-          S(P[j], dc(w, j), Ms(j, D), p, k);
+          S(P[j], dc(w, j), Ms(j, R), p, k);
       }
     }
     f = d, d += V;
@@ -2086,8 +2086,8 @@ function uc(t, r = {}, s, i) {
       P.sort(ac);
       const w = [], V = [], S = [];
       for (let k = 0; k < P.length; k++) {
-        const { at: p, value: M, easing: D } = P[k];
-        w.push(M), V.push(/* @__PURE__ */ zt(0, m, p)), S.push(D || "easeOut");
+        const { at: p, value: M, easing: R } = P[k];
+        w.push(M), V.push(/* @__PURE__ */ zt(0, m, p)), S.push(R || "easeOut");
       }
       V[0] !== 0 && (V.unshift(0), w.unshift(w[0]), S.unshift(lc)), V[V.length - 1] !== 1 && (V.push(1), w.push(null)), l.has(y) || l.set(y, {
         keyframes: {},
@@ -2452,8 +2452,8 @@ function wn({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
   const y = h + g, b = o === void 0 ? y : o(y);
   b !== y && (g = b - h);
   const P = (p) => -g * Math.exp(-p / s), w = (p) => b + P(p), V = (p) => {
-    const M = P(p), D = w(p);
-    f.done = Math.abs(M) <= c, f.value = f.done ? b : D;
+    const M = P(p), R = w(p);
+    f.done = Math.abs(M) <= c, f.value = f.done ? b : R;
   };
   let S, v;
   const k = (p) => {
@@ -2643,8 +2643,8 @@ class Hn extends Yn {
     let w = this.currentTime, V = s;
     if (h) {
       const p = Math.min(this.currentTime, i) / a;
-      let M = Math.floor(p), D = p % 1;
-      !D && p >= 1 && (D = 1), D === 1 && M--, M = Math.min(M, h + 1), !!(M % 2) && (f === "reverse" ? (D = 1 - D, d && (D -= d / a)) : f === "mirror" && (V = o)), w = ut(0, 1, D) * a;
+      let M = Math.floor(p), R = p % 1;
+      !R && p >= 1 && (R = 1), R === 1 && M--, M = Math.min(M, h + 1), !!(M % 2) && (f === "reverse" ? (R = 1 - R, d && (R -= d / a)) : f === "mirror" && (V = o)), w = ut(0, 1, R) * a;
     }
     const S = P ? { done: !1, value: u[0] } : V.next(w);
     r && (S.value = r(S.value));
@@ -5928,12 +5928,12 @@ const Md = (t, e) => {
 }, Zd = [], z = (t) => {
   const e = (n) => n[t] || Zd;
   return e.isThemeGetter = !0, e;
-}, Rr = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Lr = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Jd = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Qd = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, tf = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, ef = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, nf = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, sf = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, vt = (t) => Jd.test(t), R = (t) => !!t && !Number.isNaN(Number(t)), at = (t) => !!t && Number.isInteger(Number(t)), rn = (t) => t.endsWith("%") && R(t.slice(0, -1)), dt = (t) => Qd.test(t), Br = () => !0, of = (t) => (
+}, Rr = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Lr = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Jd = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Qd = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, tf = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, ef = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, nf = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, sf = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, vt = (t) => Jd.test(t), D = (t) => !!t && !Number.isNaN(Number(t)), at = (t) => !!t && Number.isInteger(Number(t)), rn = (t) => t.endsWith("%") && D(t.slice(0, -1)), dt = (t) => Qd.test(t), Br = () => !0, of = (t) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   tf.test(t) && !ef.test(t)
-), ts = () => !1, rf = (t) => nf.test(t), af = (t) => sf.test(t), lf = (t) => !A(t) && !E(t), cf = (t) => t.startsWith("@container") && (t[10] === "/" && t[11] !== void 0 || t[11] === "s" && t[16] !== void 0 && t.startsWith("-size/", 10) || t[11] === "n" && t[18] !== void 0 && t.startsWith("-normal/", 10)), uf = (t) => Tt(t, Or, ts), A = (t) => Rr.test(t), Et = (t) => Tt(t, jr, of), _i = (t) => Tt(t, vf, R), hf = (t) => Tt(t, Nr, Br), df = (t) => Tt(t, _r, ts), Ni = (t) => Tt(t, Ir, ts), ff = (t) => Tt(t, Fr, af), we = (t) => Tt(t, zr, rf), E = (t) => Lr.test(t), qt = (t) => Rt(t, jr), pf = (t) => Rt(t, _r), zi = (t) => Rt(t, Ir), mf = (t) => Rt(t, Or), gf = (t) => Rt(t, Fr), Te = (t) => Rt(t, zr, !0), yf = (t) => Rt(t, Nr, !0), Tt = (t, e, n) => {
+), ts = () => !1, rf = (t) => nf.test(t), af = (t) => sf.test(t), lf = (t) => !A(t) && !E(t), cf = (t) => t.startsWith("@container") && (t[10] === "/" && t[11] !== void 0 || t[11] === "s" && t[16] !== void 0 && t.startsWith("-size/", 10) || t[11] === "n" && t[18] !== void 0 && t.startsWith("-normal/", 10)), uf = (t) => Tt(t, Or, ts), A = (t) => Rr.test(t), Et = (t) => Tt(t, jr, of), _i = (t) => Tt(t, vf, D), hf = (t) => Tt(t, Nr, Br), df = (t) => Tt(t, _r, ts), Ni = (t) => Tt(t, Ir, ts), ff = (t) => Tt(t, Fr, af), we = (t) => Tt(t, zr, rf), E = (t) => Lr.test(t), qt = (t) => Rt(t, jr), pf = (t) => Rt(t, _r), zi = (t) => Rt(t, Ir), mf = (t) => Rt(t, Or), gf = (t) => Rt(t, Fr), Te = (t) => Rt(t, zr, !0), yf = (t) => Rt(t, Nr, !0), Tt = (t, e, n) => {
   const s = Rr.exec(t);
   return s ? s[1] ? e(s[1]) : n(s[2]) : !1;
 }, Rt = (t, e, n = !1) => {
@@ -5958,7 +5958,7 @@ const Md = (t, e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], S = () => [...V(), E, A], v = () => ["auto", "hidden", "clip", "visible", "scroll"], k = () => ["auto", "contain", "none"], p = () => [E, A, l], M = () => [vt, "full", "auto", ...p()], D = () => [at, "none", "subgrid", E, A], j = () => ["auto", {
+  ], S = () => [...V(), E, A], v = () => ["auto", "hidden", "clip", "visible", "scroll"], k = () => ["auto", "contain", "none"], p = () => [E, A, l], M = () => [vt, "full", "auto", ...p()], R = () => [at, "none", "subgrid", E, A], j = () => ["auto", {
     span: ["full", at, E, A]
   }, at, E, A], et = () => [at, "auto", E, A], K = () => ["auto", "min", "max", "fr", E, A], St = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], Z = () => ["auto", ...p()], gt = () => [vt, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...p()], Wt = () => [vt, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...p()], J = () => [vt, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...p()], C = () => [t, E, A], Kt = () => [...V(), zi, Ni, {
     position: [E, A]
@@ -5974,14 +5974,14 @@ const Md = (t, e) => {
     c,
     E,
     A
-  ], G = () => ["", R, qt, Et], At = () => ["solid", "dashed", "dotted", "double"], yt = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], F = () => [R, rn, zi, Ni], Pt = () => [
+  ], G = () => ["", D, qt, Et], At = () => ["solid", "dashed", "dotted", "double"], yt = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], F = () => [D, rn, zi, Ni], Pt = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     m,
     E,
     A
-  ], it = () => ["none", R, E, A], ot = () => ["none", R, E, A], ze = () => [R, E, A], fe = () => [vt, "full", ...p()];
+  ], it = () => ["none", D, E, A], ot = () => ["none", D, E, A], ze = () => [D, E, A], fe = () => [vt, "full", ...p()];
   return {
     cacheSize: 500,
     theme: {
@@ -6000,7 +6000,7 @@ const Md = (t, e) => {
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
       radius: [dt],
       shadow: [dt],
-      spacing: ["px", R],
+      spacing: ["px", D],
       text: [dt],
       "text-shadow": [dt],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
@@ -6039,7 +6039,7 @@ const Md = (t, e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [R, A, E, a]
+        columns: [D, A, E, a]
       }],
       /**
        * Break After
@@ -6296,21 +6296,21 @@ const Md = (t, e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [R, vt, "auto", "initial", "none", A]
+        flex: [D, vt, "auto", "initial", "none", A]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", R, E, A]
+        grow: ["", D, E, A]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", R, E, A]
+        shrink: ["", D, E, A]
       }],
       /**
        * Order
@@ -6324,7 +6324,7 @@ const Md = (t, e) => {
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": D()
+        "grid-cols": R()
       }],
       /**
        * Grid Column Start / End
@@ -6352,7 +6352,7 @@ const Md = (t, e) => {
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": D()
+        "grid-rows": R()
       }],
       /**
        * Grid Row Start / End
@@ -6864,7 +6864,7 @@ const Md = (t, e) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [R, "none", E, _i]
+        "line-clamp": [D, "none", E, _i]
       }],
       /**
        * Line Height
@@ -6937,7 +6937,7 @@ const Md = (t, e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [R, "from-font", "auto", E, Et]
+        decoration: [D, "from-font", "auto", E, Et]
       }],
       /**
        * Text Decoration Color
@@ -6951,7 +6951,7 @@ const Md = (t, e) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [R, "auto", E, A]
+        "underline-offset": [D, "auto", E, A]
       }],
       /**
        * Text Transform
@@ -7452,14 +7452,14 @@ const Md = (t, e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [R, E, A]
+        "outline-offset": [D, E, A]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", R, qt, Et]
+        outline: ["", D, qt, Et]
       }],
       /**
        * Outline Color
@@ -7534,7 +7534,7 @@ const Md = (t, e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [R, Et]
+        "ring-offset": [D, Et]
       }],
       /**
        * Ring Offset Color
@@ -7578,7 +7578,7 @@ const Md = (t, e) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [R, E, A]
+        opacity: [D, E, A]
       }],
       /**
        * Mix Blend Mode
@@ -7613,7 +7613,7 @@ const Md = (t, e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [R]
+        "mask-linear": [D]
       }],
       "mask-image-linear-from-pos": [{
         "mask-linear-from": F()
@@ -7727,7 +7727,7 @@ const Md = (t, e) => {
         "mask-radial-at": V()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [R]
+        "mask-conic": [D]
       }],
       "mask-image-conic-from-pos": [{
         "mask-conic-from": F()
@@ -7818,14 +7818,14 @@ const Md = (t, e) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [R, E, A]
+        brightness: [D, E, A]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [R, E, A]
+        contrast: [D, E, A]
       }],
       /**
        * Drop Shadow
@@ -7853,35 +7853,35 @@ const Md = (t, e) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", R, E, A]
+        grayscale: ["", D, E, A]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [R, E, A]
+        "hue-rotate": [D, E, A]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", R, E, A]
+        invert: ["", D, E, A]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [R, E, A]
+        saturate: [D, E, A]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", R, E, A]
+        sepia: ["", D, E, A]
       }],
       /**
        * Backdrop Filter
@@ -7908,56 +7908,56 @@ const Md = (t, e) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [R, E, A]
+        "backdrop-brightness": [D, E, A]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [R, E, A]
+        "backdrop-contrast": [D, E, A]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", R, E, A]
+        "backdrop-grayscale": ["", D, E, A]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [R, E, A]
+        "backdrop-hue-rotate": [D, E, A]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", R, E, A]
+        "backdrop-invert": ["", D, E, A]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [R, E, A]
+        "backdrop-opacity": [D, E, A]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [R, E, A]
+        "backdrop-saturate": [D, E, A]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", R, E, A]
+        "backdrop-sepia": ["", D, E, A]
       }],
       // --------------
       // --- Tables ---
@@ -8026,7 +8026,7 @@ const Md = (t, e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [R, "initial", E, A]
+        duration: [D, "initial", E, A]
       }],
       /**
        * Transition Timing Function
@@ -8040,7 +8040,7 @@ const Md = (t, e) => {
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [R, E, A]
+        delay: [D, E, A]
       }],
       /**
        * Animation
@@ -8547,7 +8547,7 @@ const Md = (t, e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [R, qt, Et, _i]
+        stroke: [D, qt, Et, _i]
       }],
       /**
        * Stroke
@@ -8723,36 +8723,36 @@ const Tf = ["aria-label", "aria-disabled"], Sf = ["aria-checked", "aria-label",
     }, d = (v, k) => {
       const p = i.items;
       let M = v;
-      for (let D = 0; D < p.length; D++)
+      for (let R = 0; R < p.length; R++)
         if (M = (M + k + p.length) % p.length, !c(p[M])) return M;
       return v;
     }, m = (v, k) => {
       var et;
       const p = i.items, M = p[k];
       if (!M || c(M)) return;
-      let D = null;
+      let R;
       switch (v.key) {
         case "ArrowRight":
         case "ArrowDown":
-          D = d(k, 1);
+          R = d(k, 1);
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          D = d(k, -1);
+          R = d(k, -1);
           break;
         case "Home":
-          D = p.findIndex((K) => !c(K));
+          R = p.findIndex((K) => !c(K));
           break;
         case "End":
-          D = [...p].reverse().findIndex((K) => !c(K)), D >= 0 && (D = p.length - 1 - D);
+          R = [...p].reverse().findIndex((K) => !c(K)), R >= 0 && (R = p.length - 1 - R);
           break;
         default:
           return;
       }
-      if (D === null || D < 0 || D === k) return;
+      if (R < 0 || R === k) return;
       v.preventDefault();
-      const j = p[D];
-      j && (u(j), (et = o.value[D]) == null || et.focus());
+      const j = p[R];
+      j && (u(j), (et = o.value[R]) == null || et.focus());
     }, g = Zt(() => {
       const v = i.items.findIndex((k) => k.value === i.modelValue);
       return v >= 0 ? v : 0;
@@ -8777,9 +8777,7 @@ const Tf = ["aria-label", "aria-disabled"], Sf = ["aria-checked", "aria-label",
       i.ui.label,
       l(v) && n.labelSelected,
       l(v) && i.ui.labelSelected
-    ), V = Zt(
-      () => Pe(n.indicator, i.ui.indicator)
-    ), S = {
+    ), V = Zt(() => Pe(n.indicator, i.ui.indicator)), S = {
       type: "spring",
       visualDuration: 0.2,
       bounce: 0.2
@@ -8805,7 +8803,7 @@ const Tf = ["aria-label", "aria-disabled"], Sf = ["aria-checked", "aria-label",
       (me(!0), $e(la, null, ca(t.items, (p, M) => (me(), $e("button", {
         key: p.value,
         ref_for: !0,
-        ref: (D) => a(D, M),
+        ref: (R) => a(R, M),
         type: "button",
         role: "radio",
         "data-testid": "segmented-control-segment",
@@ -8815,8 +8813,8 @@ const Tf = ["aria-label", "aria-disabled"], Sf = ["aria-checked", "aria-label",
         "aria-label": p.label,
         tabindex: f(M),
         disabled: c(p),
-        onClick: (D) => u(p),
-        onKeydown: (D) => m(D, M)
+        onClick: (R) => u(p),
+        onKeydown: (R) => m(R, M)
       }, [
         ua("span", {
           "data-testid": "segmented-control-label",