geoiq-frontend-ui-kit/dist/index.es27.js

This project is a UI kit for GeoIQ's frontend. It's built with React, TypeScript, and Vite.

import * as o from "@radix-ui/react-slider";
import * as e from "react";
import { cn as t } from "./index.es79.js";
import { SliderVariants as s } from "./index.es115.js";
const n = e.forwardRef(({ className: r, id: l, ...a }, i) => (
  // <div className='bg-light-3 h-[100px] w-full flex'>
  /* @__PURE__ */ e.createElement(
    o.Root,
    {
      ref: i,
      className: t(s({ className: r })),
      id: l,
      ...a
    },
    /* @__PURE__ */ e.createElement(o.Track, { className: "relative w-full h-2 overflow-hidden rounded-full grow bg-light-4" }, /* @__PURE__ */ e.createElement(o.Range, { className: "absolute h-full bg-click-p1" })),
    /* @__PURE__ */ e.createElement(o.Thumb, { className: "block h-5 w-5 bg-rest-p1 hover:bg-hover-p1 active:bg-click-p1  rounded-full border-[6px] border-neutral-0 hover:w-6 hover:h-6  shadow-lg bg-click-p1 outline-none transition-all focus-visible:outline-none  disabled:pointer-events-none disabled:opacity-50 focus-visible:cursor-pointer " })
  )
));
n.displayName = o.Root.displayName;
export {
  n as Slider
};
//# sourceMappingURL=index.es27.js.map