@konstructio/ui/dist/components/Slider/Slider.variants.js

A set of reusable and customizable React components built for konstruct.io

import { c as e } from "../../index-BNmRGtA6.js";
const r = e(
  ["relative", "flex", "items-center", "w-full"],
  {
    variants: {
      theme: {
        kubefirst: "",
        colony: "",
        civo: ""
      }
    },
    defaultVariants: {
      theme: "kubefirst"
    }
  }
), i = e(["relative", "flex-grow", "rounded-full"], {
  variants: {
    theme: {
      kubefirst: ["bg-kubefirst-secondary"],
      colony: ["bg-red-500"],
      civo: ""
    },
    size: {
      sm: ["h-1"],
      md: ["h-2"],
      lg: ["h-3"]
    }
  },
  defaultVariants: {
    theme: "kubefirst",
    size: "md"
  }
}), s = e(
  [
    "block",
    "w-5",
    "h-5",
    "rounded-full",
    "cursor-pointer",
    "focus-visible:outline-none",
    "shadow-md",
    "bg-white",
    "border",
    "border-gray-300"
  ],
  {
    variants: {
      theme: {
        kubefirst: "",
        colony: "",
        civo: ""
      },
      size: {
        sm: ["w-5", "h-5"],
        md: ["w-6", "h-6"],
        lg: ["w-7", "h-7"]
      }
    },
    defaultVariants: {
      theme: "kubefirst",
      size: "md"
    }
  }
);
export {
  r as sliderVariants,
  s as thumbVariants,
  i as trackVariants
};