import { jsx as r } from "react/jsx-runtime";
import { c as t } from "../../index-BtlgVD4m.js";
import { alertVariants as p } from "./types/AlertVariant.js";
const n = ({ ref: e, className: a, variant: s = "default", ...l }) => {
  const i = t(
    "relative w-full border [&>svg~*]:pl-[var(--spacing-7)] [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-[var(--spacing-4)] [&>svg]:top-[var(--spacing-4)] [&>svg]:text-foreground",
    "rounded-[var(--border-radius-lg)]",
    "px-[var(--spacing-5)] py-[var(--spacing-4)]",
    p[s],
    a
  );
  return /* @__PURE__ */ r("div", { ref: e, role: "alert", className: i, ...l });
};
n.displayName = "AlertWrapper";
const o = ({ ref: e, className: a, ...s }) => /* @__PURE__ */ r(
  "h5",
  {
    ref: e,
    className: t(
      "text-[length:var(--typography-base-sizes-base-font-size)] leading-[var(--typography-base-sizes-base-line-height)] tracking-tight",
      a
    ),
    ...s
  }
);
o.displayName = "AlertTitle";
const g = ({
  ref: e,
  className: a,
  ...s
}) => /* @__PURE__ */ r(
  "div",
  {
    ref: e,
    className: t(
      "text-[length:var(--typography-base-sizes-small-font-size)] leading-[var(--typography-base-sizes-small-line-height)] [&_p]:leading-relaxed",
      a
    ),
    ...s
  }
);
g.displayName = "AlertDescription";
export {
  g as AlertDescription,
  o as AlertTitle,
  n as AlertWrapper
};
//# sourceMappingURL=AlertPrimitives.js.map
