@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 e } from "../../index-D29mdTf5.js";
const a = e(
["inline-flex", "items-center", "cursor-pointer", "gap-2", "w-max"],
{
variants: {
disabled: {
true: ["cursor-not-allowed"],
false: ["cursor-pointer"]
}
},
defaultVariants: {
disabled: !1
}
}
), o = e(
[
"border",
"border-gray-300",
"duration-300",
"inline-block",
"rounded-full",
"transition-all",
"flex",
"flex-col",
"items-center",
"justify-center",
"before:content-['']",
"before:rounded-full",
"before:w-0",
"before:h-0",
"before:duration-100",
"before:transition-all",
"h-4",
"w-4",
"peer-checked:before:h-[70%]",
"peer-checked:before:w-[70%]"
],
{
variants: {
disabled: {
true: "",
false: ""
},
checked: {
true: "",
false: ""
}
},
compoundVariants: [
{
disabled: !1,
checked: [!0, !1],
class: [
"kubefirst:peer-checked:border-kubefirst-primary",
"kubefirst:peer-checked:before:bg-kubefirst-primary",
"peer-checked:border-aurora-500",
"peer-checked:before:bg-aurora-500"
]
},
{
disabled: !0,
checked: !0,
class: [
"peer-checked:border-gray-300",
"peer-checked:before:bg-gray-300",
"cursor-not-allowed",
"[&+span]:cursor-not-allowed"
]
},
{
disabled: !0,
checked: !1,
class: [
"peer-checked:border-gray-200",
"peer-checked:border-gray-200",
"peer-checked:before:bg-gray-200",
"cursor-not-allowed",
"[&+span]:cursor-not-allowed",
"bg-gray-50"
]
}
],
defaultVariants: {
disabled: !1
}
}
), c = e(["text-sm", "text-zinc-700"]);
export {
c as labelRadioVariants,
o as radioVariants,
a as wrapperRadioVariants
};