ivt
Version:
Ivt Components Library
45 lines (42 loc) • 2.09 kB
JavaScript
import { cva } from 'class-variance-authority';
import React__default from 'react';
import { c as cn } from './utils-BDcRwQMd.mjs';
const alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
variants: {
variant: {
default: "bg-card text-card-foreground [&>svg]:text-current *:data-[slot=alert-description]:text-card-foreground/90",
destructive: "text-destructive border-destructive bg-destructive-foreground [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
warning: "text-warning border-warning bg-warning-foreground [&>svg]:text-current *:data-[slot=alert-description]:text-warning/90",
info: "text-foreground bg-info-foreground border-info [&>svg]:text-info *:data-[slot=alert-description]:text-foreground"
}
},
defaultVariants: {
variant: "default"
}
});
function Alert({ className, variant, subtle = false, ...props }) {
return /*#__PURE__*/ React__default.createElement("div", {
"data-slot": "alert",
role: "alert",
className: cn(alertVariants({
variant
}), subtle && "bg-background", className),
...props
});
}
function AlertTitle({ className, ...props }) {
return /*#__PURE__*/ React__default.createElement("div", {
"data-slot": "alert-title",
className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
...props
});
}
function AlertDescription({ className, ...props }) {
return /*#__PURE__*/ React__default.createElement("div", {
"data-slot": "alert-description",
className: cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className),
...props
});
}
export { Alert as A, AlertTitle as a, AlertDescription as b };
//# sourceMappingURL=alert-Ciu-8LcJ.mjs.map