import {
  cn,
  cva
} from "/build/_shared/chunk-LGQ4GCFK.js";
import {
  require_jsx_dev_runtime
} from "/build/_shared/chunk-ED7KKCRB.js";
import {
  require_react
} from "/build/_shared/chunk-PECDPABK.js";
import {
  createHotContext,
  init_remix_hmr
} from "/build/_shared/chunk-G7KTOMTD.js";
import {
  __toESM
} from "/build/_shared/chunk-PNG5AS42.js";

// app/components/ui/alert.tsx
init_remix_hmr();
var React = __toESM(require_react(), 1);
var import_jsx_dev_runtime = __toESM(require_jsx_dev_runtime(), 1);
if (!window.$RefreshReg$ || !window.$RefreshSig$ || !window.$RefreshRuntime$) {
  console.warn("remix:hmr: React Fast Refresh only works when the Remix compiler is running in development mode.");
} else {
  prevRefreshReg = window.$RefreshReg$;
  prevRefreshSig = window.$RefreshSig$;
  window.$RefreshReg$ = (type, id) => {
    window.$RefreshRuntime$.register(type, '"app/components/ui/alert.tsx"' + id);
  };
  window.$RefreshSig$ = window.$RefreshRuntime$.createSignatureFunctionForTransform;
}
var prevRefreshReg;
var prevRefreshSig;
if (import.meta) {
  import.meta.hot = createHotContext(
    //@ts-expect-error
    "app/components/ui/alert.tsx"
  );
  import.meta.hot.lastModified = "1711033456007.2085";
}
var alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", {
  variants: {
    variant: {
      default: "bg-background text-foreground",
      destructive: "bg-destructive text-foreground"
    }
  },
  defaultVariants: {
    variant: "default"
  }
});
var Alert = React.forwardRef(_c = ({
  className,
  variant,
  ...props
}, ref) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", { ref, role: "alert", className: cn(alertVariants({
  variant
}), className), ...props }, void 0, false, {
  fileName: "app/components/ui/alert.tsx",
  lineNumber: 39,
  columnNumber: 12
}, this));
_c2 = Alert;
Alert.displayName = "Alert";
var AlertTitle = React.forwardRef(_c3 = ({
  className,
  ...props
}, ref) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("h5", { ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props }, void 0, false, {
  fileName: "app/components/ui/alert.tsx",
  lineNumber: 47,
  columnNumber: 12
}, this));
_c4 = AlertTitle;
AlertTitle.displayName = "AlertTitle";
var AlertDescription = React.forwardRef(_c5 = ({
  className,
  ...props
}, ref) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props }, void 0, false, {
  fileName: "app/components/ui/alert.tsx",
  lineNumber: 53,
  columnNumber: 12
}, this));
_c6 = AlertDescription;
AlertDescription.displayName = "AlertDescription";
var _c;
var _c2;
var _c3;
var _c4;
var _c5;
var _c6;
$RefreshReg$(_c, "Alert$React.forwardRef");
$RefreshReg$(_c2, "Alert");
$RefreshReg$(_c3, "AlertTitle$React.forwardRef");
$RefreshReg$(_c4, "AlertTitle");
$RefreshReg$(_c5, "AlertDescription$React.forwardRef");
$RefreshReg$(_c6, "AlertDescription");
window.$RefreshReg$ = prevRefreshReg;
window.$RefreshSig$ = prevRefreshSig;

export {
  Alert,
  AlertTitle,
  AlertDescription
};
//# sourceMappingURL=/build/_shared/chunk-MRTBCHPK.js.map
