react-semaphor 0.1.525 → 0.1.527

package/dist/chunks/slider-B6LELqx6.js

@@ -0,0 +1,876 @@
+import { jsxs as B, jsx as p, Fragment as fe } from "react/jsx-runtime";
+import * as C from "react";
+import Ue, { useState as pe, useRef as F, useCallback as W, useEffect as Q, forwardRef as ge, useMemo as T, memo as Qe, Suspense as Ye } from "react";
+import { ax as $e, ay as oe, az as he, aA as Ge, aB as je, aC as We, aD as Xe, aE as Je, aF as Ze, aG as et, aH as tt, aI as nt, aJ as rt, aK as ot, aL as st, aM as at } from "./semaphor-ready-indicator-D46I_4g7.js";
+import { a4 as Se, a5 as z, a6 as k, c as ve, a7 as it, a2 as L, a3 as ye, C as be, B as lt, a8 as ct, a9 as ut, u as Z, aa as dt, ab as ft, ac as H, ad as mt, ae as Ce, af as pt, ag as gt } from "./switch-_7uBAbYx.js";
+import "./x-CXDkqdur.js";
+import "./validators-CQcG0EPN.js";
+import "./matrix-operation-contract-BV02rLhu.js";
+import "zod";
+import "../value-format-preferences/index.js";
+import { u as Ee, r as we, f as Re } from "./editor-action-buttons-G91NQKxU.js";
+import { M as ht } from "./selection-reducer-C7Um5XN-.js";
+import "./card-config-utils-BlIbwkuD.js";
+import { P as St, r as vt, g as yt, a as me, b as ee, n as bt, c as Ct } from "./index-BvJOYbNv.js";
+import { u as Et } from "./appearance-context-DEYtWinQ.js";
+const dn = Ue.memo(function({
+  context: t = "editor"
+} = {}) {
+  return /* @__PURE__ */ B(
+    "div",
+    {
+      "data-content": "fields-section",
+      className: "flex h-full grow flex-col items-center overflow-hidden",
+      children: [
+        " ",
+        /* @__PURE__ */ p($e, { context: t }),
+        " "
+      ]
+    }
+  );
+});
+var xe = "Toggle", Pe = C.forwardRef((e, t) => {
+  const { pressed: o, defaultPressed: r, onPressedChange: s, ...l } = e, [n, a] = Se({
+    prop: o,
+    onChange: s,
+    defaultProp: r ?? !1,
+    caller: xe
+  });
+  return /* @__PURE__ */ p(
+    z.button,
+    {
+      type: "button",
+      "aria-pressed": n,
+      "data-state": n ? "on" : "off",
+      "data-disabled": e.disabled ? "" : void 0,
+      ...l,
+      ref: t,
+      onClick: k(e.onClick, () => {
+        e.disabled || a(!n);
+      })
+    }
+  );
+});
+Pe.displayName = xe;
+var De = Pe;
+const wt = it(
+  "inline-flex items-center justify-center rounded-control text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-10 px-3",
+        sm: "h-9 px-2.5",
+        lg: "h-11 px-5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), Rt = C.forwardRef(({ className: e, variant: t, size: o, ...r }, s) => /* @__PURE__ */ p(
+  De,
+  {
+    ref: s,
+    className: ve(wt({ variant: t, size: o, className: e })),
+    ...r
+  }
+));
+Rt.displayName = De.displayName;
+function Te({
+  storeValue: e,
+  defaultValue: t = "",
+  onStoreUpdate: o,
+  delay: r = 300
+}) {
+  const [s, l] = pe(e ?? t), n = F(null), a = F(s), u = F(e), g = F(!1), S = W(() => {
+    n.current && (clearTimeout(n.current), n.current = null), g.current && a.current !== (u.current ?? t) && (o(a.current), u.current = a.current);
+  }, [t, o]);
+  Q(() => {
+    if (e !== u.current) {
+      n.current && (clearTimeout(n.current), n.current = null);
+      const c = e ?? t;
+      l(c), a.current = c, u.current = e, g.current = !1;
+    }
+  }, [e, t]), Q(() => {
+    if (g.current)
+      return n.current = setTimeout(() => {
+        S();
+      }, r), () => {
+        n.current && (clearTimeout(n.current), n.current = null);
+      };
+  }, [r, S, s]), Q(() => () => {
+    n.current && clearTimeout(n.current);
+  }, []);
+  const i = W(
+    (c) => {
+      const b = c ?? t;
+      g.current = !0, a.current = b, l(b);
+    },
+    [t]
+  );
+  return { value: s, onChange: i, flush: S };
+}
+const xt = 300;
+function Pt({ onExpand: e }, t) {
+  const o = L((f) => f.card.sql), r = L((f) => f.sqlGen), s = L((f) => f.card), l = Ee(), { setCardSql: n, setSqlGen: a, setRunSql: u } = ye(), g = T(() => l !== s.type ? { ...s, type: l } : s, [s, l]), { queryKey: S } = oe(g), i = he(), c = F(S);
+  c.current = S;
+  const b = F(r);
+  b.current = r;
+  const E = W(
+    (f) => {
+      n(f);
+    },
+    [n]
+  ), {
+    value: d,
+    onChange: h,
+    flush: v
+  } = Te({
+    storeValue: o,
+    defaultValue: "",
+    onStoreUpdate: E,
+    delay: xt
+  });
+  Q(() => we(v), [v]);
+  function P(f) {
+    h(f), ct(b.current) || a({});
+  }
+  return /* @__PURE__ */ B("div", { className: "relative h-full w-full", children: [
+    /* @__PURE__ */ p(
+      be,
+      {
+        ref: t,
+        value: d ?? "",
+        onValueChange: P,
+        language: "sql-jinja",
+        embedded: !0,
+        hideLineNumbers: !0,
+        wrapLines: !0,
+        placeholder: "Write your SQL here",
+        onKeyDown: (f) => {
+          f.key === "Enter" && f.shiftKey && (f.preventDefault(), Re(), setTimeout(() => {
+            i.removeQueries({
+              queryKey: c.current,
+              exact: !0
+            }), u(!0);
+          }, 0));
+        }
+      }
+    ),
+    e ? /* @__PURE__ */ p(
+      lt,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        className: "absolute right-2.5 top-2 z-20 h-7 w-7 bg-background/80 p-0 text-muted-foreground backdrop-blur-sm transition-colors hover:bg-accent hover:text-foreground focus-visible:text-foreground",
+        onClick: e,
+        "aria-label": "Expand SQL editor",
+        title: "Expand SQL editor",
+        children: /* @__PURE__ */ p(ht, { className: "h-3.5 w-3.5", strokeWidth: 1.75 })
+      }
+    ) : null
+  ] });
+}
+const fn = ge(Pt), Dt = 300;
+function Tt(e, t) {
+  const o = L((E) => E.card.python), r = L((E) => E.card), s = Ee(), { setCardPython: l, setRunSql: n } = ye(), a = T(() => s !== r.type ? { ...r, type: s } : r, [r, s]), { queryKey: u } = oe(a), g = he(), S = F(u);
+  S.current = u;
+  const { value: i, onChange: c, flush: b } = Te({
+    storeValue: o,
+    defaultValue: St,
+    onStoreUpdate: l,
+    delay: Dt
+  });
+  return Q(() => we(b), [b]), /* @__PURE__ */ p(
+    be,
+    {
+      ref: t,
+      value: i ?? "",
+      onValueChange: c,
+      language: "python",
+      embedded: !0,
+      hideLineNumbers: !0,
+      wrapLines: !0,
+      className: "[&_.code-editor-pre]:!pt-2 [&_.code-editor-textarea]:!pt-2",
+      onKeyDown: (E) => {
+        E.key === "Enter" && E.shiftKey && (E.preventDefault(), Re(), setTimeout(() => {
+          g.removeQueries({
+            queryKey: S.current,
+            exact: !0
+          }), n(!0);
+        }, 0));
+      }
+    }
+  );
+}
+const mn = ge(Tt), _t = /* @__PURE__ */ new Set([
+  "askForMoreInfo",
+  "getAvailableChartTypes",
+  "getChartSQLSyntax",
+  "getDomainRelationships",
+  "getTableColumns",
+  "getUserSql",
+  "validateCardConfigFormat"
+]), pn = /* @__PURE__ */ new Set([
+  "createChartFromSql",
+  "createForecast",
+  "generateQueryConfig",
+  "getChartDataFromCardConfig",
+  "getChartDataFromSqlAndPython",
+  "getForecastDataFromSqlAndPython"
+]), gn = Array.from(
+  _t
+).join(", "), hn = 3, Sn = "Self-heal", vn = /* @__PURE__ */ new Set([
+  "SQL_PARSE_ERROR",
+  "SQL_EXPLAIN_ERROR"
+]);
+function It({ card: e }) {
+  var ie, le, ce, ue, de;
+  const t = Ge(), [o, r] = pe({}), { authToken: s } = je(), l = ut(s == null ? void 0 : s.accessToken), { compiledAppearance: n } = Et(), a = T(
+    () => We(n),
+    [n]
+  ), u = L((m) => m.frame), g = L(
+    (m) => m.inlineFilterValuesMap[e.id]
+  ), S = L(
+    (m) => m.actions.setCardInlineFilterValue
+  ), i = L(
+    (m) => m.actions.removeCardInlineFilterValue
+  ), c = e, { getCard: b, manifest: E } = Xe(
+    ((ie = c.customCardPreferences) == null ? void 0 : ie.url) || ""
+  ), d = (le = E == null ? void 0 : E.visuals) == null ? void 0 : le.find(
+    (m) => {
+      var D;
+      return m.name === ((D = c.customCardPreferences) == null ? void 0 : D.componentName);
+    }
+  ), h = vt(c, d) ?? "single", v = T(
+    () => yt({
+      frame: u,
+      configCard: c,
+      isMultiInputVisual: h === "multiple"
+    }),
+    [u, c, h]
+  ), P = T(() => {
+    const m = v.findIndex(
+      (D) => (D == null ? void 0 : D.id) === e.id
+    );
+    return m < 0 ? -1 : me(e, m);
+  }, [v, e]), f = T(() => h !== "multiple" || P < 0 ? e.type : ee(
+    e,
+    P,
+    d == null ? void 0 : d.slots
+  ) ?? e.type, [h, P, e, d == null ? void 0 : d.slots]), w = T(() => h === "multiple" ? {
+    ...e,
+    connectionId: void 0,
+    dataSource: void 0,
+    sql: "",
+    python: "",
+    config: void 0,
+    queryConfig: void 0
+  } : f !== e.type ? { ...e, type: f } : e, [e, f, h]), { data: y, effectiveCardConfig: K } = oe(w), O = Je(), Y = Z((m) => m.dashboard.filters), $ = Z((m) => m.filterValues), _ = Z((m) => m.selectedSheetId), R = T(
+    () => Ze({
+      card: e,
+      sheetId: _ || "",
+      inlineFilterValues: g,
+      setInlineFilterValue: (m) => S(e.id, m),
+      removeInlineFilterValue: (m) => i(e.id, m)
+    }),
+    [
+      e,
+      _,
+      g,
+      S,
+      i
+    ]
+  ), { cardFilters: I, cardFilterValues: M } = T(
+    () => et({
+      card: e,
+      transientContexts: O,
+      filters: Y,
+      filterValues: $,
+      selectedSheetId: _
+    }),
+    [
+      e,
+      O,
+      Y,
+      $,
+      _
+    ]
+  ), q = W(
+    (m, D) => {
+      const j = bt(D);
+      r((J) => ({
+        ...J,
+        [m]: j
+      }));
+    },
+    []
+  ), A = (ce = c.customCardPreferences) == null ? void 0 : ce.componentName, N = A ? b(A) : null, V = tt(
+    (ue = c.customCardPreferences) == null ? void 0 : ue.settings,
+    c
+  ), x = T(
+    () => Ct(v),
+    [v]
+  ), G = T(
+    () => x.map(
+      (m, D) => ee(
+        m,
+        D,
+        d == null ? void 0 : d.slots
+      )
+    ),
+    [x, d == null ? void 0 : d.slots]
+  ), ae = T(
+    () => nt(
+      h === "multiple" ? rt({
+        slotOrderedCards: x,
+        multiInputData: o,
+        valueFormatPreferences: t
+      }) : [
+        {
+          card: e,
+          cardConfig: K,
+          columns: y == null ? void 0 : y.columns,
+          columnKeyMap: y == null ? void 0 : y.columnKeyMap,
+          valueFormatPreferences: t
+        }
+      ]
+    ),
+    [
+      e,
+      y == null ? void 0 : y.columnKeyMap,
+      y == null ? void 0 : y.columns,
+      K,
+      o,
+      x,
+      h,
+      t
+    ]
+  );
+  return A ? /* @__PURE__ */ p("div", { className: "semaphor-custom mb-3 flex grow basis-0 flex-col space-y-2 overflow-y-auto", children: /* @__PURE__ */ B(
+    Ye,
+    {
+      fallback: /* @__PURE__ */ p(fe, {}),
+      children: [
+        N && h === "single" && /* @__PURE__ */ p(
+          N,
+          {
+            editing: !0,
+            params: l,
+            theme: a,
+            settings: V,
+            cardMetadata: ot({
+              card: e,
+              dataMetadata: y == null ? void 0 : y.metadata
+            }),
+            onDataChange: q,
+            data: (y == null ? void 0 : y.records) || [],
+            columns: (y == null ? void 0 : y.columns) || [],
+            formatTemporalBucketValue: ae,
+            filters: I,
+            filterValues: [
+              ...M || [],
+              ...g || []
+            ],
+            inlineFilters: R
+          }
+        ),
+        N && h === "multiple" && /* @__PURE__ */ B(fe, { children: [
+          v.map((m, D) => {
+            if (!m) return null;
+            const j = me(m, D), J = ee(
+              m,
+              j,
+              d == null ? void 0 : d.slots
+            );
+            return /* @__PURE__ */ p(
+              st,
+              {
+                onDataChange: q,
+                card: m,
+                effectiveCardType: J
+              },
+              `${m.id}-${j}`
+            );
+          }),
+          /* @__PURE__ */ p("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ p(
+            N,
+            {
+              editing: !0,
+              onDataChange: q,
+              ...at({
+                configCard: c,
+                slotOrderedCards: x,
+                slotTypes: G,
+                multiInputData: o,
+                params: l,
+                theme: a,
+                chartSettings: V,
+                filters: I,
+                filterValues: [
+                  ...M || [],
+                  ...g || []
+                ],
+                inlineFilters: R,
+                formatTemporalBucketValue: ae
+              })
+            }
+          ) })
+        ] })
+      ]
+    },
+    (de = c.customCardPreferences) == null ? void 0 : de.componentName
+  ) }) : null;
+}
+const yn = Qe(It);
+var _e = ["PageUp", "PageDown"], Ie = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Ne = {
+  "from-left": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
+  "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
+  "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
+  "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
+}, U = "Slider", [te, Nt, Mt] = ft(U), [Me] = dt(U, [
+  Mt
+]), [Vt, X] = Me(U), Ve = C.forwardRef(
+  (e, t) => {
+    const {
+      name: o,
+      min: r = 0,
+      max: s = 100,
+      step: l = 1,
+      orientation: n = "horizontal",
+      disabled: a = !1,
+      minStepsBetweenThumbs: u = 0,
+      defaultValue: g = [r],
+      value: S,
+      onValueChange: i = () => {
+      },
+      onValueCommit: c = () => {
+      },
+      inverted: b = !1,
+      form: E,
+      ...d
+    } = e, h = C.useRef(/* @__PURE__ */ new Set()), v = C.useRef(0), f = n === "horizontal" ? Lt : At, [w = [], y] = Se({
+      prop: S,
+      defaultProp: g,
+      onChange: (R) => {
+        var M;
+        (M = [...h.current][v.current]) == null || M.focus(), i(R);
+      }
+    }), K = C.useRef(w);
+    function O(R) {
+      const I = qt(w, R);
+      _(R, I);
+    }
+    function Y(R) {
+      _(R, v.current);
+    }
+    function $() {
+      const R = K.current[v.current];
+      w[v.current] !== R && c(w);
+    }
+    function _(R, I, { commit: M } = { commit: !1 }) {
+      const q = Ut(l), A = Qt(Math.round((R - r) / l) * l + r, q), N = Ce(A, [r, s]);
+      y((V = []) => {
+        const x = Kt(V, N, I);
+        if (Ht(x, u * l)) {
+          v.current = x.indexOf(N);
+          const G = String(x) !== String(V);
+          return G && M && c(x), G ? x : V;
+        } else
+          return V;
+      });
+    }
+    return /* @__PURE__ */ p(
+      Vt,
+      {
+        scope: e.__scopeSlider,
+        name: o,
+        disabled: a,
+        min: r,
+        max: s,
+        valueIndexToChangeRef: v,
+        thumbs: h.current,
+        values: w,
+        orientation: n,
+        form: E,
+        children: /* @__PURE__ */ p(te.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ p(te.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ p(
+          f,
+          {
+            "aria-disabled": a,
+            "data-disabled": a ? "" : void 0,
+            ...d,
+            ref: t,
+            onPointerDown: k(d.onPointerDown, () => {
+              a || (K.current = w);
+            }),
+            min: r,
+            max: s,
+            inverted: b,
+            onSlideStart: a ? void 0 : O,
+            onSlideMove: a ? void 0 : Y,
+            onSlideEnd: a ? void 0 : $,
+            onHomeKeyDown: () => !a && _(r, 0, { commit: !0 }),
+            onEndKeyDown: () => !a && _(s, w.length - 1, { commit: !0 }),
+            onStepKeyDown: ({ event: R, direction: I }) => {
+              if (!a) {
+                const A = _e.includes(R.key) || R.shiftKey && Ie.includes(R.key) ? 10 : 1, N = v.current, V = w[N], x = l * A * I;
+                _(V + x, N, { commit: !0 });
+              }
+            }
+          }
+        ) }) })
+      }
+    );
+  }
+);
+Ve.displayName = U;
+var [Le, Ae] = Me(U, {
+  startEdge: "left",
+  endEdge: "right",
+  size: "width",
+  direction: 1
+}), Lt = C.forwardRef(
+  (e, t) => {
+    const {
+      min: o,
+      max: r,
+      dir: s,
+      inverted: l,
+      onSlideStart: n,
+      onSlideMove: a,
+      onSlideEnd: u,
+      onStepKeyDown: g,
+      ...S
+    } = e, [i, c] = C.useState(null), b = H(t, (f) => c(f)), E = C.useRef(void 0), d = mt(s), h = d === "ltr", v = h && !l || !h && l;
+    function P(f) {
+      const w = E.current || i.getBoundingClientRect(), y = [0, w.width], O = se(y, v ? [o, r] : [r, o]);
+      return E.current = w, O(f - w.left);
+    }
+    return /* @__PURE__ */ p(
+      Le,
+      {
+        scope: e.__scopeSlider,
+        startEdge: v ? "left" : "right",
+        endEdge: v ? "right" : "left",
+        direction: v ? 1 : -1,
+        size: "width",
+        children: /* @__PURE__ */ p(
+          Fe,
+          {
+            dir: d,
+            "data-orientation": "horizontal",
+            ...S,
+            ref: b,
+            style: {
+              ...S.style,
+              "--radix-slider-thumb-transform": "translateX(-50%)"
+            },
+            onSlideStart: (f) => {
+              const w = P(f.clientX);
+              n == null || n(w);
+            },
+            onSlideMove: (f) => {
+              const w = P(f.clientX);
+              a == null || a(w);
+            },
+            onSlideEnd: () => {
+              E.current = void 0, u == null || u();
+            },
+            onStepKeyDown: (f) => {
+              const y = Ne[v ? "from-left" : "from-right"].includes(f.key);
+              g == null || g({ event: f, direction: y ? -1 : 1 });
+            }
+          }
+        )
+      }
+    );
+  }
+), At = C.forwardRef(
+  (e, t) => {
+    const {
+      min: o,
+      max: r,
+      inverted: s,
+      onSlideStart: l,
+      onSlideMove: n,
+      onSlideEnd: a,
+      onStepKeyDown: u,
+      ...g
+    } = e, S = C.useRef(null), i = H(t, S), c = C.useRef(void 0), b = !s;
+    function E(d) {
+      const h = c.current || S.current.getBoundingClientRect(), v = [0, h.height], f = se(v, b ? [r, o] : [o, r]);
+      return c.current = h, f(d - h.top);
+    }
+    return /* @__PURE__ */ p(
+      Le,
+      {
+        scope: e.__scopeSlider,
+        startEdge: b ? "bottom" : "top",
+        endEdge: b ? "top" : "bottom",
+        size: "height",
+        direction: b ? 1 : -1,
+        children: /* @__PURE__ */ p(
+          Fe,
+          {
+            "data-orientation": "vertical",
+            ...g,
+            ref: i,
+            style: {
+              ...g.style,
+              "--radix-slider-thumb-transform": "translateY(50%)"
+            },
+            onSlideStart: (d) => {
+              const h = E(d.clientY);
+              l == null || l(h);
+            },
+            onSlideMove: (d) => {
+              const h = E(d.clientY);
+              n == null || n(h);
+            },
+            onSlideEnd: () => {
+              c.current = void 0, a == null || a();
+            },
+            onStepKeyDown: (d) => {
+              const v = Ne[b ? "from-bottom" : "from-top"].includes(d.key);
+              u == null || u({ event: d, direction: v ? -1 : 1 });
+            }
+          }
+        )
+      }
+    );
+  }
+), Fe = C.forwardRef(
+  (e, t) => {
+    const {
+      __scopeSlider: o,
+      onSlideStart: r,
+      onSlideMove: s,
+      onSlideEnd: l,
+      onHomeKeyDown: n,
+      onEndKeyDown: a,
+      onStepKeyDown: u,
+      ...g
+    } = e, S = X(U, o);
+    return /* @__PURE__ */ p(
+      z.span,
+      {
+        ...g,
+        ref: t,
+        onKeyDown: k(e.onKeyDown, (i) => {
+          i.key === "Home" ? (n(i), i.preventDefault()) : i.key === "End" ? (a(i), i.preventDefault()) : _e.concat(Ie).includes(i.key) && (u(i), i.preventDefault());
+        }),
+        onPointerDown: k(e.onPointerDown, (i) => {
+          const c = i.target;
+          c.setPointerCapture(i.pointerId), i.preventDefault(), S.thumbs.has(c) ? c.focus() : r(i);
+        }),
+        onPointerMove: k(e.onPointerMove, (i) => {
+          i.target.hasPointerCapture(i.pointerId) && s(i);
+        }),
+        onPointerUp: k(e.onPointerUp, (i) => {
+          const c = i.target;
+          c.hasPointerCapture(i.pointerId) && (c.releasePointerCapture(i.pointerId), l(i));
+        })
+      }
+    );
+  }
+), ke = "SliderTrack", Ke = C.forwardRef(
+  (e, t) => {
+    const { __scopeSlider: o, ...r } = e, s = X(ke, o);
+    return /* @__PURE__ */ p(
+      z.span,
+      {
+        "data-disabled": s.disabled ? "" : void 0,
+        "data-orientation": s.orientation,
+        ...r,
+        ref: t
+      }
+    );
+  }
+);
+Ke.displayName = ke;
+var ne = "SliderRange", Oe = C.forwardRef(
+  (e, t) => {
+    const { __scopeSlider: o, ...r } = e, s = X(ne, o), l = Ae(ne, o), n = C.useRef(null), a = H(t, n), u = s.values.length, g = s.values.map(
+      (c) => ze(c, s.min, s.max)
+    ), S = u > 1 ? Math.min(...g) : 0, i = 100 - Math.max(...g);
+    return /* @__PURE__ */ p(
+      z.span,
+      {
+        "data-orientation": s.orientation,
+        "data-disabled": s.disabled ? "" : void 0,
+        ...r,
+        ref: a,
+        style: {
+          ...e.style,
+          [l.startEdge]: S + "%",
+          [l.endEdge]: i + "%"
+        }
+      }
+    );
+  }
+);
+Oe.displayName = ne;
+var re = "SliderThumb", qe = C.forwardRef(
+  (e, t) => {
+    const o = Nt(e.__scopeSlider), [r, s] = C.useState(null), l = H(t, (a) => s(a)), n = C.useMemo(
+      () => r ? o().findIndex((a) => a.ref.current === r) : -1,
+      [o, r]
+    );
+    return /* @__PURE__ */ p(Ft, { ...e, ref: l, index: n });
+  }
+), Ft = C.forwardRef(
+  (e, t) => {
+    const { __scopeSlider: o, index: r, name: s, ...l } = e, n = X(re, o), a = Ae(re, o), [u, g] = C.useState(null), S = H(t, (P) => g(P)), i = u ? n.form || !!u.closest("form") : !0, c = pt(u), b = n.values[r], E = b === void 0 ? 0 : ze(b, n.min, n.max), d = Ot(r, n.values.length), h = c == null ? void 0 : c[a.size], v = h ? Bt(h, E, a.direction) : 0;
+    return C.useEffect(() => {
+      if (u)
+        return n.thumbs.add(u), () => {
+          n.thumbs.delete(u);
+        };
+    }, [u, n.thumbs]), /* @__PURE__ */ B(
+      "span",
+      {
+        style: {
+          transform: "var(--radix-slider-thumb-transform)",
+          position: "absolute",
+          [a.startEdge]: `calc(${E}% + ${v}px)`
+        },
+        children: [
+          /* @__PURE__ */ p(te.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ p(
+            z.span,
+            {
+              role: "slider",
+              "aria-label": e["aria-label"] || d,
+              "aria-valuemin": n.min,
+              "aria-valuenow": b,
+              "aria-valuemax": n.max,
+              "aria-orientation": n.orientation,
+              "data-orientation": n.orientation,
+              "data-disabled": n.disabled ? "" : void 0,
+              tabIndex: n.disabled ? void 0 : 0,
+              ...l,
+              ref: S,
+              style: b === void 0 ? { display: "none" } : e.style,
+              onFocus: k(e.onFocus, () => {
+                n.valueIndexToChangeRef.current = r;
+              })
+            }
+          ) }),
+          i && /* @__PURE__ */ p(
+            Be,
+            {
+              name: s ?? (n.name ? n.name + (n.values.length > 1 ? "[]" : "") : void 0),
+              form: n.form,
+              value: b
+            },
+            r
+          )
+        ]
+      }
+    );
+  }
+);
+qe.displayName = re;
+var kt = "RadioBubbleInput", Be = C.forwardRef(
+  ({ __scopeSlider: e, value: t, ...o }, r) => {
+    const s = C.useRef(null), l = H(s, r), n = gt(t);
+    return C.useEffect(() => {
+      const a = s.current;
+      if (!a) return;
+      const u = window.HTMLInputElement.prototype, S = Object.getOwnPropertyDescriptor(u, "value").set;
+      if (n !== t && S) {
+        const i = new Event("input", { bubbles: !0 });
+        S.call(a, t), a.dispatchEvent(i);
+      }
+    }, [n, t]), /* @__PURE__ */ p(
+      z.input,
+      {
+        style: { display: "none" },
+        ...o,
+        ref: l,
+        defaultValue: t
+      }
+    );
+  }
+);
+Be.displayName = kt;
+function Kt(e = [], t, o) {
+  const r = [...e];
+  return r[o] = t, r.sort((s, l) => s - l);
+}
+function ze(e, t, o) {
+  const l = 100 / (o - t) * (e - t);
+  return Ce(l, [0, 100]);
+}
+function Ot(e, t) {
+  return t > 2 ? `Value ${e + 1} of ${t}` : t === 2 ? ["Minimum", "Maximum"][e] : void 0;
+}
+function qt(e, t) {
+  if (e.length === 1) return 0;
+  const o = e.map((s) => Math.abs(s - t)), r = Math.min(...o);
+  return o.indexOf(r);
+}
+function Bt(e, t, o) {
+  const r = e / 2, l = se([0, 50], [0, r]);
+  return (r - l(t) * o) * o;
+}
+function zt(e) {
+  return e.slice(0, -1).map((t, o) => e[o + 1] - t);
+}
+function Ht(e, t) {
+  if (t > 0) {
+    const o = zt(e);
+    return Math.min(...o) >= t;
+  }
+  return !0;
+}
+function se(e, t) {
+  return (o) => {
+    if (e[0] === e[1] || t[0] === t[1]) return t[0];
+    const r = (t[1] - t[0]) / (e[1] - e[0]);
+    return t[0] + r * (o - e[0]);
+  };
+}
+function Ut(e) {
+  return (String(e).split(".")[1] || "").length;
+}
+function Qt(e, t) {
+  const o = Math.pow(10, t);
+  return Math.round(e * o) / o;
+}
+var He = Ve, Yt = Ke, $t = Oe, Gt = qe;
+const jt = C.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ B(
+  He,
+  {
+    ref: o,
+    className: ve(
+      "relative flex w-full touch-none select-none items-center",
+      e
+    ),
+    ...t,
+    children: [
+      /* @__PURE__ */ p(Yt, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ p($t, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ p(Gt, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background 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" })
+    ]
+  }
+));
+jt.displayName = He.displayName;
+export {
+  yn as E,
+  dn as F,
+  gn as I,
+  hn as M,
+  mn as P,
+  vn as R,
+  Sn as S,
+  Rt as T,
+  pn as a,
+  _t as b,
+  fn as c,
+  jt as d
+};