@temp-spotwork/ui 1.4.3

package/dist/components/molecules/filter/range-selector/range-selector.js

@@ -0,0 +1,630 @@
+import { jsx as s, jsxs as _ } from "react/jsx-runtime";
+import * as w from "react";
+import fe, { useState as F } from "react";
+import { c as Q } from "../../../../index-rKs9bXHr.js";
+import { u as pe, c as he, d as T, a as k, b as B, e as Se } from "../../../../index-DotfMcM0.js";
+import { c as ve, u as ge } from "../../../../index-OIdMhwsO.js";
+import { u as be } from "../../../../index-BZPx6jYI.js";
+import { Typography as K } from "../../../styles/typography/typography.js";
+import { Badge as we } from "../../../atoms/badge/badge.js";
+import { Icons as xe } from "../../../atoms/icons/icons.js";
+import "../../../atoms/icons/iconsSVGs/Large/Profile.js";
+import "../../../atoms/icons/iconsSVGs/Small/Profile.js";
+import { styles as ye } from "./styles.js";
+import { c as L } from "../../../../index-fN7hCOo3.js";
+var Z = ["PageUp", "PageDown"], ee = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], te = {
+  "from-left": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
+  "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
+  "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
+  "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
+}, A = "Slider", [Y, Re, De] = ve(A), [ne, et] = he(A, [
+  De
+]), [Pe, O] = ne(A), re = w.forwardRef(
+  (e, t) => {
+    const {
+      name: o,
+      min: n = 0,
+      max: l = 100,
+      step: c = 1,
+      orientation: r = "horizontal",
+      disabled: i = !1,
+      minStepsBetweenThumbs: f = 0,
+      defaultValue: S = [n],
+      value: v,
+      onValueChange: a = () => {
+      },
+      onValueCommit: u = () => {
+      },
+      inverted: g = !1,
+      form: D,
+      ...R
+    } = e, y = w.useRef(/* @__PURE__ */ new Set()), x = w.useRef(0), b = r === "horizontal" ? Ce : Ne, [m = [], P] = pe({
+      prop: v,
+      defaultProp: S,
+      onChange: (d) => {
+        var I;
+        (I = [...y.current][x.current]) == null || I.focus(), a(d);
+      }
+    }), N = w.useRef(m);
+    function p(d) {
+      const E = Ve(m, d);
+      h(d, E);
+    }
+    function H(d) {
+      h(d, x.current);
+    }
+    function z() {
+      const d = N.current[x.current];
+      m[x.current] !== d && u(m);
+    }
+    function h(d, E, { commit: I } = { commit: !1 }) {
+      const W = $e(c), U = Ke(Math.round((d - n) / c) * c + n, W), $ = Q(U, [n, l]);
+      P((V = []) => {
+        const M = Me(V, $, E);
+        if (Ae(M, f * c)) {
+          x.current = M.indexOf($);
+          const q = String(M) !== String(V);
+          return q && I && u(M), q ? M : V;
+        } else
+          return V;
+      });
+    }
+    return /* @__PURE__ */ s(
+      Pe,
+      {
+        scope: e.__scopeSlider,
+        name: o,
+        disabled: i,
+        min: n,
+        max: l,
+        valueIndexToChangeRef: x,
+        thumbs: y.current,
+        values: m,
+        orientation: r,
+        form: D,
+        children: /* @__PURE__ */ s(Y.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ s(Y.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ s(
+          b,
+          {
+            "aria-disabled": i,
+            "data-disabled": i ? "" : void 0,
+            ...R,
+            ref: t,
+            onPointerDown: T(R.onPointerDown, () => {
+              i || (N.current = m);
+            }),
+            min: n,
+            max: l,
+            inverted: g,
+            onSlideStart: i ? void 0 : p,
+            onSlideMove: i ? void 0 : H,
+            onSlideEnd: i ? void 0 : z,
+            onHomeKeyDown: () => !i && h(n, 0, { commit: !0 }),
+            onEndKeyDown: () => !i && h(l, m.length - 1, { commit: !0 }),
+            onStepKeyDown: ({ event: d, direction: E }) => {
+              if (!i) {
+                const U = Z.includes(d.key) || d.shiftKey && ee.includes(d.key) ? 10 : 1, $ = x.current, V = m[$], M = c * U * E;
+                h(V + M, $, { commit: !0 });
+              }
+            }
+          }
+        ) }) })
+      }
+    );
+  }
+);
+re.displayName = A;
+var [oe, ae] = ne(A, {
+  startEdge: "left",
+  endEdge: "right",
+  size: "width",
+  direction: 1
+}), Ce = w.forwardRef(
+  (e, t) => {
+    const {
+      min: o,
+      max: n,
+      dir: l,
+      inverted: c,
+      onSlideStart: r,
+      onSlideMove: i,
+      onSlideEnd: f,
+      onStepKeyDown: S,
+      ...v
+    } = e, [a, u] = w.useState(null), g = B(t, (b) => u(b)), D = w.useRef(void 0), R = ge(l), y = R === "ltr", x = y && !c || !y && c;
+    function C(b) {
+      const m = D.current || a.getBoundingClientRect(), P = [0, m.width], p = G(P, x ? [o, n] : [n, o]);
+      return D.current = m, p(b - m.left);
+    }
+    return /* @__PURE__ */ s(
+      oe,
+      {
+        scope: e.__scopeSlider,
+        startEdge: x ? "left" : "right",
+        endEdge: x ? "right" : "left",
+        direction: x ? 1 : -1,
+        size: "width",
+        children: /* @__PURE__ */ s(
+          ie,
+          {
+            dir: R,
+            "data-orientation": "horizontal",
+            ...v,
+            ref: g,
+            style: {
+              ...v.style,
+              "--radix-slider-thumb-transform": "translateX(-50%)"
+            },
+            onSlideStart: (b) => {
+              const m = C(b.clientX);
+              r == null || r(m);
+            },
+            onSlideMove: (b) => {
+              const m = C(b.clientX);
+              i == null || i(m);
+            },
+            onSlideEnd: () => {
+              D.current = void 0, f == null || f();
+            },
+            onStepKeyDown: (b) => {
+              const P = te[x ? "from-left" : "from-right"].includes(b.key);
+              S == null || S({ event: b, direction: P ? -1 : 1 });
+            }
+          }
+        )
+      }
+    );
+  }
+), Ne = w.forwardRef(
+  (e, t) => {
+    const {
+      min: o,
+      max: n,
+      inverted: l,
+      onSlideStart: c,
+      onSlideMove: r,
+      onSlideEnd: i,
+      onStepKeyDown: f,
+      ...S
+    } = e, v = w.useRef(null), a = B(t, v), u = w.useRef(void 0), g = !l;
+    function D(R) {
+      const y = u.current || v.current.getBoundingClientRect(), x = [0, y.height], b = G(x, g ? [n, o] : [o, n]);
+      return u.current = y, b(R - y.top);
+    }
+    return /* @__PURE__ */ s(
+      oe,
+      {
+        scope: e.__scopeSlider,
+        startEdge: g ? "bottom" : "top",
+        endEdge: g ? "top" : "bottom",
+        size: "height",
+        direction: g ? 1 : -1,
+        children: /* @__PURE__ */ s(
+          ie,
+          {
+            "data-orientation": "vertical",
+            ...S,
+            ref: a,
+            style: {
+              ...S.style,
+              "--radix-slider-thumb-transform": "translateY(50%)"
+            },
+            onSlideStart: (R) => {
+              const y = D(R.clientY);
+              c == null || c(y);
+            },
+            onSlideMove: (R) => {
+              const y = D(R.clientY);
+              r == null || r(y);
+            },
+            onSlideEnd: () => {
+              u.current = void 0, i == null || i();
+            },
+            onStepKeyDown: (R) => {
+              const x = te[g ? "from-bottom" : "from-top"].includes(R.key);
+              f == null || f({ event: R, direction: x ? -1 : 1 });
+            }
+          }
+        )
+      }
+    );
+  }
+), ie = w.forwardRef(
+  (e, t) => {
+    const {
+      __scopeSlider: o,
+      onSlideStart: n,
+      onSlideMove: l,
+      onSlideEnd: c,
+      onHomeKeyDown: r,
+      onEndKeyDown: i,
+      onStepKeyDown: f,
+      ...S
+    } = e, v = O(A, o);
+    return /* @__PURE__ */ s(
+      k.span,
+      {
+        ...S,
+        ref: t,
+        onKeyDown: T(e.onKeyDown, (a) => {
+          a.key === "Home" ? (r(a), a.preventDefault()) : a.key === "End" ? (i(a), a.preventDefault()) : Z.concat(ee).includes(a.key) && (f(a), a.preventDefault());
+        }),
+        onPointerDown: T(e.onPointerDown, (a) => {
+          const u = a.target;
+          u.setPointerCapture(a.pointerId), a.preventDefault(), v.thumbs.has(u) ? u.focus() : n(a);
+        }),
+        onPointerMove: T(e.onPointerMove, (a) => {
+          a.target.hasPointerCapture(a.pointerId) && l(a);
+        }),
+        onPointerUp: T(e.onPointerUp, (a) => {
+          const u = a.target;
+          u.hasPointerCapture(a.pointerId) && (u.releasePointerCapture(a.pointerId), c(a));
+        })
+      }
+    );
+  }
+), se = "SliderTrack", le = w.forwardRef(
+  (e, t) => {
+    const { __scopeSlider: o, ...n } = e, l = O(se, o);
+    return /* @__PURE__ */ s(
+      k.span,
+      {
+        "data-disabled": l.disabled ? "" : void 0,
+        "data-orientation": l.orientation,
+        ...n,
+        ref: t
+      }
+    );
+  }
+);
+le.displayName = se;
+var j = "SliderRange", ce = w.forwardRef(
+  (e, t) => {
+    const { __scopeSlider: o, ...n } = e, l = O(j, o), c = ae(j, o), r = w.useRef(null), i = B(t, r), f = l.values.length, S = l.values.map(
+      (u) => me(u, l.min, l.max)
+    ), v = f > 1 ? Math.min(...S) : 0, a = 100 - Math.max(...S);
+    return /* @__PURE__ */ s(
+      k.span,
+      {
+        "data-orientation": l.orientation,
+        "data-disabled": l.disabled ? "" : void 0,
+        ...n,
+        ref: i,
+        style: {
+          ...e.style,
+          [c.startEdge]: v + "%",
+          [c.endEdge]: a + "%"
+        }
+      }
+    );
+  }
+);
+ce.displayName = j;
+var X = "SliderThumb", de = w.forwardRef(
+  (e, t) => {
+    const o = Re(e.__scopeSlider), [n, l] = w.useState(null), c = B(t, (i) => l(i)), r = w.useMemo(
+      () => n ? o().findIndex((i) => i.ref.current === n) : -1,
+      [o, n]
+    );
+    return /* @__PURE__ */ s(_e, { ...e, ref: c, index: r });
+  }
+), _e = w.forwardRef(
+  (e, t) => {
+    const { __scopeSlider: o, index: n, name: l, ...c } = e, r = O(X, o), i = ae(X, o), [f, S] = w.useState(null), v = B(t, (C) => S(C)), a = f ? r.form || !!f.closest("form") : !0, u = Se(f), g = r.values[n], D = g === void 0 ? 0 : me(g, r.min, r.max), R = Ie(n, r.values.length), y = u == null ? void 0 : u[i.size], x = y ? Te(y, D, i.direction) : 0;
+    return w.useEffect(() => {
+      if (f)
+        return r.thumbs.add(f), () => {
+          r.thumbs.delete(f);
+        };
+    }, [f, r.thumbs]), /* @__PURE__ */ _(
+      "span",
+      {
+        style: {
+          transform: "var(--radix-slider-thumb-transform)",
+          position: "absolute",
+          [i.startEdge]: `calc(${D}% + ${x}px)`
+        },
+        children: [
+          /* @__PURE__ */ s(Y.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ s(
+            k.span,
+            {
+              role: "slider",
+              "aria-label": e["aria-label"] || R,
+              "aria-valuemin": r.min,
+              "aria-valuenow": g,
+              "aria-valuemax": r.max,
+              "aria-orientation": r.orientation,
+              "data-orientation": r.orientation,
+              "data-disabled": r.disabled ? "" : void 0,
+              tabIndex: r.disabled ? void 0 : 0,
+              ...c,
+              ref: v,
+              style: g === void 0 ? { display: "none" } : e.style,
+              onFocus: T(e.onFocus, () => {
+                r.valueIndexToChangeRef.current = n;
+              })
+            }
+          ) }),
+          a && /* @__PURE__ */ s(
+            ue,
+            {
+              name: l ?? (r.name ? r.name + (r.values.length > 1 ? "[]" : "") : void 0),
+              form: r.form,
+              value: g
+            },
+            n
+          )
+        ]
+      }
+    );
+  }
+);
+de.displayName = X;
+var Ee = "RadioBubbleInput", ue = w.forwardRef(
+  ({ __scopeSlider: e, value: t, ...o }, n) => {
+    const l = w.useRef(null), c = B(l, n), r = be(t);
+    return w.useEffect(() => {
+      const i = l.current;
+      if (!i) return;
+      const f = window.HTMLInputElement.prototype, v = Object.getOwnPropertyDescriptor(f, "value").set;
+      if (r !== t && v) {
+        const a = new Event("input", { bubbles: !0 });
+        v.call(i, t), i.dispatchEvent(a);
+      }
+    }, [r, t]), /* @__PURE__ */ s(
+      k.input,
+      {
+        style: { display: "none" },
+        ...o,
+        ref: c,
+        defaultValue: t
+      }
+    );
+  }
+);
+ue.displayName = Ee;
+function Me(e = [], t, o) {
+  const n = [...e];
+  return n[o] = t, n.sort((l, c) => l - c);
+}
+function me(e, t, o) {
+  const c = 100 / (o - t) * (e - t);
+  return Q(c, [0, 100]);
+}
+function Ie(e, t) {
+  return t > 2 ? `Value ${e + 1} of ${t}` : t === 2 ? ["Minimum", "Maximum"][e] : void 0;
+}
+function Ve(e, t) {
+  if (e.length === 1) return 0;
+  const o = e.map((l) => Math.abs(l - t)), n = Math.min(...o);
+  return o.indexOf(n);
+}
+function Te(e, t, o) {
+  const n = e / 2, c = G([0, 50], [0, n]);
+  return (n - c(t) * o) * o;
+}
+function Be(e) {
+  return e.slice(0, -1).map((t, o) => e[o + 1] - t);
+}
+function Ae(e, t) {
+  if (t > 0) {
+    const o = Be(e);
+    return Math.min(...o) >= t;
+  }
+  return !0;
+}
+function G(e, t) {
+  return (o) => {
+    if (e[0] === e[1] || t[0] === t[1]) return t[0];
+    const n = (t[1] - t[0]) / (e[1] - e[0]);
+    return t[0] + n * (o - e[0]);
+  };
+}
+function $e(e) {
+  return (String(e).split(".")[1] || "").length;
+}
+function Ke(e, t) {
+  const o = Math.pow(10, t);
+  return Math.round(e * o) / o;
+}
+var ke = re, Fe = le, Oe = ce, J = de;
+function tt({
+  range: e,
+  step: t,
+  defaultValue: o,
+  value: n,
+  label: l = "Rating",
+  disabled: c = !1,
+  handleChange: r = () => null
+}) {
+  const [i, f] = fe.useState(!1), S = n[0], v = n[1], [a, u] = F(S), [g, D] = F(v), [R, y] = F(!1), [x, C] = F(!1), b = e[0], m = e[1], P = [];
+  let N = b;
+  for (; N <= m; )
+    P.push(N), N = t >= 0.5 ? N + t : N + 1;
+  const p = ye(c, i), H = (h) => {
+    const d = parseFloat(parseFloat(h.target.value).toFixed(1));
+    d <= g && d >= b && (r([d, g]), u(d)), d >= g && (r([g, g]), u(g));
+  }, z = (h) => {
+    const d = parseFloat(parseFloat(h.target.value).toFixed(1));
+    d >= a && d <= m && (r([a, d]), D(d)), d <= a && (r([a, a]), D(a));
+  };
+  return /* @__PURE__ */ _("div", { className: "flex relative bg-surface-default", children: [
+    /* @__PURE__ */ _(
+      "div",
+      {
+        "data-testid": "ratingDisplay",
+        onClick: () => !c && f(!i),
+        className: p.ratingContainter,
+        children: [
+          /* @__PURE__ */ _("div", { className: p.ratingDisplay, children: [
+            /* @__PURE__ */ s(
+              K,
+              {
+                children: l,
+                swStyle: 1,
+                color: c ? "disabled" : "default"
+              }
+            ),
+            (b !== S || m !== v) && /* @__PURE__ */ s(
+              we,
+              {
+                text: `${S}-${v}`,
+                color: c ? "disabledInverted" : "affirmative"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s(
+            xe,
+            {
+              disabled: !0,
+              icon: `Chevron${i ? "Up" : "Down"}`,
+              color: c ? "disabled" : i ? "active" : "default",
+              id: `Chevron${i ? "Up" : "Down"}-${b}-${m}`
+            },
+            `Chevron${i ? "Up" : "Down"}-${b}-${m}`
+          )
+        ]
+      }
+    ),
+    i && /* @__PURE__ */ _(
+      "div",
+      {
+        "data-testid": "rangeDropdown",
+        className: L(
+          p.rangeContainer,
+          `w-${P.length > 10 && t ? "fit" : "[22rem]"} resize-y`
+        ),
+        children: [
+          /* @__PURE__ */ s("div", { className: p.sliderContainer, children: /* @__PURE__ */ _(
+            ke,
+            {
+              "data-testid": "sliderRoot",
+              "aria-valuemax": v,
+              "aria-valuemin": S,
+              className: p.sliderRoot,
+              defaultValue: o,
+              value: n,
+              max: m,
+              step: t || 0.1,
+              min: b,
+              onValueChange: (h) => {
+                r(h), u(h[0]), D(h[1]);
+              },
+              children: [
+                /* @__PURE__ */ _(Fe, { className: p.sliderTrack, children: [
+                  /* @__PURE__ */ s(Oe, { className: p.sliderRangeOuter }),
+                  t >= 0.5 && /* @__PURE__ */ s("div", { className: p.sliderRangeInner, children: P.map((h) => (
+                    // place the dots on each step but skip the first and last values
+                    h !== b && h !== m ? /* @__PURE__ */ _(
+                      "div",
+                      {
+                        "aria-label": `step-${P[h]}`,
+                        className: L(
+                          p.rangeStep,
+                          "bg-glyph-placeholder"
+                        ),
+                        children: [
+                          " ",
+                          /* @__PURE__ */ s("div", { className: "rounded-full" })
+                        ]
+                      },
+                      P[h]
+                    ) : /* @__PURE__ */ s(
+                      "div",
+                      {
+                        "aria-label": `step-${P[h]}`,
+                        className: L(
+                          p.rangeStep,
+                          "bg-[disabledInverted]"
+                        ),
+                        children: /* @__PURE__ */ s("div", { className: "rounded-full" })
+                      },
+                      P[h]
+                    )
+                  )) })
+                ] }),
+                /* @__PURE__ */ s(
+                  J,
+                  {
+                    className: p.sliderThumbOuter,
+                    "data-testid": "thumb-min",
+                    onFocus: () => y(!0),
+                    onBlur: () => y(!1),
+                    children: (t < 0.5 || !t) && R && /* @__PURE__ */ s("div", { className: p.sliderThumbInner, children: /* @__PURE__ */ s(
+                      K,
+                      {
+                        children: `${S}`,
+                        swStyle: 1,
+                        color: "defaultInverted"
+                      }
+                    ) })
+                  }
+                ),
+                /* @__PURE__ */ s(
+                  J,
+                  {
+                    className: p.sliderThumbOuter,
+                    onFocus: () => C(!0),
+                    onBlur: () => C(!1),
+                    "data-testid": "thumb-max",
+                    children: (t < 0.5 || !t) && x && /* @__PURE__ */ s("div", { className: p.sliderThumbInner, children: /* @__PURE__ */ s(
+                      K,
+                      {
+                        children: `${v}`,
+                        swStyle: 1,
+                        color: "defaultInverted"
+                      }
+                    ) })
+                  }
+                )
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ s("div", { className: p.displayedValuesContainer, children: t >= 0.5 ? P.map((h) => /* @__PURE__ */ s("div", { className: p.displayedValues, children: /* @__PURE__ */ s(
+            K,
+            {
+              children: `${h}`,
+              swStyle: 1,
+              color: n.includes(h) ? "default" : "placeholder"
+            }
+          ) })) : e.map((h, d) => /* @__PURE__ */ s("div", { className: p.displayedValues, children: /* @__PURE__ */ s(
+            K,
+            {
+              children: `${e[d]}`,
+              swStyle: 1,
+              color: n.includes(e[d]) ? "default" : "placeholder"
+            }
+          ) })) }),
+          (t < 0.5 || !t) && /* @__PURE__ */ _("div", { className: p.inputContainer, children: [
+            /* @__PURE__ */ s(
+              "input",
+              {
+                "data-testid": "input-min",
+                className: p.inputDiv,
+                value: a,
+                type: "number",
+                min: b,
+                max: v,
+                onChange: H
+              }
+            ),
+            /* @__PURE__ */ s(
+              "input",
+              {
+                "data-testid": "input-max",
+                className: p.inputDiv,
+                value: g,
+                type: "number",
+                min: S,
+                max: m,
+                onChange: z
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  tt as RangeSelector
+};

package/dist/components/molecules/filter/range-selector/styles.d.ts

@@ -0,0 +1,17 @@
+export declare const styles: (disabled: boolean, open: boolean) => {
+    ratingContainter: string;
+    ratingDisplay: string;
+    rangeContainer: string;
+    sliderContainer: string;
+    sliderRoot: string;
+    sliderTrack: string;
+    sliderRangeOuter: string;
+    sliderRangeInner: string;
+    sliderThumbOuter: string;
+    sliderThumbInner: string;
+    displayedValuesContainer: string;
+    displayedValues: string;
+    inputContainer: string;
+    inputDiv: string;
+    rangeStep: string;
+};

package/dist/components/molecules/filter/range-selector/styles.js

@@ -0,0 +1,25 @@
+import { outlinedBorder as r, border as e } from "../../../styles/defaults/defaults.js";
+import "react";
+import "../../../../purify.es-eYFoHPwR.js";
+import { styleMap as n } from "../../../styles/typography/style.js";
+import "../../../styles/colors/colormap.js";
+const d = (t, l) => ({
+  ratingContainter: `flex h-[3rem] px-sm items-center gap-xs rounded w-fit ${t ? e.disabled : l ? r.active : e.default} ${t ? "cursor-not-allowed" : "cursor-pointer"}`,
+  ratingDisplay: "flex items-center gap-xxs",
+  rangeContainer: `flex flex-col py-md justify-center items-center gap-xs rounded absolute top-[3.325rem] ${t ? e.disabled : l ? r.active : e.default}`,
+  sliderContainer: "flex flex-col pt-md px-md justify-center items-center gap-3xs w-full self-stretch",
+  sliderRoot: "relative flex items-center select-none touch-none w-full h-5",
+  sliderTrack: "bg-glyph-disabledInverted relative z-0 w-full rounded-xs h-2",
+  sliderRangeOuter: "absolute z-20 bg-glyph-active rounded-full h-full",
+  sliderRangeInner: "flex absolute w-full z-10 justify-between items-center",
+  sliderThumbOuter: "flex justify-center w-4 h-4 bg-glyph-overlay z-30 relative rounded-full border-glyph-active focus:outline-none ring-[0.1rem] ring-glyph-active focus:w-[1.25rem] focus:h-[1.25rem] focus:ring-[0.15rem] focus:ring-glyph-active",
+  sliderThumbInner: "w-8 h-8 text-center rounded-xs absolute top-[1.6rem] inset-y-0 bg-glyph-default",
+  displayedValuesContainer: "flex w-full px-xxs justify-between items-center",
+  displayedValues: "w-8 h-8 text-center",
+  inputContainer: "flex px-md w-full pt-xs items-center gap-md self-stretch",
+  inputDiv: `flex focus:border-glyph-active h-[3rem] px-xs items-center gap-md border-[#B0B0B0] ${r.base} bg-[#FFF] w-1/2 ${n[1]} [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none`,
+  rangeStep: "w-2 h-2 rounded-full"
+});
+export {
+  d as styles
+};

package/dist/components/molecules/filter/segmented-control/index.d.ts

@@ -0,0 +1,2 @@
+export { SegmentedControl } from './segmented-control';
+export type { SegmentedControlProps, SegmentedControlOption, } from './segmented-control';

package/dist/components/molecules/filter/segmented-control/index.js

@@ -0,0 +1,4 @@
+import { SegmentedControl as r } from "./segmented-control.js";
+export {
+  r as SegmentedControl
+};