@nice2dev/ui-enterprise 1.0.10

package/dist/index.mjs

@@ -0,0 +1,3341 @@
+import { jsxs as c, jsx as e, Fragment as re } from "react/jsx-runtime";
+import Me, { forwardRef as oe, useState as S, useCallback as _, useImperativeHandle as de, useEffect as fe, useRef as ge, useId as Ee, useMemo as pe } from "react";
+function je(i, t, l) {
+  const n = l.csvDelimiter || ",", s = [];
+  return l.includeHeaders !== !1 && s.push(
+    t.filter((r) => r.include).map((r) => `"${r.label}"`).join(n)
+  ), i.forEach((r) => {
+    const h = t.filter((o) => o.include).map((o) => {
+      let m = r[o.field];
+      return o.transform && (m = o.transform(m)), m == null ? "" : typeof m == "string" ? `"${m.replace(/"/g, '""')}"` : String(m);
+    });
+    s.push(h.join(n));
+  }), s.join(`
+`);
+}
+function Ue(i, t, l) {
+  const n = t.filter((r) => r.include), s = i.map((r) => {
+    const h = {};
+    return n.forEach((o) => {
+      let m = r[o.field];
+      o.transform && (m = o.transform(m)), h[o.field] = m;
+    }), h;
+  });
+  return JSON.stringify(s, null, 2);
+}
+const we = {
+  csv: { label: "CSV", icon: "📄", description: "Comma-separated values" },
+  xlsx: { label: "Excel", icon: "📊", description: "Microsoft Excel" },
+  json: { label: "JSON", icon: "{ }", description: "JavaScript Object Notation" },
+  pdf: { label: "PDF", icon: "📕", description: "Portable Document Format" },
+  xml: { label: "XML", icon: "📋", description: "Extensible Markup Language" }
+}, Ye = ({ formats: i, selected: t, onChange: l }) => /* @__PURE__ */ e("div", { className: "nice-export-formats", children: i.map((n) => {
+  const s = we[n];
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      type: "button",
+      className: `nice-export-format ${t === n ? "nice-export-format--selected" : ""}`,
+      onClick: () => l(n),
+      title: s.description,
+      children: [
+        /* @__PURE__ */ e("span", { className: "nice-export-format-icon", children: s.icon }),
+        /* @__PURE__ */ e("span", { className: "nice-export-format-label", children: s.label })
+      ]
+    },
+    n
+  );
+}) }), qe = ({ fields: i, onChange: t }) => {
+  const l = (r) => {
+    const h = [...i];
+    h[r] = { ...h[r], include: !h[r].include }, t(h);
+  }, n = (r) => {
+    t(i.map((h) => ({ ...h, include: r })));
+  }, s = i.filter((r) => r.include).length;
+  return /* @__PURE__ */ c("div", { className: "nice-export-fields", children: [
+    /* @__PURE__ */ c("div", { className: "nice-export-fields-header", children: [
+      /* @__PURE__ */ c("span", { children: [
+        "Fields to export (",
+        s,
+        "/",
+        i.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ c("div", { className: "nice-export-fields-actions", children: [
+        /* @__PURE__ */ e("button", { type: "button", onClick: () => n(!0), children: "Select all" }),
+        /* @__PURE__ */ e("button", { type: "button", onClick: () => n(!1), children: "Deselect all" })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "nice-export-fields-list", children: i.map((r, h) => /* @__PURE__ */ c("label", { className: "nice-export-field", children: [
+      /* @__PURE__ */ e("input", { type: "checkbox", checked: r.include, onChange: () => l(h) }),
+      /* @__PURE__ */ e("span", { className: "nice-export-field-label", children: r.label }),
+      /* @__PURE__ */ e("span", { className: "nice-export-field-name", children: r.field })
+    ] }, r.field)) })
+  ] });
+}, Ve = ({ format: i, options: t, onChange: l }) => {
+  const n = (s, r) => {
+    l({ ...t, [s]: r });
+  };
+  return /* @__PURE__ */ c("div", { className: "nice-export-options", children: [
+    /* @__PURE__ */ e("h4", { children: "Export Options" }),
+    /* @__PURE__ */ c("label", { className: "nice-export-option", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "checkbox",
+          checked: t.includeHeaders !== !1,
+          onChange: (s) => n("includeHeaders", s.target.checked)
+        }
+      ),
+      "Include headers"
+    ] }),
+    i === "csv" && /* @__PURE__ */ c("label", { className: "nice-export-option", children: [
+      /* @__PURE__ */ e("span", { children: "Delimiter:" }),
+      /* @__PURE__ */ c(
+        "select",
+        {
+          value: t.csvDelimiter || ",",
+          onChange: (s) => n("csvDelimiter", s.target.value),
+          children: [
+            /* @__PURE__ */ e("option", { value: ",", children: "Comma (,)" }),
+            /* @__PURE__ */ e("option", { value: ";", children: "Semicolon (;)" }),
+            /* @__PURE__ */ e("option", { value: "\\t", children: "Tab" }),
+            /* @__PURE__ */ e("option", { value: "|", children: "Pipe (|)" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ c("label", { className: "nice-export-option", children: [
+      /* @__PURE__ */ e("span", { children: "Date format:" }),
+      /* @__PURE__ */ c(
+        "select",
+        {
+          value: t.dateFormat || "YYYY-MM-DD",
+          onChange: (s) => n("dateFormat", s.target.value),
+          children: [
+            /* @__PURE__ */ e("option", { value: "YYYY-MM-DD", children: "YYYY-MM-DD" }),
+            /* @__PURE__ */ e("option", { value: "DD/MM/YYYY", children: "DD/MM/YYYY" }),
+            /* @__PURE__ */ e("option", { value: "MM/DD/YYYY", children: "MM/DD/YYYY" }),
+            /* @__PURE__ */ e("option", { value: "ISO", children: "ISO 8601" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ c("label", { className: "nice-export-option", children: [
+      /* @__PURE__ */ e("span", { children: "Encoding:" }),
+      /* @__PURE__ */ c(
+        "select",
+        {
+          value: t.encoding || "utf-8",
+          onChange: (s) => n("encoding", s.target.value),
+          children: [
+            /* @__PURE__ */ e("option", { value: "utf-8", children: "UTF-8" }),
+            /* @__PURE__ */ e("option", { value: "utf-16", children: "UTF-16" }),
+            /* @__PURE__ */ e("option", { value: "iso-8859-1", children: "ISO-8859-1" })
+          ]
+        }
+      )
+    ] }),
+    (i === "xlsx" || i === "pdf") && /* @__PURE__ */ c("label", { className: "nice-export-option", children: [
+      /* @__PURE__ */ e("span", { children: "Password protect:" }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "password",
+          value: t.password || "",
+          onChange: (s) => n("password", s.target.value || void 0),
+          placeholder: "Leave empty for no password"
+        }
+      )
+    ] })
+  ] });
+}, Be = ({ jobs: i, onDownload: t }) => {
+  if (i.length === 0)
+    return /* @__PURE__ */ e("div", { className: "nice-export-history-empty", children: "No export history" });
+  const l = (n) => n ? n < 1024 ? `${n} B` : n < 1024 * 1024 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1024 / 1024).toFixed(1)} MB` : "-";
+  return /* @__PURE__ */ c("div", { className: "nice-export-history", children: [
+    /* @__PURE__ */ e("h4", { children: "Export History" }),
+    /* @__PURE__ */ e("div", { className: "nice-export-history-list", children: i.map((n) => /* @__PURE__ */ c("div", { className: `nice-export-job nice-export-job--${n.status}`, children: [
+      /* @__PURE__ */ c("div", { className: "nice-export-job-info", children: [
+        /* @__PURE__ */ e("span", { className: "nice-export-job-name", children: n.name }),
+        /* @__PURE__ */ e("span", { className: "nice-export-job-format", children: n.format.toUpperCase() }),
+        /* @__PURE__ */ e("span", { className: "nice-export-job-date", children: new Date(n.createdAt).toLocaleString() })
+      ] }),
+      /* @__PURE__ */ c("div", { className: "nice-export-job-meta", children: [
+        n.rowCount && /* @__PURE__ */ c("span", { children: [
+          n.rowCount,
+          " rows"
+        ] }),
+        n.fileSize && /* @__PURE__ */ e("span", { children: l(n.fileSize) })
+      ] }),
+      /* @__PURE__ */ c("div", { className: "nice-export-job-status", children: [
+        n.status === "processing" && /* @__PURE__ */ e("div", { className: "nice-export-job-progress", children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: "nice-export-job-progress-bar",
+            style: { width: `${n.progress}%` }
+          }
+        ) }),
+        n.status === "completed" && n.downloadUrl && /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "nice-export-job-download",
+            onClick: () => t == null ? void 0 : t(n),
+            children: "Download"
+          }
+        ),
+        n.status === "failed" && /* @__PURE__ */ e("span", { className: "nice-export-job-error", title: n.error, children: "Failed" })
+      ] })
+    ] }, n.id)) })
+  ] });
+}, ze = oe(
+  ({
+    dataSource: i,
+    formats: t = ["csv", "xlsx", "json", "pdf"],
+    templates: l = [],
+    enableScheduling: n = !1,
+    exportHistory: s = [],
+    onExportStart: r,
+    onExportComplete: h,
+    onExportError: o,
+    onSaveTemplate: m,
+    onDeleteTemplate: O,
+    onSchedule: G,
+    customExportHandler: N,
+    title: C = "Data Export",
+    description: U,
+    className: P = "",
+    style: X
+  }, q) => {
+    const [W, V] = S(t[0]), [B, v] = S(i.getFields()), [I, g] = S({
+      includeHeaders: !0,
+      dateFormat: "YYYY-MM-DD",
+      encoding: "utf-8"
+    }), [k, Y] = S(!1), [b, M] = S(0), [E, $] = S("export"), j = _(async () => {
+      const f = {
+        id: Date.now().toString(),
+        name: `Export ${(/* @__PURE__ */ new Date()).toISOString()}`,
+        format: W,
+        status: "processing",
+        progress: 0,
+        createdAt: /* @__PURE__ */ new Date()
+      };
+      Y(!0), M(0), r == null || r(f);
+      try {
+        const R = await i.fetchData({
+          fields: B,
+          filters: void 0,
+          sorting: void 0
+        });
+        M(50);
+        let L;
+        if (N)
+          L = await N(W, R, I);
+        else
+          switch (W) {
+            case "csv":
+              L = je(R, B, I);
+              break;
+            case "json":
+              L = Ue(R, B, I);
+              break;
+            default:
+              throw new Error(`Format ${W} requires a custom export handler`);
+          }
+        M(100);
+        const Z = typeof L == "string" ? new Blob([L], { type: "text/plain" }) : L, F = URL.createObjectURL(Z), y = document.createElement("a");
+        y.href = F, y.download = `export-${Date.now()}.${W}`, document.body.appendChild(y), y.click(), document.body.removeChild(y), URL.revokeObjectURL(F);
+        const u = {
+          ...f,
+          status: "completed",
+          progress: 100,
+          completedAt: /* @__PURE__ */ new Date(),
+          rowCount: R.length,
+          fileSize: Z.size
+        };
+        h == null || h(u);
+      } catch (R) {
+        const L = {
+          ...f,
+          status: "failed",
+          error: R instanceof Error ? R.message : "Unknown error"
+        };
+        o == null || o(L, R instanceof Error ? R : new Error("Export failed"));
+      } finally {
+        Y(!1), M(0);
+      }
+    }, [
+      W,
+      B,
+      I,
+      i,
+      N,
+      r,
+      h,
+      o
+    ]), K = _(
+      (f) => {
+        const R = l.find((L) => L.id === f);
+        R && (V(R.format), v(R.fields), R.options && g(R.options));
+      },
+      [l]
+    );
+    return de(q, () => ({
+      exportNow: async (f) => {
+        V(f), await j();
+      },
+      getSelectedFields: () => B,
+      loadTemplate: K
+    })), /* @__PURE__ */ c("div", { className: `nice-export-center ${P}`, style: X, children: [
+      /* @__PURE__ */ e("div", { className: "nice-export-header", children: /* @__PURE__ */ c("div", { className: "nice-export-title-area", children: [
+        /* @__PURE__ */ e("h3", { className: "nice-export-title", children: C }),
+        U && /* @__PURE__ */ e("p", { className: "nice-export-description", children: U })
+      ] }) }),
+      /* @__PURE__ */ c("div", { className: "nice-export-tabs", children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `nice-export-tab ${E === "export" ? "nice-export-tab--active" : ""}`,
+            onClick: () => $("export"),
+            children: "Export"
+          }
+        ),
+        l.length > 0 && /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            className: `nice-export-tab ${E === "templates" ? "nice-export-tab--active" : ""}`,
+            onClick: () => $("templates"),
+            children: [
+              "Templates (",
+              l.length,
+              ")"
+            ]
+          }
+        ),
+        s.length > 0 && /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `nice-export-tab ${E === "history" ? "nice-export-tab--active" : ""}`,
+            onClick: () => $("history"),
+            children: "History"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ c("div", { className: "nice-export-content", children: [
+        E === "export" && /* @__PURE__ */ c(re, { children: [
+          /* @__PURE__ */ e(
+            Ye,
+            {
+              formats: t,
+              selected: W,
+              onChange: V
+            }
+          ),
+          /* @__PURE__ */ e(qe, { fields: B, onChange: v }),
+          /* @__PURE__ */ e(Ve, { format: W, options: I, onChange: g }),
+          /* @__PURE__ */ c("div", { className: "nice-export-actions", children: [
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "nice-export-btn nice-export-btn--primary",
+                onClick: j,
+                disabled: k || B.filter((f) => f.include).length === 0,
+                children: k ? `Exporting... ${b}%` : "Export Now"
+              }
+            ),
+            m && /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "nice-export-btn nice-export-btn--secondary",
+                onClick: () => m({
+                  id: Date.now().toString(),
+                  name: `Template ${l.length + 1}`,
+                  format: W,
+                  fields: B,
+                  options: I
+                }),
+                children: "Save as Template"
+              }
+            )
+          ] })
+        ] }),
+        E === "templates" && /* @__PURE__ */ e("div", { className: "nice-export-templates", children: l.map((f) => /* @__PURE__ */ c("div", { className: "nice-export-template", children: [
+          /* @__PURE__ */ c("div", { className: "nice-export-template-info", children: [
+            /* @__PURE__ */ e("span", { className: "nice-export-template-name", children: f.name }),
+            /* @__PURE__ */ c("span", { className: "nice-export-template-format", children: [
+              we[f.format].icon,
+              " ",
+              we[f.format].label
+            ] }),
+            f.description && /* @__PURE__ */ e("span", { className: "nice-export-template-desc", children: f.description })
+          ] }),
+          /* @__PURE__ */ c("div", { className: "nice-export-template-actions", children: [
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  K(f.id), $("export");
+                },
+                children: "Use"
+              }
+            ),
+            O && /* @__PURE__ */ e("button", { type: "button", onClick: () => O(f.id), children: "Delete" })
+          ] })
+        ] }, f.id)) }),
+        E === "history" && /* @__PURE__ */ e(
+          Be,
+          {
+            jobs: s,
+            onDownload: (f) => {
+              f.downloadUrl && window.open(f.downloadUrl, "_blank");
+            }
+          }
+        )
+      ] })
+    ] });
+  }
+);
+ze.displayName = "NiceDataExportCenter";
+const ue = {
+  create: { icon: "+", label: "Created", color: "var(--color-success, #10b981)" },
+  update: { icon: "✎", label: "Updated", color: "var(--color-primary, #3b82f6)" },
+  delete: { icon: "×", label: "Deleted", color: "var(--color-error, #ef4444)" },
+  view: { icon: "👁", label: "Viewed", color: "var(--text-muted, #6b7280)" },
+  export: { icon: "↓", label: "Exported", color: "var(--color-accent, #8b5cf6)" },
+  import: { icon: "↑", label: "Imported", color: "var(--color-accent, #8b5cf6)" },
+  approve: { icon: "✓", label: "Approved", color: "var(--color-success, #10b981)" },
+  reject: { icon: "✗", label: "Rejected", color: "var(--color-error, #ef4444)" },
+  login: { icon: "→", label: "Login", color: "var(--color-success, #10b981)" },
+  logout: { icon: "←", label: "Logout", color: "var(--text-muted, #6b7280)" },
+  permission_change: { icon: "🔐", label: "Permissions", color: "var(--color-warning, #f59e0b)" },
+  config_change: { icon: "⚙", label: "Config", color: "var(--color-warning, #f59e0b)" },
+  custom: { icon: "•", label: "Action", color: "var(--text-muted, #6b7280)" }
+}, He = ({
+  filter: i,
+  onChange: t,
+  availableFilters: l
+}) => {
+  var s, r;
+  const n = (h, o) => {
+    t({ ...i, [h]: o });
+  };
+  return /* @__PURE__ */ c("div", { className: "nice-audit-filters", children: [
+    /* @__PURE__ */ c("div", { className: "nice-audit-filter-group", children: [
+      /* @__PURE__ */ e("label", { children: "Date Range" }),
+      /* @__PURE__ */ c("div", { className: "nice-audit-date-range", children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "date",
+            value: ((s = i.startDate) == null ? void 0 : s.toISOString().split("T")[0]) || "",
+            onChange: (h) => n("startDate", h.target.value ? new Date(h.target.value) : void 0)
+          }
+        ),
+        /* @__PURE__ */ e("span", { children: "to" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "date",
+            value: ((r = i.endDate) == null ? void 0 : r.toISOString().split("T")[0]) || "",
+            onChange: (h) => n("endDate", h.target.value ? new Date(h.target.value) : void 0)
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ c("div", { className: "nice-audit-filter-group", children: [
+      /* @__PURE__ */ e("label", { children: "Actions" }),
+      /* @__PURE__ */ e("div", { className: "nice-audit-action-chips", children: Object.keys(ue).slice(0, 8).map((h) => {
+        var O;
+        const o = ue[h], m = (O = i.actions) == null ? void 0 : O.includes(h);
+        return /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            className: `nice-audit-chip ${m ? "nice-audit-chip--selected" : ""}`,
+            style: { "--chip-color": o.color },
+            onClick: () => {
+              const G = i.actions || [];
+              n(
+                "actions",
+                m ? G.filter((N) => N !== h) : [...G, h]
+              );
+            },
+            children: [
+              /* @__PURE__ */ e("span", { className: "nice-audit-chip-icon", children: o.icon }),
+              o.label
+            ]
+          },
+          h
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ c("div", { className: "nice-audit-filter-group", children: [
+      /* @__PURE__ */ e("label", { children: "Search" }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          className: "nice-audit-search",
+          placeholder: "Search entries...",
+          value: i.searchQuery || "",
+          onChange: (h) => n("searchQuery", h.target.value || void 0)
+        }
+      )
+    ] })
+  ] });
+}, Je = ({ changes: i }) => {
+  if (!i.length)
+    return null;
+  const t = (l, n) => n || (l == null ? "(empty)" : typeof l == "object" ? JSON.stringify(l, null, 2) : String(l));
+  return /* @__PURE__ */ e("div", { className: "nice-audit-diff", children: i.map((l, n) => /* @__PURE__ */ c("div", { className: "nice-audit-diff-row", children: [
+    /* @__PURE__ */ e("span", { className: "nice-audit-diff-field", children: l.field }),
+    /* @__PURE__ */ c("div", { className: "nice-audit-diff-values", children: [
+      /* @__PURE__ */ e("span", { className: "nice-audit-diff-old", children: t(l.oldValue, l.displayOldValue) }),
+      /* @__PURE__ */ e("span", { className: "nice-audit-diff-arrow", children: "→" }),
+      /* @__PURE__ */ e("span", { className: "nice-audit-diff-new", children: t(l.newValue, l.displayNewValue) })
+    ] })
+  ] }, n)) });
+}, Ge = ({
+  entry: i,
+  showDiff: t,
+  renderActionIcon: l,
+  renderUser: n,
+  onClick: s
+}) => {
+  const [r, h] = S(!1), o = ue[i.action] || ue.custom;
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: `nice-audit-timeline-entry nice-audit-timeline-entry--${i.severity || "info"}`,
+      onClick: s,
+      role: s ? "button" : void 0,
+      tabIndex: s ? 0 : void 0,
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "nice-audit-timeline-marker",
+            style: { "--marker-color": o.color },
+            children: l ? l(i.action) : o.icon
+          }
+        ),
+        /* @__PURE__ */ c("div", { className: "nice-audit-timeline-content", children: [
+          /* @__PURE__ */ c("div", { className: "nice-audit-timeline-header", children: [
+            /* @__PURE__ */ e("span", { className: "nice-audit-timeline-action", children: i.actionLabel || o.label }),
+            /* @__PURE__ */ c("span", { className: "nice-audit-timeline-entity", children: [
+              i.entityType,
+              " ",
+              i.entityName && `"${i.entityName}"`
+            ] }),
+            /* @__PURE__ */ e("span", { className: "nice-audit-timeline-time", children: new Date(i.timestamp).toLocaleString() })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "nice-audit-timeline-user", children: n ? n(i) : /* @__PURE__ */ c(re, { children: [
+            i.userAvatar && /* @__PURE__ */ e("img", { src: i.userAvatar, alt: "", className: "nice-audit-avatar" }),
+            /* @__PURE__ */ e("span", { className: "nice-audit-username", children: i.userName }),
+            i.userRole && /* @__PURE__ */ e("span", { className: "nice-audit-role", children: i.userRole })
+          ] }) }),
+          i.notes && /* @__PURE__ */ e("div", { className: "nice-audit-timeline-notes", children: i.notes }),
+          t && i.changes && i.changes.length > 0 && /* @__PURE__ */ c(re, { children: [
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "nice-audit-expand-btn",
+                onClick: (m) => {
+                  m.stopPropagation(), h(!r);
+                },
+                children: r ? "▼ Hide changes" : `▶ Show ${i.changes.length} changes`
+              }
+            ),
+            r && /* @__PURE__ */ e(Je, { changes: i.changes })
+          ] }),
+          i.ipAddress && /* @__PURE__ */ c("div", { className: "nice-audit-timeline-meta", children: [
+            /* @__PURE__ */ c("span", { children: [
+              "IP: ",
+              i.ipAddress
+            ] }),
+            i.location && /* @__PURE__ */ c("span", { children: [
+              "• ",
+              i.location
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}, We = ({ entries: i, showDiff: t, onEntryClick: l }) => /* @__PURE__ */ c("table", { className: "nice-audit-table", children: [
+  /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ c("tr", { children: [
+    /* @__PURE__ */ e("th", { children: "Timestamp" }),
+    /* @__PURE__ */ e("th", { children: "Action" }),
+    /* @__PURE__ */ e("th", { children: "User" }),
+    /* @__PURE__ */ e("th", { children: "Entity" }),
+    /* @__PURE__ */ e("th", { children: "Changes" }),
+    /* @__PURE__ */ e("th", { children: "IP Address" })
+  ] }) }),
+  /* @__PURE__ */ e("tbody", { children: i.map((n) => {
+    const s = ue[n.action] || ue.custom;
+    return /* @__PURE__ */ c(
+      "tr",
+      {
+        className: `nice-audit-row nice-audit-row--${n.severity || "info"}`,
+        onClick: () => l == null ? void 0 : l(n),
+        role: l ? "button" : void 0,
+        children: [
+          /* @__PURE__ */ e("td", { className: "nice-audit-cell-time", children: new Date(n.timestamp).toLocaleString() }),
+          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ c(
+            "span",
+            {
+              className: "nice-audit-action-badge",
+              style: { "--badge-color": s.color },
+              children: [
+                s.icon,
+                " ",
+                n.actionLabel || s.label
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ c("td", { className: "nice-audit-cell-user", children: [
+            n.userAvatar && /* @__PURE__ */ e("img", { src: n.userAvatar, alt: "", className: "nice-audit-avatar-sm" }),
+            n.userName
+          ] }),
+          /* @__PURE__ */ c("td", { children: [
+            n.entityType,
+            n.entityName && `: ${n.entityName}`
+          ] }),
+          /* @__PURE__ */ e("td", { children: n.changes && n.changes.length > 0 ? /* @__PURE__ */ c("span", { className: "nice-audit-changes-count", children: [
+            n.changes.length,
+            " field(s)"
+          ] }) : "-" }),
+          /* @__PURE__ */ e("td", { className: "nice-audit-cell-ip", children: n.ipAddress || "-" })
+        ]
+      },
+      n.id
+    );
+  }) })
+] }), Ke = oe(
+  ({
+    dataSource: i,
+    initialFilter: t = {},
+    pageSize: l = 50,
+    viewMode: n = "timeline",
+    enableExport: s = !0,
+    showDiffs: r = !0,
+    renderActionIcon: h,
+    renderUser: o,
+    onEntryClick: m,
+    onExport: O,
+    title: G = "Audit Trail",
+    className: N = "",
+    style: C
+  }, U) => {
+    const [P, X] = S([]), [q, W] = S(0), [V, B] = S(t), [v, I] = S(1), [g, k] = S(!1), [Y, b] = S(n), [M, E] = S(!1), $ = _(async () => {
+      k(!0);
+      try {
+        const f = await i.fetchEntries(V, { page: v, pageSize: l });
+        X(f.entries), W(f.totalCount);
+      } finally {
+        k(!1);
+      }
+    }, [i, V, v, l]);
+    Me.useEffect(() => {
+      $();
+    }, [$]);
+    const j = _(
+      (f) => {
+        if (O)
+          O(P, f);
+        else {
+          let R, L;
+          if (f === "json")
+            R = JSON.stringify(P, null, 2), L = "application/json";
+          else {
+            const u = [
+              "Timestamp",
+              "Action",
+              "User",
+              "Entity Type",
+              "Entity",
+              "IP",
+              "Changes"
+            ], w = P.map((x) => {
+              var z;
+              return [
+                new Date(x.timestamp).toISOString(),
+                x.action,
+                x.userName,
+                x.entityType,
+                x.entityName || x.entityId,
+                x.ipAddress || "",
+                ((z = x.changes) == null ? void 0 : z.length) || 0
+              ];
+            });
+            R = [u.join(","), ...w.map((x) => x.join(","))].join(`
+`), L = "text/csv";
+          }
+          const Z = new Blob([R], { type: L }), F = URL.createObjectURL(Z), y = document.createElement("a");
+          y.href = F, y.download = `audit-trail-${Date.now()}.${f}`, y.click(), URL.revokeObjectURL(F);
+        }
+      },
+      [P, O]
+    );
+    de(U, () => ({
+      refresh: $,
+      setFilter: (f) => {
+        B(f), I(1);
+      },
+      getEntries: () => P
+    }));
+    const K = Math.ceil(q / l);
+    return /* @__PURE__ */ c("div", { className: `nice-audit-trail ${N}`, style: C, children: [
+      /* @__PURE__ */ c("div", { className: "nice-audit-header", children: [
+        /* @__PURE__ */ e("h3", { className: "nice-audit-title", children: G }),
+        /* @__PURE__ */ c("div", { className: "nice-audit-header-actions", children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: `nice-audit-view-btn ${Y === "timeline" ? "nice-audit-view-btn--active" : ""}`,
+              onClick: () => b("timeline"),
+              title: "Timeline view",
+              children: "≡"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: `nice-audit-view-btn ${Y === "table" ? "nice-audit-view-btn--active" : ""}`,
+              onClick: () => b("table"),
+              title: "Table view",
+              children: "⊞"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: `nice-audit-filter-btn ${M ? "nice-audit-filter-btn--active" : ""}`,
+              onClick: () => E(!M),
+              children: "🔍 Filter"
+            }
+          ),
+          s && /* @__PURE__ */ c("div", { className: "nice-audit-export-dropdown", children: [
+            /* @__PURE__ */ e("button", { type: "button", className: "nice-audit-export-btn", children: "↓ Export" }),
+            /* @__PURE__ */ c("div", { className: "nice-audit-export-menu", children: [
+              /* @__PURE__ */ e("button", { type: "button", onClick: () => j("csv"), children: "Export as CSV" }),
+              /* @__PURE__ */ e("button", { type: "button", onClick: () => j("json"), children: "Export as JSON" })
+            ] })
+          ] })
+        ] })
+      ] }),
+      M && /* @__PURE__ */ e(He, { filter: V, onChange: B }),
+      /* @__PURE__ */ c("div", { className: "nice-audit-stats", children: [
+        /* @__PURE__ */ c("span", { children: [
+          "Showing ",
+          P.length,
+          " of ",
+          q,
+          " entries"
+        ] }),
+        V.startDate && V.endDate && /* @__PURE__ */ c("span", { className: "nice-audit-date-indicator", children: [
+          V.startDate.toLocaleDateString(),
+          " - ",
+          V.endDate.toLocaleDateString()
+        ] })
+      ] }),
+      /* @__PURE__ */ c("div", { className: `nice-audit-content ${g ? "nice-audit-content--loading" : ""}`, children: [
+        g && /* @__PURE__ */ e("div", { className: "nice-audit-loader", children: /* @__PURE__ */ e("div", { className: "nice-audit-spinner" }) }),
+        Y === "timeline" ? /* @__PURE__ */ e("div", { className: "nice-audit-timeline", children: P.map((f) => /* @__PURE__ */ e(
+          Ge,
+          {
+            entry: f,
+            showDiff: r,
+            renderActionIcon: h,
+            renderUser: o,
+            onClick: m ? () => m(f) : void 0
+          },
+          f.id
+        )) }) : /* @__PURE__ */ e(We, { entries: P, showDiff: r, onEntryClick: m }),
+        P.length === 0 && !g && /* @__PURE__ */ e("div", { className: "nice-audit-empty", children: "No audit entries found matching the current filters." })
+      ] }),
+      K > 1 && /* @__PURE__ */ c("div", { className: "nice-audit-pagination", children: [
+        /* @__PURE__ */ e("button", { type: "button", disabled: v === 1, onClick: () => I(v - 1), children: "Previous" }),
+        /* @__PURE__ */ c("span", { children: [
+          "Page ",
+          v,
+          " of ",
+          K
+        ] }),
+        /* @__PURE__ */ e("button", { type: "button", disabled: v === K, onClick: () => I(v + 1), children: "Next" })
+      ] })
+    ] });
+  }
+);
+Ke.displayName = "NiceAuditTrail";
+const se = {
+  general: { label: "General", color: "var(--text-muted, #6b7280)", icon: "📄" },
+  liability: { label: "Liability", color: "var(--color-error, #ef4444)", icon: "⚠️" },
+  payment: { label: "Payment", color: "var(--color-success, #10b981)", icon: "💰" },
+  termination: { label: "Termination", color: "var(--color-warning, #f59e0b)", icon: "⛔" },
+  confidentiality: { label: "Confidentiality", color: "var(--color-accent, #8b5cf6)", icon: "🔒" },
+  compliance: { label: "Compliance", color: "var(--color-primary, #3b82f6)", icon: "✓" },
+  custom: { label: "Custom", color: "var(--text-muted, #64748b)", icon: "✎" }
+}, Xe = {
+  draft: { label: "Draft", color: "var(--text-muted, #6b7280)" },
+  pending_review: { label: "Pending Review", color: "var(--color-warning, #f59e0b)" },
+  approved: { label: "Approved", color: "var(--color-success, #10b981)" },
+  rejected: { label: "Rejected", color: "var(--color-error, #ef4444)" },
+  signed: { label: "Signed", color: "var(--color-accent, #8b5cf6)" }
+}, Ze = ({ clauses: i, onInsert: t }) => {
+  const [l, n] = S(""), [s, r] = S("all"), h = i.filter((o) => {
+    const m = l === "" || o.name.toLowerCase().includes(l.toLowerCase()) || o.content.toLowerCase().includes(l.toLowerCase()), O = s === "all" || o.category === s;
+    return m && O;
+  });
+  return /* @__PURE__ */ c("div", { className: "nice-contract-library", children: [
+    /* @__PURE__ */ c("div", { className: "nice-contract-library-header", children: [
+      /* @__PURE__ */ e("h4", { children: "Clause Library" }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          placeholder: "Search clauses...",
+          value: l,
+          onChange: (o) => n(o.target.value),
+          className: "nice-contract-library-search"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ c("div", { className: "nice-contract-library-categories", children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: `nice-contract-category-btn ${s === "all" ? "nice-contract-category-btn--active" : ""}`,
+          onClick: () => r("all"),
+          children: "All"
+        }
+      ),
+      Object.keys(se).map((o) => /* @__PURE__ */ c(
+        "button",
+        {
+          type: "button",
+          className: `nice-contract-category-btn ${s === o ? "nice-contract-category-btn--active" : ""}`,
+          onClick: () => r(o),
+          style: { "--cat-color": se[o].color },
+          children: [
+            se[o].icon,
+            " ",
+            se[o].label
+          ]
+        },
+        o
+      ))
+    ] }),
+    /* @__PURE__ */ c("div", { className: "nice-contract-library-list", children: [
+      h.map((o) => /* @__PURE__ */ c("div", { className: "nice-contract-library-item", children: [
+        /* @__PURE__ */ c("div", { className: "nice-contract-library-item-header", children: [
+          /* @__PURE__ */ e("span", { className: "nice-contract-library-item-name", children: o.name }),
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: "nice-contract-library-item-cat",
+              style: { "--cat-color": se[o.category].color },
+              children: se[o.category].icon
+            }
+          )
+        ] }),
+        o.description && /* @__PURE__ */ e("p", { className: "nice-contract-library-item-desc", children: o.description }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "nice-contract-library-insert",
+            onClick: () => t(o),
+            children: "+ Insert"
+          }
+        )
+      ] }, o.id)),
+      h.length === 0 && /* @__PURE__ */ e("div", { className: "nice-contract-library-empty", children: "No matching clauses" })
+    ] })
+  ] });
+}, Qe = ({ variables: i, definitions: t, onChange: l }) => /* @__PURE__ */ c("div", { className: "nice-contract-variables", children: [
+  /* @__PURE__ */ e("h4", { children: "Variables" }),
+  /* @__PURE__ */ e("div", { className: "nice-contract-variables-list", children: t.map((n) => /* @__PURE__ */ c("div", { className: "nice-contract-variable", children: [
+    /* @__PURE__ */ c("label", { children: [
+      n.name,
+      n.required && /* @__PURE__ */ e("span", { className: "nice-contract-required", children: "*" })
+    ] }),
+    n.type === "select" && n.options ? /* @__PURE__ */ c(
+      "select",
+      {
+        value: i[n.name] || n.defaultValue || "",
+        onChange: (s) => l(n.name, s.target.value),
+        children: [
+          /* @__PURE__ */ e("option", { value: "", children: "Select..." }),
+          n.options.map((s) => /* @__PURE__ */ e("option", { value: s, children: s }, s))
+        ]
+      }
+    ) : n.type === "date" ? /* @__PURE__ */ e(
+      "input",
+      {
+        type: "date",
+        value: i[n.name] || n.defaultValue || "",
+        onChange: (s) => l(n.name, s.target.value)
+      }
+    ) : /* @__PURE__ */ e(
+      "input",
+      {
+        type: n.type === "number" || n.type === "currency" ? "number" : "text",
+        value: i[n.name] || n.defaultValue || "",
+        placeholder: n.placeholder,
+        onChange: (s) => l(n.name, s.target.value)
+      }
+    )
+  ] }, n.name)) })
+] }), ec = ({
+  section: i,
+  variables: t,
+  readOnly: l,
+  onToggle: n,
+  onRemoveClause: s,
+  onMoveClause: r
+}) => {
+  const h = (o) => o.replace(/\{\{(\w+)\}\}/g, (m, O) => t[O] || `[${O}]`);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: `nice-contract-section ${i.collapsed ? "nice-contract-section--collapsed" : ""}`,
+      children: [
+        /* @__PURE__ */ c("div", { className: "nice-contract-section-header", onClick: n, children: [
+          /* @__PURE__ */ e("span", { className: "nice-contract-section-toggle", children: i.collapsed ? "▶" : "▼" }),
+          /* @__PURE__ */ e("h3", { children: i.title }),
+          /* @__PURE__ */ c("span", { className: "nice-contract-section-count", children: [
+            i.clauses.length,
+            " clause(s)"
+          ] })
+        ] }),
+        !i.collapsed && /* @__PURE__ */ c("div", { className: "nice-contract-section-content", children: [
+          i.clauses.map((o, m) => /* @__PURE__ */ c("div", { className: "nice-contract-clause", children: [
+            /* @__PURE__ */ c("div", { className: "nice-contract-clause-header", children: [
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  className: "nice-contract-clause-cat",
+                  style: { "--cat-color": se[o.category].color },
+                  children: se[o.category].icon
+                }
+              ),
+              /* @__PURE__ */ e("span", { className: "nice-contract-clause-name", children: o.name }),
+              o.isRequired && /* @__PURE__ */ e("span", { className: "nice-contract-clause-required", children: "Required" }),
+              !l && /* @__PURE__ */ c("div", { className: "nice-contract-clause-actions", children: [
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => r(o.id, "up"),
+                    disabled: m === 0,
+                    children: "↑"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => r(o.id, "down"),
+                    disabled: m === i.clauses.length - 1,
+                    children: "↓"
+                  }
+                ),
+                /* @__PURE__ */ e("button", { type: "button", onClick: () => s(o.id), children: "×" })
+              ] })
+            ] }),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: "nice-contract-clause-content",
+                dangerouslySetInnerHTML: { __html: h(o.content) }
+              }
+            )
+          ] }, o.id)),
+          i.clauses.length === 0 && /* @__PURE__ */ e("div", { className: "nice-contract-section-empty", children: "No clauses in this section. Drag clauses here or use the library." })
+        ] })
+      ]
+    }
+  );
+}, cc = ({ workflow: i, onAction: t }) => {
+  const [l, n] = S(null), [s, r] = S("");
+  return /* @__PURE__ */ c("div", { className: "nice-contract-workflow", children: [
+    /* @__PURE__ */ e("h4", { children: "Approval Workflow" }),
+    /* @__PURE__ */ e("div", { className: "nice-contract-workflow-steps", children: i.steps.map((h, o) => /* @__PURE__ */ c(
+      "div",
+      {
+        className: `nice-contract-workflow-step nice-contract-workflow-step--${h.status}`,
+        children: [
+          /* @__PURE__ */ c("div", { className: "nice-contract-workflow-step-header", children: [
+            /* @__PURE__ */ e("span", { className: "nice-contract-workflow-step-num", children: o + 1 }),
+            /* @__PURE__ */ e("span", { className: "nice-contract-workflow-step-name", children: h.name }),
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: `nice-contract-workflow-step-status nice-contract-workflow-step-status--${h.status}`,
+                children: h.status
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("div", { className: "nice-contract-workflow-approvers", children: h.approvers.map((m) => /* @__PURE__ */ c("div", { className: "nice-contract-approver", children: [
+            m.avatar && /* @__PURE__ */ e("img", { src: m.avatar, alt: "", className: "nice-contract-approver-avatar" }),
+            /* @__PURE__ */ e("span", { children: m.name }),
+            /* @__PURE__ */ e("span", { className: "nice-contract-approver-role", children: m.role })
+          ] }, m.id)) }),
+          h.status === "pending" && i.currentStep === o && /* @__PURE__ */ e("div", { className: "nice-contract-workflow-actions", children: l === h.id ? /* @__PURE__ */ c(re, { children: [
+            /* @__PURE__ */ e(
+              "textarea",
+              {
+                placeholder: "Comments (optional)",
+                value: s,
+                onChange: (m) => r(m.target.value)
+              }
+            ),
+            /* @__PURE__ */ c("div", { className: "nice-contract-workflow-btns", children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  className: "nice-contract-btn nice-contract-btn--approve",
+                  onClick: () => {
+                    t(h.id, "approve", s), n(null), r("");
+                  },
+                  children: "✓ Approve"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  className: "nice-contract-btn nice-contract-btn--reject",
+                  onClick: () => {
+                    t(h.id, "reject", s), n(null), r("");
+                  },
+                  children: "✗ Reject"
+                }
+              ),
+              /* @__PURE__ */ e("button", { type: "button", onClick: () => n(null), children: "Cancel" })
+            ] })
+          ] }) : /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "nice-contract-btn",
+              onClick: () => n(h.id),
+              children: "Review"
+            }
+          ) })
+        ]
+      },
+      h.id
+    )) })
+  ] });
+}, ic = oe(
+  ({
+    document: i,
+    clauseLibrary: t = [],
+    readOnly: l = !1,
+    showClauseLibrary: n = !0,
+    showVersionHistory: s = !1,
+    showComments: r = !1,
+    showWorkflow: h = !0,
+    currentUser: o,
+    onChange: m,
+    onAddClause: O,
+    onRemoveClause: G,
+    onVariableChange: N,
+    onAddComment: C,
+    onApprovalAction: U,
+    onRestoreVersion: P,
+    onSave: X,
+    onExport: q,
+    className: W = "",
+    style: V
+  }, B) => {
+    var y;
+    const [v, I] = S(i), [g, k] = S(n ? "library" : null), [Y, b] = S(
+      ((y = v.sections[0]) == null ? void 0 : y.id) || null
+    ), E = v.sections.flatMap(
+      (u) => u.clauses.flatMap((w) => w.variables || [])
+    ).filter(
+      (u, w, x) => x.findIndex((z) => z.name === u.name) === w
+    ), $ = _(
+      (u) => {
+        const w = { ...v, ...u, updatedAt: /* @__PURE__ */ new Date() };
+        I(w), m == null || m(w);
+      },
+      [v, m]
+    ), j = _(
+      (u, w) => {
+        const x = v.sections.map(
+          (z) => z.id === w ? { ...z, clauses: [...z.clauses, { ...u, id: `${u.id}-${Date.now()}` }] } : z
+        );
+        $({ sections: x }), O == null || O(u, w);
+      },
+      [v, $, O]
+    ), K = _(
+      (u, w) => {
+        const x = v.sections.map(
+          (z) => z.id === w ? { ...z, clauses: z.clauses.filter((T) => T.id !== u) } : z
+        );
+        $({ sections: x }), G == null || G(u, w);
+      },
+      [v, $, G]
+    ), f = _(
+      (u, w, x) => {
+        const z = v.sections.map((T) => {
+          if (T.id !== u)
+            return T;
+          const ee = T.clauses.findIndex((ce) => ce.id === w);
+          if (ee === -1)
+            return T;
+          const ne = x === "up" ? ee - 1 : ee + 1;
+          if (ne < 0 || ne >= T.clauses.length)
+            return T;
+          const ie = [...T.clauses];
+          return [ie[ee], ie[ne]] = [ie[ne], ie[ee]], { ...T, clauses: ie };
+        });
+        $({ sections: z });
+      },
+      [v, $]
+    ), R = _(
+      (u) => {
+        const w = v.sections.map(
+          (x) => x.id === u ? { ...x, collapsed: !x.collapsed } : x
+        );
+        $({ sections: w });
+      },
+      [v, $]
+    ), L = _(
+      (u, w) => {
+        $({ variables: { ...v.variables, [u]: w } }), N == null || N(u, w);
+      },
+      [v, $, N]
+    ), Z = _(() => {
+      const u = [];
+      return E.forEach((w) => {
+        w.required && !v.variables[w.name] && u.push(`Missing required variable: ${w.name}`);
+      }), v.sections.forEach((w) => {
+        w.clauses.forEach((x) => {
+          x.isRequired && !x.content && u.push(`Required clause "${x.name}" is empty`);
+        });
+      }), { valid: u.length === 0, errors: u };
+    }, [v, E]);
+    de(B, () => ({
+      getDocument: () => v,
+      insertClause: j,
+      setVariable: L,
+      exportDocument: (u) => q == null ? void 0 : q(u),
+      validate: Z
+    }));
+    const F = Xe[v.status];
+    return /* @__PURE__ */ c("div", { className: `nice-contract-editor ${W}`, style: V, children: [
+      /* @__PURE__ */ c("div", { className: "nice-contract-header", children: [
+        /* @__PURE__ */ c("div", { className: "nice-contract-header-info", children: [
+          /* @__PURE__ */ e("h2", { className: "nice-contract-title", children: v.title }),
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: "nice-contract-status",
+              style: { "--status-color": F.color },
+              children: F.label
+            }
+          )
+        ] }),
+        /* @__PURE__ */ c("div", { className: "nice-contract-header-actions", children: [
+          X && !l && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "nice-contract-btn nice-contract-btn--primary",
+              onClick: () => X(v),
+              children: "Save"
+            }
+          ),
+          q && /* @__PURE__ */ c("div", { className: "nice-contract-export-dropdown", children: [
+            /* @__PURE__ */ e("button", { type: "button", className: "nice-contract-btn", children: "Export ▼" }),
+            /* @__PURE__ */ c("div", { className: "nice-contract-export-menu", children: [
+              /* @__PURE__ */ e("button", { type: "button", onClick: () => q("pdf"), children: "PDF" }),
+              /* @__PURE__ */ e("button", { type: "button", onClick: () => q("docx"), children: "Word (.docx)" }),
+              /* @__PURE__ */ e("button", { type: "button", onClick: () => q("html"), children: "HTML" })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ c("div", { className: "nice-contract-toolbar", children: [
+        n && /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `nice-contract-toolbar-btn ${g === "library" ? "nice-contract-toolbar-btn--active" : ""}`,
+            onClick: () => k(g === "library" ? null : "library"),
+            children: "📚 Library"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `nice-contract-toolbar-btn ${g === "variables" ? "nice-contract-toolbar-btn--active" : ""}`,
+            onClick: () => k(g === "variables" ? null : "variables"),
+            children: "🔤 Variables"
+          }
+        ),
+        h && v.workflow && /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `nice-contract-toolbar-btn ${g === "workflow" ? "nice-contract-toolbar-btn--active" : ""}`,
+            onClick: () => k(g === "workflow" ? null : "workflow"),
+            children: "✓ Workflow"
+          }
+        ),
+        s && /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `nice-contract-toolbar-btn ${g === "history" ? "nice-contract-toolbar-btn--active" : ""}`,
+            onClick: () => k(g === "history" ? null : "history"),
+            children: "📜 History"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ c("div", { className: "nice-contract-main", children: [
+        g && /* @__PURE__ */ c("div", { className: "nice-contract-panel", children: [
+          g === "library" && /* @__PURE__ */ e(
+            Ze,
+            {
+              clauses: t,
+              onInsert: (u) => Y && j(u, Y)
+            }
+          ),
+          g === "variables" && /* @__PURE__ */ e(
+            Qe,
+            {
+              variables: v.variables,
+              definitions: E,
+              onChange: L
+            }
+          ),
+          g === "workflow" && v.workflow && /* @__PURE__ */ e(
+            cc,
+            {
+              workflow: v.workflow,
+              onAction: (u, w, x) => U == null ? void 0 : U(u, w, x)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("div", { className: "nice-contract-document", children: v.sections.map((u) => /* @__PURE__ */ e(
+          ec,
+          {
+            section: u,
+            variables: v.variables,
+            readOnly: l,
+            onToggle: () => R(u.id),
+            onRemoveClause: (w) => K(w, u.id),
+            onMoveClause: (w, x) => f(u.id, w, x)
+          },
+          u.id
+        )) })
+      ] })
+    ] });
+  }
+);
+ic.displayName = "NiceContractEditor";
+const nc = [
+  {
+    id: "necessary",
+    label: "Necessary",
+    description: "Essential cookies for site functionality. Cannot be disabled.",
+    required: !0,
+    enabled: !0,
+    cookies: ["session_id", "csrf_token", "consent"]
+  },
+  {
+    id: "analytics",
+    label: "Analytics",
+    description: "Help us understand how visitors interact with our website.",
+    enabled: !1,
+    cookies: ["_ga", "_gid", "_gat"],
+    partners: ["Google Analytics", "Hotjar"]
+  },
+  {
+    id: "marketing",
+    label: "Marketing",
+    description: "Used to deliver personalized advertisements.",
+    enabled: !1,
+    cookies: ["_fbp", "_gcl_au", "ads_id"],
+    partners: ["Facebook", "Google Ads", "LinkedIn"]
+  },
+  {
+    id: "preferences",
+    label: "Preferences",
+    description: "Remember your settings and preferences.",
+    enabled: !1,
+    cookies: ["theme", "language", "timezone"]
+  },
+  {
+    id: "social",
+    label: "Social Media",
+    description: "Enable social sharing and embedded content.",
+    enabled: !1,
+    cookies: ["social_session"],
+    partners: ["Twitter", "YouTube", "Instagram"]
+  }
+], tc = {
+  title: "Cookie Preferences",
+  description: "We use cookies to enhance your experience. Choose which types of cookies you allow.",
+  acceptAll: "Accept All",
+  rejectAll: "Reject All",
+  customize: "Customize",
+  savePreferences: "Save Preferences",
+  necessary: "Necessary",
+  analytics: "Analytics",
+  marketing: "Marketing",
+  preferences: "Preferences",
+  social: "Social Media",
+  dataRights: "Your Data Rights",
+  exportData: "Export My Data",
+  deleteData: "Delete My Data",
+  pending: "Pending",
+  processing: "Processing",
+  completed: "Completed",
+  close: "Close"
+}, ac = ({ option: i, enabled: t, onChange: l }) => /* @__PURE__ */ c("div", { className: "nice-gdpr-option", children: [
+  /* @__PURE__ */ c("div", { className: "nice-gdpr-option-header", children: [
+    /* @__PURE__ */ c("label", { className: "nice-gdpr-option-toggle", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "checkbox",
+          checked: t,
+          onChange: (n) => l(n.target.checked),
+          disabled: i.required
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: "nice-gdpr-toggle-slider" })
+    ] }),
+    /* @__PURE__ */ c("div", { className: "nice-gdpr-option-info", children: [
+      /* @__PURE__ */ c("span", { className: "nice-gdpr-option-label", children: [
+        i.label,
+        i.required && /* @__PURE__ */ e("span", { className: "nice-gdpr-required", children: "Required" })
+      ] }),
+      /* @__PURE__ */ e("span", { className: "nice-gdpr-option-desc", children: i.description })
+    ] })
+  ] }),
+  i.partners && i.partners.length > 0 && /* @__PURE__ */ c("div", { className: "nice-gdpr-option-partners", children: [
+    /* @__PURE__ */ e("span", { children: "Partners: " }),
+    i.partners.join(", ")
+  ] })
+] }), lc = ({
+  requests: i,
+  policies: t,
+  onRequest: l,
+  onDownload: n,
+  labels: s
+}) => /* @__PURE__ */ c("div", { className: "nice-gdpr-rights", children: [
+  /* @__PURE__ */ e("h4", { children: s.dataRights }),
+  /* @__PURE__ */ c("div", { className: "nice-gdpr-rights-actions", children: [
+    /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        className: "nice-gdpr-btn nice-gdpr-btn--secondary",
+        onClick: () => l("export"),
+        children: [
+          "📥 ",
+          s.exportData
+        ]
+      }
+    ),
+    /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        className: "nice-gdpr-btn nice-gdpr-btn--danger",
+        onClick: () => l("delete"),
+        children: [
+          "🗑️ ",
+          s.deleteData
+        ]
+      }
+    )
+  ] }),
+  i.length > 0 && /* @__PURE__ */ c("div", { className: "nice-gdpr-requests", children: [
+    /* @__PURE__ */ e("h5", { children: "Previous Requests" }),
+    i.map((r) => /* @__PURE__ */ c("div", { className: `nice-gdpr-request nice-gdpr-request--${r.status}`, children: [
+      /* @__PURE__ */ e("span", { className: "nice-gdpr-request-type", children: r.type }),
+      /* @__PURE__ */ e("span", { className: "nice-gdpr-request-date", children: new Date(r.requestedAt).toLocaleDateString() }),
+      /* @__PURE__ */ e("span", { className: "nice-gdpr-request-status", children: r.status }),
+      r.status === "completed" && r.downloadUrl && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "nice-gdpr-download-btn",
+          onClick: () => n(r.id),
+          children: "Download"
+        }
+      )
+    ] }, r.id))
+  ] }),
+  t.length > 0 && /* @__PURE__ */ c("div", { className: "nice-gdpr-policies", children: [
+    /* @__PURE__ */ e("h5", { children: "Data Retention" }),
+    /* @__PURE__ */ c("table", { className: "nice-gdpr-policies-table", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ c("tr", { children: [
+        /* @__PURE__ */ e("th", { children: "Category" }),
+        /* @__PURE__ */ e("th", { children: "Retention" }),
+        /* @__PURE__ */ e("th", { children: "Legal Basis" })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: t.map((r, h) => /* @__PURE__ */ c("tr", { children: [
+        /* @__PURE__ */ e("td", { children: r.category }),
+        /* @__PURE__ */ c("td", { children: [
+          r.retentionDays,
+          " days"
+        ] }),
+        /* @__PURE__ */ e("td", { children: r.legalBasis })
+      ] }, h)) })
+    ] })
+  ] })
+] }), sc = oe(
+  ({
+    appName: i,
+    companyName: t,
+    options: l = nc,
+    currentConsent: n = null,
+    retentionPolicies: s = [],
+    dataRequests: r = [],
+    privacyPolicy: h = [],
+    storageKey: o = "nice_gdpr_consent",
+    consentVersion: m = "1.0",
+    variant: O = "banner",
+    position: G = "bottom",
+    onConsentChange: N,
+    onDataRequest: C,
+    onDownloadExport: U,
+    privacyPolicyUrl: P,
+    cookiePolicyUrl: X,
+    termsUrl: q,
+    labels: W,
+    className: V = "",
+    style: B
+  }, v) => {
+    const I = { ...tc, ...W }, [g, k] = S(!1), [Y, b] = S(!1), [M, E] = S(!1), [$, j] = S(() => {
+      const y = {};
+      return l.forEach((u) => {
+        y[u.id] = (n == null ? void 0 : n.categories[u.id]) ?? u.enabled;
+      }), y;
+    });
+    fe(() => {
+      (!n || n.version !== m) && k(!0);
+    }, [n, m]);
+    const K = _(
+      (y, u) => {
+        const w = u || $;
+        w.necessary = !0;
+        const x = {
+          version: m,
+          timestamp: /* @__PURE__ */ new Date(),
+          categories: w,
+          action: y
+        };
+        try {
+          localStorage.setItem(o, JSON.stringify(x));
+        } catch {
+        }
+        j(w), k(!1), b(!1), N == null || N(x);
+      },
+      [$, m, o, N]
+    ), f = _(() => {
+      const y = {};
+      l.forEach((u) => {
+        y[u.id] = !0;
+      }), K("accept_all", y);
+    }, [l, K]), R = _(() => {
+      const y = {};
+      l.forEach((u) => {
+        y[u.id] = u.required || !1;
+      }), K("reject_all", y);
+    }, [l, K]), L = _(
+      async (y) => {
+        C && await C(y);
+      },
+      [C]
+    );
+    if (de(v, () => ({
+      showBanner: () => k(!0),
+      hideBanner: () => k(!1),
+      getConsent: () => {
+        try {
+          const y = localStorage.getItem(o);
+          return y ? JSON.parse(y) : null;
+        } catch {
+          return null;
+        }
+      },
+      revokeConsent: () => {
+        try {
+          localStorage.removeItem(o);
+        } catch {
+        }
+        k(!0);
+      },
+      openPreferences: () => {
+        k(!0), b(!0);
+      }
+    })), !g && O !== "embedded")
+      return null;
+    const Z = /* @__PURE__ */ c("div", { className: "nice-gdpr-content", children: [
+      /* @__PURE__ */ c("div", { className: "nice-gdpr-header", children: [
+        /* @__PURE__ */ e("div", { className: "nice-gdpr-icon", children: "🍪" }),
+        /* @__PURE__ */ c("div", { className: "nice-gdpr-header-text", children: [
+          /* @__PURE__ */ e("h3", { children: I.title }),
+          /* @__PURE__ */ e("p", { children: I.description.replace("{app}", i).replace("{company}", t) })
+        ] })
+      ] }),
+      !Y && !M && /* @__PURE__ */ c("div", { className: "nice-gdpr-quick-actions", children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "nice-gdpr-btn nice-gdpr-btn--primary",
+            onClick: f,
+            children: I.acceptAll
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "nice-gdpr-btn nice-gdpr-btn--secondary",
+            onClick: R,
+            children: I.rejectAll
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "nice-gdpr-btn nice-gdpr-btn--link",
+            onClick: () => b(!0),
+            children: I.customize
+          }
+        )
+      ] }),
+      Y && !M && /* @__PURE__ */ c("div", { className: "nice-gdpr-preferences", children: [
+        /* @__PURE__ */ e("div", { className: "nice-gdpr-options", children: l.map((y) => /* @__PURE__ */ e(
+          ac,
+          {
+            option: y,
+            enabled: $[y.id],
+            onChange: (u) => j((w) => ({ ...w, [y.id]: u }))
+          },
+          y.id
+        )) }),
+        /* @__PURE__ */ c("div", { className: "nice-gdpr-pref-actions", children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "nice-gdpr-btn nice-gdpr-btn--primary",
+              onClick: () => K("custom"),
+              children: I.savePreferences
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "nice-gdpr-btn nice-gdpr-btn--link",
+              onClick: () => E(!0),
+              children: I.dataRights
+            }
+          )
+        ] })
+      ] }),
+      M && /* @__PURE__ */ c(re, { children: [
+        /* @__PURE__ */ e(
+          lc,
+          {
+            requests: r,
+            policies: s,
+            onRequest: L,
+            onDownload: (y) => U == null ? void 0 : U(y),
+            labels: I
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "nice-gdpr-btn nice-gdpr-btn--link",
+            onClick: () => E(!1),
+            children: "← Back to preferences"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ c("div", { className: "nice-gdpr-footer", children: [
+        P && /* @__PURE__ */ e("a", { href: P, target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" }),
+        X && /* @__PURE__ */ e("a", { href: X, target: "_blank", rel: "noopener noreferrer", children: "Cookie Policy" }),
+        q && /* @__PURE__ */ e("a", { href: q, target: "_blank", rel: "noopener noreferrer", children: "Terms of Service" })
+      ] })
+    ] }), F = `nice-gdpr-consent nice-gdpr-consent--${O} nice-gdpr-consent--${G} ${V}`;
+    return O === "modal" ? /* @__PURE__ */ e("div", { className: "nice-gdpr-overlay", children: /* @__PURE__ */ e("div", { className: F, style: B, role: "dialog", "aria-modal": "true", children: Z }) }) : /* @__PURE__ */ e("div", { className: F, style: B, children: Z });
+  }
+);
+sc.displayName = "NiceGDPRConsent";
+const $e = {
+  document: "📄",
+  user: "👤",
+  task: "✓",
+  project: "📁",
+  setting: "⚙️",
+  help: "❓",
+  action: "⚡",
+  custom: "•"
+}, rc = ({
+  value: i,
+  onChange: t,
+  onKeyDown: l,
+  placeholder: n,
+  isLoading: s,
+  inputRef: r
+}) => /* @__PURE__ */ c("div", { className: "nice-search-input-container", children: [
+  /* @__PURE__ */ e("span", { className: "nice-search-icon", children: "🔍" }),
+  /* @__PURE__ */ e(
+    "input",
+    {
+      ref: r,
+      type: "text",
+      className: "nice-search-input",
+      placeholder: n,
+      value: i,
+      onChange: (h) => t(h.target.value),
+      onKeyDown: l,
+      "aria-label": "Search"
+    }
+  ),
+  s && /* @__PURE__ */ e("span", { className: "nice-search-loader" }),
+  i && !s && /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      className: "nice-search-clear",
+      onClick: () => t(""),
+      "aria-label": "Clear search",
+      children: "×"
+    }
+  )
+] }), oc = ({ result: i, isSelected: t, onSelect: l, renderResult: n }) => n ? /* @__PURE__ */ e("div", { onClick: l, children: n(i, t) }) : /* @__PURE__ */ c(
+  "div",
+  {
+    className: `nice-search-result ${t ? "nice-search-result--selected" : ""}`,
+    onClick: l,
+    role: "option",
+    "aria-selected": t,
+    children: [
+      /* @__PURE__ */ e("div", { className: "nice-search-result-icon", children: i.icon || (i.image ? /* @__PURE__ */ e("img", { src: i.image, alt: "" }) : $e[i.type]) }),
+      /* @__PURE__ */ c("div", { className: "nice-search-result-content", children: [
+        /* @__PURE__ */ e("span", { className: "nice-search-result-title", children: i.title }),
+        i.subtitle && /* @__PURE__ */ e("span", { className: "nice-search-result-subtitle", children: i.subtitle }),
+        i.description && /* @__PURE__ */ e("span", { className: "nice-search-result-desc", children: i.description })
+      ] }),
+      /* @__PURE__ */ c("div", { className: "nice-search-result-meta", children: [
+        /* @__PURE__ */ e("span", { className: "nice-search-result-source", children: i.source }),
+        /* @__PURE__ */ e("span", { className: "nice-search-result-type", children: i.type })
+      ] }),
+      i.actions && i.actions.length > 0 && /* @__PURE__ */ e("div", { className: "nice-search-result-actions", children: i.actions.map((s) => /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "nice-search-action-btn",
+          onClick: (r) => {
+            r.stopPropagation(), s.onClick();
+          },
+          title: s.label,
+          children: s.icon || s.label
+        },
+        s.id
+      )) })
+    ]
+  }
+), dc = ({ categories: i, selected: t, onSelect: l }) => /* @__PURE__ */ c("div", { className: "nice-search-categories", children: [
+  /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      className: `nice-search-category ${t === null ? "nice-search-category--active" : ""}`,
+      onClick: () => l(null),
+      children: "All"
+    }
+  ),
+  i.map((n) => /* @__PURE__ */ c(
+    "button",
+    {
+      type: "button",
+      className: `nice-search-category ${t === n.id ? "nice-search-category--active" : ""}`,
+      onClick: () => l(n.id),
+      children: [
+        n.icon && /* @__PURE__ */ e("span", { className: "nice-search-category-icon", children: n.icon }),
+        n.label,
+        n.count !== void 0 && /* @__PURE__ */ e("span", { className: "nice-search-category-count", children: n.count })
+      ]
+    },
+    n.id
+  ))
+] }), hc = ({
+  searches: i,
+  onSelect: t,
+  onClear: l,
+  label: n,
+  clearLabel: s
+}) => /* @__PURE__ */ c("div", { className: "nice-search-recent", children: [
+  /* @__PURE__ */ c("div", { className: "nice-search-recent-header", children: [
+    /* @__PURE__ */ e("span", { children: n }),
+    /* @__PURE__ */ e("button", { type: "button", onClick: l, children: s })
+  ] }),
+  /* @__PURE__ */ e("div", { className: "nice-search-recent-list", children: i.map((r, h) => /* @__PURE__ */ c(
+    "button",
+    {
+      type: "button",
+      className: "nice-search-recent-item",
+      onClick: () => t(r.query),
+      children: [
+        /* @__PURE__ */ e("span", { className: "nice-search-recent-icon", children: "🕒" }),
+        /* @__PURE__ */ e("span", { className: "nice-search-recent-query", children: r.query })
+      ]
+    },
+    h
+  )) })
+] }), pc = {
+  placeholder: "Search...",
+  recent: "Recent Searches",
+  noResults: "No results found for",
+  searching: "Searching...",
+  clearRecent: "Clear",
+  categories: "Categories",
+  filters: "Filters"
+}, uc = oe(
+  ({
+    sources: i,
+    placeholder: t,
+    minQueryLength: l = 2,
+    debounceMs: n = 300,
+    showCategories: s = !0,
+    filters: r = [],
+    showRecent: h = !0,
+    maxRecent: o = 5,
+    showShortcuts: m = !0,
+    hotkey: O = "k",
+    onResultSelect: G,
+    onSearch: N,
+    onClose: C,
+    renderResult: U,
+    renderEmpty: P,
+    defaultOpen: X = !1,
+    open: q,
+    variant: W = "modal",
+    labels: V,
+    className: B = "",
+    style: v
+  }, I) => {
+    const g = { ...pc, ...V }, k = ge(null), Y = ge(), [b, M] = S(X), [E, $] = S(""), [j, K] = S([]), [f, R] = S(!1), [L, Z] = S(0), [F, y] = S(null), [u, w] = S([]), x = q !== void 0 ? q : b;
+    fe(() => {
+      try {
+        const p = localStorage.getItem("nice_recent_searches");
+        p && w(JSON.parse(p));
+      } catch {
+      }
+    }, []);
+    const z = _(
+      (p, A) => {
+        const ae = [{
+          query: p,
+          timestamp: /* @__PURE__ */ new Date(),
+          resultCount: A
+        }, ...u.filter((he) => he.query !== p)].slice(
+          0,
+          o
+        );
+        w(ae);
+        try {
+          localStorage.setItem("nice_recent_searches", JSON.stringify(ae));
+        } catch {
+        }
+      },
+      [u, o]
+    ), T = _(
+      async (p) => {
+        if (p.length < l) {
+          K([]);
+          return;
+        }
+        R(!0);
+        try {
+          const A = i.map(async (ae) => {
+            try {
+              return (await ae.search(p)).map((me) => ({
+                ...me,
+                source: ae.name,
+                relevanceScore: me.relevanceScore * (ae.priority || 1)
+              }));
+            } catch {
+              return [];
+            }
+          }), H = (await Promise.all(A)).flat();
+          H.sort((ae, he) => he.relevanceScore - ae.relevanceScore), K(H), Z(0), N == null || N(p, H), H.length > 0 && z(p, H.length);
+        } finally {
+          R(!1);
+        }
+      },
+      [i, l, N, z]
+    ), ee = _(
+      (p) => {
+        $(p), Y.current && clearTimeout(Y.current), Y.current = setTimeout(() => {
+          T(p);
+        }, n);
+      },
+      [T, n]
+    ), ne = _(
+      (p) => {
+        switch (p.key) {
+          case "ArrowDown":
+            p.preventDefault(), Z((A) => Math.min(A + 1, j.length - 1));
+            break;
+          case "ArrowUp":
+            p.preventDefault(), Z((A) => Math.max(A - 1, 0));
+            break;
+          case "Enter":
+            p.preventDefault(), j[L] && (G == null || G(j[L]), M(!1), C == null || C());
+            break;
+          case "Escape":
+            p.preventDefault(), M(!1), C == null || C();
+            break;
+        }
+      },
+      [j, L, G, C]
+    );
+    fe(() => {
+      const p = (A) => {
+        (A.metaKey || A.ctrlKey) && A.key === O && (A.preventDefault(), M(!0), setTimeout(() => {
+          var H;
+          return (H = k.current) == null ? void 0 : H.focus();
+        }, 0));
+      };
+      return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
+    }, [O]), fe(() => {
+      x && setTimeout(() => {
+        var p;
+        return (p = k.current) == null ? void 0 : p.focus();
+      }, 0);
+    }, [x]);
+    const ie = F ? j.filter((p) => p.type === F) : j, ce = Array.from(new Set(j.map((p) => p.type))).map(
+      (p) => ({
+        id: p,
+        label: p.charAt(0).toUpperCase() + p.slice(1),
+        icon: $e[p],
+        count: j.filter((A) => A.type === p).length
+      })
+    );
+    if (de(I, () => ({
+      open: () => M(!0),
+      close: () => {
+        M(!1), C == null || C();
+      },
+      focus: () => {
+        var p;
+        return (p = k.current) == null ? void 0 : p.focus();
+      },
+      clear: () => {
+        $(""), K([]);
+      },
+      search: async (p) => {
+        $(p), await T(p);
+      }
+    })), !x && W !== "inline")
+      return null;
+    const d = /* @__PURE__ */ c("div", { className: "nice-search-content", children: [
+      /* @__PURE__ */ e(
+        rc,
+        {
+          value: E,
+          onChange: ee,
+          onKeyDown: ne,
+          placeholder: t || g.placeholder,
+          isLoading: f,
+          inputRef: k
+        }
+      ),
+      s && ce.length > 1 && E.length >= l && /* @__PURE__ */ e(
+        dc,
+        {
+          categories: ce,
+          selected: F,
+          onSelect: y
+        }
+      ),
+      /* @__PURE__ */ c("div", { className: "nice-search-results", role: "listbox", children: [
+        f && E.length >= l && /* @__PURE__ */ e("div", { className: "nice-search-loading", children: g.searching }),
+        !f && E.length >= l && ie.length === 0 && /* @__PURE__ */ e("div", { className: "nice-search-empty", children: P ? P(E) : /* @__PURE__ */ c(re, { children: [
+          /* @__PURE__ */ e("span", { className: "nice-search-empty-icon", children: "🔍" }),
+          /* @__PURE__ */ c("span", { children: [
+            g.noResults,
+            ' "',
+            E,
+            '"'
+          ] })
+        ] }) }),
+        ie.map((p, A) => /* @__PURE__ */ e(
+          oc,
+          {
+            result: p,
+            isSelected: A === L,
+            onSelect: () => {
+              G == null || G(p), M(!1), C == null || C();
+            },
+            renderResult: U
+          },
+          p.id
+        ))
+      ] }),
+      h && E.length < l && u.length > 0 && /* @__PURE__ */ e(
+        hc,
+        {
+          searches: u,
+          onSelect: (p) => {
+            $(p), T(p);
+          },
+          onClear: () => {
+            w([]), localStorage.removeItem("nice_recent_searches");
+          },
+          label: g.recent,
+          clearLabel: g.clearRecent
+        }
+      ),
+      m && /* @__PURE__ */ c("div", { className: "nice-search-shortcuts", children: [
+        /* @__PURE__ */ c("span", { children: [
+          /* @__PURE__ */ e("kbd", { children: "↑" }),
+          /* @__PURE__ */ e("kbd", { children: "↓" }),
+          " Navigate"
+        ] }),
+        /* @__PURE__ */ c("span", { children: [
+          /* @__PURE__ */ e("kbd", { children: "↵" }),
+          " Select"
+        ] }),
+        /* @__PURE__ */ c("span", { children: [
+          /* @__PURE__ */ e("kbd", { children: "Esc" }),
+          " Close"
+        ] })
+      ] })
+    ] });
+    return W === "modal" ? /* @__PURE__ */ e(
+      "div",
+      {
+        className: "nice-search-overlay",
+        onClick: () => {
+          M(!1), C == null || C();
+        },
+        children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: `nice-global-search nice-global-search--modal ${B}`,
+            style: v,
+            onClick: (p) => p.stopPropagation(),
+            role: "dialog",
+            "aria-modal": "true",
+            children: d
+          }
+        )
+      }
+    ) : /* @__PURE__ */ e(
+      "div",
+      {
+        className: `nice-global-search nice-global-search--${W} ${B}`,
+        style: v,
+        children: d
+      }
+    );
+  }
+);
+uc.displayName = "NiceGlobalSearch";
+const mc = {
+  title: "Invoice Designer",
+  templates: "Templates",
+  elements: "Elements",
+  properties: "Properties",
+  preview: "Preview",
+  export: "Export",
+  save: "Save",
+  addElement: "Add Element",
+  deleteElement: "Delete",
+  duplicateElement: "Duplicate",
+  lockElement: "Lock",
+  unlockElement: "Unlock",
+  undo: "Undo",
+  redo: "Redo",
+  zoom: "Zoom",
+  grid: "Grid",
+  snap: "Snap",
+  noSelection: "Select an element to edit",
+  lineItems: "Line Items",
+  addLineItem: "Add Item",
+  removeLineItem: "Remove"
+}, Se = {
+  id: "default",
+  name: "Standard Invoice",
+  category: "standard",
+  pageSize: "a4",
+  orientation: "portrait",
+  margins: { top: 40, right: 40, bottom: 40, left: 40 },
+  elements: [
+    { id: "logo", type: "image", x: 40, y: 40, width: 150, height: 60, field: "seller.logo" },
+    {
+      id: "seller-name",
+      type: "field",
+      x: 40,
+      y: 110,
+      width: 200,
+      height: 24,
+      field: "seller.name",
+      style: { fontSize: 18, fontWeight: "bold" }
+    },
+    {
+      id: "seller-address",
+      type: "field",
+      x: 40,
+      y: 140,
+      width: 200,
+      height: 60,
+      field: "seller.address"
+    },
+    {
+      id: "invoice-title",
+      type: "text",
+      x: 400,
+      y: 40,
+      width: 150,
+      height: 40,
+      content: "INVOICE",
+      style: { fontSize: 32, fontWeight: "bold" }
+    },
+    {
+      id: "invoice-number",
+      type: "field",
+      x: 400,
+      y: 90,
+      width: 150,
+      height: 20,
+      field: "invoiceNumber"
+    },
+    { id: "invoice-date", type: "field", x: 400, y: 115, width: 150, height: 20, field: "date" },
+    { id: "due-date", type: "field", x: 400, y: 140, width: 150, height: 20, field: "dueDate" },
+    {
+      id: "buyer-name",
+      type: "field",
+      x: 40,
+      y: 220,
+      width: 200,
+      height: 24,
+      field: "buyer.name",
+      style: { fontWeight: "bold" }
+    },
+    {
+      id: "buyer-address",
+      type: "field",
+      x: 40,
+      y: 250,
+      width: 200,
+      height: 60,
+      field: "buyer.address"
+    },
+    { id: "items-table", type: "table", x: 40, y: 340, width: 520, height: 200, field: "items" },
+    { id: "subtotal", type: "subtotal", x: 400, y: 560, width: 160, height: 24, field: "subtotal" },
+    { id: "tax", type: "tax", x: 400, y: 590, width: 160, height: 24, field: "taxAmount" },
+    {
+      id: "total",
+      type: "total",
+      x: 400,
+      y: 620,
+      width: 160,
+      height: 30,
+      field: "total",
+      style: { fontSize: 20, fontWeight: "bold" }
+    },
+    { id: "notes", type: "field", x: 40, y: 680, width: 300, height: 60, field: "notes" },
+    {
+      id: "bank-details",
+      type: "field",
+      x: 40,
+      y: 760,
+      width: 300,
+      height: 60,
+      field: "bankDetails"
+    }
+  ]
+}, vc = [
+  { key: "invoiceNumber", label: "Invoice Number", type: "text" },
+  { key: "date", label: "Invoice Date", type: "date" },
+  { key: "dueDate", label: "Due Date", type: "date" },
+  { key: "seller.name", label: "Seller Name", type: "text" },
+  { key: "seller.address", label: "Seller Address", type: "text" },
+  { key: "seller.taxId", label: "Seller Tax ID", type: "text" },
+  { key: "seller.logo", label: "Seller Logo", type: "text" },
+  { key: "buyer.name", label: "Buyer Name", type: "text" },
+  { key: "buyer.address", label: "Buyer Address", type: "text" },
+  { key: "buyer.taxId", label: "Buyer Tax ID", type: "text" },
+  { key: "items", label: "Line Items", type: "text" },
+  { key: "subtotal", label: "Subtotal", type: "currency" },
+  { key: "taxAmount", label: "Tax Amount", type: "currency" },
+  { key: "discount", label: "Discount", type: "currency" },
+  { key: "total", label: "Total", type: "currency" },
+  { key: "currency", label: "Currency", type: "text" },
+  { key: "notes", label: "Notes", type: "text" },
+  { key: "terms", label: "Terms", type: "text" },
+  { key: "bankDetails", label: "Bank Details", type: "text" }
+], bc = [
+  { type: "text", icon: "T", label: "Text" },
+  { type: "field", icon: "📋", label: "Data Field" },
+  { type: "image", icon: "🖼️", label: "Image" },
+  { type: "table", icon: "📊", label: "Table" },
+  { type: "divider", icon: "—", label: "Divider" },
+  { type: "qrcode", icon: "⬛", label: "QR Code" },
+  { type: "barcode", icon: "|||", label: "Barcode" },
+  { type: "signature", icon: "✍️", label: "Signature" },
+  { type: "shape", icon: "⬜", label: "Shape" }
+], Ce = () => `el-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, Te = (i, t) => t.split(".").reduce((l, n) => {
+  if (l && typeof l == "object" && n in l)
+    return l[n];
+}, i), ye = (i, t = "USD") => new Intl.NumberFormat("en-US", { style: "currency", currency: t }).format(i), gc = oe(
+  function(t, l) {
+    const {
+      template: n,
+      data: s = {},
+      templates: r = [],
+      dataFields: h = vc,
+      showGrid: o = !0,
+      gridSize: m = 10,
+      snapToGrid: O = !0,
+      showRulers: G = !0,
+      readOnly: N = !1,
+      labels: C,
+      onChange: U,
+      onExport: P,
+      onSave: X,
+      className: q = "",
+      ...W
+    } = t, V = ge(null), B = ge(null);
+    Ee();
+    const v = pe(() => ({ ...mc, ...C }), [C]), [I, g] = S(n || Se), [k, Y] = S(null), [b, M] = S(
+      "elements"
+    ), [E, $] = S(100), [j, K] = S(o), [f, R] = S(O), [L, Z] = S([]), [F, y] = S(-1), [u, w] = S(null), [x, z] = S({ x: 0, y: 0 }), T = pe(() => I.elements.find((a) => a.id === k) || null, [I.elements, k]), ee = _(
+      (a) => {
+        Z((D) => [...D.slice(0, F + 1), a]), y((D) => D + 1);
+      },
+      [F]
+    ), ne = _(() => {
+      F > 0 && (y((a) => a - 1), g(L[F - 1]));
+    }, [L, F]), ie = _(() => {
+      F < L.length - 1 && (y((a) => a + 1), g(L[F + 1]));
+    }, [L, F]), ce = _(
+      (a) => {
+        g((D) => {
+          const J = a(D);
+          return ee(J), U == null || U(J), J;
+        });
+      },
+      [U, ee]
+    ), d = _(
+      (a) => {
+        if (N)
+          return;
+        const D = {
+          id: Ce(),
+          type: a,
+          x: 100,
+          y: 100,
+          width: a === "divider" ? 200 : 120,
+          height: a === "divider" ? 2 : a === "table" ? 150 : 40,
+          content: a === "text" ? "New Text" : void 0
+        };
+        ce((J) => ({ ...J, elements: [...J.elements, D] })), Y(D.id);
+      },
+      [N, ce]
+    ), p = _(
+      (a) => {
+        N || (ce((D) => ({
+          ...D,
+          elements: D.elements.filter((J) => J.id !== a)
+        })), k === a && Y(null));
+      },
+      [N, k, ce]
+    ), A = _(
+      (a) => {
+        if (N)
+          return;
+        const D = I.elements.find((Q) => Q.id === a);
+        if (!D)
+          return;
+        const J = {
+          ...D,
+          id: Ce(),
+          x: D.x + 20,
+          y: D.y + 20
+        };
+        ce((Q) => ({ ...Q, elements: [...Q.elements, J] })), Y(J.id);
+      },
+      [N, I.elements, ce]
+    ), H = _(
+      (a, D) => {
+        N || ce((J) => ({
+          ...J,
+          elements: J.elements.map((Q) => Q.id === a ? { ...Q, ...D } : Q)
+        }));
+      },
+      [N, ce]
+    ), ae = _(
+      (a, D) => {
+        if (N)
+          return;
+        const J = I.elements.find((te) => te.id === D);
+        if (!J || J.locked)
+          return;
+        w(D), Y(D);
+        const Q = a.target.getBoundingClientRect();
+        z({
+          x: a.clientX - Q.left,
+          y: a.clientY - Q.top
+        });
+      },
+      [N, I.elements]
+    ), he = _(
+      (a) => {
+        if (!u || !B.current)
+          return;
+        const D = B.current.getBoundingClientRect();
+        let J = (a.clientX - D.left - x.x) / E * 100, Q = (a.clientY - D.top - x.y) / E * 100;
+        f && (J = Math.round(J / m) * m, Q = Math.round(Q / m) * m), H(u, { x: J, y: Q });
+      },
+      [u, x, m, f, H, E]
+    ), me = _(() => {
+      w(null);
+    }, []), Fe = _(
+      (a) => {
+        const D = r.find((J) => J.id === a);
+        D && (g(D), ee(D), U == null || U(D));
+      },
+      [r, U, ee]
+    ), Ne = _(
+      (a) => {
+        P == null || P(a);
+      },
+      [P]
+    ), Pe = _(() => {
+      X == null || X(I);
+    }, [X, I]), Re = _(
+      (a) => {
+        if (!a.field)
+          return "";
+        const D = Te(s, a.field);
+        return D == null ? `{${a.field}}` : a.type === "total" || a.type === "subtotal" || a.type === "tax" ? ye(Number(D), s.currency) : String(D);
+      },
+      [s]
+    );
+    de(
+      l,
+      () => ({
+        getTemplate: () => I,
+        setTemplate: (a) => {
+          g(a), ee(a);
+        },
+        export: Ne,
+        addElement: d,
+        removeSelected: () => {
+          k && p(k);
+        },
+        undo: ne,
+        redo: ie,
+        getElement: () => V.current
+      }),
+      [I, ee, Ne, d, p, k, ne, ie]
+    );
+    const Oe = (a) => {
+      var xe, De;
+      const D = a.id === k, J = a.id === u, Q = {
+        position: "absolute",
+        left: a.x,
+        top: a.y,
+        width: a.width,
+        height: a.height,
+        ...a.style
+      };
+      let te = null;
+      switch (a.type) {
+        case "text":
+          te = a.content || "Text";
+          break;
+        case "field":
+        case "total":
+        case "subtotal":
+        case "tax":
+          te = Re(a);
+          break;
+        case "image": {
+          const le = a.field ? Te(s, a.field) : a.content;
+          te = le ? /* @__PURE__ */ e("img", { src: le, alt: "" }) : /* @__PURE__ */ e("span", { className: "nice-invoice-placeholder", children: "📷" });
+          break;
+        }
+        case "table":
+          te = /* @__PURE__ */ c("div", { className: "nice-invoice-table-preview", children: [
+            /* @__PURE__ */ c("div", { className: "nice-invoice-table-header", children: [
+              /* @__PURE__ */ e("span", { children: "Description" }),
+              /* @__PURE__ */ e("span", { children: "Qty" }),
+              /* @__PURE__ */ e("span", { children: "Price" }),
+              /* @__PURE__ */ e("span", { children: "Total" })
+            ] }),
+            (s.items || []).slice(0, 3).map((le) => /* @__PURE__ */ c("div", { className: "nice-invoice-table-row", children: [
+              /* @__PURE__ */ e("span", { children: le.description }),
+              /* @__PURE__ */ e("span", { children: le.quantity }),
+              /* @__PURE__ */ e("span", { children: ye(le.unitPrice, s.currency) }),
+              /* @__PURE__ */ e("span", { children: ye(le.total, s.currency) })
+            ] }, le.id)),
+            (((xe = s.items) == null ? void 0 : xe.length) || 0) > 3 && /* @__PURE__ */ c("div", { className: "nice-invoice-table-more", children: [
+              "+",
+              (((De = s.items) == null ? void 0 : De.length) || 0) - 3,
+              " more items"
+            ] })
+          ] });
+          break;
+        case "divider":
+          te = /* @__PURE__ */ e("hr", {});
+          break;
+        case "qrcode":
+          te = /* @__PURE__ */ e("div", { className: "nice-invoice-qrcode", children: "QR" });
+          break;
+        case "barcode":
+          te = /* @__PURE__ */ e("div", { className: "nice-invoice-barcode", children: "|||||||||||" });
+          break;
+        case "signature":
+          te = /* @__PURE__ */ e("div", { className: "nice-invoice-signature", children: "Signature" });
+          break;
+        case "shape":
+          te = null;
+          break;
+      }
+      return /* @__PURE__ */ c(
+        "div",
+        {
+          className: `nice-invoice-element nice-invoice-element--${a.type} ${D ? "nice-invoice-element--selected" : ""} ${J ? "nice-invoice-element--dragging" : ""} ${a.locked ? "nice-invoice-element--locked" : ""}`,
+          style: Q,
+          onMouseDown: (le) => ae(le, a.id),
+          onClick: () => Y(a.id),
+          children: [
+            te,
+            D && !N && /* @__PURE__ */ c("div", { className: "nice-invoice-element-handles", children: [
+              /* @__PURE__ */ e("div", { className: "nice-invoice-handle nice-invoice-handle--nw" }),
+              /* @__PURE__ */ e("div", { className: "nice-invoice-handle nice-invoice-handle--ne" }),
+              /* @__PURE__ */ e("div", { className: "nice-invoice-handle nice-invoice-handle--sw" }),
+              /* @__PURE__ */ e("div", { className: "nice-invoice-handle nice-invoice-handle--se" })
+            ] })
+          ]
+        },
+        a.id
+      );
+    };
+    return /* @__PURE__ */ c("div", { ref: V, className: `nice-invoice-designer ${q}`, ...W, children: [
+      /* @__PURE__ */ c("div", { className: "nice-invoice-toolbar", children: [
+        /* @__PURE__ */ c("div", { className: "nice-invoice-toolbar-left", children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "nice-invoice-toolbar-btn",
+              onClick: ne,
+              disabled: F <= 0,
+              title: v.undo,
+              children: "↩"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "nice-invoice-toolbar-btn",
+              onClick: ie,
+              disabled: F >= L.length - 1,
+              title: v.redo,
+              children: "↪"
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "nice-invoice-toolbar-divider" }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: `nice-invoice-toolbar-btn ${j ? "nice-invoice-toolbar-btn--active" : ""}`,
+              onClick: () => K(!j),
+              title: v.grid,
+              children: "⊞"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: `nice-invoice-toolbar-btn ${f ? "nice-invoice-toolbar-btn--active" : ""}`,
+              onClick: () => R(!f),
+              title: v.snap,
+              children: "⌖"
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "nice-invoice-toolbar-divider" }),
+          /* @__PURE__ */ c(
+            "select",
+            {
+              className: "nice-invoice-zoom-select",
+              value: E,
+              onChange: (a) => $(Number(a.target.value)),
+              children: [
+                /* @__PURE__ */ e("option", { value: 50, children: "50%" }),
+                /* @__PURE__ */ e("option", { value: 75, children: "75%" }),
+                /* @__PURE__ */ e("option", { value: 100, children: "100%" }),
+                /* @__PURE__ */ e("option", { value: 125, children: "125%" }),
+                /* @__PURE__ */ e("option", { value: 150, children: "150%" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ c("div", { className: "nice-invoice-toolbar-right", children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "nice-invoice-toolbar-btn nice-invoice-toolbar-btn--primary",
+              onClick: () => Ne("pdf"),
+              children: "PDF"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "nice-invoice-toolbar-btn",
+              onClick: () => Ne("print"),
+              children: "🖨️"
+            }
+          ),
+          !N && /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              className: "nice-invoice-toolbar-btn nice-invoice-toolbar-btn--success",
+              onClick: Pe,
+              children: [
+                "💾 ",
+                v.save
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ c("div", { className: "nice-invoice-main", children: [
+        /* @__PURE__ */ c("div", { className: "nice-invoice-sidebar", children: [
+          /* @__PURE__ */ c("div", { className: "nice-invoice-sidebar-tabs", children: [
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: `nice-invoice-sidebar-tab ${b === "templates" ? "nice-invoice-sidebar-tab--active" : ""}`,
+                onClick: () => M("templates"),
+                children: "📄"
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: `nice-invoice-sidebar-tab ${b === "elements" ? "nice-invoice-sidebar-tab--active" : ""}`,
+                onClick: () => M("elements"),
+                children: "⬛"
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: `nice-invoice-sidebar-tab ${b === "properties" ? "nice-invoice-sidebar-tab--active" : ""}`,
+                onClick: () => M("properties"),
+                children: "⚙️"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ c("div", { className: "nice-invoice-sidebar-content", children: [
+            b === "templates" && /* @__PURE__ */ c("div", { className: "nice-invoice-panel", children: [
+              /* @__PURE__ */ e("h3", { className: "nice-invoice-panel-title", children: v.templates }),
+              /* @__PURE__ */ e("div", { className: "nice-invoice-templates-grid", children: [Se, ...r].map((a) => /* @__PURE__ */ c(
+                "button",
+                {
+                  type: "button",
+                  className: `nice-invoice-template-card ${a.id === I.id ? "nice-invoice-template-card--active" : ""}`,
+                  onClick: () => Fe(a.id),
+                  children: [
+                    /* @__PURE__ */ e("div", { className: "nice-invoice-template-preview", children: a.thumbnail ? /* @__PURE__ */ e("img", { src: a.thumbnail, alt: a.name }) : /* @__PURE__ */ e("div", { className: "nice-invoice-template-placeholder", children: "📄" }) }),
+                    /* @__PURE__ */ e("span", { className: "nice-invoice-template-name", children: a.name })
+                  ]
+                },
+                a.id
+              )) })
+            ] }),
+            b === "elements" && /* @__PURE__ */ c("div", { className: "nice-invoice-panel", children: [
+              /* @__PURE__ */ e("h3", { className: "nice-invoice-panel-title", children: v.elements }),
+              /* @__PURE__ */ e("div", { className: "nice-invoice-elements-grid", children: bc.map((a) => /* @__PURE__ */ c(
+                "button",
+                {
+                  type: "button",
+                  className: "nice-invoice-element-btn",
+                  onClick: () => d(a.type),
+                  disabled: N,
+                  children: [
+                    /* @__PURE__ */ e("span", { className: "nice-invoice-element-icon", children: a.icon }),
+                    /* @__PURE__ */ e("span", { className: "nice-invoice-element-label", children: a.label })
+                  ]
+                },
+                a.type
+              )) }),
+              /* @__PURE__ */ e("h4", { className: "nice-invoice-panel-subtitle", children: "Data Fields" }),
+              /* @__PURE__ */ e("div", { className: "nice-invoice-fields-list", children: h.map((a) => /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  className: "nice-invoice-field-btn",
+                  onClick: () => {
+                    T && H(T.id, { field: a.key });
+                  },
+                  disabled: !T || N,
+                  children: a.label
+                },
+                a.key
+              )) })
+            ] }),
+            b === "properties" && /* @__PURE__ */ c("div", { className: "nice-invoice-panel", children: [
+              /* @__PURE__ */ e("h3", { className: "nice-invoice-panel-title", children: v.properties }),
+              T ? /* @__PURE__ */ c("div", { className: "nice-invoice-properties", children: [
+                /* @__PURE__ */ c("div", { className: "nice-invoice-property", children: [
+                  /* @__PURE__ */ e("label", { children: "Type" }),
+                  /* @__PURE__ */ e("input", { type: "text", value: T.type, readOnly: !0 })
+                ] }),
+                /* @__PURE__ */ c("div", { className: "nice-invoice-property", children: [
+                  /* @__PURE__ */ e("label", { children: "X" }),
+                  /* @__PURE__ */ e(
+                    "input",
+                    {
+                      type: "number",
+                      value: T.x,
+                      onChange: (a) => H(T.id, { x: Number(a.target.value) }),
+                      disabled: N
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ c("div", { className: "nice-invoice-property", children: [
+                  /* @__PURE__ */ e("label", { children: "Y" }),
+                  /* @__PURE__ */ e(
+                    "input",
+                    {
+                      type: "number",
+                      value: T.y,
+                      onChange: (a) => H(T.id, { y: Number(a.target.value) }),
+                      disabled: N
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ c("div", { className: "nice-invoice-property", children: [
+                  /* @__PURE__ */ e("label", { children: "Width" }),
+                  /* @__PURE__ */ e(
+                    "input",
+                    {
+                      type: "number",
+                      value: T.width,
+                      onChange: (a) => H(T.id, { width: Number(a.target.value) }),
+                      disabled: N
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ c("div", { className: "nice-invoice-property", children: [
+                  /* @__PURE__ */ e("label", { children: "Height" }),
+                  /* @__PURE__ */ e(
+                    "input",
+                    {
+                      type: "number",
+                      value: T.height,
+                      onChange: (a) => H(T.id, { height: Number(a.target.value) }),
+                      disabled: N
+                    }
+                  )
+                ] }),
+                T.type === "text" && /* @__PURE__ */ c("div", { className: "nice-invoice-property", children: [
+                  /* @__PURE__ */ e("label", { children: "Content" }),
+                  /* @__PURE__ */ e(
+                    "input",
+                    {
+                      type: "text",
+                      value: T.content || "",
+                      onChange: (a) => H(T.id, { content: a.target.value }),
+                      disabled: N
+                    }
+                  )
+                ] }),
+                T.field !== void 0 && /* @__PURE__ */ c("div", { className: "nice-invoice-property", children: [
+                  /* @__PURE__ */ e("label", { children: "Field" }),
+                  /* @__PURE__ */ c(
+                    "select",
+                    {
+                      value: T.field || "",
+                      onChange: (a) => H(T.id, { field: a.target.value }),
+                      disabled: N,
+                      children: [
+                        /* @__PURE__ */ e("option", { value: "", children: "None" }),
+                        h.map((a) => /* @__PURE__ */ e("option", { value: a.key, children: a.label }, a.key))
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ c("div", { className: "nice-invoice-property-actions", children: [
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => A(T.id),
+                      disabled: N,
+                      children: v.duplicateElement
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => H(T.id, { locked: !T.locked }),
+                      disabled: N,
+                      children: T.locked ? v.unlockElement : v.lockElement
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      className: "nice-invoice-btn--danger",
+                      onClick: () => p(T.id),
+                      disabled: N,
+                      children: v.deleteElement
+                    }
+                  )
+                ] })
+              ] }) : /* @__PURE__ */ e("p", { className: "nice-invoice-no-selection", children: v.noSelection })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ c("div", { className: "nice-invoice-canvas-area", children: [
+          G && /* @__PURE__ */ c(re, { children: [
+            /* @__PURE__ */ e("div", { className: "nice-invoice-ruler nice-invoice-ruler--horizontal", children: Array.from({ length: 60 }, (a, D) => /* @__PURE__ */ e(
+              "span",
+              {
+                className: "nice-invoice-ruler-mark",
+                style: { left: D * 10 * (E / 100) },
+                children: D % 5 === 0 && /* @__PURE__ */ e("span", { className: "nice-invoice-ruler-label", children: D * 10 })
+              },
+              D
+            )) }),
+            /* @__PURE__ */ e("div", { className: "nice-invoice-ruler nice-invoice-ruler--vertical", children: Array.from({ length: 85 }, (a, D) => /* @__PURE__ */ e(
+              "span",
+              {
+                className: "nice-invoice-ruler-mark",
+                style: { top: D * 10 * (E / 100) },
+                children: D % 5 === 0 && /* @__PURE__ */ e("span", { className: "nice-invoice-ruler-label", children: D * 10 })
+              },
+              D
+            )) })
+          ] }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              ref: B,
+              className: `nice-invoice-canvas ${j ? "nice-invoice-canvas--grid" : ""}`,
+              style: {
+                width: I.orientation === "portrait" ? 595 : 842,
+                height: I.orientation === "portrait" ? 842 : 595,
+                transform: `scale(${E / 100})`,
+                transformOrigin: "top left",
+                backgroundSize: `${m}px ${m}px`
+              },
+              onMouseMove: he,
+              onMouseUp: me,
+              onMouseLeave: me,
+              onClick: () => Y(null),
+              children: I.elements.map((a) => Oe(a))
+            }
+          )
+        ] })
+      ] })
+    ] });
+  }
+);
+gc.displayName = "NiceInvoiceDesigner";
+const ve = {
+  title: "Access Log",
+  filters: "Filters",
+  search: "Search users, IPs...",
+  export: "Export",
+  refresh: "Refresh",
+  details: "Details",
+  stats: "Statistics",
+  map: "Geographic Distribution",
+  timeline: "Timeline",
+  showMore: "Show More",
+  noResults: "No access logs found",
+  eventTypes: {
+    login_success: "Login Success",
+    login_failed: "Login Failed",
+    logout: "Logout",
+    password_change: "Password Change",
+    password_reset: "Password Reset",
+    mfa_enabled: "MFA Enabled",
+    mfa_disabled: "MFA Disabled",
+    mfa_challenged: "MFA Challenge",
+    permission_change: "Permission Change",
+    session_expired: "Session Expired",
+    account_locked: "Account Locked",
+    account_unlocked: "Account Unlocked",
+    api_key_created: "API Key Created",
+    api_key_revoked: "API Key Revoked",
+    token_refresh: "Token Refresh",
+    suspicious_activity: "Suspicious Activity"
+  },
+  riskLevels: {
+    low: "Low",
+    medium: "Medium",
+    high: "High",
+    critical: "Critical"
+  },
+  deviceTypes: {
+    desktop: "Desktop",
+    mobile: "Mobile",
+    tablet: "Tablet",
+    unknown: "Unknown"
+  },
+  columns: {
+    timestamp: "Time",
+    user: "User",
+    event: "Event",
+    ip: "IP Address",
+    location: "Location",
+    device: "Device",
+    risk: "Risk",
+    status: "Status"
+  }
+}, ke = {
+  login_success: "✓",
+  login_failed: "✗",
+  logout: "↗",
+  password_change: "🔑",
+  password_reset: "🔄",
+  mfa_enabled: "🛡️",
+  mfa_disabled: "⚠️",
+  mfa_challenged: "📱",
+  permission_change: "👤",
+  session_expired: "⏰",
+  account_locked: "🔒",
+  account_unlocked: "🔓",
+  api_key_created: "🔐",
+  api_key_revoked: "❌",
+  token_refresh: "🔃",
+  suspicious_activity: "⚡"
+}, be = {
+  low: "var(--color-success, #22c55e)",
+  medium: "var(--color-warning, #f59e0b)",
+  high: "var(--color-error, #ef4444)",
+  critical: "var(--color-accent-hover, #7c3aed)"
+}, Ie = {
+  desktop: "🖥️",
+  mobile: "📱",
+  tablet: "📟",
+  unknown: "❓"
+}, _e = (i) => (typeof i == "string" ? new Date(i) : i).toLocaleString("en-US", {
+  month: "short",
+  day: "numeric",
+  hour: "2-digit",
+  minute: "2-digit",
+  second: "2-digit"
+}), Le = (i) => {
+  if (!i)
+    return "Unknown";
+  const t = [];
+  return i.city && t.push(i.city), i.country && t.push(i.country), t.length > 0 ? t.join(", ") : "Unknown";
+}, Nc = (i) => {
+  if (!i)
+    return "Unknown";
+  const t = [];
+  return i.browser && t.push(i.browser), i.os && t.push(i.os), t.length > 0 ? t.join(" / ") : i.type;
+}, Ae = (i) => i >= 80 ? be.critical : i >= 60 ? be.high : i >= 40 ? be.medium : be.low, fc = (i, t) => {
+  var l, n, s, r, h;
+  if (t.startDate) {
+    const o = typeof t.startDate == "string" ? new Date(t.startDate) : t.startDate;
+    if ((typeof i.timestamp == "string" ? new Date(i.timestamp) : i.timestamp) < o)
+      return !1;
+  }
+  if (t.endDate) {
+    const o = typeof t.endDate == "string" ? new Date(t.endDate) : t.endDate;
+    if ((typeof i.timestamp == "string" ? new Date(i.timestamp) : i.timestamp) > o)
+      return !1;
+  }
+  if ((l = t.eventTypes) != null && l.length && !t.eventTypes.includes(i.eventType) || (n = t.riskLevels) != null && n.length && !t.riskLevels.includes(i.riskLevel) || t.userId && i.userId !== t.userId || t.ipAddress && !i.ipAddress.includes(t.ipAddress) || t.country && ((s = i.location) == null ? void 0 : s.country) !== t.country || t.successOnly && !i.success || t.failedOnly && i.success)
+    return !1;
+  if (t.searchQuery) {
+    const o = t.searchQuery.toLowerCase();
+    if (![
+      i.userName,
+      i.userEmail,
+      i.userId,
+      i.ipAddress,
+      (r = i.location) == null ? void 0 : r.city,
+      (h = i.location) == null ? void 0 : h.country
+    ].filter(Boolean).join(" ").toLowerCase().includes(o))
+      return !1;
+  }
+  return !0;
+}, yc = oe(
+  function(t, l) {
+    var ie, ce;
+    const {
+      entries: n,
+      filter: s = {},
+      stats: r,
+      realtime: h = !1,
+      pollingInterval: o = 3e4,
+      showMap: m = !1,
+      showStats: O = !0,
+      showDetails: G = !0,
+      pageSize: N = 50,
+      labels: C,
+      loading: U = !1,
+      onFilterChange: P,
+      onExport: X,
+      onEntrySelect: q,
+      onBlockIP: W,
+      onRefresh: V,
+      className: B = "",
+      ...v
+    } = t, I = ge(null);
+    Ee();
+    const g = pe(
+      () => ({
+        ...ve,
+        ...C,
+        eventTypes: { ...ve.eventTypes, ...C == null ? void 0 : C.eventTypes },
+        riskLevels: { ...ve.riskLevels, ...C == null ? void 0 : C.riskLevels },
+        deviceTypes: { ...ve.deviceTypes, ...C == null ? void 0 : C.deviceTypes },
+        columns: { ...ve.columns, ...C == null ? void 0 : C.columns }
+      }),
+      [C]
+    ), [k, Y] = S(s), [b, M] = S(null), [E, $] = S(N), [j, K] = S(!1), [f, R] = S("table"), L = pe(() => n.filter((d) => fc(d, k)), [n, k]), Z = pe(() => L.slice(0, E), [L, E]), F = pe(() => {
+      if (r)
+        return r;
+      const d = new Set(n.map((A) => A.ipAddress)), p = new Set(n.map((A) => {
+        var H;
+        return (H = A.location) == null ? void 0 : H.country;
+      }).filter(Boolean));
+      return {
+        totalEvents: n.length,
+        successfulLogins: n.filter((A) => A.eventType === "login_success").length,
+        failedLogins: n.filter((A) => A.eventType === "login_failed").length,
+        uniqueIPs: d.size,
+        uniqueCountries: p.size,
+        highRiskEvents: n.filter((A) => A.riskLevel === "high" || A.riskLevel === "critical").length,
+        suspiciousActivities: n.filter((A) => A.eventType === "suspicious_activity").length
+      };
+    }, [n, r]), y = _(
+      (d) => {
+        const p = { ...k, ...d };
+        Y(p), $(N), P == null || P(p);
+      },
+      [k, P, N]
+    ), u = _(() => {
+      Y({}), $(N), P == null || P({});
+    }, [P, N]), w = _(
+      (d) => {
+        M(d), q == null || q(d);
+      },
+      [q]
+    ), x = _(
+      (d) => {
+        X == null || X(d);
+      },
+      [X]
+    ), z = _(() => {
+      V == null || V();
+    }, [V]), T = _(() => {
+      $((d) => d + N);
+    }, [N]);
+    de(
+      l,
+      () => ({
+        getFilter: () => k,
+        applyFilter: y,
+        clearFilters: u,
+        export: x,
+        refresh: z,
+        getSelectedEntry: () => b,
+        getElement: () => I.current
+      }),
+      [k, y, u, x, z, b]
+    );
+    const ee = (d) => {
+      var p, A;
+      return /* @__PURE__ */ c(
+        "tr",
+        {
+          className: `nice-accesslog-row ${(b == null ? void 0 : b.id) === d.id ? "nice-accesslog-row--selected" : ""} ${d.success ? "" : "nice-accesslog-row--failed"}`,
+          onClick: () => w(d),
+          children: [
+            /* @__PURE__ */ e("td", { className: "nice-accesslog-cell nice-accesslog-cell--timestamp", children: _e(d.timestamp) }),
+            /* @__PURE__ */ e("td", { className: "nice-accesslog-cell nice-accesslog-cell--user", children: /* @__PURE__ */ c("div", { className: "nice-accesslog-user", children: [
+              /* @__PURE__ */ e("span", { className: "nice-accesslog-username", children: d.userName || d.userId }),
+              d.userEmail && /* @__PURE__ */ e("span", { className: "nice-accesslog-email", children: d.userEmail })
+            ] }) }),
+            /* @__PURE__ */ e("td", { className: "nice-accesslog-cell nice-accesslog-cell--event", children: /* @__PURE__ */ c("span", { className: `nice-accesslog-event nice-accesslog-event--${d.eventType}`, children: [
+              /* @__PURE__ */ e("span", { className: "nice-accesslog-event-icon", children: ke[d.eventType] }),
+              g.eventTypes[d.eventType]
+            ] }) }),
+            /* @__PURE__ */ c("td", { className: "nice-accesslog-cell nice-accesslog-cell--ip", children: [
+              /* @__PURE__ */ e("span", { className: "nice-accesslog-ip", children: d.ipAddress }),
+              W && /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  className: "nice-accesslog-block-btn",
+                  onClick: (H) => {
+                    H.stopPropagation(), W(d.ipAddress);
+                  },
+                  title: "Block IP",
+                  children: "🚫"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ c("td", { className: "nice-accesslog-cell nice-accesslog-cell--location", children: [
+              ((p = d.location) == null ? void 0 : p.countryCode) && /* @__PURE__ */ e("span", { className: "nice-accesslog-flag", children: "🏳️" }),
+              Le(d.location)
+            ] }),
+            /* @__PURE__ */ e("td", { className: "nice-accesslog-cell nice-accesslog-cell--device", children: /* @__PURE__ */ c("span", { className: "nice-accesslog-device", children: [
+              Ie[((A = d.device) == null ? void 0 : A.type) || "unknown"],
+              Nc(d.device)
+            ] }) }),
+            /* @__PURE__ */ e("td", { className: "nice-accesslog-cell nice-accesslog-cell--risk", children: /* @__PURE__ */ c(
+              "span",
+              {
+                className: `nice-accesslog-risk nice-accesslog-risk--${d.riskLevel}`,
+                style: { "--risk-color": Ae(d.riskScore) },
+                children: [
+                  /* @__PURE__ */ e("span", { className: "nice-accesslog-risk-score", children: d.riskScore }),
+                  /* @__PURE__ */ e("span", { className: "nice-accesslog-risk-label", children: g.riskLevels[d.riskLevel] })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ e("td", { className: "nice-accesslog-cell nice-accesslog-cell--status", children: /* @__PURE__ */ e(
+              "span",
+              {
+                className: `nice-accesslog-status ${d.success ? "nice-accesslog-status--success" : "nice-accesslog-status--failed"}`,
+                children: d.success ? "✓" : "✗"
+              }
+            ) })
+          ]
+        },
+        d.id
+      );
+    }, ne = (d) => /* @__PURE__ */ c(
+      "div",
+      {
+        className: `nice-accesslog-timeline-item nice-accesslog-timeline-item--${d.riskLevel}`,
+        onClick: () => w(d),
+        children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: "nice-accesslog-timeline-marker",
+              style: { background: be[d.riskLevel] }
+            }
+          ),
+          /* @__PURE__ */ c("div", { className: "nice-accesslog-timeline-content", children: [
+            /* @__PURE__ */ c("div", { className: "nice-accesslog-timeline-header", children: [
+              /* @__PURE__ */ c("span", { className: "nice-accesslog-timeline-event", children: [
+                ke[d.eventType],
+                " ",
+                g.eventTypes[d.eventType]
+              ] }),
+              /* @__PURE__ */ e("span", { className: "nice-accesslog-timeline-time", children: _e(d.timestamp) })
+            ] }),
+            /* @__PURE__ */ c("div", { className: "nice-accesslog-timeline-details", children: [
+              /* @__PURE__ */ e("span", { children: d.userName || d.userId }),
+              /* @__PURE__ */ e("span", { children: "•" }),
+              /* @__PURE__ */ e("span", { children: d.ipAddress }),
+              /* @__PURE__ */ e("span", { children: "•" }),
+              /* @__PURE__ */ e("span", { children: Le(d.location) })
+            ] }),
+            d.flags && d.flags.length > 0 && /* @__PURE__ */ e("div", { className: "nice-accesslog-timeline-flags", children: d.flags.map((p, A) => /* @__PURE__ */ e("span", { className: "nice-accesslog-flag-badge", children: p }, A)) })
+          ] })
+        ]
+      },
+      d.id
+    );
+    return /* @__PURE__ */ c("div", { ref: I, className: `nice-accesslog ${B}`, ...v, children: [
+      /* @__PURE__ */ c("div", { className: "nice-accesslog-header", children: [
+        /* @__PURE__ */ c("div", { className: "nice-accesslog-header-left", children: [
+          /* @__PURE__ */ e("h2", { className: "nice-accesslog-title", children: g.title }),
+          h && /* @__PURE__ */ e("span", { className: "nice-accesslog-realtime-badge", children: "● Live" })
+        ] }),
+        /* @__PURE__ */ c("div", { className: "nice-accesslog-header-actions", children: [
+          /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              className: "nice-accesslog-btn",
+              onClick: z,
+              disabled: U,
+              children: [
+                "🔄 ",
+                g.refresh
+              ]
+            }
+          ),
+          /* @__PURE__ */ c("div", { className: "nice-accesslog-export-dropdown", children: [
+            /* @__PURE__ */ c("button", { type: "button", className: "nice-accesslog-btn", children: [
+              "📥 ",
+              g.export
+            ] }),
+            /* @__PURE__ */ c("div", { className: "nice-accesslog-export-menu", children: [
+              /* @__PURE__ */ e("button", { onClick: () => x("csv"), children: "CSV" }),
+              /* @__PURE__ */ e("button", { onClick: () => x("json"), children: "JSON" }),
+              /* @__PURE__ */ e("button", { onClick: () => x("pdf"), children: "PDF" })
+            ] })
+          ] })
+        ] })
+      ] }),
+      O && /* @__PURE__ */ c("div", { className: "nice-accesslog-stats", children: [
+        /* @__PURE__ */ c("div", { className: "nice-accesslog-stat", children: [
+          /* @__PURE__ */ e("span", { className: "nice-accesslog-stat-value", children: F.totalEvents }),
+          /* @__PURE__ */ e("span", { className: "nice-accesslog-stat-label", children: "Total Events" })
+        ] }),
+        /* @__PURE__ */ c("div", { className: "nice-accesslog-stat nice-accesslog-stat--success", children: [
+          /* @__PURE__ */ e("span", { className: "nice-accesslog-stat-value", children: F.successfulLogins }),
+          /* @__PURE__ */ e("span", { className: "nice-accesslog-stat-label", children: "Successful" })
+        ] }),
+        /* @__PURE__ */ c("div", { className: "nice-accesslog-stat nice-accesslog-stat--failed", children: [
+          /* @__PURE__ */ e("span", { className: "nice-accesslog-stat-value", children: F.failedLogins }),
+          /* @__PURE__ */ e("span", { className: "nice-accesslog-stat-label", children: "Failed" })
+        ] }),
+        /* @__PURE__ */ c("div", { className: "nice-accesslog-stat", children: [
+          /* @__PURE__ */ e("span", { className: "nice-accesslog-stat-value", children: F.uniqueIPs }),
+          /* @__PURE__ */ e("span", { className: "nice-accesslog-stat-label", children: "Unique IPs" })
+        ] }),
+        /* @__PURE__ */ c("div", { className: "nice-accesslog-stat", children: [
+          /* @__PURE__ */ e("span", { className: "nice-accesslog-stat-value", children: F.uniqueCountries }),
+          /* @__PURE__ */ e("span", { className: "nice-accesslog-stat-label", children: "Countries" })
+        ] }),
+        /* @__PURE__ */ c("div", { className: "nice-accesslog-stat nice-accesslog-stat--warning", children: [
+          /* @__PURE__ */ e("span", { className: "nice-accesslog-stat-value", children: F.highRiskEvents }),
+          /* @__PURE__ */ e("span", { className: "nice-accesslog-stat-label", children: "High Risk" })
+        ] })
+      ] }),
+      /* @__PURE__ */ c("div", { className: "nice-accesslog-filters", children: [
+        /* @__PURE__ */ c("div", { className: "nice-accesslog-filters-row", children: [
+          /* @__PURE__ */ c("div", { className: "nice-accesslog-search", children: [
+            /* @__PURE__ */ e("span", { className: "nice-accesslog-search-icon", children: "🔍" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "text",
+                placeholder: g.search,
+                value: k.searchQuery || "",
+                onChange: (d) => y({ searchQuery: d.target.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ c("div", { className: "nice-accesslog-filter-quick", children: [
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: `nice-accesslog-filter-chip ${k.failedOnly ? "nice-accesslog-filter-chip--active" : ""}`,
+                onClick: () => y({ failedOnly: !k.failedOnly, successOnly: !1 }),
+                children: "Failed Only"
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: `nice-accesslog-filter-chip ${(ie = k.riskLevels) != null && ie.includes("high") || (ce = k.riskLevels) != null && ce.includes("critical") ? "nice-accesslog-filter-chip--active" : ""}`,
+                onClick: () => {
+                  var d;
+                  return y({
+                    riskLevels: (d = k.riskLevels) != null && d.includes("high") ? [] : ["high", "critical"]
+                  });
+                },
+                children: "High Risk"
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "nice-accesslog-filter-toggle",
+                onClick: () => K(!j),
+                children: j ? "− Less" : "+ More"
+              }
+            )
+          ] })
+        ] }),
+        j && /* @__PURE__ */ c("div", { className: "nice-accesslog-filters-expanded", children: [
+          /* @__PURE__ */ c("div", { className: "nice-accesslog-filter-group", children: [
+            /* @__PURE__ */ e("label", { children: "Event Type" }),
+            /* @__PURE__ */ e(
+              "select",
+              {
+                multiple: !0,
+                value: k.eventTypes || [],
+                onChange: (d) => {
+                  const p = Array.from(
+                    d.target.selectedOptions,
+                    (A) => A.value
+                  );
+                  y({ eventTypes: p.length ? p : void 0 });
+                },
+                children: Object.entries(g.eventTypes).map(([d, p]) => /* @__PURE__ */ e("option", { value: d, children: p }, d))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ c("div", { className: "nice-accesslog-filter-group", children: [
+            /* @__PURE__ */ e("label", { children: "Date Range" }),
+            /* @__PURE__ */ c("div", { className: "nice-accesslog-date-range", children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "date",
+                  value: k.startDate ? new Date(k.startDate).toISOString().split("T")[0] : "",
+                  onChange: (d) => y({ startDate: d.target.value || void 0 })
+                }
+              ),
+              /* @__PURE__ */ e("span", { children: "to" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "date",
+                  value: k.endDate ? new Date(k.endDate).toISOString().split("T")[0] : "",
+                  onChange: (d) => y({ endDate: d.target.value || void 0 })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ c("div", { className: "nice-accesslog-filter-group", children: [
+            /* @__PURE__ */ e("label", { children: "IP Address" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "text",
+                placeholder: "e.g., 192.168",
+                value: k.ipAddress || "",
+                onChange: (d) => y({ ipAddress: d.target.value || void 0 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("button", { type: "button", className: "nice-accesslog-clear-filters", onClick: u, children: "Clear All Filters" })
+        ] })
+      ] }),
+      /* @__PURE__ */ c("div", { className: "nice-accesslog-tabs", children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `nice-accesslog-tab ${f === "table" ? "nice-accesslog-tab--active" : ""}`,
+            onClick: () => R("table"),
+            children: "📊 Table"
+          }
+        ),
+        /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            className: `nice-accesslog-tab ${f === "timeline" ? "nice-accesslog-tab--active" : ""}`,
+            onClick: () => R("timeline"),
+            children: [
+              "📅 ",
+              g.timeline
+            ]
+          }
+        ),
+        m && /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            className: `nice-accesslog-tab ${f === "map" ? "nice-accesslog-tab--active" : ""}`,
+            onClick: () => R("map"),
+            children: [
+              "🗺️ ",
+              g.map
+            ]
+          }
+        ),
+        /* @__PURE__ */ c("span", { className: "nice-accesslog-count", children: [
+          L.length,
+          " entries"
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "nice-accesslog-content", children: U ? /* @__PURE__ */ c("div", { className: "nice-accesslog-loading", children: [
+        /* @__PURE__ */ e("div", { className: "nice-accesslog-spinner" }),
+        "Loading access logs..."
+      ] }) : L.length === 0 ? /* @__PURE__ */ c("div", { className: "nice-accesslog-empty", children: [
+        /* @__PURE__ */ e("span", { className: "nice-accesslog-empty-icon", children: "🔐" }),
+        /* @__PURE__ */ e("span", { children: g.noResults })
+      ] }) : /* @__PURE__ */ c(re, { children: [
+        f === "table" && /* @__PURE__ */ e("div", { className: "nice-accesslog-table-wrapper", children: /* @__PURE__ */ c("table", { className: "nice-accesslog-table", children: [
+          /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ c("tr", { children: [
+            /* @__PURE__ */ e("th", { children: g.columns.timestamp }),
+            /* @__PURE__ */ e("th", { children: g.columns.user }),
+            /* @__PURE__ */ e("th", { children: g.columns.event }),
+            /* @__PURE__ */ e("th", { children: g.columns.ip }),
+            /* @__PURE__ */ e("th", { children: g.columns.location }),
+            /* @__PURE__ */ e("th", { children: g.columns.device }),
+            /* @__PURE__ */ e("th", { children: g.columns.risk }),
+            /* @__PURE__ */ e("th", { children: g.columns.status })
+          ] }) }),
+          /* @__PURE__ */ e("tbody", { children: Z.map(ee) })
+        ] }) }),
+        f === "timeline" && /* @__PURE__ */ e("div", { className: "nice-accesslog-timeline", children: Z.map(ne) }),
+        f === "map" && /* @__PURE__ */ e("div", { className: "nice-accesslog-map", children: /* @__PURE__ */ e("div", { className: "nice-accesslog-map-placeholder", children: "🗺️ Geographic visualization would render here" }) }),
+        E < L.length && /* @__PURE__ */ c("button", { type: "button", className: "nice-accesslog-show-more", onClick: T, children: [
+          g.showMore,
+          " (",
+          L.length - E,
+          " remaining)"
+        ] })
+      ] }) }),
+      G && b && /* @__PURE__ */ c("div", { className: "nice-accesslog-detail", children: [
+        /* @__PURE__ */ c("div", { className: "nice-accesslog-detail-header", children: [
+          /* @__PURE__ */ e("h3", { children: g.details }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "nice-accesslog-detail-close",
+              onClick: () => M(null),
+              children: "✕"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ c("div", { className: "nice-accesslog-detail-content", children: [
+          /* @__PURE__ */ c("div", { className: "nice-accesslog-detail-row", children: [
+            /* @__PURE__ */ e("span", { className: "nice-accesslog-detail-label", children: "Event ID" }),
+            /* @__PURE__ */ e("span", { className: "nice-accesslog-detail-value", children: b.id })
+          ] }),
+          /* @__PURE__ */ c("div", { className: "nice-accesslog-detail-row", children: [
+            /* @__PURE__ */ e("span", { className: "nice-accesslog-detail-label", children: "Timestamp" }),
+            /* @__PURE__ */ e("span", { className: "nice-accesslog-detail-value", children: new Date(b.timestamp).toISOString() })
+          ] }),
+          /* @__PURE__ */ c("div", { className: "nice-accesslog-detail-row", children: [
+            /* @__PURE__ */ e("span", { className: "nice-accesslog-detail-label", children: "User" }),
+            /* @__PURE__ */ c("span", { className: "nice-accesslog-detail-value", children: [
+              b.userName,
+              " (",
+              b.userId,
+              ")",
+              b.userEmail && /* @__PURE__ */ e("div", { children: b.userEmail })
+            ] })
+          ] }),
+          /* @__PURE__ */ c("div", { className: "nice-accesslog-detail-row", children: [
+            /* @__PURE__ */ e("span", { className: "nice-accesslog-detail-label", children: "Event Type" }),
+            /* @__PURE__ */ c("span", { className: "nice-accesslog-detail-value", children: [
+              ke[b.eventType],
+              " ",
+              g.eventTypes[b.eventType]
+            ] })
+          ] }),
+          /* @__PURE__ */ c("div", { className: "nice-accesslog-detail-row", children: [
+            /* @__PURE__ */ e("span", { className: "nice-accesslog-detail-label", children: "IP Address" }),
+            /* @__PURE__ */ e("span", { className: "nice-accesslog-detail-value", children: b.ipAddress })
+          ] }),
+          b.location && /* @__PURE__ */ c("div", { className: "nice-accesslog-detail-row", children: [
+            /* @__PURE__ */ e("span", { className: "nice-accesslog-detail-label", children: "Location" }),
+            /* @__PURE__ */ c("span", { className: "nice-accesslog-detail-value", children: [
+              b.location.city,
+              ", ",
+              b.location.region,
+              ",",
+              " ",
+              b.location.country,
+              b.location.latitude && b.location.longitude && /* @__PURE__ */ c("div", { className: "nice-accesslog-coords", children: [
+                "(",
+                b.location.latitude,
+                ", ",
+                b.location.longitude,
+                ")"
+              ] })
+            ] })
+          ] }),
+          b.device && /* @__PURE__ */ c("div", { className: "nice-accesslog-detail-row", children: [
+            /* @__PURE__ */ e("span", { className: "nice-accesslog-detail-label", children: "Device" }),
+            /* @__PURE__ */ c("span", { className: "nice-accesslog-detail-value", children: [
+              Ie[b.device.type],
+              " ",
+              b.device.os,
+              " ",
+              b.device.osVersion,
+              /* @__PURE__ */ c("div", { children: [
+                b.device.browser,
+                " ",
+                b.device.browserVersion
+              ] }),
+              b.device.fingerprint && /* @__PURE__ */ c("div", { className: "nice-accesslog-fingerprint", children: [
+                "Fingerprint: ",
+                b.device.fingerprint
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ c("div", { className: "nice-accesslog-detail-row", children: [
+            /* @__PURE__ */ e("span", { className: "nice-accesslog-detail-label", children: "Risk Score" }),
+            /* @__PURE__ */ e("span", { className: "nice-accesslog-detail-value", children: /* @__PURE__ */ c("span", { style: { color: Ae(b.riskScore) }, children: [
+              b.riskScore,
+              "/100 (",
+              g.riskLevels[b.riskLevel],
+              ")"
+            ] }) })
+          ] }),
+          b.flags && b.flags.length > 0 && /* @__PURE__ */ c("div", { className: "nice-accesslog-detail-row", children: [
+            /* @__PURE__ */ e("span", { className: "nice-accesslog-detail-label", children: "Flags" }),
+            /* @__PURE__ */ e("span", { className: "nice-accesslog-detail-value", children: b.flags.map((d, p) => /* @__PURE__ */ e("span", { className: "nice-accesslog-flag-badge", children: d }, p)) })
+          ] }),
+          b.details && Object.keys(b.details).length > 0 && /* @__PURE__ */ c("div", { className: "nice-accesslog-detail-row", children: [
+            /* @__PURE__ */ e("span", { className: "nice-accesslog-detail-label", children: "Additional Details" }),
+            /* @__PURE__ */ e("pre", { className: "nice-accesslog-detail-json", children: JSON.stringify(b.details, null, 2) })
+          ] })
+        ] })
+      ] })
+    ] });
+  }
+);
+yc.displayName = "NiceAccessLog";
+export {
+  yc as NiceAccessLog,
+  Ke as NiceAuditTrail,
+  ic as NiceContractEditor,
+  ze as NiceDataExportCenter,
+  sc as NiceGDPRConsent,
+  uc as NiceGlobalSearch,
+  gc as NiceInvoiceDesigner
+};