gov-layout 1.1.10 → 1.2.0

package/dist/index.js

@@ -79,6 +79,318 @@ function SidebarHeader({ orgLogo, orgName, orgSubtitle, collapsed }) {
     ] })
   ] });
 }
+var defaultProps = (size = 20) => ({
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+});
+function HomeIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 22 9 12 15 12 15 22" })
+  ] });
+}
+function SearchIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+  ] });
+}
+function BellIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13.73 21a2 2 0 0 1-3.46 0" })
+  ] });
+}
+function FolderIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { ...defaultProps(size), className, style, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" }) });
+}
+function ClipboardIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "8", y: "2", width: "8", height: "4", rx: "1", ry: "1" })
+  ] });
+}
+function FileTextIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "14 2 14 8 20 8" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
+    /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "10 9 9 9 8 9" })
+  ] });
+}
+function CalendarIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+  ] });
+}
+function UserIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "7", r: "4" })
+  ] });
+}
+function UsersIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "9", cy: "7", r: "4" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M23 21v-2a4 4 0 0 0-3-3.87" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+  ] });
+}
+function GearIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
+  ] });
+}
+function WrenchIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { ...defaultProps(size), className, style, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" }) });
+}
+function ShieldIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { ...defaultProps(size), className, style, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) });
+}
+function HelpCircleIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+  ] });
+}
+function BarChartIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "20", x2: "12", y2: "10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "20", x2: "18", y2: "4" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "20", x2: "6", y2: "16" })
+  ] });
+}
+function HistoryIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "1 4 1 10 7 10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.51 15a9 9 0 1 0 2.13-9.36L1 10" })
+  ] });
+}
+function DatabaseIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12c0 1.66-4 3-9 3s-9-1.34-9-3" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5" })
+  ] });
+}
+function BuildingIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "9", y1: "22", x2: "9", y2: "18" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "15", y1: "22", x2: "15", y2: "18" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "9", y1: "6", x2: "9.01", y2: "6" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "15", y1: "6", x2: "15.01", y2: "6" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "9", y1: "10", x2: "9.01", y2: "10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "15", y1: "10", x2: "15.01", y2: "10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "9", y1: "14", x2: "9.01", y2: "14" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "15", y1: "14", x2: "15.01", y2: "14" })
+  ] });
+}
+function MapPinIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "10", r: "3" })
+  ] });
+}
+function PhoneIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { ...defaultProps(size), className, style, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" }) });
+}
+function MailIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "22,6 12,13 2,6" })
+  ] });
+}
+function CheckCircleIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
+    /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "22 4 12 14.01 9 11.01" })
+  ] });
+}
+function AlertTriangleIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+  ] });
+}
+function XCircleIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
+  ] });
+}
+function PlusCircleIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12" })
+  ] });
+}
+function LogOutIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
+    /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "16 17 21 12 16 7" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12" })
+  ] });
+}
+function DownloadIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+    /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "7 10 12 15 17 10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
+  ] });
+}
+function UploadIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+    /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "17 8 12 3 7 8" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
+  ] });
+}
+function PrinterIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "6 9 6 2 18 2 18 9" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "6", y: "14", width: "12", height: "8" })
+  ] });
+}
+function StarIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { ...defaultProps(size), className, style, children: /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }) });
+}
+function HeartIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { ...defaultProps(size), className, style, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" }) });
+}
+function EyeIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3" })
+  ] });
+}
+function EditIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
+  ] });
+}
+function TrashIcon({ size = 20, className, style } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...defaultProps(size), className, style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "3 6 5 6 21 6" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "10", y1: "11", x2: "10", y2: "17" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "14", y1: "11", x2: "14", y2: "17" })
+  ] });
+}
+var ICON_MAP = {
+  home: HomeIcon,
+  dashboard: HomeIcon,
+  services: FolderIcon,
+  service: FolderIcon,
+  folder: FolderIcon,
+  category: FolderIcon,
+  users: UsersIcon,
+  members: UsersIcon,
+  user: UserIcon,
+  profile: UserIcon,
+  staff: UserIcon,
+  settings: GearIcon,
+  setting: GearIcon,
+  config: GearIcon,
+  help: HelpCircleIcon,
+  support: HelpCircleIcon,
+  faq: HelpCircleIcon,
+  reports: BarChartIcon,
+  report: BarChartIcon,
+  stats: BarChartIcon,
+  chart: BarChartIcon,
+  analytics: BarChartIcon,
+  roles: ShieldIcon,
+  permissions: ShieldIcon,
+  security: ShieldIcon,
+  logs: HistoryIcon,
+  history: HistoryIcon,
+  activity: HistoryIcon,
+  audit: HistoryIcon,
+  backup: DatabaseIcon,
+  database: DatabaseIcon,
+  data: DatabaseIcon,
+  documents: FileTextIcon,
+  document: FileTextIcon,
+  docs: FileTextIcon,
+  files: FileTextIcon,
+  file: FileTextIcon,
+  forms: ClipboardIcon,
+  form: ClipboardIcon,
+  request: ClipboardIcon,
+  requests: ClipboardIcon,
+  calendar: CalendarIcon,
+  schedule: CalendarIcon,
+  appointment: CalendarIcon,
+  notifications: BellIcon,
+  notification: BellIcon,
+  alerts: BellIcon,
+  search: SearchIcon,
+  organization: BuildingIcon,
+  org: BuildingIcon,
+  department: BuildingIcon,
+  agency: BuildingIcon,
+  location: MapPinIcon,
+  map: MapPinIcon,
+  address: MapPinIcon,
+  phone: PhoneIcon,
+  contact: PhoneIcon,
+  call: PhoneIcon,
+  email: MailIcon,
+  mail: MailIcon,
+  message: MailIcon,
+  messages: MailIcon,
+  tools: WrenchIcon,
+  maintenance: WrenchIcon,
+  favorites: StarIcon,
+  bookmark: StarIcon,
+  edit: EditIcon,
+  manage: EditIcon,
+  delete: TrashIcon,
+  trash: TrashIcon,
+  view: EyeIcon,
+  preview: EyeIcon,
+  detail: EyeIcon,
+  download: DownloadIcon,
+  export: DownloadIcon,
+  upload: UploadIcon,
+  import: UploadIcon,
+  print: PrinterIcon,
+  printer: PrinterIcon,
+  logout: LogOutIcon,
+  signout: LogOutIcon,
+  approve: CheckCircleIcon,
+  approved: CheckCircleIcon,
+  add: PlusCircleIcon,
+  create: PlusCircleIcon,
+  new: PlusCircleIcon
+};
+function DefaultIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4" }) });
+}
+function getAutoIcon(id) {
+  const IconComp = ICON_MAP[id.toLowerCase()];
+  if (IconComp) return /* @__PURE__ */ jsxRuntime.jsx(IconComp, {});
+  return /* @__PURE__ */ jsxRuntime.jsx(DefaultIcon, {});
+}
 function ChevronDownIcon({ isOpen }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
@@ -109,6 +421,7 @@ function MenuItemComponent({
 }) {
   const hasChildren = item.children && item.children.length > 0;
   const isActive = item.path ? currentPath === item.path : false;
+  const resolvedIcon = item.icon || getAutoIcon(item.id);
   const isChildActive = hasChildren ? item.children.some((child) => child.path === currentPath) : false;
   const [userToggled, setUserToggled] = react.useState(false);
   const [isOpen, setIsOpen] = react.useState(isChildActive);
@@ -149,13 +462,13 @@ function MenuItemComponent({
             cursor: "pointer",
             transition: "background-color 0.15s ease"
           },
-          children: item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { style: {
+          children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: {
             width: "24px",
             height: "24px",
             display: "flex",
             alignItems: "center",
             justifyContent: "center"
-          }, children: item.icon })
+          }, children: resolvedIcon })
         }
       ),
       item.dividerAfter && /* @__PURE__ */ jsxRuntime.jsx("hr", { style: {
@@ -194,7 +507,7 @@ function MenuItemComponent({
           lineHeight: "22px"
         },
         children: [
-          item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { style: {
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: {
             width: "24px",
             height: "24px",
             display: "flex",
@@ -202,7 +515,7 @@ function MenuItemComponent({
             justifyContent: "center",
             flexShrink: 0,
             color: isActive ? activeColor : "var(--color-alias-text-colors-tertiary, #475272)"
-          }, children: item.icon }),
+          }, children: resolvedIcon }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { style: { flex: 1 }, children: item.title }),
           hasChildren && /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, { isOpen: expanded })
         ]
@@ -468,22 +781,22 @@ function ToggleIcon({ isOpen }) {
     }
   );
 }
-function HelpCircleIcon() {
+function HelpCircleIcon2() {
   return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
   ] });
 }
-function GearIcon() {
+function GearIcon2() {
   return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
   ] });
 }
 var DEFAULT_BOTTOM_MENU = [
-  { id: "settings", title: "\u0E15\u0E31\u0E49\u0E07\u0E04\u0E48\u0E32\u0E23\u0E30\u0E1A\u0E1A", icon: /* @__PURE__ */ jsxRuntime.jsx(GearIcon, {}), path: "/settings" },
-  { id: "help", title: "\u0E0A\u0E48\u0E27\u0E22\u0E40\u0E2B\u0E25\u0E37\u0E2D", icon: /* @__PURE__ */ jsxRuntime.jsx(HelpCircleIcon, {}), path: "/help" }
+  { id: "settings", title: "\u0E15\u0E31\u0E49\u0E07\u0E04\u0E48\u0E32\u0E23\u0E30\u0E1A\u0E1A", icon: /* @__PURE__ */ jsxRuntime.jsx(GearIcon2, {}), path: "/settings" },
+  { id: "help", title: "\u0E0A\u0E48\u0E27\u0E22\u0E40\u0E2B\u0E25\u0E37\u0E2D", icon: /* @__PURE__ */ jsxRuntime.jsx(HelpCircleIcon2, {}), path: "/help" }
 ];
 function StaffSidebar({
   orgLogo,
@@ -610,7 +923,7 @@ function StaffSidebar({
     )
   ] });
 }
-function BellIcon() {
+function BellIcon2() {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "22", height: "24", viewBox: "0 0 22 24", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
@@ -771,7 +1084,7 @@ function UserHeader({
                       justifyContent: "center"
                     },
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(BellIcon, {}),
+                      /* @__PURE__ */ jsxRuntime.jsx(BellIcon2, {}),
                       unreadCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
                         "span",
                         {
@@ -1602,17 +1915,88 @@ function SettingsPanel({ className, showTheme = true }) {
   ] });
 }
 
+// src/icons/index.ts
+var Icons = {
+  Home: HomeIcon,
+  Search: SearchIcon,
+  Bell: BellIcon,
+  Folder: FolderIcon,
+  Clipboard: ClipboardIcon,
+  FileText: FileTextIcon,
+  Calendar: CalendarIcon,
+  User: UserIcon,
+  Users: UsersIcon,
+  Gear: GearIcon,
+  Wrench: WrenchIcon,
+  Shield: ShieldIcon,
+  HelpCircle: HelpCircleIcon,
+  BarChart: BarChartIcon,
+  History: HistoryIcon,
+  Database: DatabaseIcon,
+  Building: BuildingIcon,
+  MapPin: MapPinIcon,
+  Phone: PhoneIcon,
+  Mail: MailIcon,
+  CheckCircle: CheckCircleIcon,
+  AlertTriangle: AlertTriangleIcon,
+  XCircle: XCircleIcon,
+  PlusCircle: PlusCircleIcon,
+  LogOut: LogOutIcon,
+  Download: DownloadIcon,
+  Upload: UploadIcon,
+  Printer: PrinterIcon,
+  Star: StarIcon,
+  Heart: HeartIcon,
+  Eye: EyeIcon,
+  Edit: EditIcon,
+  Trash: TrashIcon
+};
+
+exports.AlertTriangleIcon = AlertTriangleIcon;
+exports.BarChartIcon = BarChartIcon;
+exports.BellIcon = BellIcon;
+exports.BuildingIcon = BuildingIcon;
+exports.CalendarIcon = CalendarIcon;
+exports.CheckCircleIcon = CheckCircleIcon;
+exports.ClipboardIcon = ClipboardIcon;
+exports.DatabaseIcon = DatabaseIcon;
+exports.DownloadIcon = DownloadIcon;
+exports.EditIcon = EditIcon;
+exports.EyeIcon = EyeIcon;
 exports.FONT_SIZE_OPTIONS = FONT_SIZE_OPTIONS;
+exports.FileTextIcon = FileTextIcon;
+exports.FolderIcon = FolderIcon;
 exports.FontSizeSettings = FontSizeSettings;
+exports.GearIcon = GearIcon;
+exports.HeartIcon = HeartIcon;
+exports.HelpCircleIcon = HelpCircleIcon;
+exports.HistoryIcon = HistoryIcon;
+exports.HomeIcon = HomeIcon;
+exports.Icons = Icons;
+exports.LogOutIcon = LogOutIcon;
+exports.MailIcon = MailIcon;
+exports.MapPinIcon = MapPinIcon;
+exports.PhoneIcon = PhoneIcon;
+exports.PlusCircleIcon = PlusCircleIcon;
+exports.PrinterIcon = PrinterIcon;
+exports.SearchIcon = SearchIcon;
 exports.SettingsPanel = SettingsPanel;
 exports.SettingsProvider = SettingsProvider;
+exports.ShieldIcon = ShieldIcon;
 exports.SidebarHeader = SidebarHeader;
 exports.SidebarMenu = SidebarMenu;
 exports.SidebarUserProfile = SidebarUserProfile;
 exports.StaffSidebar = StaffSidebar;
+exports.StarIcon = StarIcon;
 exports.ThemeSettings = ThemeSettings;
+exports.TrashIcon = TrashIcon;
+exports.UploadIcon = UploadIcon;
 exports.UserHeader = UserHeader;
+exports.UserIcon = UserIcon;
 exports.UserSidebar = UserSidebar;
+exports.UsersIcon = UsersIcon;
+exports.WrenchIcon = WrenchIcon;
+exports.XCircleIcon = XCircleIcon;
 exports.useSettings = useSettings;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map