@sikka/hawa/dist/slider/index.mjs

Modern UI Kit made with Tailwind

"use client";

// elements/slider/Slider.tsx
import * as React from "react";
import * as SliderPrimitive from "@radix-ui/react-slider";

// util/index.ts
import { clsx } from "clsx";
import { twMerge } from "tailwind-merge";
function cn(...inputs) {
  return twMerge(clsx(inputs));
}

// elements/slider/Slider.tsx
var Slider = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
  SliderPrimitive.Root,
  {
    ref,
    className: cn(
      "hawa-relative hawa-flex hawa-w-full hawa-touch-none hawa-select-none hawa-items-center",
      className
    ),
    ...props
  },
  /* @__PURE__ */ React.createElement(SliderPrimitive.Track, { className: "hawa-relative hawa-h-2 hawa-w-full hawa-grow hawa-overflow-hidden hawa-rounded-full hawa-border hawa-bg-background" }, /* @__PURE__ */ React.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
  /* @__PURE__ */ React.createElement(SliderPrimitive.Thumb, { className: "hawa-block hawa-h-5 hawa-w-5 hawa-rounded-full hawa-border-2 hawa-border-primary hawa-bg-background hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50" })
));
Slider.displayName = SliderPrimitive.Root.displayName;
export {
  Slider
};
//# sourceMappingURL=index.mjs.map