@nice2dev/ui-erp 1.2.0 → 1.2.1

package/dist/index.mjs

@@ -1,29 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import be, { useContext, createContext, memo, useState, useEffect, useMemo, useCallback, forwardRef, useRef } from "react";
-const se = {
-  radius: "md",
-  shadow: "md",
-  fill: "solid",
-  buttonStyle: "flat",
-  inputStyle: "bordered",
-  cardStyle: "elevated",
-  badgeStyle: "solid",
-  tabStyle: "underline",
-  toggleStyle: "default",
-  tooltipStyle: "dark",
-  modalStyle: "default",
-  tableStyle: "default",
-  menuStyle: "default",
-  animation: "normal",
-  density: "normal"
-};
-createContext({
-  displayStyle: "default",
-  variantConfig: se,
-  setDisplayStyle: () => {
-  }
-});
-const er = {
+import ve, { useContext, createContext, useState, useMemo, useCallback, forwardRef, useRef, useEffect } from "react";
+const a = (e, t) => t, c = /* @__PURE__ */ createContext(a), i = /* @__PURE__ */ createContext("en");
+function v() {
+  const e = useContext(c), t = useContext(i);
+  return { t: e, lang: t };
+}
+const tr = {
   // Navigation
   "chevron-down": "M6 9l6 6 6-6",
   "chevron-up": "M18 15l-6-6-6 6",
@@ -73,6 +55,8 @@ const er = {
   link: "M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1",
   mail: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z",
   phone: "M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z",
+  // the device, as `phone` is the handset
+  smartphone: "M7 2h10a2 2 0 012 2v16a2 2 0 01-2 2H7a2 2 0 01-2-2V4a2 2 0 012-2z M11 18h2",
   user: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z",
   users: "M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z",
   home: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6",
@@ -219,22 +203,33 @@ const er = {
   keyboard: "M4 6h16a2 2 0 012 2v8a2 2 0 01-2 2H4a2 2 0 01-2-2V8a2 2 0 012-2z M6 10h.01 M10 10h.01 M14 10h.01 M18 10h.01 M8 14h8",
   "page-break": "M6 3v5h12V3 M6 21v-5h12v5 M2 12h3 M8 12h3 M13 12h3 M19 12h3",
   shield: "M12 2l8 3v6c0 5-3.4 9.4-8 11-4.6-1.6-8-6-8-11V5z",
-  repeat: "M17 2l4 4-4 4 M3 11V9a4 4 0 014-4h14 M7 22l-4-4 4-4 M21 13v2a4 4 0 01-4 4H3"
-}, ca = {
+  repeat: "M17 2l4 4-4 4 M3 11V9a4 4 0 014-4h14 M7 22l-4-4 4-4 M21 13v2a4 4 0 01-4 4H3",
+  // 1.2.1: for the controls that drew these as inline <svg>
+  pin: "M12 17v5 M5 17h14l-1.5-3V8a2 2 0 00-2-2h-7a2 2 0 00-2 2v6z",
+  "mic-off": "M1 1l22 22 M9 9v3a3 3 0 005.12 2.12 M15 9.34V4a3 3 0 00-5.94-.6 M17 16.95A7 7 0 015 12v-2 M19 10v2a7 7 0 01-.11 1.23 M12 19v4 M8 23h8",
+  "log-out": "M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4 M16 17l5-5-5-5 M21 12H9",
+  "chevrons-left": "M11 17l-5-5 5-5 M18 17l-5-5 5-5",
+  "chevrons-right": "M13 17l5-5-5-5 M6 17l5-5-5-5",
+  "zoom-in": "M11 4a7 7 0 100 14 7 7 0 000-14z M21 21l-4.35-4.35 M11 8v6 M8 11h6",
+  "zoom-out": "M11 4a7 7 0 100 14 7 7 0 000-14z M21 21l-4.35-4.35 M8 11h6",
+  navigation: "M12 2l7 19-7-4-7 4z",
+  "refresh-ccw": "M1 4v6h6 M23 20v-6h-6 M20.49 9A9 9 0 005.64 5.64L1 10 M3.51 15a9 9 0 0014.85 3.36L23 14",
+  minimize: "M4 14h6v6 M20 10h-6V4 M14 10l7-7 M3 21l7-7"
+}, la = {
   xs: 12,
   sm: 16,
   md: 20,
   lg: 24,
   xl: 32
-}, gt = createContext({});
-function la({
+}, gt = /* @__PURE__ */ createContext({});
+function da({
   path: e,
   size: t,
   className: r,
-  style: a,
+  style: a2,
   color: n,
   title: o,
-  onClick: i
+  onClick: s
 }) {
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -249,11 +244,11 @@ function la({
       strokeLinecap: "round",
       strokeLinejoin: "round",
       className: `nice-icon ${r || ""}`,
-      style: a,
+      style: a2,
       role: o ? "img" : "presentation",
       "aria-label": o,
       "aria-hidden": !o,
-      onClick: i,
+      onClick: s,
       children: [
         o && /* @__PURE__ */ jsx("title", { children: o }),
         /* @__PURE__ */ jsx("path", { d: e })
@@ -261,1726 +256,51 @@ function la({
     }
   );
 }
-const Ae = ({
+const re = ({
   name: e,
   size: t = "md",
   className: r,
-  style: a,
+  style: a2,
   color: n,
   title: o,
-  onClick: i
+  onClick: s
 }) => {
-  const { resolver: s } = useContext(gt), c = typeof t == "number" ? t : ca[t];
-  if (s) {
-    const d = s(e, c);
+  const { resolver: i2 } = useContext(gt), c2 = typeof t == "number" ? t : la[t];
+  if (i2) {
+    const d = i2(e, c2);
     if (d)
-      return /* @__PURE__ */ jsx("span", { className: `nice-icon-wrap ${r || ""}`, style: a, onClick: i, children: d });
+      return /* @__PURE__ */ jsx("span", { className: `nice-icon-wrap ${r || ""}`, style: a2, onClick: s, children: d });
   }
-  const l = er[e];
+  const l = tr[e];
   return l ? /* @__PURE__ */ jsx(
-    la,
+    da,
     {
       path: l,
-      size: c,
+      size: c2,
       className: r,
-      style: a,
+      style: a2,
       color: n,
       title: o,
-      onClick: i
+      onClick: s
     }
   ) : null;
 };
-createContext({
-  direction: "ltr",
-  isRTL: false,
-  flip: (e) => e,
-  flipStyle: (e, t) => ({ [e]: t })
-});
-createContext({
-  permissions: {},
-  getAccessMode: () => "full"
-});
-createContext(null);
-createContext(null);
-const Ce = {
-  space1: "4px",
-  space2: "8px",
-  space3: "12px",
-  space4: "16px",
-  space5: "20px",
-  space6: "24px",
-  space8: "32px"
-}, Le = {
-  fontFamily: "'Inter', system-ui, -apple-system, sans-serif",
-  fontSizeXs: "0.75rem",
-  fontSizeSm: "0.8125rem",
-  fontSizeMd: "0.875rem",
-  fontSizeLg: "1rem",
-  fontSizeXl: "1.125rem",
-  fontWeightNormal: 400,
-  fontWeightMedium: 500,
-  fontWeightSemibold: 600,
-  fontWeightBold: 700,
-  lineHeight: 1.5
-}, Ne = { fast: "120ms ease", normal: "200ms ease", slow: "300ms ease" }, bt = (e) => ({
-  color: e,
-  radiusSm: "4px",
-  radiusMd: "6px",
-  radiusLg: "8px",
-  radiusXl: "12px",
-  radiusFull: "9999px"
-}), fr = {
-  sm: "0 1px 2px rgba(0,0,0,0.05)",
-  md: "0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)",
-  lg: "0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)",
-  xl: "0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1)"
-}, _a = {
-  sm: "0 1px 2px rgba(0,0,0,0.3)",
-  md: "0 4px 6px -1px rgba(0,0,0,0.4)",
-  lg: "0 10px 15px -3px rgba(0,0,0,0.4)",
-  xl: "0 20px 25px -5px rgba(0,0,0,0.4)"
-};
-function $(e, t, r, a, n) {
-  return {
-    name: e,
-    darkMode: "light",
-    colors: {
-      ...t,
-      surface: t.surface ?? r.primary,
-      surfaceHover: t.surfaceHover ?? r.secondary
-    },
-    backgrounds: {
-      ...r,
-      elevated: r.elevated ?? r.primary,
-      inset: r.inset ?? r.tertiary,
-      canvas: r.canvas ?? r.primary
-    },
-    text: { ...a, inverse: a.inverse ?? "#ffffff" },
-    borders: bt(n),
-    shadows: fr,
-    spacing: Ce,
-    typography: Le,
-    transitions: Ne
-  };
-}
-function j(e, t, r, a, n) {
-  return {
-    name: e,
-    darkMode: "dark",
-    colors: {
-      ...t,
-      surface: t.surface ?? r.secondary,
-      surfaceHover: t.surfaceHover ?? r.tertiary
-    },
-    backgrounds: {
-      ...r,
-      elevated: r.elevated ?? r.secondary,
-      inset: r.inset ?? r.primary,
-      canvas: r.canvas ?? r.primary
-    },
-    text: { ...a, inverse: a.inverse ?? "#0f172a" },
-    borders: bt(n),
-    shadows: _a,
-    spacing: Ce,
-    typography: Le,
-    transitions: Ne
-  };
-}
-$(
-  "Slate",
-  {
-    primary: "#64748b",
-    primaryHover: "#475569",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#f8fafc", secondary: "#f1f5f9", tertiary: "#e2e8f0", hover: "#e2e8f0" },
-  { primary: "#1e293b", secondary: "#475569", muted: "#94a3b8" },
-  "#cbd5e1"
-);
-$(
-  "Zinc",
-  {
-    primary: "#71717a",
-    primaryHover: "#52525b",
-    success: "#22c55e",
-    warning: "#eab308",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#fafafa", secondary: "#f4f4f5", tertiary: "#e4e4e7", hover: "#e4e4e7" },
-  { primary: "#18181b", secondary: "#3f3f46", muted: "#a1a1aa" },
-  "#d4d4d8"
-);
-$(
-  "Stone",
-  {
-    primary: "#78716c",
-    primaryHover: "#57534e",
-    success: "#16a34a",
-    warning: "#ca8a04",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#fafaf9", secondary: "#f5f5f4", tertiary: "#e7e5e4", hover: "#e7e5e4" },
-  { primary: "#1c1917", secondary: "#44403c", muted: "#a8a29e" },
-  "#d6d3d1"
-);
-$(
-  "Cool Gray",
-  {
-    primary: "#6b7280",
-    primaryHover: "#4b5563",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#3b82f6"
-  },
-  { primary: "#f9fafb", secondary: "#f3f4f6", tertiary: "#e5e7eb", hover: "#e5e7eb" },
-  { primary: "#111827", secondary: "#374151", muted: "#9ca3af" },
-  "#d1d5db"
-);
-$(
-  "Warm Gray",
-  {
-    primary: "#7c7568",
-    primaryHover: "#5c564c",
-    success: "#4d7c0f",
-    warning: "#a16207",
-    error: "#b91c1c",
-    info: "#0e7490"
-  },
-  { primary: "#faf9f7", secondary: "#f5f4f0", tertiary: "#e8e6e1", hover: "#e8e6e1" },
-  { primary: "#1f1d19", secondary: "#4a463d", muted: "#a09888" },
-  "#d4d0c8"
-);
-$(
-  "Silver",
-  {
-    primary: "#94a3b8",
-    primaryHover: "#64748b",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#38bdf8"
-  },
-  { primary: "#f8fafc", secondary: "#f1f5f9", tertiary: "#e2e8f0", hover: "#e2e8f0" },
-  { primary: "#334155", secondary: "#64748b", muted: "#94a3b8" },
-  "#cbd5e1"
-);
-$(
-  "Charcoal",
-  {
-    primary: "#374151",
-    primaryHover: "#1f2937",
-    success: "#059669",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0284c7"
-  },
-  { primary: "#f9fafb", secondary: "#f3f4f6", tertiary: "#e5e7eb", hover: "#e5e7eb" },
-  { primary: "#111827", secondary: "#374151", muted: "#6b7280" },
-  "#d1d5db"
-);
-$(
-  "Ivory",
-  {
-    primary: "#92876d",
-    primaryHover: "#7a6f55",
-    success: "#4d7c0f",
-    warning: "#a16207",
-    error: "#b91c1c",
-    info: "#0e7490"
-  },
-  { primary: "#fffef7", secondary: "#faf6eb", tertiary: "#f0ead6", hover: "#f0ead6" },
-  { primary: "#2b2517", secondary: "#5c5340", muted: "#9c9280" },
-  "#ddd8c4"
-);
-$(
-  "Rose",
-  {
-    primary: "#e11d48",
-    primaryHover: "#be123c",
-    success: "#16a34a",
-    warning: "#ea580c",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#fff1f2", secondary: "#ffe4e6", tertiary: "#fecdd3", hover: "#ffe4e6" },
-  { primary: "#4c0519", secondary: "#881337", muted: "#f43f5e" },
-  "#fda4af"
-);
-$(
-  "Emerald",
-  {
-    primary: "#059669",
-    primaryHover: "#047857",
-    success: "#16a34a",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#ecfdf5", secondary: "#d1fae5", tertiary: "#a7f3d0", hover: "#d1fae5" },
-  { primary: "#064e3b", secondary: "#065f46", muted: "#34d399" },
-  "#6ee7b7"
-);
-$(
-  "Amber",
-  {
-    primary: "#d97706",
-    primaryHover: "#b45309",
-    success: "#16a34a",
-    warning: "#ca8a04",
-    error: "#dc2626",
-    info: "#0284c7"
-  },
-  { primary: "#fffbeb", secondary: "#fef3c7", tertiary: "#fde68a", hover: "#fef3c7" },
-  { primary: "#451a03", secondary: "#78350f", muted: "#f59e0b" },
-  "#fcd34d"
-);
-$(
-  "Violet",
-  {
-    primary: "#7c3aed",
-    primaryHover: "#6d28d9",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#f5f3ff", secondary: "#ede9fe", tertiary: "#ddd6fe", hover: "#ede9fe" },
-  { primary: "#2e1065", secondary: "#4c1d95", muted: "#a78bfa" },
-  "#c4b5fd"
-);
-$(
-  "Teal",
-  {
-    primary: "#0d9488",
-    primaryHover: "#0f766e",
-    success: "#16a34a",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0284c7"
-  },
-  { primary: "#f0fdfa", secondary: "#ccfbf1", tertiary: "#99f6e4", hover: "#ccfbf1" },
-  { primary: "#134e4a", secondary: "#115e59", muted: "#2dd4bf" },
-  "#5eead4"
-);
-$(
-  "Indigo",
-  {
-    primary: "#4f46e5",
-    primaryHover: "#4338ca",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#eef2ff", secondary: "#e0e7ff", tertiary: "#c7d2fe", hover: "#e0e7ff" },
-  { primary: "#1e1b4b", secondary: "#312e81", muted: "#818cf8" },
-  "#a5b4fc"
-);
-$(
-  "Cyan",
-  {
-    primary: "#0891b2",
-    primaryHover: "#0e7490",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#0284c7"
-  },
-  { primary: "#ecfeff", secondary: "#cffafe", tertiary: "#a5f3fc", hover: "#cffafe" },
-  { primary: "#164e63", secondary: "#155e75", muted: "#22d3ee" },
-  "#67e8f9"
-);
-$(
-  "Lime",
-  {
-    primary: "#65a30d",
-    primaryHover: "#4d7c0f",
-    success: "#16a34a",
-    warning: "#ca8a04",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#f7fee7", secondary: "#ecfccb", tertiary: "#d9f99d", hover: "#ecfccb" },
-  { primary: "#1a2e05", secondary: "#365314", muted: "#84cc16" },
-  "#bef264"
-);
-$(
-  "Pink",
-  {
-    primary: "#db2777",
-    primaryHover: "#be185d",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#dc2626",
-    info: "#06b6d4"
-  },
-  { primary: "#fdf2f8", secondary: "#fce7f3", tertiary: "#fbcfe8", hover: "#fce7f3" },
-  { primary: "#500724", secondary: "#831843", muted: "#f472b6" },
-  "#f9a8d4"
-);
-$(
-  "Orange",
-  {
-    primary: "#ea580c",
-    primaryHover: "#c2410c",
-    success: "#16a34a",
-    warning: "#ca8a04",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#fff7ed", secondary: "#ffedd5", tertiary: "#fed7aa", hover: "#ffedd5" },
-  { primary: "#431407", secondary: "#7c2d12", muted: "#fb923c" },
-  "#fdba74"
-);
-$(
-  "Fuchsia",
-  {
-    primary: "#c026d3",
-    primaryHover: "#a21caf",
-    success: "#10b981",
-    warning: "#eab308",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#fdf4ff", secondary: "#fae8ff", tertiary: "#f5d0fe", hover: "#fae8ff" },
-  { primary: "#4a044e", secondary: "#701a75", muted: "#d946ef" },
-  "#e879f9"
-);
-$(
-  "Sky",
-  {
-    primary: "#0284c7",
-    primaryHover: "#0369a1",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#f0f9ff", secondary: "#e0f2fe", tertiary: "#bae6fd", hover: "#e0f2fe" },
-  { primary: "#0c4a6e", secondary: "#075985", muted: "#38bdf8" },
-  "#7dd3fc"
-);
-$(
-  "Ruby",
-  {
-    primary: "#be123c",
-    primaryHover: "#9f1239",
-    success: "#059669",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0284c7"
-  },
-  { primary: "#fff1f2", secondary: "#ffe4e6", tertiary: "#fecdd3", hover: "#ffe4e6" },
-  { primary: "#4c0519", secondary: "#881337", muted: "#fb7185" },
-  "#fda4af"
-);
-$(
-  "Coral",
-  {
-    primary: "#f97316",
-    primaryHover: "#ea580c",
-    success: "#10b981",
-    warning: "#eab308",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#fff7ed", secondary: "#ffedd5", tertiary: "#fed7aa", hover: "#ffedd5" },
-  { primary: "#431407", secondary: "#9a3412", muted: "#fb923c" },
-  "#fdba74"
-);
-j(
-  "Midnight",
-  {
-    primary: "#818cf8",
-    primaryHover: "#6366f1",
-    success: "#34d399",
-    warning: "#fbbf24",
-    error: "#f87171",
-    info: "#22d3ee"
-  },
-  { primary: "#020617", secondary: "#0f172a", tertiary: "#1e293b", hover: "#1e293b" },
-  { primary: "#f1f5f9", secondary: "#94a3b8", muted: "#475569" },
-  "#1e293b"
-);
-j(
-  "Obsidian",
-  {
-    primary: "#a78bfa",
-    primaryHover: "#8b5cf6",
-    success: "#4ade80",
-    warning: "#facc15",
-    error: "#fb7185",
-    info: "#38bdf8"
-  },
-  { primary: "#09090b", secondary: "#18181b", tertiary: "#27272a", hover: "#27272a" },
-  { primary: "#fafafa", secondary: "#a1a1aa", muted: "#52525b" },
-  "#3f3f46"
-);
-j(
-  "Eclipse",
-  {
-    primary: "#c084fc",
-    primaryHover: "#a855f7",
-    success: "#34d399",
-    warning: "#fbbf24",
-    error: "#f87171",
-    info: "#67e8f9"
-  },
-  { primary: "#0c0a1d", secondary: "#1a1533", tertiary: "#2a2248", hover: "#2a2248" },
-  { primary: "#f5f3ff", secondary: "#a78bfa", muted: "#6d5eac" },
-  "#3b3266"
-);
-j(
-  "Onyx",
-  {
-    primary: "#60a5fa",
-    primaryHover: "#3b82f6",
-    success: "#4ade80",
-    warning: "#fbbf24",
-    error: "#f87171",
-    info: "#22d3ee"
-  },
-  { primary: "#000000", secondary: "#0a0a0a", tertiary: "#171717", hover: "#171717" },
-  { primary: "#ffffff", secondary: "#a3a3a3", muted: "#525252" },
-  "#262626"
-);
-j(
-  "Carbon",
-  {
-    primary: "#38bdf8",
-    primaryHover: "#0ea5e9",
-    success: "#4ade80",
-    warning: "#facc15",
-    error: "#f87171",
-    info: "#67e8f9"
-  },
-  { primary: "#161616", secondary: "#262626", tertiary: "#393939", hover: "#393939" },
-  { primary: "#f4f4f4", secondary: "#c6c6c6", muted: "#6f6f6f" },
-  "#525252"
-);
-j(
-  "Cosmos",
-  {
-    primary: "#6366f1",
-    primaryHover: "#4f46e5",
-    success: "#34d399",
-    warning: "#fbbf24",
-    error: "#f87171",
-    info: "#22d3ee"
-  },
-  { primary: "#030712", secondary: "#111827", tertiary: "#1f2937", hover: "#1f2937" },
-  // indigo-500 is a dark fill: white on it reads better than the dark default of dark themes
-  { primary: "#e5e7eb", secondary: "#9ca3af", muted: "#4b5563", onPrimary: "#ffffff" },
-  "#374151"
-);
-j(
-  "Nebula",
-  {
-    primary: "#e879f9",
-    primaryHover: "#d946ef",
-    success: "#4ade80",
-    warning: "#fbbf24",
-    error: "#fb7185",
-    info: "#67e8f9"
-  },
-  { primary: "#0d0117", secondary: "#1a0533", tertiary: "#2d0a52", hover: "#2d0a52" },
-  { primary: "#fae8ff", secondary: "#d8b4fe", muted: "#7c3aed" },
-  "#581c87"
-);
-j(
-  "Abyss",
-  {
-    primary: "#22d3ee",
-    primaryHover: "#06b6d4",
-    success: "#34d399",
-    warning: "#fbbf24",
-    error: "#f87171",
-    info: "#38bdf8"
-  },
-  { primary: "#001219", secondary: "#002a3a", tertiary: "#003e54", hover: "#003e54" },
-  { primary: "#e0f2fe", secondary: "#7dd3fc", muted: "#0369a1" },
-  "#075985"
-);
-j(
-  "Shadow",
-  {
-    primary: "#a3a3a3",
-    primaryHover: "#737373",
-    success: "#4ade80",
-    warning: "#facc15",
-    error: "#f87171",
-    info: "#38bdf8"
-  },
-  { primary: "#171717", secondary: "#1f1f1f", tertiary: "#2a2a2a", hover: "#2a2a2a" },
-  { primary: "#e5e5e5", secondary: "#a3a3a3", muted: "#525252" },
-  "#404040"
-);
-j(
-  "Emerald Dark",
-  {
-    primary: "#34d399",
-    primaryHover: "#10b981",
-    success: "#4ade80",
-    warning: "#fbbf24",
-    error: "#f87171",
-    info: "#22d3ee"
-  },
-  { primary: "#022c22", secondary: "#064e3b", tertiary: "#065f46", hover: "#065f46" },
-  { primary: "#ecfdf5", secondary: "#6ee7b7", muted: "#047857" },
-  "#047857"
-);
-$(
-  "Forest",
-  {
-    primary: "#166534",
-    primaryHover: "#14532d",
-    success: "#22c55e",
-    warning: "#ca8a04",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#f0fdf4", secondary: "#dcfce7", tertiary: "#bbf7d0", hover: "#dcfce7" },
-  { primary: "#052e16", secondary: "#166534", muted: "#4ade80" },
-  "#86efac"
-);
-$(
-  "Ocean",
-  {
-    primary: "#0369a1",
-    primaryHover: "#075985",
-    success: "#059669",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0284c7"
-  },
-  { primary: "#f0f9ff", secondary: "#e0f2fe", tertiary: "#bae6fd", hover: "#e0f2fe" },
-  { primary: "#0c4a6e", secondary: "#0369a1", muted: "#38bdf8" },
-  "#7dd3fc"
-);
-$(
-  "Desert",
-  {
-    primary: "#b45309",
-    primaryHover: "#92400e",
-    success: "#4d7c0f",
-    warning: "#a16207",
-    error: "#b91c1c",
-    info: "#0e7490"
-  },
-  { primary: "#fefce8", secondary: "#fef9c3", tertiary: "#fef08a", hover: "#fef9c3" },
-  { primary: "#422006", secondary: "#713f12", muted: "#ca8a04" },
-  "#fde047"
-);
-$(
-  "Sunset",
-  {
-    primary: "#ea580c",
-    primaryHover: "#c2410c",
-    success: "#16a34a",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#fff7ed", secondary: "#ffedd5", tertiary: "#fed7aa", hover: "#ffedd5" },
-  { primary: "#431407", secondary: "#9a3412", muted: "#f97316" },
-  "#fdba74"
-);
-$(
-  "Aurora",
-  {
-    primary: "#0d9488",
-    primaryHover: "#0f766e",
-    success: "#22c55e",
-    warning: "#eab308",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#f0fdfa", secondary: "#ccfbf1", tertiary: "#99f6e4", hover: "#ccfbf1" },
-  { primary: "#134e4a", secondary: "#115e59", muted: "#2dd4bf" },
-  "#5eead4"
-);
-$(
-  "Lavender",
-  {
-    primary: "#7e22ce",
-    primaryHover: "#6b21a8",
-    success: "#16a34a",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#faf5ff", secondary: "#f3e8ff", tertiary: "#e9d5ff", hover: "#f3e8ff" },
-  { primary: "#3b0764", secondary: "#581c87", muted: "#a855f7" },
-  "#d8b4fe"
-);
-$(
-  "Autumn",
-  {
-    primary: "#c2410c",
-    primaryHover: "#9a3412",
-    success: "#4d7c0f",
-    warning: "#a16207",
-    error: "#b91c1c",
-    info: "#0e7490"
-  },
-  { primary: "#fef2f2", secondary: "#fee2e2", tertiary: "#fecaca", hover: "#fee2e2" },
-  { primary: "#450a0a", secondary: "#7f1d1d", muted: "#f87171" },
-  "#fca5a5"
-);
-$(
-  "Spring",
-  {
-    primary: "#16a34a",
-    primaryHover: "#15803d",
-    success: "#22c55e",
-    warning: "#eab308",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#f0fdf4", secondary: "#dcfce7", tertiary: "#bbf7d0", hover: "#dcfce7" },
-  { primary: "#14532d", secondary: "#166534", muted: "#4ade80" },
-  "#86efac"
-);
-$(
-  "Arctic",
-  {
-    primary: "#0ea5e9",
-    primaryHover: "#0284c7",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#f0f9ff", secondary: "#e0f2fe", tertiary: "#bae6fd", hover: "#e0f2fe" },
-  { primary: "#0c4a6e", secondary: "#0369a1", muted: "#7dd3fc" },
-  "#bae6fd"
-);
-$(
-  "Tropical",
-  {
-    primary: "#0d9488",
-    primaryHover: "#0f766e",
-    success: "#16a34a",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#ecfdf5", secondary: "#d1fae5", tertiary: "#a7f3d0", hover: "#d1fae5" },
-  { primary: "#064e3b", secondary: "#065f46", muted: "#6ee7b7" },
-  "#a7f3d0"
-);
-$(
-  "Pastel Rose",
-  {
-    primary: "#f472b6",
-    primaryHover: "#ec4899",
-    success: "#4ade80",
-    warning: "#fcd34d",
-    error: "#fb7185",
-    info: "#67e8f9"
-  },
-  { primary: "#fdf2f8", secondary: "#fce7f3", tertiary: "#fbcfe8", hover: "#fce7f3" },
-  { primary: "#831843", secondary: "#9d174d", muted: "#f9a8d4" },
-  "#f9a8d4"
-);
-$(
-  "Pastel Sky",
-  {
-    primary: "#38bdf8",
-    primaryHover: "#0ea5e9",
-    success: "#4ade80",
-    warning: "#fcd34d",
-    error: "#fb7185",
-    info: "#67e8f9"
-  },
-  { primary: "#f0f9ff", secondary: "#e0f2fe", tertiary: "#bae6fd", hover: "#e0f2fe" },
-  { primary: "#075985", secondary: "#0369a1", muted: "#7dd3fc" },
-  "#bae6fd"
-);
-$(
-  "Pastel Mint",
-  {
-    primary: "#34d399",
-    primaryHover: "#10b981",
-    success: "#4ade80",
-    warning: "#fcd34d",
-    error: "#fb7185",
-    info: "#67e8f9"
-  },
-  { primary: "#ecfdf5", secondary: "#d1fae5", tertiary: "#a7f3d0", hover: "#d1fae5" },
-  { primary: "#065f46", secondary: "#047857", muted: "#6ee7b7" },
-  "#a7f3d0"
-);
-$(
-  "Pastel Peach",
-  {
-    primary: "#fb923c",
-    primaryHover: "#f97316",
-    success: "#4ade80",
-    warning: "#fcd34d",
-    error: "#fb7185",
-    info: "#67e8f9"
-  },
-  { primary: "#fff7ed", secondary: "#ffedd5", tertiary: "#fed7aa", hover: "#ffedd5" },
-  { primary: "#7c2d12", secondary: "#9a3412", muted: "#fdba74" },
-  "#fed7aa"
-);
-$(
-  "Pastel Lavender",
-  {
-    primary: "#a78bfa",
-    primaryHover: "#8b5cf6",
-    success: "#4ade80",
-    warning: "#fcd34d",
-    error: "#fb7185",
-    info: "#67e8f9"
-  },
-  { primary: "#f5f3ff", secondary: "#ede9fe", tertiary: "#ddd6fe", hover: "#ede9fe" },
-  { primary: "#4c1d95", secondary: "#5b21b6", muted: "#c4b5fd" },
-  "#ddd6fe"
-);
-$(
-  "Pastel Lemon",
-  {
-    primary: "#facc15",
-    primaryHover: "#eab308",
-    success: "#4ade80",
-    warning: "#fcd34d",
-    error: "#fb7185",
-    info: "#67e8f9"
-  },
-  { primary: "#fefce8", secondary: "#fef9c3", tertiary: "#fef08a", hover: "#fef9c3" },
-  { primary: "#713f12", secondary: "#854d0e", muted: "#fde047" },
-  "#fef08a"
-);
-$(
-  "Pastel Sage",
-  {
-    primary: "#86efac",
-    primaryHover: "#4ade80",
-    success: "#22c55e",
-    warning: "#fcd34d",
-    error: "#fb7185",
-    info: "#67e8f9"
-  },
-  { primary: "#f0fdf4", secondary: "#dcfce7", tertiary: "#bbf7d0", hover: "#dcfce7" },
-  { primary: "#166534", secondary: "#15803d", muted: "#86efac" },
-  "#bbf7d0"
-);
-$(
-  "Pastel Coral",
-  {
-    primary: "#fb7185",
-    primaryHover: "#f43f5e",
-    success: "#4ade80",
-    warning: "#fcd34d",
-    error: "#ef4444",
-    info: "#67e8f9"
-  },
-  { primary: "#fff1f2", secondary: "#ffe4e6", tertiary: "#fecdd3", hover: "#ffe4e6" },
-  { primary: "#881337", secondary: "#9f1239", muted: "#fda4af" },
-  "#fecdd3"
-);
-$(
-  "Banking",
-  {
-    primary: "#1e3a5f",
-    primaryHover: "#152c4a",
-    success: "#059669",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#f8fafc", secondary: "#f1f5f9", tertiary: "#e2e8f0", hover: "#e2e8f0" },
-  { primary: "#0f172a", secondary: "#334155", muted: "#94a3b8" },
-  "#cbd5e1"
-);
-$(
-  "Healthcare",
-  {
-    primary: "#0891b2",
-    primaryHover: "#0e7490",
-    success: "#059669",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0284c7"
-  },
-  { primary: "#f0fdfa", secondary: "#e0f7fa", tertiary: "#b2ebf2", hover: "#e0f7fa" },
-  { primary: "#134e4a", secondary: "#1a6b6a", muted: "#80cbc4" },
-  "#b2dfdb"
-);
-$(
-  "Legal",
-  {
-    primary: "#1e293b",
-    primaryHover: "#0f172a",
-    success: "#059669",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0284c7"
-  },
-  { primary: "#fafaf9", secondary: "#f5f5f4", tertiary: "#e7e5e4", hover: "#e7e5e4" },
-  { primary: "#0f172a", secondary: "#44403c", muted: "#a8a29e" },
-  "#d6d3d1"
-);
-$(
-  "Tech Startup",
-  {
-    primary: "#7c3aed",
-    primaryHover: "#6d28d9",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#faf5ff", secondary: "#f3e8ff", tertiary: "#e9d5ff", hover: "#f3e8ff" },
-  { primary: "#1e1b4b", secondary: "#4c1d95", muted: "#a78bfa" },
-  "#c4b5fd"
-);
-$(
-  "Enterprise",
-  {
-    primary: "#1e40af",
-    primaryHover: "#1e3a8a",
-    success: "#059669",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#eff6ff", secondary: "#dbeafe", tertiary: "#bfdbfe", hover: "#dbeafe" },
-  { primary: "#1e3a5f", secondary: "#1e40af", muted: "#60a5fa" },
-  "#93c5fd"
-);
-$(
-  "Government",
-  {
-    primary: "#1d4ed8",
-    primaryHover: "#1e40af",
-    success: "#059669",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#f8fafc", secondary: "#f1f5f9", tertiary: "#e2e8f0", hover: "#e2e8f0" },
-  { primary: "#0f172a", secondary: "#1e293b", muted: "#64748b" },
-  "#cbd5e1"
-);
-$(
-  "Education",
-  {
-    primary: "#059669",
-    primaryHover: "#047857",
-    success: "#16a34a",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#0891b2"
-  },
-  { primary: "#f0fdf9", secondary: "#d1fae5", tertiary: "#a7f3d0", hover: "#d1fae5" },
-  { primary: "#064e3b", secondary: "#065f46", muted: "#6ee7b7" },
-  "#a7f3d0"
-);
-$(
-  "Real Estate",
-  {
-    primary: "#92400e",
-    primaryHover: "#78350f",
-    success: "#059669",
-    warning: "#b45309",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#fffbeb", secondary: "#fef3c7", tertiary: "#fde68a", hover: "#fef3c7" },
-  { primary: "#422006", secondary: "#713f12", muted: "#d97706" },
-  "#fcd34d"
-);
-$(
-  "Nord",
-  {
-    primary: "#5e81ac",
-    primaryHover: "#4c6b90",
-    success: "#a3be8c",
-    warning: "#ebcb8b",
-    error: "#bf616a",
-    info: "#88c0d0"
-  },
-  { primary: "#eceff4", secondary: "#e5e9f0", tertiary: "#d8dee9", hover: "#d8dee9" },
-  { primary: "#2e3440", secondary: "#3b4252", muted: "#4c566a" },
-  "#d8dee9"
-);
-j(
-  "Dracula",
-  {
-    primary: "#bd93f9",
-    primaryHover: "#9d79d9",
-    success: "#50fa7b",
-    warning: "#f1fa8c",
-    error: "#ff5555",
-    info: "#8be9fd"
-  },
-  { primary: "#282a36", secondary: "#343746", tertiary: "#44475a", hover: "#44475a" },
-  { primary: "#f8f8f2", secondary: "#c0c0c0", muted: "#6272a4" },
-  "#44475a"
-);
-$(
-  "Solarized Light",
-  {
-    primary: "#268bd2",
-    primaryHover: "#1a6da0",
-    success: "#859900",
-    warning: "#b58900",
-    error: "#dc322f",
-    info: "#2aa198"
-  },
-  { primary: "#fdf6e3", secondary: "#eee8d5", tertiary: "#e0dbc7", hover: "#eee8d5" },
-  { primary: "#073642", secondary: "#586e75", muted: "#93a1a1" },
-  "#eee8d5"
-);
-j(
-  "Solarized Dark",
-  {
-    primary: "#268bd2",
-    primaryHover: "#3d98db",
-    success: "#859900",
-    warning: "#b58900",
-    error: "#dc322f",
-    info: "#2aa198"
-  },
-  { primary: "#002b36", secondary: "#073642", tertiary: "#0a4858", hover: "#073642" },
-  // Solarized red is a dark fill: white on it is 4.63 : 1, the dark default 3.86
-  { primary: "#eee8d5", secondary: "#93a1a1", muted: "#586e75", onError: "#ffffff" },
-  "#073642"
-);
-j(
-  "Monokai",
-  {
-    primary: "#66d9ef",
-    primaryHover: "#45c0d6",
-    success: "#a6e22e",
-    warning: "#e6db74",
-    error: "#f92672",
-    info: "#66d9ef"
-  },
-  { primary: "#272822", secondary: "#34352e", tertiary: "#3e3d32", hover: "#3e3d32" },
-  { primary: "#f8f8f2", secondary: "#cfcfc2", muted: "#75715e" },
-  "#3e3d32"
-);
-j(
-  "One Dark",
-  {
-    primary: "#61afef",
-    primaryHover: "#4b9ee0",
-    success: "#98c379",
-    warning: "#e5c07b",
-    error: "#e06c75",
-    info: "#56b6c2"
-  },
-  { primary: "#282c34", secondary: "#2c313a", tertiary: "#353b45", hover: "#353b45" },
-  { primary: "#abb2bf", secondary: "#828997", muted: "#545862" },
-  "#3e4452"
-);
-j(
-  "Synthwave",
-  {
-    primary: "#ff7edb",
-    primaryHover: "#e660c2",
-    success: "#72f1b8",
-    warning: "#fede5d",
-    error: "#fe4450",
-    info: "#36f9f6"
-  },
-  { primary: "#241b2f", secondary: "#2d2140", tertiary: "#362a50", hover: "#362a50" },
-  { primary: "#f0e4fc", secondary: "#b4a0cc", muted: "#6c5c84" },
-  "#4a3866"
-);
-$(
-  "Vaporwave",
-  {
-    primary: "#ff71ce",
-    primaryHover: "#e655b5",
-    success: "#78dcca",
-    warning: "#ffb86c",
-    error: "#ff5555",
-    info: "#76e8fc"
-  },
-  { primary: "#fce4f7", secondary: "#e8d0f4", tertiary: "#d4bcf0", hover: "#e8d0f4" },
-  { primary: "#4a1a4e", secondary: "#7b3f7d", muted: "#c080c0" },
-  "#d8a8e8"
-);
-j(
-  "Terminal Green",
-  {
-    primary: "#00ff41",
-    primaryHover: "#00cc34",
-    success: "#00ff41",
-    warning: "#ffff00",
-    error: "#ff0000",
-    info: "#00ffff"
-  },
-  { primary: "#0a0a0a", secondary: "#0d1a0d", tertiary: "#1a2e1a", hover: "#1a2e1a" },
-  { primary: "#00ff41", secondary: "#00cc33", muted: "#008822" },
-  "#003300"
-);
-$(
-  "Sepia",
-  {
-    primary: "#8b6914",
-    primaryHover: "#704f10",
-    success: "#6b8e23",
-    warning: "#cd853f",
-    error: "#b22222",
-    info: "#5f9ea0"
-  },
-  { primary: "#faf0e6", secondary: "#f5e6d3", tertiary: "#eddcc7", hover: "#f5e6d3" },
-  { primary: "#3e2723", secondary: "#5d4037", muted: "#a1887f" },
-  "#d7ccc8"
-);
-$(
-  "Vintage",
-  {
-    primary: "#8d6e63",
-    primaryHover: "#6d4c41",
-    success: "#66bb6a",
-    warning: "#ffb300",
-    error: "#e53935",
-    info: "#29b6f6"
-  },
-  { primary: "#efebe9", secondary: "#d7ccc8", tertiary: "#bcaaa4", hover: "#d7ccc8" },
-  { primary: "#3e2723", secondary: "#5d4037", muted: "#a1887f" },
-  "#bcaaa4"
-);
-j(
-  "Cyberpunk",
-  {
-    primary: "#00f0ff",
-    primaryHover: "#00c8d4",
-    success: "#39ff14",
-    warning: "#ffff00",
-    error: "#ff003c",
-    info: "#bf00ff"
-  },
-  { primary: "#0a0e17", secondary: "#131824", tertiary: "#1c2333", hover: "#1c2333" },
-  // the purple info fill is dark: white on it is 4.51 : 1, the dark default 3.96
-  { primary: "#e0fbfc", secondary: "#80d4dd", muted: "#3a6b72", onInfo: "#ffffff" },
-  "#1c3a44"
-);
-j(
-  "Neon",
-  {
-    primary: "#ff00ff",
-    primaryHover: "#cc00cc",
-    success: "#00ff00",
-    warning: "#ffff00",
-    error: "#ff0000",
-    info: "#00ffff"
-  },
-  { primary: "#0d0d0d", secondary: "#1a1a1a", tertiary: "#262626", hover: "#262626" },
-  { primary: "#ffffff", secondary: "#cccccc", muted: "#666666" },
-  "#333333"
-);
-j(
-  "Retrowave",
-  {
-    primary: "#f77fbe",
-    primaryHover: "#e462a3",
-    success: "#72f1b8",
-    warning: "#ffe261",
-    error: "#ff4444",
-    info: "#79e8fb"
-  },
-  { primary: "#1b0a2e", secondary: "#261440", tertiary: "#321e52", hover: "#321e52" },
-  { primary: "#ffe6f7", secondary: "#c9a0c9", muted: "#6b4c7a" },
-  "#4a2d66"
-);
-$(
-  "Christmas",
-  {
-    primary: "#c41e3a",
-    primaryHover: "#a01830",
-    success: "#228b22",
-    warning: "#ffd700",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#fef2f2", secondary: "#fde8e8", tertiary: "#f8d0d0", hover: "#fde8e8" },
-  { primary: "#3b0a0a", secondary: "#7f1d1d", muted: "#dc6868" },
-  "#e8a0a0"
-);
-j(
-  "Halloween",
-  {
-    primary: "#ff6600",
-    primaryHover: "#e05500",
-    success: "#4ade80",
-    warning: "#fbbf24",
-    error: "#ff0000",
-    info: "#9333ea"
-  },
-  { primary: "#1a0a00", secondary: "#2d1500", tertiary: "#402000", hover: "#402000" },
-  // purple-600 info is a dark fill: white on it is 5.38 : 1, the dark default 3.32
-  { primary: "#ffedd5", secondary: "#fdba74", muted: "#9a5c28", onInfo: "#ffffff" },
-  "#5c3400"
-);
-$(
-  "Valentine",
-  {
-    primary: "#e11d48",
-    primaryHover: "#be123c",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#dc2626",
-    info: "#ec4899"
-  },
-  { primary: "#fff1f2", secondary: "#ffe4e6", tertiary: "#fecdd3", hover: "#ffe4e6" },
-  { primary: "#4c0519", secondary: "#881337", muted: "#f9a8d4" },
-  "#fda4af"
-);
-$(
-  "Easter",
-  {
-    primary: "#a78bfa",
-    primaryHover: "#8b5cf6",
-    success: "#4ade80",
-    warning: "#fcd34d",
-    error: "#fb7185",
-    info: "#67e8f9"
-  },
-  { primary: "#fef9ff", secondary: "#f3e8ff", tertiary: "#e8d5ff", hover: "#f3e8ff" },
-  { primary: "#581c87", secondary: "#6d28d9", muted: "#c4b5fd" },
-  "#ddd6fe"
-);
-$(
-  "Summer Beach",
-  {
-    primary: "#0ea5e9",
-    primaryHover: "#0284c7",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#fffbeb", secondary: "#fef3c7", tertiary: "#fde68a", hover: "#fef3c7" },
-  { primary: "#0c4a6e", secondary: "#0369a1", muted: "#7dd3fc" },
-  "#fcd34d"
-);
-$(
-  "Winter Frost",
-  {
-    primary: "#3b82f6",
-    primaryHover: "#2563eb",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#f0f9ff", secondary: "#e0f2fe", tertiary: "#bae6fd", hover: "#e0f2fe" },
-  { primary: "#1e3a5f", secondary: "#1e40af", muted: "#93c5fd" },
-  "#bfdbfe"
-);
-$(
-  "Cherry Blossom",
-  {
-    primary: "#ec4899",
-    primaryHover: "#db2777",
-    success: "#10b981",
-    warning: "#f59e0b",
-    error: "#ef4444",
-    info: "#06b6d4"
-  },
-  { primary: "#fdf2f8", secondary: "#fce7f3", tertiary: "#fbcfe8", hover: "#fce7f3" },
-  { primary: "#831843", secondary: "#9d174d", muted: "#f9a8d4" },
-  "#fbcfe8"
-);
-$(
-  "Harvest",
-  {
-    primary: "#b45309",
-    primaryHover: "#92400e",
-    success: "#4d7c0f",
-    warning: "#a16207",
-    error: "#b91c1c",
-    info: "#0e7490"
-  },
-  { primary: "#fffbeb", secondary: "#fef3c7", tertiary: "#fde68a", hover: "#fef3c7" },
-  { primary: "#451a03", secondary: "#78350f", muted: "#d97706" },
-  "#fcd34d"
-);
-$(
-  "Japanese Zen",
-  {
-    primary: "#6b7280",
-    primaryHover: "#4b5563",
-    success: "#6b8e23",
-    warning: "#d4a017",
-    error: "#c0392b",
-    info: "#5f9ea0"
-  },
-  { primary: "#faf9f6", secondary: "#f0ece3", tertiary: "#e6e0d4", hover: "#f0ece3" },
-  { primary: "#2c2c2c", secondary: "#5c5c5c", muted: "#a0998a" },
-  "#d5cec0"
-);
-$(
-  "Moroccan",
-  {
-    primary: "#c2410c",
-    primaryHover: "#9a3412",
-    success: "#15803d",
-    warning: "#ca8a04",
-    error: "#b91c1c",
-    info: "#0e7490"
-  },
-  { primary: "#fffbf0", secondary: "#fef3e0", tertiary: "#fde6c4", hover: "#fef3e0" },
-  { primary: "#3a1a00", secondary: "#7c2d12", muted: "#d97706" },
-  "#f5d0a0"
-);
-$(
-  "Scandinavian",
-  {
-    primary: "#4b5563",
-    primaryHover: "#374151",
-    success: "#059669",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#ffffff", secondary: "#f9fafb", tertiary: "#f3f4f6", hover: "#f3f4f6" },
-  { primary: "#111827", secondary: "#374151", muted: "#9ca3af" },
-  "#e5e7eb"
-);
-$(
-  "Mediterranean",
-  {
-    primary: "#1e40af",
-    primaryHover: "#1e3a8a",
-    success: "#059669",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#eff6ff", secondary: "#dbeafe", tertiary: "#bfdbfe", hover: "#dbeafe" },
-  { primary: "#1e3a5f", secondary: "#2563eb", muted: "#93c5fd" },
-  "#bfdbfe"
-);
-$(
-  "Chinese New Year",
-  {
-    primary: "#dc2626",
-    primaryHover: "#b91c1c",
-    success: "#16a34a",
-    warning: "#d4a017",
-    error: "#ef4444",
-    info: "#0891b2"
-  },
-  { primary: "#fef2f2", secondary: "#fee2e2", tertiary: "#fecaca", hover: "#fee2e2" },
-  { primary: "#450a0a", secondary: "#991b1b", muted: "#f87171" },
-  "#fca5a5"
-);
-$(
-  "Indian Festive",
-  {
-    primary: "#d97706",
-    primaryHover: "#b45309",
-    success: "#16a34a",
-    warning: "#ca8a04",
-    error: "#dc2626",
-    info: "#7c3aed"
-  },
-  { primary: "#fffbeb", secondary: "#fef3c7", tertiary: "#fde68a", hover: "#fef3c7" },
-  { primary: "#451a03", secondary: "#92400e", muted: "#f59e0b" },
-  "#fcd34d"
-);
-$(
-  "Brazilian Carnival",
-  {
-    primary: "#16a34a",
-    primaryHover: "#15803d",
-    success: "#22c55e",
-    warning: "#facc15",
-    error: "#ef4444",
-    info: "#0ea5e9"
-  },
-  { primary: "#f0fdf4", secondary: "#dcfce7", tertiary: "#bbf7d0", hover: "#dcfce7" },
-  { primary: "#052e16", secondary: "#166534", muted: "#4ade80" },
-  "#86efac"
-);
-$(
-  "African Earth",
-  {
-    primary: "#92400e",
-    primaryHover: "#78350f",
-    success: "#4d7c0f",
-    warning: "#a16207",
-    error: "#b91c1c",
-    info: "#0e7490"
-  },
-  { primary: "#faf5f0", secondary: "#f0e6d6", tertiary: "#e6d5bb", hover: "#f0e6d6" },
-  { primary: "#2b1a0e", secondary: "#5c3d1e", muted: "#a08060" },
-  "#d4b896"
-);
-j(
-  "High Contrast Dark",
-  {
-    primary: "#ffff00",
-    primaryHover: "#cccc00",
-    success: "#00ff00",
-    warning: "#ff8c00",
-    error: "#ff0000",
-    info: "#00ffff"
-  },
-  { primary: "#000000", secondary: "#1a1a1a", tertiary: "#333333", hover: "#333333" },
-  { primary: "#ffffff", secondary: "#ffffff", muted: "#cccccc" },
-  "#ffffff"
-);
-$(
-  "Monochrome",
-  {
-    primary: "#404040",
-    primaryHover: "#262626",
-    success: "#4d7c0f",
-    warning: "#a16207",
-    error: "#b91c1c",
-    info: "#0e7490"
-  },
-  { primary: "#fafafa", secondary: "#f0f0f0", tertiary: "#e0e0e0", hover: "#e0e0e0" },
-  { primary: "#1a1a1a", secondary: "#404040", muted: "#808080" },
-  "#c0c0c0"
-);
-$(
-  "Enhanced Contrast",
-  {
-    primary: "#0050b3",
-    primaryHover: "#003d8c",
-    success: "#006400",
-    warning: "#cc7000",
-    error: "#cc0000",
-    info: "#006680"
-  },
-  { primary: "#ffffff", secondary: "#f5f5f5", tertiary: "#ebebeb", hover: "#ebebeb" },
-  { primary: "#000000", secondary: "#1a1a1a", muted: "#595959" },
-  "#8c8c8c"
-);
-$(
-  "Minimalist",
-  {
-    primary: "#18181b",
-    primaryHover: "#27272a",
-    success: "#22c55e",
-    warning: "#eab308",
-    error: "#ef4444",
-    info: "#3b82f6"
-  },
-  { primary: "#ffffff", secondary: "#fafafa", tertiary: "#f5f5f5", hover: "#f5f5f5" },
-  { primary: "#0a0a0a", secondary: "#404040", muted: "#a3a3a3" },
-  "#e5e5e5"
-);
-j(
-  "Warm Dark",
-  {
-    primary: "#f59e0b",
-    primaryHover: "#d97706",
-    success: "#10b981",
-    warning: "#fbbf24",
-    error: "#f87171",
-    info: "#38bdf8"
-  },
-  { primary: "#1c1917", secondary: "#292524", tertiary: "#44403c", hover: "#44403c" },
-  { primary: "#fafaf9", secondary: "#d6d3d1", muted: "#78716c" },
-  "#57534e"
-);
-j(
-  "Soft Dark",
-  {
-    primary: "#a78bfa",
-    primaryHover: "#8b5cf6",
-    success: "#34d399",
-    warning: "#fcd34d",
-    error: "#fb7185",
-    info: "#67e8f9"
-  },
-  { primary: "#1e1e2e", secondary: "#262637", tertiary: "#313147", hover: "#313147" },
-  { primary: "#e8e8f0", secondary: "#a0a0b8", muted: "#5c5c74" },
-  "#3e3e58"
-);
-$(
-  "Coffee",
-  {
-    primary: "#6f4e37",
-    primaryHover: "#5c3d28",
-    success: "#4d7c0f",
-    warning: "#a16207",
-    error: "#b91c1c",
-    info: "#0e7490"
-  },
-  { primary: "#faf6f1", secondary: "#f0e8dc", tertiary: "#e6d8c6", hover: "#f0e8dc" },
-  { primary: "#2c1a0e", secondary: "#5c3d28", muted: "#a08868" },
-  "#d4c4a8"
-);
-$(
-  "Wine",
-  {
-    primary: "#7f1d1d",
-    primaryHover: "#641717",
-    success: "#059669",
-    warning: "#d97706",
-    error: "#dc2626",
-    info: "#0891b2"
-  },
-  { primary: "#fef2f2", secondary: "#fde8e8", tertiary: "#f8d0d0", hover: "#fde8e8" },
-  { primary: "#3b0a0a", secondary: "#7f1d1d", muted: "#dc6868" },
-  "#e8a0a0"
-);
-const gr = process.env.NODE_ENV === "development";
-let V = {
-  enabled: gr,
-  slowRenderThreshold: 16
-};
-const We = [], te = /* @__PURE__ */ new Map(), _e = /* @__PURE__ */ new Map();
-function yr() {
-  We.length = 0, te.clear(), _e.clear();
-}
-function hr(e) {
-  const t = V.slowRenderThreshold;
-  return We.filter((r) => r.actualDuration > t);
-}
-function ee(e) {
-  return e < 1 ? `${(e * 1e3).toFixed(0)}μs` : e < 1e3 ? `${e.toFixed(2)}ms` : `${(e / 1e3).toFixed(2)}s`;
-}
-function ei() {
-  const e = Array.from(te.values()), t = hr(), r = e.reduce((o, i) => o + i.renderCount, 0), a = e.length > 0 ? e.reduce((o, i) => o + i.avgRenderTime, 0) / e.length : 0, n = Array.from(_e.values());
-  return { stats: e, slowRenders: t, totalRenders: r, avgRenderTime: a, marks: n };
-}
-function br() {
-  const e = ei();
-  console.group(
-    "%c[Nice2Dev Performance Report]",
-    "color: var(--nice-info, #6366f1); font-weight: bold; font-size: 14px"
-  ), console.log(`Total renders: ${e.totalRenders}`), console.log(`Average render time: ${ee(e.avgRenderTime)}`), console.log(`Slow renders: ${e.slowRenders.length}`), console.group("Component Stats"), console.table(
-    e.stats.sort((t, r) => r.totalRenderTime - t.totalRenderTime).map((t) => ({
-      Name: t.componentName,
-      Renders: t.renderCount,
-      "Avg Time": ee(t.avgRenderTime),
-      "Max Time": ee(t.maxRenderTime),
-      "Total Time": ee(t.totalRenderTime),
-      "Slow Renders": t.slowRenderCount
-    }))
-  ), console.groupEnd(), e.slowRenders.length > 0 && (console.group("Slow Renders (last 10)"), console.table(
-    e.slowRenders.slice(-10).map((t) => ({
-      Component: t.componentName,
-      Phase: t.phase,
-      Duration: ee(t.actualDuration),
-      Time: new Date(t.timestamp).toLocaleTimeString()
-    }))
-  ), console.groupEnd()), e.marks.length > 0 && (console.group("Custom Marks"), console.table(
-    e.marks.filter((t) => t.duration).map((t) => ({
-      Name: t.name,
-      Duration: ee(t.duration)
-    }))
-  ), console.groupEnd()), console.groupEnd();
-}
-const ai = memo(
-  ({ position: e = "bottom-right", defaultCollapsed: t = true }) => {
-    const [r, a] = useState(t), [n, o] = useState([]), [i, s] = useState({ used: 0, total: 0 });
-    if (useEffect(() => {
-      const l = () => {
-        const u = Array.from(te.values());
-        o(u.sort((y, f) => f.totalRenderTime - y.totalRenderTime).slice(0, 10));
-        const m = window.performance;
-        m.memory && s({
-          used: m.memory.usedJSHeapSize / 1024 / 1024,
-          total: m.memory.totalJSHeapSize / 1024 / 1024
-        });
-      };
-      l();
-      const d = setInterval(l, 2e3);
-      return () => clearInterval(d);
-    }, []), !V.enabled)
-      return null;
-    const c = {
-      position: "fixed",
-      zIndex: 99999,
-      ...e.includes("top") ? { top: 8 } : { bottom: 8 },
-      ...e.includes("left") ? { left: 8 } : { right: 8 }
-    };
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        style: {
-          ...c,
-          background: "var(--nice-overlay-85, rgba(0, 0, 0, 0.85))",
-          color: "var(--nice-color-white, #fff)",
-          borderRadius: 8,
-          fontSize: 11,
-          fontFamily: "Monaco, Consolas, monospace",
-          padding: r ? "4px 8px" : 8,
-          maxWidth: r ? "auto" : 300,
-          maxHeight: r ? "auto" : 400,
-          overflow: "auto"
-        },
-        children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              style: { cursor: "pointer", display: "flex", alignItems: "center", gap: 8 },
-              onClick: () => a((l) => !l),
-              children: [
-                /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    "aria-hidden": "true",
-                    style: {
-                      width: 8,
-                      height: 8,
-                      borderRadius: "50%",
-                      background: "var(--nice-color-success, #22c55e)"
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { children: "Profiler" }),
-                i.used > 0 && /* @__PURE__ */ jsxs(
-                  "span",
-                  {
-                    style: {
-                      color: i.used > 100 ? "var(--nice-color-warning, #f59e0b)" : "var(--nice-text-muted, #64748b)"
-                    },
-                    children: [
-                      i.used.toFixed(0),
-                      "MB"
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { style: { marginLeft: "auto", opacity: 0.5, display: "inline-flex" }, children: /* @__PURE__ */ jsx(Ae, { name: r ? "chevron-down" : "chevron-up", size: 12 }) })
-              ]
-            }
-          ),
-          !r && /* @__PURE__ */ jsxs("div", { style: { marginTop: 8 }, children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                style: {
-                  borderBottom: "1px solid var(--nice-border-color, #333)",
-                  paddingBottom: 4,
-                  marginBottom: 8
-                },
-                children: /* @__PURE__ */ jsx("strong", { children: "Top Components" })
-              }
-            ),
-            n.map((l) => /* @__PURE__ */ jsxs("div", { style: { marginBottom: 4, display: "flex", gap: 8 }, children: [
-              /* @__PURE__ */ jsx("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis" }, children: l.componentName }),
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  style: {
-                    color: l.avgRenderTime > 16 ? "var(--nice-color-warning, #f59e0b)" : "var(--nice-color-success, #22c55e)"
-                  },
-                  children: ee(l.avgRenderTime)
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                "span",
-                {
-                  style: {
-                    color: "var(--nice-text-muted, #64748b)",
-                    minWidth: 30,
-                    textAlign: "right"
-                  },
-                  children: [
-                    "x",
-                    l.renderCount
-                  ]
-                }
-              )
-            ] }, l.componentName)),
-            /* @__PURE__ */ jsxs("div", { style: { marginTop: 8, display: "flex", gap: 8 }, children: [
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: br,
-                  style: {
-                    flex: 1,
-                    padding: "4px 8px",
-                    background: "var(--nice-bg-tertiary, #333)",
-                    border: "none",
-                    borderRadius: 4,
-                    color: "var(--nice-text-primary, #fff)",
-                    cursor: "pointer",
-                    fontSize: 10
-                  },
-                  children: "Print Report"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: yr,
-                  style: {
-                    flex: 1,
-                    padding: "4px 8px",
-                    background: "var(--nice-bg-tertiary, #333)",
-                    border: "none",
-                    borderRadius: 4,
-                    color: "var(--nice-text-primary, #fff)",
-                    cursor: "pointer",
-                    fontSize: 10
-                  },
-                  children: "Clear"
-                }
-              )
-            ] })
-          ] })
-        ]
-      }
-    );
-  }
-);
-ai.displayName = "ProfilerOverlay";
+process.env.NODE_ENV !== "production" && "NiceRTLProvider";
+process.env.NODE_ENV !== "production" && "NiceAccessControl";
+process.env.NODE_ENV !== "production" && "NiceA11yProvider";
+process.env.NODE_ENV !== "production" && "NiceVisuallyHidden";
+process.env.NODE_ENV !== "production" && "NiceSkipLink";
+process.env.NODE_ENV !== "production" && "NiceKeyboardHint";
+process.env.NODE_ENV !== "production" && "NiceThemeProvider";
+process.env.NODE_ENV !== "production" && "NiceTestWrapper";
 process.env.NODE_ENV === "development";
-createContext(null);
-createContext({
-  enabled: true,
-  active: false,
-  run: () => {
-  }
-});
-const Dt = "nice-tutorial-button-styles";
-if (typeof document < "u" && !document.getElementById(Dt)) {
-  const e = document.createElement("style");
-  e.id = Dt, e.textContent = `
-    .nice-tutorial-button {
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      border: 1px solid var(--nice-border, #cbd5e1);
-      background: var(--nice-bg, #fff);
-      color: var(--nice-text-secondary, #475569);
-      border-radius: var(--nice-radius-full, 9999px);
-      cursor: help;
-      font-weight: 700;
-      line-height: 1;
-      padding: 0;
-      transition: background var(--nice-transition, 200ms ease), color var(--nice-transition, 200ms ease), border-color var(--nice-transition, 200ms ease);
-    }
-    .nice-tutorial-button:hover {
-      background: var(--nice-primary, #2563eb);
-      border-color: var(--nice-primary, #2563eb);
-      color: var(--nice-text-inverse, #fff);
-    }
-    .nice-tutorial-button:focus-visible {
-      outline: none;
-      box-shadow: 0 0 0 2px var(--nice-bg, #fff), 0 0 0 4px var(--nice-primary, #2563eb);
-    }
-    .nice-tutorial-button--sm { width: 16px; height: 16px; font-size: 11px; }
-    .nice-tutorial-button--md { width: 20px; height: 20px; font-size: 12px; }
-  `, document.head.appendChild(e);
-}
-createContext(null);
-createContext(null);
-createContext(null);
-createContext(null);
+process.env.NODE_ENV === "development";
+process.env.NODE_ENV !== "production" && "NiceHelpProvider";
+process.env.NODE_ENV !== "production" && "NiceInlineHelp";
+process.env.NODE_ENV !== "production" && "NiceQuickHelp";
+process.env.NODE_ENV !== "production" && "NiceHelpIcon";
+const EMPTY_RESOURCES = [];
+const EMPTY_ALLOCATIONS = [];
 const DEFAULT_VIEW_CONFIG$1 = {
   timeUnit: "day",
   showUtilization: true,
@@ -1997,8 +317,8 @@ const TIME_INCREMENTS = {
   year: 365 * 24 * 60 * 60 * 1e3
 };
 const NiceCapacityPlanner = ({
-  resources,
-  allocations,
+  resources = EMPTY_RESOURCES,
+  allocations = EMPTY_ALLOCATIONS,
   dateRange,
   viewConfig: externalConfig,
   onAllocationCreate,
@@ -2008,7 +328,8 @@ const NiceCapacityPlanner = ({
   readOnly = false,
   className = ""
 }) => {
-  var _a2, _b;
+  var _a, _b;
+  const { t } = v();
   const config = { ...DEFAULT_VIEW_CONFIG$1, ...externalConfig };
   const [selectedAllocation, setSelectedAllocation] = useState(null);
   const [hoveredCell, setHoveredCell] = useState(null);
@@ -2035,15 +356,15 @@ const NiceCapacityPlanner = ({
       timePeriods.forEach((period) => {
         const periodStart = period.getTime();
         const periodEnd = periodStart + TIME_INCREMENTS[timeUnit];
-        const periodAllocations = allocations.filter((a) => {
-          if (a.resourceId !== resource.id) {
+        const periodAllocations = allocations.filter((a2) => {
+          if (a2.resourceId !== resource.id) {
             return false;
           }
-          const allocStart = a.start.getTime();
-          const allocEnd = a.end.getTime();
+          const allocStart = a2.start.getTime();
+          const allocEnd = a2.end.getTime();
           return allocStart < periodEnd && allocEnd > periodStart;
         });
-        const allocatedHours = periodAllocations.reduce((sum, a) => sum + a.hoursPerDay, 0);
+        const allocatedHours = periodAllocations.reduce((sum, a2) => sum + a2.hoursPerDay, 0);
         const availableHours = resource.maxCapacity;
         const utilizationPercent = availableHours > 0 ? allocatedHours / availableHours * 100 : 0;
         resourceMap.set(periodStart, {
@@ -2067,12 +388,12 @@ const NiceCapacityPlanner = ({
         if (util.overallocated) {
           const period = new Date(periodStart);
           const periodEnd = periodStart + TIME_INCREMENTS[timeUnit];
-          const conflictAllocations = allocations.filter((a) => {
-            if (a.resourceId !== resourceId) {
+          const conflictAllocations = allocations.filter((a2) => {
+            if (a2.resourceId !== resourceId) {
               return false;
             }
-            const allocStart = a.start.getTime();
-            const allocEnd = a.end.getTime();
+            const allocStart = a2.start.getTime();
+            const allocEnd = a2.end.getTime();
             return allocStart < periodEnd && allocEnd > periodStart;
           });
           conflictList.push({
@@ -2091,20 +412,20 @@ const NiceCapacityPlanner = ({
     (resourceId, date) => {
       const periodStart = date.getTime();
       const periodEnd = periodStart + TIME_INCREMENTS[timeUnit];
-      return allocations.filter((a) => {
-        if (a.resourceId !== resourceId) {
+      return allocations.filter((a2) => {
+        if (a2.resourceId !== resourceId) {
           return false;
         }
-        const allocStart = a.start.getTime();
-        const allocEnd = a.end.getTime();
+        const allocStart = a2.start.getTime();
+        const allocEnd = a2.end.getTime();
         return allocStart < periodEnd && allocEnd > periodStart;
       });
     },
     [allocations, timeUnit]
   );
   const getCellColor = (resourceId, date) => {
-    var _a3;
-    const util = (_a3 = utilizationMap.get(resourceId)) == null ? void 0 : _a3.get(date.getTime());
+    var _a2;
+    const util = (_a2 = utilizationMap.get(resourceId)) == null ? void 0 : _a2.get(date.getTime());
     if (!util) {
       return "transparent";
     }
@@ -2134,7 +455,7 @@ const NiceCapacityPlanner = ({
     }
   };
   const handleCellClick = (resourceId, date) => {
-    var _a3;
+    var _a2;
     if (readOnly) {
       return;
     }
@@ -2142,7 +463,7 @@ const NiceCapacityPlanner = ({
       resourceId,
       start: date,
       end: new Date(date.getTime() + TIME_INCREMENTS[timeUnit]),
-      hoursPerDay: ((_a3 = resources.find((r) => r.id === resourceId)) == null ? void 0 : _a3.maxCapacity) || 8,
+      hoursPerDay: ((_a2 = resources.find((r) => r.id === resourceId)) == null ? void 0 : _a2.maxCapacity) || 8,
       status: "tentative"
     });
     setShowAllocationModal(true);
@@ -2189,47 +510,45 @@ const NiceCapacityPlanner = ({
     }
   };
   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: [
+    /* @__PURE__ */ jsxs("header", { className: "nice-resource-allocation__toolbar", children: [
+      /* @__PURE__ */ jsxs("div", { className: "nice-resource-allocation__toolbar-left", children: [
+        /* @__PURE__ */ jsx("h2", { children: t("capacityPlanner.resourceAllocation", "Resource Allocation") }),
+        /* @__PURE__ */ jsxs("span", { className: "nice-resource-allocation__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(
+      /* @__PURE__ */ jsx("div", { className: "nice-resource-allocation__toolbar-center", children: /* @__PURE__ */ jsx("div", { className: "nice-resource-allocation__time-unit-selector", children: ["day", "week", "month"].map((unit) => /* @__PURE__ */ jsx(
         "button",
         {
-          className: `unit-button ${timeUnit === unit ? "unit-button--active" : ""}`,
+          className: `nice-resource-allocation__unit-button ${timeUnit === unit ? "nice-resource-allocation__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: /* @__PURE__ */ jsx(Ae, { name: "warning", size: 14 }) }),
-        conflicts.length,
-        " Conflict",
-        conflicts.length !== 1 ? "s" : ""
+      /* @__PURE__ */ jsx("div", { className: "nice-resource-allocation__toolbar-right", children: config.showConflicts && conflicts.length > 0 && /* @__PURE__ */ jsxs("div", { className: "nice-resource-allocation__conflicts-badge", children: [
+        /* @__PURE__ */ jsx("span", { className: "nice-resource-allocation__badge-icon", children: /* @__PURE__ */ jsx(re, { name: "warning", size: 14 }) }),
+        (conflicts.length === 1 ? t("capacityPlanner.oneConflict", "1 Conflict") : t("capacityPlanner.conflicts", "{count} Conflicts")).replace("{count}", String(conflicts.length))
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "allocation__legend", children: [
-      /* @__PURE__ */ jsxs("div", { className: "legend-item", children: [
+    /* @__PURE__ */ jsxs("div", { className: "nice-resource-allocation__legend", children: [
+      /* @__PURE__ */ jsxs("div", { className: "nice-resource-allocation__legend-item", children: [
         /* @__PURE__ */ jsx(
           "span",
           {
-            className: "legend-color",
+            className: "nice-resource-allocation__legend-color",
             style: { backgroundColor: "var(--nice-success-tint-20, rgba(34, 197, 94, 0.2))" }
           }
         ),
-        /* @__PURE__ */ jsx("span", { children: "Allocated" })
+        /* @__PURE__ */ jsx("span", { children: t("capacityPlanner.allocated", "Allocated") })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "legend-item", children: [
+      /* @__PURE__ */ jsxs("div", { className: "nice-resource-allocation__legend-item", children: [
         /* @__PURE__ */ jsx(
           "span",
           {
-            className: "legend-color",
+            className: "nice-resource-allocation__legend-color",
             style: { backgroundColor: "var(--nice-warning-tint-30, rgba(245, 158, 11, 0.3))" }
           }
         ),
@@ -2241,70 +560,77 @@ const NiceCapacityPlanner = ({
           "%)"
         ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "legend-item", children: [
+      /* @__PURE__ */ jsxs("div", { className: "nice-resource-allocation__legend-item", children: [
         /* @__PURE__ */ jsx(
           "span",
           {
-            className: "legend-color",
+            className: "nice-resource-allocation__legend-color",
             style: { backgroundColor: "var(--nice-danger-tint-40, rgba(239, 68, 68, 0.4))" }
           }
         ),
-        /* @__PURE__ */ jsx("span", { children: "Overallocated" })
+        /* @__PURE__ */ jsx("span", { children: t("capacityPlanner.overallocated", "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__ */ jsxs("div", { className: "nice-resource-allocation__grid", children: [
+      /* @__PURE__ */ jsxs("div", { className: "nice-resource-allocation__grid-header", children: [
+        /* @__PURE__ */ jsx("div", { className: "nice-resource-allocation__resource-header", children: t("capacityPlanner.resource", "Resource") }),
+        /* @__PURE__ */ jsx("div", { className: "nice-resource-allocation__time-headers", children: timePeriods.map((period, idx) => /* @__PURE__ */ jsx("div", { className: "nice-resource-allocation__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: /* @__PURE__ */ jsx(
-                Ae,
+      /* @__PURE__ */ jsx("div", { className: "nice-resource-allocation__grid-body", children: resources.map((resource) => /* @__PURE__ */ jsxs("div", { className: "nice-resource-allocation__resource-row", children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "nice-resource-allocation__resource-cell",
+            onClick: () => onResourceClick == null ? void 0 : onResourceClick(resource),
+            children: [
+              /* @__PURE__ */ jsx(
+                "button",
                 {
-                  name: expandedResources.has(resource.id) ? "chevron-down" : "chevron-right",
-                  size: 14
+                  className: "nice-resource-allocation__expand-button",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    toggleResource(resource.id);
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    re,
+                    {
+                      name: expandedResources.has(resource.id) ? "chevron-down" : "chevron-right",
+                      size: 14
+                    }
+                  )
                 }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: "resource-icon", children: /* @__PURE__ */ jsx(Ae, { name: getResourceTypeIcon(resource.type), size: 16 }) }),
-          /* @__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 _a3;
+              ),
+              /* @__PURE__ */ jsx("span", { className: "nice-resource-allocation__resource-icon", children: /* @__PURE__ */ jsx(re, { name: getResourceTypeIcon(resource.type), size: 16 }) }),
+              /* @__PURE__ */ jsxs("div", { className: "nice-resource-allocation__resource-info", children: [
+                /* @__PURE__ */ jsx("span", { className: "nice-resource-allocation__resource-name", children: resource.name }),
+                resource.department && /* @__PURE__ */ jsx("span", { className: "nice-resource-allocation__resource-dept", children: resource.department })
+              ] }),
+              /* @__PURE__ */ jsxs("span", { className: "nice-resource-allocation__resource-capacity", children: [
+                resource.maxCapacity,
+                "h/day"
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "nice-resource-allocation__time-cells", children: timePeriods.map((period, idx) => {
+          var _a2;
           const cellAllocations = getCellAllocations(resource.id, period);
-          const util = (_a3 = utilizationMap.get(resource.id)) == null ? void 0 : _a3.get(period.getTime());
+          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" : ""}`,
+              className: `nice-resource-allocation__time-cell ${isHovered ? "nice-resource-allocation__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.length > 0 && /* @__PURE__ */ jsxs("div", { className: "nice-resource-allocation__allocation-indicators", children: [
                   cellAllocations.slice(0, 2).map((alloc) => /* @__PURE__ */ jsx(
                     "div",
                     {
-                      className: `allocation-dot ${alloc.status}`,
+                      className: `nice-resource-allocation__allocation-dot nice-resource-allocation__allocation-dot--${alloc.status}`,
                       onClick: (e) => {
                         e.stopPropagation();
                         setSelectedAllocation(alloc.id);
@@ -2312,12 +638,12 @@ const NiceCapacityPlanner = ({
                     },
                     alloc.id
                   )),
-                  cellAllocations.length > 2 && /* @__PURE__ */ jsxs("span", { className: "more-indicator", children: [
+                  cellAllocations.length > 2 && /* @__PURE__ */ jsxs("span", { className: "nice-resource-allocation__more-indicator", children: [
                     "+",
                     cellAllocations.length - 2
                   ] })
                 ] }),
-                config.showUtilization && util && util.allocatedHours > 0 && /* @__PURE__ */ jsxs("span", { className: "utilization-label", children: [
+                config.showUtilization && util && util.allocatedHours > 0 && /* @__PURE__ */ jsxs("span", { className: "nice-resource-allocation__utilization-label", children: [
                   util.allocatedHours.toFixed(1),
                   "h"
                 ] })
@@ -2326,7 +652,7 @@ const NiceCapacityPlanner = ({
             idx
           );
         }) }),
-        expandedResources.has(resource.id) && /* @__PURE__ */ jsx("div", { className: "expanded-allocations", children: allocations.filter((a) => a.resourceId === resource.id).map((allocation) => {
+        expandedResources.has(resource.id) && /* @__PURE__ */ jsx("div", { className: "nice-resource-allocation__expanded-allocations", children: allocations.filter((a2) => a2.resourceId === resource.id).map((allocation) => {
           const startIdx = timePeriods.findIndex(
             (p) => p.getTime() <= allocation.start.getTime()
           );
@@ -2342,26 +668,27 @@ const NiceCapacityPlanner = ({
           return /* @__PURE__ */ jsxs(
             "div",
             {
-              className: `allocation-bar ${allocation.status} ${selectedAllocation === allocation.id ? "selected" : ""}`,
+              className: `nice-resource-allocation__allocation-bar nice-resource-allocation__allocation-bar--${allocation.status} ${selectedAllocation === allocation.id ? "nice-resource-allocation__allocation-bar--selected" : ""}`,
               style: {
                 left: `${leftPercent}%`,
                 width: `${widthPercent}%`
               },
               onClick: () => setSelectedAllocation(allocation.id),
               children: [
-                /* @__PURE__ */ jsxs("span", { className: "allocation-label", children: [
+                /* @__PURE__ */ jsxs("span", { className: "nice-resource-allocation__allocation-label", children: [
                   allocation.hoursPerDay,
                   "h/day"
                 ] }),
                 !readOnly && /* @__PURE__ */ jsx(
                   "button",
                   {
-                    className: "delete-allocation",
+                    "aria-label": t("capacityPlanner.close", "Close"),
+                    className: "nice-resource-allocation__delete-allocation",
                     onClick: (e) => {
                       e.stopPropagation();
                       onAllocationDelete == null ? void 0 : onAllocationDelete(allocation.id);
                     },
-                    children: "×"
+                    children: /* @__PURE__ */ jsx(re, { name: "close", size: 14 })
                   }
                 )
               ]
@@ -2371,98 +698,127 @@ const NiceCapacityPlanner = ({
         }) })
       ] }, 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: ((_a2 = newAllocation.start) == null ? void 0 : _a2.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" })
-      ] })
-    ] }) })
+    showAllocationModal && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "nice-resource-allocation__modal-overlay",
+        onClick: () => setShowAllocationModal(false),
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "nice-resource-allocation__allocation-modal",
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              /* @__PURE__ */ jsx("h3", { children: t("capacityPlanner.createAllocation", "Create Allocation") }),
+              /* @__PURE__ */ jsxs("div", { className: "nice-resource-allocation__modal-form", children: [
+                /* @__PURE__ */ jsxs("label", { children: [
+                  t("capacityPlanner.resource", "Resource"),
+                  /* @__PURE__ */ jsxs(
+                    "select",
+                    {
+                      value: newAllocation.resourceId || "",
+                      onChange: (e) => setNewAllocation((prev) => ({ ...prev, resourceId: e.target.value })),
+                      children: [
+                        /* @__PURE__ */ jsx("option", { value: "", children: t("capacityPlanner.selectResource", "Select resource...") }),
+                        resources.map((r) => /* @__PURE__ */ jsx("option", { value: r.id, children: r.name }, r.id))
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("label", { children: [
+                  t("capacityPlanner.startDate", "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: [
+                  t("capacityPlanner.endDate", "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: [
+                  t("capacityPlanner.hoursPerDay", "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: [
+                  t("capacityPlanner.status", "Status"),
+                  /* @__PURE__ */ jsxs(
+                    "select",
+                    {
+                      value: newAllocation.status || "tentative",
+                      onChange: (e) => setNewAllocation((prev) => ({
+                        ...prev,
+                        status: e.target.value
+                      })),
+                      children: [
+                        /* @__PURE__ */ jsx("option", { value: "tentative", children: t("capacityPlanner.tentative", "Tentative") }),
+                        /* @__PURE__ */ jsx("option", { value: "confirmed", children: t("capacityPlanner.confirmed", "Confirmed") })
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("label", { children: [
+                  t("capacityPlanner.notes", "Notes"),
+                  /* @__PURE__ */ jsx(
+                    "textarea",
+                    {
+                      value: newAllocation.notes || "",
+                      onChange: (e) => setNewAllocation((prev) => ({ ...prev, notes: e.target.value })),
+                      placeholder: t("capacityPlanner.optionalNotes", "Optional notes...")
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "nice-resource-allocation__modal-actions", children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    className: "nice-resource-allocation__cancel-button",
+                    onClick: () => setShowAllocationModal(false),
+                    children: t("capacityPlanner.cancel", "Cancel")
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    className: "nice-resource-allocation__create-button",
+                    onClick: handleCreateAllocation,
+                    children: t("capacityPlanner.createAllocation", "Create Allocation")
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    )
   ] });
 };
+const EMPTY_ITEMS = [];
 const DEFAULT_VIEW_CONFIG = {
   view: "grid",
   sortBy: "name",
@@ -2471,7 +827,7 @@ const DEFAULT_VIEW_CONFIG = {
   pageSize: 24
 };
 const NiceInventoryManager = ({
-  items,
+  items = EMPTY_ITEMS,
   transactions = [],
   viewConfig: externalConfig,
   onItemCreate,
@@ -2480,10 +836,12 @@ const NiceInventoryManager = ({
   onTransactionCreate,
   onStockCount,
   onItemClick,
+  onCreatePurchaseOrder,
   readOnly = false,
   className = ""
 }) => {
-  var _a2, _b;
+  var _a, _b;
+  const { t } = v();
   const config = { ...DEFAULT_VIEW_CONFIG, ...externalConfig };
   const [filters, setFilters] = useState({});
   const [view, setView] = useState(config.view);
@@ -2500,18 +858,18 @@ const NiceInventoryManager = ({
     return Array.from(new Set(items.map((item) => item.category))).sort();
   }, [items]);
   const filteredItems = useMemo(() => {
-    var _a3, _b2;
+    var _a2, _b2;
     let result = [...items];
     if (filters.searchQuery) {
       const query = filters.searchQuery.toLowerCase();
       result = result.filter(
         (item) => {
-          var _a4;
-          return item.name.toLowerCase().includes(query) || item.sku.toLowerCase().includes(query) || ((_a4 = item.description) == null ? void 0 : _a4.toLowerCase().includes(query));
+          var _a3;
+          return item.name.toLowerCase().includes(query) || item.sku.toLowerCase().includes(query) || ((_a3 = item.description) == null ? void 0 : _a3.toLowerCase().includes(query));
         }
       );
     }
-    if ((_a3 = filters.categories) == null ? void 0 : _a3.length) {
+    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) {
@@ -2520,24 +878,24 @@ const NiceInventoryManager = ({
     if (filters.lowStockOnly) {
       result = result.filter((item) => item.quantity <= item.reorderLevel);
     }
-    result.sort((a, b) => {
-      var _a4, _b3;
+    result.sort((a2, b) => {
+      var _a3, _b3;
       let comparison = 0;
       switch (sortBy) {
         case "name":
-          comparison = a.name.localeCompare(b.name);
+          comparison = a2.name.localeCompare(b.name);
           break;
         case "sku":
-          comparison = a.sku.localeCompare(b.sku);
+          comparison = a2.sku.localeCompare(b.sku);
           break;
         case "quantity":
-          comparison = a.quantity - b.quantity;
+          comparison = a2.quantity - b.quantity;
           break;
         case "value":
-          comparison = a.quantity * a.cost.amount - b.quantity * b.cost.amount;
+          comparison = a2.quantity * a2.cost.amount - b.quantity * b.cost.amount;
           break;
         case "lastUpdated":
-          comparison = (((_a4 = a.lastCountDate) == null ? void 0 : _a4.getTime()) || 0) - (((_b3 = b.lastCountDate) == null ? void 0 : _b3.getTime()) || 0);
+          comparison = (((_a3 = a2.lastCountDate) == null ? void 0 : _a3.getTime()) || 0) - (((_b3 = b.lastCountDate) == null ? void 0 : _b3.getTime()) || 0);
           break;
       }
       return sortOrder === "asc" ? comparison : -comparison;
@@ -2553,7 +911,7 @@ const NiceInventoryManager = ({
     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);
+    return [...transactions].sort((a2, b) => b.date.getTime() - a2.date.getTime()).slice(0, 50);
   }, [transactions]);
   const kanbanGroups = useMemo(() => {
     if (view !== "kanban") {
@@ -2569,8 +927,8 @@ const NiceInventoryManager = ({
     ];
     statuses.forEach((status) => groups.set(status, []));
     filteredItems.forEach((item) => {
-      var _a3;
-      (_a3 = groups.get(item.status)) == null ? void 0 : _a3.push(item);
+      var _a2;
+      (_a2 = groups.get(item.status)) == null ? void 0 : _a2.push(item);
     });
     return groups;
   }, [filteredItems, view]);
@@ -2651,35 +1009,35 @@ const NiceInventoryManager = ({
     });
   };
   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__ */ jsxs("header", { className: "nice-inventory-manager__toolbar", children: [
+      /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__toolbar-left", children: [
+        /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__search-box", children: [
           /* @__PURE__ */ jsx(
             "input",
             {
               type: "text",
-              placeholder: "Search items...",
+              placeholder: t("inventoryManager.searchItems", "Search items..."),
               value: filters.searchQuery || "",
               onChange: (e) => setFilters((prev) => ({ ...prev, searchQuery: e.target.value }))
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: "search-icon", children: /* @__PURE__ */ jsx(Ae, { name: "search", size: 14 }) })
+          /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__search-icon", children: /* @__PURE__ */ jsx(re, { name: "search", size: 14 }) })
         ] }),
         /* @__PURE__ */ jsxs(
           "select",
           {
-            value: ((_a2 = filters.categories) == null ? void 0 : _a2[0]) || "",
+            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" }),
+              /* @__PURE__ */ jsx("option", { value: "", children: t("inventoryManager.allCategories", "All Categories") }),
               categories.map((cat) => /* @__PURE__ */ jsx("option", { value: cat, children: cat }, cat))
             ]
           }
         ),
-        /* @__PURE__ */ jsxs("label", { className: "filter-checkbox", children: [
+        /* @__PURE__ */ jsxs("label", { className: "nice-inventory-manager__filter-checkbox", children: [
           /* @__PURE__ */ jsx(
             "input",
             {
@@ -2688,29 +1046,29 @@ const NiceInventoryManager = ({
               onChange: (e) => setFilters((prev) => ({ ...prev, lowStockOnly: e.target.checked }))
             }
           ),
-          "Low Stock Only"
+          t("inventoryManager.lowStockOnly", "Low Stock Only")
         ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "toolbar__right", children: [
-        /* @__PURE__ */ jsx("div", { className: "view-selector", children: ["grid", "list", "kanban"].map((v) => /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__toolbar-right", children: [
+        /* @__PURE__ */ jsx("div", { className: "nice-inventory-manager__view-selector", children: ["grid", "list", "kanban"].map((v2) => /* @__PURE__ */ jsx(
           "button",
           {
-            className: `view-button ${view === v ? "view-button--active" : ""}`,
-            onClick: () => setView(v),
+            className: `nice-inventory-manager__view-button ${view === v2 ? "nice-inventory-manager__view-button--active" : ""}`,
+            onClick: () => setView(v2),
             children: /* @__PURE__ */ jsx(
-              Ae,
+              re,
               {
-                name: v === "grid" ? "grid" : v === "list" ? "list" : "table",
+                name: v2 === "grid" ? "grid" : v2 === "list" ? "list" : "table",
                 size: 14
               }
             )
           },
-          v
+          v2
         )) }),
         !readOnly && /* @__PURE__ */ jsx(
           "button",
           {
-            className: "add-button",
+            className: "nice-inventory-manager__add-button",
             onClick: () => {
               setEditingItem({
                 category: categories[0],
@@ -2728,11 +1086,11 @@ const NiceInventoryManager = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "inventory__tabs", children: [
+    /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__tabs", children: [
       /* @__PURE__ */ jsxs(
         "button",
         {
-          className: `tab ${activeTab === "inventory" ? "tab--active" : ""}`,
+          className: `nice-inventory-manager__tab ${activeTab === "inventory" ? "nice-inventory-manager__tab--active" : ""}`,
           onClick: () => setActiveTab("inventory"),
           children: [
             "Inventory (",
@@ -2744,7 +1102,7 @@ const NiceInventoryManager = ({
       /* @__PURE__ */ jsxs(
         "button",
         {
-          className: `tab ${activeTab === "transactions" ? "tab--active" : ""}`,
+          className: `nice-inventory-manager__tab ${activeTab === "transactions" ? "nice-inventory-manager__tab--active" : ""}`,
           onClick: () => setActiveTab("transactions"),
           children: [
             "Transactions (",
@@ -2756,67 +1114,68 @@ const NiceInventoryManager = ({
       /* @__PURE__ */ jsxs(
         "button",
         {
-          className: `tab ${activeTab === "reorder" ? "tab--active" : ""}`,
+          className: `nice-inventory-manager__tab ${activeTab === "reorder" ? "nice-inventory-manager__tab--active" : ""}`,
           onClick: () => setActiveTab("reorder"),
           children: [
-            "Reorder Alerts",
-            reorderItems.length > 0 && /* @__PURE__ */ jsx("span", { className: "alert-badge", children: reorderItems.length })
+            t("inventoryManager.reorderAlerts", "Reorder Alerts"),
+            reorderItems.length > 0 && /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__alert-badge", children: reorderItems.length })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "inventory__content", children: [
+    /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__content", children: [
       activeTab === "inventory" && /* @__PURE__ */ jsxs(Fragment, { children: [
-        view === "grid" && /* @__PURE__ */ jsx("div", { className: "items-grid", children: paginatedItems.map((item) => {
-          var _a3;
+        view === "grid" && /* @__PURE__ */ jsx("div", { className: "nice-inventory-manager__items-grid", children: paginatedItems.map((item) => {
+          var _a2;
           return /* @__PURE__ */ jsxs(
             "div",
             {
-              className: `item-card ${selectedItems.has(item.id) ? "item-card--selected" : ""}`,
+              className: `nice-inventory-manager__item-card ${selectedItems.has(item.id) ? "nice-inventory-manager__item-card--selected" : ""}`,
               onClick: () => onItemClick == null ? void 0 : onItemClick(item),
               children: [
                 !readOnly && /* @__PURE__ */ jsx(
                   "input",
                   {
                     type: "checkbox",
-                    className: "item-checkbox",
+                    className: "nice-inventory-manager__item-checkbox",
                     checked: selectedItems.has(item.id),
                     onChange: () => toggleItemSelection(item.id),
                     onClick: (e) => e.stopPropagation()
                   }
                 ),
-                config.showImages && /* @__PURE__ */ jsx("div", { className: "item-image", children: ((_a3 = item.images) == null ? void 0 : _a3[0]) ? /* @__PURE__ */ jsx("img", { src: item.images[0], alt: item.name }) : /* @__PURE__ */ jsx("span", { className: "placeholder-image", children: /* @__PURE__ */ jsx(Ae, { name: "box", size: 32 }) }) }),
-                /* @__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 })
+                config.showImages && /* @__PURE__ */ jsx("div", { className: "nice-inventory-manager__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: "nice-inventory-manager__placeholder-image", children: /* @__PURE__ */ jsx(re, { name: "box", size: 32 }) }) }),
+                /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__item-info", children: [
+                  /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__item-sku", children: item.sku }),
+                  /* @__PURE__ */ jsx("h4", { className: "nice-inventory-manager__item-name", children: item.name }),
+                  /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__item-category", children: item.category })
                 ] }),
-                /* @__PURE__ */ jsxs("div", { className: "item-stock", children: [
+                /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__item-stock", children: [
                   /* @__PURE__ */ jsx(
                     "span",
                     {
-                      className: "status-badge",
+                      className: "nice-inventory-manager__status-badge",
                       style: { backgroundColor: getStatusColor(item.status) },
                       children: item.status.replace("-", " ")
                     }
                   ),
-                  /* @__PURE__ */ jsxs("span", { className: "quantity", children: [
+                  /* @__PURE__ */ jsxs("span", { className: "nice-inventory-manager__quantity", children: [
                     item.quantity,
                     " ",
                     item.unit
                   ] }),
-                  item.quantity <= item.reorderLevel && /* @__PURE__ */ jsxs("span", { className: "reorder-alert", children: [
-                    /* @__PURE__ */ jsx(Ae, { name: "warning", size: 12 }),
-                    " Low Stock"
+                  item.quantity <= item.reorderLevel && /* @__PURE__ */ jsxs("span", { className: "nice-inventory-manager__reorder-alert", children: [
+                    /* @__PURE__ */ jsx(re, { name: "warning", size: 12 }),
+                    " ",
+                    t("inventoryManager.lowStock", "Low Stock")
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx("div", { className: "item-value", children: formatCurrency(item.quantity * item.cost.amount, item.cost.currency.symbol) })
+                /* @__PURE__ */ jsx("div", { className: "nice-inventory-manager__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: [
+        view === "list" && /* @__PURE__ */ jsx("div", { className: "nice-inventory-manager__items-table", children: /* @__PURE__ */ jsxs("table", { children: [
           /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
             !readOnly && /* @__PURE__ */ jsx("th", {}),
             /* @__PURE__ */ jsxs(
@@ -2827,8 +1186,15 @@ const NiceInventoryManager = ({
                   setSortOrder((prev) => prev === "asc" ? "desc" : "asc");
                 },
                 children: [
-                  "SKU ",
-                  sortBy === "sku" && (sortOrder === "asc" ? "↑" : "↓")
+                  t("inventoryManager.sku", "SKU"),
+                  " ",
+                  sortBy === "sku" && /* @__PURE__ */ jsx(
+                    re,
+                    {
+                      name: sortOrder === "asc" ? "arrow-up" : "arrow-down",
+                      size: 12
+                    }
+                  )
                 ]
               }
             ),
@@ -2840,12 +1206,19 @@ const NiceInventoryManager = ({
                   setSortOrder((prev) => prev === "asc" ? "desc" : "asc");
                 },
                 children: [
-                  "Name ",
-                  sortBy === "name" && (sortOrder === "asc" ? "↑" : "↓")
+                  t("inventoryManager.name", "Name"),
+                  " ",
+                  sortBy === "name" && /* @__PURE__ */ jsx(
+                    re,
+                    {
+                      name: sortOrder === "asc" ? "arrow-up" : "arrow-down",
+                      size: 12
+                    }
+                  )
                 ]
               }
             ),
-            /* @__PURE__ */ jsx("th", { children: "Category" }),
+            /* @__PURE__ */ jsx("th", { children: t("inventoryManager.category", "Category") }),
             /* @__PURE__ */ jsxs(
               "th",
               {
@@ -2854,13 +1227,20 @@ const NiceInventoryManager = ({
                   setSortOrder((prev) => prev === "asc" ? "desc" : "asc");
                 },
                 children: [
-                  "Qty ",
-                  sortBy === "quantity" && (sortOrder === "asc" ? "↑" : "↓")
+                  t("inventoryManager.qty", "Qty"),
+                  " ",
+                  sortBy === "quantity" && /* @__PURE__ */ jsx(
+                    re,
+                    {
+                      name: sortOrder === "asc" ? "arrow-up" : "arrow-down",
+                      size: 12
+                    }
+                  )
                 ]
               }
             ),
-            /* @__PURE__ */ jsx("th", { children: "Status" }),
-            /* @__PURE__ */ jsx("th", { children: "Location" }),
+            /* @__PURE__ */ jsx("th", { children: t("inventoryManager.status", "Status") }),
+            /* @__PURE__ */ jsx("th", { children: t("inventoryManager.location", "Location") }),
             /* @__PURE__ */ jsxs(
               "th",
               {
@@ -2869,17 +1249,24 @@ const NiceInventoryManager = ({
                   setSortOrder((prev) => prev === "asc" ? "desc" : "asc");
                 },
                 children: [
-                  "Value ",
-                  sortBy === "value" && (sortOrder === "asc" ? "↑" : "↓")
+                  t("inventoryManager.value", "Value"),
+                  " ",
+                  sortBy === "value" && /* @__PURE__ */ jsx(
+                    re,
+                    {
+                      name: sortOrder === "asc" ? "arrow-up" : "arrow-down",
+                      size: 12
+                    }
+                  )
                 ]
               }
             ),
-            !readOnly && /* @__PURE__ */ jsx("th", { children: "Actions" })
+            !readOnly && /* @__PURE__ */ jsx("th", { children: t("inventoryManager.actions", "Actions") })
           ] }) }),
           /* @__PURE__ */ jsx("tbody", { children: paginatedItems.map((item) => /* @__PURE__ */ jsxs(
             "tr",
             {
-              className: selectedItems.has(item.id) ? "row--selected" : "",
+              className: `nice-inventory-manager__row ${selectedItems.has(item.id) ? "nice-inventory-manager__row--selected" : ""}`,
               onClick: () => onItemClick == null ? void 0 : onItemClick(item),
               children: [
                 !readOnly && /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
@@ -2891,18 +1278,24 @@ const NiceInventoryManager = ({
                     onClick: (e) => e.stopPropagation()
                   }
                 ) }),
-                /* @__PURE__ */ jsx("td", { className: "sku-cell", children: item.sku }),
+                /* @__PURE__ */ jsx("td", { className: "nice-inventory-manager__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__ */ jsxs(
+                  "td",
+                  {
+                    className: `nice-inventory-manager__qty-cell ${item.quantity <= item.reorderLevel ? "nice-inventory-manager__qty-cell--low-stock" : ""}`,
+                    children: [
+                      item.quantity,
+                      " ",
+                      item.unit
+                    ]
+                  }
+                ),
                 /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
                   "span",
                   {
-                    className: "status-badge",
+                    className: "nice-inventory-manager__status-badge",
                     style: { backgroundColor: getStatusColor(item.status) },
                     children: item.status.replace("-", " ")
                   }
@@ -2912,40 +1305,40 @@ const NiceInventoryManager = ({
                   item.quantity * item.cost.amount,
                   item.cost.currency.symbol
                 ) }),
-                !readOnly && /* @__PURE__ */ jsxs("td", { className: "actions-cell", children: [
+                !readOnly && /* @__PURE__ */ jsxs("td", { className: "nice-inventory-manager__actions-cell", children: [
                   /* @__PURE__ */ jsx(
                     "button",
                     {
-                      className: "action-btn",
+                      className: "nice-inventory-manager__action-btn",
                       onClick: (e) => {
                         e.stopPropagation();
                         setEditingItem(item);
                         setShowItemModal(true);
                       },
-                      children: /* @__PURE__ */ jsx(Ae, { name: "edit", size: 14 })
+                      children: /* @__PURE__ */ jsx(re, { name: "edit", size: 14 })
                     }
                   ),
                   /* @__PURE__ */ jsx(
                     "button",
                     {
-                      className: "action-btn",
+                      className: "nice-inventory-manager__action-btn",
                       onClick: (e) => {
                         e.stopPropagation();
                         setNewTransaction({ itemId: item.id });
                         setShowTransactionModal(true);
                       },
-                      children: /* @__PURE__ */ jsx(Ae, { name: "clipboard", size: 14 })
+                      children: /* @__PURE__ */ jsx(re, { name: "clipboard", size: 14 })
                     }
                   ),
                   /* @__PURE__ */ jsx(
                     "button",
                     {
-                      className: "action-btn action-btn--danger",
+                      className: "nice-inventory-manager__action-btn nice-inventory-manager__action-btn--danger",
                       onClick: (e) => {
                         e.stopPropagation();
                         onItemDelete == null ? void 0 : onItemDelete(item.id);
                       },
-                      children: /* @__PURE__ */ jsx(Ae, { name: "trash", size: 14 })
+                      children: /* @__PURE__ */ jsx(re, { name: "trash", size: 14 })
                     }
                   )
                 ] })
@@ -2954,27 +1347,34 @@ const NiceInventoryManager = ({
             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(
+        view === "kanban" && kanbanGroups && /* @__PURE__ */ jsx("div", { className: "nice-inventory-manager__items-kanban", children: Array.from(kanbanGroups.entries()).map(([status, statusItems]) => /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__kanban-column", children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "nice-inventory-manager__column-header",
+              style: { borderColor: getStatusColor(status) },
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "nice-inventory-manager__status-dot",
+                    style: { backgroundColor: getStatusColor(status) }
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__column-title", children: status.replace("-", " ") }),
+                /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__column-count", children: statusItems.length })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "nice-inventory-manager__column-items", children: statusItems.map((item) => /* @__PURE__ */ jsxs(
             "div",
             {
-              className: "kanban-card",
+              className: "nice-inventory-manager__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: [
+                /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__card-sku", children: item.sku }),
+                /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__card-name", children: item.name }),
+                /* @__PURE__ */ jsxs("span", { className: "nice-inventory-manager__card-qty", children: [
                   item.quantity,
                   " ",
                   item.unit
@@ -2984,298 +1384,339 @@ const NiceInventoryManager = ({
             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" })
+        totalPages > 1 && /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__pagination", children: [
+          /* @__PURE__ */ jsx("button", { disabled: page === 1, onClick: () => setPage((p) => p - 1), children: t("inventoryManager.previous", "Previous") }),
+          /* @__PURE__ */ jsx("span", { children: t("inventoryManager.pageOf", "Page {page} of {totalPages}").replace("{page}", String(page)).replace("{totalPages}", String(totalPages)) }),
+          /* @__PURE__ */ jsx("button", { disabled: page === totalPages, onClick: () => setPage((p) => p + 1), children: t("inventoryManager.next", "Next") })
         ] })
       ] }),
-      activeTab === "transactions" && /* @__PURE__ */ jsxs("div", { className: "transactions-tab", children: [
+      activeTab === "transactions" && /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__transactions-tab", children: [
         !readOnly && /* @__PURE__ */ jsx(
           "button",
           {
-            className: "add-transaction-button",
+            className: "nice-inventory-manager__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: /* @__PURE__ */ jsx(Ae, { name: getTransactionIcon(tx.type), size: 16 }) }),
-            /* @__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__ */ jsx("div", { className: "nice-inventory-manager__transactions-list", children: recentTransactions.map((tx) => {
+          const item = items.find((i2) => i2.id === tx.itemId);
+          return /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__transaction-item", children: [
+            /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__tx-icon", children: /* @__PURE__ */ jsx(re, { name: getTransactionIcon(tx.type), size: 16 }) }),
+            /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__tx-info", children: [
+              /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__tx-type", children: tx.type }),
+              /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__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"}`,
+                className: `nice-inventory-manager__tx-qty ${tx.type === "receipt" || tx.type === "return" ? "nice-inventory-manager__tx-qty--positive" : "nice-inventory-manager__tx-qty--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: [
+            /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__tx-date", children: tx.date.toLocaleString() }),
+            tx.reference && /* @__PURE__ */ jsxs("span", { className: "nice-inventory-manager__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(Ae, { name: "success", size: 32 }) }),
-        /* @__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 })
+      activeTab === "reorder" && /* @__PURE__ */ jsx("div", { className: "nice-inventory-manager__reorder-tab", children: reorderItems.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__empty-state", children: [
+        /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__empty-icon", children: /* @__PURE__ */ jsx(re, { name: "success", size: 32 }) }),
+        /* @__PURE__ */ jsx("p", { children: t(
+          "inventoryManager.allItemsAreSufficientlyStocked",
+          "All items are sufficiently stocked"
+        ) })
+      ] }) : /* @__PURE__ */ jsx("div", { className: "nice-inventory-manager__reorder-list", children: reorderItems.map((item) => /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__reorder-item", children: [
+        /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__reorder-info", children: [
+          /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__reorder-sku", children: item.sku }),
+          /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__reorder-name", children: item.name })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "reorder-stock", children: [
-          /* @__PURE__ */ jsxs("span", { className: "current-qty", children: [
+        /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__reorder-stock", children: [
+          /* @__PURE__ */ jsxs("span", { className: "nice-inventory-manager__current-qty", children: [
             "Current: ",
             item.quantity,
             " ",
             item.unit
           ] }),
-          /* @__PURE__ */ jsxs("span", { className: "reorder-level", children: [
+          /* @__PURE__ */ jsxs("span", { className: "nice-inventory-manager__reorder-level", children: [
             "Reorder at: ",
             item.reorderLevel
           ] }),
-          /* @__PURE__ */ jsxs("span", { className: "reorder-qty", children: [
+          /* @__PURE__ */ jsxs("span", { className: "nice-inventory-manager__reorder-qty", children: [
             "Order qty: ",
             item.reorderQuantity
           ] })
         ] }),
-        item.supplier && /* @__PURE__ */ jsx("span", { className: "supplier-name", children: item.supplier.name }),
-        !readOnly && /* @__PURE__ */ jsx(
+        item.supplier && /* @__PURE__ */ jsx("span", { className: "nice-inventory-manager__supplier-name", children: item.supplier.name }),
+        !readOnly && onCreatePurchaseOrder && /* @__PURE__ */ jsx(
           "button",
           {
-            className: "create-po-button",
-            onClick: () => console.log("Create PO for", item.id),
-            children: "Create PO"
+            type: "button",
+            className: "nice-inventory-manager__create-po-button",
+            onClick: () => onCreatePurchaseOrder(item),
+            children: t("inventoryManager.createPo", "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 }))
-              }
-            )
+    showItemModal && editingItem && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "nice-inventory-manager__modal-overlay",
+        onClick: () => setShowItemModal(false),
+        children: /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__item-modal", onClick: (e) => e.stopPropagation(), children: [
+          /* @__PURE__ */ jsx("h3", { children: editingItem.id ? "Edit Item" : "Add New Item" }),
+          /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__modal-form", children: [
+            /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__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: [
+                t("inventoryManager.name", "Name"),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "text",
+                    value: editingItem.name || "",
+                    onChange: (e) => setEditingItem((prev) => ({ ...prev, name: e.target.value }))
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("label", { children: [
+              t("inventoryManager.description", "Description"),
+              /* @__PURE__ */ jsx(
+                "textarea",
+                {
+                  value: editingItem.description || "",
+                  onChange: (e) => setEditingItem((prev) => ({ ...prev, description: e.target.value }))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__form-row", children: [
+              /* @__PURE__ */ jsxs("label", { children: [
+                t("inventoryManager.category", "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((c2) => /* @__PURE__ */ jsx("option", { value: c2 }, c2)) })
+              ] }),
+              /* @__PURE__ */ jsxs("label", { children: [
+                t("inventoryManager.unit", "Unit"),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "text",
+                    value: editingItem.unit || "",
+                    onChange: (e) => setEditingItem((prev) => ({ ...prev, unit: e.target.value }))
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__form-row", children: [
+              /* @__PURE__ */ jsxs("label", { children: [
+                t("inventoryManager.quantity", "Quantity"),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "number",
+                    value: editingItem.quantity || 0,
+                    onChange: (e) => setEditingItem((prev) => ({ ...prev, quantity: parseInt(e.target.value) }))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("label", { children: [
+                t("inventoryManager.reorderLevel", "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: [
+                t("inventoryManager.reorderQty", "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: [
+              t("inventoryManager.unitCost", "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("label", { children: [
-            "Name",
+          /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__modal-actions", children: [
             /* @__PURE__ */ jsx(
-              "input",
+              "button",
               {
-                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"
+                className: "nice-inventory-manager__cancel-button",
+                onClick: () => setShowItemModal(false),
+                children: t("inventoryManager.cancel", "Cancel")
               }
             ),
-            /* @__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__ */ jsx("button", { className: "nice-inventory-manager__save-button", onClick: handleItemSubmit, children: editingItem.id ? "Save Changes" : "Create Item" })
           ] })
-        ] }),
-        /* @__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" })
-      ] })
-    ] }) })
+      }
+    ),
+    showTransactionModal && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "nice-inventory-manager__modal-overlay",
+        onClick: () => setShowTransactionModal(false),
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "nice-inventory-manager__transaction-modal",
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              /* @__PURE__ */ jsx("h3", { children: t("inventoryManager.createTransaction", "Create Transaction") }),
+              /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__modal-form", children: [
+                /* @__PURE__ */ jsxs("label", { children: [
+                  t("inventoryManager.item", "Item"),
+                  /* @__PURE__ */ jsxs(
+                    "select",
+                    {
+                      value: newTransaction.itemId || "",
+                      onChange: (e) => setNewTransaction((prev) => ({ ...prev, itemId: e.target.value })),
+                      children: [
+                        /* @__PURE__ */ jsx("option", { value: "", children: t("inventoryManager.selectItem", "Select item...") }),
+                        items.map((item) => /* @__PURE__ */ jsxs("option", { value: item.id, children: [
+                          item.sku,
+                          " - ",
+                          item.name
+                        ] }, item.id))
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("label", { children: [
+                  t("inventoryManager.type", "Type"),
+                  /* @__PURE__ */ jsxs(
+                    "select",
+                    {
+                      value: newTransaction.type || "",
+                      onChange: (e) => setNewTransaction((prev) => ({
+                        ...prev,
+                        type: e.target.value
+                      })),
+                      children: [
+                        /* @__PURE__ */ jsx("option", { value: "", children: t("inventoryManager.selectType", "Select type...") }),
+                        /* @__PURE__ */ jsx("option", { value: "receipt", children: t("inventoryManager.receipt", "Receipt") }),
+                        /* @__PURE__ */ jsx("option", { value: "issue", children: t("inventoryManager.issue", "Issue") }),
+                        /* @__PURE__ */ jsx("option", { value: "transfer", children: t("inventoryManager.transfer", "Transfer") }),
+                        /* @__PURE__ */ jsx("option", { value: "adjustment", children: t("inventoryManager.adjustment", "Adjustment") }),
+                        /* @__PURE__ */ jsx("option", { value: "return", children: t("inventoryManager.return", "Return") }),
+                        /* @__PURE__ */ jsx("option", { value: "write-off", children: t("inventoryManager.writeOff", "Write-off") })
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("label", { children: [
+                  t("inventoryManager.quantity", "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: [
+                  t("inventoryManager.reference", "Reference"),
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "text",
+                      value: newTransaction.reference || "",
+                      onChange: (e) => setNewTransaction((prev) => ({ ...prev, reference: e.target.value })),
+                      placeholder: t("inventoryManager.poNumberInvoiceEtc", "PO number, invoice, etc.")
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("label", { children: [
+                  t("inventoryManager.notes", "Notes"),
+                  /* @__PURE__ */ jsx(
+                    "textarea",
+                    {
+                      value: newTransaction.notes || "",
+                      onChange: (e) => setNewTransaction((prev) => ({ ...prev, notes: e.target.value }))
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "nice-inventory-manager__modal-actions", children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    className: "nice-inventory-manager__cancel-button",
+                    onClick: () => setShowTransactionModal(false),
+                    children: t("inventoryManager.cancel", "Cancel")
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    className: "nice-inventory-manager__save-button",
+                    onClick: handleTransactionSubmit,
+                    children: t("inventoryManager.createTransaction", "Create Transaction")
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    )
   ] });
 };
 const STATUS_COLOR = {
@@ -3306,7 +1747,7 @@ 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 = forwardRef(
+const NiceInvoiceView = /* @__PURE__ */ forwardRef(
   function NiceInvoiceView2({
     invoice,
     locale,
@@ -3320,8 +1761,9 @@ const NiceInvoiceView = forwardRef(
     style,
     id
   }, ref) {
-    var _a2;
-    const cur = currency ?? invoice.currency ?? ((_a2 = invoice.lines[0]) == null ? void 0 : _a2.unitPrice.currency) ?? "EUR";
+    var _a;
+    const { t } = v();
+    const cur = currency ?? invoice.currency ?? ((_a = invoice.lines[0]) == null ? void 0 : _a.unitPrice.currency) ?? "EUR";
     const L = {
       invoiceNumber: "Invoice",
       issueDate: "Issue date",
@@ -3349,12 +1791,12 @@ const NiceInvoiceView = forwardRef(
       const byRate = /* @__PURE__ */ new Map();
       for (const ln of invoice.lines) {
         const n = lineNet(ln);
-        const v = lineVat(ln);
+        const v2 = lineVat(ln);
         net += n;
-        vat += v;
+        vat += v2;
         const cell = byRate.get(ln.vatRate) ?? { net: 0, vat: 0 };
         cell.net += n;
-        cell.vat += v;
+        cell.vat += v2;
         byRate.set(ln.vatRate, cell);
       }
       return { net, vat, gross: net + vat, byRate };
@@ -3394,34 +1836,31 @@ const NiceInvoiceView = forwardRef(
                 className: "nice-invoice-view__status",
                 style: { color: STATUS_COLOR[invoice.status] },
                 children: [
-                  /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      "aria-hidden": true,
-                      style: {
-                        display: "inline-block",
-                        width: 8,
-                        height: 8,
-                        borderRadius: "50%",
-                        background: "currentColor"
-                      }
-                    }
-                  ),
+                  /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "nice-invoice-view__dot" }),
                   " ",
                   invoice.status
                 ]
               }
             ),
             showActions && /* @__PURE__ */ jsxs("div", { className: "nice-invoice-view__actions", children: [
-              /* @__PURE__ */ jsx("button", { type: "button", onClick: () => onAction == null ? void 0 : onAction("download"), children: "↓" }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onAction == null ? void 0 : onAction("download"),
+                  "aria-label": t("invoiceView.download", "Download"),
+                  title: t("invoiceView.download", "Download"),
+                  children: /* @__PURE__ */ jsx(re, { name: "arrow-down", size: 12 })
+                }
+              ),
               /* @__PURE__ */ jsx(
                 "button",
                 {
                   type: "button",
                   onClick: () => onAction == null ? void 0 : onAction("print"),
-                  "aria-label": "Print",
-                  title: "Print",
-                  children: /* @__PURE__ */ jsx(Ae, { name: "printer", size: 14 })
+                  "aria-label": t("invoiceView.print", "Print"),
+                  title: t("invoiceView.print", "Print"),
+                  children: /* @__PURE__ */ jsx(re, { name: "printer", size: 14 })
                 }
               ),
               /* @__PURE__ */ jsx(
@@ -3429,9 +1868,9 @@ const NiceInvoiceView = forwardRef(
                 {
                   type: "button",
                   onClick: () => onAction == null ? void 0 : onAction("send"),
-                  "aria-label": "Send",
-                  title: "Send",
-                  children: /* @__PURE__ */ jsx(Ae, { name: "mail", size: 14 })
+                  "aria-label": t("invoiceView.send", "Send"),
+                  title: t("invoiceView.send", "Send"),
+                  children: /* @__PURE__ */ jsx(re, { name: "mail", size: 14 })
                 }
               )
             ] })
@@ -3467,7 +1906,7 @@ const NiceInvoiceView = forwardRef(
             ] }) }),
             /* @__PURE__ */ jsx("tbody", { children: invoice.lines.map((ln) => {
               const n = lineNet(ln);
-              const v = lineVat(ln);
+              const v2 = lineVat(ln);
               return /* @__PURE__ */ jsxs("tr", { children: [
                 /* @__PURE__ */ jsx("td", { children: ln.description }),
                 /* @__PURE__ */ jsxs("td", { className: "nice-num", children: [
@@ -3480,7 +1919,7 @@ const NiceInvoiceView = forwardRef(
                   "%"
                 ] }),
                 /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney$1(n, cur, locale) }),
-                /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney$1(n + v, cur, locale) })
+                /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney$1(n + v2, cur, locale) })
               ] }, ln.id);
             }) })
           ] }),
@@ -3493,14 +1932,14 @@ const NiceInvoiceView = forwardRef(
                 /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.vat }),
                 /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.gross })
               ] }) }),
-              /* @__PURE__ */ jsx("tbody", { children: [...totals.byRate.entries()].sort((a, b) => b[0] - a[0]).map(([rate, c]) => /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx("tbody", { children: [...totals.byRate.entries()].sort((a2, b) => b[0] - a2[0]).map(([rate, c2]) => /* @__PURE__ */ jsxs("tr", { children: [
                 /* @__PURE__ */ jsxs("td", { children: [
                   (rate * 100).toFixed(0),
                   "%"
                 ] }),
-                /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney$1(c.net, cur, locale) }),
-                /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney$1(c.vat, cur, locale) }),
-                /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney$1(c.net + c.vat, cur, locale) })
+                /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney$1(c2.net, cur, locale) }),
+                /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney$1(c2.vat, cur, locale) }),
+                /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney$1(c2.net + c2.vat, cur, locale) })
               ] }, rate)) })
             ] })
           ] }),
@@ -3520,7 +1959,7 @@ const NiceInvoiceView = forwardRef(
           ] }),
           !(hideSections == null ? void 0 : hideSections.timeline) && invoice.history && invoice.history.length > 0 && /* @__PURE__ */ jsxs("section", { className: "nice-invoice-view__timeline", children: [
             /* @__PURE__ */ jsx("h4", { children: L.timeline }),
-            /* @__PURE__ */ jsx("ol", { children: invoice.history.map((h, i) => /* @__PURE__ */ jsxs("li", { children: [
+            /* @__PURE__ */ jsx("ol", { children: invoice.history.map((h, i2) => /* @__PURE__ */ jsxs("li", { children: [
               /* @__PURE__ */ jsx("span", { className: "nice-invoice-view__t-date", children: fmtDate$1(h.at, locale) }),
               /* @__PURE__ */ jsx(
                 "span",
@@ -3534,7 +1973,7 @@ const NiceInvoiceView = forwardRef(
                 " — ",
                 h.note
               ] })
-            ] }, i)) })
+            ] }, i2)) })
           ] }),
           !(hideSections == null ? void 0 : hideSections.notes) && invoice.notes && /* @__PURE__ */ jsxs("section", { className: "nice-invoice-view__notes", children: [
             /* @__PURE__ */ jsx("h4", { children: L.notes }),
@@ -3545,6 +1984,7 @@ const NiceInvoiceView = forwardRef(
     );
   }
 );
+const EMPTY_CELLS = [];
 function colorFor(occ, colors) {
   if (occ <= 0.01) {
     return colors.low;
@@ -3557,11 +1997,15 @@ function colorFor(occ, colors) {
   }
   return colors.high;
 }
-const NiceWarehouseView = forwardRef(
+const NiceWarehouseView = /* @__PURE__ */ forwardRef(
   function NiceWarehouseView2({
     warehouseName,
-    cells,
-    colors = { low: "#dcfce7", mid: "#fde68a", high: "#fecaca" },
+    cells = EMPTY_CELLS,
+    colors = {
+      low: "var(--nice-success-bg, #dcfce7)",
+      mid: "var(--nice-warning-bg, #fde68a)",
+      high: "var(--nice-danger-bg, #fecaca)"
+    },
     onCellClick,
     showLegend = true,
     cellSize = 48,
@@ -3570,36 +2014,44 @@ const NiceWarehouseView = forwardRef(
     style,
     id
   }, ref) {
+    const { t } = v();
     const [hovered, setHovered] = useState(null);
     const grid = 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";
+      for (const c2 of cells) {
+        const rowKey = c2.row !== void 0 ? `r${c2.row}` : c2.location.rack ?? c2.location.aisle ?? "0";
         let arr = rows.get(rowKey);
         if (!arr) {
           arr = [];
           rows.set(rowKey, arr);
         }
-        arr.push(c);
+        arr.push(c2);
       }
       return [...rows.entries()].map(([rowKey, arr]) => ({ rowKey, cells: arr }));
     }, [cells]);
     return /* @__PURE__ */ jsxs("div", { ref, id, className: `nice-warehouse-view ${className ?? ""}`, style, children: [
       /* @__PURE__ */ jsxs("header", { className: "nice-warehouse-view__header", children: [
         /* @__PURE__ */ jsx("h3", { children: warehouseName }),
-        showLegend && /* @__PURE__ */ jsxs("div", { className: "nice-warehouse-view__legend", "aria-label": "Occupancy legend", children: [
-          /* @__PURE__ */ jsx("span", { style: { background: colors.low } }),
-          " low",
-          /* @__PURE__ */ jsx("span", { style: { background: colors.mid } }),
-          " mid",
-          /* @__PURE__ */ jsx("span", { style: { background: colors.high } }),
-          " high"
-        ] })
+        showLegend && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "nice-warehouse-view__legend",
+            "aria-label": t("warehouseView.occupancyLegend", "Occupancy legend"),
+            children: [
+              /* @__PURE__ */ jsx("span", { style: { background: colors.low } }),
+              " low",
+              /* @__PURE__ */ jsx("span", { style: { background: colors.mid } }),
+              " mid",
+              /* @__PURE__ */ jsx("span", { style: { background: colors.high } }),
+              " high"
+            ]
+          }
+        )
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "nice-warehouse-view__grid", role: "grid", "aria-label": warehouseName, children: grid.map(({ rowKey, cells: row }) => /* @__PURE__ */ 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);
+      /* @__PURE__ */ jsx("div", { className: "nice-warehouse-view__grid", role: "grid", "aria-label": warehouseName, children: grid.map(({ rowKey, cells: row }) => /* @__PURE__ */ jsx("div", { className: "nice-warehouse-view__row", role: "row", children: row.map((c2, idx) => {
+        const key = [c2.location.rack, c2.location.aisle, c2.location.shelf, c2.location.bin].filter(Boolean).join("-") || String(idx);
         const aisleBreak = aisleEvery > 0 && idx > 0 && idx % aisleEvery === 0;
-        return /* @__PURE__ */ jsxs(be.Fragment, { children: [
+        return /* @__PURE__ */ jsxs(ve.Fragment, { children: [
           aisleBreak && /* @__PURE__ */ jsx("div", { className: "nice-warehouse-view__aisle", "aria-hidden": true }),
           /* @__PURE__ */ jsx(
             "button",
@@ -3610,13 +2062,13 @@ const NiceWarehouseView = forwardRef(
               style: {
                 width: cellSize,
                 height: cellSize,
-                background: colorFor(c.occupancy, colors)
+                background: colorFor(c2.occupancy, colors)
               },
-              title: `${key} — ${(c.occupancy * 100).toFixed(0)}% (${c.items.length} items)`,
-              onClick: () => onCellClick == null ? void 0 : onCellClick(c),
-              onMouseEnter: () => setHovered(c),
+              title: `${key} — ${(c2.occupancy * 100).toFixed(0)}% (${c2.items.length} items)`,
+              onClick: () => onCellClick == null ? void 0 : onCellClick(c2),
+              onMouseEnter: () => setHovered(c2),
               onMouseLeave: () => setHovered(null),
-              children: /* @__PURE__ */ jsx("span", { className: "nice-warehouse-view__bin", children: c.location.bin ?? c.location.shelf ?? "" })
+              children: /* @__PURE__ */ jsx("span", { className: "nice-warehouse-view__bin", children: c2.location.bin ?? c2.location.shelf ?? "" })
             }
           )
         ] }, key);
@@ -3650,14 +2102,15 @@ const NiceWarehouseView = forwardRef(
     ] });
   }
 );
+const EMPTY_ORDERS = [];
 const STATUS_TINT = {
-  draft: "#6b7280",
-  "pending-approval": "#ca8a04",
-  approved: "#2563eb",
-  ordered: "#0891b2",
-  "partially-received": "#9333ea",
-  received: "#16a34a",
-  cancelled: "#dc2626"
+  draft: "var(--nice-text-muted, #6b7280)",
+  "pending-approval": "var(--nice-color-warning, #ca8a04)",
+  approved: "var(--nice-color-primary, #2563eb)",
+  ordered: "var(--nice-color-info, #0891b2)",
+  "partially-received": "var(--nice-color-accent, #9333ea)",
+  received: "var(--nice-color-success, #16a34a)",
+  cancelled: "var(--nice-color-error, #dc2626)"
 };
 function fmtMoney(amount, currency, locale) {
   const code = typeof currency === "string" ? currency : currency.code;
@@ -3673,168 +2126,156 @@ function fmtDate(d, locale) {
   const dt = d instanceof Date ? d : new Date(d);
   return new Intl.DateTimeFormat(locale, { dateStyle: "medium" }).format(dt);
 }
-const NicePurchaseOrder = forwardRef(
-  function NicePurchaseOrder2({
-    orders,
-    selectable = true,
-    initialSelectedId,
-    locale,
-    labels,
-    readOnly,
-    onOrderApprove,
-    onReceiveItems,
-    onOrderUpdate,
-    className,
-    style,
-    id
-  }, ref) {
-    var _a2;
-    const [selectedId, setSelectedId] = useState(
-      initialSelectedId ?? ((_a2 = orders[0]) == null ? void 0 : _a2.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 = useMemo(
-      () => orders.find((o) => o.id === selectedId),
-      [orders, selectedId]
-    );
-    return /* @__PURE__ */ jsxs("div", { ref, id, className: `nice-purchase-order ${className ?? ""}`, style, children: [
-      /* @__PURE__ */ jsxs("table", { className: "nice-purchase-order__list", children: [
-        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-          /* @__PURE__ */ jsx("th", { children: L.orderNumber }),
-          /* @__PURE__ */ jsx("th", { children: L.supplier }),
-          /* @__PURE__ */ jsx("th", { children: L.status }),
-          /* @__PURE__ */ jsx("th", { children: L.orderDate }),
-          /* @__PURE__ */ jsx("th", { children: L.expected }),
-          /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.total })
-        ] }) }),
-        /* @__PURE__ */ jsx("tbody", { children: orders.map((o) => /* @__PURE__ */ jsxs(
-          "tr",
-          {
-            "aria-selected": o.id === selectedId,
-            className: o.id === selectedId ? "is-selected" : void 0,
-            onClick: () => selectable && setSelectedId(o.id),
-            children: [
-              /* @__PURE__ */ jsx("td", { children: o.orderNumber }),
-              /* @__PURE__ */ jsx("td", { children: o.supplier.name }),
-              /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("span", { style: { color: STATUS_TINT[o.status] }, children: [
-                /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    "aria-hidden": true,
-                    style: {
-                      display: "inline-block",
-                      width: 8,
-                      height: 8,
-                      borderRadius: "50%",
-                      background: "currentColor"
-                    }
-                  }
-                ),
-                " ",
-                o.status
-              ] }) }),
-              /* @__PURE__ */ jsx("td", { children: fmtDate(o.orderDate, locale) }),
-              /* @__PURE__ */ jsx("td", { children: fmtDate(o.expectedDelivery, locale) }),
-              /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney(o.total.amount, o.total.currency, locale) })
-            ]
-          },
-          o.id
-        )) })
-      ] }),
-      selectable && selected && /* @__PURE__ */ jsxs(
-        "section",
+const NicePurchaseOrder = /* @__PURE__ */ forwardRef(function NicePurchaseOrder2({
+  orders = EMPTY_ORDERS,
+  selectable = true,
+  initialSelectedId,
+  locale,
+  labels,
+  readOnly,
+  onOrderApprove,
+  onReceiveItems,
+  onOrderUpdate,
+  className,
+  style,
+  id
+}, ref) {
+  var _a;
+  const { t } = v();
+  const [selectedId, setSelectedId] = 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 = useMemo(
+    () => orders.find((o) => o.id === selectedId),
+    [orders, selectedId]
+  );
+  return /* @__PURE__ */ jsxs("div", { ref, id, className: `nice-purchase-order ${className ?? ""}`, style, children: [
+    /* @__PURE__ */ jsxs("table", { className: "nice-purchase-order__list", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { children: L.orderNumber }),
+        /* @__PURE__ */ jsx("th", { children: L.supplier }),
+        /* @__PURE__ */ jsx("th", { children: L.status }),
+        /* @__PURE__ */ jsx("th", { children: L.orderDate }),
+        /* @__PURE__ */ jsx("th", { children: L.expected }),
+        /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.total })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: orders.map((o) => /* @__PURE__ */ jsxs(
+        "tr",
         {
-          className: "nice-purchase-order__detail",
-          "aria-label": `${L.orderNumber} ${selected.orderNumber}`,
+          "aria-selected": o.id === selectedId,
+          className: o.id === selectedId ? "is-selected" : void 0,
+          onClick: () => selectable && setSelectedId(o.id),
           children: [
-            /* @__PURE__ */ jsxs("header", { children: [
-              /* @__PURE__ */ jsxs("h3", { children: [
-                selected.orderNumber,
-                " — ",
-                selected.supplier.name
-              ] }),
-              !readOnly && /* @__PURE__ */ jsxs("div", { className: "nice-purchase-order__actions", children: [
-                selected.status === "pending-approval" && onOrderApprove && /* @__PURE__ */ jsx("button", { type: "button", onClick: () => onOrderApprove(selected.id), children: L.approve }),
-                (selected.status === "ordered" || selected.status === "partially-received") && onReceiveItems && /* @__PURE__ */ 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__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => onOrderUpdate({ ...selected, status: "pending-approval" }),
-                    children: "Submit"
-                  }
-                )
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("table", { className: "nice-purchase-order__items", children: [
-              /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-                /* @__PURE__ */ jsx("th", { children: L.sku }),
-                /* @__PURE__ */ jsx("th", { children: L.name }),
-                /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.qty }),
-                /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.received }),
-                /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.unitPrice }),
-                /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.lineTotal })
-              ] }) }),
-              /* @__PURE__ */ jsx("tbody", { children: selected.items.map((it) => /* @__PURE__ */ jsxs("tr", { children: [
-                /* @__PURE__ */ jsx("td", { children: it.sku }),
-                /* @__PURE__ */ jsx("td", { children: it.itemName }),
-                /* @__PURE__ */ jsx("td", { className: "nice-num", children: it.quantity }),
-                /* @__PURE__ */ jsx("td", { className: "nice-num", children: it.receivedQuantity ?? 0 }),
-                /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney(it.unitPrice.amount, it.unitPrice.currency, locale) }),
-                /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney(it.lineTotal.amount, it.lineTotal.currency, locale) })
-              ] }, it.itemId)) }),
-              /* @__PURE__ */ jsx("tfoot", { children: /* @__PURE__ */ jsxs("tr", { children: [
-                /* @__PURE__ */ jsx("td", { colSpan: 5, className: "nice-num", children: L.total }),
-                /* @__PURE__ */ jsx("td", { className: "nice-num", children: /* @__PURE__ */ jsx("strong", { children: fmtMoney(selected.total.amount, selected.total.currency, locale) }) })
-              ] }) })
-            ] }),
-            selected.notes && /* @__PURE__ */ jsxs("p", { className: "nice-purchase-order__notes", children: [
-              /* @__PURE__ */ jsxs("strong", { children: [
-                L.notes,
-                ":"
-              ] }),
+            /* @__PURE__ */ jsx("td", { children: o.orderNumber }),
+            /* @__PURE__ */ jsx("td", { children: o.supplier.name }),
+            /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("span", { style: { color: STATUS_TINT[o.status] }, children: [
+              /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "nice-purchase-order__dot" }),
               " ",
-              selected.notes
-            ] })
+              o.status
+            ] }) }),
+            /* @__PURE__ */ jsx("td", { children: fmtDate(o.orderDate, locale) }),
+            /* @__PURE__ */ jsx("td", { children: fmtDate(o.expectedDelivery, locale) }),
+            /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney(o.total.amount, o.total.currency, locale) })
           ]
-        }
-      )
-    ] });
-  }
-);
-const NiceHRDashboard = forwardRef(
+        },
+        o.id
+      )) })
+    ] }),
+    selectable && selected && /* @__PURE__ */ jsxs(
+      "section",
+      {
+        className: "nice-purchase-order__detail",
+        "aria-label": `${L.orderNumber} ${selected.orderNumber}`,
+        children: [
+          /* @__PURE__ */ jsxs("header", { children: [
+            /* @__PURE__ */ jsxs("h3", { children: [
+              selected.orderNumber,
+              " — ",
+              selected.supplier.name
+            ] }),
+            !readOnly && /* @__PURE__ */ jsxs("div", { className: "nice-purchase-order__actions", children: [
+              selected.status === "pending-approval" && onOrderApprove && /* @__PURE__ */ jsx("button", { type: "button", onClick: () => onOrderApprove(selected.id), children: L.approve }),
+              (selected.status === "ordered" || selected.status === "partially-received") && onReceiveItems && /* @__PURE__ */ 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__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onOrderUpdate({ ...selected, status: "pending-approval" }),
+                  children: t("purchaseOrder.submit", "Submit")
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("table", { className: "nice-purchase-order__items", children: [
+            /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx("th", { children: L.sku }),
+              /* @__PURE__ */ jsx("th", { children: L.name }),
+              /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.qty }),
+              /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.received }),
+              /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.unitPrice }),
+              /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.lineTotal })
+            ] }) }),
+            /* @__PURE__ */ jsx("tbody", { children: selected.items.map((it) => /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx("td", { children: it.sku }),
+              /* @__PURE__ */ jsx("td", { children: it.itemName }),
+              /* @__PURE__ */ jsx("td", { className: "nice-num", children: it.quantity }),
+              /* @__PURE__ */ jsx("td", { className: "nice-num", children: it.receivedQuantity ?? 0 }),
+              /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney(it.unitPrice.amount, it.unitPrice.currency, locale) }),
+              /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney(it.lineTotal.amount, it.lineTotal.currency, locale) })
+            ] }, it.itemId)) }),
+            /* @__PURE__ */ jsx("tfoot", { children: /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx("td", { colSpan: 5, className: "nice-num", children: L.total }),
+              /* @__PURE__ */ jsx("td", { className: "nice-num", children: /* @__PURE__ */ jsx("strong", { children: fmtMoney(selected.total.amount, selected.total.currency, locale) }) })
+            ] }) })
+          ] }),
+          selected.notes && /* @__PURE__ */ jsxs("p", { className: "nice-purchase-order__notes", children: [
+            /* @__PURE__ */ jsxs("strong", { children: [
+              L.notes,
+              ":"
+            ] }),
+            " ",
+            selected.notes
+          ] })
+        ]
+      }
+    )
+  ] });
+});
+const EMPTY_EMPLOYEES = [];
+const NiceHRDashboard = /* @__PURE__ */ forwardRef(
   function NiceHRDashboard2({
-    employees,
+    employees = EMPTY_EMPLOYEES,
     labels,
     hideWidgets,
     locale,
@@ -3844,6 +2285,7 @@ const NiceHRDashboard = forwardRef(
     style,
     id
   }, ref) {
+    const { t } = v();
     const L = {
       headcount: "Headcount",
       fte: "FTE",
@@ -3894,7 +2336,7 @@ const NiceHRDashboard = forwardRef(
         className: `nice-hr-dashboard nice-hr-dashboard--${density} ${className ?? ""}`,
         style,
         role: "group",
-        "aria-label": "HR dashboard",
+        "aria-label": t("hrDashboard.hrDashboard", "HR dashboard"),
         children: [
           !(hideWidgets == null ? void 0 : hideWidgets.headcount) && /* @__PURE__ */ jsx(
             Widget,
@@ -3996,7 +2438,7 @@ function useMockErpApi(options = {}) {
       }
       setData((d) => {
         const arr = [...d[key]];
-        const idx = arr.findIndex((i) => i.id === item.id);
+        const idx = arr.findIndex((i2) => i2.id === item.id);
         if (idx >= 0) {
           arr[idx] = item;
         } else {
@@ -4019,118 +2461,127 @@ function useMockErpApi(options = {}) {
       resources: data.resources,
       vatRates: data.vatRates,
       refresh,
-      upsertInvoice: (i) => writeWith("invoices", i),
+      upsertInvoice: (i2) => writeWith("invoices", i2),
       upsertPurchaseOrder: (p) => writeWith("purchaseOrders", p),
-      upsertInventory: (i) => writeWith("inventory", i)
+      upsertInventory: (i2) => writeWith("inventory", i2)
     }),
     [loading, error, data, refresh, writeWith]
   );
 }
-const NiceVatTable = forwardRef(function NiceVatTable2({
-  country = "PL",
-  rates,
-  editable = false,
-  onChange,
-  onRemove,
-  locale,
-  labels,
-  density = "comfortable",
-  className,
-  style,
-  id
-}, ref) {
-  const [internal, setInternal] = useState(rates ?? NICE_VAT_PRESETS[country]);
-  const L = {
-    code: "Code",
-    rate: "Rate",
-    label: "Label",
-    description: "Description",
-    add: "+ Add",
-    remove: "Remove",
-    ...labels
-  };
-  const update = 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;
+const NiceVatTable = /* @__PURE__ */ forwardRef(
+  function NiceVatTable2({
+    country = "PL",
+    rates,
+    editable = false,
+    onChange,
+    onRemove,
+    locale,
+    labels,
+    density = "comfortable",
+    className,
+    style,
+    id
+  }, ref) {
+    const [internal, setInternal] = useState(rates ?? NICE_VAT_PRESETS[country]);
+    const L = {
+      code: "Code",
+      rate: "Rate",
+      label: "Label",
+      description: "Description",
+      add: "+ Add",
+      remove: "Remove",
+      ...labels
+    };
+    const update = 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;
       }
-      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__ */ jsxs(
-    "div",
-    {
-      ref,
-      id,
-      className: `nice-vat-table nice-vat-table--${density} ${className ?? ""}`,
-      style,
-      children: [
-        /* @__PURE__ */ jsxs("table", { children: [
-          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-            /* @__PURE__ */ jsx("th", { children: L.code }),
-            /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.rate }),
-            /* @__PURE__ */ jsx("th", { children: L.label }),
-            /* @__PURE__ */ jsx("th", { children: L.description }),
-            editable && /* @__PURE__ */ jsx("th", { "aria-label": L.remove })
-          ] }) }),
-          /* @__PURE__ */ jsx("tbody", { children: internal.map((r, idx) => /* @__PURE__ */ jsxs("tr", { children: [
-            /* @__PURE__ */ jsx("td", { children: editable ? /* @__PURE__ */ jsx("input", { value: r.code, onChange: (e) => onCellEdit(idx, "code", e.target.value) }) : r.code }),
-            /* @__PURE__ */ jsx("td", { className: "nice-num", children: editable ? /* @__PURE__ */ 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__ */ jsx("td", { children: editable ? /* @__PURE__ */ jsx(
-              "input",
-              {
-                value: r.label ?? "",
-                onChange: (e) => onCellEdit(idx, "label", e.target.value)
-              }
-            ) : r.label ?? "" }),
-            /* @__PURE__ */ jsx("td", { children: editable ? /* @__PURE__ */ jsx(
-              "input",
-              {
-                value: r.description ?? "",
-                onChange: (e) => onCellEdit(idx, "description", e.target.value)
-              }
-            ) : r.description ?? "" }),
-            editable && /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("button", { type: "button", onClick: () => removeRow(idx), "aria-label": L.remove, children: "×" }) })
-          ] }, r.code)) })
-        ] }),
-        editable && /* @__PURE__ */ jsx("button", { type: "button", className: "nice-vat-table__add", onClick: addRow, children: L.add })
-      ]
-    }
-  );
-});
+      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((_, i2) => i2 !== idx);
+      update(next);
+      onRemove == null ? void 0 : onRemove(code);
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        id,
+        className: `nice-vat-table nice-vat-table--${density} ${className ?? ""}`,
+        style,
+        children: [
+          /* @__PURE__ */ jsxs("table", { children: [
+            /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx("th", { children: L.code }),
+              /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.rate }),
+              /* @__PURE__ */ jsx("th", { children: L.label }),
+              /* @__PURE__ */ jsx("th", { children: L.description }),
+              editable && /* @__PURE__ */ jsx("th", { "aria-label": L.remove })
+            ] }) }),
+            /* @__PURE__ */ jsx("tbody", { children: internal.map((r, idx) => /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx("td", { children: editable ? /* @__PURE__ */ jsx(
+                "input",
+                {
+                  value: r.code,
+                  onChange: (e) => onCellEdit(idx, "code", e.target.value)
+                }
+              ) : r.code }),
+              /* @__PURE__ */ jsx("td", { className: "nice-num", children: editable ? /* @__PURE__ */ 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__ */ jsx("td", { children: editable ? /* @__PURE__ */ jsx(
+                "input",
+                {
+                  value: r.label ?? "",
+                  onChange: (e) => onCellEdit(idx, "label", e.target.value)
+                }
+              ) : r.label ?? "" }),
+              /* @__PURE__ */ jsx("td", { children: editable ? /* @__PURE__ */ jsx(
+                "input",
+                {
+                  value: r.description ?? "",
+                  onChange: (e) => onCellEdit(idx, "description", e.target.value)
+                }
+              ) : r.description ?? "" }),
+              editable && /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("button", { type: "button", onClick: () => removeRow(idx), "aria-label": L.remove, children: /* @__PURE__ */ jsx(re, { name: "close", size: 14 }) }) })
+            ] }, r.code)) })
+          ] }),
+          editable && /* @__PURE__ */ jsx("button", { type: "button", className: "nice-vat-table__add", onClick: addRow, children: L.add })
+        ]
+      }
+    );
+  }
+);
+const EMPTY_INVOICES = [];
 function pad(n) {
   return n < 10 ? `0${n}` : String(n);
 }
@@ -4171,9 +2622,9 @@ function defaultBuildXml(opts) {
     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);
+      const v2 = Math.round(n * ln.vatRate);
       net += n;
-      vat += v;
+      vat += v2;
     }
     lines.push(`    <SumaNetto>${(net / 100).toFixed(2)}</SumaNetto>`);
     lines.push(`    <SumaVAT>${(vat / 100).toFixed(2)}</SumaVAT>`);
@@ -4183,9 +2634,9 @@ function defaultBuildXml(opts) {
   lines.push("</JPK>");
   return lines.join("\n");
 }
-const NiceJpkExporter = forwardRef(
+const NiceJpkExporter = /* @__PURE__ */ forwardRef(
   function NiceJpkExporter2({
-    invoices,
+    invoices = EMPTY_INVOICES,
     taxpayer,
     defaultFormat = "JPK_V7M",
     defaultPeriod,
@@ -4225,12 +2676,12 @@ const NiceJpkExporter = forwardRef(
       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();
+        const a2 = document.createElement("a");
+        a2.href = url;
+        a2.download = filename;
+        document.body.appendChild(a2);
+        a2.click();
+        a2.remove();
         URL.revokeObjectURL(url);
       }
     }, [format, from, to, taxpayer, invoices, buildXml, onExport, filenameFor]);