import { jsx as i } from "react/jsx-runtime";
import { useMemo as f } from "react";
import { I as y } from "../input/input.js";
import { c as u, s as g, a as R } from "../tools/tools.js";
const d = function(n) {
  const { as: o = "input", className: s, dropOldClass: a, style: e, variables: t, ...r } = n, l = f(() => {
    const m = u(!a && "form-range", s), p = g((C, c) => ({ tKey: R(c) }), t, e);
    return {
      className: m,
      style: p
    };
  }, [a, s, t, e]);
  return /* @__PURE__ */ i(y, { ...r, ...l, as: o, type: "range" });
};
d.displayName = "BRL.Range";
export {
  d as R
};
//# sourceMappingURL=range.js.map
