@konstructio/ui
Version:
A set of reusable and customizable React components built for konstruct.io
91 lines (90 loc) • 1.95 kB
JavaScript
import { t as e } from "../../dist-Bcn6lMQe.js";
var 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",
"dark:border-metal-600",
"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-zinc-300",
"peer-checked:before:bg-zinc-300",
"cursor-not-allowed",
"[&+span]:cursor-not-allowed",
"dark:peer-checked:before:bg-aurora-500/50",
"dark:peer-checked:border-aurora-500/50"
]
},
{
disabled: !0,
checked: !1,
class: [
"peer-checked:border-zinc-300",
"peer-checked:before:bg-zinc-50",
"cursor-not-allowed",
"[&+span]:cursor-not-allowed",
"bg-gray-50",
"dark:bg-metal-800",
"dark:bg-metal-800"
]
}
],
defaultVariants: { disabled: !1 }
}), d = e(["text-sm", "text-zinc-700"]);
export {
d as labelRadioVariants,
o as radioVariants,
a as wrapperRadioVariants
};