dgz-ui/dist/chunks/alert-B9rImkiX.es.js

Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript

import { jsx as a } from "react/jsx-runtime";
import { c as d } from "./index-xA4mlFw5.es.js";
import * as s from "react";
import { c as i } from "./utils-CnvKSirc.es.js";
const n = d(
  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
  {
    variants: {
      variant: {
        default: "bg-background text-foreground",
        warning: "border-warning/50 text-warning dark:border-warning [&>svg]:text-warning",
        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
      }
    },
    defaultVariants: {
      variant: "default"
    }
  }
), l = s.forwardRef(({ className: t, variant: r, ...e }, o) => /* @__PURE__ */ a(
  "div",
  {
    ref: o,
    role: "alert",
    className: i(n({ variant: r }), t),
    ...e
  }
));
l.displayName = "Alert";
const g = s.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ a(
  "h5",
  {
    ref: e,
    className: i("mb-1 leading-none font-medium tracking-tight", t),
    ...r
  }
));
g.displayName = "AlertTitle";
const c = s.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ a(
  "div",
  {
    ref: e,
    className: i("text-sm [&_p]:leading-relaxed", t),
    ...r
  }
));
c.displayName = "AlertDescription";
export {
  l as A,
  c as a,
  g as b,
  n as c
};
//# sourceMappingURL=alert-B9rImkiX.es.js.map