react-semaphor 0.1.532 → 0.1.534

package/dist/chunks/slider-DbwmuVB-.js

@@ -0,0 +1,875 @@
+import { jsxs as Q, jsx as p, Fragment as me } from "react/jsx-runtime";
+import * as C from "react";
+import Ue, { useState as he, useRef as F, useCallback as W, useEffect as U, forwardRef as ge, useMemo as _, memo as Qe, Suspense as Ye } from "react";
+import { aP as $e, aQ as oe, aR as Se, aS as je, aD as Ge, aT as We, aU as Xe, aV as Ze, aW as Je, aX as et, aY as tt, aZ as nt, a_ as rt, a$ as ot, b0 as st, b1 as at } from "./semaphor-ready-indicator-z4SNdxiC.js";
+import { a2 as L, a3 as ye, C as ve, a7 as it, c as se, a8 as lt, u as J, a9 as be, aa as B, ab as K, ac as ct, ad as ut, ae as dt, af as H, ag as ft, ah as Ce, ai as mt, aj as pt } from "./switch-BR3Xgbqr.js";
+import { f as ht, u as Ee, r as Re } from "./editor-action-buttons-CVtSO3I3.js";
+import "./x-CXDkqdur.js";
+import "./validators-DMSH81OM.js";
+import "./matrix-operation-contract-BKupLHXL.js";
+import "zod";
+import "../value-format-preferences/index.js";
+import { u as gt } from "./appearance-context-DEYtWinQ.js";
+import { r as St, g as yt, a as pe, b as ee, n as vt, c as bt } from "./index-BQl5rC54.js";
+const ln = Ue.memo(function({
+  context: t = "editor"
+} = {}) {
+  return /* @__PURE__ */ Q(
+    "div",
+    {
+      "data-content": "fields-section",
+      className: "flex h-full grow flex-col items-center overflow-hidden",
+      children: [
+        " ",
+        /* @__PURE__ */ p($e, { context: t }),
+        " "
+      ]
+    }
+  );
+});
+function we({
+  storeValue: e,
+  defaultValue: t = "",
+  onStoreUpdate: r,
+  delay: o = 300
+}) {
+  const [s, l] = he(e ?? t), n = F(null), a = F(s), u = F(e), h = F(!1), S = W(() => {
+    n.current && (clearTimeout(n.current), n.current = null), h.current && a.current !== (u.current ?? t) && (r(a.current), u.current = a.current);
+  }, [t, r]);
+  U(() => {
+    if (e !== u.current) {
+      n.current && (clearTimeout(n.current), n.current = null);
+      const c = e ?? t;
+      l(c), a.current = c, u.current = e, h.current = !1;
+    }
+  }, [e, t]), U(() => {
+    if (h.current)
+      return n.current = setTimeout(() => {
+        S();
+      }, o), () => {
+        n.current && (clearTimeout(n.current), n.current = null);
+      };
+  }, [o, S, s]), U(() => () => {
+    n.current && clearTimeout(n.current);
+  }, []);
+  const i = W(
+    (c) => {
+      const b = c ?? t;
+      h.current = !0, a.current = b, l(b);
+    },
+    [t]
+  );
+  return { value: s, onChange: i, flush: S };
+}
+function Pe({
+  queryClient: e,
+  readQueryKey: t,
+  setRunSql: r
+}) {
+  ht(), setTimeout(() => {
+    e.resetQueries({ queryKey: t(), exact: !0 }), r(!0);
+  }, 0);
+}
+const Ct = 300;
+function Et({ className: e }, t) {
+  const r = L((f) => f.card.sql), o = L((f) => f.sqlGen), s = L((f) => f.card), l = Ee(), { setCardSql: n, setSqlGen: a, setRunSql: u } = ye(), h = _(() => l !== s.type ? { ...s, type: l } : s, [s, l]), { queryKey: S } = oe(h), i = Se(), c = F(S);
+  c.current = S;
+  const b = F(o);
+  b.current = o;
+  const E = W(
+    (f) => {
+      n(f);
+    },
+    [n]
+  ), {
+    value: d,
+    onChange: g,
+    flush: y
+  } = we({
+    storeValue: r,
+    defaultValue: "",
+    onStoreUpdate: E,
+    delay: Ct
+  });
+  U(() => Re(y), [y]);
+  function x(f) {
+    g(f), it(b.current) || a({});
+  }
+  return /* @__PURE__ */ p("div", { className: "relative h-full w-full", children: /* @__PURE__ */ p(
+    ve,
+    {
+      ref: t,
+      value: d ?? "",
+      onValueChange: x,
+      language: "sql-jinja",
+      embedded: !0,
+      hideLineNumbers: !0,
+      wrapLines: !0,
+      placeholder: "Write your SQL here",
+      className: e,
+      onKeyDown: (f) => {
+        f.key === "Enter" && f.shiftKey && (f.preventDefault(), Pe({
+          queryClient: i,
+          readQueryKey: () => c.current,
+          setRunSql: u
+        }));
+      }
+    }
+  ) });
+}
+const cn = ge(Et), Rt = 300, wt = `# 'data' holds the SQL result.
+# Set 'result' to a list of dicts to replace it, for example:
+# import pandas as pd
+# result = pd.DataFrame(data).to_dict('records')`;
+function Pt({ className: e }, t) {
+  const r = L((E) => E.card.python), o = L((E) => E.card), s = Ee(), { setCardPython: l, setRunSql: n } = ye(), a = _(() => s !== o.type ? { ...o, type: s } : o, [o, s]), { queryKey: u } = oe(a), h = Se(), S = F(u);
+  S.current = u;
+  const { value: i, onChange: c, flush: b } = we({
+    storeValue: r,
+    onStoreUpdate: l,
+    delay: Rt
+  });
+  return U(() => Re(b), [b]), /* @__PURE__ */ p(
+    ve,
+    {
+      ref: t,
+      value: i ?? "",
+      onValueChange: c,
+      language: "python",
+      placeholder: wt,
+      ariaLabel: "Python code",
+      embedded: !0,
+      hideLineNumbers: !0,
+      wrapLines: !0,
+      className: se(
+        "[&_.code-editor-pre]:!pt-2 [&_.code-editor-textarea]:!pt-2",
+        e
+      ),
+      onKeyDown: (E) => {
+        E.key === "Enter" && E.shiftKey && (E.preventDefault(), Pe({
+          queryClient: h,
+          readQueryKey: () => S.current,
+          setRunSql: n
+        }));
+      }
+    }
+  );
+}
+const un = ge(Pt), xt = /* @__PURE__ */ new Set([
+  "askForMoreInfo",
+  "getAvailableChartTypes",
+  "getChartSQLSyntax",
+  "getDomainRelationships",
+  "getTableColumns",
+  "getUserSql",
+  "validateCardConfigFormat"
+]), dn = /* @__PURE__ */ new Set([
+  "createChartFromSql",
+  "createForecast",
+  "generateQueryConfig",
+  "getChartDataFromCardConfig",
+  "getChartDataFromSqlAndPython",
+  "getForecastDataFromSqlAndPython"
+]), fn = Array.from(
+  xt
+).join(", "), mn = 3, pn = "Self-heal", hn = /* @__PURE__ */ new Set([
+  "SQL_PARSE_ERROR",
+  "SQL_EXPLAIN_ERROR"
+]);
+function Dt({ card: e }) {
+  var le, ce, ue, de, fe;
+  const t = je(), [r, o] = he({}), { authToken: s } = Ge(), l = lt(s == null ? void 0 : s.accessToken), { compiledAppearance: n } = gt(), a = _(
+    () => We(n),
+    [n]
+  ), u = L((m) => m.frame), h = 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(
+    ((le = c.customCardPreferences) == null ? void 0 : le.url) || ""
+  ), d = (ce = E == null ? void 0 : E.visuals) == null ? void 0 : ce.find(
+    (m) => {
+      var D;
+      return m.name === ((D = c.customCardPreferences) == null ? void 0 : D.componentName);
+    }
+  ), g = St(c, d) ?? "single", y = _(
+    () => yt({
+      frame: u,
+      configCard: c,
+      isMultiInputVisual: g === "multiple"
+    }),
+    [u, c, g]
+  ), x = _(() => {
+    const m = y.findIndex(
+      (D) => (D == null ? void 0 : D.id) === e.id
+    );
+    return m < 0 ? -1 : pe(e, m);
+  }, [y, e]), f = _(() => g !== "multiple" || x < 0 ? e.type : ee(
+    e,
+    x,
+    d == null ? void 0 : d.slots
+  ) ?? e.type, [g, x, e, d == null ? void 0 : d.slots]), R = _(() => g === "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, g]), { data: v, effectiveCardConfig: O } = oe(R), k = Ze(), Y = J((m) => m.dashboard.filters), $ = J((m) => m.filterValues), T = J((m) => m.selectedSheetId), w = _(
+    () => Je({
+      card: e,
+      sheetId: T || "",
+      inlineFilterValues: h,
+      setInlineFilterValue: (m) => S(e.id, m),
+      removeInlineFilterValue: (m) => i(e.id, m)
+    }),
+    [
+      e,
+      T,
+      h,
+      S,
+      i
+    ]
+  ), { cardFilters: I, cardFilterValues: V } = _(
+    () => et({
+      card: e,
+      transientContexts: k,
+      filters: Y,
+      filterValues: $,
+      selectedSheetId: T
+    }),
+    [
+      e,
+      k,
+      Y,
+      $,
+      T
+    ]
+  ), q = W(
+    (m, D) => {
+      const G = vt(D);
+      o((Z) => ({
+        ...Z,
+        [m]: G
+      }));
+    },
+    []
+  ), A = (ue = c.customCardPreferences) == null ? void 0 : ue.componentName, N = A ? b(A) : null, M = tt(
+    (de = c.customCardPreferences) == null ? void 0 : de.settings,
+    c
+  ), P = _(
+    () => bt(y),
+    [y]
+  ), j = _(
+    () => P.map(
+      (m, D) => ee(
+        m,
+        D,
+        d == null ? void 0 : d.slots
+      )
+    ),
+    [P, d == null ? void 0 : d.slots]
+  ), ie = _(
+    () => nt(
+      g === "multiple" ? rt({
+        slotOrderedCards: P,
+        multiInputData: r,
+        valueFormatPreferences: t
+      }) : [
+        {
+          card: e,
+          cardConfig: O,
+          columns: v == null ? void 0 : v.columns,
+          columnKeyMap: v == null ? void 0 : v.columnKeyMap,
+          valueFormatPreferences: t
+        }
+      ]
+    ),
+    [
+      e,
+      v == null ? void 0 : v.columnKeyMap,
+      v == null ? void 0 : v.columns,
+      O,
+      r,
+      P,
+      g,
+      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__ */ Q(
+    Ye,
+    {
+      fallback: /* @__PURE__ */ p(me, {}),
+      children: [
+        N && g === "single" && /* @__PURE__ */ p(
+          N,
+          {
+            editing: !0,
+            params: l,
+            theme: a,
+            settings: M,
+            cardMetadata: ot({
+              card: e,
+              dataMetadata: v == null ? void 0 : v.metadata
+            }),
+            onDataChange: q,
+            data: (v == null ? void 0 : v.records) || [],
+            columns: (v == null ? void 0 : v.columns) || [],
+            formatTemporalBucketValue: ie,
+            filters: I,
+            filterValues: [
+              ...V || [],
+              ...h || []
+            ],
+            inlineFilters: w
+          }
+        ),
+        N && g === "multiple" && /* @__PURE__ */ Q(me, { children: [
+          y.map((m, D) => {
+            if (!m) return null;
+            const G = pe(m, D), Z = ee(
+              m,
+              G,
+              d == null ? void 0 : d.slots
+            );
+            return /* @__PURE__ */ p(
+              st,
+              {
+                onDataChange: q,
+                card: m,
+                effectiveCardType: Z
+              },
+              `${m.id}-${G}`
+            );
+          }),
+          /* @__PURE__ */ p("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ p(
+            N,
+            {
+              editing: !0,
+              onDataChange: q,
+              ...at({
+                configCard: c,
+                slotOrderedCards: P,
+                slotTypes: j,
+                multiInputData: r,
+                params: l,
+                theme: a,
+                chartSettings: M,
+                filters: I,
+                filterValues: [
+                  ...V || [],
+                  ...h || []
+                ],
+                inlineFilters: w,
+                formatTemporalBucketValue: ie
+              })
+            }
+          ) })
+        ] })
+      ]
+    },
+    (fe = c.customCardPreferences) == null ? void 0 : fe.componentName
+  ) }) : null;
+}
+const gn = Qe(Dt);
+var xe = "Toggle", De = C.forwardRef((e, t) => {
+  const { pressed: r, defaultPressed: o, onPressedChange: s, ...l } = e, [n, a] = be({
+    prop: r,
+    onChange: s,
+    defaultProp: o ?? !1,
+    caller: xe
+  });
+  return /* @__PURE__ */ p(
+    B.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);
+      })
+    }
+  );
+});
+De.displayName = xe;
+var _e = De;
+const _t = ct(
+  "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"
+    }
+  }
+), Tt = C.forwardRef(({ className: e, variant: t, size: r, ...o }, s) => /* @__PURE__ */ p(
+  _e,
+  {
+    ref: s,
+    className: se(_t({ variant: t, size: r, className: e })),
+    ...o
+  }
+));
+Tt.displayName = _e.displayName;
+var Te = ["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"]
+}, z = "Slider", [te, It, Nt] = dt(z), [Ve] = ut(z, [
+  Nt
+]), [Vt, X] = Ve(z), Me = C.forwardRef(
+  (e, t) => {
+    const {
+      name: r,
+      min: o = 0,
+      max: s = 100,
+      step: l = 1,
+      orientation: n = "horizontal",
+      disabled: a = !1,
+      minStepsBetweenThumbs: u = 0,
+      defaultValue: h = [o],
+      value: S,
+      onValueChange: i = () => {
+      },
+      onValueCommit: c = () => {
+      },
+      inverted: b = !1,
+      form: E,
+      ...d
+    } = e, g = C.useRef(/* @__PURE__ */ new Set()), y = C.useRef(0), f = n === "horizontal" ? Mt : Lt, [R = [], v] = be({
+      prop: S,
+      defaultProp: h,
+      onChange: (w) => {
+        var V;
+        (V = [...g.current][y.current]) == null || V.focus(), i(w);
+      }
+    }), O = C.useRef(R);
+    function k(w) {
+      const I = kt(R, w);
+      T(w, I);
+    }
+    function Y(w) {
+      T(w, y.current);
+    }
+    function $() {
+      const w = O.current[y.current];
+      R[y.current] !== w && c(R);
+    }
+    function T(w, I, { commit: V } = { commit: !1 }) {
+      const q = zt(l), A = Ut(Math.round((w - o) / l) * l + o, q), N = Ce(A, [o, s]);
+      v((M = []) => {
+        const P = Kt(M, N, I);
+        if (Ht(P, u * l)) {
+          y.current = P.indexOf(N);
+          const j = String(P) !== String(M);
+          return j && V && c(P), j ? P : M;
+        } else
+          return M;
+      });
+    }
+    return /* @__PURE__ */ p(
+      Vt,
+      {
+        scope: e.__scopeSlider,
+        name: r,
+        disabled: a,
+        min: o,
+        max: s,
+        valueIndexToChangeRef: y,
+        thumbs: g.current,
+        values: R,
+        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 || (O.current = R);
+            }),
+            min: o,
+            max: s,
+            inverted: b,
+            onSlideStart: a ? void 0 : k,
+            onSlideMove: a ? void 0 : Y,
+            onSlideEnd: a ? void 0 : $,
+            onHomeKeyDown: () => !a && T(o, 0, { commit: !0 }),
+            onEndKeyDown: () => !a && T(s, R.length - 1, { commit: !0 }),
+            onStepKeyDown: ({ event: w, direction: I }) => {
+              if (!a) {
+                const A = Te.includes(w.key) || w.shiftKey && Ie.includes(w.key) ? 10 : 1, N = y.current, M = R[N], P = l * A * I;
+                T(M + P, N, { commit: !0 });
+              }
+            }
+          }
+        ) }) })
+      }
+    );
+  }
+);
+Me.displayName = z;
+var [Le, Ae] = Ve(z, {
+  startEdge: "left",
+  endEdge: "right",
+  size: "width",
+  direction: 1
+}), Mt = C.forwardRef(
+  (e, t) => {
+    const {
+      min: r,
+      max: o,
+      dir: s,
+      inverted: l,
+      onSlideStart: n,
+      onSlideMove: a,
+      onSlideEnd: u,
+      onStepKeyDown: h,
+      ...S
+    } = e, [i, c] = C.useState(null), b = H(t, (f) => c(f)), E = C.useRef(void 0), d = ft(s), g = d === "ltr", y = g && !l || !g && l;
+    function x(f) {
+      const R = E.current || i.getBoundingClientRect(), v = [0, R.width], k = ae(v, y ? [r, o] : [o, r]);
+      return E.current = R, k(f - R.left);
+    }
+    return /* @__PURE__ */ p(
+      Le,
+      {
+        scope: e.__scopeSlider,
+        startEdge: y ? "left" : "right",
+        endEdge: y ? "right" : "left",
+        direction: y ? 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 R = x(f.clientX);
+              n == null || n(R);
+            },
+            onSlideMove: (f) => {
+              const R = x(f.clientX);
+              a == null || a(R);
+            },
+            onSlideEnd: () => {
+              E.current = void 0, u == null || u();
+            },
+            onStepKeyDown: (f) => {
+              const v = Ne[y ? "from-left" : "from-right"].includes(f.key);
+              h == null || h({ event: f, direction: v ? -1 : 1 });
+            }
+          }
+        )
+      }
+    );
+  }
+), Lt = C.forwardRef(
+  (e, t) => {
+    const {
+      min: r,
+      max: o,
+      inverted: s,
+      onSlideStart: l,
+      onSlideMove: n,
+      onSlideEnd: a,
+      onStepKeyDown: u,
+      ...h
+    } = e, S = C.useRef(null), i = H(t, S), c = C.useRef(void 0), b = !s;
+    function E(d) {
+      const g = c.current || S.current.getBoundingClientRect(), y = [0, g.height], f = ae(y, b ? [o, r] : [r, o]);
+      return c.current = g, f(d - g.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",
+            ...h,
+            ref: i,
+            style: {
+              ...h.style,
+              "--radix-slider-thumb-transform": "translateY(50%)"
+            },
+            onSlideStart: (d) => {
+              const g = E(d.clientY);
+              l == null || l(g);
+            },
+            onSlideMove: (d) => {
+              const g = E(d.clientY);
+              n == null || n(g);
+            },
+            onSlideEnd: () => {
+              c.current = void 0, a == null || a();
+            },
+            onStepKeyDown: (d) => {
+              const y = Ne[b ? "from-bottom" : "from-top"].includes(d.key);
+              u == null || u({ event: d, direction: y ? -1 : 1 });
+            }
+          }
+        )
+      }
+    );
+  }
+), Fe = C.forwardRef(
+  (e, t) => {
+    const {
+      __scopeSlider: r,
+      onSlideStart: o,
+      onSlideMove: s,
+      onSlideEnd: l,
+      onHomeKeyDown: n,
+      onEndKeyDown: a,
+      onStepKeyDown: u,
+      ...h
+    } = e, S = X(z, r);
+    return /* @__PURE__ */ p(
+      B.span,
+      {
+        ...h,
+        ref: t,
+        onKeyDown: K(e.onKeyDown, (i) => {
+          i.key === "Home" ? (n(i), i.preventDefault()) : i.key === "End" ? (a(i), i.preventDefault()) : Te.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() : o(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", Oe = C.forwardRef(
+  (e, t) => {
+    const { __scopeSlider: r, ...o } = e, s = X(Ke, r);
+    return /* @__PURE__ */ p(
+      B.span,
+      {
+        "data-disabled": s.disabled ? "" : void 0,
+        "data-orientation": s.orientation,
+        ...o,
+        ref: t
+      }
+    );
+  }
+);
+Oe.displayName = Ke;
+var ne = "SliderRange", ke = C.forwardRef(
+  (e, t) => {
+    const { __scopeSlider: r, ...o } = e, s = X(ne, r), l = Ae(ne, r), n = C.useRef(null), a = H(t, n), u = s.values.length, h = s.values.map(
+      (c) => He(c, s.min, s.max)
+    ), S = u > 1 ? Math.min(...h) : 0, i = 100 - Math.max(...h);
+    return /* @__PURE__ */ p(
+      B.span,
+      {
+        "data-orientation": s.orientation,
+        "data-disabled": s.disabled ? "" : void 0,
+        ...o,
+        ref: a,
+        style: {
+          ...e.style,
+          [l.startEdge]: S + "%",
+          [l.endEdge]: i + "%"
+        }
+      }
+    );
+  }
+);
+ke.displayName = ne;
+var re = "SliderThumb", qe = C.forwardRef(
+  (e, t) => {
+    const r = It(e.__scopeSlider), [o, s] = C.useState(null), l = H(t, (a) => s(a)), n = C.useMemo(
+      () => o ? r().findIndex((a) => a.ref.current === o) : -1,
+      [r, o]
+    );
+    return /* @__PURE__ */ p(At, { ...e, ref: l, index: n });
+  }
+), At = C.forwardRef(
+  (e, t) => {
+    const { __scopeSlider: r, index: o, name: s, ...l } = e, n = X(re, r), a = Ae(re, r), [u, h] = C.useState(null), S = H(t, (x) => h(x)), i = u ? n.form || !!u.closest("form") : !0, c = mt(u), b = n.values[o], E = b === void 0 ? 0 : He(b, n.min, n.max), d = Ot(o, n.values.length), g = c == null ? void 0 : c[a.size], y = g ? qt(g, E, a.direction) : 0;
+    return C.useEffect(() => {
+      if (u)
+        return n.thumbs.add(u), () => {
+          n.thumbs.delete(u);
+        };
+    }, [u, n.thumbs]), /* @__PURE__ */ Q(
+      "span",
+      {
+        style: {
+          transform: "var(--radix-slider-thumb-transform)",
+          position: "absolute",
+          [a.startEdge]: `calc(${E}% + ${y}px)`
+        },
+        children: [
+          /* @__PURE__ */ p(te.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ p(
+            B.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 = o;
+              })
+            }
+          ) }),
+          i && /* @__PURE__ */ p(
+            Be,
+            {
+              name: s ?? (n.name ? n.name + (n.values.length > 1 ? "[]" : "") : void 0),
+              form: n.form,
+              value: b
+            },
+            o
+          )
+        ]
+      }
+    );
+  }
+);
+qe.displayName = re;
+var Ft = "RadioBubbleInput", Be = C.forwardRef(
+  ({ __scopeSlider: e, value: t, ...r }, o) => {
+    const s = C.useRef(null), l = H(s, o), n = pt(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(
+      B.input,
+      {
+        style: { display: "none" },
+        ...r,
+        ref: l,
+        defaultValue: t
+      }
+    );
+  }
+);
+Be.displayName = Ft;
+function Kt(e = [], t, r) {
+  const o = [...e];
+  return o[r] = t, o.sort((s, l) => s - l);
+}
+function He(e, t, r) {
+  const l = 100 / (r - 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 kt(e, t) {
+  if (e.length === 1) return 0;
+  const r = e.map((s) => Math.abs(s - t)), o = Math.min(...r);
+  return r.indexOf(o);
+}
+function qt(e, t, r) {
+  const o = e / 2, l = ae([0, 50], [0, o]);
+  return (o - l(t) * r) * r;
+}
+function Bt(e) {
+  return e.slice(0, -1).map((t, r) => e[r + 1] - t);
+}
+function Ht(e, t) {
+  if (t > 0) {
+    const r = Bt(e);
+    return Math.min(...r) >= t;
+  }
+  return !0;
+}
+function ae(e, t) {
+  return (r) => {
+    if (e[0] === e[1] || t[0] === t[1]) return t[0];
+    const o = (t[1] - t[0]) / (e[1] - e[0]);
+    return t[0] + o * (r - e[0]);
+  };
+}
+function zt(e) {
+  return (String(e).split(".")[1] || "").length;
+}
+function Ut(e, t) {
+  const r = Math.pow(10, t);
+  return Math.round(e * r) / r;
+}
+var ze = Me, Qt = Oe, Yt = ke, $t = qe;
+const jt = C.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ Q(
+  ze,
+  {
+    ref: r,
+    className: se(
+      "relative flex w-full touch-none select-none items-center",
+      e
+    ),
+    ...t,
+    children: [
+      /* @__PURE__ */ p(Qt, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ p(Yt, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ p($t, { 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 = ze.displayName;
+export {
+  gn as E,
+  ln as F,
+  fn as I,
+  mn as M,
+  un as P,
+  hn as R,
+  pn as S,
+  Tt as T,
+  dn as a,
+  xt as b,
+  cn as c,
+  jt as d,
+  Pe as r
+};