@nice2dev/ui-erp 1.0.10

package/dist/index.mjs

@@ -0,0 +1,1271 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState, useMemo, useCallback } from "react";
+const DEFAULT_VIEW_CONFIG$1 = {
+  timeUnit: "day",
+  showUtilization: true,
+  showConflicts: true,
+  groupBy: "resource",
+  utilizationThreshold: 80
+};
+const TIME_INCREMENTS = {
+  hour: 60 * 60 * 1e3,
+  day: 24 * 60 * 60 * 1e3,
+  week: 7 * 24 * 60 * 60 * 1e3,
+  month: 30 * 24 * 60 * 60 * 1e3,
+  quarter: 90 * 24 * 60 * 60 * 1e3,
+  year: 365 * 24 * 60 * 60 * 1e3
+};
+const NiceResourceAllocation = ({
+  resources,
+  allocations,
+  dateRange,
+  viewConfig: externalConfig,
+  onAllocationCreate,
+  onAllocationUpdate,
+  onAllocationDelete,
+  onResourceClick,
+  readOnly = false,
+  className = ""
+}) => {
+  var _a, _b;
+  const config = { ...DEFAULT_VIEW_CONFIG$1, ...externalConfig };
+  const [selectedAllocation, setSelectedAllocation] = useState(null);
+  const [hoveredCell, setHoveredCell] = useState(null);
+  const [timeUnit, setTimeUnit] = useState(config.timeUnit);
+  const [expandedResources, setExpandedResources] = useState(
+    new Set(resources.map((r) => r.id))
+  );
+  const [showAllocationModal, setShowAllocationModal] = useState(false);
+  const [newAllocation, setNewAllocation] = useState({});
+  const timePeriods = useMemo(() => {
+    const periods = [];
+    const increment = TIME_INCREMENTS[timeUnit];
+    let current = new Date(dateRange.start);
+    while (current <= dateRange.end) {
+      periods.push(new Date(current));
+      current = new Date(current.getTime() + increment);
+    }
+    return periods;
+  }, [dateRange.start, dateRange.end, timeUnit]);
+  const utilizationMap = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    resources.forEach((resource) => {
+      const resourceMap = /* @__PURE__ */ new Map();
+      timePeriods.forEach((period) => {
+        const periodStart = period.getTime();
+        const periodEnd = periodStart + TIME_INCREMENTS[timeUnit];
+        const periodAllocations = allocations.filter((a) => {
+          if (a.resourceId !== resource.id) {
+            return false;
+          }
+          const allocStart = a.start.getTime();
+          const allocEnd = a.end.getTime();
+          return allocStart < periodEnd && allocEnd > periodStart;
+        });
+        const allocatedHours = periodAllocations.reduce((sum, a) => sum + a.hoursPerDay, 0);
+        const availableHours = resource.maxCapacity;
+        const utilizationPercent = availableHours > 0 ? allocatedHours / availableHours * 100 : 0;
+        resourceMap.set(periodStart, {
+          resourceId: resource.id,
+          period: { start: period, end: new Date(periodEnd) },
+          allocatedHours,
+          availableHours,
+          utilizationPercent,
+          overallocated: utilizationPercent > 100
+        });
+      });
+      map.set(resource.id, resourceMap);
+    });
+    return map;
+  }, [resources, allocations, timePeriods, timeUnit]);
+  const conflicts = useMemo(() => {
+    const conflictList = [];
+    utilizationMap.forEach((resourceMap, resourceId) => {
+      const resource = resources.find((r) => r.id === resourceId);
+      resourceMap.forEach((util, periodStart) => {
+        if (util.overallocated) {
+          const period = new Date(periodStart);
+          const periodEnd = periodStart + TIME_INCREMENTS[timeUnit];
+          const conflictAllocations = allocations.filter((a) => {
+            if (a.resourceId !== resourceId) {
+              return false;
+            }
+            const allocStart = a.start.getTime();
+            const allocEnd = a.end.getTime();
+            return allocStart < periodEnd && allocEnd > periodStart;
+          });
+          conflictList.push({
+            resourceId,
+            date: period,
+            allocatedHours: util.allocatedHours,
+            maxCapacity: resource.maxCapacity,
+            allocations: conflictAllocations
+          });
+        }
+      });
+    });
+    return conflictList;
+  }, [utilizationMap, allocations, resources, timeUnit]);
+  const getCellAllocations = useCallback(
+    (resourceId, date) => {
+      const periodStart = date.getTime();
+      const periodEnd = periodStart + TIME_INCREMENTS[timeUnit];
+      return allocations.filter((a) => {
+        if (a.resourceId !== resourceId) {
+          return false;
+        }
+        const allocStart = a.start.getTime();
+        const allocEnd = a.end.getTime();
+        return allocStart < periodEnd && allocEnd > periodStart;
+      });
+    },
+    [allocations, timeUnit]
+  );
+  const getCellColor = (resourceId, date) => {
+    var _a2;
+    const util = (_a2 = utilizationMap.get(resourceId)) == null ? void 0 : _a2.get(date.getTime());
+    if (!util) {
+      return "transparent";
+    }
+    if (util.overallocated) {
+      return "rgba(239, 68, 68, 0.4)";
+    }
+    if (util.utilizationPercent >= config.utilizationThreshold) {
+      return "rgba(245, 158, 11, 0.3)";
+    }
+    if (util.utilizationPercent > 0) {
+      return "rgba(34, 197, 94, 0.2)";
+    }
+    return "transparent";
+  };
+  const formatDate = (date) => {
+    switch (timeUnit) {
+      case "hour":
+        return date.toLocaleTimeString([], { hour: "2-digit" });
+      case "day":
+        return date.toLocaleDateString([], { weekday: "short", day: "numeric" });
+      case "week":
+        return `W${Math.ceil(date.getDate() / 7)}`;
+      case "month":
+        return date.toLocaleDateString([], { month: "short" });
+      default:
+        return date.toLocaleDateString();
+    }
+  };
+  const handleCellClick = (resourceId, date) => {
+    var _a2;
+    if (readOnly) {
+      return;
+    }
+    setNewAllocation({
+      resourceId,
+      start: date,
+      end: new Date(date.getTime() + TIME_INCREMENTS[timeUnit]),
+      hoursPerDay: ((_a2 = resources.find((r) => r.id === resourceId)) == null ? void 0 : _a2.maxCapacity) || 8,
+      status: "tentative"
+    });
+    setShowAllocationModal(true);
+  };
+  const handleCreateAllocation = () => {
+    if (newAllocation.resourceId && newAllocation.start && newAllocation.end) {
+      onAllocationCreate == null ? void 0 : onAllocationCreate({
+        resourceId: newAllocation.resourceId,
+        start: newAllocation.start,
+        end: newAllocation.end,
+        hoursPerDay: newAllocation.hoursPerDay || 8,
+        status: newAllocation.status || "tentative",
+        notes: newAllocation.notes
+      });
+      setShowAllocationModal(false);
+      setNewAllocation({});
+    }
+  };
+  const toggleResource = (resourceId) => {
+    setExpandedResources((prev) => {
+      const next = new Set(prev);
+      if (next.has(resourceId)) {
+        next.delete(resourceId);
+      } else {
+        next.add(resourceId);
+      }
+      return next;
+    });
+  };
+  const getResourceTypeIcon = (type) => {
+    switch (type) {
+      case "human":
+        return "👤";
+      case "equipment":
+        return "🔧";
+      case "room":
+        return "🏢";
+      case "vehicle":
+        return "🚗";
+      case "material":
+        return "📦";
+      default:
+        return "📋";
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `nice-resource-allocation ${className}`, children: [
+    /* @__PURE__ */ jsxs("header", { className: "allocation__toolbar", children: [
+      /* @__PURE__ */ jsxs("div", { className: "toolbar__left", children: [
+        /* @__PURE__ */ jsx("h2", { children: "Resource Allocation" }),
+        /* @__PURE__ */ jsxs("span", { className: "date-range", children: [
+          dateRange.start.toLocaleDateString(),
+          " - ",
+          dateRange.end.toLocaleDateString()
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "toolbar__center", children: /* @__PURE__ */ jsx("div", { className: "time-unit-selector", children: ["day", "week", "month"].map((unit) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: `unit-button ${timeUnit === unit ? "unit-button--active" : ""}`,
+          onClick: () => setTimeUnit(unit),
+          children: unit.charAt(0).toUpperCase() + unit.slice(1)
+        },
+        unit
+      )) }) }),
+      /* @__PURE__ */ jsx("div", { className: "toolbar__right", children: config.showConflicts && conflicts.length > 0 && /* @__PURE__ */ jsxs("div", { className: "conflicts-badge", children: [
+        /* @__PURE__ */ jsx("span", { className: "badge-icon", children: "⚠️" }),
+        conflicts.length,
+        " Conflict",
+        conflicts.length !== 1 ? "s" : ""
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "allocation__legend", children: [
+      /* @__PURE__ */ jsxs("div", { className: "legend-item", children: [
+        /* @__PURE__ */ jsx("span", { className: "legend-color", style: { backgroundColor: "rgba(34, 197, 94, 0.2)" } }),
+        /* @__PURE__ */ jsx("span", { children: "Allocated" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "legend-item", children: [
+        /* @__PURE__ */ jsx("span", { className: "legend-color", style: { backgroundColor: "rgba(245, 158, 11, 0.3)" } }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "High Utilization (",
+          ">",
+          "=",
+          config.utilizationThreshold,
+          "%)"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "legend-item", children: [
+        /* @__PURE__ */ jsx("span", { className: "legend-color", style: { backgroundColor: "rgba(239, 68, 68, 0.4)" } }),
+        /* @__PURE__ */ jsx("span", { children: "Overallocated" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "allocation__grid", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid__header", children: [
+        /* @__PURE__ */ jsx("div", { className: "resource-header", children: "Resource" }),
+        /* @__PURE__ */ jsx("div", { className: "time-headers", children: timePeriods.map((period, idx) => /* @__PURE__ */ jsx("div", { className: "time-header", children: formatDate(period) }, idx)) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "grid__body", children: resources.map((resource) => /* @__PURE__ */ jsxs("div", { className: "resource-row", children: [
+        /* @__PURE__ */ jsxs("div", { className: "resource-cell", onClick: () => onResourceClick == null ? void 0 : onResourceClick(resource), children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "expand-button",
+              onClick: (e) => {
+                e.stopPropagation();
+                toggleResource(resource.id);
+              },
+              children: expandedResources.has(resource.id) ? "▾" : "▸"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "resource-icon", children: getResourceTypeIcon(resource.type) }),
+          /* @__PURE__ */ jsxs("div", { className: "resource-info", children: [
+            /* @__PURE__ */ jsx("span", { className: "resource-name", children: resource.name }),
+            resource.department && /* @__PURE__ */ jsx("span", { className: "resource-dept", children: resource.department })
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "resource-capacity", children: [
+            resource.maxCapacity,
+            "h/day"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "time-cells", children: timePeriods.map((period, idx) => {
+          var _a2;
+          const cellAllocations = getCellAllocations(resource.id, period);
+          const util = (_a2 = utilizationMap.get(resource.id)) == null ? void 0 : _a2.get(period.getTime());
+          const isHovered = (hoveredCell == null ? void 0 : hoveredCell.resourceId) === resource.id && (hoveredCell == null ? void 0 : hoveredCell.date.getTime()) === period.getTime();
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `time-cell ${isHovered ? "time-cell--hovered" : ""}`,
+              style: { backgroundColor: getCellColor(resource.id, period) },
+              onClick: () => handleCellClick(resource.id, period),
+              onMouseEnter: () => setHoveredCell({ resourceId: resource.id, date: period }),
+              onMouseLeave: () => setHoveredCell(null),
+              children: [
+                cellAllocations.length > 0 && /* @__PURE__ */ jsxs("div", { className: "allocation-indicators", children: [
+                  cellAllocations.slice(0, 2).map((alloc) => /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: `allocation-dot ${alloc.status}`,
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        setSelectedAllocation(alloc.id);
+                      }
+                    },
+                    alloc.id
+                  )),
+                  cellAllocations.length > 2 && /* @__PURE__ */ jsxs("span", { className: "more-indicator", children: [
+                    "+",
+                    cellAllocations.length - 2
+                  ] })
+                ] }),
+                config.showUtilization && util && util.allocatedHours > 0 && /* @__PURE__ */ jsxs("span", { className: "utilization-label", children: [
+                  util.allocatedHours.toFixed(1),
+                  "h"
+                ] })
+              ]
+            },
+            idx
+          );
+        }) }),
+        expandedResources.has(resource.id) && /* @__PURE__ */ jsx("div", { className: "expanded-allocations", children: allocations.filter((a) => a.resourceId === resource.id).map((allocation) => {
+          const startIdx = timePeriods.findIndex(
+            (p) => p.getTime() <= allocation.start.getTime()
+          );
+          const endIdx = timePeriods.findIndex(
+            (p) => p.getTime() >= allocation.end.getTime()
+          );
+          if (startIdx === -1) {
+            return null;
+          }
+          const span = Math.max(1, endIdx - startIdx);
+          const leftPercent = startIdx / timePeriods.length * 100;
+          const widthPercent = span / timePeriods.length * 100;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `allocation-bar ${allocation.status} ${selectedAllocation === allocation.id ? "selected" : ""}`,
+              style: {
+                left: `${leftPercent}%`,
+                width: `${widthPercent}%`
+              },
+              onClick: () => setSelectedAllocation(allocation.id),
+              children: [
+                /* @__PURE__ */ jsxs("span", { className: "allocation-label", children: [
+                  allocation.hoursPerDay,
+                  "h/day"
+                ] }),
+                !readOnly && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    className: "delete-allocation",
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      onAllocationDelete == null ? void 0 : onAllocationDelete(allocation.id);
+                    },
+                    children: "×"
+                  }
+                )
+              ]
+            },
+            allocation.id
+          );
+        }) })
+      ] }, resource.id)) })
+    ] }),
+    showAllocationModal && /* @__PURE__ */ jsx("div", { className: "modal-overlay", onClick: () => setShowAllocationModal(false), children: /* @__PURE__ */ jsxs("div", { className: "allocation-modal", onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsx("h3", { children: "Create Allocation" }),
+      /* @__PURE__ */ jsxs("div", { className: "modal-form", children: [
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Resource",
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              value: newAllocation.resourceId || "",
+              onChange: (e) => setNewAllocation((prev) => ({ ...prev, resourceId: e.target.value })),
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: "Select resource..." }),
+                resources.map((r) => /* @__PURE__ */ jsx("option", { value: r.id, children: r.name }, r.id))
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Start Date",
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "date",
+              value: ((_a = newAllocation.start) == null ? void 0 : _a.toISOString().split("T")[0]) || "",
+              onChange: (e) => setNewAllocation((prev) => ({ ...prev, start: new Date(e.target.value) }))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { children: [
+          "End Date",
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "date",
+              value: ((_b = newAllocation.end) == null ? void 0 : _b.toISOString().split("T")[0]) || "",
+              onChange: (e) => setNewAllocation((prev) => ({ ...prev, end: new Date(e.target.value) }))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Hours per Day",
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "number",
+              min: "0.5",
+              max: "24",
+              step: "0.5",
+              value: newAllocation.hoursPerDay || 8,
+              onChange: (e) => setNewAllocation((prev) => ({
+                ...prev,
+                hoursPerDay: parseFloat(e.target.value)
+              }))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Status",
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              value: newAllocation.status || "tentative",
+              onChange: (e) => setNewAllocation((prev) => ({
+                ...prev,
+                status: e.target.value
+              })),
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "tentative", children: "Tentative" }),
+                /* @__PURE__ */ jsx("option", { value: "confirmed", children: "Confirmed" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Notes",
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              value: newAllocation.notes || "",
+              onChange: (e) => setNewAllocation((prev) => ({ ...prev, notes: e.target.value })),
+              placeholder: "Optional notes..."
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "modal-actions", children: [
+        /* @__PURE__ */ jsx("button", { className: "cancel-button", onClick: () => setShowAllocationModal(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx("button", { className: "create-button", onClick: handleCreateAllocation, children: "Create Allocation" })
+      ] })
+    ] }) })
+  ] });
+};
+const DEFAULT_VIEW_CONFIG = {
+  view: "grid",
+  sortBy: "name",
+  sortOrder: "asc",
+  showImages: true,
+  pageSize: 24
+};
+const NiceInventoryManager = ({
+  items,
+  transactions = [],
+  viewConfig: externalConfig,
+  onItemCreate,
+  onItemUpdate,
+  onItemDelete,
+  onTransactionCreate,
+  onStockCount,
+  onItemClick,
+  readOnly = false,
+  className = ""
+}) => {
+  var _a, _b;
+  const config = { ...DEFAULT_VIEW_CONFIG, ...externalConfig };
+  const [filters, setFilters] = useState({});
+  const [view, setView] = useState(config.view);
+  const [sortBy, setSortBy] = useState(config.sortBy);
+  const [sortOrder, setSortOrder] = useState(config.sortOrder);
+  const [page, setPage] = useState(1);
+  const [selectedItems, setSelectedItems] = useState(/* @__PURE__ */ new Set());
+  const [showItemModal, setShowItemModal] = useState(false);
+  const [showTransactionModal, setShowTransactionModal] = useState(false);
+  const [editingItem, setEditingItem] = useState(null);
+  const [newTransaction, setNewTransaction] = useState({});
+  const [activeTab, setActiveTab] = useState("inventory");
+  const categories = useMemo(() => {
+    return Array.from(new Set(items.map((item) => item.category))).sort();
+  }, [items]);
+  const filteredItems = useMemo(() => {
+    var _a2, _b2;
+    let result = [...items];
+    if (filters.searchQuery) {
+      const query = filters.searchQuery.toLowerCase();
+      result = result.filter(
+        (item) => {
+          var _a3;
+          return item.name.toLowerCase().includes(query) || item.sku.toLowerCase().includes(query) || ((_a3 = item.description) == null ? void 0 : _a3.toLowerCase().includes(query));
+        }
+      );
+    }
+    if ((_a2 = filters.categories) == null ? void 0 : _a2.length) {
+      result = result.filter((item) => filters.categories.includes(item.category));
+    }
+    if ((_b2 = filters.statuses) == null ? void 0 : _b2.length) {
+      result = result.filter((item) => filters.statuses.includes(item.status));
+    }
+    if (filters.lowStockOnly) {
+      result = result.filter((item) => item.quantity <= item.reorderLevel);
+    }
+    result.sort((a, b) => {
+      var _a3, _b3;
+      let comparison = 0;
+      switch (sortBy) {
+        case "name":
+          comparison = a.name.localeCompare(b.name);
+          break;
+        case "sku":
+          comparison = a.sku.localeCompare(b.sku);
+          break;
+        case "quantity":
+          comparison = a.quantity - b.quantity;
+          break;
+        case "value":
+          comparison = a.quantity * a.cost.amount - b.quantity * b.cost.amount;
+          break;
+        case "lastUpdated":
+          comparison = (((_a3 = a.lastCountDate) == null ? void 0 : _a3.getTime()) || 0) - (((_b3 = b.lastCountDate) == null ? void 0 : _b3.getTime()) || 0);
+          break;
+      }
+      return sortOrder === "asc" ? comparison : -comparison;
+    });
+    return result;
+  }, [items, filters, sortBy, sortOrder]);
+  const paginatedItems = 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 = useMemo(() => {
+    return items.filter((item) => item.quantity <= item.reorderLevel);
+  }, [items]);
+  const recentTransactions = useMemo(() => {
+    return [...transactions].sort((a, b) => b.date.getTime() - a.date.getTime()).slice(0, 50);
+  }, [transactions]);
+  const kanbanGroups = useMemo(() => {
+    if (view !== "kanban") {
+      return null;
+    }
+    const groups = /* @__PURE__ */ new Map();
+    const statuses = [
+      "in-stock",
+      "low-stock",
+      "out-of-stock",
+      "on-order",
+      "discontinued"
+    ];
+    statuses.forEach((status) => groups.set(status, []));
+    filteredItems.forEach((item) => {
+      var _a2;
+      (_a2 = groups.get(item.status)) == null ? void 0 : _a2.push(item);
+    });
+    return groups;
+  }, [filteredItems, view]);
+  const getStatusColor = (status) => {
+    switch (status) {
+      case "in-stock":
+        return "#22c55e";
+      case "low-stock":
+        return "#f59e0b";
+      case "out-of-stock":
+        return "#ef4444";
+      case "on-order":
+        return "#3b82f6";
+      case "discontinued":
+        return "#6b7280";
+      default:
+        return "#6b7280";
+    }
+  };
+  const getTransactionIcon = (type) => {
+    switch (type) {
+      case "receipt":
+        return "📥";
+      case "issue":
+        return "📤";
+      case "transfer":
+        return "🔄";
+      case "adjustment":
+        return "✏️";
+      case "return":
+        return "↩️";
+      case "count":
+        return "📊";
+      case "write-off":
+        return "❌";
+      default:
+        return "📋";
+    }
+  };
+  const formatCurrency = (amount, symbol = "$") => {
+    return `${symbol}${amount.toFixed(2)}`;
+  };
+  const handleItemSubmit = () => {
+    if (!editingItem) {
+      return;
+    }
+    if (editingItem.id) {
+      onItemUpdate == null ? void 0 : onItemUpdate(editingItem);
+    } else {
+      onItemCreate == null ? void 0 : onItemCreate(editingItem);
+    }
+    setShowItemModal(false);
+    setEditingItem(null);
+  };
+  const handleTransactionSubmit = () => {
+    if (newTransaction.itemId && newTransaction.type && newTransaction.quantity) {
+      onTransactionCreate == null ? void 0 : onTransactionCreate({
+        itemId: newTransaction.itemId,
+        type: newTransaction.type,
+        quantity: newTransaction.quantity,
+        date: /* @__PURE__ */ new Date(),
+        reference: newTransaction.reference,
+        notes: newTransaction.notes
+      });
+      setShowTransactionModal(false);
+      setNewTransaction({});
+    }
+  };
+  const toggleItemSelection = (itemId) => {
+    setSelectedItems((prev) => {
+      const next = new Set(prev);
+      if (next.has(itemId)) {
+        next.delete(itemId);
+      } else {
+        next.add(itemId);
+      }
+      return next;
+    });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `nice-inventory-manager ${className}`, children: [
+    /* @__PURE__ */ jsxs("header", { className: "inventory__toolbar", children: [
+      /* @__PURE__ */ jsxs("div", { className: "toolbar__left", children: [
+        /* @__PURE__ */ jsxs("div", { className: "search-box", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              placeholder: "Search items...",
+              value: filters.searchQuery || "",
+              onChange: (e) => setFilters((prev) => ({ ...prev, searchQuery: e.target.value }))
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "search-icon", children: "🔍" })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            value: ((_a = filters.categories) == null ? void 0 : _a[0]) || "",
+            onChange: (e) => setFilters((prev) => ({
+              ...prev,
+              categories: e.target.value ? [e.target.value] : void 0
+            })),
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "", children: "All Categories" }),
+              categories.map((cat) => /* @__PURE__ */ jsx("option", { value: cat, children: cat }, cat))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("label", { className: "filter-checkbox", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: filters.lowStockOnly || false,
+              onChange: (e) => setFilters((prev) => ({ ...prev, lowStockOnly: e.target.checked }))
+            }
+          ),
+          "Low Stock Only"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "toolbar__right", children: [
+        /* @__PURE__ */ jsx("div", { className: "view-selector", children: ["grid", "list", "kanban"].map((v) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: `view-button ${view === v ? "view-button--active" : ""}`,
+            onClick: () => setView(v),
+            children: v === "grid" ? "⊞" : v === "list" ? "☰" : "▦"
+          },
+          v
+        )) }),
+        !readOnly && /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "add-button",
+            onClick: () => {
+              setEditingItem({
+                category: categories[0],
+                unit: "pcs",
+                quantity: 0,
+                reorderLevel: 10,
+                reorderQuantity: 100,
+                cost: { amount: 0, currency: { code: "USD", symbol: "$", decimalPlaces: 2 } },
+                status: "in-stock"
+              });
+              setShowItemModal(true);
+            },
+            children: "+ Add Item"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "inventory__tabs", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          className: `tab ${activeTab === "inventory" ? "tab--active" : ""}`,
+          onClick: () => setActiveTab("inventory"),
+          children: [
+            "Inventory (",
+            items.length,
+            ")"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          className: `tab ${activeTab === "transactions" ? "tab--active" : ""}`,
+          onClick: () => setActiveTab("transactions"),
+          children: [
+            "Transactions (",
+            transactions.length,
+            ")"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          className: `tab ${activeTab === "reorder" ? "tab--active" : ""}`,
+          onClick: () => setActiveTab("reorder"),
+          children: [
+            "Reorder Alerts",
+            reorderItems.length > 0 && /* @__PURE__ */ jsx("span", { className: "alert-badge", children: reorderItems.length })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "inventory__content", children: [
+      activeTab === "inventory" && /* @__PURE__ */ jsxs(Fragment, { children: [
+        view === "grid" && /* @__PURE__ */ jsx("div", { className: "items-grid", children: paginatedItems.map((item) => {
+          var _a2;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `item-card ${selectedItems.has(item.id) ? "item-card--selected" : ""}`,
+              onClick: () => onItemClick == null ? void 0 : onItemClick(item),
+              children: [
+                !readOnly && /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    className: "item-checkbox",
+                    checked: selectedItems.has(item.id),
+                    onChange: () => toggleItemSelection(item.id),
+                    onClick: (e) => e.stopPropagation()
+                  }
+                ),
+                config.showImages && /* @__PURE__ */ jsx("div", { className: "item-image", children: ((_a2 = item.images) == null ? void 0 : _a2[0]) ? /* @__PURE__ */ jsx("img", { src: item.images[0], alt: item.name }) : /* @__PURE__ */ jsx("span", { className: "placeholder-image", children: "📦" }) }),
+                /* @__PURE__ */ jsxs("div", { className: "item-info", children: [
+                  /* @__PURE__ */ jsx("span", { className: "item-sku", children: item.sku }),
+                  /* @__PURE__ */ jsx("h4", { className: "item-name", children: item.name }),
+                  /* @__PURE__ */ jsx("span", { className: "item-category", children: item.category })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "item-stock", children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "status-badge",
+                      style: { backgroundColor: getStatusColor(item.status) },
+                      children: item.status.replace("-", " ")
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("span", { className: "quantity", children: [
+                    item.quantity,
+                    " ",
+                    item.unit
+                  ] }),
+                  item.quantity <= item.reorderLevel && /* @__PURE__ */ jsx("span", { className: "reorder-alert", children: "⚠️ Low Stock" })
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "item-value", children: formatCurrency(item.quantity * item.cost.amount, item.cost.currency.symbol) })
+              ]
+            },
+            item.id
+          );
+        }) }),
+        view === "list" && /* @__PURE__ */ jsx("div", { className: "items-table", children: /* @__PURE__ */ jsxs("table", { children: [
+          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+            !readOnly && /* @__PURE__ */ jsx("th", {}),
+            /* @__PURE__ */ jsxs(
+              "th",
+              {
+                onClick: () => {
+                  setSortBy("sku");
+                  setSortOrder((prev) => prev === "asc" ? "desc" : "asc");
+                },
+                children: [
+                  "SKU ",
+                  sortBy === "sku" && (sortOrder === "asc" ? "↑" : "↓")
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "th",
+              {
+                onClick: () => {
+                  setSortBy("name");
+                  setSortOrder((prev) => prev === "asc" ? "desc" : "asc");
+                },
+                children: [
+                  "Name ",
+                  sortBy === "name" && (sortOrder === "asc" ? "↑" : "↓")
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("th", { children: "Category" }),
+            /* @__PURE__ */ jsxs(
+              "th",
+              {
+                onClick: () => {
+                  setSortBy("quantity");
+                  setSortOrder((prev) => prev === "asc" ? "desc" : "asc");
+                },
+                children: [
+                  "Qty ",
+                  sortBy === "quantity" && (sortOrder === "asc" ? "↑" : "↓")
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("th", { children: "Status" }),
+            /* @__PURE__ */ jsx("th", { children: "Location" }),
+            /* @__PURE__ */ jsxs(
+              "th",
+              {
+                onClick: () => {
+                  setSortBy("value");
+                  setSortOrder((prev) => prev === "asc" ? "desc" : "asc");
+                },
+                children: [
+                  "Value ",
+                  sortBy === "value" && (sortOrder === "asc" ? "↑" : "↓")
+                ]
+              }
+            ),
+            !readOnly && /* @__PURE__ */ jsx("th", { children: "Actions" })
+          ] }) }),
+          /* @__PURE__ */ jsx("tbody", { children: paginatedItems.map((item) => /* @__PURE__ */ jsxs(
+            "tr",
+            {
+              className: selectedItems.has(item.id) ? "row--selected" : "",
+              onClick: () => onItemClick == null ? void 0 : onItemClick(item),
+              children: [
+                !readOnly && /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: selectedItems.has(item.id),
+                    onChange: () => toggleItemSelection(item.id),
+                    onClick: (e) => e.stopPropagation()
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("td", { className: "sku-cell", children: item.sku }),
+                /* @__PURE__ */ jsx("td", { children: item.name }),
+                /* @__PURE__ */ jsx("td", { children: item.category }),
+                /* @__PURE__ */ jsxs("td", { className: item.quantity <= item.reorderLevel ? "low-stock" : "", children: [
+                  item.quantity,
+                  " ",
+                  item.unit
+                ] }),
+                /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "status-badge",
+                    style: { backgroundColor: getStatusColor(item.status) },
+                    children: item.status.replace("-", " ")
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("td", { children: item.location ? `${item.location.warehouseName}${item.location.aisle ? ` / ${item.location.aisle}` : ""}` : "-" }),
+                /* @__PURE__ */ jsx("td", { children: formatCurrency(
+                  item.quantity * item.cost.amount,
+                  item.cost.currency.symbol
+                ) }),
+                !readOnly && /* @__PURE__ */ jsxs("td", { className: "actions-cell", children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      className: "action-btn",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        setEditingItem(item);
+                        setShowItemModal(true);
+                      },
+                      children: "✏️"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      className: "action-btn",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        setNewTransaction({ itemId: item.id });
+                        setShowTransactionModal(true);
+                      },
+                      children: "📝"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      className: "action-btn action-btn--danger",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        onItemDelete == null ? void 0 : onItemDelete(item.id);
+                      },
+                      children: "🗑️"
+                    }
+                  )
+                ] })
+              ]
+            },
+            item.id
+          )) })
+        ] }) }),
+        view === "kanban" && kanbanGroups && /* @__PURE__ */ jsx("div", { className: "items-kanban", children: Array.from(kanbanGroups.entries()).map(([status, statusItems]) => /* @__PURE__ */ jsxs("div", { className: "kanban-column", children: [
+          /* @__PURE__ */ jsxs("div", { className: "column-header", style: { borderColor: getStatusColor(status) }, children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "status-dot",
+                style: { backgroundColor: getStatusColor(status) }
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "column-title", children: status.replace("-", " ") }),
+            /* @__PURE__ */ jsx("span", { className: "column-count", children: statusItems.length })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "column-items", children: statusItems.map((item) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "kanban-card",
+              onClick: () => onItemClick == null ? void 0 : onItemClick(item),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "card-sku", children: item.sku }),
+                /* @__PURE__ */ jsx("span", { className: "card-name", children: item.name }),
+                /* @__PURE__ */ jsxs("span", { className: "card-qty", children: [
+                  item.quantity,
+                  " ",
+                  item.unit
+                ] })
+              ]
+            },
+            item.id
+          )) })
+        ] }, status)) }),
+        totalPages > 1 && /* @__PURE__ */ jsxs("div", { className: "pagination", children: [
+          /* @__PURE__ */ jsx("button", { disabled: page === 1, onClick: () => setPage((p) => p - 1), children: "Previous" }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            "Page ",
+            page,
+            " of ",
+            totalPages
+          ] }),
+          /* @__PURE__ */ jsx("button", { disabled: page === totalPages, onClick: () => setPage((p) => p + 1), children: "Next" })
+        ] })
+      ] }),
+      activeTab === "transactions" && /* @__PURE__ */ jsxs("div", { className: "transactions-tab", children: [
+        !readOnly && /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "add-transaction-button",
+            onClick: () => setShowTransactionModal(true),
+            children: "+ New Transaction"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "transactions-list", children: recentTransactions.map((tx) => {
+          const item = items.find((i) => i.id === tx.itemId);
+          return /* @__PURE__ */ jsxs("div", { className: "transaction-item", children: [
+            /* @__PURE__ */ jsx("span", { className: "tx-icon", children: getTransactionIcon(tx.type) }),
+            /* @__PURE__ */ jsxs("div", { className: "tx-info", children: [
+              /* @__PURE__ */ jsx("span", { className: "tx-type", children: tx.type }),
+              /* @__PURE__ */ jsx("span", { className: "tx-item", children: (item == null ? void 0 : item.name) || tx.itemId })
+            ] }),
+            /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: `tx-qty ${tx.type === "receipt" || tx.type === "return" ? "positive" : "negative"}`,
+                children: [
+                  tx.type === "receipt" || tx.type === "return" ? "+" : "-",
+                  tx.quantity
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "tx-date", children: tx.date.toLocaleString() }),
+            tx.reference && /* @__PURE__ */ jsxs("span", { className: "tx-ref", children: [
+              "Ref: ",
+              tx.reference
+            ] })
+          ] }, tx.id);
+        }) })
+      ] }),
+      activeTab === "reorder" && /* @__PURE__ */ jsx("div", { className: "reorder-tab", children: reorderItems.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "empty-state", children: [
+        /* @__PURE__ */ jsx("span", { className: "empty-icon", children: "✅" }),
+        /* @__PURE__ */ jsx("p", { children: "All items are sufficiently stocked" })
+      ] }) : /* @__PURE__ */ jsx("div", { className: "reorder-list", children: reorderItems.map((item) => /* @__PURE__ */ jsxs("div", { className: "reorder-item", children: [
+        /* @__PURE__ */ jsxs("div", { className: "reorder-info", children: [
+          /* @__PURE__ */ jsx("span", { className: "reorder-sku", children: item.sku }),
+          /* @__PURE__ */ jsx("span", { className: "reorder-name", children: item.name })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "reorder-stock", children: [
+          /* @__PURE__ */ jsxs("span", { className: "current-qty", children: [
+            "Current: ",
+            item.quantity,
+            " ",
+            item.unit
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "reorder-level", children: [
+            "Reorder at: ",
+            item.reorderLevel
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "reorder-qty", children: [
+            "Order qty: ",
+            item.reorderQuantity
+          ] })
+        ] }),
+        item.supplier && /* @__PURE__ */ jsx("span", { className: "supplier-name", children: item.supplier.name }),
+        !readOnly && /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "create-po-button",
+            onClick: () => console.log("Create PO for", item.id),
+            children: "Create PO"
+          }
+        )
+      ] }, item.id)) }) })
+    ] }),
+    showItemModal && editingItem && /* @__PURE__ */ jsx("div", { className: "modal-overlay", onClick: () => setShowItemModal(false), children: /* @__PURE__ */ jsxs("div", { className: "item-modal", onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsx("h3", { children: editingItem.id ? "Edit Item" : "Add New Item" }),
+      /* @__PURE__ */ jsxs("div", { className: "modal-form", children: [
+        /* @__PURE__ */ jsxs("div", { className: "form-row", children: [
+          /* @__PURE__ */ jsxs("label", { children: [
+            "SKU",
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                value: editingItem.sku || "",
+                onChange: (e) => setEditingItem((prev) => ({ ...prev, sku: e.target.value }))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { children: [
+            "Name",
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                value: editingItem.name || "",
+                onChange: (e) => setEditingItem((prev) => ({ ...prev, name: e.target.value }))
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Description",
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              value: editingItem.description || "",
+              onChange: (e) => setEditingItem((prev) => ({ ...prev, description: e.target.value }))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "form-row", children: [
+          /* @__PURE__ */ jsxs("label", { children: [
+            "Category",
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                value: editingItem.category || "",
+                onChange: (e) => setEditingItem((prev) => ({ ...prev, category: e.target.value })),
+                list: "categories"
+              }
+            ),
+            /* @__PURE__ */ jsx("datalist", { id: "categories", children: categories.map((c) => /* @__PURE__ */ jsx("option", { value: c }, c)) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { children: [
+            "Unit",
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                value: editingItem.unit || "",
+                onChange: (e) => setEditingItem((prev) => ({ ...prev, unit: e.target.value }))
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "form-row", children: [
+          /* @__PURE__ */ jsxs("label", { children: [
+            "Quantity",
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "number",
+                value: editingItem.quantity || 0,
+                onChange: (e) => setEditingItem((prev) => ({ ...prev, quantity: parseInt(e.target.value) }))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { children: [
+            "Reorder Level",
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "number",
+                value: editingItem.reorderLevel || 0,
+                onChange: (e) => setEditingItem((prev) => ({
+                  ...prev,
+                  reorderLevel: parseInt(e.target.value)
+                }))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { children: [
+            "Reorder Qty",
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "number",
+                value: editingItem.reorderQuantity || 0,
+                onChange: (e) => setEditingItem((prev) => ({
+                  ...prev,
+                  reorderQuantity: parseInt(e.target.value)
+                }))
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Unit Cost",
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "number",
+              step: "0.01",
+              value: ((_b = editingItem.cost) == null ? void 0 : _b.amount) || 0,
+              onChange: (e) => setEditingItem((prev) => ({
+                ...prev,
+                cost: {
+                  ...prev.cost,
+                  amount: parseFloat(e.target.value)
+                }
+              }))
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "modal-actions", children: [
+        /* @__PURE__ */ jsx("button", { className: "cancel-button", onClick: () => setShowItemModal(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx("button", { className: "save-button", onClick: handleItemSubmit, children: editingItem.id ? "Save Changes" : "Create Item" })
+      ] })
+    ] }) }),
+    showTransactionModal && /* @__PURE__ */ jsx("div", { className: "modal-overlay", onClick: () => setShowTransactionModal(false), children: /* @__PURE__ */ jsxs("div", { className: "transaction-modal", onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsx("h3", { children: "Create Transaction" }),
+      /* @__PURE__ */ jsxs("div", { className: "modal-form", children: [
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Item",
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              value: newTransaction.itemId || "",
+              onChange: (e) => setNewTransaction((prev) => ({ ...prev, itemId: e.target.value })),
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: "Select item..." }),
+                items.map((item) => /* @__PURE__ */ jsxs("option", { value: item.id, children: [
+                  item.sku,
+                  " - ",
+                  item.name
+                ] }, item.id))
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Type",
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              value: newTransaction.type || "",
+              onChange: (e) => setNewTransaction((prev) => ({
+                ...prev,
+                type: e.target.value
+              })),
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: "Select type..." }),
+                /* @__PURE__ */ jsx("option", { value: "receipt", children: "Receipt" }),
+                /* @__PURE__ */ jsx("option", { value: "issue", children: "Issue" }),
+                /* @__PURE__ */ jsx("option", { value: "transfer", children: "Transfer" }),
+                /* @__PURE__ */ jsx("option", { value: "adjustment", children: "Adjustment" }),
+                /* @__PURE__ */ jsx("option", { value: "return", children: "Return" }),
+                /* @__PURE__ */ jsx("option", { value: "write-off", children: "Write-off" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Quantity",
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "number",
+              min: "1",
+              value: newTransaction.quantity || "",
+              onChange: (e) => setNewTransaction((prev) => ({ ...prev, quantity: parseInt(e.target.value) }))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Reference",
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: newTransaction.reference || "",
+              onChange: (e) => setNewTransaction((prev) => ({ ...prev, reference: e.target.value })),
+              placeholder: "PO number, invoice, etc."
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Notes",
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              value: newTransaction.notes || "",
+              onChange: (e) => setNewTransaction((prev) => ({ ...prev, notes: e.target.value }))
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "modal-actions", children: [
+        /* @__PURE__ */ jsx("button", { className: "cancel-button", onClick: () => setShowTransactionModal(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx("button", { className: "save-button", onClick: handleTransactionSubmit, children: "Create Transaction" })
+      ] })
+    ] }) })
+  ] });
+};
+export {
+  NiceInventoryManager,
+  NiceResourceAllocation
+};
+//# sourceMappingURL=index.mjs.map