@nice2dev/ui-erp 1.0.11 → 1.0.12

package/dist/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
+const React = require("react");
 const DEFAULT_VIEW_CONFIG$1 = {
   timeUnit: "day",
   showUtilization: true,
@@ -31,15 +31,15 @@ const NiceResourceAllocation = ({
 }) => {
   var _a, _b;
   const config = { ...DEFAULT_VIEW_CONFIG$1, ...externalConfig };
-  const [selectedAllocation, setSelectedAllocation] = react.useState(null);
-  const [hoveredCell, setHoveredCell] = react.useState(null);
-  const [timeUnit, setTimeUnit] = react.useState(config.timeUnit);
-  const [expandedResources, setExpandedResources] = react.useState(
+  const [selectedAllocation, setSelectedAllocation] = React.useState(null);
+  const [hoveredCell, setHoveredCell] = React.useState(null);
+  const [timeUnit, setTimeUnit] = React.useState(config.timeUnit);
+  const [expandedResources, setExpandedResources] = React.useState(
     new Set(resources.map((r) => r.id))
   );
-  const [showAllocationModal, setShowAllocationModal] = react.useState(false);
-  const [newAllocation, setNewAllocation] = react.useState({});
-  const timePeriods = react.useMemo(() => {
+  const [showAllocationModal, setShowAllocationModal] = React.useState(false);
+  const [newAllocation, setNewAllocation] = React.useState({});
+  const timePeriods = React.useMemo(() => {
     const periods = [];
     const increment = TIME_INCREMENTS[timeUnit];
     let current = new Date(dateRange.start);
@@ -49,7 +49,7 @@ const NiceResourceAllocation = ({
     }
     return periods;
   }, [dateRange.start, dateRange.end, timeUnit]);
-  const utilizationMap = react.useMemo(() => {
+  const utilizationMap = React.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     resources.forEach((resource) => {
       const resourceMap = /* @__PURE__ */ new Map();
@@ -80,7 +80,7 @@ const NiceResourceAllocation = ({
     });
     return map;
   }, [resources, allocations, timePeriods, timeUnit]);
-  const conflicts = react.useMemo(() => {
+  const conflicts = React.useMemo(() => {
     const conflictList = [];
     utilizationMap.forEach((resourceMap, resourceId) => {
       const resource = resources.find((r) => r.id === resourceId);
@@ -108,7 +108,7 @@ const NiceResourceAllocation = ({
     });
     return conflictList;
   }, [utilizationMap, allocations, resources, timeUnit]);
-  const getCellAllocations = react.useCallback(
+  const getCellAllocations = React.useCallback(
     (resourceId, date) => {
       const periodStart = date.getTime();
       const periodEnd = periodStart + TIME_INCREMENTS[timeUnit];
@@ -130,13 +130,13 @@ const NiceResourceAllocation = ({
       return "transparent";
     }
     if (util.overallocated) {
-      return "rgba(239, 68, 68, 0.4)";
+      return "var(--nice-danger-tint-40, rgba(239, 68, 68, 0.4))";
     }
     if (util.utilizationPercent >= config.utilizationThreshold) {
-      return "rgba(245, 158, 11, 0.3)";
+      return "var(--nice-warning-tint-30, rgba(245, 158, 11, 0.3))";
     }
     if (util.utilizationPercent > 0) {
-      return "rgba(34, 197, 94, 0.2)";
+      return "var(--nice-success-tint-20, rgba(34, 197, 94, 0.2))";
     }
     return "transparent";
   };
@@ -237,11 +237,11 @@ const NiceResourceAllocation = ({
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "allocation__legend", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "legend-item", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "legend-color", style: { backgroundColor: "rgba(34, 197, 94, 0.2)" } }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "legend-color", style: { backgroundColor: "var(--nice-success-tint-20, rgba(34, 197, 94, 0.2))" } }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Allocated" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "legend-item", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "legend-color", style: { backgroundColor: "rgba(245, 158, 11, 0.3)" } }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "legend-color", style: { backgroundColor: "var(--nice-warning-tint-30, rgba(245, 158, 11, 0.3))" } }),
         /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
           "High Utilization (",
           ">",
@@ -251,7 +251,7 @@ const NiceResourceAllocation = ({
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "legend-item", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "legend-color", style: { backgroundColor: "rgba(239, 68, 68, 0.4)" } }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "legend-color", style: { backgroundColor: "var(--nice-danger-tint-40, rgba(239, 68, 68, 0.4))" } }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Overallocated" })
       ] })
     ] }),
@@ -482,21 +482,21 @@ const NiceInventoryManager = ({
 }) => {
   var _a, _b;
   const config = { ...DEFAULT_VIEW_CONFIG, ...externalConfig };
-  const [filters, setFilters] = react.useState({});
-  const [view, setView] = react.useState(config.view);
-  const [sortBy, setSortBy] = react.useState(config.sortBy);
-  const [sortOrder, setSortOrder] = react.useState(config.sortOrder);
-  const [page, setPage] = react.useState(1);
-  const [selectedItems, setSelectedItems] = react.useState(/* @__PURE__ */ new Set());
-  const [showItemModal, setShowItemModal] = react.useState(false);
-  const [showTransactionModal, setShowTransactionModal] = react.useState(false);
-  const [editingItem, setEditingItem] = react.useState(null);
-  const [newTransaction, setNewTransaction] = react.useState({});
-  const [activeTab, setActiveTab] = react.useState("inventory");
-  const categories = react.useMemo(() => {
+  const [filters, setFilters] = React.useState({});
+  const [view, setView] = React.useState(config.view);
+  const [sortBy, setSortBy] = React.useState(config.sortBy);
+  const [sortOrder, setSortOrder] = React.useState(config.sortOrder);
+  const [page, setPage] = React.useState(1);
+  const [selectedItems, setSelectedItems] = React.useState(/* @__PURE__ */ new Set());
+  const [showItemModal, setShowItemModal] = React.useState(false);
+  const [showTransactionModal, setShowTransactionModal] = React.useState(false);
+  const [editingItem, setEditingItem] = React.useState(null);
+  const [newTransaction, setNewTransaction] = React.useState({});
+  const [activeTab, setActiveTab] = React.useState("inventory");
+  const categories = React.useMemo(() => {
     return Array.from(new Set(items.map((item) => item.category))).sort();
   }, [items]);
-  const filteredItems = react.useMemo(() => {
+  const filteredItems = React.useMemo(() => {
     var _a2, _b2;
     let result = [...items];
     if (filters.searchQuery) {
@@ -541,18 +541,18 @@ const NiceInventoryManager = ({
     });
     return result;
   }, [items, filters, sortBy, sortOrder]);
-  const paginatedItems = react.useMemo(() => {
+  const paginatedItems = React.useMemo(() => {
     const start = (page - 1) * config.pageSize;
     return filteredItems.slice(start, start + config.pageSize);
   }, [filteredItems, page, config.pageSize]);
   const totalPages = Math.ceil(filteredItems.length / config.pageSize);
-  const reorderItems = react.useMemo(() => {
+  const reorderItems = React.useMemo(() => {
     return items.filter((item) => item.quantity <= item.reorderLevel);
   }, [items]);
-  const recentTransactions = react.useMemo(() => {
+  const recentTransactions = React.useMemo(() => {
     return [...transactions].sort((a, b) => b.date.getTime() - a.date.getTime()).slice(0, 50);
   }, [transactions]);
-  const kanbanGroups = react.useMemo(() => {
+  const kanbanGroups = React.useMemo(() => {
     if (view !== "kanban") {
       return null;
     }
@@ -574,17 +574,17 @@ const NiceInventoryManager = ({
   const getStatusColor = (status) => {
     switch (status) {
       case "in-stock":
-        return "#22c55e";
+        return "var(--nice-success, #22c55e)";
       case "low-stock":
-        return "#f59e0b";
+        return "var(--nice-warning, #f59e0b)";
       case "out-of-stock":
-        return "#ef4444";
+        return "var(--nice-danger, #ef4444)";
       case "on-order":
-        return "#3b82f6";
+        return "var(--nice-primary, #3b82f6)";
       case "discontinued":
-        return "#6b7280";
+        return "var(--nice-text-secondary, #6b7280)";
       default:
-        return "#6b7280";
+        return "var(--nice-text-secondary, #6b7280)";
     }
   };
   const getTransactionIcon = (type) => {
@@ -1266,6 +1266,739 @@ const NiceInventoryManager = ({
     ] }) })
   ] });
 };
+const STATUS_COLOR = {
+  draft: "var(--nice-color-muted, #6b7280)",
+  issued: "var(--nice-color-info, #2563eb)",
+  sent: "var(--nice-color-info, #2563eb)",
+  paid: "var(--nice-color-success, #16a34a)",
+  "partially-paid": "var(--nice-color-warning, #ca8a04)",
+  overdue: "var(--nice-color-danger, #dc2626)",
+  cancelled: "var(--nice-color-muted, #6b7280)"
+};
+function lineNet(line) {
+  const gross = line.quantity * line.unitPrice.amount;
+  const discounted = line.discount ? gross * (1 - line.discount) : gross;
+  return Math.round(discounted);
+}
+function lineVat(line) {
+  return Math.round(lineNet(line) * line.vatRate);
+}
+function fmtMoney$1(amount, currency, locale) {
+  const code = typeof currency === "string" ? currency : currency.code;
+  const decimals = typeof currency === "string" ? 2 : currency.decimalPlaces ?? 2;
+  return new Intl.NumberFormat(locale, { style: "currency", currency: code }).format(amount / Math.pow(10, decimals));
+}
+function fmtDate$1(d, locale) {
+  const dt = d instanceof Date ? d : new Date(d);
+  return new Intl.DateTimeFormat(locale, { dateStyle: "medium" }).format(dt);
+}
+const NiceInvoiceView = React.forwardRef(
+  function NiceInvoiceView2({ invoice, locale, currency, hideSections, labels, onAction, showActions = false, density = "comfortable", className, style, id }, ref) {
+    var _a;
+    const cur = currency ?? invoice.currency ?? ((_a = invoice.lines[0]) == null ? void 0 : _a.unitPrice.currency) ?? "EUR";
+    const L = {
+      invoiceNumber: "Invoice",
+      issueDate: "Issue date",
+      dueDate: "Due date",
+      seller: "Seller",
+      buyer: "Buyer",
+      description: "Description",
+      qty: "Qty",
+      unitPrice: "Unit price",
+      vat: "VAT",
+      net: "Net",
+      gross: "Gross",
+      subtotal: "Subtotal",
+      vatTotal: "VAT total",
+      total: "Total",
+      vatBreakdown: "VAT breakdown",
+      timeline: "History",
+      notes: "Notes",
+      vatId: "VAT ID",
+      ...labels
+    };
+    const totals = React.useMemo(() => {
+      let net = 0;
+      let vat = 0;
+      const byRate = /* @__PURE__ */ new Map();
+      for (const ln of invoice.lines) {
+        const n = lineNet(ln);
+        const v = lineVat(ln);
+        net += n;
+        vat += v;
+        const cell = byRate.get(ln.vatRate) ?? { net: 0, vat: 0 };
+        cell.net += n;
+        cell.vat += v;
+        byRate.set(ln.vatRate, cell);
+      }
+      return { net, vat, gross: net + vat, byRate };
+    }, [invoice.lines]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "article",
+      {
+        ref,
+        id,
+        className: `nice-invoice-view nice-invoice-view--${density} ${className ?? ""}`,
+        style,
+        "aria-label": `${L.invoiceNumber} ${invoice.invoiceNumber}`,
+        children: [
+          !(hideSections == null ? void 0 : hideSections.header) && /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "nice-invoice-view__header", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-invoice-view__title", children: [
+                L.invoiceNumber,
+                " ",
+                /* @__PURE__ */ jsxRuntime.jsx("strong", { children: invoice.invoiceNumber })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-invoice-view__dates", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  L.issueDate,
+                  ": ",
+                  fmtDate$1(invoice.issueDate, locale)
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  L.dueDate,
+                  ": ",
+                  fmtDate$1(invoice.dueDate, locale)
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-invoice-view__status", style: { color: STATUS_COLOR[invoice.status] }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, children: "●" }),
+              " ",
+              invoice.status
+            ] }),
+            showActions && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-invoice-view__actions", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => onAction == null ? void 0 : onAction("download"), children: "↓" }),
+              /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => onAction == null ? void 0 : onAction("print"), children: "⎙" }),
+              /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => onAction == null ? void 0 : onAction("send"), children: "✉" })
+            ] })
+          ] }),
+          !(hideSections == null ? void 0 : hideSections.header) && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "nice-invoice-view__parties", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h4", { children: L.seller }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { children: invoice.seller.name }),
+              invoice.seller.vatId && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                L.vatId,
+                ": ",
+                invoice.seller.vatId
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h4", { children: L.buyer }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { children: invoice.buyer.name }),
+              invoice.buyer.vatId && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                L.vatId,
+                ": ",
+                invoice.buyer.vatId
+              ] })
+            ] })
+          ] }),
+          !(hideSections == null ? void 0 : hideSections.lines) && /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "nice-invoice-view__lines", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("th", { children: L.description }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.qty }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.unitPrice }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.vat }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.net }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.gross })
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: invoice.lines.map((ln) => {
+              const n = lineNet(ln);
+              const v = lineVat(ln);
+              return /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("td", { children: ln.description }),
+                /* @__PURE__ */ jsxRuntime.jsxs("td", { className: "nice-num", children: [
+                  ln.quantity,
+                  ln.unit ? ` ${ln.unit}` : ""
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: fmtMoney$1(ln.unitPrice.amount, cur, locale) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("td", { className: "nice-num", children: [
+                  (ln.vatRate * 100).toFixed(0),
+                  "%"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: fmtMoney$1(n, cur, locale) }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: fmtMoney$1(n + v, cur, locale) })
+              ] }, ln.id);
+            }) })
+          ] }),
+          !(hideSections == null ? void 0 : hideSections.vat) && totals.byRate.size > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "nice-invoice-view__vat", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h4", { children: L.vatBreakdown }),
+            /* @__PURE__ */ jsxRuntime.jsxs("table", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("th", { children: L.vat }),
+                /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.net }),
+                /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.vat }),
+                /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.gross })
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: [...totals.byRate.entries()].sort((a, b) => b[0] - a[0]).map(([rate, c]) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("td", { children: [
+                  (rate * 100).toFixed(0),
+                  "%"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: fmtMoney$1(c.net, cur, locale) }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: fmtMoney$1(c.vat, cur, locale) }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: fmtMoney$1(c.net + c.vat, cur, locale) })
+              ] }, rate)) })
+            ] })
+          ] }),
+          !(hideSections == null ? void 0 : hideSections.totals) && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "nice-invoice-view__totals", "aria-label": L.total, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: L.subtotal }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: fmtMoney$1(totals.net, cur, locale) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: L.vatTotal }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: fmtMoney$1(totals.vat, cur, locale) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-invoice-view__grand", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: L.total }),
+              /* @__PURE__ */ jsxRuntime.jsx("strong", { children: fmtMoney$1(totals.gross, cur, locale) })
+            ] })
+          ] }),
+          !(hideSections == null ? void 0 : hideSections.timeline) && invoice.history && invoice.history.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "nice-invoice-view__timeline", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h4", { children: L.timeline }),
+            /* @__PURE__ */ jsxRuntime.jsx("ol", { children: invoice.history.map((h, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-invoice-view__t-date", children: fmtDate$1(h.at, locale) }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-invoice-view__t-status", style: { color: STATUS_COLOR[h.status] }, children: h.status }),
+              h.note && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "nice-invoice-view__t-note", children: [
+                " — ",
+                h.note
+              ] })
+            ] }, i)) })
+          ] }),
+          !(hideSections == null ? void 0 : hideSections.notes) && invoice.notes && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "nice-invoice-view__notes", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h4", { children: L.notes }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { children: invoice.notes })
+          ] })
+        ]
+      }
+    );
+  }
+);
+function colorFor(occ, colors) {
+  if (occ <= 0.01) return colors.low;
+  if (occ < 0.5) return colors.low;
+  if (occ < 0.85) return colors.mid;
+  return colors.high;
+}
+const NiceWarehouseView = React.forwardRef(
+  function NiceWarehouseView2({ warehouseName, cells, colors = { low: "#dcfce7", mid: "#fde68a", high: "#fecaca" }, onCellClick, showLegend = true, cellSize = 48, aisleEvery = 4, className, style, id }, ref) {
+    const [hovered, setHovered] = React.useState(null);
+    const grid = React.useMemo(() => {
+      const rows = /* @__PURE__ */ new Map();
+      for (const c of cells) {
+        const rowKey = c.row !== void 0 ? `r${c.row}` : c.location.rack ?? c.location.aisle ?? "0";
+        let arr = rows.get(rowKey);
+        if (!arr) {
+          arr = [];
+          rows.set(rowKey, arr);
+        }
+        arr.push(c);
+      }
+      return [...rows.entries()].map(([rowKey, arr]) => ({ rowKey, cells: arr }));
+    }, [cells]);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, id, className: `nice-warehouse-view ${className ?? ""}`, style, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "nice-warehouse-view__header", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { children: warehouseName }),
+        showLegend && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-warehouse-view__legend", "aria-label": "Occupancy legend", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { background: colors.low } }),
+          " low",
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { background: colors.mid } }),
+          " mid",
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { background: colors.high } }),
+          " high"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-warehouse-view__grid", role: "grid", "aria-label": warehouseName, children: grid.map(({ rowKey, cells: row }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-warehouse-view__row", role: "row", children: row.map((c, idx) => {
+        const key = [c.location.rack, c.location.aisle, c.location.shelf, c.location.bin].filter(Boolean).join("-") || String(idx);
+        const aisleBreak = aisleEvery > 0 && idx > 0 && idx % aisleEvery === 0;
+        return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+          aisleBreak && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-warehouse-view__aisle", "aria-hidden": true }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              role: "gridcell",
+              className: "nice-warehouse-view__cell",
+              style: {
+                width: cellSize,
+                height: cellSize,
+                background: colorFor(c.occupancy, colors)
+              },
+              title: `${key} — ${(c.occupancy * 100).toFixed(0)}% (${c.items.length} items)`,
+              onClick: () => onCellClick == null ? void 0 : onCellClick(c),
+              onMouseEnter: () => setHovered(c),
+              onMouseLeave: () => setHovered(null),
+              children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-warehouse-view__bin", children: c.location.bin ?? c.location.shelf ?? "" })
+            }
+          )
+        ] }, key);
+      }) }, rowKey)) }),
+      hovered && /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "nice-warehouse-view__details", "aria-live": "polite", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+          hovered.location.rack,
+          "/",
+          hovered.location.shelf,
+          "/",
+          hovered.location.bin
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          hovered.items.length,
+          " items · ",
+          (hovered.occupancy * 100).toFixed(0),
+          "% full"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
+          hovered.items.slice(0, 5).map((it) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+            it.sku,
+            " — ",
+            it.name
+          ] }, it.id)),
+          hovered.items.length > 5 && /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+            "…+",
+            hovered.items.length - 5
+          ] })
+        ] })
+      ] })
+    ] });
+  }
+);
+const STATUS_TINT = {
+  draft: "#6b7280",
+  "pending-approval": "#ca8a04",
+  approved: "#2563eb",
+  ordered: "#0891b2",
+  "partially-received": "#9333ea",
+  received: "#16a34a",
+  cancelled: "#dc2626"
+};
+function fmtMoney(amount, currency, locale) {
+  const code = typeof currency === "string" ? currency : currency.code;
+  const decimals = typeof currency === "string" ? 2 : currency.decimalPlaces ?? 2;
+  return new Intl.NumberFormat(locale, { style: "currency", currency: code }).format(amount / Math.pow(10, decimals));
+}
+function fmtDate(d, locale) {
+  if (!d) return "—";
+  const dt = d instanceof Date ? d : new Date(d);
+  return new Intl.DateTimeFormat(locale, { dateStyle: "medium" }).format(dt);
+}
+const NicePurchaseOrder = React.forwardRef(
+  function NicePurchaseOrder2({ orders, selectable = true, initialSelectedId, locale, labels, readOnly, onOrderApprove, onReceiveItems, onOrderUpdate, className, style, id }, ref) {
+    var _a;
+    const [selectedId, setSelectedId] = React.useState(initialSelectedId ?? ((_a = orders[0]) == null ? void 0 : _a.id));
+    const L = {
+      orderNumber: "PO #",
+      supplier: "Supplier",
+      status: "Status",
+      orderDate: "Ordered",
+      expected: "Expected",
+      total: "Total",
+      sku: "SKU",
+      name: "Item",
+      qty: "Qty",
+      received: "Recv",
+      unitPrice: "Unit",
+      lineTotal: "Subtotal",
+      notes: "Notes",
+      approve: "Approve",
+      receive: "Receive all",
+      ...labels
+    };
+    const selected = React.useMemo(
+      () => orders.find((o) => o.id === selectedId),
+      [orders, selectedId]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, id, className: `nice-purchase-order ${className ?? ""}`, style, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "nice-purchase-order__list", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("th", { children: L.orderNumber }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { children: L.supplier }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { children: L.status }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { children: L.orderDate }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { children: L.expected }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.total })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: orders.map((o) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "tr",
+          {
+            "aria-selected": o.id === selectedId,
+            className: o.id === selectedId ? "is-selected" : void 0,
+            onClick: () => selectable && setSelectedId(o.id),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("td", { children: o.orderNumber }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { children: o.supplier.name }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: STATUS_TINT[o.status] }, children: [
+                "● ",
+                o.status
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { children: fmtDate(o.orderDate, locale) }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { children: fmtDate(o.expectedDelivery, locale) }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: fmtMoney(o.total.amount, o.total.currency, locale) })
+            ]
+          },
+          o.id
+        )) })
+      ] }),
+      selectable && selected && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "nice-purchase-order__detail", "aria-label": `${L.orderNumber} ${selected.orderNumber}`, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("header", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("h3", { children: [
+            selected.orderNumber,
+            " — ",
+            selected.supplier.name
+          ] }),
+          !readOnly && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-purchase-order__actions", children: [
+            selected.status === "pending-approval" && onOrderApprove && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => onOrderApprove(selected.id), children: L.approve }),
+            (selected.status === "ordered" || selected.status === "partially-received") && onReceiveItems && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onReceiveItems(selected.id, selected.items.map((it) => ({ itemId: it.itemId, quantity: it.quantity - (it.receivedQuantity ?? 0) }))),
+                children: L.receive
+              }
+            ),
+            onOrderUpdate && selected.status === "draft" && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => onOrderUpdate({ ...selected, status: "pending-approval" }), children: "Submit" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "nice-purchase-order__items", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("th", { children: L.sku }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { children: L.name }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.qty }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.received }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.unitPrice }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.lineTotal })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: selected.items.map((it) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { children: it.sku }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { children: it.itemName }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: it.quantity }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: it.receivedQuantity ?? 0 }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: fmtMoney(it.unitPrice.amount, it.unitPrice.currency, locale) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: fmtMoney(it.lineTotal.amount, it.lineTotal.currency, locale) })
+          ] }, it.itemId)) }),
+          /* @__PURE__ */ jsxRuntime.jsx("tfoot", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 5, className: "nice-num", children: L.total }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { children: fmtMoney(selected.total.amount, selected.total.currency, locale) }) })
+          ] }) })
+        ] }),
+        selected.notes && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "nice-purchase-order__notes", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+            L.notes,
+            ":"
+          ] }),
+          " ",
+          selected.notes
+        ] })
+      ] })
+    ] });
+  }
+);
+const NiceHRDashboard = React.forwardRef(
+  function NiceHRDashboard2({ employees, labels, hideWidgets, locale, density = "comfortable", onWidgetClick, className, style, id }, ref) {
+    const L = {
+      headcount: "Headcount",
+      fte: "FTE",
+      vacationBalance: "Avg vacation balance",
+      sickLeave: "Avg sick days (YTD)",
+      departments: "Departments",
+      activeEmployees: "Active",
+      ...labels
+    };
+    const stats = React.useMemo(() => {
+      const active = employees.filter((e) => e.active !== false);
+      const fte = active.reduce((s, e) => s + (e.fte ?? 1), 0);
+      const vacationAvg = active.length === 0 ? 0 : active.reduce((s, e) => s + (e.vacationBalanceDays ?? 0), 0) / active.length;
+      const sickAvg = active.length === 0 ? 0 : active.reduce((s, e) => s + (e.sickLeaveDaysYtd ?? 0), 0) / active.length;
+      const byDepartment = /* @__PURE__ */ new Map();
+      for (const e of active) {
+        const k = e.department ?? "—";
+        byDepartment.set(k, (byDepartment.get(k) ?? 0) + 1);
+      }
+      return { headcount: employees.length, active: active.length, fte, vacationAvg, sickAvg, byDepartment };
+    }, [employees]);
+    const fmt = (n, d = 1) => n.toLocaleString(locale, { maximumFractionDigits: d });
+    const Widget = ({ kind, label, value, hint }) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        className: "nice-hr-dashboard__widget",
+        onClick: () => onWidgetClick == null ? void 0 : onWidgetClick(kind),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-hr-dashboard__label", children: label }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-hr-dashboard__value", children: value }),
+          hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nice-hr-dashboard__hint", children: hint })
+        ]
+      }
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, id, className: `nice-hr-dashboard nice-hr-dashboard--${density} ${className ?? ""}`, style, role: "group", "aria-label": "HR dashboard", children: [
+      !(hideWidgets == null ? void 0 : hideWidgets.headcount) && /* @__PURE__ */ jsxRuntime.jsx(Widget, { kind: "headcount", label: L.headcount, value: fmt(stats.headcount, 0), hint: `${L.activeEmployees}: ${fmt(stats.active, 0)}` }),
+      !(hideWidgets == null ? void 0 : hideWidgets.fte) && /* @__PURE__ */ jsxRuntime.jsx(Widget, { kind: "fte", label: L.fte, value: fmt(stats.fte, 2) }),
+      !(hideWidgets == null ? void 0 : hideWidgets.vacation) && /* @__PURE__ */ jsxRuntime.jsx(Widget, { kind: "vacation", label: L.vacationBalance, value: `${fmt(stats.vacationAvg, 1)} d` }),
+      !(hideWidgets == null ? void 0 : hideWidgets.sick) && /* @__PURE__ */ jsxRuntime.jsx(Widget, { kind: "sick", label: L.sickLeave, value: `${fmt(stats.sickAvg, 1)} d` }),
+      !(hideWidgets == null ? void 0 : hideWidgets.departments) && /* @__PURE__ */ jsxRuntime.jsx(
+        Widget,
+        {
+          kind: "departments",
+          label: L.departments,
+          value: fmt(stats.byDepartment.size, 0),
+          hint: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "nice-hr-dashboard__dept-list", children: [...stats.byDepartment.entries()].slice(0, 5).map(([d, n]) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+            d,
+            ": ",
+            n
+          ] }, d)) })
+        }
+      )
+    ] });
+  }
+);
+const wait = (ms) => new Promise((r) => setTimeout(r, ms));
+const NICE_VAT_PRESETS = {
+  PL: [
+    { code: "PL-23", rate: 0.23, label: "23%", description: "Stawka podstawowa" },
+    { code: "PL-8", rate: 0.08, label: "8%", description: "Stawka obniżona" },
+    { code: "PL-5", rate: 0.05, label: "5%", description: "Stawka obniżona" },
+    { code: "PL-0", rate: 0, label: "0%", description: "Stawka zerowa (eksport)" },
+    { code: "PL-zw", rate: 0, label: "zw.", description: "Zwolnienie" }
+  ],
+  EU: [
+    { code: "EU-21", rate: 0.21, label: "21%" },
+    { code: "EU-19", rate: 0.19, label: "19%" },
+    { code: "EU-9", rate: 0.09, label: "9%" },
+    { code: "EU-0", rate: 0, label: "0%" }
+  ],
+  UK: [
+    { code: "UK-20", rate: 0.2, label: "20%", description: "Standard" },
+    { code: "UK-5", rate: 0.05, label: "5%", description: "Reduced" },
+    { code: "UK-0", rate: 0, label: "0%", description: "Zero" }
+  ]
+};
+const DEFAULT_SEED = {
+  invoices: [],
+  purchaseOrders: [],
+  inventory: [],
+  suppliers: [],
+  employees: [],
+  resources: [],
+  vatRates: NICE_VAT_PRESETS.PL
+};
+function useMockErpApi(options = {}) {
+  const { latencyMs = 300, errorRate = 0, seed } = options;
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [data, setData] = React.useState(() => ({ ...DEFAULT_SEED, ...seed }));
+  const settledRef = React.useRef(false);
+  const refresh = React.useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    await wait(latencyMs);
+    if (Math.random() < errorRate) {
+      setError(new Error("Mock ERP API: simulated failure"));
+    } else {
+      setData((d) => ({ ...d }));
+    }
+    setLoading(false);
+  }, [latencyMs, errorRate]);
+  React.useEffect(() => {
+    if (settledRef.current) return;
+    settledRef.current = true;
+    void refresh();
+  }, [refresh]);
+  const writeWith = React.useCallback(
+    async (key, item) => {
+      await wait(latencyMs);
+      if (Math.random() < errorRate) throw new Error("Mock ERP API: write failed");
+      setData((d) => {
+        const arr = [...d[key]];
+        const idx = arr.findIndex((i) => i.id === item.id);
+        if (idx >= 0) arr[idx] = item;
+        else arr.push(item);
+        return { ...d, [key]: arr };
+      });
+    },
+    [latencyMs, errorRate]
+  );
+  return React.useMemo(
+    () => ({
+      loading,
+      error,
+      invoices: data.invoices,
+      purchaseOrders: data.purchaseOrders,
+      inventory: data.inventory,
+      suppliers: data.suppliers,
+      employees: data.employees,
+      resources: data.resources,
+      vatRates: data.vatRates,
+      refresh,
+      upsertInvoice: (i) => writeWith("invoices", i),
+      upsertPurchaseOrder: (p) => writeWith("purchaseOrders", p),
+      upsertInventory: (i) => writeWith("inventory", i)
+    }),
+    [loading, error, data, refresh, writeWith]
+  );
+}
+const NiceVatTable = React.forwardRef(
+  function NiceVatTable2({ country = "PL", rates, editable = false, onChange, onRemove, locale, labels, density = "comfortable", className, style, id }, ref) {
+    const [internal, setInternal] = React.useState(rates ?? NICE_VAT_PRESETS[country]);
+    const L = { code: "Code", rate: "Rate", label: "Label", description: "Description", add: "+ Add", remove: "Remove", ...labels };
+    const update = React.useCallback(
+      (next) => {
+        setInternal(next);
+        onChange == null ? void 0 : onChange(next);
+      },
+      [onChange]
+    );
+    const onCellEdit = (idx, key, raw) => {
+      const next = [...internal];
+      const r = { ...next[idx] };
+      if (key === "rate") {
+        const n = Number(raw.replace(",", "."));
+        if (!Number.isFinite(n)) return;
+        r.rate = n > 1 ? n / 100 : n;
+      } else if (key === "code" || key === "label" || key === "description") {
+        r[key] = raw;
+      }
+      next[idx] = r;
+      update(next);
+    };
+    const addRow = () => {
+      update([...internal, { code: `NEW-${internal.length + 1}`, rate: 0, label: "0%" }]);
+    };
+    const removeRow = (idx) => {
+      const code = internal[idx].code;
+      const next = internal.filter((_, i) => i !== idx);
+      update(next);
+      onRemove == null ? void 0 : onRemove(code);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, id, className: `nice-vat-table nice-vat-table--${density} ${className ?? ""}`, style, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("table", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("th", { children: L.code }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.rate }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { children: L.label }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { children: L.description }),
+          editable && /* @__PURE__ */ jsxRuntime.jsx("th", { "aria-label": L.remove })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: internal.map((r, idx) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("td", { children: editable ? /* @__PURE__ */ jsxRuntime.jsx("input", { value: r.code, onChange: (e) => onCellEdit(idx, "code", e.target.value) }) : r.code }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: editable ? /* @__PURE__ */ jsxRuntime.jsx("input", { type: "number", step: "0.01", min: 0, max: 1, value: r.rate, onChange: (e) => onCellEdit(idx, "rate", e.target.value) }) : `${(r.rate * 100).toLocaleString(locale, { maximumFractionDigits: 2 })}%` }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { children: editable ? /* @__PURE__ */ jsxRuntime.jsx("input", { value: r.label ?? "", onChange: (e) => onCellEdit(idx, "label", e.target.value) }) : r.label ?? "" }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { children: editable ? /* @__PURE__ */ jsxRuntime.jsx("input", { value: r.description ?? "", onChange: (e) => onCellEdit(idx, "description", e.target.value) }) : r.description ?? "" }),
+          editable && /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => removeRow(idx), "aria-label": L.remove, children: "×" }) })
+        ] }, r.code)) })
+      ] }),
+      editable && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "nice-vat-table__add", onClick: addRow, children: L.add })
+    ] });
+  }
+);
+function pad(n) {
+  return n < 10 ? `0${n}` : String(n);
+}
+function isoDate(d) {
+  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+}
+function escapeXml(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
+}
+function defaultBuildXml(opts) {
+  const { format, period, taxpayer, invoices } = opts;
+  const lines = [];
+  lines.push('<?xml version="1.0" encoding="UTF-8"?>');
+  lines.push(`<JPK xmlns="http://jpk.mf.gov.pl/wzor/2022/01/01/${format}/" formCode="${format}">`);
+  lines.push("  <Naglowek>");
+  lines.push(`    <KodFormularza>${format}</KodFormularza>`);
+  lines.push(`    <DataOd>${isoDate(period.from)}</DataOd>`);
+  lines.push(`    <DataDo>${isoDate(period.to)}</DataDo>`);
+  lines.push("  </Naglowek>");
+  lines.push("  <Podmiot1>");
+  lines.push(`    <NIP>${escapeXml(taxpayer.nip)}</NIP>`);
+  lines.push(`    <PelnaNazwa>${escapeXml(taxpayer.name)}</PelnaNazwa>`);
+  if (taxpayer.regon) lines.push(`    <REGON>${escapeXml(taxpayer.regon)}</REGON>`);
+  lines.push("  </Podmiot1>");
+  for (const inv of invoices) {
+    lines.push("  <Faktura>");
+    lines.push(`    <NumerFaktury>${escapeXml(inv.invoiceNumber)}</NumerFaktury>`);
+    lines.push(`    <DataWystawienia>${isoDate(inv.issueDate instanceof Date ? inv.issueDate : new Date(inv.issueDate))}</DataWystawienia>`);
+    lines.push(`    <NazwaNabywcy>${escapeXml(inv.buyer.name)}</NazwaNabywcy>`);
+    if (inv.buyer.vatId) lines.push(`    <NIPNabywcy>${escapeXml(inv.buyer.vatId)}</NIPNabywcy>`);
+    let net = 0;
+    let vat = 0;
+    for (const ln of inv.lines) {
+      const n = Math.round(ln.quantity * ln.unitPrice.amount * (1 - (ln.discount ?? 0)));
+      const v = Math.round(n * ln.vatRate);
+      net += n;
+      vat += v;
+    }
+    lines.push(`    <SumaNetto>${(net / 100).toFixed(2)}</SumaNetto>`);
+    lines.push(`    <SumaVAT>${(vat / 100).toFixed(2)}</SumaVAT>`);
+    lines.push(`    <SumaBrutto>${((net + vat) / 100).toFixed(2)}</SumaBrutto>`);
+    lines.push("  </Faktura>");
+  }
+  lines.push("</JPK>");
+  return lines.join("\n");
+}
+const NiceJpkExporter = React.forwardRef(
+  function NiceJpkExporter2({ invoices, taxpayer, defaultFormat = "JPK_V7M", defaultPeriod, buildXml = defaultBuildXml, onExport, filenameFor, labels, className, style, id }, ref) {
+    const today = /* @__PURE__ */ new Date();
+    const [format, setFormat] = React.useState(defaultFormat);
+    const [from, setFrom] = React.useState(isoDate((defaultPeriod == null ? void 0 : defaultPeriod.from) ?? new Date(today.getFullYear(), today.getMonth(), 1)));
+    const [to, setTo] = React.useState(isoDate((defaultPeriod == null ? void 0 : defaultPeriod.to) ?? new Date(today.getFullYear(), today.getMonth() + 1, 0)));
+    const L = { format: "Format", from: "From", to: "To", export: "Export", ...labels };
+    const exportNow = React.useCallback(() => {
+      const opts = {
+        format,
+        period: { from: new Date(from), to: new Date(to) },
+        taxpayer,
+        invoices
+      };
+      const xml = buildXml(opts);
+      const blob = new Blob([xml], { type: "application/xml" });
+      const filename = (filenameFor == null ? void 0 : filenameFor(opts)) ?? `${format}_${from}_${to}.xml`;
+      onExport == null ? void 0 : onExport(xml, blob, opts);
+      if (typeof window !== "undefined" && typeof URL.createObjectURL === "function") {
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement("a");
+        a.href = url;
+        a.download = filename;
+        document.body.appendChild(a);
+        a.click();
+        a.remove();
+        URL.revokeObjectURL(url);
+      }
+    }, [format, from, to, taxpayer, invoices, buildXml, onExport, filenameFor]);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, id, className: `nice-jpk-exporter ${className ?? ""}`, style, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+        L.format,
+        /* @__PURE__ */ jsxRuntime.jsxs("select", { value: format, onChange: (e) => setFormat(e.target.value), children: [
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "JPK_V7M", children: "JPK_V7M" }),
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "JPK_V7K", children: "JPK_V7K" }),
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "JPK_FA", children: "JPK_FA" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+        L.from,
+        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "date", value: from, onChange: (e) => setFrom(e.target.value) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+        L.to,
+        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "date", value: to, onChange: (e) => setTo(e.target.value) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: exportNow, children: L.export }),
+      /* @__PURE__ */ jsxRuntime.jsxs("small", { children: [
+        invoices.length,
+        " invoices ready"
+      ] })
+    ] });
+  }
+);
+exports.NICE_VAT_PRESETS = NICE_VAT_PRESETS;
+exports.NiceHRDashboard = NiceHRDashboard;
 exports.NiceInventoryManager = NiceInventoryManager;
+exports.NiceInvoiceView = NiceInvoiceView;
+exports.NiceJpkExporter = NiceJpkExporter;
+exports.NicePurchaseOrder = NicePurchaseOrder;
 exports.NiceResourceAllocation = NiceResourceAllocation;
+exports.NiceVatTable = NiceVatTable;
+exports.NiceWarehouseView = NiceWarehouseView;
+exports.buildJpkXml = defaultBuildXml;
+exports.useMockErpApi = useMockErpApi;
 //# sourceMappingURL=index.cjs.map