@iqworksai/common-components 0.1.21 → 0.1.23

package/dist/components/FileTypeIcon/index.mjs

@@ -0,0 +1,12 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useState as l, useCallback as i } from "react";
+import { useFileIconPath as m } from "../../hooks/useAssetPath.mjs";
+const E = ({ category: r, className: o = "w-3 h-4 object-cover" }) => {
+  const { iconPath: t, fallbackPath: e } = m(r), [a, s] = l(!1), c = i(() => {
+    s(!0);
+  }, []);
+  return /* @__PURE__ */ n("img", { src: a ? e : t, alt: r || "unknown file", className: o, onError: c });
+};
+export {
+  E as default
+};

package/dist/components/ImagePreviewModal/index.mjs

@@ -0,0 +1,101 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { useState as y, useEffect as v } from "react";
+import { FaTimes as E } from "../../node_modules/react-icons/fa/index.mjs";
+import { createPortal as j } from "react-dom";
+import { useBodyScrollLock as L } from "../../hooks/useBodyScrollLock.mjs";
+const B = ({
+  isOpen: o,
+  imagePath: s,
+  imageSrc: d,
+  loadImageFromPath: m,
+  onClose: c,
+  contentClassName: g,
+  contentStyle: w,
+  overlayClassName: p,
+  overlayStyle: b,
+  onOverlayClick: h
+}) => {
+  const [x, a] = y(""), [u, i] = y(!1), [f, t] = y("");
+  if (L(o), v(() => {
+    if (!o) {
+      a(""), t(""), i(!1);
+      return;
+    }
+    if (d) {
+      a(d), t(""), i(!1);
+      return;
+    }
+    s ? (async () => {
+      i(!0), t(""), a("");
+      try {
+        if (m) {
+          const r = await m(s);
+          a(r);
+        } else
+          a(s);
+      } catch (r) {
+        const k = r instanceof Error ? r.message : "Failed to load image";
+        t(k), console.error("[ImagePreviewModal] Failed to load image:", r);
+      } finally {
+        i(!1);
+      }
+    })() : t("No image source provided");
+  }, [o, s, d, m]), v(() => {
+    if (!o) return;
+    const l = (r) => {
+      r.key === "Escape" && c();
+    };
+    return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
+  }, [o, c]), !o) return null;
+  const N = /* @__PURE__ */ e(
+    "div",
+    {
+      className: `fixed inset-0 bg-black bg-opacity-50 flex justify-center items-center p-4 overflow-y-auto ${p || ""}`,
+      style: { zIndex: 99, ...b },
+      onClick: h ?? c,
+      children: /* @__PURE__ */ n(
+        "div",
+        {
+          className: `relative py-4 rounded-lg shadow-lg w-[95%] sm:w-[90%] md:w-[85%] lg:w-auto max-w-screen-2xl min-w-[320px] sm:min-w-[400px] ${g || ""}`,
+          style: { backgroundColor: "var(--bg-color)", border: "1px solid var(--border-color)", ...w },
+          onClick: (l) => l.stopPropagation(),
+          children: [
+            /* @__PURE__ */ e("div", { className: "px-4", children: /* @__PURE__ */ n("div", { className: "flex justify-between items-center", children: [
+              /* @__PURE__ */ e("h2", { className: "text-lg font-semibold", style: { color: "var(--text-color)" }, children: "Image Preview" }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: c,
+                  className: "text-brand-primary hover:opacity-80 transition-opacity",
+                  "aria-label": "Close",
+                  children: /* @__PURE__ */ e(E, { size: 16 })
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ n("div", { className: "px-4 mt-4 pb-4", children: [
+              u && /* @__PURE__ */ e("div", { className: "flex justify-center items-center py-8", style: { color: "var(--text-color)" }, children: /* @__PURE__ */ e("span", { children: "Loading image..." }) }),
+              f && /* @__PURE__ */ e("div", { className: "flex justify-center items-center py-8", style: { color: "var(--text-color)" }, children: /* @__PURE__ */ n("div", { className: "text-center", children: [
+                /* @__PURE__ */ e("p", { className: "text-red-500 mb-2", children: "Error loading image" }),
+                /* @__PURE__ */ e("p", { className: "text-sm", style: { color: "var(--secondary-text-color)" }, children: f })
+              ] }) }),
+              !u && !f && x && /* @__PURE__ */ e("div", { className: "flex justify-center items-center max-h-[70vh] overflow-auto", children: /* @__PURE__ */ e(
+                "img",
+                {
+                  src: x,
+                  alt: "Preview",
+                  className: "max-w-full max-h-[70vh] object-contain rounded",
+                  style: { border: "1px solid var(--border-color)" },
+                  onError: () => t("Failed to load image")
+                }
+              ) })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+  return j(N, document.getElementById("modal-root") || document.body);
+};
+export {
+  B as default
+};

package/dist/components/InstallUpdateLoader/index.mjs

@@ -0,0 +1,99 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { FiX as m, FiDownload as d, FiShield as c, FiDatabase as x, FiCheckCircle as h } from "../../node_modules/react-icons/fi/index.mjs";
+const v = ({ isVisible: i, currentStep: a, error: t, onDismiss: s }) => {
+  if (!i) return null;
+  const o = (r, n) => n ? /* @__PURE__ */ e(h, { className: "w-6 h-6 text-green-600 dark:text-green-400" }) : r ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: "animate-spin rounded-full h-6 w-6",
+      style: {
+        borderWidth: "2px",
+        borderStyle: "solid",
+        borderColor: "hsl(var(--brand-light))",
+        borderTopColor: "hsl(var(--brand-orange))"
+      }
+    }
+  ) : /* @__PURE__ */ e("div", { className: "w-6 h-6 border-2 rounded-full", style: { borderColor: "var(--border-color)" } });
+  return /* @__PURE__ */ e("div", { className: "fixed inset-0 bg-black/80 backdrop-blur-sm flex items-center justify-center z-50", children: /* @__PURE__ */ l(
+    "div",
+    {
+      className: "rounded-lg shadow-2xl p-8 max-w-md w-full mx-4 relative",
+      style: { backgroundColor: "var(--bg-color)", border: "1px solid var(--border-color)" },
+      children: [
+        t && s && /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: s,
+            className: "absolute top-4 right-4 p-2 transition-colors",
+            style: { color: "var(--secondary-text-color)" },
+            onMouseEnter: (r) => r.currentTarget.style.color = "var(--text-color)",
+            onMouseLeave: (r) => r.currentTarget.style.color = "var(--secondary-text-color)",
+            children: /* @__PURE__ */ e(m, { className: "w-5 h-5" })
+          }
+        ),
+        /* @__PURE__ */ l("div", { className: "text-center mb-8", children: [
+          /* @__PURE__ */ e("div", { className: "flex items-center justify-center mb-4", children: /* @__PURE__ */ e(d, { className: "w-12 h-12 text-brand-primary" }) }),
+          /* @__PURE__ */ e("h2", { className: "text-2xl font-bold mb-2", style: { color: "var(--text-color)" }, children: "Installing Update" }),
+          /* @__PURE__ */ e("p", { style: { color: "var(--secondary-text-color)" }, children: "Please wait while we install the update safely" })
+        ] }),
+        t && /* @__PURE__ */ l("div", { className: "mb-6 p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg", children: [
+          /* @__PURE__ */ l("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ e(c, { className: "w-5 h-5 text-red-600 dark:text-red-400" }),
+            /* @__PURE__ */ e("p", { className: "text-sm text-red-700 dark:text-red-300 font-medium", children: "Installation Failed" })
+          ] }),
+          /* @__PURE__ */ e("p", { className: "text-sm text-red-600 dark:text-red-400 mt-1", children: t }),
+          /* @__PURE__ */ e("div", { className: "mt-3 flex space-x-2", children: /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: s,
+              className: "px-3 py-1.5 bg-red-600 text-white text-sm rounded hover:bg-red-700 transition-colors",
+              children: "Close"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ l("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ l("div", { className: "flex items-center space-x-3", children: [
+            o(a === "backup", a === "install" || a === "complete"),
+            /* @__PURE__ */ l("div", { className: "flex-1", children: [
+              /* @__PURE__ */ l("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ e(x, { className: "w-4 h-4", style: { color: "var(--secondary-text-color)" } }),
+                /* @__PURE__ */ e("span", { className: "text-sm font-medium", style: { color: "var(--text-color)" }, children: "Database Backup" })
+              ] }),
+              /* @__PURE__ */ e("p", { className: "text-xs", style: { color: "var(--secondary-text-color)" }, children: a === "backup" ? "Creating secure backup..." : a === "install" || a === "complete" ? "Backup completed" : "Pending" })
+            ] })
+          ] }),
+          /* @__PURE__ */ l("div", { className: "flex items-center space-x-3", children: [
+            o(a === "install", a === "complete"),
+            /* @__PURE__ */ l("div", { className: "flex-1", children: [
+              /* @__PURE__ */ l("div", { className: "flex items-center space-x-2", children: [
+                /* @__PURE__ */ e(d, { className: "w-4 h-4", style: { color: "var(--secondary-text-color)" } }),
+                /* @__PURE__ */ e("span", { className: "text-sm font-medium", style: { color: "var(--text-color)" }, children: "Update Installation" })
+              ] }),
+              /* @__PURE__ */ e("p", { className: "text-xs", style: { color: "var(--secondary-text-color)" }, children: a === "install" ? "Installing update..." : a === "complete" ? "Installation completed" : "Pending" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ e("div", { className: "w-full rounded-full h-2", style: { backgroundColor: "hsl(var(--brand-light))" }, children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: "h-2 rounded-full transition-all duration-500",
+            style: {
+              width: a === "backup" ? "50%" : "100%",
+              backgroundColor: "hsl(var(--brand-orange))"
+            }
+          }
+        ) }) }),
+        /* @__PURE__ */ e("div", { className: "mt-6 p-3 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg", children: /* @__PURE__ */ l("div", { className: "flex items-start space-x-2", children: [
+          /* @__PURE__ */ e(c, { className: "w-4 h-4 text-yellow-600 dark:text-yellow-400 mt-0.5 flex-shrink-0" }),
+          /* @__PURE__ */ l("p", { className: "text-xs text-yellow-700 dark:text-yellow-300", children: [
+            /* @__PURE__ */ e("strong", { children: "Important:" }),
+            " Do not close the application during this process. The app will restart automatically after installation."
+          ] })
+        ] }) })
+      ]
+    }
+  ) });
+};
+export {
+  v as default
+};

package/dist/components/IntegrationLogos/index.mjs

@@ -0,0 +1,146 @@
+import { jsx as s } from "react/jsx-runtime";
+import g from "../../assets/integrations/athena.svg.mjs";
+import f from "../../assets/integrations/awsS3.svg.mjs";
+import l from "../../assets/integrations/azureBlob.svg.mjs";
+import p from "../../assets/integrations/bigquery.svg.mjs";
+import c from "../../assets/integrations/box.svg.mjs";
+import L from "../../assets/integrations/confluence.svg.mjs";
+import d from "../../assets/integrations/databricks.svg.mjs";
+import u from "../../assets/integrations/drive.svg.mjs";
+import b from "../../assets/integrations/dropbox.svg.mjs";
+import k from "../../assets/integrations/dynamics365.svg.mjs";
+import h from "../../assets/integrations/dynamodb.svg.mjs";
+import S from "../../assets/integrations/endpoints.svg.mjs";
+import y from "../../assets/integrations/exchange.svg.mjs";
+import v from "../../assets/integrations/github.svg.mjs";
+import w from "../../assets/integrations/gitlab.svg.mjs";
+import x from "../../assets/integrations/gmail.svg.mjs";
+import D from "../../assets/integrations/googleCloudStorage.svg.mjs";
+import A from "../../assets/integrations/hubspot.svg.mjs";
+import z from "../../assets/integrations/jira.svg.mjs";
+import q from "../../assets/integrations/mssql.svg.mjs";
+import G from "../../assets/integrations/mysql.svg.mjs";
+import I from "../../assets/integrations/netsuite.svg.mjs";
+import N from "../../assets/integrations/oneDrive.svg.mjs";
+import B from "../../assets/integrations/outlook.svg.mjs";
+import O from "../../assets/integrations/postgres.svg.mjs";
+import j from "../../assets/integrations/redshift.svg.mjs";
+import C from "../../assets/integrations/salesforce.svg.mjs";
+import E from "../../assets/integrations/sap.svg.mjs";
+import M from "../../assets/integrations/servicenow.svg.mjs";
+import T from "../../assets/integrations/sharedDrive.svg.mjs";
+import Q from "../../assets/integrations/sharepoint.svg.mjs";
+import P from "../../assets/integrations/slack.svg.mjs";
+import R from "../../assets/integrations/snowflake.svg.mjs";
+import U from "../../assets/integrations/teams.svg.mjs";
+import H from "../../assets/integrations/workday.svg.mjs";
+import W from "../../assets/integrations/zendesk.svg.mjs";
+const r = {
+  athena: g,
+  awsS3: f,
+  azureBlob: l,
+  bigquery: p,
+  box: c,
+  confluence: L,
+  databricks: d,
+  drive: u,
+  dropbox: b,
+  dynamics365: k,
+  dynamodb: h,
+  endpoints: S,
+  exchange: y,
+  github: v,
+  gitlab: w,
+  gmail: x,
+  googleCloudStorage: D,
+  hubspot: A,
+  jira: z,
+  mssql: q,
+  mysql: G,
+  netsuite: I,
+  oneDrive: N,
+  outlook: B,
+  postgres: O,
+  redshift: j,
+  salesforce: C,
+  sap: E,
+  servicenow: M,
+  sharedDrive: T,
+  sharepoint: Q,
+  slack: P,
+  snowflake: R,
+  teams: U,
+  workday: H,
+  zendesk: W
+}, t = {
+  athena: "Amazon Athena",
+  awsS3: "AWS S3",
+  azureBlob: "Azure Blob Storage",
+  bigquery: "Google BigQuery",
+  box: "Box",
+  confluence: "Confluence",
+  databricks: "Databricks",
+  drive: "Google Drive",
+  dropbox: "Dropbox",
+  dynamics365: "Dynamics 365",
+  dynamodb: "Amazon DynamoDB",
+  endpoints: "Endpoints",
+  exchange: "Microsoft Exchange",
+  github: "GitHub",
+  gitlab: "GitLab",
+  gmail: "Gmail",
+  googleCloudStorage: "Google Cloud Storage",
+  hubspot: "HubSpot",
+  jira: "Jira",
+  mssql: "Microsoft SQL Server",
+  mysql: "MySQL",
+  netsuite: "NetSuite",
+  oneDrive: "OneDrive",
+  outlook: "Outlook",
+  postgres: "PostgreSQL",
+  redshift: "Amazon Redshift",
+  salesforce: "Salesforce",
+  sap: "SAP",
+  servicenow: "ServiceNow",
+  sharedDrive: "Shared Drive",
+  sharepoint: "SharePoint",
+  slack: "Slack",
+  snowflake: "Snowflake",
+  teams: "Microsoft Teams",
+  workday: "Workday",
+  zendesk: "Zendesk"
+};
+function Go({
+  integration: o,
+  className: i = "",
+  width: m = 48,
+  height: a = 48
+}) {
+  const e = r[o], n = t[o];
+  return e ? /* @__PURE__ */ s(
+    "img",
+    {
+      src: e,
+      alt: n,
+      width: m,
+      height: a,
+      className: i,
+      style: { display: "block", objectFit: "contain" }
+    }
+  ) : (console.warn(`IntegrationLogo: Unknown integration "${o}"`), null);
+}
+function Io(o) {
+  return r[o] || null;
+}
+function No(o) {
+  return t[o] || o;
+}
+function Bo() {
+  return Object.keys(r);
+}
+export {
+  Go as IntegrationLogo,
+  Bo as getAllIntegrationKeys,
+  Io as getIntegrationLogoUrl,
+  No as getIntegrationName
+};

package/dist/components/Loader/index.mjs

@@ -0,0 +1,30 @@
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+/* empty css            */
+const d = ({ isLoading: e, isRelative: r }) => e ? /* @__PURE__ */ l(
+  "div",
+  {
+    "data-testid": "loader-overlay",
+    role: "status",
+    "aria-live": "polite",
+    "aria-label": "Loading",
+    className: `${r ? "absolute" : "fixed"} inset-0 flex items-center justify-center bg-black/50 dark:bg-black/70 z-[99990]`,
+    children: [
+      /* @__PURE__ */ a(
+        "div",
+        {
+          "data-testid": "loader-spinner",
+          className: "loader rounded-full w-12 h-12 animate-spin",
+          style: {
+            border: "4px solid hsl(var(--brand-light))",
+            borderTopColor: "hsl(var(--brand-orange))"
+          }
+        }
+      ),
+      /* @__PURE__ */ a("span", { className: "sr-only", children: "Loading..." })
+    ]
+  }
+) : null;
+export {
+  d as Loader,
+  d as default
+};

package/dist/components/Logos/index.mjs

@@ -0,0 +1,121 @@
+import { jsx as s } from "react/jsx-runtime";
+import { useState as f, useEffect as L } from "react";
+import { useTheme as p } from "../../context/ThemeContext.mjs";
+import h from "../../assets/logos/discover-iq-logo.svg.mjs";
+import I from "../../assets/logos/light/discover-iq-logo-light.svg.mjs";
+import d from "../../assets/logos/classify-iq-logo.svg.mjs";
+import k from "../../assets/logos/light/classify-iq-logo-light.svg.mjs";
+import u from "../../assets/logos/retain-iq-logo.svg.mjs";
+import y from "../../assets/logos/light/retain-iq-logo-light.svg.mjs";
+import Q from "../../assets/logos/protect-iq-logo.svg.mjs";
+import P from "../../assets/logos/light/protect-iq-logo-light.svg.mjs";
+import v from "../../assets/logos/search-iq-logo.svg.mjs";
+import w from "../../assets/logos/light/search-iq-logo-light.svg.mjs";
+import C from "../../assets/logos/consent-iq-logo.svg.mjs";
+import U from "../../assets/logos/light/consent-iq-logo-light.svg.mjs";
+import O from "../../assets/logos/iqworks-logo.svg.mjs";
+import S from "../../assets/logos/light/iqworks-logo-light.svg.mjs";
+import b from "../../assets/logos/comply-iq-logo.svg.mjs";
+import D from "../../assets/logos/light/comply-iq-logo-light.svg.mjs";
+import R from "../../assets/logos/aiq-logo.svg.mjs";
+import T from "../../assets/logos/light/aiq-logo-light.svg.mjs";
+import $ from "../../assets/logos/iqagent-logo.svg.mjs";
+import x from "../../assets/logos/light/iqagent-logo.svg.mjs";
+const n = {
+  "discover-iq": {
+    dark: h,
+    light: I
+  },
+  "classify-iq": {
+    dark: d,
+    light: k
+  },
+  "retain-iq": {
+    dark: u,
+    light: y
+  },
+  "protect-iq": {
+    dark: Q,
+    light: P
+  },
+  "search-iq": {
+    dark: v,
+    light: w
+  },
+  "consent-iq": {
+    dark: C,
+    light: U
+  },
+  "comply-iq": {
+    dark: b,
+    light: D
+  },
+  iqworks: {
+    dark: O,
+    light: S
+  },
+  aiq: {
+    dark: R,
+    light: T
+  },
+  iqagent: {
+    dark: $,
+    light: x
+  }
+}, a = {
+  "discover-iq": "DiscoverIQ",
+  "classify-iq": "ClassifyIQ",
+  "retain-iq": "RetainIQ",
+  "protect-iq": "ProtectIQ",
+  "search-iq": "SearchIQ",
+  "consent-iq": "ConsentIQ",
+  "comply-iq": "ComplyIQ",
+  iqworks: "IQWorks",
+  aiq: "AIQ",
+  iqagent: "iqagent"
+};
+function mo({
+  product: o,
+  className: t = "",
+  width: i = 120,
+  height: e = 30
+}) {
+  const { theme: m } = p(), [c, q] = f(!1);
+  L(() => {
+    q(!0);
+  }, []);
+  const r = n[o], g = a[o];
+  if (!r)
+    return console.warn(`ProductLogo: Unknown product "${o}"`), null;
+  const l = m === "dark" ? r.light : r.dark;
+  return c ? /* @__PURE__ */ s(
+    "img",
+    {
+      src: l,
+      alt: g,
+      width: i,
+      height: e,
+      className: t,
+      style: { display: "block" }
+    },
+    `${o}-${m}`
+  ) : /* @__PURE__ */ s(
+    "div",
+    {
+      style: { width: i, height: e, display: "block" },
+      className: t,
+      "aria-label": g
+    }
+  );
+}
+function go(o) {
+  return n[o] || null;
+}
+function so(o) {
+  return a[o] || o;
+}
+export {
+  mo as ProductLogo,
+  go as getProductLogoUrls,
+  so as getProductName
+};

package/dist/components/Modal/index.mjs

@@ -0,0 +1,126 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { FaTimes as j } from "../../node_modules/react-icons/fa/index.mjs";
+import { createPortal as F } from "react-dom";
+import { cn as t } from "../../utils/classNames.mjs";
+import { useBodyScrollLock as I } from "../../hooks/useBodyScrollLock.mjs";
+/* empty css            */
+const S = ({
+  title: r,
+  subtitle: o,
+  isUuidSubtitle: a = !0,
+  body: d,
+  onClose: l,
+  onConfirm: i,
+  onDelete: m,
+  showFooter: n = !0,
+  customFooter: c,
+  isOpen: x,
+  confirmButtonText: p = "Confirm",
+  disableConfirm: b,
+  deleteButtonText: h = "Delete",
+  cancelButtonText: f = "Cancel",
+  customWidth: v = "max-w-screen-lg max-h-[90vh] lg:min-w-[600px]",
+  wrapperClass: u,
+  bodyClassName: g,
+  bodyStyle: y,
+  overlayClassName: k,
+  overlayStyle: w,
+  onOverlayClick: N
+}) => {
+  if (I(x), !x) return null;
+  const C = /* @__PURE__ */ e("div", { className: t("fixed inset-0 bg-black bg-opacity-50 flex justify-center items-center p-4 overflow-y-auto", k), style: { zIndex: 99, ...w }, onClick: N ?? l, children: /* @__PURE__ */ s(
+    "div",
+    {
+      className: t(
+        "relative py-4 rounded-lg shadow-lg modal",
+        "w-[95%] sm:w-[90%] md:w-[85%] lg:w-auto",
+        "min-w-[320px] sm:min-w-[400px] md:min-w-[500px]",
+        "max-h-[90vh] flex flex-col",
+        v,
+        u
+      ),
+      style: { backgroundColor: "var(--bg-color)", border: "1px solid var(--border-color)" },
+      onClick: (M) => M.stopPropagation(),
+      children: [
+        /* @__PURE__ */ e(z, { title: r, onClose: l }),
+        o && /* @__PURE__ */ e(B, { subtitle: o, isUuidSubtitle: a }),
+        d && /* @__PURE__ */ e(E, { body: d, className: g, style: y }),
+        n && /* @__PURE__ */ e(
+          L,
+          {
+            customFooter: c,
+            onClose: l,
+            onConfirm: i,
+            onDelete: m,
+            cancelButtonText: f,
+            confirmButtonText: p,
+            deleteButtonText: h,
+            disableConfirm: b
+          }
+        )
+      ]
+    }
+  ) });
+  return F(C, document.getElementById("modal-root") || document.body);
+}, z = ({ title: r, onClose: o }) => /* @__PURE__ */ e("div", { className: "px-4 flex-shrink-0", children: /* @__PURE__ */ s("div", { className: "flex justify-between items-center", children: [
+  /* @__PURE__ */ e("h2", { className: "text-lg font-semibold", style: { color: "var(--text-color)", fontFamily: "var(--font-family-heading, 'Afacad', 'Rubik', sans-serif)" }, children: typeof r == "string" ? /* @__PURE__ */ e("span", { children: r }) : r }),
+  /* @__PURE__ */ e("button", { onClick: o, className: "text-brand-primary hover:opacity-80", "aria-label": "Close", children: /* @__PURE__ */ e(j, { size: 16 }) })
+] }) }), B = ({ subtitle: r, isUuidSubtitle: o }) => /* @__PURE__ */ e("div", { className: "px-4 flex-shrink-0", children: /* @__PURE__ */ s(
+  "div",
+  {
+    className: t("mt-1 p-2 text-xs rounded-md flex flex-wrap", o ? "gap-1" : "flex-col"),
+    style: { backgroundColor: "var(--hover-bg-color)", color: "var(--text-color)" },
+    children: [
+      o && /* @__PURE__ */ e("b", { style: { color: "var(--text-color)" }, children: "UUID:" }),
+      typeof r == "string" ? /* @__PURE__ */ e("span", { className: "break-all", children: r }) : r
+    ]
+  }
+) }), E = ({ body: r, className: o, style: a }) => /* @__PURE__ */ e("div", { className: t("px-4 text-sm modal-body flex-1", typeof r == "string" ? "pb-4 mt-2" : "pb-1 mt-1", o), style: a, children: typeof r == "string" ? /* @__PURE__ */ e("p", { className: "break-words", style: { color: "var(--text-color)" }, children: r }) : r }), L = ({ customFooter: r, onClose: o, onConfirm: a, onDelete: d, cancelButtonText: l, confirmButtonText: i, deleteButtonText: m, disableConfirm: n }) => /* @__PURE__ */ e("div", { className: "px-4 mt-1 flex-shrink-0", children: r || /* @__PURE__ */ s("div", { className: "flex flex-wrap justify-between gap-2 sm:space-x-2", children: [
+  o && l && /* @__PURE__ */ e(
+    "button",
+    {
+      "data-testid": "modal-cancel-button",
+      onClick: o,
+      className: "px-4 py-2 rounded footer-button",
+      style: {
+        backgroundColor: "var(--hover-bg-color)",
+        color: "var(--text-color)",
+        border: "1px solid var(--border-color)"
+      },
+      onMouseEnter: (c) => c.currentTarget.style.backgroundColor = "hsl(var(--brand-light))",
+      onMouseLeave: (c) => c.currentTarget.style.backgroundColor = "var(--hover-bg-color)",
+      children: l
+    }
+  ),
+  d && /* @__PURE__ */ e(
+    "button",
+    {
+      "data-testid": "modal-delete-button",
+      onClick: d,
+      className: t(
+        "border border-red-600 text-red-600 px-4 py-2 rounded-md",
+        "hover:bg-red-200 dark:text-red-400",
+        "dark:hover:bg-red-700 dark:border-red-500",
+        "footer-button"
+      ),
+      children: m
+    }
+  ),
+  a && /* @__PURE__ */ e(
+    "button",
+    {
+      "data-testid": "modal-save-button",
+      onClick: a,
+      disabled: n,
+      className: t(
+        "bg-brand-primary text-white px-4 py-2 rounded-md hover:bg-[hsl(var(--brand-orange))]/90",
+        "footer-button",
+        n && "opacity-50 cursor-not-allowed"
+      ),
+      children: i
+    }
+  )
+] }) });
+export {
+  S as default
+};