@nice2dev/ui-erp 1.1.7 → 1.1.10

package/dist/index.cjs

@@ -1,7 +1,1984 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
+const be = require("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"
+};
+be.createContext({
+  displayStyle: "default",
+  variantConfig: se,
+  setDisplayStyle: () => {
+  }
+});
+const er = {
+  // Navigation
+  "chevron-down": "M6 9l6 6 6-6",
+  "chevron-up": "M18 15l-6-6-6 6",
+  "chevron-left": "M15 18l-6-6 6-6",
+  "chevron-right": "M9 6l6 6-6 6",
+  "arrow-left": "M19 12H5m0 0l7 7m-7-7l7-7",
+  "arrow-right": "M5 12h14m0 0l-7-7m7 7l-7 7",
+  "arrow-up": "M12 19V5m0 0l-7 7m7-7l7 7",
+  "arrow-down": "M12 5v14m0 0l7-7m-7 7l-7-7",
+  // Actions
+  close: "M18 6L6 18M6 6l12 12",
+  plus: "M12 5v14m-7-7h14",
+  minus: "M5 12h14",
+  check: "M5 13l4 4L19 7",
+  edit: "M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7M18.5 2.5a2.121 2.121 0 113 3L12 15l-4 1 1-4 9.5-9.5z",
+  trash: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16",
+  copy: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z",
+  download: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4",
+  upload: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12",
+  refresh: "M4 4v5h5M20 20v-5h-5M20.49 9A9 9 0 005.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 013.51 15",
+  // UI
+  search: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z",
+  filter: "M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z",
+  "sort-asc": "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12",
+  "sort-desc": "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4",
+  // Neutral "sortable" indicator: a small up-chevron over a down-chevron.
+  sort: "M6 10l6-6 6 6M6 14l6 6 6-6",
+  menu: "M4 6h16M4 12h16M4 18h16",
+  "more-vertical": "M12 5v.01M12 12v.01M12 19v.01",
+  "more-horizontal": "M5 12h.01M12 12h.01M19 12h.01",
+  settings: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.066 2.573c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.573 1.066c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.066-2.573c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z M15 12a3 3 0 11-6 0 3 3 0 016 0z",
+  eye: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z M15 12a3 3 0 11-6 0 3 3 0 016 0z",
+  "eye-off": "M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24 M1 1l22 22",
+  lock: "M19 11H5a2 2 0 00-2 2v7a2 2 0 002 2h14a2 2 0 002-2v-7a2 2 0 00-2-2zm-3-4a4 4 0 10-8 0v4h8V7z",
+  // Status
+  info: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z",
+  warning: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z",
+  error: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z",
+  success: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z",
+  help: "M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z",
+  // Content
+  calendar: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z",
+  clock: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z",
+  file: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z",
+  folder: "M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z",
+  image: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z",
+  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",
+  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",
+  star: "M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z",
+  heart: "M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z",
+  bell: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9",
+  grip: "M4 6h2m4 0h2m4 0h2M4 12h2m4 0h2m4 0h2M4 18h2m4 0h2m4 0h2",
+  hash: "M4 9h16M4 15h16M10 3L8 21M16 3l-2 18",
+  list: "M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01",
+  circle: "M12 21a9 9 0 100-18 9 9 0 000 18z",
+  // UI component / element types (palettes, builders)
+  box: "M21 8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16V8z M3.27 6.96L12 12.01l8.73-5.05 M12 22.08V12",
+  tabs: "M3 9h18v10H3z M7 9V5h6v4",
+  columns: "M4 4h7v16H4z M13 4h7v16h-7z",
+  grid: "M3 3h7v7H3z M14 3h7v7h-7z M14 14h7v7h-7z M3 14h7v7H3z",
+  table: "M3 5h18v14H3z M3 10h18M3 15h18M9 5v14M15 5v14",
+  heading: "M6 4v16M18 4v16M6 12h12",
+  type: "M4 7V4h16v3M9 20h6M12 4v16",
+  "align-left": "M3 6h18M3 12h12M3 18h15",
+  input: "M4 9h16a1 1 0 011 1v4a1 1 0 01-1 1H4a1 1 0 01-1-1v-4a1 1 0 011-1z M7 12h5",
+  button: "M5 9h14a2 2 0 012 2v2a2 2 0 01-2 2H5a2 2 0 01-2-2v-2a2 2 0 012-2z",
+  select: "M4 6h16a1 1 0 011 1v10a1 1 0 01-1 1H4a1 1 0 01-1-1V7a1 1 0 011-1z M15 11l-3 3-3-3",
+  "check-square": "M9 11l3 3L22 4 M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11",
+  video: "M23 7l-7 5 7 5V7z M16 5H3a2 2 0 00-2 2v10a2 2 0 002 2h13a2 2 0 002-2V7a2 2 0 00-2-2z",
+  card: "M3 5h18a1 1 0 011 1v12a1 1 0 01-1 1H3a1 1 0 01-1-1V6a1 1 0 011-1z M3 10h18",
+  // App / infra / media concepts
+  "bar-chart": "M6 20v-6M12 20V4M18 20v-10",
+  "line-chart": "M3 3v18h18 M7 15l4-4 3 3 5-6",
+  "area-chart": "M3 3v18h18 M7 17v-3l4-4 3 3 5-6v10z",
+  "pie-chart": "M21.21 15.89A10 10 0 118 2.83 M22 12A10 10 0 0012 2v10z",
+  "donut-chart": "M12 3a9 9 0 100 18 9 9 0 000-18z M12 8a4 4 0 100 8 4 4 0 000-8z",
+  "scatter-chart": "M3 3v18h18 M8 16h.01 M11 11h.01 M15 14h.01 M18 8h.01",
+  "bars-vertical": "M6 5v14M12 5v14M18 5v14",
+  globe: "M12 3a9 9 0 100 18 9 9 0 000-18z M3 12h18 M12 3a14 14 0 010 18 M12 3a14 14 0 000 18",
+  monitor: "M3 4h18a1 1 0 011 1v11a1 1 0 01-1 1H3a1 1 0 01-1-1V5a1 1 0 011-1z M8 21h8 M12 17v4",
+  camera: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h3l2-3h6l2 3h3a2 2 0 012 2z M12 17a4 4 0 100-8 4 4 0 000 8z",
+  plug: "M9 2v5 M15 2v5 M7 7h10v3a5 5 0 01-10 0V7z M12 15v7",
+  save: "M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z M17 21v-8H7v8 M7 3v5h8",
+  tag: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z M7 7h.01",
+  palette: "M12 2a10 10 0 000 20 2 2 0 002-2c0-.5-.2-1-.5-1.3a2 2 0 01-.5-1.2 2 2 0 012-2H17a5 5 0 005-5c0-5-4.5-9-10-9z M6.5 11.5h.01 M9.5 7.5h.01 M14.5 7.5h.01",
+  book: "M4 19.5A2.5 2.5 0 016.5 17H20 M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z",
+  cloud: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
+  target: "M12 3a9 9 0 100 18 9 9 0 000-18z M12 7a5 5 0 100 10 5 5 0 000-10z M12 11a1 1 0 100 2 1 1 0 000-2z",
+  message: "M21 11.5a8.5 8.5 0 01-8.5 8.5 8.4 8.4 0 01-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 01-.9-3.8A8.5 8.5 0 0112.5 3 8.5 8.5 0 0121 11.5z",
+  flask: "M9 2h6 M10 2v6.5L4.5 19a1 1 0 00.9 1.5h13.2a1 1 0 00.9-1.5L14 8.5V2 M7 15h10",
+  rocket: "M12 15l-3-3a22 22 0 012-3.95A12.88 12.88 0 0122 2c0 2.72-.78 7.5-6 11a22 22 0 01-3.95 2z M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0 M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5 M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 00-2.91-.09z",
+  music: "M9 18V5l12-2v13 M9 18a3 3 0 11-6 0 3 3 0 016 0z M21 16a3 3 0 11-6 0 3 3 0 016 0z",
+  wifi: "M5 12.55a11 11 0 0114 0 M8.5 16.11a6 6 0 017 0 M12 20h.01 M2 8.82a15 15 0 0120 0",
+  database: "M12 8c4.97 0 9-1.34 9-3s-4.03-3-9-3-9 1.34-9 3 4.03 3 9 3z M21 5v6c0 1.66-4.03 3-9 3s-9-1.34-9-3V5 M21 11v6c0 1.66-4.03 3-9 3s-9-1.34-9-3v-6",
+  slash: "M12 3a9 9 0 100 18 9 9 0 000-18z M5.6 5.6l12.8 12.8",
+  puzzle: "M19.4 13.6a1.6 1.6 0 10.2-3.2H19V7a2 2 0 00-2-2h-3.4v-.4a1.6 1.6 0 10-3.2 0V5H7a2 2 0 00-2 2v3.4h.4a1.6 1.6 0 100 3.2H5V17a2 2 0 002 2h3.4v.4a1.6 1.6 0 103.2 0V19H17a2 2 0 002-2v-3.4z",
+  dollar: "M12 1v22 M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6",
+  printer: "M6 9V2h12v7 M6 18H4a2 2 0 01-2-2v-5a2 2 0 012-2h16a2 2 0 012 2v5a2 2 0 01-2 2h-2 M6 14h12v8H6z",
+  scale: "M12 3v18 M5 21h14 M5 7l7-2 7 2 M2 13a3 3 0 006 0L5 7zm14 0a3 3 0 006 0L19 7z",
+  accessibility: "M12 3a9 9 0 100 18 9 9 0 000-18z M12 9a1.5 1.5 0 100-3 1.5 1.5 0 000 3z M7.5 10.5l4.5 1 4.5-1 M12 11.5v3.5l-2 3.5 M12 15l2 3.5",
+  window: "M3 4h18a1 1 0 011 1v14a1 1 0 01-1 1H3a1 1 0 01-1-1V5a1 1 0 011-1z M2 9h20 M6 6.5h.01 M9 6.5h.01",
+  "map-pin": "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z M12 13a3 3 0 100-6 3 3 0 000 6z",
+  cursor: "M5 3l14 7-6 2-2 6-6-15z",
+  shuffle: "M16 3h5v5 M4 20L21 3 M21 16v5h-5 M15 15l6 6 M4 4l5 5",
+  lightbulb: "M9 18h6 M10 22h4 M12 2a7 7 0 00-4 12.7c.6.5 1 1.3 1 2.1V18h6v-1.2c0-.8.4-1.6 1-2.1A7 7 0 0012 2z",
+  server: "M3 4h18a1 1 0 011 1v4a1 1 0 01-1 1H3a1 1 0 01-1-1V5a1 1 0 011-1z M3 14h18a1 1 0 011 1v4a1 1 0 01-1 1H3a1 1 0 01-1-1v-4a1 1 0 011-1z M7 7h.01 M7 17h.01",
+  terminal: "M4 17l6-6-6-6 M12 19h8",
+  "git-branch": "M6 3v12 M18 9a3 3 0 100-6 3 3 0 000 6z M6 21a3 3 0 100-6 3 3 0 000 6z M18 9a9 9 0 01-9 9",
+  send: "M22 2L11 13 M22 2l-7 20-4-9-9-4 20-7z",
+  // Media
+  play: "M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z M21 12a9 9 0 11-18 0 9 9 0 0118 0z",
+  pause: "M10 9v6m4-6v6m7-3a9 9 0 11-18 0 9 9 0 0118 0z",
+  stop: "M21 12a9 9 0 11-18 0 9 9 0 0118 0z M9 10a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4z",
+  mic: "M12 1a3 3 0 00-3 3v8a3 3 0 006 0V4a3 3 0 00-3-3zM19 10v2a7 7 0 01-14 0v-2M12 19v4M8 23h8",
+  volume: "M11 5L6 9H2v6h4l5 4V5z M15.54 8.46a5 5 0 010 7.07 M19.07 4.93a10 10 0 010 14.14",
+  "volume-off": "M11 5L6 9H2v6h4l5 4V5z M23 9l-6 6 M17 9l6 6",
+  "skip-back": "M19 20L9 12l10-8v16z M5 19V5",
+  // Toggle
+  expand: "M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4",
+  collapse: "M9 9V5m0 4H5m4 0L4 4m11 5h4m-4 0V5m0 4l5-5M9 15v4m0-4H5m4 0l-5 5m15-5h-4m4 0v4m0-4l-5 5",
+  "external-link": "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14",
+  // Extended set (entities, gamification, status)
+  briefcase: "M20 7H4a2 2 0 00-2 2v9a2 2 0 002 2h16a2 2 0 002-2V9a2 2 0 00-2-2zM16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2M2 12h20",
+  building: "M4 22V4a2 2 0 012-2h12a2 2 0 012 2v18M4 22h16M9 22v-4h6v4M9 6h.01M15 6h.01M9 10h.01M15 10h.01M9 14h.01M15 14h.01",
+  medal: "M15.477 12.89L17 22l-5-3-5 3 1.523-9.11M12 15a6 6 0 100-12 6 6 0 000 12z",
+  clipboard: "M9 2h6a1 1 0 011 1v1a1 1 0 01-1 1H9a1 1 0 01-1-1V3a1 1 0 011-1zM16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2",
+  "skip-forward": "M5 4l10 8-10 8V4zM19 5v14",
+  "at-sign": "M12 16a4 4 0 100-8 4 4 0 000 8zM16 12v1.5a2.5 2.5 0 005 0V12a9 9 0 10-3.5 7.14",
+  gift: "M20 12v10H4V12M2 7h20v5H2zM12 22V7M12 7H7.5a2.5 2.5 0 010-5C11 2 12 7 12 7zM12 7h4.5a2.5 2.5 0 000-5C13 2 12 7 12 7z",
+  archive: "M21 8v13H3V8M1 3h22v5H1zM10 12h4",
+  reply: "M9 17l-5-5 5-5M4 12h11a4 4 0 014 4v2",
+  forward: "M15 17l5-5-5-5M20 12H9a4 4 0 00-4 4v2",
+  paperclip: "M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48",
+  zap: "M13 2L3 14h9l-1 8 10-12h-9l1-8z",
+  // Graphics / drawing tools (vector / pixel / photo / game editors)
+  square: "M4 4h16v16H4z",
+  triangle: "M12 4L3 20h18z",
+  hexagon: "M7.5 3h9l4.5 9-4.5 9h-9L3 12z",
+  diamond: "M12 2l10 10-10 10L2 12z",
+  line: "M5 19L19 5",
+  pen: "M12 19l7-7 3 3-7 7-3-3z M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z M11 11a2 2 0 100-4 2 2 0 000 4z",
+  brush: "M9.06 11.9l8.07-8.06a2.85 2.85 0 114.03 4.03l-8.06 8.08 M7.07 14.94c-1.66 0-3 1.35-3 3.02 0 1.33-2.5 1.52-2 2.02 1.08 1.1 2.49 2.02 4 2.02 2.2 0 4-1.8 4-4.04a3.01 3.01 0 00-3-3.02z",
+  droplet: "M12 2.69l5.66 5.66a8 8 0 11-11.31 0z",
+  bucket: "M5 8h14l-1.5 11a2 2 0 01-2 1.8H8.5a2 2 0 01-2-1.8L5 8z M5 8l2-4h10l2 4",
+  scissors: "M6 9a3 3 0 100-6 3 3 0 000 6z M6 21a3 3 0 100-6 3 3 0 000 6z M20 4L8.12 15.88 M14.47 14.48L20 20 M8.12 8.12L12 12",
+  layers: "M12 2l9 5-9 5-9-5 9-5z M3 12l9 5 9-5 M3 17l9 5 9-5",
+  crop: "M6 2v14a2 2 0 002 2h14 M2 6h14a2 2 0 012 2v14",
+  eyedropper: "M2 22l1-1h3l9-9 M3 21v-3l9-9 M15 6l3.5-3.5a2.12 2.12 0 013 3L18 9l-3-3z",
+  ruler: "M21.3 8.7l-6-6a1 1 0 00-1.4 0L2.7 13.9a1 1 0 000 1.4l6 6a1 1 0 001.4 0L21.3 10.1a1 1 0 000-1.4z M7.5 10.5l2 2 M11 7l2 2 M14.5 3.5l2 2",
+  wand: "M15 4V2 M15 16v-2 M8 9h2 M20 9h2 M3 21l9-9 M12.2 6.2L11 5 M17.8 6.2L19 5 M17.8 11.8L19 13",
+  move: "M5 9l-3 3 3 3 M9 5l3-3 3 3 M15 19l-3 3-3-3 M19 9l3 3-3 3 M2 12h20 M12 2v20",
+  gamepad: "M6 12h4 M8 10v4 M15 13h.01 M18 11h.01 M2 12a4 4 0 014-4h12a4 4 0 014 4l-1.5 6a2 2 0 01-2 1.5H5.5a2 2 0 01-2-1.5L2 12z",
+  eraser: "M7 21l-4.3-4.3a1 1 0 010-1.4l9.6-9.6a2 2 0 012.8 0l4.6 4.6a2 2 0 010 2.8L13 21H7z M22 21H7 M5 12l5 5",
+  // Buildings / interior / fixtures (spatial / floor-plan / smart-home / real-estate editors)
+  thermometer: "M14 14.76V3.5a2.5 2.5 0 00-5 0v11.26a4.5 4.5 0 105 0z",
+  door: "M18 20V5a1 1 0 00-1-1H7a1 1 0 00-1 1v15 M3 20h18 M13 11.5h.01",
+  stairs: "M3 20h3v-3h3v-3h3v-3h3v-3h3",
+  elevator: "M5 3h14a1 1 0 011 1v16a1 1 0 01-1 1H5a1 1 0 01-1-1V4a1 1 0 011-1z M9.5 9L12 6.5 14.5 9 M9.5 15l2.5 2.5 2.5-2.5",
+  bed: "M2 4v16 M2 8h18a2 2 0 012 2v10 M22 17H2 M6 8v4 M2 12h4",
+  sofa: "M3 9V7a2 2 0 012-2h14a2 2 0 012 2v2 M21 9a2 2 0 00-2 2v3H5v-3a2 2 0 00-2-2 2 2 0 00-2 2v4a1 1 0 001 1h18a1 1 0 001-1v-4a2 2 0 00-2-2 M5 18v2 M19 18v2",
+  chair: "M6 11V5a2 2 0 012-2h8a2 2 0 012 2v6 M5 11h14 M6 11l-1 8h14l-1-8 M6 19v2 M18 19v2",
+  utensils: "M3 2v7a2 2 0 002 2 2 2 0 002-2V2 M5 2v20 M21 2v9c0 1-1 1.8-2 1.8h-1V20 M18 2v9",
+  mountain: "M8 3l4 8 5-5 5 15H2L8 3z",
+  tree: "M12 2L7 11h10L12 2z M9 11l3 5 3-5 M12 16v6",
+  sun: "M12 17a5 5 0 100-10 5 5 0 000 10z M12 1v2 M12 21v2 M4.22 4.22l1.42 1.42 M18.36 18.36l1.42 1.42 M1 12h2 M21 12h2 M4.22 19.78l1.42-1.42 M18.36 5.64l1.42-1.42",
+  moon: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z",
+  // Rich-text editing (NiceHtmlEditor toolbar, document editors)
+  "list-ordered": "M10 6h11M10 12h11M10 18h11M4 6h1v4M4 10h2M6 18H4c0-1 2-2 2-3s-1-1.5-2-1",
+  unlink: "M18.84 12.25l1.72-1.71a5 5 0 0 0-7.07-7.07L11 5.78M3 3l18 18M9 15l3-3M14 11l3 3M14 21l-1.72-1.72a5 5 0 0 1-7.07-7.07L7 10.49",
+  code: "M16 18l6-6-6-6M8 6l-6 6 6 6",
+  quote: "M3 21c3-3 3-9 0-12M21 21c-3-3-3-9 0-12M9 7h6v6H9zM15 7h6v6h-6z",
+  indent: "M3 8l4 4-4 4M7 6h14M7 12h14M3 18h18",
+  outdent: "M7 8l-4 4 4 4M21 6H3M21 12H7M21 18H3",
+  "align-center": "M3 6h18M6 12h12M3 18h18",
+  "align-right": "M3 6h18M9 12h12M3 18h18",
+  "align-justify": "M3 6h18M3 12h18M3 18h18",
+  "align-top": "M4 4h16M9 8v12M15 8v7",
+  "align-middle": "M4 12h16M9 5v14M15 8v8",
+  "align-bottom": "M4 20h16M9 4v12M15 9v7",
+  "distribute-h": "M4 4v16M20 4v16M10 7h4v10h-4z",
+  "distribute-v": "M4 4h16M4 20h16M7 10h10v4H7z",
+  parallelogram: "M7 5h14l-4 14H3z",
+  barcode: "M4 5v14M6.5 5v14M10 5v14M13 5v14M15.5 5v14M19 5v14M20.5 5v14",
+  "qr-code": "M4 4h6v6H4z M14 4h6v6h-6z M4 14h6v6H4z M14 14h2v2h-2z M18 14h2v2h-2z M14 18h2v2h-2z M18 18h2v2h-2z",
+  smile: "M12 22a10 10 0 1 1 0-20 10 10 0 0 1 0 20zM8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01",
+  undo: "M9 14L4 9l5-5M4 9h10.5a5.5 5.5 0 010 11H11",
+  redo: "M15 14l5-5-5-5M20 9H9.5a5.5 5.5 0 000 11H13",
+  unlock: "M19 11H5a2 2 0 00-2 2v7a2 2 0 002 2h14a2 2 0 002-2v-7a2 2 0 00-2-2z M7 11V7a5 5 0 019.9-1",
+  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 = {
+  xs: 12,
+  sm: 16,
+  md: 20,
+  lg: 24,
+  xl: 32
+}, gt = be.createContext({});
+function la({
+  path: e,
+  size: t,
+  className: r,
+  style: a,
+  color: n,
+  title: o,
+  onClick: i
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: t,
+      height: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: n || "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: `nice-icon ${r || ""}`,
+      style: a,
+      role: o ? "img" : "presentation",
+      "aria-label": o,
+      "aria-hidden": !o,
+      onClick: i,
+      children: [
+        o && /* @__PURE__ */ jsxRuntime.jsx("title", { children: o }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: e })
+      ]
+    }
+  );
+}
+const Ae = ({
+  name: e,
+  size: t = "md",
+  className: r,
+  style: a,
+  color: n,
+  title: o,
+  onClick: i
+}) => {
+  const { resolver: s } = be.useContext(gt), c = typeof t == "number" ? t : ca[t];
+  if (s) {
+    const d = s(e, c);
+    if (d)
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: `nice-icon-wrap ${r || ""}`, style: a, onClick: i, children: d });
+  }
+  const l = er[e];
+  return l ? /* @__PURE__ */ jsxRuntime.jsx(
+    la,
+    {
+      path: l,
+      size: c,
+      className: r,
+      style: a,
+      color: n,
+      title: o,
+      onClick: i
+    }
+  ) : null;
+};
+be.createContext({
+  direction: "ltr",
+  isRTL: false,
+  flip: (e) => e,
+  flipStyle: (e, t) => ({ [e]: t })
+});
+be.createContext({
+  permissions: {},
+  getAccessMode: () => "full"
+});
+be.createContext(null);
+be.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" },
+  { primary: "#e5e7eb", secondary: "#9ca3af", muted: "#4b5563" },
+  "#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" },
+  { primary: "#eee8d5", secondary: "#93a1a1", muted: "#586e75" },
+  "#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" },
+  { primary: "#e0fbfc", secondary: "#80d4dd", muted: "#3a6b72" },
+  "#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" },
+  { primary: "#ffedd5", secondary: "#fdba74", muted: "#9a5c28" },
+  "#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 = be.memo(
+  ({ position: e = "bottom-right", defaultCollapsed: t = true }) => {
+    const [r, a] = be.useState(t), [n, o] = be.useState([]), [i, s] = be.useState({ used: 0, total: 0 });
+    if (be.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__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          ...c,
+          background: "var(--nice-overlay-85, rgba(0, 0, 0, 0.85))",
+          color: "var(--nice-text-on-primary, #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__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              style: { cursor: "pointer", display: "flex", alignItems: "center", gap: 8 },
+              onClick: () => a((l) => !l),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    style: {
+                      width: 8,
+                      height: 8,
+                      borderRadius: "50%",
+                      background: "var(--nice-color-success, #22c55e)"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Profiler" }),
+                i.used > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+                  "span",
+                  {
+                    style: {
+                      color: i.used > 100 ? "var(--nice-color-warning, #f59e0b)" : "var(--nice-text-muted, #64748b)"
+                    },
+                    children: [
+                      i.used.toFixed(0),
+                      "MB"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { style: { marginLeft: "auto", opacity: 0.5, display: "inline-flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(Ae, { name: r ? "chevron-down" : "chevron-up", size: 12 }) })
+              ]
+            }
+          ),
+          !r && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: 8 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                style: {
+                  borderBottom: "1px solid var(--nice-border-color, #333)",
+                  paddingBottom: 4,
+                  marginBottom: 8
+                },
+                children: /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Top Components" })
+              }
+            ),
+            n.map((l) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: 4, display: "flex", gap: 8 }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis" }, children: l.componentName }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  style: {
+                    color: l.avgRenderTime > 16 ? "var(--nice-color-warning, #f59e0b)" : "var(--nice-color-success, #22c55e)"
+                  },
+                  children: ee(l.avgRenderTime)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "span",
+                {
+                  style: {
+                    color: "var(--nice-text-muted, #64748b)",
+                    minWidth: 30,
+                    textAlign: "right"
+                  },
+                  children: [
+                    "x",
+                    l.renderCount
+                  ]
+                }
+              )
+            ] }, l.componentName)),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: 8, display: "flex", gap: 8 }, children: [
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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 === "development";
+be.createContext(null);
+be.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);
+}
+be.createContext(null);
+be.createContext(null);
+be.createContext(null);
+be.createContext(null);
 const DEFAULT_VIEW_CONFIG$1 = {
   timeUnit: "day",
   showUtilization: true,
@@ -29,17 +2006,17 @@ const NiceResourceAllocation = ({
   readOnly = false,
   className = ""
 }) => {
-  var _a, _b;
+  var _a2, _b;
   const config = { ...DEFAULT_VIEW_CONFIG$1, ...externalConfig };
-  const [selectedAllocation, setSelectedAllocation] = React.useState(null);
-  const [hoveredCell, setHoveredCell] = React.useState(null);
-  const [timeUnit, setTimeUnit] = React.useState(config.timeUnit);
-  const [expandedResources, setExpandedResources] = React.useState(
+  const [selectedAllocation, setSelectedAllocation] = be.useState(null);
+  const [hoveredCell, setHoveredCell] = be.useState(null);
+  const [timeUnit, setTimeUnit] = be.useState(config.timeUnit);
+  const [expandedResources, setExpandedResources] = be.useState(
     new Set(resources.map((r) => r.id))
   );
-  const [showAllocationModal, setShowAllocationModal] = React.useState(false);
-  const [newAllocation, setNewAllocation] = React.useState({});
-  const timePeriods = React.useMemo(() => {
+  const [showAllocationModal, setShowAllocationModal] = be.useState(false);
+  const [newAllocation, setNewAllocation] = be.useState({});
+  const timePeriods = be.useMemo(() => {
     const periods = [];
     const increment = TIME_INCREMENTS[timeUnit];
     let current = new Date(dateRange.start);
@@ -49,7 +2026,7 @@ const NiceResourceAllocation = ({
     }
     return periods;
   }, [dateRange.start, dateRange.end, timeUnit]);
-  const utilizationMap = React.useMemo(() => {
+  const utilizationMap = be.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     resources.forEach((resource) => {
       const resourceMap = /* @__PURE__ */ new Map();
@@ -80,7 +2057,7 @@ const NiceResourceAllocation = ({
     });
     return map;
   }, [resources, allocations, timePeriods, timeUnit]);
-  const conflicts = React.useMemo(() => {
+  const conflicts = be.useMemo(() => {
     const conflictList = [];
     utilizationMap.forEach((resourceMap, resourceId) => {
       const resource = resources.find((r) => r.id === resourceId);
@@ -108,7 +2085,7 @@ const NiceResourceAllocation = ({
     });
     return conflictList;
   }, [utilizationMap, allocations, resources, timeUnit]);
-  const getCellAllocations = React.useCallback(
+  const getCellAllocations = be.useCallback(
     (resourceId, date) => {
       const periodStart = date.getTime();
       const periodEnd = periodStart + TIME_INCREMENTS[timeUnit];
@@ -124,8 +2101,8 @@ const NiceResourceAllocation = ({
     [allocations, timeUnit]
   );
   const getCellColor = (resourceId, date) => {
-    var _a2;
-    const util = (_a2 = utilizationMap.get(resourceId)) == null ? void 0 : _a2.get(date.getTime());
+    var _a3;
+    const util = (_a3 = utilizationMap.get(resourceId)) == null ? void 0 : _a3.get(date.getTime());
     if (!util) {
       return "transparent";
     }
@@ -155,7 +2132,7 @@ const NiceResourceAllocation = ({
     }
   };
   const handleCellClick = (resourceId, date) => {
-    var _a2;
+    var _a3;
     if (readOnly) {
       return;
     }
@@ -163,7 +2140,7 @@ const NiceResourceAllocation = ({
       resourceId,
       start: date,
       end: new Date(date.getTime() + TIME_INCREMENTS[timeUnit]),
-      hoursPerDay: ((_a2 = resources.find((r) => r.id === resourceId)) == null ? void 0 : _a2.maxCapacity) || 8,
+      hoursPerDay: ((_a3 = resources.find((r) => r.id === resourceId)) == null ? void 0 : _a3.maxCapacity) || 8,
       status: "tentative"
     });
     setShowAllocationModal(true);
@@ -196,17 +2173,17 @@ const NiceResourceAllocation = ({
   const getResourceTypeIcon = (type) => {
     switch (type) {
       case "human":
-        return "👤";
+        return "user";
       case "equipment":
-        return "🔧";
+        return "settings";
       case "room":
-        return "🏢";
+        return "building";
       case "vehicle":
-        return "🚗";
+        return "map-pin";
       case "material":
-        return "📦";
+        return "box";
       default:
-        return "📋";
+        return "clipboard";
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `nice-resource-allocation ${className}`, children: [
@@ -229,7 +2206,7 @@ const NiceResourceAllocation = ({
         unit
       )) }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "toolbar__right", children: config.showConflicts && conflicts.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "conflicts-badge", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "badge-icon", children: "⚠️" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "badge-icon", children: /* @__PURE__ */ jsxRuntime.jsx(Ae, { name: "warning", size: 14 }) }),
         conflicts.length,
         " Conflict",
         conflicts.length !== 1 ? "s" : ""
@@ -288,10 +2265,16 @@ const NiceResourceAllocation = ({
                 e.stopPropagation();
                 toggleResource(resource.id);
               },
-              children: expandedResources.has(resource.id) ? "▾" : "▸"
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                Ae,
+                {
+                  name: expandedResources.has(resource.id) ? "chevron-down" : "chevron-right",
+                  size: 14
+                }
+              )
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "resource-icon", children: getResourceTypeIcon(resource.type) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "resource-icon", children: /* @__PURE__ */ jsxRuntime.jsx(Ae, { name: getResourceTypeIcon(resource.type), size: 16 }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "resource-info", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "resource-name", children: resource.name }),
             resource.department && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "resource-dept", children: resource.department })
@@ -302,9 +2285,9 @@ const NiceResourceAllocation = ({
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "time-cells", children: timePeriods.map((period, idx) => {
-          var _a2;
+          var _a3;
           const cellAllocations = getCellAllocations(resource.id, period);
-          const util = (_a2 = utilizationMap.get(resource.id)) == null ? void 0 : _a2.get(period.getTime());
+          const util = (_a3 = utilizationMap.get(resource.id)) == null ? void 0 : _a3.get(period.getTime());
           const isHovered = (hoveredCell == null ? void 0 : hoveredCell.resourceId) === resource.id && (hoveredCell == null ? void 0 : hoveredCell.date.getTime()) === period.getTime();
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
@@ -409,7 +2392,7 @@ const NiceResourceAllocation = ({
             "input",
             {
               type: "date",
-              value: ((_a = newAllocation.start) == null ? void 0 : _a.toISOString().split("T")[0]) || "",
+              value: ((_a2 = newAllocation.start) == null ? void 0 : _a2.toISOString().split("T")[0]) || "",
               onChange: (e) => setNewAllocation((prev) => ({ ...prev, start: new Date(e.target.value) }))
             }
           )
@@ -498,35 +2481,35 @@ const NiceInventoryManager = ({
   readOnly = false,
   className = ""
 }) => {
-  var _a, _b;
+  var _a2, _b;
   const config = { ...DEFAULT_VIEW_CONFIG, ...externalConfig };
-  const [filters, setFilters] = React.useState({});
-  const [view, setView] = React.useState(config.view);
-  const [sortBy, setSortBy] = React.useState(config.sortBy);
-  const [sortOrder, setSortOrder] = React.useState(config.sortOrder);
-  const [page, setPage] = React.useState(1);
-  const [selectedItems, setSelectedItems] = React.useState(/* @__PURE__ */ new Set());
-  const [showItemModal, setShowItemModal] = React.useState(false);
-  const [showTransactionModal, setShowTransactionModal] = React.useState(false);
-  const [editingItem, setEditingItem] = React.useState(null);
-  const [newTransaction, setNewTransaction] = React.useState({});
-  const [activeTab, setActiveTab] = React.useState("inventory");
-  const categories = React.useMemo(() => {
+  const [filters, setFilters] = be.useState({});
+  const [view, setView] = be.useState(config.view);
+  const [sortBy, setSortBy] = be.useState(config.sortBy);
+  const [sortOrder, setSortOrder] = be.useState(config.sortOrder);
+  const [page, setPage] = be.useState(1);
+  const [selectedItems, setSelectedItems] = be.useState(/* @__PURE__ */ new Set());
+  const [showItemModal, setShowItemModal] = be.useState(false);
+  const [showTransactionModal, setShowTransactionModal] = be.useState(false);
+  const [editingItem, setEditingItem] = be.useState(null);
+  const [newTransaction, setNewTransaction] = be.useState({});
+  const [activeTab, setActiveTab] = be.useState("inventory");
+  const categories = be.useMemo(() => {
     return Array.from(new Set(items.map((item) => item.category))).sort();
   }, [items]);
-  const filteredItems = React.useMemo(() => {
-    var _a2, _b2;
+  const filteredItems = be.useMemo(() => {
+    var _a3, _b2;
     let result = [...items];
     if (filters.searchQuery) {
       const query = filters.searchQuery.toLowerCase();
       result = result.filter(
         (item) => {
-          var _a3;
-          return item.name.toLowerCase().includes(query) || item.sku.toLowerCase().includes(query) || ((_a3 = item.description) == null ? void 0 : _a3.toLowerCase().includes(query));
+          var _a4;
+          return item.name.toLowerCase().includes(query) || item.sku.toLowerCase().includes(query) || ((_a4 = item.description) == null ? void 0 : _a4.toLowerCase().includes(query));
         }
       );
     }
-    if ((_a2 = filters.categories) == null ? void 0 : _a2.length) {
+    if ((_a3 = filters.categories) == null ? void 0 : _a3.length) {
       result = result.filter((item) => filters.categories.includes(item.category));
     }
     if ((_b2 = filters.statuses) == null ? void 0 : _b2.length) {
@@ -536,7 +2519,7 @@ const NiceInventoryManager = ({
       result = result.filter((item) => item.quantity <= item.reorderLevel);
     }
     result.sort((a, b) => {
-      var _a3, _b3;
+      var _a4, _b3;
       let comparison = 0;
       switch (sortBy) {
         case "name":
@@ -552,25 +2535,25 @@ const NiceInventoryManager = ({
           comparison = a.quantity * a.cost.amount - b.quantity * b.cost.amount;
           break;
         case "lastUpdated":
-          comparison = (((_a3 = a.lastCountDate) == null ? void 0 : _a3.getTime()) || 0) - (((_b3 = b.lastCountDate) == null ? void 0 : _b3.getTime()) || 0);
+          comparison = (((_a4 = a.lastCountDate) == null ? void 0 : _a4.getTime()) || 0) - (((_b3 = b.lastCountDate) == null ? void 0 : _b3.getTime()) || 0);
           break;
       }
       return sortOrder === "asc" ? comparison : -comparison;
     });
     return result;
   }, [items, filters, sortBy, sortOrder]);
-  const paginatedItems = React.useMemo(() => {
+  const paginatedItems = be.useMemo(() => {
     const start = (page - 1) * config.pageSize;
     return filteredItems.slice(start, start + config.pageSize);
   }, [filteredItems, page, config.pageSize]);
   const totalPages = Math.ceil(filteredItems.length / config.pageSize);
-  const reorderItems = React.useMemo(() => {
+  const reorderItems = be.useMemo(() => {
     return items.filter((item) => item.quantity <= item.reorderLevel);
   }, [items]);
-  const recentTransactions = React.useMemo(() => {
+  const recentTransactions = be.useMemo(() => {
     return [...transactions].sort((a, b) => b.date.getTime() - a.date.getTime()).slice(0, 50);
   }, [transactions]);
-  const kanbanGroups = React.useMemo(() => {
+  const kanbanGroups = be.useMemo(() => {
     if (view !== "kanban") {
       return null;
     }
@@ -584,8 +2567,8 @@ const NiceInventoryManager = ({
     ];
     statuses.forEach((status) => groups.set(status, []));
     filteredItems.forEach((item) => {
-      var _a2;
-      (_a2 = groups.get(item.status)) == null ? void 0 : _a2.push(item);
+      var _a3;
+      (_a3 = groups.get(item.status)) == null ? void 0 : _a3.push(item);
     });
     return groups;
   }, [filteredItems, view]);
@@ -608,21 +2591,21 @@ const NiceInventoryManager = ({
   const getTransactionIcon = (type) => {
     switch (type) {
       case "receipt":
-        return "📥";
+        return "download";
       case "issue":
-        return "📤";
+        return "upload";
       case "transfer":
-        return "🔄";
+        return "shuffle";
       case "adjustment":
-        return "✏️";
+        return "edit";
       case "return":
-        return "↩️";
+        return "undo";
       case "count":
-        return "📊";
+        return "bar-chart";
       case "write-off":
-        return "❌";
+        return "close";
       default:
-        return "📋";
+        return "clipboard";
     }
   };
   const formatCurrency = (amount, symbol = "$") => {
@@ -678,12 +2661,12 @@ const NiceInventoryManager = ({
               onChange: (e) => setFilters((prev) => ({ ...prev, searchQuery: e.target.value }))
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "search-icon", children: "🔍" })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "search-icon", children: /* @__PURE__ */ jsxRuntime.jsx(Ae, { name: "search", size: 14 }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "select",
           {
-            value: ((_a = filters.categories) == null ? void 0 : _a[0]) || "",
+            value: ((_a2 = filters.categories) == null ? void 0 : _a2[0]) || "",
             onChange: (e) => setFilters((prev) => ({
               ...prev,
               categories: e.target.value ? [e.target.value] : void 0
@@ -712,7 +2695,13 @@ const NiceInventoryManager = ({
           {
             className: `view-button ${view === v ? "view-button--active" : ""}`,
             onClick: () => setView(v),
-            children: v === "grid" ? "⊞" : v === "list" ? "☰" : "▦"
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              Ae,
+              {
+                name: v === "grid" ? "grid" : v === "list" ? "list" : "table",
+                size: 14
+              }
+            )
           },
           v
         )) }),
@@ -777,7 +2766,7 @@ const NiceInventoryManager = ({
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inventory__content", children: [
       activeTab === "inventory" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         view === "grid" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "items-grid", children: paginatedItems.map((item) => {
-          var _a2;
+          var _a3;
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
@@ -794,7 +2783,7 @@ const NiceInventoryManager = ({
                     onClick: (e) => e.stopPropagation()
                   }
                 ),
-                config.showImages && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "item-image", children: ((_a2 = item.images) == null ? void 0 : _a2[0]) ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.images[0], alt: item.name }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "placeholder-image", children: "📦" }) }),
+                config.showImages && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "item-image", children: ((_a3 = item.images) == null ? void 0 : _a3[0]) ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.images[0], alt: item.name }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "placeholder-image", children: /* @__PURE__ */ jsxRuntime.jsx(Ae, { name: "box", size: 32 }) }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "item-info", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "item-sku", children: item.sku }),
                   /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "item-name", children: item.name }),
@@ -814,7 +2803,10 @@ const NiceInventoryManager = ({
                     " ",
                     item.unit
                   ] }),
-                  item.quantity <= item.reorderLevel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "reorder-alert", children: "⚠️ Low Stock" })
+                  item.quantity <= item.reorderLevel && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "reorder-alert", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(Ae, { name: "warning", size: 12 }),
+                    " Low Stock"
+                  ] })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "item-value", children: formatCurrency(item.quantity * item.cost.amount, item.cost.currency.symbol) })
               ]
@@ -928,7 +2920,7 @@ const NiceInventoryManager = ({
                         setEditingItem(item);
                         setShowItemModal(true);
                       },
-                      children: "✏️"
+                      children: /* @__PURE__ */ jsxRuntime.jsx(Ae, { name: "edit", size: 14 })
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -940,7 +2932,7 @@ const NiceInventoryManager = ({
                         setNewTransaction({ itemId: item.id });
                         setShowTransactionModal(true);
                       },
-                      children: "📝"
+                      children: /* @__PURE__ */ jsxRuntime.jsx(Ae, { name: "clipboard", size: 14 })
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -951,7 +2943,7 @@ const NiceInventoryManager = ({
                         e.stopPropagation();
                         onItemDelete == null ? void 0 : onItemDelete(item.id);
                       },
-                      children: "🗑️"
+                      children: /* @__PURE__ */ jsxRuntime.jsx(Ae, { name: "trash", size: 14 })
                     }
                   )
                 ] })
@@ -1013,7 +3005,7 @@ const NiceInventoryManager = ({
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "transactions-list", children: recentTransactions.map((tx) => {
           const item = items.find((i) => i.id === tx.itemId);
           return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "transaction-item", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tx-icon", children: getTransactionIcon(tx.type) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tx-icon", children: /* @__PURE__ */ jsxRuntime.jsx(Ae, { name: getTransactionIcon(tx.type), size: 16 }) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tx-info", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tx-type", children: tx.type }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tx-item", children: (item == null ? void 0 : item.name) || tx.itemId })
@@ -1037,7 +3029,7 @@ const NiceInventoryManager = ({
         }) })
       ] }),
       activeTab === "reorder" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "reorder-tab", children: reorderItems.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "empty-state", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "empty-icon", children: "✅" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "empty-icon", children: /* @__PURE__ */ jsxRuntime.jsx(Ae, { name: "success", size: 32 }) }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { children: "All items are sufficiently stocked" })
       ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "reorder-list", children: reorderItems.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "reorder-item", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "reorder-info", children: [
@@ -1285,13 +3277,13 @@ const NiceInventoryManager = ({
   ] });
 };
 const STATUS_COLOR = {
-  draft: "var(--nice-color-muted, #6b7280)",
+  draft: "var(--nice-text-muted, #6b7280)",
   issued: "var(--nice-color-info, #2563eb)",
   sent: "var(--nice-color-info, #2563eb)",
   paid: "var(--nice-color-success, #16a34a)",
   "partially-paid": "var(--nice-color-warning, #ca8a04)",
   overdue: "var(--nice-color-danger, #dc2626)",
-  cancelled: "var(--nice-color-muted, #6b7280)"
+  cancelled: "var(--nice-text-muted, #6b7280)"
 };
 function lineNet(line) {
   const gross = line.quantity * line.unitPrice.amount;
@@ -1312,7 +3304,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 = React.forwardRef(
+const NiceInvoiceView = be.forwardRef(
   function NiceInvoiceView2({
     invoice,
     locale,
@@ -1326,8 +3318,8 @@ const NiceInvoiceView = React.forwardRef(
     style,
     id
   }, ref) {
-    var _a;
-    const cur = currency ?? invoice.currency ?? ((_a = invoice.lines[0]) == null ? void 0 : _a.unitPrice.currency) ?? "EUR";
+    var _a2;
+    const cur = currency ?? invoice.currency ?? ((_a2 = invoice.lines[0]) == null ? void 0 : _a2.unitPrice.currency) ?? "EUR";
     const L = {
       invoiceNumber: "Invoice",
       issueDate: "Issue date",
@@ -1349,7 +3341,7 @@ const NiceInvoiceView = React.forwardRef(
       vatId: "VAT ID",
       ...labels
     };
-    const totals = React.useMemo(() => {
+    const totals = be.useMemo(() => {
       let net = 0;
       let vat = 0;
       const byRate = /* @__PURE__ */ new Map();
@@ -1400,7 +3392,19 @@ const NiceInvoiceView = React.forwardRef(
                 className: "nice-invoice-view__status",
                 style: { color: STATUS_COLOR[invoice.status] },
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, children: "●" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      "aria-hidden": true,
+                      style: {
+                        display: "inline-block",
+                        width: 8,
+                        height: 8,
+                        borderRadius: "50%",
+                        background: "currentColor"
+                      }
+                    }
+                  ),
                   " ",
                   invoice.status
                 ]
@@ -1408,8 +3412,26 @@ const NiceInvoiceView = React.forwardRef(
             ),
             showActions && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-invoice-view__actions", children: [
               /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => onAction == null ? void 0 : onAction("download"), children: "↓" }),
-              /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => onAction == null ? void 0 : onAction("print"), children: "⎙" }),
-              /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => onAction == null ? void 0 : onAction("send"), children: "✉" })
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onAction == null ? void 0 : onAction("print"),
+                  "aria-label": "Print",
+                  title: "Print",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Ae, { name: "printer", size: 14 })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onAction == null ? void 0 : onAction("send"),
+                  "aria-label": "Send",
+                  title: "Send",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Ae, { name: "mail", size: 14 })
+                }
+              )
             ] })
           ] }),
           !(hideSections == null ? void 0 : hideSections.header) && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "nice-invoice-view__parties", children: [
@@ -1533,7 +3555,7 @@ function colorFor(occ, colors) {
   }
   return colors.high;
 }
-const NiceWarehouseView = React.forwardRef(
+const NiceWarehouseView = be.forwardRef(
   function NiceWarehouseView2({
     warehouseName,
     cells,
@@ -1546,8 +3568,8 @@ const NiceWarehouseView = React.forwardRef(
     style,
     id
   }, ref) {
-    const [hovered, setHovered] = React.useState(null);
-    const grid = React.useMemo(() => {
+    const [hovered, setHovered] = be.useState(null);
+    const grid = be.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";
@@ -1575,7 +3597,7 @@ const NiceWarehouseView = React.forwardRef(
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-warehouse-view__grid", role: "grid", "aria-label": warehouseName, children: grid.map(({ rowKey, cells: row }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-warehouse-view__row", role: "row", children: row.map((c, idx) => {
         const key = [c.location.rack, c.location.aisle, c.location.shelf, c.location.bin].filter(Boolean).join("-") || String(idx);
         const aisleBreak = aisleEvery > 0 && idx > 0 && idx % aisleEvery === 0;
-        return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+        return /* @__PURE__ */ jsxRuntime.jsxs(be.Fragment, { children: [
           aisleBreak && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nice-warehouse-view__aisle", "aria-hidden": true }),
           /* @__PURE__ */ jsxRuntime.jsx(
             "button",
@@ -1649,7 +3671,7 @@ function fmtDate(d, locale) {
   const dt = d instanceof Date ? d : new Date(d);
   return new Intl.DateTimeFormat(locale, { dateStyle: "medium" }).format(dt);
 }
-const NicePurchaseOrder = React.forwardRef(
+const NicePurchaseOrder = be.forwardRef(
   function NicePurchaseOrder2({
     orders,
     selectable = true,
@@ -1664,9 +3686,9 @@ const NicePurchaseOrder = React.forwardRef(
     style,
     id
   }, ref) {
-    var _a;
-    const [selectedId, setSelectedId] = React.useState(
-      initialSelectedId ?? ((_a = orders[0]) == null ? void 0 : _a.id)
+    var _a2;
+    const [selectedId, setSelectedId] = be.useState(
+      initialSelectedId ?? ((_a2 = orders[0]) == null ? void 0 : _a2.id)
     );
     const L = {
       orderNumber: "PO #",
@@ -1686,7 +3708,7 @@ const NicePurchaseOrder = React.forwardRef(
       receive: "Receive all",
       ...labels
     };
-    const selected = React.useMemo(
+    const selected = be.useMemo(
       () => orders.find((o) => o.id === selectedId),
       [orders, selectedId]
     );
@@ -1710,7 +3732,20 @@ const NicePurchaseOrder = React.forwardRef(
               /* @__PURE__ */ jsxRuntime.jsx("td", { children: o.orderNumber }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { children: o.supplier.name }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: STATUS_TINT[o.status] }, children: [
-                "● ",
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    "aria-hidden": true,
+                    style: {
+                      display: "inline-block",
+                      width: 8,
+                      height: 8,
+                      borderRadius: "50%",
+                      background: "currentColor"
+                    }
+                  }
+                ),
+                " ",
                 o.status
               ] }) }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { children: fmtDate(o.orderDate, locale) }),
@@ -1795,7 +3830,7 @@ const NicePurchaseOrder = React.forwardRef(
     ] });
   }
 );
-const NiceHRDashboard = React.forwardRef(
+const NiceHRDashboard = be.forwardRef(
   function NiceHRDashboard2({
     employees,
     labels,
@@ -1816,7 +3851,7 @@ const NiceHRDashboard = React.forwardRef(
       activeEmployees: "Active",
       ...labels
     };
-    const stats = React.useMemo(() => {
+    const stats = be.useMemo(() => {
       const active = employees.filter((e) => e.active !== false);
       const fte = active.reduce((s, e) => s + (e.fte ?? 1), 0);
       const vacationAvg = active.length === 0 ? 0 : active.reduce((s, e) => s + (e.vacationBalanceDays ?? 0), 0) / active.length;
@@ -1899,11 +3934,12 @@ const NiceHRDashboard = React.forwardRef(
 const wait = (ms) => new Promise((r) => setTimeout(r, ms));
 const NICE_VAT_PRESETS = {
   PL: [
-    { code: "PL-23", rate: 0.23, label: "23%", description: "Stawka podstawowa" },
-    { code: "PL-8", rate: 0.08, label: "8%", description: "Stawka obniżona" },
-    { code: "PL-5", rate: 0.05, label: "5%", description: "Stawka obniżona" },
-    { code: "PL-0", rate: 0, label: "0%", description: "Stawka zerowa (eksport)" },
-    { code: "PL-zw", rate: 0, label: "zw.", description: "Zwolnienie" }
+    { code: "PL-23", rate: 0.23, label: "23%", description: "Standard rate" },
+    { code: "PL-8", rate: 0.08, label: "8%", description: "Reduced rate" },
+    { code: "PL-5", rate: 0.05, label: "5%", description: "Reduced rate" },
+    { code: "PL-0", rate: 0, label: "0%", description: "Zero rate (export)" },
+    // 'zw.' is the statutory marking printed on Polish invoices — not a UI string.
+    { code: "PL-zw", rate: 0, label: "zw.", description: "Exempt" }
   ],
   EU: [
     { code: "EU-21", rate: 0.21, label: "21%" },
@@ -1928,11 +3964,11 @@ const DEFAULT_SEED = {
 };
 function useMockErpApi(options = {}) {
   const { latencyMs = 300, errorRate = 0, seed } = options;
-  const [loading, setLoading] = React.useState(true);
-  const [error, setError] = React.useState(null);
-  const [data, setData] = React.useState(() => ({ ...DEFAULT_SEED, ...seed }));
-  const settledRef = React.useRef(false);
-  const refresh = React.useCallback(async () => {
+  const [loading, setLoading] = be.useState(true);
+  const [error, setError] = be.useState(null);
+  const [data, setData] = be.useState(() => ({ ...DEFAULT_SEED, ...seed }));
+  const settledRef = be.useRef(false);
+  const refresh = be.useCallback(async () => {
     setLoading(true);
     setError(null);
     await wait(latencyMs);
@@ -1943,14 +3979,14 @@ function useMockErpApi(options = {}) {
     }
     setLoading(false);
   }, [latencyMs, errorRate]);
-  React.useEffect(() => {
+  be.useEffect(() => {
     if (settledRef.current) {
       return;
     }
     settledRef.current = true;
     void refresh();
   }, [refresh]);
-  const writeWith = React.useCallback(
+  const writeWith = be.useCallback(
     async (key, item) => {
       await wait(latencyMs);
       if (Math.random() < errorRate) {
@@ -1969,7 +4005,7 @@ function useMockErpApi(options = {}) {
     },
     [latencyMs, errorRate]
   );
-  return React.useMemo(
+  return be.useMemo(
     () => ({
       loading,
       error,
@@ -1988,7 +4024,7 @@ function useMockErpApi(options = {}) {
     [loading, error, data, refresh, writeWith]
   );
 }
-const NiceVatTable = React.forwardRef(function NiceVatTable2({
+const NiceVatTable = be.forwardRef(function NiceVatTable2({
   country = "PL",
   rates,
   editable = false,
@@ -2001,7 +4037,7 @@ const NiceVatTable = React.forwardRef(function NiceVatTable2({
   style,
   id
 }, ref) {
-  const [internal, setInternal] = React.useState(rates ?? NICE_VAT_PRESETS[country]);
+  const [internal, setInternal] = be.useState(rates ?? NICE_VAT_PRESETS[country]);
   const L = {
     code: "Code",
     rate: "Rate",
@@ -2011,7 +4047,7 @@ const NiceVatTable = React.forwardRef(function NiceVatTable2({
     remove: "Remove",
     ...labels
   };
-  const update = React.useCallback(
+  const update = be.useCallback(
     (next) => {
       setInternal(next);
       onChange == null ? void 0 : onChange(next);
@@ -2145,7 +4181,7 @@ function defaultBuildXml(opts) {
   lines.push("</JPK>");
   return lines.join("\n");
 }
-const NiceJpkExporter = React.forwardRef(
+const NiceJpkExporter = be.forwardRef(
   function NiceJpkExporter2({
     invoices,
     taxpayer,
@@ -2160,11 +4196,11 @@ const NiceJpkExporter = React.forwardRef(
     id
   }, ref) {
     const today = /* @__PURE__ */ new Date();
-    const [format, setFormat] = React.useState(defaultFormat);
-    const [from, setFrom] = React.useState(
+    const [format, setFormat] = be.useState(defaultFormat);
+    const [from, setFrom] = be.useState(
       isoDate((defaultPeriod == null ? void 0 : defaultPeriod.from) ?? new Date(today.getFullYear(), today.getMonth(), 1))
     );
-    const [to, setTo] = React.useState(
+    const [to, setTo] = be.useState(
       isoDate((defaultPeriod == null ? void 0 : defaultPeriod.to) ?? new Date(today.getFullYear(), today.getMonth() + 1, 0))
     );
     const L = {
@@ -2174,7 +4210,7 @@ const NiceJpkExporter = React.forwardRef(
       export: "Export",
       ...labels
     };
-    const exportNow = React.useCallback(() => {
+    const exportNow = be.useCallback(() => {
       const opts = {
         format,
         period: { from: new Date(from), to: new Date(to) },