@konstructio/ui
Version:
A set of reusable and customizable React components built for konstruct.io
93 lines (92 loc) • 1.98 kB
JavaScript
import { c as r } from "../../index-BNmRGtA6.js";
const o = r(
[
"absolute",
"w-max",
"p-2.5",
"rounded-lg",
"shadow-md",
"transition-all",
"ease-linear",
"opacity-0",
"duration-250",
"[&[data-visible='true']]:opacity-100",
"delay-100",
"bg-kubefirst-primary",
"colony:bg-red-700"
],
{
variants: {
position: {
top: ["-top-[120%]", "left-[50%]", "-translate-x-1/2"],
bottom: ["-bottom-[120%]", "right-[50%]", "translate-x-1/2"],
right: ["top-1/2", "ml-1", "left-[100%]", "-translate-y-2/4"],
left: ["top-1/2", "mr-1", "right-[100%]", "-translate-y-2/4"]
}
},
defaultVariants: {
position: "right"
}
}
), a = r(
[
"absolute",
"w-0",
"h-0",
"border-kubefirst-primary",
"colony:border-red-700"
],
{
variants: {
position: {
top: [
"top-full",
"right-1/2",
"translate-x-2/4",
"border-l-4",
"border-l-transparent",
"border-r-4",
"border-r-transparent",
"border-t-4"
],
bottom: [
"bottom-full",
"right-1/2",
"translate-x-2/4",
"border-l-4",
"border-l-transparent",
"border-r-4",
"border-r-transparent",
"border-b-4"
],
right: [
"right-full",
"top-1/2",
"-translate-y-2/4",
"border-t-4",
"border-t-transparent",
"border-b-4",
"border-b-transparent",
"border-r-4"
],
left: [
"left-full",
"top-1/2",
"-translate-y-2/4",
"border-t-4",
"border-t-transparent",
"border-b-4",
"border-b-transparent",
"border-l-4"
]
}
},
defaultVariants: {
position: "right"
}
}
);
export {
a as arrowVariants,
o as tooltipVariants
};