@tapizlabs/ui 0.1.1

package/dist/index.js

@@ -0,0 +1,2028 @@
+// src/components/icons/BaseIcons.tsx
+var base = (_d, size, style) => ({
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 1.75,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  style
+});
+
+// src/components/icons/NavigationIcons.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Clipboard = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx("rect", { x: "8", y: "2", width: "8", height: "4", rx: "1" }),
+  /* @__PURE__ */ 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__ */ jsx("path", { d: "M12 11h4M12 16h4M8 11h.01M8 16h.01" })
+] });
+var Home = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx("path", { d: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }),
+  /* @__PURE__ */ jsx("polyline", { points: "9 22 9 12 15 12 15 22" })
+] });
+var Scan = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx("path", { d: "M3 7V5a2 2 0 0 1 2-2h2M17 3h2a2 2 0 0 1 2 2v2M21 17v2a2 2 0 0 1-2 2h-2M7 21H5a2 2 0 0 1-2-2v-2" }),
+  /* @__PURE__ */ jsx("line", { x1: "7", y1: "12", x2: "17", y2: "12" })
+] });
+var Users = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx("path", { d: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
+  /* @__PURE__ */ jsx("circle", { cx: "9", cy: "7", r: "4" }),
+  /* @__PURE__ */ jsx("path", { d: "M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75" })
+] });
+var Book = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx("path", { d: "M4 19.5A2.5 2.5 0 0 1 6.5 17H20" }),
+  /* @__PURE__ */ jsx("path", { d: "M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z" })
+] });
+var Calendar = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "M16 2v4M8 2v4M3 10h18" })
+] });
+var CheckSquare = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx("polyline", { points: "9 11 12 14 22 4" }),
+  /* @__PURE__ */ jsx("path", { d: "M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11" })
+] });
+var BarChart = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx("line", { x1: "18", y1: "20", x2: "18", y2: "10" }),
+  /* @__PURE__ */ jsx("line", { x1: "12", y1: "20", x2: "12", y2: "4" }),
+  /* @__PURE__ */ jsx("line", { x1: "6", y1: "20", x2: "6", y2: "14" }),
+  /* @__PURE__ */ jsx("line", { x1: "2", y1: "20", x2: "22", y2: "20" })
+] });
+var Table = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "M3 9h18M9 21V9" })
+] });
+var Report = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+  /* @__PURE__ */ jsx("polyline", { points: "14 2 14 8 20 8" }),
+  /* @__PURE__ */ jsx("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
+  /* @__PURE__ */ jsx("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
+  /* @__PURE__ */ jsx("polyline", { points: "10 9 9 9 8 9" })
+] });
+var QrCode = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "7", height: "7" }),
+  /* @__PURE__ */ jsx("rect", { x: "14", y: "3", width: "7", height: "7" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "14", width: "7", height: "7" }),
+  /* @__PURE__ */ jsx("path", { d: "M14 14h3v3h-3zM17 17h3v3h-3zM14 17h3" })
+] });
+var Layers = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx("polygon", { points: "12 2 2 7 12 12 22 7 12 2" }),
+  /* @__PURE__ */ jsx("polyline", { points: "2 12 12 17 22 12" }),
+  /* @__PURE__ */ jsx("polyline", { points: "2 17 12 22 22 17" })
+] });
+var OfficeHours = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx("path", { d: "M8 3h8" }),
+  /* @__PURE__ */ jsx("path", { d: "M9 2v2M15 2v2" }),
+  /* @__PURE__ */ jsx("rect", { x: "4", y: "5", width: "16", height: "15", rx: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "M4 10h16" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 13v4" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 13l2.5-1.5" })
+] });
+var FileUpload = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+  /* @__PURE__ */ jsx("polyline", { points: "14 2 14 8 20 8" }),
+  /* @__PURE__ */ jsx("polyline", { points: "12 18 12 12" }),
+  /* @__PURE__ */ jsx("polyline", { points: "9 15 12 12 15 15" })
+] });
+var University = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx("path", { d: "M12 3l9 3H3l9-3z" }),
+  /* @__PURE__ */ jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+  /* @__PURE__ */ jsx("line", { x1: "5", y1: "6", x2: "5", y2: "18" }),
+  /* @__PURE__ */ jsx("line", { x1: "10", y1: "6", x2: "10", y2: "18" }),
+  /* @__PURE__ */ jsx("line", { x1: "14", y1: "6", x2: "14", y2: "18" }),
+  /* @__PURE__ */ jsx("line", { x1: "19", y1: "6", x2: "19", y2: "18" }),
+  /* @__PURE__ */ jsx("line", { x1: "2", y1: "18", x2: "22", y2: "18" }),
+  /* @__PURE__ */ jsx("line", { x1: "2", y1: "21", x2: "22", y2: "21" })
+] });
+var Faculty = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, strokeWidth: 1.5, children: [
+  /* @__PURE__ */ jsx("rect", { x: "7", y: "2", width: "10", height: "19" }),
+  /* @__PURE__ */ jsx("rect", { x: "2", y: "8", width: "5", height: "13" }),
+  /* @__PURE__ */ jsx("rect", { x: "17", y: "8", width: "5", height: "13" }),
+  /* @__PURE__ */ jsx("rect", { x: "9", y: "4", width: "2.5", height: "2.5" }),
+  /* @__PURE__ */ jsx("rect", { x: "12.5", y: "4", width: "2.5", height: "2.5" }),
+  /* @__PURE__ */ jsx("rect", { x: "9", y: "8", width: "2.5", height: "2.5" }),
+  /* @__PURE__ */ jsx("rect", { x: "12.5", y: "8", width: "2.5", height: "2.5" }),
+  /* @__PURE__ */ jsx("rect", { x: "10", y: "15", width: "4", height: "6" }),
+  /* @__PURE__ */ jsx("line", { x1: "1", y1: "21", x2: "23", y2: "21" })
+] });
+var GraduationCap = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx("path", { d: "M22 10v6M2 10l10-5 10 5-10 5z" }),
+  /* @__PURE__ */ jsx("path", { d: "M6 12v5c0 1.657 2.686 3 6 3s6-1.343 6-3v-5" })
+] });
+var Globe = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ jsx("path", { d: "M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
+] });
+var CreditCard = ({ size = 14, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, strokeWidth: 1.8, children: [
+  /* @__PURE__ */ jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "M2 10h20" })
+] });
+var HelpCircle = ({ size = 14, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, strokeWidth: 1.8, children: [
+  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ jsx("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "17", r: ".5", fill: "currentColor", stroke: "none" })
+] });
+var NavQrAttendance = ({ size = 15, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, strokeWidth: 1.8, children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1.5" }),
+  /* @__PURE__ */ jsx("rect", { x: "5.5", y: "5.5", width: "2", height: "2", rx: ".4", fill: "currentColor", stroke: "none" }),
+  /* @__PURE__ */ jsx("rect", { x: "14", y: "3", width: "7", height: "7", rx: "1.5" }),
+  /* @__PURE__ */ jsx("rect", { x: "16.5", y: "5.5", width: "2", height: "2", rx: ".4", fill: "currentColor", stroke: "none" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1.5" }),
+  /* @__PURE__ */ jsx("rect", { x: "5.5", y: "16.5", width: "2", height: "2", rx: ".4", fill: "currentColor", stroke: "none" }),
+  /* @__PURE__ */ jsx("polyline", { points: "14,16 16,18 20,13" })
+] });
+var NavScoresheet = ({ size = 15, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, strokeWidth: 1.3, children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "M3 9h18M3 14h18M9 9v9M15 9v9" })
+] });
+var NavAnalytics = ({ size = 15, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, strokeWidth: 1.8, children: [
+  /* @__PURE__ */ jsx("path", { d: "M3 3v18h18" }),
+  /* @__PURE__ */ jsx("path", { d: "M7 16l4-5 4 3 5-6" })
+] });
+var NavSecurity = ({ size = 15, className, style }) => /* @__PURE__ */ jsxs("svg", { ...base(null, size, style), className, strokeWidth: 1.8, children: [
+  /* @__PURE__ */ jsx("path", { d: "M12 2L4 6v6c0 5.25 3.5 9.74 8 11 4.5-1.26 8-5.75 8-11V6L12 2Z" }),
+  /* @__PURE__ */ jsx("path", { d: "M9 12l2 2 4-4" })
+] });
+
+// src/components/icons/ActionIcons.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Edit = ({ size = 14, className, style }) => /* @__PURE__ */ jsxs2("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx2("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
+  /* @__PURE__ */ jsx2("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
+] });
+var Trash = ({ size = 14, className, style }) => /* @__PURE__ */ jsxs2("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx2("polyline", { points: "3 6 5 6 21 6" }),
+  /* @__PURE__ */ jsx2("path", { d: "M19 6l-1 14H6L5 6M10 11v6M14 11v6M9 6V4h6v2" })
+] });
+var Plus = ({ size = 16, className, style }) => /* @__PURE__ */ jsxs2("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx2("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+  /* @__PURE__ */ jsx2("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+] });
+var Download = ({ size = 16, className, style }) => /* @__PURE__ */ jsxs2("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx2("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+  /* @__PURE__ */ jsx2("polyline", { points: "7 10 12 15 17 10" }),
+  /* @__PURE__ */ jsx2("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
+] });
+var Refresh = ({ size = 15, className, spinning, style }) => /* @__PURE__ */ jsxs2("svg", { ...base(null, size, style), className: `${spinning ? "animate-spin" : ""} ${className ?? ""}`, children: [
+  /* @__PURE__ */ jsx2("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+  /* @__PURE__ */ jsx2("path", { d: "M3 3v5h5" })
+] });
+var UserPlus = ({ size = 14, className, style }) => /* @__PURE__ */ jsxs2("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx2("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+  /* @__PURE__ */ jsx2("circle", { cx: "9", cy: "7", r: "4" }),
+  /* @__PURE__ */ jsx2("line", { x1: "19", y1: "8", x2: "19", y2: "14" }),
+  /* @__PURE__ */ jsx2("line", { x1: "22", y1: "11", x2: "16", y2: "11" })
+] });
+var UserMinus = ({ size = 14, className, style }) => /* @__PURE__ */ jsxs2("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx2("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+  /* @__PURE__ */ jsx2("circle", { cx: "9", cy: "7", r: "4" }),
+  /* @__PURE__ */ jsx2("line", { x1: "22", y1: "11", x2: "16", y2: "11" })
+] });
+var UserCog = ({ size = 14, className, style }) => /* @__PURE__ */ jsxs2("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx2("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+  /* @__PURE__ */ jsx2("circle", { cx: "9", cy: "7", r: "4" }),
+  /* @__PURE__ */ jsx2("circle", { cx: "19", cy: "19", r: "2" }),
+  /* @__PURE__ */ jsx2("path", { d: "M19 15v2M19 21v2M15.27 16.27l1.42 1.42M22.31 21.31l-1.42-1.42M15 19h2M21 19h2M15.27 21.73l1.42-1.42M22.31 16.69l-1.42 1.42" })
+] });
+var Check = ({ size = 16, className, style }) => /* @__PURE__ */ jsx2("svg", { ...base(null, size, style), strokeWidth: 2, className, children: /* @__PURE__ */ jsx2("polyline", { points: "20 6 9 17 4 12" }) });
+var X = ({ size = 14, className, style }) => /* @__PURE__ */ jsxs2("svg", { ...base(null, size, style), strokeWidth: 2.5, className, children: [
+  /* @__PURE__ */ jsx2("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+  /* @__PURE__ */ jsx2("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+] });
+var Menu = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs2("svg", { ...base(null, size, style), strokeWidth: 2, className, children: [
+  /* @__PURE__ */ jsx2("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+  /* @__PURE__ */ jsx2("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+  /* @__PURE__ */ jsx2("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+] });
+var Grid = ({ size = 14, className, style }) => /* @__PURE__ */ jsxs2("svg", { ...base(null, size, style), strokeWidth: 2, className, children: [
+  /* @__PURE__ */ jsx2("rect", { x: "3", y: "3", width: "7", height: "7" }),
+  /* @__PURE__ */ jsx2("rect", { x: "14", y: "3", width: "7", height: "7" }),
+  /* @__PURE__ */ jsx2("rect", { x: "3", y: "14", width: "7", height: "7" }),
+  /* @__PURE__ */ jsx2("rect", { x: "14", y: "14", width: "7", height: "7" })
+] });
+var History = ({ size = 14, className, style }) => /* @__PURE__ */ jsxs2("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx2("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+  /* @__PURE__ */ jsx2("path", { d: "M3 3v5h5" }),
+  /* @__PURE__ */ jsx2("path", { d: "M12 7v5l4 2" })
+] });
+var RotateCcw = ({ size = 14, className, style }) => /* @__PURE__ */ jsxs2("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx2("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+  /* @__PURE__ */ jsx2("path", { d: "M3 3v5h5" })
+] });
+var Pdf = ({ size = 14, className, style }) => /* @__PURE__ */ jsx2(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 1920 1920",
+    fill: "currentColor",
+    style,
+    className,
+    children: /* @__PURE__ */ jsxs2("g", { fillRule: "evenodd", children: [
+      /* @__PURE__ */ jsx2("path", { d: "M1251.654 0c44.499 0 88.207 18.07 119.718 49.581l329.223 329.224c31.963 31.962 49.581 74.54 49.581 119.717V1920H169V0Zm-66.183 112.941H281.94V1807.06h1355.294V564.706H1185.47V112.94Zm112.94 23.379v315.445h315.445L1298.412 136.32Z" }),
+      /* @__PURE__ */ jsx2("path", { d: "M900.497 677.67c26.767 0 50.372 12.65 67.991 37.835 41.901 59.068 38.965 121.976 23.492 206.682-5.308 29.14.113 58.617 16.263 83.125 22.814 34.786 55.68 82.673 87.981 123.219 23.718 29.93 60.198 45.854 97.13 40.885 23.718-3.276 52.292-5.986 81.656-5.986 131.012 0 121.186 46.757 133.045 89.675 6.55 25.976 3.275 48.678-10.165 65.506-16.715 22.701-51.162 34.447-101.534 34.447-55.793 0-74.202-9.487-122.767-24.96-27.445-8.81-55.906-10.617-83.69-3.275-55.453 14.456-146.936 36.48-223.284 46.983-40.772 5.647-77.816 26.654-102.438 60.875-55.454 76.8-106.842 148.518-188.273 148.518-21.007 0-40.32-7.567-56.244-22.701-23.492-23.492-33.544-49.581-28.574-79.85 13.778-92.95 128.075-144.79 196.066-182.625 16.037-8.923 28.687-22.589 36.592-39.53l107.86-233.223c7.68-16.377 10.051-34.56 7.228-52.518-12.537-79.059-31.06-211.99 18.748-272.075 10.955-13.44 26.09-21.007 42.917-21.007Zm20.556 339.953c-43.257 126.607-119.718 264.282-129.996 280.32 92.273-43.37 275.916-65.28 275.916-65.28-92.386-88.998-145.92-215.04-145.92-215.04Z" })
+    ] })
+  }
+);
+var Printer = ({ size = 14, className, style }) => /* @__PURE__ */ jsxs2("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx2("path", { d: "M6 9V3h12v6" }),
+  /* @__PURE__ */ jsx2("path", { d: "M6 21h12v-6H6v6z" }),
+  /* @__PURE__ */ jsx2("path", { d: "M18 9H6a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2z" }),
+  /* @__PURE__ */ jsx2("circle", { cx: "17", cy: "13", r: "1" }),
+  /* @__PURE__ */ jsx2("path", { d: "M8 13h3" })
+] });
+var ExternalLink = ({ size = 14, className, style }) => /* @__PURE__ */ jsxs2("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx2("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+  /* @__PURE__ */ jsx2("polyline", { points: "15 3 21 3 21 9" }),
+  /* @__PURE__ */ jsx2("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+] });
+var Image = ({ size = 14, className, style }) => /* @__PURE__ */ jsxs2("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx2("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+  /* @__PURE__ */ jsx2("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+  /* @__PURE__ */ jsx2("polyline", { points: "21 15 16 10 5 21" })
+] });
+var Star = ({ size = 14, className, style }) => /* @__PURE__ */ jsx2(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    style,
+    className,
+    children: /* @__PURE__ */ jsx2("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" })
+  }
+);
+var AppleIcon = ({ size = 20, className, style }) => /* @__PURE__ */ jsx2(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 814 1000",
+    fill: "currentColor",
+    style,
+    className,
+    children: /* @__PURE__ */ jsx2("path", { d: "M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76 0-103.7 40.8-165.9 40.8s-105-38.8-155.8-103.2C115.1 757.2 61.9 645.7 61.9 540.4c0-168.3 109.8-257.3 217.3-257.3 59.7 0 109.7 39.9 147.6 39.9 36 0 92.8-42.3 158.8-42.3 25.7 0 108.2 2.6 168.3 78.2zm-104.5-166.2c31.4-37.9 54.3-91.1 54.3-144.3 0-7.1-.6-14.3-1.9-20.1-51.5 1.9-112.4 34.3-149.6 77.2-28.8 32.1-55.8 85.9-55.8 140.3 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 46.5 0 102.8-31.4 137.5-72.5z" })
+  }
+);
+var GooglePlayIcon = ({ size = 20, className, style }) => /* @__PURE__ */ jsx2(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 512 512",
+    fill: "currentColor",
+    style,
+    className,
+    children: /* @__PURE__ */ jsx2("path", { d: "M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l2.4 1.4 247.2-247v-5.8L47 0zm425.6 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c17.1-9.8 17.1-25.9.8-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z" })
+  }
+);
+
+// src/components/icons/AuthIcons.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var Mail = ({ size = 16, className, style }) => /* @__PURE__ */ jsxs3("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx3("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }),
+  /* @__PURE__ */ jsx3("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" })
+] });
+var LockIcon = ({ size = 16, className, style }) => /* @__PURE__ */ jsxs3("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx3("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2" }),
+  /* @__PURE__ */ jsx3("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+] });
+var TwoFAIcon = ({ size = 16, className, style }) => /* @__PURE__ */ jsxs3(
+  "svg",
+  {
+    ...base(null, size, style),
+    className,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ jsx3("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", ry: "2" }),
+      /* @__PURE__ */ jsx3("line", { x1: "12", y1: "18", x2: "12.01", y2: "18" }),
+      /* @__PURE__ */ jsx3("circle", { cx: "10", cy: "10", r: "1.5" }),
+      /* @__PURE__ */ jsx3("line", { x1: "11", y1: "10", x2: "16", y2: "10" }),
+      /* @__PURE__ */ jsx3("line", { x1: "13", y1: "7.5", x2: "13", y2: "6" }),
+      /* @__PURE__ */ jsx3("line", { x1: "15", y1: "8.5", x2: "15", y2: "7.5" })
+    ]
+  }
+);
+var FingerprintIcon = ({ size = 20, className, style }) => /* @__PURE__ */ jsxs3(
+  "svg",
+  {
+    ...base(null, size, style),
+    className,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ jsx3("path", { d: "M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4" }),
+      /* @__PURE__ */ jsx3("path", { d: "M14 13.12c0 2.38 0 6.38-1 8.88" }),
+      /* @__PURE__ */ jsx3("path", { d: "M17.29 21.02c.12-.6.43-2.3.5-3.02" }),
+      /* @__PURE__ */ jsx3("path", { d: "M2 12a10 10 0 0 1 18-6" }),
+      /* @__PURE__ */ jsx3("path", { d: "M2 16h.01" }),
+      /* @__PURE__ */ jsx3("path", { d: "M21.8 16c.2-2 .131-5.354 0-6" }),
+      /* @__PURE__ */ jsx3("path", { d: "M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2" }),
+      /* @__PURE__ */ jsx3("path", { d: "M8.65 22c.21-.66.45-1.32.57-2" }),
+      /* @__PURE__ */ jsx3("path", { d: "M9 6.8a6 6 0 0 1 9 5.2v2" })
+    ]
+  }
+);
+var Eye = ({ size = 16, className, style }) => /* @__PURE__ */ jsxs3("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx3("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7z" }),
+  /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "12", r: "3" })
+] });
+var EyeOff = ({ size = 16, className, style }) => /* @__PURE__ */ jsxs3("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx3("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-10-8-10-8a18.45 18.45 0 0 1 5.06-5.94" }),
+  /* @__PURE__ */ jsx3("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 10 8 10 8a18.5 18.5 0 0 1-2.16 3.19" }),
+  /* @__PURE__ */ jsx3("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+] });
+var User = ({ size = 16, className, style }) => /* @__PURE__ */ jsxs3("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx3("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
+  /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "7", r: "4" })
+] });
+var UserCheck = ({ size = 14, className, style }) => /* @__PURE__ */ jsxs3("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx3("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+  /* @__PURE__ */ jsx3("circle", { cx: "9", cy: "7", r: "4" }),
+  /* @__PURE__ */ jsx3("polyline", { points: "16 11 18 13 22 9" })
+] });
+var Hash = ({ size = 16, className, style }) => /* @__PURE__ */ jsxs3("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx3("line", { x1: "4", y1: "9", x2: "20", y2: "9" }),
+  /* @__PURE__ */ jsx3("line", { x1: "4", y1: "15", x2: "20", y2: "15" }),
+  /* @__PURE__ */ jsx3("line", { x1: "10", y1: "3", x2: "8", y2: "21" }),
+  /* @__PURE__ */ jsx3("line", { x1: "16", y1: "3", x2: "14", y2: "21" })
+] });
+var LogOut = ({ size = 20, className, style }) => /* @__PURE__ */ jsxs3(
+  "svg",
+  {
+    ...base(null, size, style),
+    className,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ jsx3("line", { x1: "15", y1: "12", x2: "5", y2: "12" }),
+      /* @__PURE__ */ jsx3("polyline", { points: "9 8 5 12 9 16" }),
+      /* @__PURE__ */ jsx3("path", { d: "M19 4 h-4 v16 h4 Z" })
+    ]
+  }
+);
+
+// src/components/icons/FeedbackIcons.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var Alert = ({ size = 15, className, style }) => /* @__PURE__ */ jsxs4("svg", { ...base(null, size, style), strokeWidth: 2, className, children: [
+  /* @__PURE__ */ jsx4("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__ */ jsx4("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+  /* @__PURE__ */ jsx4("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+] });
+var Info = ({ size = 15, className, style }) => /* @__PURE__ */ jsxs4("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ jsx4("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+  /* @__PURE__ */ jsx4("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
+] });
+var CheckCircle = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs4("svg", { ...base(null, size, style), strokeWidth: 2, className, children: [
+  /* @__PURE__ */ jsx4("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
+  /* @__PURE__ */ jsx4("polyline", { points: "22 4 12 14.01 9 11.01" })
+] });
+var Ban = ({ size = 15, className, style }) => /* @__PURE__ */ jsxs4("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ jsx4("line", { x1: "4.93", y1: "4.93", x2: "19.07", y2: "19.07" })
+] });
+var ArrowRight = ({ size = 16, className, style }) => /* @__PURE__ */ jsx4("svg", { ...base(null, size, style), strokeWidth: 2, className, children: /* @__PURE__ */ jsx4("path", { d: "M5 12h14M12 5l7 7-7 7" }) });
+var ArrowLeft = ({ size = 16, className, style }) => /* @__PURE__ */ jsx4("svg", { ...base(null, size, style), strokeWidth: 2, className, children: /* @__PURE__ */ jsx4("path", { d: "M19 12H5M12 19l-7-7 7-7" }) });
+var ChevronLeft = ({ size = 16, className, style }) => /* @__PURE__ */ jsx4("svg", { ...base(null, size, style), strokeWidth: 2, className, children: /* @__PURE__ */ jsx4("polyline", { points: "15 18 9 12 15 6" }) });
+var ChevronRight = ({ size = 16, className, style }) => /* @__PURE__ */ jsx4("svg", { ...base(null, size, style), strokeWidth: 2, className, children: /* @__PURE__ */ jsx4("polyline", { points: "9 18 15 12 9 6" }) });
+var ChevronDown = ({ size = 15, className, style }) => /* @__PURE__ */ jsx4("svg", { ...base(null, size, style), strokeWidth: 2, className, children: /* @__PURE__ */ jsx4("path", { d: "m6 9 6 6 6-6" }) });
+var ChevronUp = ({ size = 15, className, style }) => /* @__PURE__ */ jsx4("svg", { ...base(null, size, style), className, children: /* @__PURE__ */ jsx4("polyline", { points: "18 15 12 9 6 15" }) });
+var Search = ({ size = 15, className, style }) => /* @__PURE__ */ jsxs4("svg", { ...base(null, size, style), strokeWidth: 2, className, children: [
+  /* @__PURE__ */ jsx4("circle", { cx: "11", cy: "11", r: "8" }),
+  /* @__PURE__ */ jsx4("path", { d: "M21 21l-4.35-4.35" })
+] });
+var Bell = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs4("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx4("path", { d: "M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" }),
+  /* @__PURE__ */ jsx4("path", { d: "M13.73 21a2 2 0 0 1-3.46 0" })
+] });
+var Shield = ({ size = 16, className, style }) => /* @__PURE__ */ jsx4("svg", { ...base(null, size, style), className, children: /* @__PURE__ */ jsx4("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) });
+var Copy = ({ size = 16, className, style }) => /* @__PURE__ */ jsxs4("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx4("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
+  /* @__PURE__ */ jsx4("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+] });
+var Repeat = ({ size = 14, className, style }) => /* @__PURE__ */ jsxs4("svg", { ...base(null, size, style), strokeWidth: 2, className, children: [
+  /* @__PURE__ */ jsx4("polyline", { points: "17 1 21 5 17 9" }),
+  /* @__PURE__ */ jsx4("path", { d: "M3 11V9a4 4 0 0 1 4-4h14" }),
+  /* @__PURE__ */ jsx4("polyline", { points: "7 23 3 19 7 15" }),
+  /* @__PURE__ */ jsx4("path", { d: "M21 13v2a4 4 0 0 1-4 4H3" })
+] });
+var FileText = ({ size = 14, className, style }) => /* @__PURE__ */ jsxs4("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx4("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+  /* @__PURE__ */ jsx4("polyline", { points: "14 2 14 8 20 8" }),
+  /* @__PURE__ */ jsx4("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
+  /* @__PURE__ */ jsx4("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
+  /* @__PURE__ */ jsx4("polyline", { points: "10 9 9 9 8 9" })
+] });
+var Trophy = ({ size = 14, className, style }) => /* @__PURE__ */ jsxs4("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx4("path", { d: "M6 9H4.5a2.5 2.5 0 0 1 0-5H6" }),
+  /* @__PURE__ */ jsx4("path", { d: "M18 9h1.5a2.5 2.5 0 0 0 0-5H18" }),
+  /* @__PURE__ */ jsx4("path", { d: "M4 22h16" }),
+  /* @__PURE__ */ jsx4("path", { d: "M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22" }),
+  /* @__PURE__ */ jsx4("path", { d: "M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22" }),
+  /* @__PURE__ */ jsx4("path", { d: "M18 2H6v7a6 6 0 0 0 12 0V2Z" })
+] });
+var Monitor = ({ size = 16, className, style }) => /* @__PURE__ */ jsxs4("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx4("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", ry: "2" }),
+  /* @__PURE__ */ jsx4("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
+  /* @__PURE__ */ jsx4("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
+] });
+var Smartphone = ({ size = 16, className, style }) => /* @__PURE__ */ jsxs4("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx4("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", ry: "2" }),
+  /* @__PURE__ */ jsx4("line", { x1: "12", y1: "18", x2: "12.01", y2: "18" })
+] });
+var Tablet = ({ size = 16, className, style }) => /* @__PURE__ */ jsxs4("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx4("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", ry: "2" }),
+  /* @__PURE__ */ jsx4("line", { x1: "12", y1: "18", x2: "12.01", y2: "18" })
+] });
+var ActivityMenu = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs4("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx4("rect", { x: "3", y: "8", width: "3", height: "8", rx: "1" }),
+  /* @__PURE__ */ jsx4("rect", { x: "9", y: "4", width: "3", height: "16", rx: "1" }),
+  /* @__PURE__ */ jsx4("rect", { x: "15", y: "6", width: "3", height: "12", rx: "1" })
+] });
+var Compare = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs4("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx4("rect", { x: "3", y: "3", width: "12", height: "12", rx: "1.5", fill: "none" }),
+  /* @__PURE__ */ jsx4("rect", { x: "9", y: "9", width: "12", height: "12", rx: "1.5", fill: "none" }),
+  /* @__PURE__ */ jsx4("line", { x1: "3", y1: "21", x2: "21", y2: "3", stroke: "currentColor", strokeWidth: "1.2", strokeDasharray: "3 2" })
+] });
+var Intersect = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs4("svg", { ...base(null, size, style), className, strokeWidth: 1.75, children: [
+  /* @__PURE__ */ jsx4("circle", { cx: "9", cy: "12", r: "6" }),
+  /* @__PURE__ */ jsx4("circle", { cx: "15", cy: "12", r: "6" })
+] });
+var Megaphone = ({ size = 18, className, style }) => /* @__PURE__ */ jsx4("svg", { ...base(null, size, style), className, strokeWidth: 1.75, children: /* @__PURE__ */ jsx4("path", { d: "M3 11l19-9-9 19-2-8-8-2z" }) });
+
+// src/components/icons/SettingsIcons.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var Sun = ({ size = 15, className, style }) => /* @__PURE__ */ jsxs5("svg", { ...base(null, size, style), className, strokeWidth: 2, children: [
+  /* @__PURE__ */ jsx5("circle", { cx: "12", cy: "12", r: "5" }),
+  /* @__PURE__ */ jsx5("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
+  /* @__PURE__ */ jsx5("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
+  /* @__PURE__ */ jsx5("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }),
+  /* @__PURE__ */ jsx5("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }),
+  /* @__PURE__ */ jsx5("line", { x1: "1", y1: "12", x2: "3", y2: "12" }),
+  /* @__PURE__ */ jsx5("line", { x1: "21", y1: "12", x2: "23", y2: "12" }),
+  /* @__PURE__ */ jsx5("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
+  /* @__PURE__ */ jsx5("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })
+] });
+var Moon = ({ size = 15, className, style }) => /* @__PURE__ */ jsx5("svg", { ...base(null, size, style), className, strokeWidth: 2, children: /* @__PURE__ */ jsx5("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) });
+var Gear = ({ size = 16, className, style }) => /* @__PURE__ */ jsxs5("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx5("circle", { cx: "12", cy: "12", r: "3" }),
+  /* @__PURE__ */ jsx5("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.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-4 0v-.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-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 0-4h.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 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.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 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" })
+] });
+var Clock = ({ size = 13, className, style }) => /* @__PURE__ */ jsxs5("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx5("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ jsx5("polyline", { points: "12 6 12 12 16 14" })
+] });
+
+// src/components/icons/LogoIcons.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var LogoMark = ({
+  size = 28,
+  className
+}) => /* @__PURE__ */ jsxs6(
+  "svg",
+  {
+    width: size,
+    height: size,
+    className: `${className} w-[${size}px] h-[${size}px]`,
+    viewBox: "0 0 32 32",
+    fill: "none",
+    children: [
+      /* @__PURE__ */ jsx6("rect", { width: "32", height: "32", rx: "8", fill: "none" }),
+      /* @__PURE__ */ jsx6("path", { d: "M5 9 L5 5 L9 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square" }),
+      /* @__PURE__ */ jsx6("path", { d: "M23 5 L27 5 L27 9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square" }),
+      /* @__PURE__ */ jsx6("path", { d: "M5 23 L5 27 L9 27", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square" }),
+      /* @__PURE__ */ jsx6("path", { d: "M23 27 L27 27 L27 23", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square", className: "opacity-50" }),
+      /* @__PURE__ */ jsxs6("g", { fill: "currentColor", children: [
+        /* @__PURE__ */ jsx6("rect", { x: "15", y: "10", width: "2", height: "14" }),
+        /* @__PURE__ */ jsx6("rect", { x: "10", y: "10", width: "12", height: "2" })
+      ] })
+    ]
+  }
+);
+
+// src/components/icons/FormsIcons.tsx
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var FormIcon = ({ size = 18, className, style }) => /* @__PURE__ */ jsxs7("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx7("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+  /* @__PURE__ */ jsx7("path", { d: "M8 7h8M8 11h8M8 15h5" })
+] });
+var CalendarWeek = ({ size = 14, className, style }) => /* @__PURE__ */ jsxs7("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx7("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }),
+  /* @__PURE__ */ jsx7("path", { d: "M16 2v4M8 2v4M3 10h18" }),
+  /* @__PURE__ */ jsx7("path", { d: "M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01" })
+] });
+var CalendarMonth = ({ size = 14, className, style }) => /* @__PURE__ */ jsxs7("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx7("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }),
+  /* @__PURE__ */ jsx7("path", { d: "M16 2v4M8 2v4M3 10h18" }),
+  /* @__PURE__ */ jsx7("rect", { x: "7", y: "14", width: "4", height: "4", rx: "0.5" }),
+  /* @__PURE__ */ jsx7("rect", { x: "13", y: "14", width: "4", height: "4", rx: "0.5" }),
+  /* @__PURE__ */ jsx7("rect", { x: "7", y: "18", width: "4", height: "2", rx: "0.5" }),
+  /* @__PURE__ */ jsx7("rect", { x: "13", y: "18", width: "4", height: "2", rx: "0.5" })
+] });
+var NumberIcon = ({ size = 14, className, style }) => /* @__PURE__ */ jsx7("svg", { ...base(null, size, style), className, children: /* @__PURE__ */ jsx7("text", { x: "4", y: "18", fontSize: "18", fontWeight: "bold", fill: "currentColor", stroke: "none", children: "12" }) });
+var TextIcon = ({ size = 14, className, style }) => /* @__PURE__ */ jsx7("svg", { ...base(null, size, style), className, children: /* @__PURE__ */ jsx7("text", { x: "6", y: "18", fontSize: "20", fontWeight: "bold", fill: "currentColor", stroke: "none", children: "T" }) });
+var FormulaIcon = ({ size = 14, className, style }) => /* @__PURE__ */ jsxs7("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx7("text", { x: "3", y: "16", fontSize: "20", fontWeight: "bold", fill: "currentColor", stroke: "none", children: "\u0192" }),
+  /* @__PURE__ */ jsx7("text", { x: "12", y: "16", fontSize: "16", fill: "currentColor", stroke: "none", children: "x" })
+] });
+
+// src/components/icons/StatusIcons.tsx
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var RefreshCw = ({ size = 15, className, spinning, style }) => /* @__PURE__ */ jsxs8("svg", { ...base(null, size, style), className: `${spinning ? "animate-spin" : ""} ${className ?? ""}`, children: [
+  /* @__PURE__ */ jsx8("path", { d: "M23 4v6h-6" }),
+  /* @__PURE__ */ jsx8("path", { d: "M1 20v-6h6" }),
+  /* @__PURE__ */ jsx8("path", { d: "M3.51 9a9 9 0 0 1 14.85-3.36L23 10" }),
+  /* @__PURE__ */ jsx8("path", { d: "M20.49 15a9 9 0 0 1-14.85 3.36L1 14" })
+] });
+var Database = ({ size = 16, className, style }) => /* @__PURE__ */ jsxs8("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx8("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3" }),
+  /* @__PURE__ */ jsx8("path", { d: "M21 12c0 1.66-4 3-9 3s-9-1.34-9-3" }),
+  /* @__PURE__ */ jsx8("path", { d: "M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5" })
+] });
+var Server = ({ size = 16, className, style }) => /* @__PURE__ */ jsxs8("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx8("rect", { x: "2", y: "2", width: "20", height: "8", rx: "2", ry: "2" }),
+  /* @__PURE__ */ jsx8("rect", { x: "2", y: "14", width: "20", height: "8", rx: "2", ry: "2" }),
+  /* @__PURE__ */ jsx8("line", { x1: "6", y1: "6", x2: "6", y2: "6.01" }),
+  /* @__PURE__ */ jsx8("line", { x1: "6", y1: "18", x2: "6", y2: "18.01" })
+] });
+var Activity = ({ size = 16, className, style }) => /* @__PURE__ */ jsx8("svg", { ...base(null, size, style), className, children: /* @__PURE__ */ jsx8("polyline", { points: "22 12 18 12 15 21 9 3 6 12 2 12" }) });
+var Cpu = ({ size = 16, className, style }) => /* @__PURE__ */ jsxs8("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx8("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", ry: "2" }),
+  /* @__PURE__ */ jsx8("rect", { x: "9", y: "9", width: "6", height: "6" }),
+  /* @__PURE__ */ jsx8("line", { x1: "9", y1: "1", x2: "9", y2: "4" }),
+  /* @__PURE__ */ jsx8("line", { x1: "15", y1: "1", x2: "15", y2: "4" }),
+  /* @__PURE__ */ jsx8("line", { x1: "9", y1: "20", x2: "9", y2: "23" }),
+  /* @__PURE__ */ jsx8("line", { x1: "15", y1: "20", x2: "15", y2: "23" }),
+  /* @__PURE__ */ jsx8("line", { x1: "1", y1: "9", x2: "4", y2: "9" }),
+  /* @__PURE__ */ jsx8("line", { x1: "1", y1: "15", x2: "4", y2: "15" }),
+  /* @__PURE__ */ jsx8("line", { x1: "20", y1: "9", x2: "23", y2: "9" }),
+  /* @__PURE__ */ jsx8("line", { x1: "20", y1: "15", x2: "23", y2: "15" })
+] });
+var Zap = ({ size = 16, className, style }) => /* @__PURE__ */ jsx8("svg", { ...base(null, size, style), className, children: /* @__PURE__ */ jsx8("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }) });
+var HardDrive = ({ size = 16, className, style }) => /* @__PURE__ */ jsxs8("svg", { ...base(null, size, style), className, children: [
+  /* @__PURE__ */ jsx8("line", { x1: "22", y1: "12", x2: "2", y2: "12" }),
+  /* @__PURE__ */ jsx8("path", { d: "M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" }),
+  /* @__PURE__ */ jsx8("line", { x1: "6", y1: "16", x2: "6.01", y2: "16" }),
+  /* @__PURE__ */ jsx8("line", { x1: "10", y1: "16", x2: "10.01", y2: "16" })
+] });
+
+// src/components/icons/LayoutIcons.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+var SectionIcons = {
+  studenti: /* @__PURE__ */ jsx9(Users, { size: 13 }),
+  nastava: /* @__PURE__ */ jsx9(Book, { size: 13 }),
+  evidencija: /* @__PURE__ */ jsx9(CheckSquare, { size: 13 }),
+  analitika: /* @__PURE__ */ jsx9(BarChart, { size: 13 }),
+  forme: /* @__PURE__ */ jsx9(FormIcon, { size: 13 }),
+  nastavaS: /* @__PURE__ */ jsx9(CalendarWeek, { size: 13 }),
+  evidencijaS: /* @__PURE__ */ jsx9(CheckSquare, { size: 13 })
+};
+var Icons = {
+  clipboard: /* @__PURE__ */ jsx9(Faculty, { size: 18 }),
+  postClipboard: /* @__PURE__ */ jsx9(Clipboard, { size: 18 }),
+  university: /* @__PURE__ */ jsx9(University, { size: 18 }),
+  users: /* @__PURE__ */ jsx9(Users, { size: 18 }),
+  book: /* @__PURE__ */ jsx9(Book, { size: 18 }),
+  layers: /* @__PURE__ */ jsx9(Layers, { size: 18 }),
+  officeHours: /* @__PURE__ */ jsx9(OfficeHours, { size: 18 }),
+  calendar: /* @__PURE__ */ jsx9(Calendar, { size: 18 }),
+  calendarAlt: /* @__PURE__ */ jsx9(CalendarWeek, { size: 18 }),
+  checkSquare: /* @__PURE__ */ jsx9(CheckSquare, { size: 18 }),
+  barChart: /* @__PURE__ */ jsx9(BarChart, { size: 18 }),
+  qrCode: /* @__PURE__ */ jsx9(QrCode, { size: 18 }),
+  home: /* @__PURE__ */ jsx9(Home, { size: 18 }),
+  scan: /* @__PURE__ */ jsx9(Scan, { size: 18 }),
+  lock: /* @__PURE__ */ jsx9(LockIcon, { size: 16 }),
+  logOut: /* @__PURE__ */ jsx9(LogOut, { size: 16 }),
+  logOutAlt: /* @__PURE__ */ jsx9(LogOut, { size: 16 }),
+  user: /* @__PURE__ */ jsx9(User, { size: 16 }),
+  cancel: /* @__PURE__ */ jsx9(X, { size: 16 }),
+  report: /* @__PURE__ */ jsx9(Report, { size: 18 }),
+  table: /* @__PURE__ */ jsx9(Table, { size: 18 }),
+  gear: /* @__PURE__ */ jsx9(Gear, { size: 16 }),
+  formIcon: /* @__PURE__ */ jsx9(FormIcon, { size: 18 }),
+  grades: /* @__PURE__ */ jsx9(BarChart, { size: 18 }),
+  activity: /* @__PURE__ */ jsx9(ActivityMenu, { size: 18 }),
+  zap: /* @__PURE__ */ jsx9(Zap, { size: 18 }),
+  compare: /* @__PURE__ */ jsx9(Compare, { size: 18 }),
+  intersect: /* @__PURE__ */ jsx9(Intersect, { size: 18 }),
+  repeat: /* @__PURE__ */ jsx9(Repeat, { size: 18 }),
+  info: /* @__PURE__ */ jsx9(Info, { size: 16 }),
+  todos: /* @__PURE__ */ jsx9(CheckSquare, { size: 18 }),
+  eyeOff: /* @__PURE__ */ jsx9(EyeOff, { size: 18 }),
+  userMinus: /* @__PURE__ */ jsx9(UserMinus, { size: 18 }),
+  fileText: /* @__PURE__ */ jsx9(FileText, { size: 18 }),
+  megaphone: /* @__PURE__ */ jsx9(Megaphone, { size: 18 }),
+  grid: /* @__PURE__ */ jsx9(Grid, { size: 18 }),
+  userCheck: /* @__PURE__ */ jsx9(UserCheck, { size: 18 }),
+  fm: /* @__PURE__ */ jsx9(UserCog, { size: 18 }),
+  history: /* @__PURE__ */ jsx9(History, { size: 18 }),
+  externalLink: /* @__PURE__ */ jsx9(ExternalLink, { size: 18 })
+};
+
+// src/components/forms/Button.tsx
+import { createElement, isValidElement } from "react";
+
+// src/components/feedback/Spinner.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+var Spinner = ({ size = "w-3 h-3", color = "text-primary-700" }) => /* @__PURE__ */ jsx10(
+  "svg",
+  {
+    className: `inline-block ${size} animate-spin ${color}`,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx10(
+      "circle",
+      {
+        cx: "12",
+        cy: "12",
+        r: "10",
+        stroke: "currentColor",
+        strokeWidth: "3",
+        strokeLinecap: "round",
+        strokeDasharray: "31.4 31.4",
+        strokeDashoffset: "15.7"
+      }
+    )
+  }
+);
+
+// src/components/forms/Button.tsx
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+var TOKEN_BASE = "inline-flex items-center justify-center gap-2 cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed transition-all duration-150";
+var variantClasses = {
+  primary: "btn-primary",
+  secondary: "btn-secondary",
+  danger: "btn-danger",
+  ghost: `${TOKEN_BASE} font-medium border border-transparent
+    text-[var(--color-txt-3)] hover:border-[var(--color-primary-300)] hover:text-[var(--color-primary-300)]`,
+  success: `${TOKEN_BASE} border border-[var(--color-good)] text-[var(--color-good)]
+    bg-transparent hover:bg-[rgba(77,214,163,0.08)]`,
+  warning: `${TOKEN_BASE} border border-[var(--color-warn)] text-[var(--color-warn)]
+    bg-transparent hover:bg-[rgba(255,122,77,0.08)]`,
+  info: `${TOKEN_BASE} border border-[var(--color-primary-300)] text-[var(--color-primary-300)]
+    bg-transparent hover:bg-[rgba(94,231,255,0.08)]`,
+  "muted-primary": `${TOKEN_BASE} border border-[var(--color-primary-300)] text-[var(--color-primary-300)]
+    bg-[rgba(94,231,255,0.06)] hover:bg-[rgba(94,231,255,0.12)]`,
+  "outline-primary": `${TOKEN_BASE} border border-[var(--color-primary-300)] text-[var(--color-primary-300)]
+    hover:bg-[rgba(94,231,255,0.08)]`,
+  "outline-secondary": `${TOKEN_BASE} border border-[var(--color-border-hi)] text-[var(--color-txt-2)]
+    hover:border-[var(--color-txt-2)] hover:text-[var(--color-txt-1)]`,
+  "outline-danger": `${TOKEN_BASE} border border-[var(--color-warn)] text-[var(--color-warn)]
+    hover:bg-[rgba(255,122,77,0.08)]`,
+  "outline-success": `${TOKEN_BASE} border border-[var(--color-good)] text-[var(--color-good)]
+    hover:bg-[rgba(77,214,163,0.08)]`,
+  link: "text-[var(--color-primary-300)] hover:text-[var(--color-primary-400)] disabled:opacity-40 disabled:cursor-not-allowed inline-flex items-center gap-1"
+};
+var sizeClasses = {
+  xs: "px-2 py-1 text-xs gap-1",
+  sm: "px-3 py-1.5 text-xs gap-1.5",
+  md: "px-4 py-2 text-sm gap-2",
+  lg: "px-5 py-2.5 text-sm gap-2",
+  xl: "px-6 py-3 text-base gap-2.5"
+};
+function Button({
+  children,
+  onClick,
+  disabled,
+  loading,
+  variant = "primary",
+  size = "md",
+  icon,
+  iconRight,
+  className = "",
+  type = "button",
+  title,
+  fullWidth
+}) {
+  const isDisabled = disabled || loading;
+  const isLink = variant === "link";
+  const shouldApplySize = !isLink;
+  const renderedIcon = renderIcon(icon);
+  const renderedIconRight = renderIcon(iconRight);
+  return /* @__PURE__ */ jsxs9(
+    "button",
+    {
+      type,
+      onClick,
+      disabled: isDisabled,
+      title,
+      className: [
+        variantClasses[variant],
+        shouldApplySize ? sizeClasses[size] : "",
+        fullWidth ? "w-full" : "",
+        className
+      ].filter(Boolean).join(" "),
+      children: [
+        loading ? /* @__PURE__ */ jsx11(Spinner, { color: variant === "primary" ? "text-black" : "text-[var(--color-txt-2)]" }) : renderedIcon ? /* @__PURE__ */ jsx11("span", { children: renderedIcon }) : null,
+        children,
+        !loading && renderedIconRight
+      ]
+    }
+  );
+}
+function renderIcon(icon) {
+  if (!icon) return null;
+  if (isValidElement(icon)) return icon;
+  if (typeof icon === "function") {
+    return createElement(icon, { size: 14, strokeWidth: 1.75 });
+  }
+  return icon;
+}
+
+// src/components/forms/Input.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
+function Input({ className = "", invalid = false, ...props }) {
+  return /* @__PURE__ */ jsx12(
+    "input",
+    {
+      ...props,
+      className: [
+        "input-field",
+        invalid ? "border-warn focus:border-warn" : "",
+        className
+      ].filter(Boolean).join(" ")
+    }
+  );
+}
+
+// src/components/forms/Select.tsx
+import { jsx as jsx13 } from "react/jsx-runtime";
+function Select({ className = "", invalid = false, ...props }) {
+  return /* @__PURE__ */ jsx13(
+    "select",
+    {
+      ...props,
+      className: [
+        "input-field",
+        invalid ? "border-warn focus:border-warn" : "",
+        className
+      ].filter(Boolean).join(" ")
+    }
+  );
+}
+
+// src/components/forms/Textarea.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+function Textarea({ className = "", invalid = false, ...props }) {
+  return /* @__PURE__ */ jsx14(
+    "textarea",
+    {
+      ...props,
+      className: [
+        "input-field",
+        invalid ? "border-warn focus:border-warn" : "",
+        className
+      ].filter(Boolean).join(" ")
+    }
+  );
+}
+
+// src/components/forms/FieldLabel.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
+function FieldLabel({ children, className = "", ...props }) {
+  return /* @__PURE__ */ jsx15("label", { ...props, className: `kicker mb-1 block ${className}`.trim(), children });
+}
+
+// src/components/forms/FieldHint.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+function FieldHint({ children, className = "", ...props }) {
+  return /* @__PURE__ */ jsx16("p", { ...props, className: `font-mono text-[10px] text-txt-4 ${className}`.trim(), children });
+}
+
+// src/components/forms/Checkbox.tsx
+import { useId, useState } from "react";
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+var sizeMap = {
+  sm: { box: "w-3.5 h-3.5", icon: 10, text: "text-xs", gap: "gap-1.5" },
+  md: { box: "w-4 h-4", icon: 11, text: "text-sm", gap: "gap-2" },
+  lg: { box: "w-5 h-5", icon: 13, text: "text-base", gap: "gap-2.5" }
+};
+function Checkbox({
+  label,
+  size = "md",
+  className = "",
+  id: providedId,
+  checked,
+  defaultChecked,
+  onChange,
+  ...props
+}) {
+  const generatedId = useId();
+  const id = providedId ?? generatedId;
+  const s = sizeMap[size];
+  const isControlled = checked !== void 0;
+  const [internalChecked, setInternalChecked] = useState(defaultChecked ?? false);
+  const isChecked = isControlled ? checked : internalChecked;
+  const [focused, setFocused] = useState(false);
+  return /* @__PURE__ */ jsxs10(
+    "label",
+    {
+      htmlFor: id,
+      className: `inline-flex items-center ${s.gap} cursor-pointer select-none group ${props.disabled ? "opacity-50 cursor-not-allowed pointer-events-none" : ""} ${className}`,
+      children: [
+        /* @__PURE__ */ jsxs10("span", { className: "relative shrink-0", children: [
+          /* @__PURE__ */ jsx17(
+            "input",
+            {
+              ...props,
+              id,
+              type: "checkbox",
+              checked: isControlled ? checked : internalChecked,
+              onChange: (e) => {
+                if (!isControlled) setInternalChecked(e.target.checked);
+                onChange?.(e);
+              },
+              onFocus: () => setFocused(true),
+              onBlur: () => setFocused(false),
+              className: "sr-only"
+            }
+          ),
+          /* @__PURE__ */ jsx17(
+            "span",
+            {
+              className: `
+            flex items-center justify-center ${s.box}
+            border transition-all duration-150
+            ${isChecked ? "bg-primary-300 border-primary-300" : "bg-ink-400 border-border-hi group-hover:border-primary-400"}
+            ${focused ? "ring-1 ring-primary-300" : ""}
+          `,
+              children: isChecked && /* @__PURE__ */ jsx17(
+                "svg",
+                {
+                  width: s.icon,
+                  height: s.icon,
+                  viewBox: "0 0 12 12",
+                  fill: "none",
+                  stroke: "#000",
+                  strokeWidth: "2.2",
+                  strokeLinecap: "square",
+                  children: /* @__PURE__ */ jsx17("polyline", { points: "1.5,6 4.5,9.5 10.5,2.5" })
+                }
+              )
+            }
+          )
+        ] }),
+        label && /* @__PURE__ */ jsx17("span", { className: `${s.text} text-txt-2 group-hover:text-txt-1 transition-colors duration-150`, children: label })
+      ]
+    }
+  );
+}
+
+// src/components/forms/RadioButton.tsx
+import { useId as useId2, useState as useState2 } from "react";
+import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+var sizeMap2 = {
+  sm: { outer: "w-3.5 h-3.5", inner: "w-1.5 h-1.5", text: "text-xs", gap: "gap-1.5" },
+  md: { outer: "w-4 h-4", inner: "w-2 h-2", text: "text-sm", gap: "gap-2" },
+  lg: { outer: "w-5 h-5", inner: "w-2.5 h-2.5", text: "text-base", gap: "gap-2.5" }
+};
+function RadioButton({
+  label,
+  size = "md",
+  className = "",
+  id: providedId,
+  checked,
+  defaultChecked,
+  onChange,
+  ...props
+}) {
+  const generatedId = useId2();
+  const id = providedId ?? generatedId;
+  const s = sizeMap2[size];
+  const isControlled = checked !== void 0;
+  const [internalChecked, setInternalChecked] = useState2(defaultChecked ?? false);
+  const isChecked = isControlled ? checked : internalChecked;
+  const [focused, setFocused] = useState2(false);
+  return /* @__PURE__ */ jsxs11(
+    "label",
+    {
+      htmlFor: id,
+      className: `inline-flex items-center ${s.gap} cursor-pointer select-none group ${props.disabled ? "opacity-50 cursor-not-allowed pointer-events-none" : ""} ${className}`,
+      children: [
+        /* @__PURE__ */ jsxs11("span", { className: "relative shrink-0", children: [
+          /* @__PURE__ */ jsx18(
+            "input",
+            {
+              ...props,
+              id,
+              type: "radio",
+              checked: isControlled ? checked : internalChecked,
+              onChange: (e) => {
+                if (!isControlled) setInternalChecked(e.target.checked);
+                onChange?.(e);
+              },
+              onFocus: () => setFocused(true),
+              onBlur: () => setFocused(false),
+              className: "sr-only"
+            }
+          ),
+          /* @__PURE__ */ jsx18(
+            "span",
+            {
+              className: `
+            flex items-center justify-center ${s.outer}
+            rounded-full border transition-all duration-150
+            ${isChecked ? "bg-ink-400 border-primary-300 shadow-[0_0_0_1px_var(--color-primary-300)]" : "bg-ink-400 border-border-hi group-hover:border-primary-400"}
+            ${focused ? "ring-1 ring-primary-300" : ""}
+          `,
+              children: isChecked && /* @__PURE__ */ jsx18("span", { className: `${s.inner} rounded-full bg-primary-300` })
+            }
+          )
+        ] }),
+        label && /* @__PURE__ */ jsx18("span", { className: `${s.text} text-txt-2 group-hover:text-txt-1 transition-colors duration-150`, children: label })
+      ]
+    }
+  );
+}
+
+// src/components/feedback/PageSpinner.tsx
+import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+function PageSpinner() {
+  return /* @__PURE__ */ jsxs12("div", { className: "flex h-48 flex-col items-center justify-center gap-3", children: [
+    /* @__PURE__ */ jsx19(Spinner, { size: "w-8 h-8" }),
+    /* @__PURE__ */ jsx19("span", { className: "kicker", children: "loading" })
+  ] });
+}
+
+// src/components/feedback/Toast.tsx
+import { useEffect, useRef, useState as useState3 } from "react";
+import { createPortal } from "react-dom";
+import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+function Toast({ message, ok, durationMs = 5e3 }) {
+  const [progress, setProgress] = useState3(100);
+  const [visible, setVisible] = useState3(false);
+  const startRef = useRef(null);
+  const rafRef = useRef(null);
+  useEffect(() => {
+    const id = requestAnimationFrame(() => setVisible(true));
+    return () => cancelAnimationFrame(id);
+  }, []);
+  useEffect(() => {
+    const tick = (now) => {
+      if (!startRef.current) startRef.current = now;
+      const elapsed = now - startRef.current;
+      setProgress(Math.max(0, 100 - elapsed / durationMs * 100));
+      if (elapsed < durationMs) rafRef.current = requestAnimationFrame(tick);
+    };
+    rafRef.current = requestAnimationFrame(tick);
+    return () => {
+      if (rafRef.current) cancelAnimationFrame(rafRef.current);
+    };
+  }, [durationMs]);
+  const transform = visible ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2 sm:translate-x-4 sm:translate-y-0";
+  const borderColor = ok ? "var(--color-good)" : "var(--color-warn)";
+  const accentColor = ok ? "var(--color-good)" : "var(--color-warn)";
+  return createPortal(
+    /* @__PURE__ */ jsx20("div", { className: "pointer-events-none fixed bottom-20 left-4 right-4 z-60 flex justify-center sm:bottom-auto sm:left-auto sm:right-5 sm:top-5 sm:justify-end", children: /* @__PURE__ */ jsxs13(
+      "div",
+      {
+        className: `${transform} pointer-events-auto relative flex w-full max-w-sm items-center gap-2.5 overflow-hidden px-4 py-3 text-sm font-medium transition-all duration-300 sm:w-auto sm:max-w-xs`,
+        style: {
+          background: "var(--color-ink-300)",
+          border: `1px solid ${borderColor}`,
+          borderLeft: `3px solid ${borderColor}`,
+          color: "var(--color-txt-1)"
+        },
+        children: [
+          /* @__PURE__ */ jsx20("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center", style: { color: accentColor }, children: ok ? /* @__PURE__ */ jsx20(Check, { size: 12 }) : /* @__PURE__ */ jsx20(X, { size: 12 }) }),
+          /* @__PURE__ */ jsx20("span", { className: "flex-1 text-[12px] leading-snug sm:text-[13px]", style: { fontFamily: "var(--font-mono)" }, children: message }),
+          /* @__PURE__ */ jsx20(
+            "div",
+            {
+              className: "absolute bottom-0 left-0 h-0.5 transition-none",
+              style: { width: `${progress}%`, background: accentColor }
+            }
+          )
+        ]
+      }
+    ) }),
+    document.body
+  );
+}
+
+// src/components/feedback/ToastProvider.tsx
+import { createContext, useContext, useMemo, useState as useState4 } from "react";
+import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
+var ToastContext = createContext(null);
+function ToastProvider({ children }) {
+  const [toast, setToast] = useState4(null);
+  const value = useMemo(() => ({
+    hideToast: () => setToast(null),
+    showToast: (message, ok, durationMs = 5e3) => {
+      setToast({ message, ok, durationMs });
+      window.setTimeout(() => setToast((current) => current?.message === message && current?.ok === ok ? null : current), durationMs);
+    }
+  }), []);
+  return /* @__PURE__ */ jsxs14(ToastContext.Provider, { value, children: [
+    children,
+    toast ? /* @__PURE__ */ jsx21(Toast, { message: toast.message, ok: toast.ok, durationMs: toast.durationMs }) : null
+  ] });
+}
+function useToast() {
+  const context = useContext(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within ToastProvider");
+  }
+  return context;
+}
+
+// src/components/feedback/FormError.tsx
+import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
+function FormError({ message, className = "" }) {
+  if (!message) return null;
+  return /* @__PURE__ */ jsxs15(
+    "div",
+    {
+      className: `flex items-start gap-2 px-3 py-2.5 text-sm ${className}`,
+      style: {
+        background: "color-mix(in srgb, var(--color-warn) 8%, transparent)",
+        border: "1px solid color-mix(in srgb, var(--color-warn) 25%, transparent)",
+        borderLeft: "3px solid var(--color-warn)",
+        color: "var(--color-warn)",
+        animation: "var(--animate-scale-in)"
+      },
+      children: [
+        /* @__PURE__ */ jsx22(Alert, { size: 14, className: "shrink-0 mt-0.5" }),
+        /* @__PURE__ */ jsx22("span", { style: { fontFamily: "var(--font-mono)", fontSize: 12 }, children: message })
+      ]
+    }
+  );
+}
+
+// src/components/feedback/ErrorBoundary.tsx
+import { Component } from "react";
+import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
+var ErrorBoundary = class extends Component {
+  constructor() {
+    super(...arguments);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  componentDidCatch(error, info) {
+    console.error("Unhandled UI error", error, info);
+  }
+  render() {
+    if (this.state.hasError) {
+      return this.props.fallback ?? /* @__PURE__ */ jsx23(DefaultErrorFallback, {});
+    }
+    return this.props.children;
+  }
+};
+function DefaultErrorFallback({
+  title = "Something went wrong",
+  description = "An unexpected error occurred. Reload the page and try again.",
+  label = "Tapiz UI \xB7 Runtime Error",
+  reloadLabel = "Reload page"
+}) {
+  return /* @__PURE__ */ jsxs16("div", { className: "fixed inset-0 flex flex-col items-center justify-center overflow-hidden bg-ink-100 px-6", children: [
+    /* @__PURE__ */ jsx23(GridBg, {}),
+    /* @__PURE__ */ jsx23(Spotlight, { color: "rgba(255,100,100,0.06)" }),
+    /* @__PURE__ */ jsxs16("div", { className: "relative z-10 flex w-full max-w-sm animate-fade-in-up flex-col items-center gap-6 text-center", children: [
+      /* @__PURE__ */ jsxs16("div", { children: [
+        /* @__PURE__ */ jsx23("div", { className: "font-mono text-[clamp(72px,16vw,120px)] font-bold leading-none tracking-[-0.04em] text-border-hi", children: "500" }),
+        /* @__PURE__ */ jsx23("div", { className: "mt-1 h-0.5 w-full opacity-35 [background:linear-gradient(90deg,transparent,var(--color-warn),transparent)]" })
+      ] }),
+      /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx23("p", { className: "text-base font-semibold text-txt-1", children: title }),
+        /* @__PURE__ */ jsx23("p", { className: "font-mono text-[11px] leading-relaxed text-txt-3", children: description })
+      ] }),
+      /* @__PURE__ */ jsx23("div", { className: "bg-[rgba(255,180,0,0.04)] px-2 py-1 font-mono text-[9px] uppercase tracking-[.2em] text-warn [border:1px_solid_rgba(255,180,0,0.2)]", children: label }),
+      /* @__PURE__ */ jsx23("div", { className: "w-full", children: /* @__PURE__ */ jsxs16(
+        "button",
+        {
+          type: "button",
+          onClick: () => window.location.reload(),
+          className: "btn-primary w-full py-2.5 text-xs",
+          children: [
+            reloadLabel,
+            " \u2192"
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+function GridBg() {
+  return /* @__PURE__ */ jsx23("div", { className: "pointer-events-none absolute inset-0 opacity-50 bg-[linear-gradient(var(--color-border)_1px,transparent_1px),linear-gradient(90deg,var(--color-border)_1px,transparent_1px)] bg-size-[32px_32px]" });
+}
+function Spotlight({ color }) {
+  return /* @__PURE__ */ jsx23(
+    "div",
+    {
+      className: "pointer-events-none absolute left-1/2 top-1/5 h-60 w-120 -translate-x-1/2",
+      style: { background: `radial-gradient(ellipse at center, ${color} 0%, transparent 70%)` }
+    }
+  );
+}
+
+// src/components/modals/BaseModal.tsx
+import { useId as useId3 } from "react";
+import { createPortal as createPortal2 } from "react-dom";
+import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
+var sizeClass = {
+  sm: "max-w-sm",
+  md: "max-w-md",
+  lg: "max-w-lg",
+  xl: "max-w-2xl"
+};
+function BaseModal({
+  isOpen,
+  onClose,
+  title,
+  subtitle,
+  children,
+  icon,
+  xShown = false,
+  size = "md",
+  closeLabel = "Close dialog"
+}) {
+  const titleId = useId3();
+  if (!isOpen) return null;
+  return createPortal2(
+    /* @__PURE__ */ jsx24(
+      "div",
+      {
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": titleId,
+        className: "fixed inset-0 z-50 flex items-center justify-center p-4",
+        style: { background: "rgba(5,6,8,0.75)", backdropFilter: "blur(2px)" },
+        onClick: (e) => e.target === e.currentTarget && onClose(),
+        children: /* @__PURE__ */ jsxs17(
+          "div",
+          {
+            className: `w-full ${sizeClass[size]} p-6 space-y-4`,
+            style: {
+              background: "var(--color-ink-200)",
+              border: "1px solid var(--color-border-hi)",
+              borderTop: "2px solid var(--color-primary-300)",
+              animation: "var(--animate-scale-in)"
+            },
+            children: [
+              /* @__PURE__ */ jsxs17("div", { className: "flex items-start justify-between", children: [
+                /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-3", children: [
+                  icon && /* @__PURE__ */ jsx24(
+                    "div",
+                    {
+                      className: "flex items-center justify-center w-10 h-10 shrink-0",
+                      style: { background: "var(--color-ink-300)", border: "1px solid var(--color-border-hi)", color: "var(--color-primary-300)" },
+                      children: icon
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs17("div", { children: [
+                    /* @__PURE__ */ jsx24("h3", { id: titleId, style: { fontFamily: "var(--font-display)", fontSize: 15, fontWeight: 600, color: "var(--color-txt-1)" }, children: title }),
+                    subtitle && /* @__PURE__ */ jsx24("p", { style: { fontFamily: "var(--font-mono)", fontSize: 10, color: "var(--color-primary-300)", marginTop: 2, letterSpacing: "0.1em" }, children: subtitle })
+                  ] })
+                ] }),
+                xShown && /* @__PURE__ */ jsx24(
+                  "button",
+                  {
+                    onClick: onClose,
+                    className: "w-7 h-7 flex items-center justify-center",
+                    style: { color: "var(--color-txt-3)", border: "1px solid transparent" },
+                    onMouseEnter: (e) => {
+                      e.currentTarget.style.color = "var(--color-txt-1)";
+                      e.currentTarget.style.borderColor = "var(--color-border-hi)";
+                    },
+                    onMouseLeave: (e) => {
+                      e.currentTarget.style.color = "var(--color-txt-3)";
+                      e.currentTarget.style.borderColor = "transparent";
+                    },
+                    "aria-label": closeLabel,
+                    title: closeLabel,
+                    children: /* @__PURE__ */ jsx24(X, { size: 14 })
+                  }
+                )
+              ] }),
+              children
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+
+// src/components/modals/ConfirmDialog.tsx
+import { createPortal as createPortal3 } from "react-dom";
+import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
+function ConfirmDialog({
+  title,
+  description,
+  message,
+  confirmLabel,
+  cancelLabel,
+  loading = false,
+  onConfirm,
+  onCancel,
+  icon,
+  danger = false,
+  open = true
+}) {
+  const resolvedConfirm = confirmLabel ?? "Confirm";
+  const resolvedCancel = cancelLabel ?? "Cancel";
+  const resolvedDescription = description ?? message;
+  if (!open) return null;
+  return createPortal3(
+    /* @__PURE__ */ jsx25(
+      "div",
+      {
+        className: "fixed inset-0 z-300 flex items-center justify-center px-4",
+        style: { background: "rgba(5,6,8,0.4)", backdropFilter: "blur(8px)" },
+        onClick: onCancel,
+        children: /* @__PURE__ */ jsx25(
+          "div",
+          {
+            className: "relative w-full max-w-sm",
+            style: {
+              background: "var(--color-ink-200)",
+              border: "1px solid var(--color-border-hi)",
+              borderTop: danger ? "2px solid var(--color-danger, #f87171)" : "2px solid var(--color-primary-300)",
+              animation: "var(--animate-scale-in)"
+            },
+            onClick: (e) => e.stopPropagation(),
+            children: /* @__PURE__ */ jsxs18("div", { className: "p-6 flex flex-col gap-4", children: [
+              /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-3", children: [
+                icon && /* @__PURE__ */ jsx25(
+                  "div",
+                  {
+                    className: "flex items-center justify-center w-9 h-9 shrink-0",
+                    style: {
+                      background: danger ? "rgba(248,113,113,0.1)" : "rgba(94,231,255,0.08)",
+                      border: danger ? "1px solid rgba(248,113,113,0.25)" : "1px solid rgba(94,231,255,0.15)",
+                      color: danger ? "var(--color-danger, #f87171)" : "var(--color-primary-300)"
+                    },
+                    children: icon
+                  }
+                ),
+                /* @__PURE__ */ jsx25("p", { className: "text-sm font-semibold", style: { color: "var(--color-txt-1)" }, children: title })
+              ] }),
+              /* @__PURE__ */ jsx25("p", { className: "text-sm", style: { color: "var(--color-txt-3)" }, children: resolvedDescription }),
+              /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-end gap-2", children: [
+                /* @__PURE__ */ jsx25(Button, { variant: "ghost", size: "sm", icon: /* @__PURE__ */ jsx25(X, { size: 13 }), onClick: onCancel, disabled: loading, children: resolvedCancel }),
+                /* @__PURE__ */ jsx25(
+                  Button,
+                  {
+                    variant: danger ? "danger" : "primary",
+                    size: "sm",
+                    icon: danger ? /* @__PURE__ */ jsx25(Trash, { size: 13 }) : /* @__PURE__ */ jsx25(Check, { size: 13 }),
+                    onClick: onConfirm,
+                    loading,
+                    children: resolvedConfirm
+                  }
+                )
+              ] })
+            ] })
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+
+// src/components/shared/Tooltip.tsx
+import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
+function Tooltip({ text, children, position = "top", align = "center", width = "max-w-[200px]", wFull }) {
+  const alignClass = align === "right" ? "right-0" : "left-1/2 -translate-x-1/2";
+  return /* @__PURE__ */ jsxs19("span", { className: `group relative inline-flex items-center${wFull ? " w-full" : ""}`, children: [
+    children,
+    /* @__PURE__ */ jsxs19(
+      "span",
+      {
+        className: `pointer-events-none absolute ${alignClass} z-60 ${width} w-max px-2.5 py-1.5
+          text-center text-[11px] leading-snug
+          opacity-0 group-hover:opacity-100 transition-opacity duration-150
+          ${position === "top" ? "bottom-full mb-2" : "top-full mt-2"}`,
+        style: {
+          background: "var(--color-ink-300)",
+          border: "1px solid var(--color-border-hi)",
+          color: "var(--color-txt-2)",
+          fontFamily: "var(--font-mono)",
+          letterSpacing: "0.04em"
+        },
+        children: [
+          text,
+          /* @__PURE__ */ jsx26(
+            "span",
+            {
+              className: `absolute left-1/2 -translate-x-1/2 w-0 h-0 border-x-4 border-x-transparent
+            ${position === "top" ? "top-full border-t-4" : "bottom-full border-b-4"}`,
+              style: position === "top" ? { borderTopColor: "var(--color-border-hi)" } : { borderBottomColor: "var(--color-border-hi)" }
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/shared/Card.tsx
+import { jsx as jsx27 } from "react/jsx-runtime";
+function Card({ children, className = "", hover = false, style }) {
+  return /* @__PURE__ */ jsx27("div", { className: `card ${hover ? "card-hover transition-all" : ""} ${className}`, style, children });
+}
+function CardHeader({ children, className = "" }) {
+  return /* @__PURE__ */ jsx27("div", { className: `border-b border-border px-5 py-3 ${className}`, children });
+}
+function CardBody({ children, className = "" }) {
+  return /* @__PURE__ */ jsx27("div", { className: `p-5 ${className}`, children });
+}
+
+// src/components/shared/Skeleton.tsx
+import { jsx as jsx28 } from "react/jsx-runtime";
+function Skeleton({ className = "" }) {
+  return /* @__PURE__ */ jsx28("div", { "aria-hidden": "true", className: `skeleton ${className}` });
+}
+
+// src/components/shared/SkeletonBlocks.tsx
+import { jsx as jsx29, jsxs as jsxs20 } from "react/jsx-runtime";
+function SkeletonCard({ className = "" }) {
+  return /* @__PURE__ */ jsxs20("div", { className: `card ${className}`.trim(), children: [
+    /* @__PURE__ */ jsx29(Skeleton, { className: "mb-3 h-4 w-2/5" }),
+    /* @__PURE__ */ jsx29(Skeleton, { className: "mb-2 h-3 w-3/4" }),
+    /* @__PURE__ */ jsx29(Skeleton, { className: "h-3 w-1/2" })
+  ] });
+}
+function SkeletonKpiCard({ delay = 0 }) {
+  return /* @__PURE__ */ jsxs20(
+    "div",
+    {
+      className: "card animate-pulse",
+      style: {
+        animationDelay: `${delay}ms`,
+        minHeight: 142,
+        display: "flex",
+        flexDirection: "column",
+        gap: 8,
+        padding: "16px 18px",
+        borderLeft: "3px solid var(--color-border-hi)"
+      },
+      children: [
+        /* @__PURE__ */ jsx29(Skeleton, { className: "mb-1 h-2 w-24" }),
+        /* @__PURE__ */ jsx29(Skeleton, { className: "h-8 w-16" }),
+        /* @__PURE__ */ jsx29(Skeleton, { className: "mt-1 h-2 w-20" })
+      ]
+    }
+  );
+}
+function SkeletonBanner() {
+  return /* @__PURE__ */ jsxs20(
+    "div",
+    {
+      className: "animate-pulse overflow-hidden p-5",
+      style: {
+        background: "var(--color-ink-300)",
+        border: "1px solid var(--color-border)",
+        borderTop: "2px solid var(--color-border-hi)"
+      },
+      children: [
+        /* @__PURE__ */ jsx29(Skeleton, { className: "mb-2 h-3 w-24" }),
+        /* @__PURE__ */ jsx29(Skeleton, { className: "mb-3 h-6 w-48" }),
+        /* @__PURE__ */ jsxs20("div", { className: "flex gap-4", children: [
+          /* @__PURE__ */ jsx29(Skeleton, { className: "h-4 w-28" }),
+          /* @__PURE__ */ jsx29(Skeleton, { className: "h-4 w-24" }),
+          /* @__PURE__ */ jsx29(Skeleton, { className: "h-4 w-20" })
+        ] })
+      ]
+    }
+  );
+}
+function SkeletonTableRow({ cols = 4 }) {
+  const widths = ["w-24", "w-40", "w-32", "w-20", "w-16"];
+  return /* @__PURE__ */ jsx29("tr", { className: "border-b border-border", children: Array.from({ length: cols }).map((_, i) => /* @__PURE__ */ jsx29("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx29(Skeleton, { className: `h-4 ${widths[i % widths.length]}` }) }, i)) });
+}
+function SkeletonTable({ rows = 6, cols = 4 }) {
+  return /* @__PURE__ */ jsx29("div", { className: "card overflow-hidden p-0", children: /* @__PURE__ */ jsx29("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs20("table", { className: "w-full text-sm", children: [
+    /* @__PURE__ */ jsx29("thead", { children: /* @__PURE__ */ jsx29("tr", { className: "border-b border-border bg-ink-300", children: Array.from({ length: cols }).map((_, i) => /* @__PURE__ */ jsx29("th", { className: "px-4 py-3", children: /* @__PURE__ */ jsx29(Skeleton, { className: "h-3 w-16" }) }, i)) }) }),
+    /* @__PURE__ */ jsx29("tbody", { children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx29(SkeletonTableRow, { cols }, i)) })
+  ] }) }) });
+}
+function SkeletonPageHeader() {
+  return /* @__PURE__ */ jsxs20("div", { className: "flex animate-pulse items-center justify-between", children: [
+    /* @__PURE__ */ jsxs20("div", { children: [
+      /* @__PURE__ */ jsx29(Skeleton, { className: "mb-2 h-7 w-40" }),
+      /* @__PURE__ */ jsx29(Skeleton, { className: "h-4 w-24" })
+    ] }),
+    /* @__PURE__ */ jsx29(Skeleton, { className: "h-9 w-32" })
+  ] });
+}
+
+// src/components/shared/Badge.tsx
+import { jsx as jsx30 } from "react/jsx-runtime";
+var variantClasses2 = {
+  default: "border-primary-300 text-primary-300",
+  success: "border-good text-good",
+  warning: "border-signal-400 text-signal-400",
+  danger: "border-warn text-warn",
+  muted: "border-txt-3 text-txt-3"
+};
+function Badge({ children, variant = "default", className = "" }) {
+  return /* @__PURE__ */ jsx30(
+    "span",
+    {
+      className: `inline-flex items-center border px-2 py-0.5 font-mono text-[9px] font-bold uppercase tracking-widest ${variantClasses2[variant]} ${className}`,
+      children
+    }
+  );
+}
+
+// src/components/shared/EmptyState.tsx
+import { jsx as jsx31, jsxs as jsxs21 } from "react/jsx-runtime";
+function EmptyState({ title, description, message, icon }) {
+  const resolvedTitle = title ?? message ?? "No data";
+  return /* @__PURE__ */ jsxs21("div", { className: "border border-border bg-ink-200 px-4 py-10 text-center", children: [
+    /* @__PURE__ */ jsx31("div", { className: "mb-2 flex justify-center text-txt-4", children: icon ?? /* @__PURE__ */ jsx31(Info, { size: 22 }) }),
+    /* @__PURE__ */ jsx31("p", { className: "font-mono text-[11px] tracking-widest text-txt-4", children: resolvedTitle }),
+    description ? /* @__PURE__ */ jsx31("p", { className: "mt-1 font-mono text-[10px] text-txt-4 opacity-70", children: description }) : null
+  ] });
+}
+function ErrorState({
+  title = "Failed to load",
+  error
+}) {
+  return /* @__PURE__ */ jsxs21("div", { className: "border border-warn bg-ink-200 px-4 py-10 text-center", children: [
+    /* @__PURE__ */ jsx31("div", { className: "mb-2 flex justify-center text-warn", children: /* @__PURE__ */ jsx31(Info, { size: 22 }) }),
+    /* @__PURE__ */ jsx31("p", { className: "font-mono text-[11px] tracking-widest text-warn", children: title }),
+    error ? /* @__PURE__ */ jsx31("p", { className: "mt-1 font-mono text-[10px] text-txt-3", children: error.message }) : null
+  ] });
+}
+
+// src/components/shared/InfoBanner.tsx
+import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
+function InfoBanner(props) {
+  if ("text" in props) {
+    const { text, variant = "info", className: className2 = "" } = props;
+    const styles = variant === "warn" ? "bg-warn/8 border-warn/25 text-warn" : variant === "lock" ? "bg-warn/8 border-warn/30 text-warn" : "bg-primary-500/10 border-primary-100 text-primary-500";
+    const icon = variant === "lock" ? /* @__PURE__ */ jsx32(LockIcon, { size: 14, className: "mt-1 shrink-0" }) : /* @__PURE__ */ jsx32(Info, { size: 14, className: "mt-1 shrink-0" });
+    return /* @__PURE__ */ jsxs22("div", { className: `flex items-start gap-2 border px-3 py-2.5 text-[13px] ${styles} ${className2}`, children: [
+      icon,
+      /* @__PURE__ */ jsx32("p", { style: { fontFamily: "var(--font-mono)" }, children: text })
+    ] });
+  }
+  const { title, description, className = "" } = props;
+  return /* @__PURE__ */ jsxs22(
+    "div",
+    {
+      className: `px-4 py-3 ${className}`,
+      style: {
+        background: "rgba(94,231,255,0.04)",
+        border: "1px solid rgba(94,231,255,0.12)",
+        borderLeft: "3px solid var(--color-primary-300)"
+      },
+      children: [
+        /* @__PURE__ */ jsx32(
+          "p",
+          {
+            className: "mb-0.5 font-mono text-[10px] font-semibold uppercase tracking-widest",
+            style: { color: "var(--color-primary-300)" },
+            children: title
+          }
+        ),
+        /* @__PURE__ */ jsx32("p", { className: "font-mono text-[11px] leading-relaxed", style: { color: "var(--color-txt-2)" }, children: description })
+      ]
+    }
+  );
+}
+
+// src/components/shared/PageHeader.tsx
+import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
+function PageHeader({ title, subtitle, action, icon, className = "" }) {
+  return /* @__PURE__ */ jsxs23(
+    "div",
+    {
+      className: `mb-5 flex flex-col gap-3 border-b border-border pb-4 animate-fade-in-up sm:flex-row sm:items-start sm:justify-between ${className}`.trim(),
+      children: [
+        /* @__PURE__ */ jsxs23("div", { children: [
+          subtitle ? /* @__PURE__ */ jsx33("div", { className: "kicker mb-1.5 text-primary-300!", children: subtitle }) : null,
+          /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2.5", children: [
+            icon ? /* @__PURE__ */ jsx33("span", { className: "text-primary-300", children: icon }) : null,
+            /* @__PURE__ */ jsx33("h2", { className: "font-(--font-display) text-[22px] tracking-[-0.03em] text-txt-1", children: title })
+          ] })
+        ] }),
+        action ? /* @__PURE__ */ jsx33("div", { children: action }) : null
+      ]
+    }
+  );
+}
+
+// src/components/shared/SearchInput.tsx
+import { jsx as jsx34, jsxs as jsxs24 } from "react/jsx-runtime";
+function SearchInput({
+  value,
+  onChange,
+  placeholder = "Search",
+  wrapperClassName = "",
+  wrapperStyle,
+  inputClassName = "",
+  iconClassName = "text-txt-4",
+  clearable = true,
+  clearTitle = "Clear search",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs24("div", { className: `relative ${wrapperClassName}`.trim(), style: wrapperStyle, children: [
+    /* @__PURE__ */ jsx34("span", { className: `pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 ${iconClassName}`.trim(), children: /* @__PURE__ */ jsx34(Search, { size: 15 }) }),
+    /* @__PURE__ */ jsx34(
+      Input,
+      {
+        ...props,
+        type: "text",
+        value,
+        onChange: (e) => onChange(e.target.value),
+        placeholder,
+        className: `pl-9 ${inputClassName}`.trim()
+      }
+    ),
+    clearable && value ? /* @__PURE__ */ jsx34(
+      "button",
+      {
+        type: "button",
+        onClick: () => onChange(""),
+        className: "absolute right-2 top-1/2 -translate-y-1/2 rounded-lg p-1 text-txt-4 transition-colors hover:bg-ink-300 hover:text-txt-2",
+        title: clearTitle,
+        children: /* @__PURE__ */ jsx34(X, { size: 14 })
+      }
+    ) : null
+  ] });
+}
+
+// src/components/shared/Pagination.tsx
+import { jsx as jsx35, jsxs as jsxs25 } from "react/jsx-runtime";
+function getPageNumbers(page, totalPages) {
+  if (totalPages <= 7) return Array.from({ length: totalPages }, (_, i) => i + 1);
+  const pages = [1];
+  if (page > 3) pages.push("\u2026");
+  for (let i = Math.max(2, page - 1); i <= Math.min(totalPages - 1, page + 1); i += 1) pages.push(i);
+  if (page < totalPages - 2) pages.push("\u2026");
+  pages.push(totalPages);
+  return pages;
+}
+var defaultLabels = {
+  showing: ({ from, to, total }) => `Showing ${from}-${to} of ${total}`,
+  page: ({ page, totalPages }) => `Page ${page} of ${totalPages}`,
+  prev: "Prev",
+  next: "Next",
+  prevTitle: "Previous page",
+  nextTitle: "Next page"
+};
+function Pagination({ page, totalPages, onChange, totalItems, pageSize, labels }) {
+  if (totalPages <= 1) return null;
+  const copy = { ...defaultLabels, ...labels };
+  const pageNumbers = getPageNumbers(page, totalPages);
+  const from = pageSize ? (page - 1) * pageSize + 1 : null;
+  const to = pageSize && totalItems ? Math.min(page * pageSize, totalItems) : null;
+  return /* @__PURE__ */ jsxs25("div", { className: "flex flex-col items-center justify-between gap-3 border-t border-border pt-3 sm:flex-row", children: [
+    totalItems != null && from != null && to != null ? /* @__PURE__ */ jsx35("span", { className: "order-2 font-mono text-[12px] text-txt-4 sm:order-1", children: copy.showing({ from, to, total: totalItems }) }) : /* @__PURE__ */ jsx35("span", { className: "order-2 font-mono text-[11px] text-txt-4 sm:order-1", children: copy.page({ page, totalPages }) }),
+    /* @__PURE__ */ jsxs25("div", { className: "order-1 flex items-center gap-1 sm:order-2", children: [
+      /* @__PURE__ */ jsxs25(
+        "button",
+        {
+          type: "button",
+          onClick: () => onChange(Math.max(1, page - 1)),
+          disabled: page === 1,
+          title: copy.prevTitle,
+          className: "flex items-center gap-1 border border-border px-2.5 py-1.5 font-mono text-[11px] text-txt-3 transition-colors hover:border-border-hi hover:text-txt-1 disabled:cursor-not-allowed disabled:opacity-30",
+          children: [
+            /* @__PURE__ */ jsx35(ChevronLeft, { size: 12 }),
+            /* @__PURE__ */ jsx35("span", { className: "hidden sm:inline", children: copy.prev })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx35("div", { className: "flex items-center gap-1", children: pageNumbers.map(
+        (entry, index) => entry === "\u2026" ? /* @__PURE__ */ jsx35("span", { className: "w-7 text-center font-mono text-[11px] text-txt-4", children: "\u2026" }, `ellipsis-${index}`) : /* @__PURE__ */ jsx35(
+          "button",
+          {
+            type: "button",
+            onClick: () => onChange(entry),
+            className: `h-7 w-7 border font-mono text-[11px] transition-colors ${page === entry ? "border-primary-300 bg-primary-300/10 text-primary-300" : "border-border text-txt-3 hover:border-border-hi hover:text-txt-1"}`,
+            children: entry
+          },
+          entry
+        )
+      ) }),
+      /* @__PURE__ */ jsxs25(
+        "button",
+        {
+          type: "button",
+          onClick: () => onChange(Math.min(totalPages, page + 1)),
+          disabled: page >= totalPages,
+          title: copy.nextTitle,
+          className: "flex items-center gap-1 border border-border px-2.5 py-1.5 font-mono text-[10px] text-txt-3 transition-colors hover:border-border-hi hover:text-txt-1 disabled:cursor-not-allowed disabled:opacity-30",
+          children: [
+            /* @__PURE__ */ jsx35("span", { className: "hidden sm:inline", children: copy.next }),
+            /* @__PURE__ */ jsx35(ChevronRight, { size: 12 })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/shared/SectionTitle.tsx
+import { jsx as jsx36 } from "react/jsx-runtime";
+function SectionTitle({ children, className = "" }) {
+  return /* @__PURE__ */ jsx36("h3", { className: `mb-1 text-sm font-semibold text-txt-1 ${className}`.trim(), children });
+}
+
+// src/components/shared/StatusBadge.tsx
+import { jsx as jsx37 } from "react/jsx-runtime";
+var BASE = "inline-flex items-center border px-2 py-0.5 font-mono text-[9px] font-medium uppercase tracking-[0.15em]";
+var variantStyles = {
+  default: "border-border-hi text-txt-2",
+  active: "border-primary-300 text-primary-300",
+  success: "border-good text-good",
+  inactive: "border-txt-4 text-txt-4",
+  warning: "border-warn text-warn",
+  danger: "border-warn text-warn",
+  pending: "border-txt-3 text-txt-3"
+};
+function StatusBadge({ label, variant = "default", className = "" }) {
+  return /* @__PURE__ */ jsx37("span", { className: `${BASE} ${variantStyles[variant]} ${className}`.trim(), children: label });
+}
+
+// src/components/shared/ActionMenu.tsx
+import { useEffect as useEffect2, useRef as useRef2, useState as useState5 } from "react";
+import { Fragment, jsx as jsx38, jsxs as jsxs26 } from "react/jsx-runtime";
+var defaultMenuStyle = {
+  background: "var(--color-ink-200)",
+  border: "1px solid var(--color-border-hi)",
+  borderTop: "2px solid var(--color-primary-300)",
+  boxShadow: "0 16px 48px -8px rgba(0,0,0,0.45)",
+  maxHeight: "min(320px, calc(100vh - 180px))"
+};
+var itemBaseClass = "flex w-full items-center gap-2.5 border-l-2 border-transparent px-4 py-2.5 text-left text-sm transition-colors duration-100 hover:border-[var(--color-primary-300)] disabled:cursor-not-allowed disabled:opacity-40";
+function ActionMenu({
+  label,
+  items,
+  icon,
+  buttonSize = "sm",
+  buttonVariant = "secondary",
+  buttonClassName = "",
+  menuClassName = "absolute bottom-full right-0 z-50 mb-1 w-[min(20rem,calc(100vw-1.5rem))] max-w-[calc(100vw-1.5rem)] overflow-auto sm:min-w-52 sm:w-auto",
+  menuStyle,
+  fullWidth = false,
+  closeLabel
+}) {
+  const [open, setOpen] = useState5(false);
+  const rootRef = useRef2(null);
+  useEffect2(() => {
+    function handleOutside(event) {
+      if (rootRef.current && !rootRef.current.contains(event.target)) {
+        setOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleOutside);
+    return () => document.removeEventListener("mousedown", handleOutside);
+  }, []);
+  return /* @__PURE__ */ jsxs26("div", { ref: rootRef, className: "relative", children: [
+    /* @__PURE__ */ jsx38(
+      Button,
+      {
+        size: buttonSize,
+        variant: buttonVariant,
+        icon,
+        iconRight: /* @__PURE__ */ jsx38(ChevronDown, { size: 11 }),
+        onClick: () => setOpen((value) => !value),
+        className: buttonClassName,
+        fullWidth,
+        children: label
+      }
+    ),
+    open ? /* @__PURE__ */ jsxs26(Fragment, { children: [
+      /* @__PURE__ */ jsx38(
+        "button",
+        {
+          type: "button",
+          className: "fixed inset-0 z-40 bg-black/10 backdrop-blur-[3px]",
+          "aria-label": closeLabel ?? label,
+          onClick: () => setOpen(false)
+        }
+      ),
+      /* @__PURE__ */ jsx38("div", { className: menuClassName, style: { ...defaultMenuStyle, ...menuStyle }, children: items.map((item, index) => /* @__PURE__ */ jsxs26("div", { children: [
+        index > 0 && item.danger ? /* @__PURE__ */ jsx38("div", { style: { borderTop: "1px solid var(--color-border)" } }) : null,
+        /* @__PURE__ */ jsxs26(
+          "button",
+          {
+            type: "button",
+            className: itemBaseClass,
+            style: { color: item.danger ? "var(--color-warn)" : "var(--color-txt-2)" },
+            disabled: item.disabled || item.loading,
+            onClick: () => {
+              setOpen(false);
+              item.onSelect();
+            },
+            children: [
+              item.loading ? /* @__PURE__ */ jsx38(Spinner, { color: "text-[var(--color-txt-3)]" }) : /* @__PURE__ */ jsx38("span", { className: item.danger ? "shrink-0 text-warn" : "shrink-0 text-primary-300", children: item.icon }),
+              /* @__PURE__ */ jsx38("span", { children: item.label })
+            ]
+          }
+        )
+      ] }, item.key)) })
+    ] }) : null
+  ] });
+}
+
+// src/components/table/DataTable.tsx
+import { useMemo as useMemo2, useState as useState6 } from "react";
+
+// src/components/table/DataTableRow.tsx
+import { memo } from "react";
+import { jsx as jsx39, jsxs as jsxs27 } from "react/jsx-runtime";
+var ALIGN_CLASS = {
+  left: "text-left",
+  center: "text-center",
+  right: "text-right"
+};
+function DataTableRowInner({ row, columns, onRowClick, rowActions }) {
+  const clickable = Boolean(onRowClick);
+  return /* @__PURE__ */ jsxs27(
+    "tr",
+    {
+      onClick: clickable ? () => onRowClick?.(row) : void 0,
+      className: `border-b border-border transition-colors hover:bg-ink-300/30 ${clickable ? "cursor-pointer" : ""}`,
+      children: [
+        columns.map((column) => /* @__PURE__ */ jsx39(
+          "td",
+          {
+            className: `px-3 py-2 text-xs text-txt-3 ${ALIGN_CLASS[column.align ?? "left"]} ${column.className ?? ""}`,
+            children: column.cell(row)
+          },
+          column.id
+        )),
+        rowActions !== void 0 && /* @__PURE__ */ jsx39("td", { className: "px-3 py-2 text-right", children: rowActions(row) })
+      ]
+    }
+  );
+}
+var DataTableRow = memo(DataTableRowInner);
+
+// src/components/table/DataTable.tsx
+import { jsx as jsx40, jsxs as jsxs28 } from "react/jsx-runtime";
+var ALIGN_CLASS2 = {
+  left: "text-left",
+  center: "text-center",
+  right: "text-right"
+};
+function compareValues(a, b) {
+  if (a == null && b == null) return 0;
+  if (a == null) return -1;
+  if (b == null) return 1;
+  if (a instanceof Date && b instanceof Date) return a.getTime() - b.getTime();
+  if (typeof a === "number" && typeof b === "number") return a - b;
+  if (typeof a === "boolean" && typeof b === "boolean") return Number(a) - Number(b);
+  return String(a).localeCompare(String(b));
+}
+function ariaSort(active, direction) {
+  if (!active) return "none";
+  return direction === "asc" ? "ascending" : "descending";
+}
+function DataTable({
+  data,
+  columns,
+  rowKey,
+  isLoading = false,
+  emptyState,
+  onRowClick,
+  loadingRows = 8,
+  rowActions,
+  serverSort,
+  footer,
+  mobileCard
+}) {
+  const [sort, setSort] = useState6(null);
+  const sortedData = useMemo2(() => {
+    if (serverSort) return data;
+    if (!sort) return data;
+    const column = columns.find((c) => c.id === sort.columnId);
+    if (!column?.sortAccessor) return data;
+    const accessor = column.sortAccessor;
+    const factor = sort.direction === "asc" ? 1 : -1;
+    return [...data].sort((a, b) => compareValues(accessor(a), accessor(b)) * factor);
+  }, [data, columns, sort, serverSort]);
+  const toggleSort = (columnId) => {
+    if (serverSort) {
+      serverSort.onSort(columnId);
+      return;
+    }
+    setSort((prev) => {
+      if (prev?.columnId !== columnId) return { columnId, direction: "asc" };
+      return { columnId, direction: prev.direction === "asc" ? "desc" : "asc" };
+    });
+  };
+  const hasActions = rowActions !== void 0;
+  const colCount = columns.length + (hasActions ? 1 : 0);
+  const tableClass = mobileCard !== void 0 ? "hidden md:table w-full text-sm table-collapse" : "w-full text-sm table-collapse";
+  return /* @__PURE__ */ jsxs28("div", { className: "border border-border overflow-x-auto", children: [
+    mobileCard !== void 0 && /* @__PURE__ */ jsx40("div", { className: "md:hidden", children: isLoading ? Array.from({ length: loadingRows }).map((_, i) => /* @__PURE__ */ jsx40("div", { className: "h-16 animate-pulse bg-ink-300" }, i)) : sortedData.length === 0 ? emptyState : sortedData.map((row) => /* @__PURE__ */ jsx40("div", { children: mobileCard(row) }, rowKey(row))) }),
+    /* @__PURE__ */ jsxs28("table", { className: tableClass, children: [
+      /* @__PURE__ */ jsx40("thead", { children: /* @__PURE__ */ jsxs28("tr", { className: "border-b border-border bg-ink-300", children: [
+        columns.map((column) => {
+          const baseClass = `px-3 py-2.5 ${ALIGN_CLASS2[column.align ?? "left"]} font-mono text-[11px] tracking-[.08em] text-txt-4 font-semibold whitespace-nowrap`;
+          if (!column.sortable || !column.sortAccessor) {
+            return /* @__PURE__ */ jsx40("th", { scope: "col", className: baseClass, children: column.header }, column.id);
+          }
+          const active = serverSort ? serverSort.field === column.id : sort?.columnId === column.id;
+          const direction = serverSort ? serverSort.dir : sort?.direction ?? "asc";
+          return /* @__PURE__ */ jsx40(
+            "th",
+            {
+              scope: "col",
+              "aria-sort": ariaSort(active, direction),
+              className: baseClass,
+              children: /* @__PURE__ */ jsxs28(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => toggleSort(column.id),
+                  className: `inline-flex items-center gap-1 select-none transition-colors hover:text-txt-1 ${active ? "text-txt-1" : ""}`,
+                  children: [
+                    column.header,
+                    active && (direction === "asc" ? /* @__PURE__ */ jsx40(ChevronUp, { size: 12 }) : /* @__PURE__ */ jsx40(ChevronDown, { size: 12 }))
+                  ]
+                }
+              )
+            },
+            column.id
+          );
+        }),
+        hasActions && /* @__PURE__ */ jsx40("th", { scope: "col", className: "px-3 py-2.5 text-right font-mono text-[11px] tracking-[.08em] text-txt-4 font-semibold whitespace-nowrap" })
+      ] }) }),
+      /* @__PURE__ */ jsx40("tbody", { children: isLoading ? Array.from({ length: loadingRows }).map((_, rowIndex) => /* @__PURE__ */ jsx40("tr", { className: "border-b border-border", children: Array.from({ length: colCount }).map((__, colIndex) => /* @__PURE__ */ jsx40("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx40("div", { className: "h-4 bg-ink-300 rounded animate-pulse w-24" }) }, colIndex)) }, rowIndex)) : sortedData.length === 0 ? /* @__PURE__ */ jsx40("tr", { children: /* @__PURE__ */ jsx40("td", { colSpan: colCount, className: "px-4 py-10 text-center text-txt-4 text-sm font-mono", children: emptyState }) }) : sortedData.map((row) => /* @__PURE__ */ jsx40(
+        DataTableRow,
+        {
+          row,
+          columns,
+          onRowClick,
+          rowActions
+        },
+        rowKey(row)
+      )) })
+    ] }),
+    footer !== void 0 && footer
+  ] });
+}
+export {
+  ActionMenu,
+  Activity,
+  ActivityMenu,
+  Alert,
+  AppleIcon,
+  ArrowLeft,
+  ArrowRight,
+  Badge,
+  Ban,
+  BarChart,
+  BaseModal,
+  Bell,
+  Book,
+  Button,
+  Calendar,
+  CalendarMonth,
+  CalendarWeek,
+  Card,
+  CardBody,
+  CardHeader,
+  Check,
+  CheckCircle,
+  CheckSquare,
+  Checkbox,
+  ChevronDown,
+  ChevronLeft,
+  ChevronRight,
+  ChevronUp,
+  Clipboard,
+  Clock,
+  Compare,
+  ConfirmDialog,
+  Copy,
+  Cpu,
+  CreditCard,
+  DataTable,
+  Database,
+  DefaultErrorFallback,
+  Download,
+  Edit,
+  EmptyState,
+  ErrorBoundary,
+  ErrorState,
+  ExternalLink,
+  Eye,
+  EyeOff,
+  Faculty,
+  FieldHint,
+  FieldLabel,
+  FileText,
+  FileUpload,
+  FingerprintIcon,
+  FormError,
+  FormIcon,
+  FormulaIcon,
+  Gear,
+  Globe,
+  GooglePlayIcon,
+  GraduationCap,
+  Grid,
+  GridBg,
+  HardDrive,
+  Hash,
+  HelpCircle,
+  History,
+  Home,
+  Icons,
+  Image,
+  Info,
+  InfoBanner,
+  Input,
+  Intersect,
+  Layers,
+  LockIcon,
+  LogOut,
+  LogoMark,
+  Mail,
+  Megaphone,
+  Menu,
+  Monitor,
+  Moon,
+  NavAnalytics,
+  NavQrAttendance,
+  NavScoresheet,
+  NavSecurity,
+  NumberIcon,
+  OfficeHours,
+  PageHeader,
+  PageSpinner,
+  Pagination,
+  Pdf,
+  Plus,
+  Printer,
+  QrCode,
+  RadioButton,
+  Refresh,
+  RefreshCw,
+  Repeat,
+  Report,
+  RotateCcw,
+  Scan,
+  Search,
+  SearchInput,
+  SectionIcons,
+  SectionTitle,
+  Select,
+  Server,
+  Shield,
+  Skeleton,
+  SkeletonBanner,
+  SkeletonCard,
+  SkeletonKpiCard,
+  SkeletonPageHeader,
+  SkeletonTable,
+  Smartphone,
+  Spinner,
+  Spotlight,
+  Star,
+  StatusBadge,
+  Sun,
+  Table,
+  Tablet,
+  TextIcon,
+  Textarea,
+  Toast,
+  ToastProvider,
+  Tooltip,
+  Trash,
+  Trophy,
+  TwoFAIcon,
+  University,
+  User,
+  UserCheck,
+  UserCog,
+  UserMinus,
+  UserPlus,
+  Users,
+  X,
+  Zap,
+  useToast
+};
+//# sourceMappingURL=index.js.map