TanTan
e311ca3275
Build NapCat Artifacts / Windows Loader Test (push) Canceled after 0s
Build NapCat Artifacts / Type Check & Test (push) Canceled after 0s
Build NapCat Artifacts / Build NapCat.Framework (push) Canceled after 0s
Build NapCat Artifacts / Build NapCat.Shell (push) Canceled after 0s
123 lines
2.5 KiB
Plaintext
123 lines
2.5 KiB
Plaintext
import {
|
|
tv
|
|
} from "./chunk-UWE6H66T.mjs";
|
|
|
|
// src/components/spinner.ts
|
|
var spinner = tv({
|
|
slots: {
|
|
base: "relative inline-flex flex-col gap-2 items-center justify-center",
|
|
wrapper: "relative flex",
|
|
circle1: [
|
|
"absolute",
|
|
"w-full",
|
|
"h-full",
|
|
"rounded-full",
|
|
"animate-spinner-ease-spin",
|
|
"border-2",
|
|
"border-solid",
|
|
"border-t-transparent",
|
|
"border-l-transparent",
|
|
"border-r-transparent"
|
|
],
|
|
circle2: [
|
|
"absolute",
|
|
"w-full",
|
|
"h-full",
|
|
"rounded-full",
|
|
"opacity-75",
|
|
"animate-spinner-linear-spin",
|
|
"border-2",
|
|
"border-dotted",
|
|
"border-t-transparent",
|
|
"border-l-transparent",
|
|
"border-r-transparent"
|
|
],
|
|
label: "text-foreground dark:text-foreground-dark font-regular"
|
|
},
|
|
variants: {
|
|
size: {
|
|
sm: {
|
|
wrapper: "w-5 h-5",
|
|
circle1: "border-2",
|
|
circle2: "border-2",
|
|
label: "text-small"
|
|
},
|
|
md: {
|
|
wrapper: "w-8 h-8",
|
|
circle1: "border-3",
|
|
circle2: "border-3",
|
|
label: "text-medium"
|
|
},
|
|
lg: {
|
|
wrapper: "w-10 h-10",
|
|
circle1: "border-3",
|
|
circle2: "border-3",
|
|
label: "text-large"
|
|
}
|
|
},
|
|
color: {
|
|
current: {
|
|
circle1: "border-b-current",
|
|
circle2: "border-b-current"
|
|
},
|
|
white: {
|
|
circle1: "border-b-white",
|
|
circle2: "border-b-white"
|
|
},
|
|
default: {
|
|
circle1: "border-b-default",
|
|
circle2: "border-b-default"
|
|
},
|
|
primary: {
|
|
circle1: "border-b-primary",
|
|
circle2: "border-b-primary"
|
|
},
|
|
secondary: {
|
|
circle1: "border-b-secondary",
|
|
circle2: "border-b-secondary"
|
|
},
|
|
success: {
|
|
circle1: "border-b-success",
|
|
circle2: "border-b-success"
|
|
},
|
|
warning: {
|
|
circle1: "border-b-warning",
|
|
circle2: "border-b-warning"
|
|
},
|
|
danger: {
|
|
circle1: "border-b-danger",
|
|
circle2: "border-b-danger"
|
|
}
|
|
},
|
|
labelColor: {
|
|
foreground: {
|
|
label: "text-foreground"
|
|
},
|
|
primary: {
|
|
label: "text-primary"
|
|
},
|
|
secondary: {
|
|
label: "text-secondary"
|
|
},
|
|
success: {
|
|
label: "text-success"
|
|
},
|
|
warning: {
|
|
label: "text-warning"
|
|
},
|
|
danger: {
|
|
label: "text-danger"
|
|
}
|
|
}
|
|
},
|
|
defaultVariants: {
|
|
size: "md",
|
|
color: "primary",
|
|
labelColor: "foreground"
|
|
}
|
|
});
|
|
|
|
export {
|
|
spinner
|
|
};
|