@konstructio/ui
Version:
A set of reusable and customizable React components built for konstruct.io
100 lines (99 loc) • 2.07 kB
JavaScript
import { c as e } from "../../index-BNmRGtA6.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-zinc-400",
"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: {
theme: {
colony: "",
kubefirst: "",
civo: ""
},
disabled: {
true: "",
false: ""
},
checked: {
true: "",
false: ""
}
},
compoundVariants: [
{
theme: "kubefirst",
disabled: !1,
checked: [!0, !1],
class: [
"peer-checked:border-kubefirst-primary",
"peer-checked:before:bg-kubefirst-primary"
]
},
{
theme: "kubefirst",
disabled: !0,
checked: !0,
class: [
"peer-checked:border-zinc-400",
"peer-checked:before:bg-zinc-400",
"cursor-not-allowed",
"[&+span]:cursor-not-allowed"
]
},
{
theme: "kubefirst",
disabled: !0,
checked: !1,
class: [
"peer-checked:border-zinc-300",
"peer-checked:border-zinc-300",
"peer-checked:before:bg-zinc-300",
"cursor-not-allowed",
"[&+span]:cursor-not-allowed",
"bg-zinc-50"
]
}
],
defaultVariants: {
theme: "kubefirst",
disabled: !1
}
}
), t = e(["text-sm", "text-zinc-700"]);
export {
t as labelRadioVariants,
o as radioVariants,
a as wrapperRadioVariants
};