geoiq-frontend-ui-kit/dist/index.es36.js

This project is a UI kit for GeoIQ's frontend. It's built with React, TypeScript, and Vite.

import * as e from "react";
import * as l from "@radix-ui/react-alert-dialog";
import { cn as s } from "./index.es79.js";
import "./index.es7.js";
import { ButtonVariants as i } from "./index.es68.js";
const D = l.Root, x = l.Trigger, n = l.Portal, r = e.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ e.createElement(
  l.Overlay,
  {
    className: s(
      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
      a
    ),
    ...t,
    ref: o
  }
));
r.displayName = l.Overlay.displayName;
const d = e.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ e.createElement(n, null, /* @__PURE__ */ e.createElement(r, null), /* @__PURE__ */ e.createElement(
  l.Content,
  {
    ref: o,
    className: s(
      "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
      a
    ),
    ...t
  }
)));
d.displayName = l.Content.displayName;
const m = ({
  className: a,
  ...t
}) => /* @__PURE__ */ e.createElement("div", { className: s("flex flex-col space-y-2  ", a), ...t });
m.displayName = "AlertDialogHeader";
const c = ({
  className: a,
  ...t
}) => /* @__PURE__ */ e.createElement(
  "div",
  {
    className: s(
      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
      a
    ),
    ...t
  }
);
c.displayName = "AlertDialogFooter";
const f = e.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ e.createElement(
  l.Title,
  {
    ref: o,
    className: s("text-lg font-semibold", a),
    ...t
  }
));
f.displayName = l.Title.displayName;
const p = e.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ e.createElement(
  l.Description,
  {
    ref: o,
    className: s("text-sm text-muted-foreground", a),
    ...t
  }
));
p.displayName = l.Description.displayName;
const g = e.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ e.createElement(
  l.Action,
  {
    ref: o,
    className: s(i(), a),
    ...t
  }
));
g.displayName = l.Action.displayName;
const N = e.forwardRef(({ ...a }, t) => /* @__PURE__ */ e.createElement(l.Cancel, { ref: t, className: "w-full", ...a }));
N.displayName = l.Cancel.displayName;
export {
  D as AlertDialog,
  g as AlertDialogAction,
  N as AlertDialogCancel,
  d as AlertDialogContent,
  p as AlertDialogDescription,
  c as AlertDialogFooter,
  m as AlertDialogHeader,
  r as AlertDialogOverlay,
  n as AlertDialogPortal,
  f as AlertDialogTitle,
  x as AlertDialogTrigger
};
//# sourceMappingURL=index.es36.js.map