@yccui/ui 1.0.0

package/dist/index.js

@@ -0,0 +1,3704 @@
+import { jsxs as n, jsx as e, Fragment as ce } from "react/jsx-runtime";
+import { useState as y, useMemo as ie, useRef as Ae, useCallback as Fe, useContext as _e, createContext as Ve, useEffect as na, isValidElement as ra, cloneElement as ia } from "react";
+const we = {
+  Activity: [["polyline", { points: "22 12 18 12 15 21 9 3 6 12 2 12" }]],
+  AlertTriangle: [["path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }], ["path", { d: "M12 9v4" }], ["path", { d: "M12 17h.01" }]],
+  ArrowLeft: [["path", { d: "m12 19-7-7 7-7" }], ["path", { d: "M19 12H5" }]],
+  ArrowLeftRight: [["path", { d: "m16 3 4 4-4 4" }], ["path", { d: "M20 7H4" }], ["path", { d: "m8 21-4-4 4-4" }], ["path", { d: "M4 17h16" }]],
+  ArrowRight: [["path", { d: "M5 12h14" }], ["path", { d: "m12 5 7 7-7 7" }]],
+  BarChart3: [["path", { d: "M3 3v18h18" }], ["path", { d: "M18 17V9" }], ["path", { d: "M13 17V5" }], ["path", { d: "M8 17v-3" }]],
+  Bell: [["path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }], ["path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" }]],
+  BellOff: [["path", { d: "M13.73 21a2 2 0 0 1-3.46 0" }], ["path", { d: "M18.63 13A17.89 17.89 0 0 1 18 8" }], ["path", { d: "M6.26 6.26A6 6 0 0 0 6 8c0 7-3 9-3 9h14" }], ["path", { d: "m2 2 20 20" }]],
+  BookOpen: [["path", { d: "M12 7v14" }], ["path", { d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z" }]],
+  Boxes: [["path", { d: "M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z" }], ["path", { d: "m7 16.5-4.74-2.85" }], ["path", { d: "m7 16.5 5-3" }], ["path", { d: "M7 16.5v5.17" }], ["path", { d: "M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z" }], ["path", { d: "m17 16.5-5-3" }], ["path", { d: "m17 16.5 4.74-2.85" }], ["path", { d: "M17 16.5v5.17" }], ["path", { d: "M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0Z" }], ["path", { d: "M12 8 7.26 5.15" }], ["path", { d: "m12 8 4.74-2.85" }], ["path", { d: "M12 13.5V8" }]],
+  Briefcase: [["rect", { x: 2, y: 7, width: 20, height: 14, rx: 2 }], ["path", { d: "M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16" }]],
+  Cable: [["path", { d: "M4 9a2 2 0 0 1-2-2V5h6v2a2 2 0 0 1-2 2Z" }], ["path", { d: "M3 5V3" }], ["path", { d: "M7 5V3" }], ["path", { d: "M19 15a2 2 0 0 1 2 2v2h-6v-2a2 2 0 0 1 2-2Z" }], ["path", { d: "M17 21v-2" }], ["path", { d: "M21 21v-2" }], ["path", { d: "M5 9v3a4 4 0 0 0 4 4h6a4 4 0 0 0 4-4V9" }]],
+  Calendar: [["path", { d: "M8 2v4" }], ["path", { d: "M16 2v4" }], ["rect", { x: 3, y: 4, width: 18, height: 18, rx: 2 }], ["path", { d: "M3 10h18" }]],
+  Camera: [["path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z" }], ["circle", { cx: 12, cy: 13, r: 3 }]],
+  Check: [["polyline", { points: "20 6 9 17 4 12" }]],
+  CheckCircle2: [["circle", { cx: 12, cy: 12, r: 10 }], ["path", { d: "m9 12 2 2 4-4" }]],
+  ChevronDown: [["polyline", { points: "6 9 12 15 18 9" }]],
+  ChevronRight: [["polyline", { points: "9 18 15 12 9 6" }]],
+  ClipboardCheck: [["rect", { width: 8, height: 4, x: 8, y: 2, rx: 1, ry: 1 }], ["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" }], ["path", { d: "m9 14 2 2 4-4" }]],
+  Clock: [["circle", { cx: 12, cy: 12, r: 10 }], ["polyline", { points: "12 6 12 12 16 14" }]],
+  Copy: [["rect", { x: 8, y: 8, width: 12, height: 12, rx: 2 }], ["path", { d: "M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2" }]],
+  Cpu: [["rect", { x: 4, y: 4, width: 16, height: 16, rx: 2 }], ["rect", { x: 9, y: 9, width: 6, height: 6 }], ["line", { x1: 15, y1: 2, x2: 15, y2: 4 }], ["line", { x1: 15, y1: 20, x2: 15, y2: 22 }], ["line", { x1: 2, y1: 15, x2: 4, y2: 15 }], ["line", { x1: 2, y1: 9, x2: 4, y2: 9 }], ["line", { x1: 20, y1: 15, x2: 22, y2: 15 }], ["line", { x1: 20, y1: 9, x2: 22, y2: 9 }], ["line", { x1: 9, y1: 2, x2: 9, y2: 4 }], ["line", { x1: 9, y1: 20, x2: 9, y2: 22 }]],
+  Database: [["ellipse", { cx: 12, cy: 5, rx: 9, ry: 3 }], ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5" }], ["path", { d: "M3 12A9 3 0 0 0 21 12" }]],
+  Download: [["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }], ["polyline", { points: "7 10 12 15 17 10" }], ["line", { x1: 12, y1: 15, x2: 12, y2: 3 }]],
+  Euro: [["path", { d: "M4 10h12" }], ["path", { d: "M4 14h9" }], ["path", { d: "M19 5a7 7 0 1 0 0 14" }]],
+  FileCheck: [["path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }], ["polyline", { points: "14 2 14 8 20 8" }], ["path", { d: "m9 15 2 2 4-4" }]],
+  FileSpreadsheet: [["path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }], ["polyline", { points: "14 2 14 8 20 8" }], ["path", { d: "M8 13h2" }], ["path", { d: "M8 17h2" }], ["path", { d: "M14 13h2" }], ["path", { d: "M14 17h2" }]],
+  FileText: [["path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }], ["polyline", { points: "14 2 14 8 20 8" }], ["line", { x1: 16, y1: 13, x2: 8, y2: 13 }], ["line", { x1: 16, y1: 17, x2: 8, y2: 17 }], ["line", { x1: 10, y1: 9, x2: 8, y2: 9 }]],
+  Filter: [["polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }]],
+  Gauge: [["path", { d: "m12 14 4-4" }], ["path", { d: "M3.34 19a10 10 0 1 1 17.32 0" }]],
+  Globe: [["circle", { cx: 12, cy: 12, r: 10 }], ["line", { x1: 2, y1: 12, x2: 22, y2: 12 }], ["path", { d: "M12 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" }]],
+  Hash: [["line", { x1: 4, y1: 9, x2: 20, y2: 9 }], ["line", { x1: 4, y1: 15, x2: 20, y2: 15 }], ["path", { d: "M10 3 8 21" }], ["path", { d: "M16 3 14 21" }]],
+  HelpCircle: [["circle", { cx: 12, cy: 12, r: 10 }], ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }], ["path", { d: "M12 17h.01" }]],
+  Home: [["path", { d: "m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }], ["polyline", { points: "9 22 9 12 15 12 15 22" }]],
+  Image: [["rect", { x: 3, y: 3, width: 18, height: 18, rx: 2 }], ["circle", { cx: 8.5, cy: 8.5, r: 1.5 }], ["path", { d: "m21 15-5-5L5 21" }]],
+  Landmark: [["line", { x1: 3, y1: 22, x2: 21, y2: 22 }], ["line", { x1: 6, y1: 18, x2: 6, y2: 11 }], ["line", { x1: 10, y1: 18, x2: 10, y2: 11 }], ["line", { x1: 14, y1: 18, x2: 14, y2: 11 }], ["line", { x1: 18, y1: 18, x2: 18, y2: 11 }], ["polygon", { points: "12 2 20 7 4 7" }]],
+  Layers: [["path", { d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z" }], ["path", { d: "m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65" }], ["path", { d: "m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65" }]],
+  LayoutDashboard: [["rect", { x: 3, y: 3, width: 7, height: 9, rx: 1 }], ["rect", { x: 14, y: 3, width: 7, height: 5, rx: 1 }], ["rect", { x: 14, y: 12, width: 7, height: 9, rx: 1 }], ["rect", { x: 3, y: 16, width: 7, height: 5, rx: 1 }]],
+  LayoutGrid: [["rect", { x: 3, y: 3, width: 7, height: 7, rx: 1 }], ["rect", { x: 14, y: 3, width: 7, height: 7, rx: 1 }], ["rect", { x: 14, y: 14, width: 7, height: 7, rx: 1 }], ["rect", { x: 3, y: 14, width: 7, height: 7, rx: 1 }]],
+  Link2: [["path", { d: "M9 17H7A5 5 0 0 1 7 7h2" }], ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2" }], ["line", { x1: 8, y1: 12, x2: 16, y2: 12 }]],
+  Lock: [["rect", { x: 3, y: 11, width: 18, height: 11, rx: 2 }], ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4" }]],
+  Mail: [["rect", { x: 2, y: 4, width: 20, height: 16, rx: 2 }], ["path", { d: "m22 7-10 7L2 7" }]],
+  MapPin: [["path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }], ["circle", { cx: 12, cy: 10, r: 3 }]],
+  Menu: [["line", { x1: 4, y1: 6, x2: 20, y2: 6 }], ["line", { x1: 4, y1: 12, x2: 20, y2: 12 }], ["line", { x1: 4, y1: 18, x2: 20, y2: 18 }]],
+  PackageCheck: [["path", { d: "m16 16 2 2 4-4" }], ["path", { d: "M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l2-1.14" }], ["path", { d: "M3.3 7 12 12l8.7-5" }], ["path", { d: "M12 22V12" }]],
+  PackageOpen: [["path", { d: "M12 22v-9" }], ["path", { d: "m15.17 2.21 4.83 2.8a2 2 0 0 1 1 1.73v6.54a2 2 0 0 1-1 1.73l-1 .58" }], ["path", { d: "m2 8.3 10 5.8 10-5.8" }], ["path", { d: "M2 17.7V8.3a2 2 0 0 1 1-1.73l4.83-2.8" }]],
+  PackageSearch: [["path", { d: "M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l5 2.857" }], ["path", { d: "M3.3 7 12 12l8.7-5" }], ["path", { d: "M12 22V12" }], ["circle", { cx: 18.5, cy: 15.5, r: 2.5 }], ["path", { d: "M20.27 17.27 22 19" }]],
+  Pause: [["rect", { x: 6, y: 4, width: 4, height: 16, rx: 1 }], ["rect", { x: 14, y: 4, width: 4, height: 16, rx: 1 }]],
+  Pencil: [["path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }], ["path", { d: "m15 5 4 4" }]],
+  Plane: [["path", { d: "M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z" }]],
+  PlaneLanding: [["path", { d: "M2 22h20" }], ["path", { d: "M3 18 21 12 19 8 11 10 6 4 3 5l4 8-4 2z" }]],
+  PlaneTakeoff: [["path", { d: "M2 22h20" }], ["path", { d: "M6.36 17.4 4 17l-2-4 1.1-.55 3.77 1 4.12-2.5L4 4l1.5-2 9.65 6.05L19 5.7a2.09 2.09 0 0 1 2.85.75 2.06 2.06 0 0 1-.74 2.83z" }]],
+  Play: [["polygon", { points: "6 3 20 12 6 21 6 3" }]],
+  Plug: [["path", { d: "M12 22v-5" }], ["path", { d: "M9 8V2" }], ["path", { d: "M15 8V2" }], ["path", { d: "M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Z" }]],
+  Plus: [["path", { d: "M5 12h14" }], ["path", { d: "M12 5v14" }]],
+  Power: [["path", { d: "M12 2v10" }], ["path", { d: "M18.4 6.6a9 9 0 1 1-12.77.04" }]],
+  Printer: [["path", { d: "M6 9V2h12v7" }], ["path", { d: "M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" }], ["rect", { x: 6, y: 14, width: 12, height: 8 }]],
+  Radio: [["circle", { cx: 12, cy: 12, r: 2 }], ["path", { d: "M4.93 19.07a10 10 0 0 1 0-14.14" }], ["path", { d: "M7.76 16.24a6 6 0 0 1 0-8.49" }], ["path", { d: "M16.24 7.76a6 6 0 0 1 0 8.49" }], ["path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" }]],
+  Receipt: [["path", { d: "M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z" }], ["path", { d: "M16 8h-6" }], ["path", { d: "M16 12h-6" }]],
+  RefreshCw: [["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }], ["path", { d: "M21 3v5h-5" }], ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }], ["path", { d: "M3 21v-5h5" }]],
+  RotateCcw: [["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }], ["path", { d: "M3 3v5h5" }]],
+  Route: [["circle", { cx: 6, cy: 19, r: 3 }], ["path", { d: "M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15" }], ["circle", { cx: 18, cy: 5, r: 3 }]],
+  Ruler: [["path", { d: "M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z" }], ["path", { d: "m14.5 12.5 2-2" }], ["path", { d: "m11.5 9.5 2-2" }], ["path", { d: "m8.5 6.5 2-2" }], ["path", { d: "m17.5 15.5 2-2" }]],
+  Scale: [["path", { d: "m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z" }], ["path", { d: "m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z" }], ["path", { d: "M7 21h10" }], ["path", { d: "M12 3v18" }], ["path", { d: "M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2" }]],
+  ScanLine: [["path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }], ["path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }], ["path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }], ["path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" }], ["path", { d: "M7 12h10" }]],
+  ScanSearch: [["path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }], ["path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }], ["path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }], ["path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" }], ["circle", { cx: 11.5, cy: 11.5, r: 2.5 }], ["path", { d: "M21 21l-2.5-2.5" }]],
+  Search: [["circle", { cx: 11, cy: 11, r: 8 }], ["path", { d: "m21 21-4.3-4.3" }]],
+  Send: [["path", { d: "m22 2-7 20-4-9-9-4Z" }], ["path", { d: "M22 2 11 13" }]],
+  Server: [["rect", { x: 2, y: 2, width: 20, height: 8, rx: 2 }], ["rect", { x: 2, y: 14, width: 20, height: 8, rx: 2 }], ["line", { x1: 6, y1: 6, x2: 6.01, y2: 6 }], ["line", { x1: 6, y1: 18, x2: 6.01, y2: 18 }]],
+  Settings: [["circle", { cx: 12, cy: 12, r: 3 }], ["path", { d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" }]],
+  ShieldCheck: [["path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" }], ["path", { d: "m9 12 2 2 4-4" }]],
+  Ship: [["path", { d: "M12 10.189V14" }], ["path", { d: "M12 2v3" }], ["path", { d: "M19 13V7a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v6" }], ["path", { d: "M19.38 20A11.6 11.6 0 0 0 21 14l-8.188-3.639a2 2 0 0 0-1.624 0L3 14a11.6 11.6 0 0 0 2.81 7.76" }], ["path", { d: "M2 21c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1s1.2 1 2.5 1c2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1" }]],
+  SlidersHorizontal: [["line", { x1: 21, y1: 4, x2: 14, y2: 4 }], ["line", { x1: 10, y1: 4, x2: 3, y2: 4 }], ["line", { x1: 21, y1: 12, x2: 12, y2: 12 }], ["line", { x1: 8, y1: 12, x2: 3, y2: 12 }], ["line", { x1: 21, y1: 20, x2: 16, y2: 20 }], ["line", { x1: 12, y1: 20, x2: 3, y2: 20 }], ["line", { x1: 14, y1: 2, x2: 14, y2: 6 }], ["line", { x1: 8, y1: 10, x2: 8, y2: 14 }], ["line", { x1: 16, y1: 18, x2: 16, y2: 22 }]],
+  Split: [["path", { d: "M16 3h5v5" }], ["path", { d: "M8 3H3v5" }], ["path", { d: "M21 3l-7.83 7.83A4 4 0 0 0 12 13.66V22" }], ["path", { d: "M3 3l7.83 7.83" }]],
+  Square: [["rect", { x: 3, y: 3, width: 18, height: 18, rx: 2 }]],
+  Tag: [["path", { d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z" }], ["circle", { cx: 7.5, cy: 7.5, r: 0.5 }]],
+  Tags: [["path", { d: "M3 5v6.172a2 2 0 0 0 .586 1.414L11 20l8-8-7.414-7.414A2 2 0 0 0 10.172 4H5a2 2 0 0 0-2 1z" }], ["circle", { cx: 7.5, cy: 8.5, r: 0.5 }]],
+  Trash2: [["path", { d: "M3 6h18" }], ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }], ["line", { x1: 10, y1: 11, x2: 10, y2: 17 }], ["line", { x1: 14, y1: 11, x2: 14, y2: 17 }]],
+  TrendingUp: [["polyline", { points: "22 7 13.5 15.5 8.5 10.5 2 17" }], ["polyline", { points: "16 7 22 7 22 13" }]],
+  Truck: [["path", { d: "M10 17h4V5H2v12h3" }], ["path", { d: "M20 17h2v-3.34a4 4 0 0 0-1.17-2.83L19 9h-5v8h1" }], ["circle", { cx: 7.5, cy: 17.5, r: 2.5 }], ["circle", { cx: 17.5, cy: 17.5, r: 2.5 }]],
+  Upload: [["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }], ["polyline", { points: "17 8 12 3 7 8" }], ["line", { x1: 12, y1: 3, x2: 12, y2: 15 }]],
+  Users: [["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }], ["circle", { cx: 9, cy: 7, r: 4 }], ["path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }], ["path", { d: "M16 3.13a4 4 0 0 1 0 7.75" }]],
+  Wallet: [["path", { d: "M21 12V7H5a2 2 0 0 1 0-4h14v4" }], ["path", { d: "M3 5v14a2 2 0 0 0 2 2h16v-5" }], ["path", { d: "M18 12a2 2 0 0 0 0 4h4v-4Z" }]],
+  Warehouse: [["path", { d: "M22 8.35V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8.35a2 2 0 0 1 1.18-1.82l8-3.6a2 2 0 0 1 1.64 0l8 3.6A2 2 0 0 1 22 8.35Z" }], ["path", { d: "M6 18h12" }], ["path", { d: "M6 14h12" }], ["path", { d: "M6 22V10" }]],
+  Workflow: [["rect", { x: 3, y: 3, width: 8, height: 8, rx: 2 }], ["path", { d: "M7 11v4a2 2 0 0 0 2 2h4" }], ["rect", { x: 13, y: 13, width: 8, height: 8, rx: 2 }]],
+  XCircle: [["circle", { cx: 12, cy: 12, r: 10 }], ["path", { d: "m15 9-6 6" }], ["path", { d: "m9 9 6 6" }]],
+  Zap: [["polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }]]
+}, la = [...Object.keys(we), "LeafMark", "Barcode"].sort();
+function ve(...a) {
+  return a.filter(Boolean).join(" ");
+}
+function ca([a, t], r) {
+  return a === "circle" ? /* @__PURE__ */ e("circle", { ...t }, r) : a === "rect" ? /* @__PURE__ */ e("rect", { ...t }, r) : a === "line" ? /* @__PURE__ */ e("line", { ...t }, r) : a === "polyline" ? /* @__PURE__ */ e("polyline", { ...t }, r) : a === "polygon" ? /* @__PURE__ */ e("polygon", { ...t }, r) : a === "ellipse" ? /* @__PURE__ */ e("ellipse", { ...t }, r) : /* @__PURE__ */ e("path", { ...t }, r);
+}
+function oa(a) {
+  const t = a || "YCC";
+  return Array.from({ length: 11 }, (r, i) => {
+    const l = t.charCodeAt(i % t.length) + i;
+    return { x: 3 + i * 1.7, width: l % 3 === 0 ? 0.9 : 0.4, height: 14 + l % 5 };
+  });
+}
+function s({ name: a, size: t = 16, color: r, className: i }) {
+  if (a === "LeafMark")
+    return /* @__PURE__ */ n("svg", { className: ve("ycc-icon", i), width: t, height: t, viewBox: "0 0 24 24", fill: "none", style: { color: r }, "aria-hidden": "true", children: [
+      /* @__PURE__ */ e("path", { d: "M5 19c0-7 5-13 14-14 0 9-5 14-12 14-1 0-2 0-2-1z", fill: "currentColor", opacity: "0.92" }),
+      /* @__PURE__ */ e("path", { d: "M5.5 18.5c3-5 7-8 11-9.5", stroke: "var(--ycc-card)", strokeWidth: "1.3", strokeLinecap: "round" })
+    ] });
+  if (a === "Barcode")
+    return /* @__PURE__ */ e("svg", { className: ve("ycc-icon", i), width: t, height: t, viewBox: "0 0 24 24", fill: "none", style: { color: r }, "aria-hidden": "true", children: oa(a).map((c, o) => /* @__PURE__ */ e("rect", { x: c.x, y: "4", width: c.width, height: c.height, fill: "currentColor" }, o)) });
+  const l = we[a] ?? we.HelpCircle;
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      className: ve("ycc-icon", i),
+      width: t,
+      height: t,
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      fill: "none",
+      strokeWidth: 1.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      style: { color: r },
+      "aria-hidden": "true",
+      children: l.map(ca)
+    }
+  );
+}
+function sa(...a) {
+  return a.filter(Boolean).join(" ");
+}
+function N({
+  variant: a = "primary",
+  size: t = "md",
+  loading: r = !1,
+  leftIcon: i,
+  rightIcon: l,
+  disabled: c,
+  onClick: o,
+  type: d = "button",
+  children: h,
+  className: p
+}) {
+  return /* @__PURE__ */ n(
+    "button",
+    {
+      type: d,
+      disabled: c || r,
+      onClick: o,
+      className: sa(
+        "ycc-button",
+        `ycc-button--${a}`,
+        `ycc-button--${t}`,
+        r && "ycc-button--loading",
+        p
+      ),
+      children: [
+        r ? /* @__PURE__ */ e(s, { name: "RefreshCw", size: 14, className: "ycc-button__spinner" }) : i ? /* @__PURE__ */ e(s, { name: i, size: 14 }) : null,
+        r ? null : h,
+        !r && l ? /* @__PURE__ */ e(s, { name: l, size: 14 }) : null
+      ]
+    }
+  );
+}
+function da(...a) {
+  return a.filter(Boolean).join(" ");
+}
+function q({ checked: a, defaultChecked: t = !1, onChange: r, disabled: i, label: l, size: c = "md" }) {
+  const [o, d] = y(t), h = a ?? o;
+  function p() {
+    if (i) return;
+    const u = !h;
+    a === void 0 && d(u), r?.(u);
+  }
+  return /* @__PURE__ */ n("label", { className: "ycc-toggle", children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        role: "switch",
+        "aria-checked": h,
+        disabled: i,
+        onClick: p,
+        className: da(
+          "ycc-toggle__control",
+          `ycc-toggle__control--${c}`,
+          h && "ycc-toggle__control--checked"
+        ),
+        children: /* @__PURE__ */ e("span", { className: "ycc-toggle__knob" })
+      }
+    ),
+    l ? /* @__PURE__ */ e("span", { children: l }) : null
+  ] });
+}
+function De(...a) {
+  return a.filter(Boolean).join(" ");
+}
+function H({ type: a = "text", error: t, size: r = "md", leftAddon: i, rightAddon: l, disabled: c, className: o, ...d }) {
+  return /* @__PURE__ */ n("div", { className: De("ycc-input-field", o), children: [
+    /* @__PURE__ */ n("div", { className: De("ycc-input-control", `ycc-input-control--${r}`, t && "ycc-input-control--error", c && "ycc-input-control--disabled"), children: [
+      i ? /* @__PURE__ */ e("span", { className: "ycc-input-addon", children: i }) : null,
+      /* @__PURE__ */ e("input", { className: "ycc-input", type: a, disabled: c, ...d }),
+      l ? /* @__PURE__ */ e("span", { className: "ycc-input-addon", children: l }) : null
+    ] }),
+    t ? /* @__PURE__ */ e("div", { className: "ycc-input-error", children: t }) : null
+  ] });
+}
+function ha(...a) {
+  return a.filter(Boolean).join(" ");
+}
+function ne({ options: a, placeholder: t, error: r, size: i = "md", ...l }) {
+  return /* @__PURE__ */ n("div", { className: "ycc-select-field", children: [
+    /* @__PURE__ */ n("select", { className: ha("ycc-select", `ycc-select--${i}`, r && "ycc-select--error"), ...l, children: [
+      t ? /* @__PURE__ */ e("option", { value: "", children: t }) : null,
+      a.map((c) => /* @__PURE__ */ e("option", { value: c.value, children: c.label }, c.value))
+    ] }),
+    /* @__PURE__ */ e(s, { name: "ChevronDown", size: 14, className: "ycc-select-icon" }),
+    r ? /* @__PURE__ */ e("div", { className: "ycc-select-error", children: r }) : null
+  ] });
+}
+function Le(...a) {
+  return a.filter(Boolean).join(" ");
+}
+function se({ checked: a, defaultChecked: t, indeterminate: r, onChange: i, label: l, disabled: c }) {
+  return /* @__PURE__ */ n("label", { className: Le("ycc-checkbox", c && "ycc-checkbox--disabled"), children: [
+    /* @__PURE__ */ e("input", { className: "ycc-checkbox__input", type: "checkbox", checked: a, defaultChecked: t, disabled: c, onChange: i }),
+    /* @__PURE__ */ e("span", { className: Le("ycc-checkbox__box", a && "ycc-checkbox__box--checked", r && "ycc-checkbox__box--indeterminate") }),
+    l ? /* @__PURE__ */ e("span", { children: l }) : null
+  ] });
+}
+function ua(...a) {
+  return a.filter(Boolean).join(" ");
+}
+function me({ error: a, rows: t = 4, resize: r = "vertical", ...i }) {
+  return /* @__PURE__ */ n("div", { className: "ycc-textarea-field", children: [
+    /* @__PURE__ */ e("textarea", { className: ua("ycc-textarea", `ycc-textarea--${r}`, a && "ycc-textarea--error"), rows: t, ...i }),
+    a ? /* @__PURE__ */ e("div", { className: "ycc-textarea-error", children: a }) : null
+  ] });
+}
+function fe({ label: a, required: t, helper: r, error: i, children: l }) {
+  return /* @__PURE__ */ n("div", { className: "ycc-form-group", children: [
+    a ? /* @__PURE__ */ n("label", { className: "ycc-form-group__label", children: [
+      a,
+      " ",
+      t ? /* @__PURE__ */ e("span", { className: "ycc-form-group__required", children: "*" }) : null
+    ] }) : null,
+    l,
+    i ? /* @__PURE__ */ e("div", { className: "ycc-form-group__error", children: i }) : r ? /* @__PURE__ */ e("div", { className: "ycc-form-group__helper", children: r }) : null
+  ] });
+}
+function pa(a) {
+  return a.trim().toLowerCase().replace(/\s+/g, "-");
+}
+function oe({ label: a, variant: t, size: r = "sm" }) {
+  const i = pa(t);
+  return /* @__PURE__ */ e("span", { className: `ycc-badge ycc-badge--${r} ycc-badge--${i || "fallback"}`, children: a });
+}
+function ma(a) {
+  return a.trim().split(/\s+/).filter(Boolean).slice(0, 2).map((t) => t.charAt(0).toUpperCase()).join("");
+}
+function le({ src: a, name: t, size: r = "md", status: i }) {
+  return /* @__PURE__ */ n("span", { className: `ycc-avatar ycc-avatar--${r}`, "aria-label": t, children: [
+    a ? /* @__PURE__ */ e("img", { className: "ycc-avatar__image", src: a, alt: t }) : ma(t),
+    i ? /* @__PURE__ */ e("span", { className: `ycc-avatar__status ycc-avatar__status--${i}` }) : null
+  ] });
+}
+function Q({ label: a, onRemove: t, color: r, size: i = "sm" }) {
+  return /* @__PURE__ */ n("span", { className: `ycc-tag ycc-tag--${i}`, style: r ? { color: r, borderColor: r } : void 0, children: [
+    a,
+    t ? /* @__PURE__ */ e("button", { type: "button", className: "ycc-tag__remove", onClick: t, "aria-label": `Remove ${a}`, children: "×" }) : null
+  ] });
+}
+function We(...a) {
+  return a.filter(Boolean).join(" ");
+}
+function ge({ children: a, className: t, padding: r = "md", shadow: i }) {
+  return /* @__PURE__ */ e("section", { className: We("ycc-card", `ycc-card--padding-${r}`, i && "ycc-card--shadow", t), children: a });
+}
+function Se({ title: a, subtitle: t, actions: r, icon: i }) {
+  return /* @__PURE__ */ n("div", { className: "ycc-card-header", children: [
+    /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ n("div", { className: "ycc-card-header__title-row", children: [
+        i ? /* @__PURE__ */ e(s, { name: i, size: 15, className: "ycc-card-header__icon" }) : null,
+        /* @__PURE__ */ e("h3", { className: "ycc-card-header__title", children: a })
+      ] }),
+      t ? /* @__PURE__ */ e("p", { className: "ycc-card-header__subtitle", children: t }) : null
+    ] }),
+    r
+  ] });
+}
+function Lt({ children: a, className: t }) {
+  return /* @__PURE__ */ e("div", { className: We("ycc-card-body", t), children: a });
+}
+function Ge({ children: a, align: t = "right" }) {
+  return /* @__PURE__ */ e("div", { className: `ycc-card-footer ycc-card-footer--${t}`, children: a });
+}
+function V({ title: a, value: t, change: r, icon: i, iconColor: l, trend: c = "flat", subtitle: o, loading: d }) {
+  const h = r === void 0 || c === "flat" ? "flat" : r >= 0 ? "positive" : "negative", p = c === "down" ? "ArrowRight" : "TrendingUp";
+  return /* @__PURE__ */ n("article", { className: "ycc-stat-card", children: [
+    /* @__PURE__ */ n("div", { className: "ycc-stat-card__top", children: [
+      /* @__PURE__ */ e("div", { className: "ycc-stat-card__title", children: a }),
+      i ? /* @__PURE__ */ e(s, { name: i, size: 18, className: "ycc-stat-card__icon", color: l }) : null
+    ] }),
+    /* @__PURE__ */ e("div", { className: "ycc-stat-card__value", children: d ? /* @__PURE__ */ e("span", { className: "ycc-stat-card__skeleton" }) : t }),
+    /* @__PURE__ */ n("div", { className: "ycc-stat-card__meta", children: [
+      !d && r !== void 0 ? /* @__PURE__ */ n("span", { className: `ycc-stat-card__change ycc-stat-card__change--${h}`, children: [
+        c !== "flat" ? /* @__PURE__ */ e(s, { name: p, size: 12 }) : null,
+        r > 0 ? "+" : "",
+        r,
+        "%"
+      ] }) : null,
+      o ? /* @__PURE__ */ e("span", { children: o }) : null
+    ] })
+  ] });
+}
+function Ke({ message: a, variant: t = "info", title: r, onDismiss: i, action: l }) {
+  return /* @__PURE__ */ n("div", { className: `ycc-banner ycc-banner--${t}`, children: [
+    /* @__PURE__ */ n("span", { className: "ycc-banner__content", children: [
+      r ? /* @__PURE__ */ e("strong", { className: "ycc-banner__title", children: r }) : null,
+      /* @__PURE__ */ e("span", { children: a })
+    ] }),
+    /* @__PURE__ */ n("span", { className: "ycc-banner__actions", children: [
+      l ? /* @__PURE__ */ e("button", { type: "button", className: "ycc-banner__action", onClick: l.onClick, children: l.label }) : null,
+      i ? /* @__PURE__ */ e("button", { type: "button", onClick: i, "aria-label": "Dismiss banner", children: /* @__PURE__ */ e(s, { name: "XCircle", size: 16 }) }) : null
+    ] })
+  ] });
+}
+function de(a) {
+  return typeof a == "string" || typeof a == "number" ? String(a) : "";
+}
+function ze(...a) {
+  return a.filter(Boolean).join(" ");
+}
+function Ue({
+  columns: a,
+  data: t,
+  loading: r,
+  searchable: i,
+  searchPlaceholder: l = "Search...",
+  striped: c,
+  clickableRows: o,
+  onRowClick: d,
+  emptyMessage: h = "No records found",
+  className: p
+}) {
+  const [u, m] = y(""), [k, M] = y(null), z = ie(() => {
+    const f = u.toLowerCase(), O = f ? t.filter((g) => Object.values(g).some((A) => de(A).toLowerCase().includes(f))) : t;
+    return k ? [...O].sort((g, A) => {
+      const B = de(g[k.key]), G = de(A[k.key]);
+      return k.direction === "asc" ? B.localeCompare(G, void 0, { numeric: !0 }) : G.localeCompare(B, void 0, { numeric: !0 });
+    }) : O;
+  }, [t, u, k]);
+  function Z(f) {
+    f.sortable && M((O) => O?.key === f.key && O.direction === "asc" ? { key: f.key, direction: "desc" } : { key: f.key, direction: "asc" });
+  }
+  return /* @__PURE__ */ n("div", { className: ze("ycc-table-wrap", p), children: [
+    i ? /* @__PURE__ */ e("div", { className: "ycc-table-toolbar", children: /* @__PURE__ */ e(H, { value: u, onChange: (f) => m(f.target.value), placeholder: l, leftAddon: /* @__PURE__ */ e(s, { name: "Search", size: 14 }) }) }) : null,
+    /* @__PURE__ */ e("div", { className: "ycc-table-scroll", children: /* @__PURE__ */ n("table", { className: ze("ycc-table", c && "ycc-table--striped", o && "ycc-table--clickable"), children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: a.map((f) => /* @__PURE__ */ e("th", { style: { width: f.width }, children: f.sortable ? /* @__PURE__ */ n("button", { type: "button", className: "ycc-table-sort", onClick: () => Z(f), children: [
+        f.header,
+        /* @__PURE__ */ e(s, { name: "ChevronDown", size: 12 })
+      ] }) : f.header }, String(f.key))) }) }),
+      /* @__PURE__ */ e("tbody", { children: r ? Array.from({ length: 5 }, (f, O) => /* @__PURE__ */ e("tr", { children: a.map((g) => /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: "ycc-table-skeleton" }) }, String(g.key))) }, O)) : z.length ? z.map((f, O) => /* @__PURE__ */ e("tr", { onClick: () => d?.(f), children: a.map((g) => {
+        const A = f[g.key];
+        return /* @__PURE__ */ e("td", { children: g.render ? g.render(A, f) : de(A) }, String(g.key));
+      }) }, O)) : /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { className: "ycc-table-empty", colSpan: a.length, children: h }) }) })
+    ] }) })
+  ] });
+}
+function zt({ label: a, value: t, size: r = "md" }) {
+  return /* @__PURE__ */ n("div", { className: `ycc-kv ycc-kv--${r}`, children: [
+    /* @__PURE__ */ e("span", { className: "ycc-kv__label", children: a }),
+    /* @__PURE__ */ e("span", { className: "ycc-kv__value", children: t })
+  ] });
+}
+function Ot({ icon: a = "Inbox", title: t, message: r, action: i }) {
+  return /* @__PURE__ */ n("div", { className: "ycc-empty-state", children: [
+    /* @__PURE__ */ e("span", { className: "ycc-empty-state__icon", children: /* @__PURE__ */ e(s, { name: a, size: 24 }) }),
+    /* @__PURE__ */ e("h3", { children: t }),
+    r ? /* @__PURE__ */ e("p", { children: r }) : null,
+    i ? /* @__PURE__ */ e("div", { className: "ycc-empty-state__action", children: i }) : null
+  ] });
+}
+function ga(a, t) {
+  return Math.max(0, Math.min(a, t));
+}
+function Bt({ value: a, max: t = 100, size: r = 52, color: i = "var(--ycc-accent)", label: l }) {
+  const o = 2 * Math.PI * 18, d = t > 0 ? ga(a, t) / t : 0;
+  return /* @__PURE__ */ n("figure", { className: "ycc-donut", style: { width: r, height: r, color: i }, children: [
+    /* @__PURE__ */ n("svg", { viewBox: "0 0 44 44", "aria-label": l ?? `${Math.round(d * 100)}%`, children: [
+      /* @__PURE__ */ e("circle", { className: "ycc-donut__track", cx: "22", cy: "22", r: 18 }),
+      /* @__PURE__ */ e("circle", { className: "ycc-donut__value", cx: "22", cy: "22", r: 18, strokeDasharray: o, strokeDashoffset: o * (1 - d) })
+    ] }),
+    /* @__PURE__ */ e("figcaption", { children: l ?? `${Math.round(d * 100)}%` })
+  ] });
+}
+function ba(a, t, r) {
+  if (a.length === 0) return "";
+  const i = Math.min(...a), c = Math.max(...a) - i || 1;
+  return a.map((o, d) => {
+    const h = a.length === 1 ? t / 2 : d / (a.length - 1) * t, p = r - (o - i) / c * r;
+    return `${d === 0 ? "M" : "L"} ${h.toFixed(2)} ${p.toFixed(2)}`;
+  }).join(" ");
+}
+function Rt({ data: a, color: t = "var(--ycc-accent)", width: r = 120, height: i = 36 }) {
+  const l = { color: t };
+  return /* @__PURE__ */ e("svg", { className: "ycc-trend-spark", viewBox: `0 0 ${r} ${i}`, width: r, height: i, style: l, role: "img", "aria-label": "Trend sparkline", children: /* @__PURE__ */ e("path", { d: ba(a, r, i) }) });
+}
+function Et({ labelA: a, valueA: t, labelB: r, valueB: i, color: l = "var(--ycc-accent)" }) {
+  const c = Math.max(t + i, 1), d = { "--ycc-compare-a": `${Math.max(0, Math.min(100, t / c * 100))}%`, color: l };
+  return /* @__PURE__ */ n("div", { className: "ycc-compare-bar", style: d, children: [
+    /* @__PURE__ */ n("div", { className: "ycc-compare-bar__meta", children: [
+      /* @__PURE__ */ n("span", { children: [
+        a,
+        " ",
+        /* @__PURE__ */ e("strong", { children: t })
+      ] }),
+      /* @__PURE__ */ n("span", { children: [
+        r,
+        " ",
+        /* @__PURE__ */ e("strong", { children: i })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "ycc-compare-bar__track", children: /* @__PURE__ */ e("span", {}) })
+  ] });
+}
+function $t({ content: a, children: t, position: r = "top" }) {
+  return /* @__PURE__ */ n("span", { className: `ycc-tooltip ycc-tooltip--${r}`, children: [
+    t,
+    /* @__PURE__ */ e("span", { className: "ycc-tooltip__content", role: "tooltip", children: a })
+  ] });
+}
+function Pt({ trigger: a, children: t, position: r = "bottom" }) {
+  const [i, l] = y(!1);
+  return /* @__PURE__ */ n("span", { className: `ycc-popover ycc-popover--${r}`, children: [
+    /* @__PURE__ */ e("button", { type: "button", className: "ycc-popover__trigger", onClick: () => l((c) => !c), "aria-expanded": i, children: a }),
+    i ? /* @__PURE__ */ e("span", { className: "ycc-popover__panel", children: t }) : null
+  ] });
+}
+function It({ items: a, defaultOpen: t = [] }) {
+  const [r, i] = y(t);
+  function l(c) {
+    i((o) => o.includes(c) ? o.filter((d) => d !== c) : [...o, c]);
+  }
+  return /* @__PURE__ */ e("div", { className: "ycc-accordion", children: a.map((c) => {
+    const o = r.includes(c.id);
+    return /* @__PURE__ */ n("section", { className: "ycc-accordion__item", children: [
+      /* @__PURE__ */ n("button", { type: "button", className: "ycc-accordion__button", onClick: () => l(c.id), "aria-expanded": o, children: [
+        /* @__PURE__ */ e("span", { children: c.title }),
+        /* @__PURE__ */ e(s, { name: "ChevronDown", size: 14, className: o ? "ycc-accordion__chevron ycc-accordion__chevron--open" : "ycc-accordion__chevron" })
+      ] }),
+      o ? /* @__PURE__ */ e("div", { className: "ycc-accordion__content", children: c.content }) : null
+    ] }, c.id);
+  }) });
+}
+function ya(a) {
+  return a?.trim().toLowerCase().replace(/\s+/g, "-") || "default";
+}
+function Ht({ events: a }) {
+  return /* @__PURE__ */ e("ol", { className: "ycc-timeline", children: a.map((t, r) => /* @__PURE__ */ n("li", { className: `ycc-timeline__event ycc-timeline__event--${ya(t.variant)}`, children: [
+    /* @__PURE__ */ e("span", { className: "ycc-timeline__dot", children: t.icon ? /* @__PURE__ */ e(s, { name: t.icon, size: 12 }) : null }),
+    /* @__PURE__ */ n("div", { className: "ycc-timeline__body", children: [
+      /* @__PURE__ */ n("div", { className: "ycc-timeline__head", children: [
+        /* @__PURE__ */ e("strong", { children: t.label }),
+        /* @__PURE__ */ e("time", { children: t.timestamp })
+      ] }),
+      t.description ? /* @__PURE__ */ e("p", { children: t.description }) : null
+    ] })
+  ] }, `${t.label}-${r}`)) });
+}
+function Vt({ value: a, max: t = 100, label: r, variant: i = "default", showPercent: l }) {
+  const c = t > 0 ? Math.max(0, Math.min(100, a / t * 100)) : 0;
+  return /* @__PURE__ */ n("div", { className: `ycc-progress ycc-progress--${i}`, style: { "--ycc-progress-value": `${c}%` }, children: [
+    r || l ? /* @__PURE__ */ n("div", { className: "ycc-progress__meta", children: [
+      /* @__PURE__ */ e("span", { children: r }),
+      l ? /* @__PURE__ */ n("strong", { children: [
+        Math.round(c),
+        "%"
+      ] }) : null
+    ] }) : null,
+    /* @__PURE__ */ e("div", { className: "ycc-progress__track", children: /* @__PURE__ */ e("span", {}) })
+  ] });
+}
+function Wt({ items: a, columns: t = 2 }) {
+  return /* @__PURE__ */ e("dl", { className: "ycc-data-list", style: { "--ycc-data-list-columns": t }, children: a.map((r) => /* @__PURE__ */ n("div", { className: "ycc-data-list__item", children: [
+    /* @__PURE__ */ e("dt", { children: r.label }),
+    /* @__PURE__ */ e("dd", { children: r.value })
+  ] }, r.label)) });
+}
+function Gt({ value: a, label: t = "Copy", copiedLabel: r = "Copied" }) {
+  const [i, l] = y(!1);
+  async function c() {
+    await navigator.clipboard?.writeText(a), l(!0), window.setTimeout(() => l(!1), 1600);
+  }
+  return /* @__PURE__ */ n("button", { type: "button", className: i ? "ycc-copy-button ycc-copy-button--copied" : "ycc-copy-button", onClick: c, children: [
+    /* @__PURE__ */ e(s, { name: i ? "Check" : "Copy", size: 14 }),
+    i ? r : t
+  ] });
+}
+function va(...a) {
+  return a.filter(Boolean).join(" ");
+}
+function fa({ onFilesSelected: a, accept: t, multiple: r, maxSizeMB: i, label: l = "Drop files here or click to browse", disabled: c }) {
+  const o = Ae(null), [d, h] = y(!1), [p, u] = y([]), [m, k] = y("");
+  function M(g) {
+    if (i) {
+      const A = g.find((B) => B.size > i * 1024 * 1024);
+      if (A) return `${A.name} exceeds ${i}MB`;
+    }
+    return "";
+  }
+  function z(g) {
+    const A = M(g);
+    k(A), !A && (u(g), a(g));
+  }
+  function Z(g) {
+    z(Array.from(g.target.files ?? []));
+  }
+  function f(g) {
+    g.preventDefault(), h(!1), c || z(Array.from(g.dataTransfer.files));
+  }
+  function O(g) {
+    u((A) => A.filter((B) => B !== g));
+  }
+  return /* @__PURE__ */ n("div", { className: "ycc-file-upload", children: [
+    /* @__PURE__ */ n(
+      "label",
+      {
+        className: va("ycc-file-upload__zone", d && "ycc-file-upload__zone--drag", c && "ycc-file-upload__zone--disabled"),
+        onDragOver: (g) => {
+          g.preventDefault(), h(!0);
+        },
+        onDragLeave: () => h(!1),
+        onDrop: f,
+        onClick: () => !c && o.current?.click(),
+        children: [
+          /* @__PURE__ */ e(s, { name: "Upload", size: 18 }),
+          /* @__PURE__ */ e("span", { className: "ycc-file-upload__label", children: l }),
+          /* @__PURE__ */ n("span", { className: "ycc-file-upload__hint", children: [
+            t ?? "Any file",
+            i ? ` · max ${i}MB` : ""
+          ] }),
+          /* @__PURE__ */ e("input", { ref: o, className: "ycc-file-upload__input", type: "file", accept: t, multiple: r, disabled: c, onChange: Z })
+        ]
+      }
+    ),
+    m ? /* @__PURE__ */ e("div", { className: "ycc-file-upload__error", children: m }) : null,
+    /* @__PURE__ */ e("div", { className: "ycc-file-upload__files", children: p.map((g) => /* @__PURE__ */ e(Q, { label: g.name, onRemove: () => O(g) }, `${g.name}-${g.size}`)) })
+  ] });
+}
+function Kt({ onScan: a, placeholder: t = "Scan or type barcode...", active: r }) {
+  const [i, l] = y("");
+  function c(o) {
+    o.key !== "Enter" || !i.trim() || (a(i.trim()), l(""));
+  }
+  return /* @__PURE__ */ n("label", { className: r ? "ycc-scan-zone ycc-scan-zone--active" : "ycc-scan-zone", children: [
+    /* @__PURE__ */ e(s, { name: "Barcode", size: 24 }),
+    /* @__PURE__ */ e("span", { className: "ycc-scan-zone__text", children: "Scanner ready" }),
+    /* @__PURE__ */ e("input", { value: i, onChange: (o) => l(o.target.value), onKeyDown: c, placeholder: t })
+  ] });
+}
+function xa({ name: a, value: t, checked: r, defaultChecked: i, onChange: l, label: c, disabled: o }) {
+  return /* @__PURE__ */ n("label", { className: o ? "ycc-radio ycc-radio--disabled" : "ycc-radio", children: [
+    /* @__PURE__ */ e("input", { className: "ycc-radio__input", type: "radio", name: a, value: t, checked: r, defaultChecked: i, disabled: o, onChange: l }),
+    /* @__PURE__ */ e("span", { className: "ycc-radio__control" }),
+    c ? /* @__PURE__ */ e("span", { children: c }) : null
+  ] });
+}
+function Ut({ name: a, options: t, value: r, defaultValue: i, onChange: l, direction: c = "column", disabled: o }) {
+  function d(h) {
+    l?.(h.target.value);
+  }
+  return /* @__PURE__ */ e("div", { className: `ycc-radio-group ycc-radio-group--${c}`, role: "radiogroup", children: t.map((h) => /* @__PURE__ */ e(
+    xa,
+    {
+      name: a,
+      value: h.value,
+      label: h.label,
+      checked: r === void 0 ? void 0 : r === h.value,
+      defaultChecked: r === void 0 ? i === h.value : void 0,
+      disabled: o || h.disabled,
+      onChange: d
+    },
+    h.value
+  )) });
+}
+function jt({ error: a, size: t = "md", disabled: r, ...i }) {
+  return /* @__PURE__ */ n("div", { className: "ycc-date-input-field", children: [
+    /* @__PURE__ */ n("div", { className: `ycc-date-input-control ycc-date-input-control--${t}${a ? " ycc-date-input-control--error" : ""}${r ? " ycc-date-input-control--disabled" : ""}`, children: [
+      /* @__PURE__ */ e(s, { name: "Calendar", size: 14 }),
+      /* @__PURE__ */ e("input", { className: "ycc-date-input", type: "date", disabled: r, ...i })
+    ] }),
+    a ? /* @__PURE__ */ e("div", { className: "ycc-date-input-error", children: a }) : null
+  ] });
+}
+function qt({ value: a, defaultValue: t, onChange: r, onClear: i, placeholder: l = "Search...", disabled: c, size: o = "md" }) {
+  const d = !!(a || t);
+  return /* @__PURE__ */ n("div", { className: `ycc-search-input ycc-search-input--${o}${c ? " ycc-search-input--disabled" : ""}`, children: [
+    /* @__PURE__ */ e(s, { name: "Search", size: 14 }),
+    /* @__PURE__ */ e("input", { value: a, defaultValue: t, onChange: r, placeholder: l, disabled: c, type: "search" }),
+    i && d ? /* @__PURE__ */ e("button", { type: "button", onClick: i, "aria-label": "Clear search", children: /* @__PURE__ */ e(s, { name: "XCircle", size: 14 }) }) : null
+  ] });
+}
+const je = Ve(null);
+function Ca(a) {
+  const t = typeof a == "string" ? { message: a } : a;
+  return { message: t.message, duration: t.duration ?? 4e3, position: t.position ?? "top-right" };
+}
+function ka({ children: a }) {
+  const [t, r] = y([]), i = Ae(/* @__PURE__ */ new Map()), l = Fe((h) => {
+    window.clearTimeout(i.current.get(h)), i.current.delete(h), r((p) => p.filter((u) => u.id !== h));
+  }, []), c = Fe((h, p) => {
+    const u = Date.now() + Math.random(), m = { ...Ca(p), id: u, variant: h };
+    r((k) => [...k.slice(-4), m]), i.current.set(u, window.setTimeout(() => l(u), m.duration));
+  }, [l]), o = ie(() => ({
+    success: (h) => c("success", h),
+    error: (h) => c("error", h),
+    warning: (h) => c("warning", h),
+    info: (h) => c("info", h)
+  }), [c]), d = t.reduce((h, p) => (h[p.position].push(p), h), { "top-right": [], "top-left": [], "bottom-right": [], "bottom-left": [] });
+  return /* @__PURE__ */ n(je.Provider, { value: o, children: [
+    a,
+    Object.keys(d).map((h) => d[h].length ? /* @__PURE__ */ e("div", { className: `ycc-toast-viewport ycc-toast-viewport--${h}`, children: d[h].map((p) => /* @__PURE__ */ n(
+      "div",
+      {
+        className: `ycc-toast ycc-toast--${p.variant}`,
+        onMouseEnter: () => window.clearTimeout(i.current.get(p.id)),
+        onMouseLeave: () => i.current.set(p.id, window.setTimeout(() => l(p.id), p.duration)),
+        children: [
+          /* @__PURE__ */ e(s, { name: p.variant === "success" ? "CheckCircle2" : p.variant === "warning" ? "AlertTriangle" : p.variant === "error" ? "XCircle" : "HelpCircle", size: 18 }),
+          /* @__PURE__ */ e("span", { className: "ycc-toast__message", children: p.message }),
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => l(p.id), "aria-label": "Dismiss toast", children: /* @__PURE__ */ e(s, { name: "XCircle", size: 16 }) })
+        ]
+      },
+      p.id
+    )) }, h) : null)
+  ] });
+}
+function wa() {
+  const a = _e(je);
+  if (!a) throw new Error("useToast must be used inside ToastProvider");
+  return a;
+}
+function qe({ open: a, onClose: t, title: r, size: i = "md", children: l, footer: c, closeOnOverlay: o = !0, closeOnEscape: d = !0 }) {
+  const h = Ae(null);
+  na(() => {
+    if (!a || !d) return;
+    const u = (m) => {
+      m.key === "Escape" && t();
+    };
+    return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
+  }, [d, t, a]);
+  function p(u) {
+    if (u.key !== "Tab") return;
+    const m = h.current?.querySelectorAll('a[href], button:not([disabled]), textarea, input, select, [tabindex]:not([tabindex="-1"])');
+    if (!m?.length) return;
+    const k = m[0], M = m[m.length - 1];
+    u.shiftKey && document.activeElement === k ? (u.preventDefault(), M.focus()) : !u.shiftKey && document.activeElement === M && (u.preventDefault(), k.focus());
+  }
+  return a ? /* @__PURE__ */ e("div", { className: "ycc-modal-overlay", onMouseDown: () => o && t(), children: /* @__PURE__ */ n("div", { ref: h, role: "dialog", "aria-modal": "true", className: `ycc-modal ycc-modal--${i}`, onMouseDown: (u) => u.stopPropagation(), onKeyDown: p, children: [
+    /* @__PURE__ */ n("div", { className: "ycc-modal__header", children: [
+      /* @__PURE__ */ e("h2", { className: "ycc-modal__title", children: r }),
+      /* @__PURE__ */ e("button", { type: "button", onClick: t, "aria-label": "Close modal", children: /* @__PURE__ */ e(s, { name: "XCircle", size: 18 }) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "ycc-modal__body", children: l }),
+    c ? /* @__PURE__ */ e("div", { className: "ycc-modal__footer", children: c }) : null
+  ] }) }) : null;
+}
+const Na = {
+  info: "HelpCircle",
+  success: "CheckCircle2",
+  warning: "AlertTriangle",
+  danger: "XCircle"
+};
+function Aa({ variant: a, title: t, message: r, onDismiss: i }) {
+  return /* @__PURE__ */ n("div", { className: `ycc-alert ycc-alert--${a}`, children: [
+    /* @__PURE__ */ e(s, { name: Na[a], size: 18, className: "ycc-alert__icon" }),
+    /* @__PURE__ */ n("div", { className: "ycc-alert__body", children: [
+      t ? /* @__PURE__ */ e("div", { className: "ycc-alert__title", children: t }) : null,
+      /* @__PURE__ */ e("div", { className: "ycc-alert__message", children: r })
+    ] }),
+    i ? /* @__PURE__ */ e("button", { type: "button", className: "ycc-alert__dismiss", onClick: i, "aria-label": "Dismiss alert", children: /* @__PURE__ */ e(s, { name: "XCircle", size: 16 }) }) : null
+  ] });
+}
+function _a({ size: a = "md", color: t, label: r = "Loading" }) {
+  return /* @__PURE__ */ e("svg", { className: `ycc-spinner ycc-spinner--${a}`, viewBox: "0 0 24 24", fill: "none", style: { color: t }, "aria-label": r, children: /* @__PURE__ */ e("circle", { className: "ycc-spinner__circle", cx: "12", cy: "12", r: "9", strokeWidth: "3" }) });
+}
+function Yt({ open: a, onClose: t, position: r = "right", size: i = "md", title: l, children: c }) {
+  return a ? /* @__PURE__ */ n("div", { className: "ycc-drawer-overlay", children: [
+    /* @__PURE__ */ e("button", { type: "button", className: "ycc-drawer-backdrop", "aria-label": "Close drawer", onClick: t }),
+    /* @__PURE__ */ n("aside", { className: `ycc-drawer ycc-drawer--${r} ycc-drawer--${i}`, children: [
+      /* @__PURE__ */ n("header", { className: "ycc-drawer__header", children: [
+        /* @__PURE__ */ e("h2", { children: l }),
+        /* @__PURE__ */ e("button", { type: "button", onClick: t, "aria-label": "Close drawer", children: /* @__PURE__ */ e(s, { name: "XCircle", size: 18 }) })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "ycc-drawer__body", children: c })
+    ] })
+  ] }) : null;
+}
+function Jt({ width: a = "100%", height: t = "var(--ycc-space-4)", radius: r = "md" }) {
+  return /* @__PURE__ */ e("span", { className: `ycc-skeleton ycc-skeleton--${r}`, style: { width: a, height: t } });
+}
+function Qt({
+  open: a,
+  onClose: t,
+  onConfirm: r,
+  title: i = "Confirm action",
+  message: l,
+  confirmLabel: c = "Confirm",
+  cancelLabel: o = "Cancel",
+  danger: d
+}) {
+  return /* @__PURE__ */ e(
+    qe,
+    {
+      open: a,
+      onClose: t,
+      title: i,
+      size: "sm",
+      footer: /* @__PURE__ */ n(ce, { children: [
+        /* @__PURE__ */ e(N, { variant: "ghost", onClick: t, children: o }),
+        /* @__PURE__ */ e(N, { variant: d ? "danger" : "primary", onClick: r, children: c })
+      ] }),
+      children: /* @__PURE__ */ e("div", { className: "ycc-confirm-dialog__message", children: l })
+    }
+  );
+}
+const Me = Ve({
+  activePage: "",
+  setActivePage: (a) => {
+  },
+  collapsed: !1
+});
+function Te(...a) {
+  return a.filter(Boolean).join(" ");
+}
+function Ye({ children: a, activePage: t, onNavigate: r, collapsed: i = !1 }) {
+  const [l, c] = y(t ?? ""), o = ie(() => ({
+    activePage: t ?? l,
+    collapsed: i,
+    setActivePage: (d) => {
+      c(d), r?.(d);
+    }
+  }), [t, i, l, r]);
+  return /* @__PURE__ */ e(Me.Provider, { value: o, children: /* @__PURE__ */ e("nav", { className: Te("ycc-nav", i && "ycc-nav--collapsed"), children: a }) });
+}
+function X({ label: a, icon: t, defaultExpanded: r = !0, children: i }) {
+  const [l, c] = y(r), { collapsed: o } = _e(Me);
+  return /* @__PURE__ */ n("div", { className: "ycc-nav-group", children: [
+    /* @__PURE__ */ n("button", { type: "button", className: "ycc-nav-group__button", onClick: () => c((d) => !d), title: o ? a : void 0, children: [
+      t ? /* @__PURE__ */ e(s, { name: t, size: 14 }) : null,
+      /* @__PURE__ */ e("span", { className: "ycc-nav-group__label", children: a }),
+      /* @__PURE__ */ e(s, { name: "ChevronDown", size: 12, className: Te("ycc-nav-group__chevron", l && "ycc-nav-group__chevron--expanded") })
+    ] }),
+    l || o ? /* @__PURE__ */ e("div", { className: "ycc-nav-group__items", children: i }) : null
+  ] });
+}
+function L({ id: a, label: t, icon: r, badge: i, href: l, onClick: c }) {
+  const { activePage: o, setActivePage: d, collapsed: h } = _e(Me), u = Te("ycc-nav-item", o === a && "ycc-nav-item--active"), m = /* @__PURE__ */ n(ce, { children: [
+    r ? /* @__PURE__ */ e(s, { name: r, size: 16 }) : null,
+    /* @__PURE__ */ e("span", { className: "ycc-nav-item__label", children: t }),
+    i !== void 0 ? /* @__PURE__ */ e("span", { className: "ycc-nav-item__badge", children: /* @__PURE__ */ e(oe, { label: String(i), variant: "info" }) }) : null
+  ] });
+  function k() {
+    d(a), c?.();
+  }
+  return l ? /* @__PURE__ */ e("a", { href: l, className: u, title: h ? t : void 0, onClick: k, children: m }) : /* @__PURE__ */ e("button", { type: "button", className: u, title: h ? t : void 0, onClick: k, children: m });
+}
+function Je({ items: a, separator: t = "/" }) {
+  return /* @__PURE__ */ e("nav", { className: "ycc-breadcrumb", "aria-label": "Breadcrumb", children: a.map((r, i) => {
+    const l = i === a.length - 1;
+    return /* @__PURE__ */ n("span", { className: "ycc-breadcrumb__item", children: [
+      i > 0 ? /* @__PURE__ */ e("span", { className: "ycc-breadcrumb__separator", children: t }) : null,
+      l ? /* @__PURE__ */ e("span", { className: "ycc-breadcrumb__current", children: r.label }) : r.href ? /* @__PURE__ */ e("a", { className: "ycc-breadcrumb__link", href: r.href, children: r.label }) : /* @__PURE__ */ e("button", { type: "button", className: "ycc-breadcrumb__link", onClick: r.onClick, children: r.label })
+    ] }, `${r.label}-${i}`);
+  }) });
+}
+function Xt({ steps: a, currentStep: t }) {
+  return /* @__PURE__ */ e("ol", { className: "ycc-stepper", children: a.map((r, i) => {
+    const l = i < t ? "complete" : i === t ? "active" : "pending";
+    return /* @__PURE__ */ n("li", { className: `ycc-stepper__step ycc-stepper__step--${l}`, children: [
+      /* @__PURE__ */ e("span", { className: "ycc-stepper__marker", children: i + 1 }),
+      /* @__PURE__ */ n("span", { className: "ycc-stepper__text", children: [
+        /* @__PURE__ */ e("strong", { children: r.label }),
+        r.description ? /* @__PURE__ */ e("small", { children: r.description }) : null
+      ] })
+    ] }, `${r.label}-${i}`);
+  }) });
+}
+function Zt({ tabs: a, activeTab: t, onChange: r, children: i }) {
+  return /* @__PURE__ */ n("div", { className: "ycc-tabs", children: [
+    /* @__PURE__ */ e("div", { className: "ycc-tabs__list", role: "tablist", children: a.map((l) => /* @__PURE__ */ n("button", { type: "button", role: "tab", "aria-selected": t === l.id, className: t === l.id ? "ycc-tabs__tab ycc-tabs__tab--active" : "ycc-tabs__tab", onClick: () => r(l.id), children: [
+      l.icon ? /* @__PURE__ */ e(s, { name: l.icon, size: 14 }) : null,
+      l.label
+    ] }, l.id)) }),
+    i ? /* @__PURE__ */ e("div", { className: "ycc-tabs__panel", children: i }) : null
+  ] });
+}
+function en({ items: a, trigger: t }) {
+  const [r, i] = y(!1);
+  return /* @__PURE__ */ n("span", { className: "ycc-context-menu", onContextMenu: (l) => {
+    l.preventDefault(), i(!0);
+  }, children: [
+    /* @__PURE__ */ e("button", { type: "button", className: "ycc-context-menu__trigger", onClick: () => i((l) => !l), "aria-expanded": r, children: t }),
+    r ? /* @__PURE__ */ e("span", { className: "ycc-context-menu__panel", role: "menu", children: a.map((l) => /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        role: "menuitem",
+        disabled: l.disabled,
+        className: l.danger ? "ycc-context-menu__item ycc-context-menu__item--danger" : "ycc-context-menu__item",
+        onClick: () => {
+          l.disabled || (l.onClick(), i(!1));
+        },
+        children: [
+          l.icon ? /* @__PURE__ */ e(s, { name: l.icon, size: 14 }) : null,
+          l.label
+        ]
+      },
+      l.label
+    )) }) : null
+  ] });
+}
+function Sa(a, t) {
+  return Array.from({ length: Math.max(t - a + 1, 0) }, (r, i) => a + i);
+}
+function an({ page: a, totalPages: t, onChange: r, siblingCount: i = 1 }) {
+  const l = Math.max(1, a - i), c = Math.min(t, a + i), o = Sa(l, c);
+  return /* @__PURE__ */ n("nav", { className: "ycc-pagination", "aria-label": "Pagination", children: [
+    /* @__PURE__ */ e("button", { type: "button", disabled: a <= 1, onClick: () => r(a - 1), "aria-label": "Previous page", children: /* @__PURE__ */ e(s, { name: "ArrowLeft", size: 14 }) }),
+    l > 1 ? /* @__PURE__ */ e("button", { type: "button", onClick: () => r(1), children: "1" }) : null,
+    l > 2 ? /* @__PURE__ */ e("span", { children: "..." }) : null,
+    o.map((d) => /* @__PURE__ */ e("button", { type: "button", "aria-current": d === a ? "page" : void 0, className: d === a ? "ycc-pagination__page--active" : void 0, onClick: () => r(d), children: d }, d)),
+    c < t - 1 ? /* @__PURE__ */ e("span", { children: "..." }) : null,
+    c < t ? /* @__PURE__ */ e("button", { type: "button", onClick: () => r(t), children: t }) : null,
+    /* @__PURE__ */ e("button", { type: "button", disabled: a >= t, onClick: () => r(a + 1), "aria-label": "Next page", children: /* @__PURE__ */ e(s, { name: "ArrowRight", size: 14 }) })
+  ] });
+}
+function Ma({ collapsed: a, onToggle: t, logo: r, children: i }) {
+  return /* @__PURE__ */ n("aside", { className: `ycc-sidebar${a ? " ycc-sidebar--collapsed" : ""}`, children: [
+    /* @__PURE__ */ e("div", { className: "ycc-sidebar__logo", children: r ?? (a ? "Y" : "Your Cargo Contact") }),
+    /* @__PURE__ */ e("div", { className: "ycc-sidebar__body", children: i }),
+    t ? /* @__PURE__ */ e("button", { type: "button", className: "ycc-sidebar__toggle", onClick: t, "aria-label": "Toggle sidebar", children: /* @__PURE__ */ e(s, { name: a ? "ChevronRight" : "ArrowLeft", size: 16 }) }) : null
+  ] });
+}
+function Ta({ onMenuToggle: a, title: t, user: r, notificationCount: i, onNotificationClick: l, onLogout: c }) {
+  const [o, d] = y(!1);
+  return /* @__PURE__ */ n("header", { className: "ycc-header", children: [
+    /* @__PURE__ */ n("div", { className: "ycc-header__left", children: [
+      /* @__PURE__ */ e("button", { type: "button", className: "ycc-header__icon-button", onClick: a, "aria-label": "Toggle menu", children: /* @__PURE__ */ e(s, { name: "Menu", size: 18 }) }),
+      t ? /* @__PURE__ */ e("h1", { className: "ycc-header__title", children: t }) : null
+    ] }),
+    /* @__PURE__ */ e("div", { className: "ycc-header__search", children: /* @__PURE__ */ e(H, { placeholder: "Search...", leftAddon: /* @__PURE__ */ e(s, { name: "Search", size: 14 }) }) }),
+    /* @__PURE__ */ n("div", { className: "ycc-header__right", children: [
+      /* @__PURE__ */ e(ne, { size: "sm", defaultValue: "en", options: [{ value: "en", label: "EN" }, { value: "nl", label: "NL" }] }),
+      /* @__PURE__ */ n("button", { type: "button", className: "ycc-header__icon-button", onClick: l, "aria-label": "Notifications", children: [
+        /* @__PURE__ */ e(s, { name: "Bell", size: 17 }),
+        i ? /* @__PURE__ */ e("span", { className: "ycc-header__counter", children: /* @__PURE__ */ e(oe, { label: String(i), variant: "info" }) }) : null
+      ] }),
+      r ? /* @__PURE__ */ n("div", { className: "ycc-header__user", children: [
+        /* @__PURE__ */ n("button", { type: "button", className: "ycc-header__user-button", onClick: () => d((h) => !h), children: [
+          /* @__PURE__ */ e(le, { name: r.name, src: r.avatar }),
+          /* @__PURE__ */ n("span", { className: "ycc-header__user-text", children: [
+            /* @__PURE__ */ e("span", { className: "ycc-header__user-name", children: r.name }),
+            /* @__PURE__ */ e("span", { className: "ycc-header__user-role", children: r.role })
+          ] })
+        ] }),
+        o ? /* @__PURE__ */ e("div", { className: "ycc-header__dropdown", children: /* @__PURE__ */ e(ge, { shadow: !0, padding: "sm", children: /* @__PURE__ */ e(N, { variant: "ghost", size: "sm", leftIcon: "Power", onClick: c, children: "Logout" }) }) }) : null
+      ] }) : null
+    ] })
+  ] });
+}
+function Fa({ copyright: a = `© ${(/* @__PURE__ */ new Date()).getFullYear()} Your Cargo Contact`, links: t = [] }) {
+  return /* @__PURE__ */ n("footer", { className: "ycc-footer", children: [
+    /* @__PURE__ */ e("span", { children: a }),
+    /* @__PURE__ */ e("span", { className: "ycc-footer__links", children: t.map((r) => /* @__PURE__ */ e("a", { href: r.href, children: r.label }, r.href)) })
+  ] });
+}
+function Da(a, t) {
+  return ra(a) ? ia(a, { collapsed: t }) : a;
+}
+function La({
+  nav: a,
+  user: t,
+  notificationCount: r,
+  onNotificationClick: i,
+  onLogout: l,
+  children: c,
+  defaultCollapsed: o = !1
+}) {
+  const [d, h] = y(o), [p, u] = y(!1), k = { "--ycc-shell-offset": d ? "calc(var(--ycc-space-8) * 2)" : "var(--ycc-sidebar-width)" }, M = () => {
+    if (window.matchMedia("(max-width: 640px)").matches) {
+      u((z) => !z);
+      return;
+    }
+    h((z) => !z);
+  };
+  return /* @__PURE__ */ n("div", { className: "ycc-page", style: k, children: [
+    /* @__PURE__ */ e("div", { className: `ycc-page__sidebar${p ? " ycc-page__sidebar--open" : ""}`, children: /* @__PURE__ */ e(Ma, { collapsed: d, onToggle: () => h((z) => !z), children: Da(a, d) }) }),
+    p ? /* @__PURE__ */ e("button", { type: "button", className: "ycc-page__backdrop", "aria-label": "Close menu", onClick: () => u(!1) }) : null,
+    /* @__PURE__ */ e(
+      Ta,
+      {
+        onMenuToggle: M,
+        user: t,
+        notificationCount: r,
+        onNotificationClick: i,
+        onLogout: l
+      }
+    ),
+    /* @__PURE__ */ n("div", { className: "ycc-page__content", children: [
+      /* @__PURE__ */ e("main", { className: "ycc-page__main", children: c }),
+      /* @__PURE__ */ e(Fa, {})
+    ] })
+  ] });
+}
+const za = {
+  sm: "var(--ycc-breakpoint-sm)",
+  md: "768px",
+  lg: "var(--ycc-breakpoint-lg)",
+  xl: "1280px",
+  full: "100%"
+};
+function tn({ children: a, maxWidth: t = "lg", className: r }) {
+  const i = {
+    width: "100%",
+    maxWidth: za[t],
+    margin: "0 auto"
+  };
+  return /* @__PURE__ */ e("div", { className: r ? `ycc-container ${r}` : "ycc-container", style: i, children: a });
+}
+const Oa = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  stretch: "stretch"
+};
+function $({ children: a, gap: t = 3, align: r = "stretch" }) {
+  const i = {
+    "--ycc-grid-gap": `calc(var(--ycc-space-1) * ${t})`,
+    alignItems: Oa[r]
+  };
+  return /* @__PURE__ */ e("div", { className: "ycc-row", style: i, children: a });
+}
+function nn({ children: a, span: t = 12, sm: r, lg: i }) {
+  return /* @__PURE__ */ e("div", { className: "ycc-col", style: {
+    "--ycc-col-span": t,
+    "--ycc-col-sm": r ?? t,
+    "--ycc-col-lg": i ?? r ?? t
+  }, children: a });
+}
+function rn({ title: a, subtitle: t, actions: r }) {
+  return /* @__PURE__ */ n("header", { className: "ycc-page-header", children: [
+    /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ e("h1", { children: a }),
+      t ? /* @__PURE__ */ e("p", { children: t }) : null
+    ] }),
+    r ? /* @__PURE__ */ e("div", { className: "ycc-page-header__actions", children: r }) : null
+  ] });
+}
+function ln({ label: a, spacing: t = "md" }) {
+  return a ? /* @__PURE__ */ e("div", { className: `ycc-divider ycc-divider--${t}`, children: /* @__PURE__ */ e("span", { children: a }) }) : /* @__PURE__ */ e("hr", { className: `ycc-divider ycc-divider--${t}` });
+}
+function cn({ children: a, cols: t = 2, gap: r = 3, className: i }) {
+  const l = {
+    "--ycc-grid-cols": t,
+    "--ycc-grid-gap": `calc(var(--ycc-space-1) * ${r})`
+  };
+  return /* @__PURE__ */ e("div", { className: i ? `ycc-grid ${i}` : "ycc-grid", style: l, children: a });
+}
+const Ba = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  stretch: "stretch"
+};
+function on({ children: a, gap: t = 3, align: r = "stretch", className: i }) {
+  const l = {
+    "--ycc-stack-gap": `calc(var(--ycc-space-1) * ${t})`,
+    alignItems: Ba[r]
+  };
+  return /* @__PURE__ */ e("div", { className: i ? `ycc-stack ${i}` : "ycc-stack", style: l, children: a });
+}
+function sn({ size: a = 4, axis: t = "y" }) {
+  const r = { "--ycc-spacer-size": `calc(var(--ycc-space-1) * ${a})` };
+  return /* @__PURE__ */ e("span", { "aria-hidden": "true", className: `ycc-spacer ycc-spacer--${t}`, style: r });
+}
+const Ra = [
+  { name: "Omar Siddiqui", email: "omar.siddiqui@yourcargocontact.com", status: "delivered", role: "Broker", active: !0 },
+  { name: "Sara Malik", email: "sara.malik@yourcargocontact.com", status: "pending", role: "Agent", active: !1 },
+  { name: "Hassan Qureshi", email: "hassan.qureshi@yourcargocontact.com", status: "transit", role: "Supervisor", active: !0 },
+  { name: "Aisha Khan", email: "aisha.khan@yourcargocontact.com", status: "cleared", role: "Analyst", active: !1 },
+  { name: "Bilal Farooq", email: "bilal.farooq@yourcargocontact.com", status: "held", role: "Manager", active: !0 },
+  { name: "Mariam Sheikh", email: "mariam.sheikh@yourcargocontact.com", status: "rejected", role: "Broker", active: !1 },
+  { name: "Khalid Rahman", email: "khalid.rahman@yourcargocontact.com", status: "delivered", role: "Agent", active: !0 },
+  { name: "Nadia Hussain", email: "nadia.hussain@yourcargocontact.com", status: "transit", role: "Supervisor", active: !1 },
+  { name: "Tariq Mehmood", email: "tariq.mehmood@yourcargocontact.com", status: "cleared", role: "Analyst", active: !0 },
+  { name: "Zara Ahmed", email: "zara.ahmed@yourcargocontact.com", status: "pending", role: "Manager", active: !1 }
+], Ea = [
+  {
+    key: "name",
+    header: "Agent",
+    render: (a, t) => /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+      /* @__PURE__ */ e(le, { name: t.name, size: "sm" }),
+      /* @__PURE__ */ e("span", { children: t.name })
+    ] })
+  },
+  { key: "email", header: "Email" },
+  {
+    key: "status",
+    header: "Status",
+    render: (a, t) => /* @__PURE__ */ e(oe, { label: t.status, variant: t.status })
+  },
+  {
+    key: "role",
+    header: "Role",
+    render: (a, t) => /* @__PURE__ */ e(Q, { label: t.role })
+  },
+  {
+    key: "active",
+    header: "Active",
+    render: (a, t) => /* @__PURE__ */ e(q, { checked: t.active, onChange: () => {
+    }, size: "sm" })
+  },
+  {
+    key: "actions",
+    header: "Actions",
+    render: () => /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+      /* @__PURE__ */ e(N, { variant: "ghost", size: "sm", children: "Edit" }),
+      /* @__PURE__ */ e(N, { variant: "danger", size: "sm", children: "Delete" })
+    ] })
+  }
+];
+function dn() {
+  return /* @__PURE__ */ n(
+    La,
+    {
+      nav: /* @__PURE__ */ n(Ye, { activePage: "airfreight", children: [
+        /* @__PURE__ */ n(X, { label: "Freight", children: [
+          /* @__PURE__ */ e(L, { id: "airfreight", label: "Air Freight", icon: "Plane" }),
+          /* @__PURE__ */ e(L, { id: "seafreight", label: "Sea Freight", icon: "Anchor" }),
+          /* @__PURE__ */ e(L, { id: "trucking", label: "Trucking", icon: "Truck" })
+        ] }),
+        /* @__PURE__ */ n(X, { label: "Customs", children: [
+          /* @__PURE__ */ e(L, { id: "customs", label: "Customs", icon: "FileCheck" }),
+          /* @__PURE__ */ e(L, { id: "bonded", label: "Bonded", icon: "Warehouse" })
+        ] }),
+        /* @__PURE__ */ n(X, { label: "Admin", children: [
+          /* @__PURE__ */ e(L, { id: "hr", label: "HR", icon: "Users" }),
+          /* @__PURE__ */ e(L, { id: "finance", label: "Finance", icon: "DollarSign" })
+        ] })
+      ] }),
+      user: { name: "Ahmed Al-Rashid", role: "Operations Manager" },
+      notificationCount: 3,
+      children: [
+        /* @__PURE__ */ e(Je, { items: [{ label: "Home" }, { label: "Dashboard" }] }),
+        /* @__PURE__ */ n($, { gap: 16, children: [
+          /* @__PURE__ */ e(V, { title: "Total Shipments", value: "1,284", change: 8.3, icon: "Package", trend: "up" }),
+          /* @__PURE__ */ e(V, { title: "Revenue", value: "$94,210", change: 12.1, icon: "DollarSign", trend: "up" }),
+          /* @__PURE__ */ e(V, { title: "Active Customers", value: "342", change: -2.4, icon: "Users", trend: "down" }),
+          /* @__PURE__ */ e(V, { title: "On-Time Delivery", value: "97.2%", change: 0.8, icon: "CheckCircle", trend: "up" })
+        ] }),
+        /* @__PURE__ */ e(
+          Ke,
+          {
+            variant: "info",
+            message: "System maintenance scheduled Sunday 02:00-04:00 UTC. All services will be temporarily unavailable.",
+            onDismiss: () => {
+            }
+          }
+        ),
+        /* @__PURE__ */ e(Ue, { columns: Ea, data: Ra, searchable: !0, striped: !0, clickableRows: !0 }),
+        /* @__PURE__ */ n(ge, { shadow: !0, children: [
+          /* @__PURE__ */ e(Se, { title: "New Shipment", subtitle: "Fill in the details below" }),
+          /* @__PURE__ */ e(fe, { label: "Reference Number", required: !0, children: /* @__PURE__ */ e(H, { placeholder: "e.g. SHP-2024-001" }) }),
+          /* @__PURE__ */ e(fe, { label: "Origin Port", required: !0, children: /* @__PURE__ */ e(
+            ne,
+            {
+              options: [
+                { value: "dxb", label: "Dubai (DXB)" },
+                { value: "sin", label: "Singapore (SIN)" },
+                { value: "lhr", label: "London (LHR)" },
+                { value: "jfk", label: "New York (JFK)" },
+                { value: "lhe", label: "Lahore (LHE)" }
+              ],
+              placeholder: "Select origin..."
+            }
+          ) }),
+          /* @__PURE__ */ e(fe, { label: "Shipment Notes", children: /* @__PURE__ */ e(me, { placeholder: "Any special handling instructions...", rows: 3 }) }),
+          /* @__PURE__ */ n(Ge, { align: "right", children: [
+            /* @__PURE__ */ e(N, { variant: "ghost", size: "md", children: "Cancel" }),
+            /* @__PURE__ */ e(N, { variant: "primary", size: "md", leftIcon: "Send", children: "Submit Shipment" })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+const $a = {
+  minHeight: "100vh",
+  background: "#FFFFFF",
+  padding: 40
+}, Pa = {
+  maxWidth: 1200,
+  margin: "0 auto",
+  display: "flex",
+  flexDirection: "column",
+  gap: 24
+}, Ia = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 16
+}, S = {
+  fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Courier New', monospace"
+}, xe = [
+  { value: "dxb", label: "Dubai (DXB)" },
+  { value: "sin", label: "Singapore (SIN)" },
+  { value: "lhr", label: "London (LHR)" },
+  { value: "jfk", label: "New York (JFK)" },
+  { value: "lhe", label: "Lahore (LHE)" }
+];
+function Ha() {
+  return [
+    { label: "Primary", swatches: Object.entries(te).map(([a, t]) => ({ name: a, value: t })) },
+    { label: "Neutral", swatches: Object.entries(P).map(([a, t]) => ({ name: a, value: t })) },
+    {
+      label: "Status",
+      swatches: Object.entries(T).flatMap(([a, t]) => [
+        { name: `${a}.text`, value: t.text },
+        { name: `${a}.bg`, value: t.bg }
+      ])
+    },
+    {
+      label: "Milestone",
+      swatches: Object.entries(F).flatMap(([a, t]) => [
+        { name: `${a}.text`, value: t.text },
+        { name: `${a}.bg`, value: t.bg }
+      ])
+    },
+    {
+      label: "Clearance",
+      swatches: Object.entries(D).flatMap(([a, t]) => [
+        { name: `${a}.text`, value: t.text },
+        { name: `${a}.bg`, value: t.bg }
+      ])
+    },
+    {
+      label: "Semantic",
+      swatches: [
+        ...Object.entries(_).map(([a, t]) => ({ name: a, value: t })),
+        ...Object.entries(Y).flatMap(([a, t]) => [
+          { name: `direction.${a}.text`, value: t.text },
+          { name: `direction.${a}.bg`, value: t.bg }
+        ]),
+        ...Object.entries(J).flatMap(([a, t]) => [
+          { name: `tStatus.${a}.text`, value: t.text },
+          { name: `tStatus.${a}.bg`, value: t.bg }
+        ]),
+        ...Object.entries(E).flatMap(([a, t]) => [
+          { name: `warehouse.${a}.text`, value: t.text },
+          { name: `warehouse.${a}.bg`, value: t.bg }
+        ]),
+        ...Object.entries(I).map(([a, t]) => ({ name: `branch.${a}`, value: t }))
+      ]
+    }
+  ];
+}
+function Va() {
+  return [
+    { label: "STATUS", values: Object.keys(T) },
+    { label: "MPILL", values: Object.keys(F) },
+    { label: "CL", values: Object.keys(D) },
+    { label: "BRANCH MODULE", values: Object.keys(I) },
+    { label: "DIRECTION", values: Object.keys(Y) },
+    { label: "T STATUS", values: Object.keys(J) }
+  ];
+}
+const Wa = [
+  { name: "Omar Siddiqui", email: "omar.siddiqui@yourcargocontact.com", status: "delivered", role: "Broker", active: !0 },
+  { name: "Sara Malik", email: "sara.malik@yourcargocontact.com", status: "pending", role: "Agent", active: !1 },
+  { name: "Hassan Qureshi", email: "hassan.qureshi@yourcargocontact.com", status: "transit", role: "Supervisor", active: !0 },
+  { name: "Aisha Khan", email: "aisha.khan@yourcargocontact.com", status: "cleared", role: "Analyst", active: !1 },
+  { name: "Bilal Farooq", email: "bilal.farooq@yourcargocontact.com", status: "held", role: "Manager", active: !0 }
+], Ga = [
+  {
+    key: "name",
+    header: "Agent",
+    render: (a, t) => /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+      /* @__PURE__ */ e(le, { name: t.name, size: "sm" }),
+      /* @__PURE__ */ e("span", { children: t.name })
+    ] })
+  },
+  { key: "email", header: "Email" },
+  { key: "status", header: "Status", render: (a, t) => /* @__PURE__ */ e(oe, { label: t.status, variant: t.status }) },
+  { key: "role", header: "Role", render: (a, t) => /* @__PURE__ */ e(Q, { label: t.role }) },
+  { key: "active", header: "Active", render: (a, t) => /* @__PURE__ */ e(q, { checked: t.active, onChange: () => {
+  }, size: "sm" }) },
+  {
+    key: "actions",
+    header: "Actions",
+    render: () => /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+      /* @__PURE__ */ e(N, { variant: "ghost", size: "sm", children: "Edit" }),
+      /* @__PURE__ */ e(N, { variant: "danger", size: "sm", children: "Delete" })
+    ] })
+  }
+];
+function C({ title: a, children: t }) {
+  return /* @__PURE__ */ n(ge, { shadow: !0, children: [
+    /* @__PURE__ */ e(Se, { title: a }),
+    /* @__PURE__ */ e("div", { style: Ia, children: t })
+  ] });
+}
+function Ka(a) {
+  return {
+    fontFamily: "family" in a ? a.family : void 0,
+    fontSize: a.size,
+    fontWeight: a.weight,
+    letterSpacing: "spacing" in a ? a.spacing : void 0,
+    textTransform: "transform" in a ? a.transform : void 0
+  };
+}
+function Ua({ label: a, values: t }) {
+  return /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+    /* @__PURE__ */ e("div", { style: { ...S, fontSize: 10, fontWeight: 700, letterSpacing: "0.05em" }, children: a }),
+    /* @__PURE__ */ e("div", { style: { display: "flex", flexWrap: "wrap", gap: 8 }, children: t.map((r) => /* @__PURE__ */ e(oe, { label: r, variant: r, size: "md" }, `${a}-${r}`)) })
+  ] });
+}
+function ja() {
+  const a = wa();
+  return /* @__PURE__ */ n($, { gap: 4, children: [
+    /* @__PURE__ */ e(N, { variant: "primary", onClick: () => a.success("Shipment saved successfully"), children: "Success Toast" }),
+    /* @__PURE__ */ e(N, { variant: "danger", onClick: () => a.error("Unable to delete shipment"), children: "Error Toast" }),
+    /* @__PURE__ */ e(N, { variant: "secondary", onClick: () => a.warning("Customs documents need review"), children: "Warning Toast" }),
+    /* @__PURE__ */ e(N, { variant: "ghost", onClick: () => a.info("New tracking update received"), children: "Info Toast" })
+  ] });
+}
+function qa() {
+  const [a, t] = y(!1), r = ["primary", "secondary", "ghost", "danger", "link"], i = ["sm", "md", "lg"], l = Ha(), c = Va();
+  return /* @__PURE__ */ e("div", { style: $a, children: /* @__PURE__ */ n("main", { style: Pa, children: [
+    /* @__PURE__ */ e(C, { title: "COLORS", children: l.map((o) => /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+      /* @__PURE__ */ e("div", { style: { ...S, fontSize: 11, fontWeight: 700, textTransform: "uppercase" }, children: o.label }),
+      /* @__PURE__ */ e("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(88px, 1fr))", gap: 12 }, children: o.swatches.map((d) => /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
+        /* @__PURE__ */ e("div", { style: { width: 48, height: 48, background: d.value, border: "1px solid #E8EAF2", borderRadius: 4 } }),
+        /* @__PURE__ */ e("div", { style: { ...S, fontSize: 10, color: "#1B2440" }, children: d.value }),
+        /* @__PURE__ */ e("div", { style: { ...S, fontSize: 9, color: "#8A93AD" }, children: d.name })
+      ] }, `${o.label}-${d.name}`)) })
+    ] }, o.label)) }),
+    /* @__PURE__ */ e(C, { title: "TYPOGRAPHY", children: Object.entries(Tt).map(([o, d]) => /* @__PURE__ */ n("div", { style: { display: "grid", gridTemplateColumns: "180px 1fr", gap: 16, alignItems: "baseline" }, children: [
+      /* @__PURE__ */ e("div", { style: { ...S, fontSize: 11, color: "#8A93AD" }, children: o }),
+      /* @__PURE__ */ e("div", { style: Ka(d), children: "The quick brown fox jumps over the lazy dog" })
+    ] }, o)) }),
+    /* @__PURE__ */ e(C, { title: "ICONS", children: /* @__PURE__ */ e("div", { style: { display: "grid", gridTemplateColumns: "repeat(8, minmax(0, 1fr))", gap: 12 }, children: la.map((o) => /* @__PURE__ */ n("div", { style: { display: "flex", minWidth: 0, flexDirection: "column", alignItems: "center", gap: 6 }, children: [
+      /* @__PURE__ */ e(s, { name: o, size: 20 }),
+      /* @__PURE__ */ e("div", { style: { ...S, maxWidth: "100%", overflow: "hidden", textOverflow: "ellipsis", fontSize: 9 }, children: o })
+    ] }, o)) }) }),
+    /* @__PURE__ */ e(C, { title: "BUTTONS", children: /* @__PURE__ */ e("div", { style: { overflowX: "auto" }, children: /* @__PURE__ */ n("table", { style: { width: "100%", borderCollapse: "separate", borderSpacing: 12 }, children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { children: [
+        /* @__PURE__ */ e("th", { style: { ...S, textAlign: "left", fontSize: 11 }, children: "variant" }),
+        i.map((o) => /* @__PURE__ */ e("th", { style: { ...S, textAlign: "left", fontSize: 11 }, children: o }, o)),
+        /* @__PURE__ */ e("th", { style: { ...S, textAlign: "left", fontSize: 11 }, children: "loading" }),
+        /* @__PURE__ */ e("th", { style: { ...S, textAlign: "left", fontSize: 11 }, children: "leftIcon" }),
+        /* @__PURE__ */ e("th", { style: { ...S, textAlign: "left", fontSize: 11 }, children: "rightIcon" })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: r.map((o) => /* @__PURE__ */ n("tr", { children: [
+        /* @__PURE__ */ e("td", { style: { ...S, fontSize: 11 }, children: o }),
+        i.map((d) => /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(N, { variant: o, size: d, children: d }) }, `${o}-${d}`)),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(N, { variant: o, loading: !0, children: "Loading" }) }),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(N, { variant: o, leftIcon: "Plus", children: "Create" }) }),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(N, { variant: o, rightIcon: "ArrowRight", children: "Next" }) })
+      ] }, o)) })
+    ] }) }) }),
+    /* @__PURE__ */ e(C, { title: "BADGES", children: c.map((o) => /* @__PURE__ */ e(Ua, { label: o.label, values: o.values }, o.label)) }),
+    /* @__PURE__ */ e(C, { title: "AVATAR", children: /* @__PURE__ */ n("div", { style: { display: "flex", flexWrap: "wrap", gap: 20, alignItems: "center" }, children: [
+      ["sm", "md", "lg"].map((o) => /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 10 }, children: [
+        /* @__PURE__ */ e(le, { name: "Ahmed Al-Rashid", size: o }),
+        /* @__PURE__ */ n("span", { style: { ...S, fontSize: 11 }, children: [
+          "initials ",
+          o
+        ] })
+      ] }, o)),
+      ["online", "offline", "away"].map((o) => /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 10 }, children: [
+        /* @__PURE__ */ e(le, { name: "Sara Malik", status: o }),
+        /* @__PURE__ */ e("span", { style: { ...S, fontSize: 11 }, children: o })
+      ] }, o))
+    ] }) }),
+    /* @__PURE__ */ e(C, { title: "TOGGLE", children: /* @__PURE__ */ n($, { gap: 6, children: [
+      /* @__PURE__ */ e(q, { label: "Off", checked: !1, onChange: () => {
+      } }),
+      /* @__PURE__ */ e(q, { label: "On", checked: !0, onChange: () => {
+      } }),
+      /* @__PURE__ */ e(q, { label: "Disabled off", checked: !1, disabled: !0 }),
+      /* @__PURE__ */ e(q, { label: "Disabled on", checked: !0, disabled: !0 })
+    ] }) }),
+    /* @__PURE__ */ e(C, { title: "TAGS", children: /* @__PURE__ */ n($, { gap: 4, children: [
+      /* @__PURE__ */ e(Q, { label: "Broker" }),
+      /* @__PURE__ */ e(Q, { label: "Removable", onRemove: () => {
+      } }),
+      /* @__PURE__ */ e(Q, { label: "Custom Color", color: "#4338CA" })
+    ] }) }),
+    /* @__PURE__ */ e(C, { title: "INPUTS", children: ["sm", "md", "lg"].map((o) => /* @__PURE__ */ n($, { gap: 4, children: [
+      /* @__PURE__ */ e(H, { size: o, placeholder: `Default ${o}` }),
+      /* @__PURE__ */ e(H, { size: o, placeholder: "With error", error: "Required field" }),
+      /* @__PURE__ */ e(H, { size: o, placeholder: "Search", leftAddon: /* @__PURE__ */ e(s, { name: "Search", size: 14 }) }),
+      /* @__PURE__ */ e(H, { size: o, placeholder: "Weight", rightAddon: "kg" }),
+      /* @__PURE__ */ e(H, { size: o, placeholder: "Disabled", disabled: !0 })
+    ] }, o)) }),
+    /* @__PURE__ */ e(C, { title: "SELECT", children: /* @__PURE__ */ n($, { gap: 4, children: [
+      /* @__PURE__ */ e(ne, { options: xe, placeholder: "Select origin..." }),
+      /* @__PURE__ */ e(ne, { options: xe, placeholder: "Select origin...", error: "Origin is required" }),
+      /* @__PURE__ */ e(ne, { options: xe, placeholder: "Select origin...", disabled: !0 })
+    ] }) }),
+    /* @__PURE__ */ e(C, { title: "CHECKBOX", children: /* @__PURE__ */ n($, { gap: 6, children: [
+      /* @__PURE__ */ e(se, { label: "Unchecked" }),
+      /* @__PURE__ */ e(se, { label: "Checked", checked: !0, onChange: () => {
+      } }),
+      /* @__PURE__ */ e(se, { label: "Indeterminate", indeterminate: !0, onChange: () => {
+      } }),
+      /* @__PURE__ */ e(se, { label: "Disabled", disabled: !0 })
+    ] }) }),
+    /* @__PURE__ */ e(C, { title: "TEXTAREA", children: /* @__PURE__ */ n($, { gap: 4, children: [
+      /* @__PURE__ */ e(me, { placeholder: "Default textarea", rows: 3 }),
+      /* @__PURE__ */ e(me, { placeholder: "With error", error: "Notes are too short", rows: 3 }),
+      /* @__PURE__ */ e(me, { placeholder: "No resize", resize: "none", rows: 3 })
+    ] }) }),
+    /* @__PURE__ */ e(C, { title: "FILE UPLOAD", children: /* @__PURE__ */ e(fa, { label: "Upload shipping documents", onFilesSelected: () => {
+    }, multiple: !0, accept: ".pdf,.doc,.docx,.png,.jpg" }) }),
+    /* @__PURE__ */ e(C, { title: "CARDS", children: /* @__PURE__ */ n(ge, { shadow: !0, children: [
+      /* @__PURE__ */ e(Se, { title: "Shipment Summary", subtitle: "Recent operational activity", actions: /* @__PURE__ */ e(N, { variant: "ghost", size: "sm", children: "Export" }) }),
+      /* @__PURE__ */ e("p", { style: { margin: 0, color: "#1B2440", fontSize: 13 }, children: "Container release, customs review, and delivery notes are ready for review." }),
+      /* @__PURE__ */ n(Ge, { align: "between", children: [
+        /* @__PURE__ */ e("span", { style: { color: "#8A93AD", fontSize: 12 }, children: "Last updated 2 min ago" }),
+        /* @__PURE__ */ e(N, { variant: "primary", children: "Save" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e(C, { title: "STAT CARDS", children: /* @__PURE__ */ n($, { gap: 16, children: [
+      /* @__PURE__ */ e(V, { title: "Total Shipments", value: "1,284", change: 8.3, icon: "Package", trend: "up" }),
+      /* @__PURE__ */ e(V, { title: "Revenue", value: "$94,210", change: 12.1, icon: "DollarSign", trend: "up" }),
+      /* @__PURE__ */ e(V, { title: "Active Customers", value: "342", change: -2.4, icon: "Users", trend: "down" }),
+      /* @__PURE__ */ e(V, { title: "On-Time Delivery", value: "97.2%", change: 0.8, icon: "CheckCircle", trend: "up" })
+    ] }) }),
+    /* @__PURE__ */ e(C, { title: "BANNER", children: ["info", "success", "warning", "danger"].map((o) => /* @__PURE__ */ e(Ke, { variant: o, message: `${o} banner message for logistics operations.`, onDismiss: () => {
+    } }, o)) }),
+    /* @__PURE__ */ e(C, { title: "TABLE", children: /* @__PURE__ */ e(Ue, { columns: Ga, data: Wa, loading: !1, striped: !0 }) }),
+    /* @__PURE__ */ e(C, { title: "TOAST", children: /* @__PURE__ */ e(ja, {}) }),
+    /* @__PURE__ */ n(C, { title: "MODAL", children: [
+      /* @__PURE__ */ e(N, { variant: "primary", onClick: () => t(!0), children: "Open Modal" }),
+      /* @__PURE__ */ e(
+        qe,
+        {
+          open: a,
+          onClose: () => t(!1),
+          size: "md",
+          title: "Confirm Action",
+          footer: /* @__PURE__ */ n(ce, { children: [
+            /* @__PURE__ */ e(N, { variant: "ghost", onClick: () => t(!1), children: "Cancel" }),
+            /* @__PURE__ */ e(N, { variant: "primary", onClick: () => t(!1), children: "Confirm" })
+          ] }),
+          children: "This action will update the selected shipment record and notify the assigned operations team."
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(C, { title: "ALERT", children: ["info", "success", "warning", "danger"].map((o) => /* @__PURE__ */ e(Aa, { variant: o, title: `${o} alert`, message: `This is a ${o} alert message.` }, o)) }),
+    /* @__PURE__ */ e(C, { title: "SPINNER", children: /* @__PURE__ */ e($, { gap: 8, children: ["sm", "md", "lg"].map((o) => /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 8 }, children: [
+      /* @__PURE__ */ e(_a, { size: o }),
+      /* @__PURE__ */ e("span", { style: { ...S, fontSize: 11 }, children: o })
+    ] }, o)) }) }),
+    /* @__PURE__ */ e(C, { title: "BREADCRUMB", children: /* @__PURE__ */ e(Je, { items: [{ label: "Home" }, { label: "Freight" }, { label: "Air Freight" }, { label: "Shipment #1284" }] }) }),
+    /* @__PURE__ */ e(C, { title: "NAV", children: /* @__PURE__ */ e("div", { style: { width: 224, border: "1px solid #E8EAF2", borderRadius: 8, padding: 8 }, children: /* @__PURE__ */ n(Ye, { activePage: "airfreight", collapsed: !1, children: [
+      /* @__PURE__ */ n(X, { label: "Freight", children: [
+        /* @__PURE__ */ e(L, { id: "airfreight", label: "Air Freight", icon: "Plane" }),
+        /* @__PURE__ */ e(L, { id: "seafreight", label: "Sea Freight", icon: "Anchor" }),
+        /* @__PURE__ */ e(L, { id: "trucking", label: "Trucking", icon: "Truck" })
+      ] }),
+      /* @__PURE__ */ n(X, { label: "Customs", children: [
+        /* @__PURE__ */ e(L, { id: "customs", label: "Customs", icon: "FileCheck" }),
+        /* @__PURE__ */ e(L, { id: "bonded", label: "Bonded", icon: "Warehouse" })
+      ] }),
+      /* @__PURE__ */ n(X, { label: "Admin", children: [
+        /* @__PURE__ */ e(L, { id: "hr", label: "HR", icon: "Users" }),
+        /* @__PURE__ */ e(L, { id: "finance", label: "Finance", icon: "DollarSign" })
+      ] })
+    ] }) }) })
+  ] }) });
+}
+function hn() {
+  return /* @__PURE__ */ e(ka, { children: /* @__PURE__ */ e(qa, {}) });
+}
+const be = [
+  { id: "home", label: "Home", icon: "Home" },
+  { id: "ceo", label: "CEO Dashboard", icon: "LayoutGrid" },
+  { id: "coo", label: "COO Dashboard", icon: "Gauge", section: "Operations" },
+  { id: "files", label: "All files", icon: "LayoutGrid" },
+  {
+    id: "air",
+    label: "Air Freight",
+    icon: "Plane",
+    children: [
+      { id: "air-dashboard", label: "Dashboard", icon: "LayoutGrid" },
+      { id: "air-quotations", label: "Quotations", icon: "FileText" },
+      { id: "air-files", label: "Files", icon: "Plane" },
+      { id: "air-warehouse", label: "Warehouse", icon: "Warehouse" },
+      { id: "air-track-trace", label: "Track & trace", icon: "ScanSearch" },
+      { id: "air-awb-stock", label: "AWB stock", icon: "Hash" },
+      { id: "air-security", label: "Security (RA/KC)", icon: "ShieldCheck" }
+    ]
+  },
+  {
+    id: "customs",
+    label: "Customs",
+    icon: "Landmark",
+    children: [
+      { id: "customs-dashboard", label: "Dashboard", icon: "LayoutGrid" },
+      { id: "customs-declarations", label: "Declarations", icon: "FileCheck" },
+      { id: "customs-files", label: "Files", icon: "FileText" },
+      { id: "customs-clearance", label: "Clearance", icon: "ClipboardCheck" },
+      { id: "customs-hs-codes", label: "HS codes", icon: "Hash" },
+      { id: "customs-security", label: "Security", icon: "ShieldCheck" }
+    ]
+  },
+  {
+    id: "sea",
+    label: "Sea Freight",
+    icon: "Ship",
+    children: [
+      { id: "sea-dashboard", label: "Dashboard", icon: "LayoutGrid" },
+      { id: "sea-quotations", label: "Quotations", icon: "FileText" },
+      { id: "sea-files", label: "Files", icon: "Ship" },
+      { id: "sea-containers", label: "Containers", icon: "Boxes" },
+      { id: "sea-track-trace", label: "Track & trace", icon: "ScanSearch" },
+      { id: "sea-bl-stock", label: "B/L stock", icon: "Hash" }
+    ]
+  },
+  {
+    id: "truck",
+    label: "Trucking",
+    icon: "Truck",
+    children: [
+      { id: "truck-dashboard", label: "Dashboard", icon: "LayoutGrid" },
+      { id: "truck-quotations", label: "Quotations", icon: "FileText" },
+      { id: "truck-files", label: "Files", icon: "Truck" },
+      { id: "truck-dispatch", label: "Dispatch", icon: "Route" },
+      { id: "truck-track-trace", label: "Track & trace", icon: "ScanSearch" },
+      { id: "truck-fleet", label: "Fleet", icon: "Truck" }
+    ]
+  },
+  {
+    id: "warehouse",
+    label: "Warehouse (WMS)",
+    icon: "Warehouse",
+    children: [
+      { id: "warehouse-dashboard", label: "Dashboard", icon: "LayoutGrid" },
+      { id: "warehouse-receipts", label: "Receipts", icon: "PackageCheck" },
+      { id: "warehouse-files", label: "Files", icon: "FileText" },
+      { id: "warehouse-inventory", label: "Inventory", icon: "Boxes" },
+      { id: "warehouse-pick-pack", label: "Pick & pack", icon: "PackageOpen" },
+      { id: "warehouse-dispatch", label: "Dispatch", icon: "Truck" }
+    ]
+  },
+  { id: "cfo", label: "CFO Dashboard", icon: "Wallet", section: "Corporate Services" },
+  {
+    id: "backoffice",
+    label: "Backoffice",
+    icon: "FileText",
+    children: [
+      { id: "backoffice-dashboard", label: "Dashboard", icon: "LayoutGrid" },
+      { id: "backoffice-tasks", label: "Tasks", icon: "ClipboardCheck" },
+      { id: "backoffice-files", label: "Files", icon: "FileText" },
+      { id: "backoffice-automations", label: "Automations", icon: "Workflow" }
+    ]
+  },
+  {
+    id: "finance",
+    label: "Finance",
+    icon: "Wallet",
+    children: [
+      { id: "finance-dashboard", label: "Dashboard", icon: "LayoutGrid" },
+      { id: "finance-invoices", label: "Invoices", icon: "Receipt" },
+      { id: "finance-payments", label: "Payments", icon: "Wallet" },
+      { id: "finance-reports", label: "Reports", icon: "BarChart3" }
+    ]
+  },
+  {
+    id: "ap",
+    label: "AP Control Tower",
+    icon: "ClipboardCheck",
+    children: [
+      { id: "ap-dashboard", label: "Dashboard", icon: "LayoutGrid" },
+      { id: "ap-vendor-bills", label: "Vendor bills", icon: "Receipt" },
+      { id: "ap-approvals", label: "Approvals", icon: "CheckCircle2" },
+      { id: "ap-exceptions", label: "Exceptions", icon: "AlertTriangle" }
+    ]
+  },
+  {
+    id: "hr",
+    label: "Human Resources",
+    icon: "Users",
+    children: [
+      { id: "hr-dashboard", label: "Dashboard", icon: "LayoutGrid" },
+      { id: "hr-employees", label: "Employees", icon: "Users" },
+      { id: "hr-attendance", label: "Attendance", icon: "Clock" },
+      { id: "hr-training", label: "Training", icon: "BookOpen" }
+    ]
+  },
+  {
+    id: "affairs",
+    label: "Corporate Affairs",
+    icon: "Landmark",
+    children: [
+      { id: "affairs-dashboard", label: "Dashboard", icon: "LayoutGrid" },
+      { id: "affairs-licenses", label: "Licenses", icon: "ShieldCheck" },
+      { id: "affairs-policies", label: "Policies", icon: "FileText" },
+      { id: "affairs-cases", label: "Cases", icon: "Briefcase" }
+    ]
+  },
+  { id: "cco", label: "CCO Dashboard", icon: "Activity", section: "Commercial" },
+  {
+    id: "marketing",
+    label: "Marketing",
+    icon: "Globe",
+    children: [
+      { id: "marketing-dashboard", label: "Dashboard", icon: "LayoutGrid" },
+      { id: "marketing-campaigns", label: "Campaigns", icon: "Activity" },
+      { id: "marketing-leads", label: "Leads", icon: "Users" },
+      { id: "marketing-content", label: "Content", icon: "FileText" }
+    ]
+  },
+  {
+    id: "sales",
+    label: "Sales",
+    icon: "Briefcase",
+    children: [
+      { id: "sales-dashboard", label: "Dashboard", icon: "LayoutGrid" },
+      { id: "sales-opportunities", label: "Opportunities", icon: "TrendingUp" },
+      { id: "sales-quotations", label: "Quotations", icon: "FileText" },
+      { id: "sales-customers", label: "Customers", icon: "Users" }
+    ]
+  },
+  {
+    id: "admin",
+    label: "Admin",
+    icon: "Lock",
+    section: "System",
+    children: [
+      { id: "admin-dashboard", label: "Dashboard", icon: "LayoutGrid" },
+      { id: "admin-users", label: "Users", icon: "Users" },
+      { id: "admin-roles", label: "Roles", icon: "ShieldCheck" },
+      { id: "admin-audit-log", label: "Audit log", icon: "FileText" }
+    ]
+  },
+  {
+    id: "general",
+    label: "General (shared)",
+    icon: "Settings",
+    children: [
+      { id: "general-dashboard", label: "Dashboard", icon: "LayoutGrid" },
+      { id: "general-master-data", label: "Master data", icon: "Database" },
+      { id: "general-shared-files", label: "Shared files", icon: "FileText" },
+      { id: "general-settings", label: "Settings", icon: "Settings" }
+    ]
+  },
+  { id: "public", label: "Public website", icon: "Globe", external: !0, promoted: !0 }
+], Oe = {
+  "Your Cargo Contact (HQ)": be.map((a) => a.id),
+  "YCC Colchester": ["home", "ceo", "coo", "files", "air", "customs", "sea", "cfo", "hr", "affairs", "cco", "marketing", "sales", "admin", "general", "public"],
+  "YCC Liège": ["home", "ceo", "coo", "files", "air", "truck", "warehouse", "cfo", "hr", "affairs", "cco", "marketing", "sales", "admin", "general", "public"],
+  "Linex UK": ["home", "ceo", "coo", "files", "customs", "sea", "truck", "cfo", "hr", "affairs", "cco", "marketing", "sales", "admin", "general", "public"],
+  CCL: ["home", "ceo", "coo", "files", "customs", "sea", "cfo", "hr", "affairs", "cco", "marketing", "sales", "admin", "general", "public"],
+  "Linex France": ["home", "ceo", "coo", "files", "customs", "truck", "cfo", "hr", "affairs", "cco", "marketing", "sales", "admin", "general", "public"],
+  "YCC Madrid": ["home", "ceo", "coo", "files", "air", "truck", "cfo", "hr", "affairs", "cco", "marketing", "sales", "admin", "general", "public"],
+  "YCC Barcelona": ["home", "ceo", "coo", "files", "sea", "truck", "cfo", "hr", "affairs", "cco", "marketing", "sales", "admin", "general", "public"]
+};
+function Qe(a) {
+  const t = Oe[a] ?? Oe["Your Cargo Contact (HQ)"], r = a === "Your Cargo Contact (HQ)";
+  return be.filter((i) => t.includes(i.id)).map((i) => r ? i : { ...i, children: void 0 });
+}
+function Ya(a) {
+  return Qe(a).flatMap((t) => [t.id, ...t.children?.map((r) => r.id) ?? []]);
+}
+const Be = ["Dubai DXB", "Madrid MAD", "Singapore SIN", "London LHR", "New York JFK"], Re = [
+  { name: "Mark", role: "Administrator" },
+  { name: "Eva Bakker", role: "Customs" },
+  { name: "Sven Mol", role: "Air Freight" },
+  { name: "Ravi Nair", role: "Sea Freight" },
+  { name: "Tom Visser", role: "Trucking" },
+  { name: "Lina Roos", role: "Finance" },
+  { name: "Nora Smit", role: "Sales" },
+  { name: "Daan Bos", role: "Warehouse" },
+  { name: "Iris Vos", role: "Backoffice" },
+  { name: "Sara Vidal", role: "Marketing" },
+  { name: "Pim de Groot", role: "Human Resources" },
+  { name: "Hannah de Wit", role: "Corporate Affairs" }
+], Ja = {
+  home: {
+    title: "Your Cargo Contact",
+    eyebrow: "Customs · Freight · Warehousing",
+    description: "Welcome, Mark. One platform for declarations, freight files, warehousing and back-office across every department.",
+    icon: "Home",
+    metrics: [
+      { label: "Open files", value: "1,284", change: "+8.3%", tone: "blue" },
+      { label: "Released today", value: "216", change: "+12", tone: "green" },
+      { label: "Pending reviews", value: "38", change: "-4", tone: "amber" },
+      { label: "On-time delivery", value: "97.2%", change: "+0.8%", tone: "violet" }
+    ],
+    work: [
+      { ref: "SHP-1284", customer: "Atlas Foods", owner: "Sara Malik", status: "Released", due: "Today" },
+      { ref: "SHP-1285", customer: "Nile Trading", owner: "Omar Reyes", status: "In transit", due: "Tomorrow" },
+      { ref: "SHP-1286", customer: "Blue Harbor", owner: "Lea Santos", status: "Docs needed", due: "Jun 28" }
+    ]
+  },
+  ceo: {
+    title: "CEO Dashboard",
+    eyebrow: "Executive overview",
+    description: "Revenue, service quality, customer movement, and cross-branch operating health.",
+    icon: "BarChart3",
+    metrics: [
+      { label: "Monthly revenue", value: "$482K", change: "+14.2%", tone: "green" },
+      { label: "Gross margin", value: "32.6%", change: "+2.1%", tone: "blue" },
+      { label: "Key accounts", value: "84", change: "+6", tone: "violet" },
+      { label: "Escalations", value: "7", change: "-3", tone: "amber" }
+    ],
+    work: [
+      { ref: "CEO-441", customer: "Board pack", owner: "Mark Jensen", status: "Ready", due: "Today" },
+      { ref: "CEO-442", customer: "Top accounts", owner: "Lina Park", status: "Review", due: "Jun 27" },
+      { ref: "CEO-443", customer: "Branch forecast", owner: "Ahmed Noor", status: "Draft", due: "Jul 01" }
+    ]
+  },
+  coo: {
+    title: "COO Dashboard",
+    eyebrow: "Operations control",
+    description: "Live operational throughput across air, road, warehouse, and customs desks.",
+    icon: "Gauge",
+    metrics: [
+      { label: "Throughput", value: "748", change: "+6.8%", tone: "blue" },
+      { label: "SLA met", value: "94%", change: "+1.4%", tone: "green" },
+      { label: "Bottlenecks", value: "11", change: "-5", tone: "amber" },
+      { label: "Capacity", value: "81%", change: "+3%", tone: "violet" }
+    ],
+    work: [
+      { ref: "OPS-214", customer: "Night shift handover", owner: "Noor Ali", status: "Active", due: "Today" },
+      { ref: "OPS-215", customer: "Warehouse dock plan", owner: "Marta Ruiz", status: "Planned", due: "Tomorrow" },
+      { ref: "OPS-216", customer: "Customs queue", owner: "Chen Wei", status: "At risk", due: "Today" }
+    ]
+  },
+  files: {
+    title: "All files",
+    eyebrow: "Document workspace",
+    description: "A searchable working set for declarations, invoices, airway bills, and delivery notes.",
+    icon: "FileText",
+    metrics: [
+      { label: "Total files", value: "8,410", change: "+312", tone: "blue" },
+      { label: "Missing docs", value: "26", change: "-9", tone: "amber" },
+      { label: "Completed", value: "1,102", change: "+91", tone: "green" },
+      { label: "Archived", value: "21K", change: "+1.1K", tone: "violet" }
+    ],
+    work: [
+      { ref: "DOC-771", customer: "Commercial invoice", owner: "Sara Malik", status: "Uploaded", due: "Today" },
+      { ref: "DOC-772", customer: "AWB packet", owner: "Omar Reyes", status: "Missing stamp", due: "Today" },
+      { ref: "DOC-773", customer: "Packing list", owner: "Lea Santos", status: "Verified", due: "Jun 29" }
+    ]
+  },
+  air: {
+    title: "Air Freight",
+    eyebrow: "Freight operations",
+    description: "Airway bill tracking, airport handoffs, customs readiness, and delivery milestones.",
+    icon: "Plane",
+    metrics: [
+      { label: "Flights tracked", value: "142", change: "+18", tone: "blue" },
+      { label: "Arrivals today", value: "37", change: "+5", tone: "green" },
+      { label: "Held shipments", value: "9", change: "-2", tone: "amber" },
+      { label: "Avg clearance", value: "3.2h", change: "-0.4h", tone: "violet" }
+    ],
+    work: [
+      { ref: "AWB-889201", customer: "Falcon Pharma", owner: "Yusuf Khan", status: "Landed", due: "Today" },
+      { ref: "AWB-889202", customer: "Iberia Retail", owner: "Ana Lopez", status: "Customs", due: "Today" },
+      { ref: "AWB-889203", customer: "Pearl Devices", owner: "Mina Chen", status: "Departed", due: "Tomorrow" }
+    ]
+  },
+  customs: {
+    title: "Customs",
+    eyebrow: "Declaration control",
+    description: "Customs declarations, inspection queues, release events, and authority messages.",
+    icon: "Landmark",
+    metrics: [
+      { label: "Declarations", value: "312", change: "+27", tone: "blue" },
+      { label: "Cleared today", value: "86", change: "+14", tone: "green" },
+      { label: "Held", value: "12", change: "-3", tone: "amber" },
+      { label: "Avg review", value: "2.8h", change: "-0.6h", tone: "violet" }
+    ],
+    work: [
+      { ref: "CUS-6201", customer: "Atlas Foods", owner: "Sara Malik", status: "Cleared", due: "Today" },
+      { ref: "CUS-6202", customer: "Iberia Retail", owner: "Ana Lopez", status: "Inspection", due: "Today" },
+      { ref: "CUS-6203", customer: "Falcon Pharma", owner: "Yusuf Khan", status: "Submitted", due: "Tomorrow" }
+    ]
+  },
+  sea: {
+    title: "Sea Freight",
+    eyebrow: "Ocean operations",
+    description: "Container milestones, vessel arrivals, demurrage exposure, and port handoffs.",
+    icon: "Ship",
+    metrics: [
+      { label: "Containers", value: "428", change: "+31", tone: "blue" },
+      { label: "Arrivals", value: "19", change: "+4", tone: "green" },
+      { label: "Demurrage risk", value: "7", change: "-2", tone: "amber" },
+      { label: "Port dwell", value: "1.9d", change: "-0.3d", tone: "violet" }
+    ],
+    work: [
+      { ref: "SEA-7741", customer: "Blue Harbor", owner: "Lea Santos", status: "At port", due: "Today" },
+      { ref: "SEA-7742", customer: "Nile Trading", owner: "Omar Reyes", status: "Sailing", due: "Jul 02" },
+      { ref: "SEA-7743", customer: "Oceanic Parts", owner: "Nadia Karim", status: "Discharged", due: "Tomorrow" }
+    ]
+  },
+  truck: {
+    title: "Trucking",
+    eyebrow: "Road transport",
+    description: "Fleet dispatch, delivery windows, driver assignments, and cross-dock visibility.",
+    icon: "Truck",
+    metrics: [
+      { label: "Active trucks", value: "58", change: "+7", tone: "blue" },
+      { label: "On route", value: "41", change: "+3", tone: "green" },
+      { label: "Delayed stops", value: "6", change: "-2", tone: "amber" },
+      { label: "Utilization", value: "88%", change: "+4%", tone: "violet" }
+    ],
+    work: [
+      { ref: "TRK-5401", customer: "Metro Foods", owner: "Hassan Raza", status: "On route", due: "14:30" },
+      { ref: "TRK-5402", customer: "Delta Textiles", owner: "Victor Cruz", status: "Loading", due: "16:00" },
+      { ref: "TRK-5403", customer: "Oceanic Parts", owner: "Nadia Karim", status: "Delivered", due: "Done" }
+    ]
+  },
+  warehouse: {
+    title: "Warehouse (WMS)",
+    eyebrow: "Warehouse management",
+    description: "Inbound receipts, put-away, inventory movements, picks, and outbound scans.",
+    icon: "Warehouse",
+    metrics: [
+      { label: "Pallets stored", value: "3,842", change: "+112", tone: "blue" },
+      { label: "Picked today", value: "694", change: "+58", tone: "green" },
+      { label: "Exceptions", value: "14", change: "-6", tone: "amber" },
+      { label: "Dock usage", value: "76%", change: "+5%", tone: "violet" }
+    ],
+    work: [
+      { ref: "WMS-1801", customer: "Metro Foods", owner: "Marta Ruiz", status: "Receiving", due: "10:30" },
+      { ref: "WMS-1802", customer: "Pearl Devices", owner: "Mina Chen", status: "Put-away", due: "Today" },
+      { ref: "WMS-1803", customer: "Delta Textiles", owner: "Victor Cruz", status: "Outbound", due: "16:00" }
+    ]
+  },
+  cfo: {
+    title: "CFO Dashboard",
+    eyebrow: "Finance control",
+    description: "Receivables, payable exposure, branch profitability, and invoice approvals.",
+    icon: "Wallet",
+    metrics: [
+      { label: "Receivables", value: "$214K", change: "-8%", tone: "green" },
+      { label: "Payables", value: "$96K", change: "+3%", tone: "blue" },
+      { label: "Overdue", value: "$18K", change: "-$6K", tone: "amber" },
+      { label: "Profitability", value: "24%", change: "+2%", tone: "violet" }
+    ],
+    work: [
+      { ref: "FIN-901", customer: "Invoice batch", owner: "Elena Rossi", status: "Approved", due: "Today" },
+      { ref: "FIN-902", customer: "Vendor payments", owner: "Bilal Shah", status: "Queued", due: "Tomorrow" },
+      { ref: "FIN-903", customer: "Margin report", owner: "Mark Jensen", status: "Review", due: "Jun 30" }
+    ]
+  },
+  backoffice: {
+    title: "Backoffice",
+    eyebrow: "Administrative processing",
+    description: "Internal tasks, document cleanup, branch support, and operational follow-ups.",
+    icon: "FileText",
+    metrics: [
+      { label: "Tasks open", value: "143", change: "-18", tone: "green" },
+      { label: "Documents fixed", value: "72", change: "+21", tone: "blue" },
+      { label: "Waiting input", value: "16", change: "-4", tone: "amber" },
+      { label: "Automation rate", value: "64%", change: "+7%", tone: "violet" }
+    ],
+    work: [
+      { ref: "BKO-411", customer: "Invoice cleanup", owner: "Bilal Shah", status: "Active", due: "Today" },
+      { ref: "BKO-412", customer: "Data validation", owner: "Priya Shah", status: "Queued", due: "Tomorrow" },
+      { ref: "BKO-413", customer: "Branch support", owner: "Noor Ali", status: "Review", due: "Jun 29" }
+    ]
+  },
+  finance: {
+    title: "Finance",
+    eyebrow: "Finance operations",
+    description: "Invoice issuance, payment matching, customer balances, and branch settlements.",
+    icon: "Wallet",
+    metrics: [
+      { label: "Invoices", value: "516", change: "+44", tone: "blue" },
+      { label: "Collected", value: "$148K", change: "+9%", tone: "green" },
+      { label: "Disputes", value: "8", change: "-2", tone: "amber" },
+      { label: "Matched", value: "92%", change: "+3%", tone: "violet" }
+    ],
+    work: [
+      { ref: "PAY-221", customer: "Atlas Foods", owner: "Elena Rossi", status: "Matched", due: "Today" },
+      { ref: "PAY-222", customer: "Falcon Pharma", owner: "Bilal Shah", status: "Pending", due: "Tomorrow" },
+      { ref: "PAY-223", customer: "Blue Harbor", owner: "Mark Jensen", status: "Disputed", due: "Jun 30" }
+    ]
+  },
+  ap: {
+    title: "AP Control Tower",
+    eyebrow: "Accounts payable",
+    description: "Vendor bills, approval routes, payment readiness, and exception management.",
+    icon: "ClipboardCheck",
+    metrics: [
+      { label: "Vendor bills", value: "238", change: "+19", tone: "blue" },
+      { label: "Approved", value: "174", change: "+26", tone: "green" },
+      { label: "Exceptions", value: "13", change: "-5", tone: "amber" },
+      { label: "Cycle time", value: "1.6d", change: "-0.2d", tone: "violet" }
+    ],
+    work: [
+      { ref: "AP-701", customer: "Port handling bill", owner: "Elena Rossi", status: "Approved", due: "Today" },
+      { ref: "AP-702", customer: "Carrier invoice", owner: "Bilal Shah", status: "Needs review", due: "Tomorrow" },
+      { ref: "AP-703", customer: "Warehouse vendor", owner: "Priya Shah", status: "Queued", due: "Jun 29" }
+    ]
+  },
+  hr: {
+    title: "Human Resources",
+    eyebrow: "People operations",
+    description: "Staffing, shift coverage, compliance training, and department onboarding.",
+    icon: "Users",
+    metrics: [
+      { label: "Employees", value: "126", change: "+4", tone: "blue" },
+      { label: "Open roles", value: "9", change: "+2", tone: "violet" },
+      { label: "Training due", value: "17", change: "-6", tone: "amber" },
+      { label: "Coverage", value: "98%", change: "+1%", tone: "green" }
+    ],
+    work: [
+      { ref: "HR-330", customer: "Broker onboarding", owner: "Fatima Noor", status: "In progress", due: "Jul 03" },
+      { ref: "HR-331", customer: "COO shift roster", owner: "Daniel Meyer", status: "Ready", due: "Today" },
+      { ref: "HR-332", customer: "Safety training", owner: "Priya Shah", status: "Pending", due: "Jun 28" }
+    ]
+  },
+  affairs: {
+    title: "Corporate Affairs",
+    eyebrow: "Governance",
+    description: "Licenses, compliance renewals, legal tasks, and authority correspondence.",
+    icon: "Landmark",
+    metrics: [
+      { label: "Licenses", value: "24", change: "0", tone: "blue" },
+      { label: "Renewals", value: "5", change: "-1", tone: "amber" },
+      { label: "Compliant", value: "100%", change: "OK", tone: "green" },
+      { label: "Cases", value: "3", change: "-2", tone: "violet" }
+    ],
+    work: [
+      { ref: "CA-711", customer: "Free zone renewal", owner: "Maya Hall", status: "Submitted", due: "Jul 05" },
+      { ref: "CA-712", customer: "Authority letter", owner: "Omar Reyes", status: "Draft", due: "Today" },
+      { ref: "CA-713", customer: "Policy review", owner: "Ana Lopez", status: "Approved", due: "Done" }
+    ]
+  },
+  cco: {
+    title: "CCO Dashboard",
+    eyebrow: "Commercial growth",
+    description: "Pipeline, conversion, account expansion, and commercial team performance.",
+    icon: "TrendingUp",
+    metrics: [
+      { label: "Pipeline", value: "$1.8M", change: "+11%", tone: "green" },
+      { label: "New leads", value: "64", change: "+14", tone: "blue" },
+      { label: "Conversion", value: "28%", change: "+3%", tone: "violet" },
+      { label: "At risk", value: "4", change: "-1", tone: "amber" }
+    ],
+    work: [
+      { ref: "COM-490", customer: "Global Foods RFP", owner: "Lina Park", status: "Proposal", due: "Jun 29" },
+      { ref: "COM-491", customer: "Retail expansion", owner: "Ahmed Noor", status: "Negotiation", due: "Jul 02" },
+      { ref: "COM-492", customer: "Renewal pack", owner: "Mark Jensen", status: "Ready", due: "Today" }
+    ]
+  },
+  marketing: {
+    title: "Marketing",
+    eyebrow: "Campaign workspace",
+    description: "Campaign planning, website requests, lead sources, and content approvals.",
+    icon: "Globe",
+    metrics: [
+      { label: "Campaigns", value: "12", change: "+2", tone: "blue" },
+      { label: "Inbound leads", value: "138", change: "+24", tone: "green" },
+      { label: "Approvals", value: "6", change: "-3", tone: "amber" },
+      { label: "Traffic", value: "42K", change: "+18%", tone: "violet" }
+    ],
+    work: [
+      { ref: "MKT-221", customer: "Air freight landing page", owner: "Sofia Lane", status: "Review", due: "Today" },
+      { ref: "MKT-222", customer: "LinkedIn campaign", owner: "Bilal Shah", status: "Live", due: "Active" },
+      { ref: "MKT-223", customer: "Case study", owner: "Mina Chen", status: "Draft", due: "Jul 04" }
+    ]
+  },
+  sales: {
+    title: "Sales",
+    eyebrow: "Sales workspace",
+    description: "Opportunities, quotes, account activities, and follow-up actions for commercial teams.",
+    icon: "Briefcase",
+    metrics: [
+      { label: "Quotes sent", value: "78", change: "+17", tone: "blue" },
+      { label: "Won deals", value: "21", change: "+6", tone: "green" },
+      { label: "Follow-ups", value: "34", change: "-8", tone: "amber" },
+      { label: "Win rate", value: "31%", change: "+4%", tone: "violet" }
+    ],
+    work: [
+      { ref: "SAL-310", customer: "Metro Foods", owner: "Lina Park", status: "Quoted", due: "Today" },
+      { ref: "SAL-311", customer: "Global Foods RFP", owner: "Ahmed Noor", status: "Negotiation", due: "Jul 02" },
+      { ref: "SAL-312", customer: "Pearl Devices", owner: "Sofia Lane", status: "Follow-up", due: "Tomorrow" }
+    ]
+  },
+  admin: {
+    title: "Admin",
+    eyebrow: "System administration",
+    description: "Roles, permissions, workspace controls, audit activity, and access governance.",
+    icon: "Lock",
+    metrics: [
+      { label: "Active users", value: "126", change: "+4", tone: "blue" },
+      { label: "Roles", value: "18", change: "+1", tone: "violet" },
+      { label: "Access alerts", value: "3", change: "-2", tone: "amber" },
+      { label: "Healthy checks", value: "99%", change: "OK", tone: "green" }
+    ],
+    work: [
+      { ref: "ADM-101", customer: "Role update", owner: "Mark Jensen", status: "Applied", due: "Today" },
+      { ref: "ADM-102", customer: "New branch user", owner: "Fatima Noor", status: "Pending", due: "Tomorrow" },
+      { ref: "ADM-103", customer: "Audit review", owner: "Daniel Meyer", status: "Scheduled", due: "Jul 01" }
+    ]
+  },
+  general: {
+    title: "General (shared)",
+    eyebrow: "Shared settings",
+    description: "Shared references, workspace defaults, master data, and team-level configuration.",
+    icon: "Settings",
+    metrics: [
+      { label: "Shared lists", value: "42", change: "+3", tone: "blue" },
+      { label: "Automations", value: "16", change: "+2", tone: "green" },
+      { label: "Draft changes", value: "5", change: "-1", tone: "amber" },
+      { label: "Sync status", value: "Live", change: "OK", tone: "violet" }
+    ],
+    work: [
+      { ref: "GEN-501", customer: "Port master data", owner: "Marta Ruiz", status: "Updated", due: "Today" },
+      { ref: "GEN-502", customer: "Team defaults", owner: "Noor Ali", status: "Draft", due: "Tomorrow" },
+      { ref: "GEN-503", customer: "Notification rules", owner: "Priya Shah", status: "Active", due: "Done" }
+    ]
+  },
+  public: {
+    title: "Public website",
+    eyebrow: "Customer portal",
+    description: "Public-facing service pages, contact forms, quote requests, and live tracking entry points.",
+    icon: "Globe",
+    metrics: [
+      { label: "Visitors", value: "18.4K", change: "+22%", tone: "green" },
+      { label: "Quote requests", value: "94", change: "+16", tone: "blue" },
+      { label: "Open forms", value: "11", change: "-5", tone: "amber" },
+      { label: "Uptime", value: "99.9%", change: "OK", tone: "violet" }
+    ],
+    work: [
+      { ref: "WEB-801", customer: "Quote form", owner: "Sofia Lane", status: "Live", due: "Active" },
+      { ref: "WEB-802", customer: "Tracking page", owner: "Marta Ruiz", status: "Updated", due: "Today" },
+      { ref: "WEB-803", customer: "Service content", owner: "Lina Park", status: "Draft", due: "Jul 01" }
+    ]
+  }
+}, Qa = be.flatMap((a) => a.children?.map((t) => ({ ...t, parentId: a.id, parentLabel: a.label, parentIcon: a.icon })) ?? []);
+function Xa(a) {
+  const t = Qa.find((d) => d.id === a), r = be.find((d) => d.id === a), i = t?.label ?? r?.label ?? "Workspace", l = t?.parentLabel ?? r?.section ?? "Workspace", c = t?.icon ?? r?.icon ?? "LayoutGrid", o = a.toUpperCase().replace(/[^A-Z0-9]+/g, "-").slice(0, 10);
+  return {
+    title: i,
+    eyebrow: t ? `${l} module` : "Workspace module",
+    description: `${i} workspace for ${l.toLowerCase()} records, operational tracking, approvals, and team follow-up.`,
+    icon: c,
+    metrics: [
+      { label: "Open records", value: String(42 + a.length * 3), change: "+8", tone: "blue" },
+      { label: "Completed", value: String(18 + a.length * 2), change: "+5", tone: "green" },
+      { label: "Needs review", value: String(3 + a.length % 7), change: "-2", tone: "amber" },
+      { label: "SLA health", value: `${90 + a.length % 8}%`, change: "+1.2%", tone: "violet" }
+    ],
+    work: [
+      { ref: `${o}-101`, customer: `${i} queue`, owner: "Sara Malik", status: "Active", due: "Today" },
+      { ref: `${o}-102`, customer: `${l} follow-up`, owner: "Omar Reyes", status: "Review", due: "Tomorrow" },
+      { ref: `${o}-103`, customer: `${i} report`, owner: "Lea Santos", status: "Ready", due: "Jun 30" }
+    ]
+  };
+}
+function Za(a) {
+  return Ja[a] ?? Xa(a);
+}
+function et(a, t) {
+  return a.id === t || !!a.children?.some((r) => r.id === t);
+}
+function Xe({ compact: a = !1 }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      className: a ? "ycc-prototype-logo ycc-prototype-logo--compact" : "ycc-prototype-logo",
+      viewBox: "0 0 300 110",
+      "aria-label": "YCC logo",
+      role: "img",
+      children: [
+        /* @__PURE__ */ e("path", { className: "ycc-prototype-logo__shape", d: "M17 55C34 24 83 9 161 6C100 14 57 29 38 55C57 81 100 96 161 104C83 101 34 86 17 55Z" }),
+        /* @__PURE__ */ e("text", { className: "ycc-prototype-logo__letters", x: "56", y: "79", children: "YCC" })
+      ]
+    }
+  );
+}
+function at({
+  item: a,
+  activePage: t,
+  open: r,
+  onSelect: i,
+  onToggle: l
+}) {
+  const c = a.id === t, o = et(a, t), d = !!a.children?.length;
+  return /* @__PURE__ */ n(ce, { children: [
+    a.section ? /* @__PURE__ */ e("div", { className: "prototype-sidebar__section", children: a.section }) : null,
+    /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        className: `prototype-sidebar__item${c ? " prototype-sidebar__item--active" : ""}${o && !c ? " prototype-sidebar__item--expanded" : ""}${a.promoted ? " prototype-sidebar__item--promoted" : ""}`,
+        onClick: () => {
+          i(a.id), d && l(a.id);
+        },
+        "aria-current": a.id === t ? "page" : void 0,
+        "aria-expanded": d ? r : void 0,
+        children: [
+          /* @__PURE__ */ e(s, { name: a.icon, size: 18 }),
+          /* @__PURE__ */ e("span", { children: a.label }),
+          d ? /* @__PURE__ */ e(s, { name: r ? "ChevronDown" : "ChevronRight", size: 16, className: "prototype-sidebar__item-chevron" }) : null,
+          a.external ? /* @__PURE__ */ e(s, { name: "ArrowRight", size: 16, className: "prototype-sidebar__item-chevron" }) : null
+        ]
+      }
+    ),
+    d && r ? /* @__PURE__ */ e("div", { className: "prototype-sidebar__submenu", role: "group", "aria-label": `${a.label} pages`, children: a.children?.map((h) => /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        className: `prototype-sidebar__subitem${t === h.id ? " prototype-sidebar__subitem--active" : ""}`,
+        onClick: () => i(h.id),
+        "aria-current": t === h.id ? "page" : void 0,
+        children: [
+          /* @__PURE__ */ e(s, { name: h.icon, size: 18 }),
+          /* @__PURE__ */ e("span", { children: h.label })
+        ]
+      },
+      h.id
+    )) }) : null
+  ] });
+}
+function tt({
+  activePage: a,
+  branch: t,
+  branches: r,
+  items: i,
+  branchOpen: l,
+  openMenus: c,
+  onSelectPage: o,
+  onToggleBranchMenu: d,
+  onSelectBranch: h,
+  onToggleMenu: p
+}) {
+  return /* @__PURE__ */ n("aside", { className: "prototype-sidebar", children: [
+    /* @__PURE__ */ e("button", { type: "button", className: "prototype-sidebar__logo", onClick: () => o("home"), "aria-label": "Go to Home", children: /* @__PURE__ */ e(Xe, {}) }),
+    /* @__PURE__ */ n("div", { className: "prototype-sidebar__workspace", children: [
+      /* @__PURE__ */ n("div", { className: "prototype-sidebar__workspace-pill", children: [
+        /* @__PURE__ */ e(s, { name: "Lock", size: 15 }),
+        /* @__PURE__ */ e("span", { children: "Administrator workspace" })
+      ] }),
+      /* @__PURE__ */ n("button", { type: "button", className: "prototype-sidebar__branch", onClick: d, "aria-expanded": l, "aria-haspopup": "listbox", children: [
+        /* @__PURE__ */ e(s, { name: "Globe", size: 15 }),
+        /* @__PURE__ */ e("span", { children: t }),
+        /* @__PURE__ */ e(s, { name: "ChevronDown", size: 16 })
+      ] }),
+      l ? /* @__PURE__ */ e("div", { className: "prototype-sidebar__branch-menu", role: "listbox", "aria-label": "Select workspace", children: r.map((u) => /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          role: "option",
+          "aria-selected": u === t,
+          className: "prototype-sidebar__branch-option",
+          onClick: () => h(u),
+          children: [
+            /* @__PURE__ */ e("span", { className: "prototype-sidebar__branch-check", children: u === t ? "✓" : "" }),
+            /* @__PURE__ */ e("span", { children: u })
+          ]
+        },
+        u
+      )) }) : null
+    ] }),
+    /* @__PURE__ */ e("nav", { className: "prototype-sidebar__nav", "aria-label": "Workspace navigation", children: i.map((u) => /* @__PURE__ */ e(
+      at,
+      {
+        item: u,
+        activePage: a,
+        open: c.includes(u.id),
+        onSelect: o,
+        onToggle: p
+      },
+      u.id
+    )) }),
+    /* @__PURE__ */ n("div", { className: "prototype-sidebar__footer", children: [
+      "© Customs Gateways LLC-FZ",
+      /* @__PURE__ */ e("br", {}),
+      "White-label platform"
+    ] })
+  ] });
+}
+function nt({
+  query: a,
+  language: t,
+  notifications: r,
+  userMenuOpen: i,
+  users: l,
+  activeUser: c,
+  onQueryChange: o,
+  onToggleLanguage: d,
+  onToggleNotifications: h,
+  onToggleUserMenu: p,
+  onSelectUser: u
+}) {
+  return /* @__PURE__ */ n("header", { className: "prototype-topbar", children: [
+    /* @__PURE__ */ n("label", { className: "prototype-topbar__search", children: [
+      /* @__PURE__ */ e(s, { name: "Search", size: 20 }),
+      /* @__PURE__ */ e("input", { value: a, onChange: (m) => o(m.target.value), placeholder: "Search here...", "aria-label": "Search" })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "prototype-topbar__actions", children: [
+      /* @__PURE__ */ n("button", { type: "button", className: "prototype-topbar__language", onClick: d, children: [
+        /* @__PURE__ */ e(s, { name: "Globe", size: 18 }),
+        /* @__PURE__ */ e("span", { children: t }),
+        /* @__PURE__ */ e(s, { name: "ChevronDown", size: 16 })
+      ] }),
+      /* @__PURE__ */ n("button", { type: "button", className: "prototype-topbar__bell", "aria-label": "Notifications", onClick: h, children: [
+        /* @__PURE__ */ e(s, { name: "Bell", size: 20 }),
+        /* @__PURE__ */ e("span", {})
+      ] }),
+      /* @__PURE__ */ n("button", { type: "button", className: "prototype-topbar__user", onClick: p, children: [
+        /* @__PURE__ */ e("div", { className: "prototype-topbar__avatar", children: c.name.charAt(0) }),
+        /* @__PURE__ */ n("div", { children: [
+          /* @__PURE__ */ e("strong", { children: c.name }),
+          /* @__PURE__ */ e("span", { children: c.role })
+        ] }),
+        /* @__PURE__ */ e(s, { name: "ChevronDown", size: 16 })
+      ] })
+    ] }),
+    r ? /* @__PURE__ */ n("div", { className: "prototype-popover prototype-popover--notifications", children: [
+      /* @__PURE__ */ e("strong", { children: "Notifications" }),
+      /* @__PURE__ */ e("p", { children: "3 shipment alerts need review." }),
+      /* @__PURE__ */ e("p", { children: "AWB-889202 moved to customs." }),
+      /* @__PURE__ */ e("p", { children: "TRK-5401 is 12 minutes ahead of schedule." })
+    ] }) : null,
+    i ? /* @__PURE__ */ n("div", { className: "prototype-popover prototype-popover--user", children: [
+      /* @__PURE__ */ e("div", { className: "prototype-login-switcher__title", children: "Switch login (demo)" }),
+      /* @__PURE__ */ e("div", { className: "prototype-login-switcher__list", children: l.map((m) => {
+        const k = m.name === c.name;
+        return /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            className: `prototype-login-switcher__person${k ? " prototype-login-switcher__person--selected" : ""}`,
+            onClick: () => u(m),
+            children: [
+              /* @__PURE__ */ e("span", { className: "prototype-login-switcher__avatar", children: m.name.charAt(0) }),
+              /* @__PURE__ */ n("span", { className: "prototype-login-switcher__identity", children: [
+                /* @__PURE__ */ e("strong", { children: m.name }),
+                /* @__PURE__ */ e("span", { children: m.role })
+              ] }),
+              k ? /* @__PURE__ */ e(s, { name: "Check", size: 18, className: "prototype-login-switcher__check" }) : null
+            ]
+          },
+          m.name
+        );
+      }) })
+    ] }) : null
+  ] });
+}
+function rt({ onOpenAir: a, onOpenFiles: t }) {
+  return /* @__PURE__ */ n("section", { className: "prototype-welcome", "aria-labelledby": "prototype-title", children: [
+    /* @__PURE__ */ e("div", { className: "prototype-welcome__mark", children: /* @__PURE__ */ e(Xe, { compact: !0 }) }),
+    /* @__PURE__ */ e("h1", { id: "prototype-title", children: "Your Cargo Contact" }),
+    /* @__PURE__ */ e("p", { className: "prototype-welcome__kicker", children: "Customs · Freight · Warehousing" }),
+    /* @__PURE__ */ e("p", { className: "prototype-welcome__copy", children: "Welcome, Mark. One platform for declarations, freight files, warehousing and back-office across every department." }),
+    /* @__PURE__ */ n("div", { className: "prototype-welcome__actions", children: [
+      /* @__PURE__ */ e("button", { type: "button", className: "prototype-action prototype-action--primary", onClick: a, children: "Open Air Freight" }),
+      /* @__PURE__ */ e("button", { type: "button", className: "prototype-action", onClick: t, children: "Review Files" })
+    ] }),
+    /* @__PURE__ */ e("p", { className: "prototype-welcome__copyright", children: "© Customs Gateways LLC-FZ · White-label platform" })
+  ] });
+}
+function it({ metric: a }) {
+  return /* @__PURE__ */ n("article", { className: `prototype-metric prototype-metric--${a.tone}`, children: [
+    /* @__PURE__ */ e("span", { children: a.label }),
+    /* @__PURE__ */ e("strong", { children: a.value }),
+    /* @__PURE__ */ e("em", { children: a.change })
+  ] });
+}
+function lt({
+  rows: a,
+  onRowAction: t
+}) {
+  return /* @__PURE__ */ e("div", { className: "prototype-table-wrap", children: /* @__PURE__ */ n("table", { className: "prototype-table", children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { children: [
+      /* @__PURE__ */ e("th", { children: "Reference" }),
+      /* @__PURE__ */ e("th", { children: "Customer" }),
+      /* @__PURE__ */ e("th", { children: "Owner" }),
+      /* @__PURE__ */ e("th", { children: "Status" }),
+      /* @__PURE__ */ e("th", { children: "Due" }),
+      /* @__PURE__ */ e("th", { children: "Action" })
+    ] }) }),
+    /* @__PURE__ */ e("tbody", { children: a.map((r) => /* @__PURE__ */ n("tr", { children: [
+      /* @__PURE__ */ e("td", { children: r.ref }),
+      /* @__PURE__ */ e("td", { children: r.customer }),
+      /* @__PURE__ */ e("td", { children: r.owner }),
+      /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: "prototype-status", children: r.status }) }),
+      /* @__PURE__ */ e("td", { children: r.due }),
+      /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("button", { type: "button", className: "prototype-mini-button", onClick: () => t(r), children: "Open" }) })
+    ] }, r.ref)) })
+  ] }) });
+}
+function ct({
+  data: a,
+  activePage: t,
+  filteredWork: r,
+  message: i,
+  onRowAction: l,
+  onCreateShipment: c,
+  onRefresh: o
+}) {
+  return /* @__PURE__ */ n("section", { className: "prototype-dashboard", "aria-labelledby": "prototype-page-title", children: [
+    /* @__PURE__ */ n("div", { className: "prototype-dashboard__head", children: [
+      /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ e("p", { children: a.eyebrow }),
+        /* @__PURE__ */ e("h1", { id: "prototype-page-title", children: a.title }),
+        /* @__PURE__ */ e("span", { children: a.description })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "prototype-dashboard__icon", children: /* @__PURE__ */ e(s, { name: a.icon, size: 30 }) })
+    ] }),
+    i ? /* @__PURE__ */ e("div", { className: "prototype-feedback", children: i }) : null,
+    /* @__PURE__ */ e("div", { className: "prototype-metrics", children: a.metrics.map((d) => /* @__PURE__ */ e(it, { metric: d }, d.label)) }),
+    /* @__PURE__ */ n("div", { className: "prototype-panel", children: [
+      /* @__PURE__ */ n("div", { className: "prototype-panel__head", children: [
+        /* @__PURE__ */ n("div", { children: [
+          /* @__PURE__ */ e("strong", { children: t === "files" ? "Document queue" : "Active work" }),
+          /* @__PURE__ */ n("span", { children: [
+            r.length,
+            " records shown"
+          ] })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "prototype-panel__actions", children: [
+          /* @__PURE__ */ n("button", { type: "button", className: "prototype-action", onClick: o, children: [
+            /* @__PURE__ */ e(s, { name: "RefreshCw", size: 15 }),
+            "Refresh"
+          ] }),
+          /* @__PURE__ */ n("button", { type: "button", className: "prototype-action prototype-action--primary", onClick: c, children: [
+            /* @__PURE__ */ e(s, { name: "Plus", size: 15 }),
+            "New file"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ e(lt, { rows: r, onRowAction: l })
+    ] })
+  ] });
+}
+function Ze({ kind: a }) {
+  const t = a === "ceo";
+  return /* @__PURE__ */ n("div", { className: "executive-banner", children: [
+    /* @__PURE__ */ n("div", { className: "executive-banner__title", children: [
+      /* @__PURE__ */ e(s, { name: t ? "TrendingUp" : "Gauge", size: 15 }),
+      /* @__PURE__ */ e("strong", { children: t ? "Outcomes, not tasks" : "Operations overview" }),
+      t ? null : /* @__PURE__ */ e("span", { children: "COO-DASHBOARD" })
+    ] }),
+    /* @__PURE__ */ e("p", { children: t ? "Volumes and margin per mode, what we move and who drives the margin - plus only the COO/CFO/CCO items that have been outstanding too long. Figures are illustrative in this prototype." : "Live parameters and to-do items across Air Freight, Customs, Sea Freight, Trucking and Warehouse (WMS)." })
+  ] });
+}
+function W({ title: a, section: t }) {
+  return /* @__PURE__ */ n("div", { className: "executive-heading", children: [
+    /* @__PURE__ */ n("div", { className: "executive-breadcrumb", children: [
+      /* @__PURE__ */ e("span", { children: "Home" }),
+      t ? /* @__PURE__ */ n(ce, { children: [
+        /* @__PURE__ */ e(s, { name: "ChevronRight", size: 12 }),
+        /* @__PURE__ */ e("span", { children: t })
+      ] }) : null,
+      /* @__PURE__ */ e(s, { name: "ChevronRight", size: 12 }),
+      /* @__PURE__ */ e("span", { children: a })
+    ] }),
+    /* @__PURE__ */ e("h1", { children: a })
+  ] });
+}
+const ot = [
+  ["Freight files", "6", "dark"],
+  ["Manifests in progress", "6", "blue"],
+  ["Inspections open", "3", "orange"],
+  ["Declarations rejected", "3", "red"],
+  ["WMS on hold", "3", "red"],
+  ["Outbound open", "4", "violet"]
+], st = [
+  { title: "Air Freight", page: "air", stats: [["Files", "2", "dark"], ["In progress", "1", "blue"], ["Cleared", "0", "green"]] },
+  { title: "Customs", page: "customs", stats: [["Manifests", "6", "dark"], ["Inspections", "3", "orange"], ["Rejected", "3", "red"]] },
+  { title: "Sea Freight", page: "sea", stats: [["Files", "2", "dark"], ["In progress", "1", "blue"], ["Cleared", "0", "green"]] },
+  { title: "Trucking", page: "truck", stats: [["Files", "2", "dark"], ["In progress", "0", "blue"], ["Cleared", "1", "green"]] },
+  { title: "Warehouse (WMS)", page: "warehouse", stats: [["SKUs", "8", "dark"], ["On hold", "3", "red"], ["Outbound", "4", "violet"]] }
+], dt = [
+  ["1", "Sea Freight: file(s) in draft to complete", "sea"],
+  ["1", "Trucking: file(s) in draft to complete", "truck"],
+  ["2", "Customs: new manifest(s) awaiting audit / compliance", "customs"],
+  ["3", "Customs: inspection(s) awaiting value declaration", "customs"]
+];
+function ht({ onOpen: a }) {
+  return /* @__PURE__ */ n("section", { className: "executive-page", children: [
+    /* @__PURE__ */ e(W, { title: "COO Dashboard", section: "Operations" }),
+    /* @__PURE__ */ e(Ze, { kind: "coo" }),
+    /* @__PURE__ */ e("div", { className: "coo-kpi-grid", children: ot.map(([t, r, i]) => /* @__PURE__ */ n("article", { className: "coo-kpi", children: [
+      /* @__PURE__ */ e("span", { children: t }),
+      /* @__PURE__ */ e("strong", { className: `exec-tone-${i}`, children: r })
+    ] }, t)) }),
+    /* @__PURE__ */ e("div", { className: "coo-module-grid", children: st.map((t) => /* @__PURE__ */ n("article", { className: "coo-module-card", children: [
+      /* @__PURE__ */ n("div", { className: "coo-module-card__head", children: [
+        /* @__PURE__ */ e("h2", { children: t.title }),
+        /* @__PURE__ */ n("button", { type: "button", onClick: () => a(t.page), children: [
+          "Open ",
+          /* @__PURE__ */ e(s, { name: "ArrowRight", size: 13 })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "coo-module-card__stats", children: t.stats.map(([r, i, l]) => /* @__PURE__ */ n("div", { className: "coo-module-stat", children: [
+        /* @__PURE__ */ e("span", { children: r }),
+        /* @__PURE__ */ e("strong", { className: `exec-tone-${l}`, children: i })
+      ] }, r)) })
+    ] }, t.title)) }),
+    /* @__PURE__ */ e("h2", { className: "executive-section-title", children: "Operations to-do" }),
+    /* @__PURE__ */ e("div", { className: "todo-list", children: dt.map(([t, r, i]) => /* @__PURE__ */ n("div", { className: "todo-row", children: [
+      /* @__PURE__ */ e("strong", { children: t }),
+      /* @__PURE__ */ e("span", { children: r }),
+      /* @__PURE__ */ n("button", { type: "button", onClick: () => a(i), children: [
+        "Open ",
+        /* @__PURE__ */ e(s, { name: "ArrowRight", size: 13 })
+      ] })
+    ] }, r)) })
+  ] });
+}
+const ut = [
+  { title: "Air freight", icon: "Plane", gpm: "24.6% GPM", tone: "green", inbound: "412", outbound: "388", page: "air" },
+  { title: "Sea freight", icon: "Ship", gpm: "18.2% GPM", tone: "orange", inbound: "96", outbound: "74", page: "sea" },
+  { title: "Trucking", icon: "Truck", gpm: "14.1% GPM", tone: "orange", inbound: "210", outbound: "240", page: "truck" }
+], pt = [
+  ["COO", "Customs clearance backlog not cleared", "6d", "hot"],
+  ["COO", "Inbound shipments stuck >1 week in the loads", "8d", "hot"],
+  ["CFO", "Supplier invoices >30 days awaiting approval", "12d", "danger"],
+  ["CCO", "Quotations awaiting response", "5d", "muted"]
+], mt = [
+  ["Electronics & components", 22],
+  ["Machinery & parts", 18],
+  ["Perishables & food", 15],
+  ["Pharma & healthcare", 12],
+  ["Apparel & textiles", 9]
+], gt = [
+  ["Lumitech Electronics B.V.", 14.2],
+  ["Gulf Components Trading", 11.8],
+  ["Pacific Foods Ltd", 9.6],
+  ["NorthSea Marine BV", 7.4],
+  ["Apex Robotics", 6.1]
+];
+function Ee({ title: a, icon: t, rows: r, footer: i }) {
+  return /* @__PURE__ */ n("article", { className: "exec-bar-card", children: [
+    /* @__PURE__ */ n("h2", { children: [
+      /* @__PURE__ */ e(s, { name: t, size: 15 }),
+      " ",
+      a
+    ] }),
+    r.map(([l, c]) => /* @__PURE__ */ n("div", { className: "exec-bar-row", children: [
+      /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ e("strong", { children: l }),
+        /* @__PURE__ */ n("span", { children: [
+          c,
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "exec-bar-track", children: /* @__PURE__ */ e("span", { style: { width: `${Math.min(c * 4, 100)}%` } }) })
+    ] }, l)),
+    /* @__PURE__ */ e("p", { children: i })
+  ] });
+}
+function bt({ onOpen: a }) {
+  return /* @__PURE__ */ n("section", { className: "executive-page", children: [
+    /* @__PURE__ */ e(W, { title: "CEO Dashboard" }),
+    /* @__PURE__ */ e(Ze, { kind: "ceo" }),
+    /* @__PURE__ */ e("div", { className: "ceo-mode-grid", children: ut.map((t) => /* @__PURE__ */ n("article", { className: "ceo-mode-card", children: [
+      /* @__PURE__ */ n("div", { className: "ceo-mode-card__head", children: [
+        /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(s, { name: t.icon, size: 16 }) }),
+        /* @__PURE__ */ e("h2", { children: t.title }),
+        /* @__PURE__ */ e("em", { className: `ceo-gpm ceo-gpm--${t.tone}`, children: t.gpm })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "ceo-mode-card__stats", children: [
+        /* @__PURE__ */ n("div", { children: [
+          /* @__PURE__ */ e("strong", { children: t.inbound }),
+          /* @__PURE__ */ e("span", { children: "Inbound" })
+        ] }),
+        /* @__PURE__ */ n("div", { children: [
+          /* @__PURE__ */ e("strong", { children: t.outbound }),
+          /* @__PURE__ */ e("span", { children: "Outbound" })
+        ] })
+      ] }),
+      /* @__PURE__ */ n("button", { type: "button", onClick: () => a(t.page), children: [
+        "Open dashboard ",
+        /* @__PURE__ */ e(s, { name: "ArrowRight", size: 13 })
+      ] })
+    ] }, t.title)) }),
+    /* @__PURE__ */ n("article", { className: "escalation-card", children: [
+      /* @__PURE__ */ n("h2", { children: [
+        /* @__PURE__ */ e(s, { name: "AlertTriangle", size: 15 }),
+        " Escalations - outstanding too long on COO / CFO / CCO"
+      ] }),
+      pt.map(([t, r, i, l]) => /* @__PURE__ */ n("div", { className: "escalation-row", children: [
+        /* @__PURE__ */ e("strong", { className: `escalation-pill escalation-pill--${t.toLowerCase()}`, children: t }),
+        /* @__PURE__ */ e("span", { children: r }),
+        /* @__PURE__ */ n("em", { className: `escalation-days escalation-days--${l}`, children: [
+          /* @__PURE__ */ e(s, { name: "Clock", size: 12 }),
+          " ",
+          i
+        ] }),
+        /* @__PURE__ */ e(s, { name: "ArrowRight", size: 14 })
+      ] }, r)),
+      /* @__PURE__ */ e("p", { children: "Only items past their threshold surface here; the CEO doesn't see the full task lists. Each row opens the owning dashboard." })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "exec-bottom-grid", children: [
+      /* @__PURE__ */ e(Ee, { title: "Top 5 goods categories", icon: "Boxes", rows: mt, footer: "High-level categories by share of shipments moved." }),
+      /* @__PURE__ */ e(Ee, { title: "Top 5 customers - share of GPM", icon: "Users", rows: gt, footer: "Share of total gross profit margin contributed by each customer." })
+    ] })
+  ] });
+}
+const $e = [
+  { file: "AF-2026-00142", service: "Air Freight", dir: "Import", customer: "TechShop BV", route: "PVG - Shanghai -> AMS - Amsterdam", status: "In progress" },
+  { file: "AF-2026-00151", service: "Air Freight", dir: "Export", customer: "Dutch Flowers BV", route: "AMS - Amsterdam -> NRT - Tokyo", status: "Invoiced" },
+  { file: "AF-202606044905", service: "Air Freight", dir: "Export", customer: "Uitvaart Service Nederland BV", route: "AMS - Amsterdam, Schiphol -> ASR - Kayseri", status: "Invoiced" },
+  { file: "SF-2026-00088", service: "Sea Freight", dir: "Import", customer: "FashionHub", route: "NSA -> RTM", status: "In progress" },
+  { file: "SF-2026-00090", service: "Sea Freight", dir: "Export", customer: "AgriExport NL", route: "RTM -> LOS", status: "Draft" },
+  { file: "TR-2026-00210", service: "Trucking", dir: "Import", customer: "FashionHub", route: "IST -> AMS", status: "Cleared" },
+  { file: "TR-2026-00214", service: "Trucking", dir: "Export", customer: "GlowStore", route: "TIL -> BER", status: "Draft" },
+  { file: "CB-2026-00024", service: "Customs - Bulk", dir: "Import", customer: "GadgetHub", route: "Consolidated e-commerce", status: "In progress" },
+  { file: "CS-2026-00017", service: "Customs - Single", dir: "Import", customer: "MediSupply", route: "-", status: "Docs ready" }
+], yt = ["All", "Air", "Sea", "Truck", "Cust. Bulk", "Cust. Single"];
+function vt(a, t) {
+  return t === "All" ? !0 : t === "Air" ? a.service === "Air Freight" : t === "Sea" ? a.service === "Sea Freight" : t === "Truck" ? a.service === "Trucking" : t === "Cust. Bulk" ? a.service === "Customs - Bulk" : a.service === "Customs - Single";
+}
+function ft() {
+  const [a, t] = y(""), [r, i] = y("All"), l = $e.filter((c) => {
+    const o = a.trim().toLowerCase(), d = `${c.file} ${c.service} ${c.dir} ${c.customer} ${c.route} ${c.status}`.toLowerCase();
+    return vt(c, r) && (!o || d.includes(o));
+  });
+  return /* @__PURE__ */ n("section", { className: "files-page", children: [
+    /* @__PURE__ */ e(W, { title: "All files", section: "Operations" }),
+    /* @__PURE__ */ e("h1", { className: "files-page__title", children: "All files - every modality" }),
+    /* @__PURE__ */ n("div", { className: "files-banner", children: [
+      /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ e(s, { name: "LayoutGrid", size: 14 }),
+        /* @__PURE__ */ e("strong", { children: "One overview across Air, Sea, Trucking & Customs" })
+      ] }),
+      /* @__PURE__ */ e("p", { children: "Search every file regardless of modality and open it directly - like the classic single work list, but with each type keeping its own continuous number." })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "files-toolbar", children: [
+      /* @__PURE__ */ n("label", { className: "files-search", children: [
+        /* @__PURE__ */ e(s, { name: "Search", size: 15 }),
+        /* @__PURE__ */ e("input", { value: a, onChange: (c) => t(c.target.value), placeholder: "Search all files..." })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "files-tabs", children: yt.map((c) => /* @__PURE__ */ e("button", { type: "button", className: r === c ? "files-tab files-tab--active" : "files-tab", onClick: () => i(c), children: c }, c)) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "files-table-card", children: /* @__PURE__ */ n("table", { className: "files-table", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { children: [
+        /* @__PURE__ */ e("th", { children: "File" }),
+        /* @__PURE__ */ e("th", { children: "Service" }),
+        /* @__PURE__ */ e("th", { children: "Dir" }),
+        /* @__PURE__ */ e("th", { children: "Customer" }),
+        /* @__PURE__ */ e("th", { children: "Route" }),
+        /* @__PURE__ */ e("th", { children: "Status" })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: l.map((c) => /* @__PURE__ */ n("tr", { children: [
+        /* @__PURE__ */ e("td", { className: "files-table__file", children: c.file }),
+        /* @__PURE__ */ e("td", { children: c.service }),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: `files-pill files-pill--${c.dir.toLowerCase()}`, children: c.dir }) }),
+        /* @__PURE__ */ e("td", { className: "files-table__customer", children: c.customer }),
+        /* @__PURE__ */ e("td", { children: c.route }),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: `files-status files-status--${c.status.toLowerCase().replace(/\s+/g, "-")}`, children: c.status }) })
+      ] }, c.file)) })
+    ] }) }),
+    /* @__PURE__ */ n("p", { className: "files-page__meta", children: [
+      l.length,
+      " of ",
+      $e.length,
+      " files across all modalities."
+    ] })
+  ] });
+}
+const xt = [
+  { label: "Open files", value: "12", tone: "blue" },
+  { label: "Quotes pending", value: "4", tone: "orange" },
+  { label: "Departures today", value: "7", tone: "green" },
+  { label: "Security checks", value: "3", tone: "violet" }
+], Ct = [
+  ["AF-2026-00142", "TechShop BV", "PVG -> AMS", "In progress"],
+  ["AF-2026-00151", "Dutch Flowers BV", "AMS -> NRT", "Invoiced"],
+  ["AF-202606044905", "Uitvaart Service Nederland BV", "AMS -> ASR", "Invoiced"],
+  ["AF-2026-00168", "MediSupply", "DXB -> AMS", "Docs ready"]
+];
+function kt({ onOpen: a }) {
+  return /* @__PURE__ */ n("section", { className: "air-page", children: [
+    /* @__PURE__ */ e(W, { title: "Air Freight Dashboard", section: "Operations" }),
+    /* @__PURE__ */ n("div", { className: "files-banner", children: [
+      /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ e(s, { name: "Plane", size: 14 }),
+        /* @__PURE__ */ e("strong", { children: "Air Freight operations" })
+      ] }),
+      /* @__PURE__ */ e("p", { children: "Follow quotations, airway bill files, warehouse handoffs, track & trace updates and security checks from one dashboard." })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "air-card-grid", children: xt.map((t) => /* @__PURE__ */ n("article", { className: "air-stat-card", children: [
+      /* @__PURE__ */ e("span", { children: t.label }),
+      /* @__PURE__ */ e("strong", { className: `exec-tone-${t.tone}`, children: t.value })
+    ] }, t.label)) }),
+    /* @__PURE__ */ e("div", { className: "air-module-grid", children: [
+      ["Quotations", "air-quotations", "FileText"],
+      ["Files", "air-files", "Plane"],
+      ["Warehouse", "air-warehouse", "Warehouse"],
+      ["Track & trace", "air-track-trace", "ScanSearch"],
+      ["AWB stock", "air-awb-stock", "Hash"],
+      ["Security (RA/KC)", "air-security", "ShieldCheck"]
+    ].map(([t, r, i]) => /* @__PURE__ */ n("button", { type: "button", className: "air-module-button", onClick: () => a(r), children: [
+      /* @__PURE__ */ e(s, { name: i, size: 16 }),
+      /* @__PURE__ */ e("span", { children: t }),
+      /* @__PURE__ */ e(s, { name: "ArrowRight", size: 13 })
+    ] }, r)) }),
+    /* @__PURE__ */ n("article", { className: "files-table-card", children: [
+      /* @__PURE__ */ e("div", { className: "air-table-title", children: "Recent Air Freight files" }),
+      /* @__PURE__ */ n("table", { className: "files-table", children: [
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { children: [
+          /* @__PURE__ */ e("th", { children: "File" }),
+          /* @__PURE__ */ e("th", { children: "Customer" }),
+          /* @__PURE__ */ e("th", { children: "Route" }),
+          /* @__PURE__ */ e("th", { children: "Status" })
+        ] }) }),
+        /* @__PURE__ */ e("tbody", { children: Ct.map(([t, r, i, l]) => /* @__PURE__ */ n("tr", { children: [
+          /* @__PURE__ */ e("td", { className: "files-table__file", children: t }),
+          /* @__PURE__ */ e("td", { className: "files-table__customer", children: r }),
+          /* @__PURE__ */ e("td", { children: i }),
+          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: `files-status files-status--${l.toLowerCase().replace(/\s+/g, "-")}`, children: l }) })
+        ] }, t)) })
+      ] })
+    ] })
+  ] });
+}
+const wt = [
+  ["Plane", "Inbound: Flight arrived · 176-9001 2234 (Gulf Components Trading)"],
+  ["FileCheck", "Inbound: Released (NoA) · 020-4456 7781 (NorthSea Marine BV)"],
+  ["Warehouse", "Inbound: Arrived at YCC · 618-3321 0098 (Pacific Foods Ltd)"],
+  ["Truck", "Outbound: Handler arrived · WH-26-0002"],
+  ["Boxes", "Outbound: Loaded · WH-26-0001 (176-1234 5675)"]
+], Nt = [
+  {
+    awb: "176-9001 2234",
+    customer: "Gulf Components Trading · DXB -> EK149 · ETA 12 Jun 14:20",
+    status: "Expected",
+    done: 1,
+    action: "Confirm: Flight arrived",
+    update: "Key milestones"
+  },
+  {
+    awb: "020-4456 7781",
+    customer: "NorthSea Marine BV · JFK -> LH405 · ETA 12 Jun 09:05",
+    status: "Flight arrived",
+    done: 2,
+    action: "Confirm: Released (NoA)",
+    update: "All updates"
+  },
+  {
+    awb: "618-3321 0098",
+    customer: "Pacific Foods Ltd · SIN -> SQ338 · ETA 11 Jun 22:40",
+    status: "Collected",
+    done: 4,
+    action: "Confirm: Arrived at YCC",
+    update: "No updates"
+  }
+];
+function At() {
+  const a = ["Expected", "Flight arrived", "Released (NoA)", "Collected", "Arrived at YCC", "Left YCC"];
+  return /* @__PURE__ */ n("section", { className: "air-detail-page", children: [
+    /* @__PURE__ */ e(W, { title: "Track & trace", section: "Air Freight" }),
+    /* @__PURE__ */ e("div", { className: "air-summary-grid air-summary-grid--four", children: [
+      ["Inbound active", "3", "blue"],
+      ["Awaiting NoA", "1", "orange"],
+      ["Outbound in transit", "2", "violet"],
+      ["Open actions", "5", "red"]
+    ].map(([t, r, i]) => /* @__PURE__ */ n("article", { className: "air-summary-card", children: [
+      /* @__PURE__ */ e("span", { children: t }),
+      /* @__PURE__ */ e("strong", { className: `exec-tone-${i}`, children: r })
+    ] }, t)) }),
+    /* @__PURE__ */ n("article", { className: "air-panel", children: [
+      /* @__PURE__ */ n("h2", { children: [
+        /* @__PURE__ */ e(s, { name: "Activity", size: 14 }),
+        " Operator actions / triggers"
+      ] }),
+      /* @__PURE__ */ e("div", { className: "trigger-list", children: wt.map(([t, r]) => /* @__PURE__ */ n("button", { type: "button", className: "trigger-row", children: [
+        /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(s, { name: t, size: 14 }) }),
+        /* @__PURE__ */ e("strong", { children: r }),
+        /* @__PURE__ */ e(s, { name: "ArrowRight", size: 13 })
+      ] }, r)) }),
+      /* @__PURE__ */ e("p", { children: "This feed also surfaces on the Air Freight dashboard so the operator starts the day here." })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "track-toolbar", children: [
+      /* @__PURE__ */ n("div", { className: "track-tabs", children: [
+        /* @__PURE__ */ e("button", { type: "button", className: "track-tab track-tab--active", children: "Inbound" }),
+        /* @__PURE__ */ e("button", { type: "button", className: "track-tab", children: "Outbound" }),
+        /* @__PURE__ */ n("button", { type: "button", className: "track-tab", children: [
+          "NoA inbox ",
+          /* @__PURE__ */ e("span", { children: "3" })
+        ] })
+      ] }),
+      /* @__PURE__ */ n("label", { className: "track-search", children: [
+        /* @__PURE__ */ e(s, { name: "Search", size: 13 }),
+        /* @__PURE__ */ e("input", { placeholder: "Search AWB / custom" })
+      ] })
+    ] }),
+    /* @__PURE__ */ n("article", { className: "air-panel milestone-card", children: [
+      /* @__PURE__ */ e("h2", { children: "Inbound - import milestones" }),
+      Nt.map((t) => /* @__PURE__ */ n("div", { className: "milestone-row", children: [
+        /* @__PURE__ */ n("div", { className: "milestone-head", children: [
+          /* @__PURE__ */ e("span", { className: "shipment-icon", children: /* @__PURE__ */ e(s, { name: "Plane", size: 17 }) }),
+          /* @__PURE__ */ n("div", { children: [
+            /* @__PURE__ */ e("strong", { children: t.awb }),
+            /* @__PURE__ */ e("em", { children: t.status }),
+            /* @__PURE__ */ e("p", { children: t.customer })
+          ] }),
+          /* @__PURE__ */ e("small", { children: t.update })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "milestone-line", children: a.map((r, i) => /* @__PURE__ */ n("div", { className: i < t.done ? "milestone-step milestone-step--done" : "milestone-step", children: [
+          /* @__PURE__ */ e("span", {}),
+          /* @__PURE__ */ e("small", { children: r })
+        ] }, r)) }),
+        /* @__PURE__ */ n("div", { className: "milestone-actions", children: [
+          /* @__PURE__ */ n("button", { type: "button", className: "air-action-primary", children: [
+            /* @__PURE__ */ e(s, { name: "ArrowRight", size: 13 }),
+            " ",
+            t.action
+          ] }),
+          /* @__PURE__ */ n("button", { type: "button", className: "air-action-secondary", children: [
+            /* @__PURE__ */ e(s, { name: "Bell", size: 13 }),
+            " Notify customer"
+          ] })
+        ] })
+      ] }, t.awb)),
+      /* @__PURE__ */ e("p", { children: '"Released (NoA)" is the Notice of Arrival. "Arrived at YCC" feeds the warehouse intake.' })
+    ] })
+  ] });
+}
+function _t() {
+  const a = [
+    ["Turkish Airlines (TK)", "136", "140"],
+    ["KLM (KL)", "99", "100"],
+    ["Emirates SkyCargo (EK)", "199", "200"],
+    ["Lufthansa Cargo (LH)", "10", "10"]
+  ], t = [
+    ["AMS", "195", "200"],
+    ["LGG", "40", "40"],
+    ["DXB", "199", "200"],
+    ["Global Pool", "10", "10"]
+  ], r = [
+    ["TK 235 · AMS", "96", "0.2", "480d"],
+    ["KL 074 · AMS", "99", "0.2", "495d"],
+    ["TK 235 · LGG", "40", "0.2", "200d"],
+    ["EK 176 · DXB", "199", "0.2", "995d"],
+    ["LH 020 · Global Pool", "10", "0.2", "50d"]
+  ];
+  return /* @__PURE__ */ n("section", { className: "air-detail-page", children: [
+    /* @__PURE__ */ n("div", { className: "air-page-titlebar", children: [
+      /* @__PURE__ */ e(W, { title: "AWB Stock Management", section: "Air Freight" }),
+      /* @__PURE__ */ e("div", { className: "awb-tabs", children: ["Dashboard", "Stock ranges", "Allocations", "Alerts", "Transfers"].map((i, l) => /* @__PURE__ */ e("button", { type: "button", className: l === 0 ? "awb-tab awb-tab--active" : "awb-tab", children: i }, i)) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "files-banner", children: [
+      /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ e(s, { name: "Hash", size: 15 }),
+        /* @__PURE__ */ e("strong", { children: "One globally controlled AWB inventory" })
+      ] }),
+      /* @__PURE__ */ e("p", { children: "Register airline stock ranges, allocate the next valid AWB on booking, and track each number from allocation to invoicing. Numbers are validated against the IATA Modulo-7 check digit." })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "air-summary-grid air-summary-grid--six", children: [
+      ["Total stock", "450", "violet"],
+      ["Available", "444", "green"],
+      ["Reserved", "1", "orange"],
+      ["Issued / Used", "4", "blue"],
+      ["Cancelled / Void", "1", "red"],
+      ["Active alerts", "3", "orange"]
+    ].map(([i, l, c]) => /* @__PURE__ */ n("article", { className: "air-summary-card", children: [
+      /* @__PURE__ */ e("span", { children: i }),
+      /* @__PURE__ */ e("strong", { className: `exec-tone-${c}`, children: l })
+    ] }, i)) }),
+    /* @__PURE__ */ n("div", { className: "inventory-grid", children: [
+      /* @__PURE__ */ e(Pe, { title: "Available per airline", icon: "Plane", rows: a }),
+      /* @__PURE__ */ e(Pe, { title: "Available per branch", icon: "ArrowLeftRight", rows: t }),
+      /* @__PURE__ */ n("article", { className: "air-panel", children: [
+        /* @__PURE__ */ n("h2", { children: [
+          /* @__PURE__ */ e(s, { name: "Activity", size: 15 }),
+          " Forecast - days to exhaustion"
+        ] }),
+        /* @__PURE__ */ n("table", { className: "inventory-table", children: [
+          /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { children: [
+            /* @__PURE__ */ e("th", { children: "Range" }),
+            /* @__PURE__ */ e("th", { children: "Avail." }),
+            /* @__PURE__ */ e("th", { children: "Avg/day" }),
+            /* @__PURE__ */ e("th", { children: "Days left" })
+          ] }) }),
+          /* @__PURE__ */ e("tbody", { children: r.map(([i, l, c, o]) => /* @__PURE__ */ n("tr", { children: [
+            /* @__PURE__ */ e("td", { children: i }),
+            /* @__PURE__ */ e("td", { children: l }),
+            /* @__PURE__ */ e("td", { children: c }),
+            /* @__PURE__ */ e("td", { className: "positive", children: o })
+          ] }, i)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ n("article", { className: "air-panel", children: [
+        /* @__PURE__ */ n("h2", { children: [
+          /* @__PURE__ */ e(s, { name: "AlertTriangle", size: 15 }),
+          " Alerts"
+        ] }),
+        /* @__PURE__ */ n("div", { className: "alert-list", children: [
+          /* @__PURE__ */ n("p", { children: [
+            /* @__PURE__ */ e("span", { className: "dot dot--orange" }),
+            " ",
+            /* @__PURE__ */ e("strong", { children: "Range expiring:" }),
+            " KLM (KL) 074 @ AMS expires in 18d (28-06-2026)"
+          ] }),
+          /* @__PURE__ */ n("p", { children: [
+            /* @__PURE__ */ e("span", { className: "dot dot--blue" }),
+            " ",
+            /* @__PURE__ */ e("strong", { children: "AWB gap:" }),
+            " Prefix 235: gap 3469902-3469902 unused"
+          ] }),
+          /* @__PURE__ */ n("p", { children: [
+            /* @__PURE__ */ e("span", { className: "dot dot--blue" }),
+            " ",
+            /* @__PURE__ */ e("strong", { children: "AWB gap:" }),
+            " Prefix 235: gap 3469904-3469993 unused"
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function Pe({ title: a, icon: t, rows: r }) {
+  return /* @__PURE__ */ n("article", { className: "air-panel inventory-list", children: [
+    /* @__PURE__ */ n("h2", { children: [
+      /* @__PURE__ */ e(s, { name: t, size: 15 }),
+      " ",
+      a
+    ] }),
+    r.map(([i, l, c]) => /* @__PURE__ */ n("div", { className: "inventory-list__row", children: [
+      /* @__PURE__ */ e("span", { children: i }),
+      /* @__PURE__ */ n("strong", { children: [
+        l,
+        " ",
+        /* @__PURE__ */ n("em", { children: [
+          "/ ",
+          c
+        ] })
+      ] })
+    ] }, i))
+  ] });
+}
+function St() {
+  const a = [
+    ["WH-26-0001", "Lumitech Electronics B.V. · EK150 -> DXB · 6 colli · 482 kg", "Import", "Received", "8d", "A-12-03", "2", !0],
+    ["WH-26-0002", "Vortex Pumps NV · 3 colli · 310 kg", "Export", "Received", "Damage", "B-04-07", "1", !1],
+    ["WH-26-0003", "NorthSea Marine BV · LH404 -> JFK · 11 colli · 1.240 kg", "Import", "Expected", "", "-", "0", !1],
+    ["WH-26-0004", "Apex Robotics · EK150 -> DXB · 2 colli · 96 kg", "Export", "Out-scanned", "", "A-01-01", "1", !1]
+  ];
+  return /* @__PURE__ */ n("section", { className: "air-detail-page", children: [
+    /* @__PURE__ */ n("div", { className: "air-page-titlebar", children: [
+      /* @__PURE__ */ e(W, { title: "Warehouse - loads intake", section: "Air Freight" }),
+      /* @__PURE__ */ n("button", { type: "button", className: "air-action-primary", children: [
+        /* @__PURE__ */ e(s, { name: "Plus", size: 14 }),
+        " Announce new arrival"
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "air-summary-grid air-summary-grid--four", children: [
+      ["In loads", "2", "blue"],
+      ["Alerts (>1 week)", "1", "red"],
+      ["Damage reported", "1", "orange"],
+      ["Out-scanned", "1", "green"]
+    ].map(([t, r, i]) => /* @__PURE__ */ n("article", { className: "air-summary-card", children: [
+      /* @__PURE__ */ e("span", { children: t }),
+      /* @__PURE__ */ e("strong", { className: `exec-tone-${i}`, children: r })
+    ] }, t)) }),
+    /* @__PURE__ */ n("div", { className: "warehouse-alert warehouse-alert--danger", children: [
+      /* @__PURE__ */ e(s, { name: "AlertTriangle", size: 15 }),
+      " 1 shipment(s) in the loods over 1 week without an out-scan."
+    ] }),
+    /* @__PURE__ */ n("div", { className: "warehouse-alert warehouse-alert--warning", children: [
+      /* @__PURE__ */ e(s, { name: "AlertTriangle", size: 15 }),
+      " 1 shipment(s) with reported damage."
+    ] }),
+    /* @__PURE__ */ n("article", { className: "air-panel", children: [
+      /* @__PURE__ */ n("h2", { children: [
+        /* @__PURE__ */ e(s, { name: "Warehouse", size: 15 }),
+        " Announced shipments"
+      ] }),
+      /* @__PURE__ */ n("label", { className: "files-search warehouse-search", children: [
+        /* @__PURE__ */ e(s, { name: "Search", size: 14 }),
+        /* @__PURE__ */ e("input", { placeholder: "Search reference / customer / AWB / flight" })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "shipment-list", children: a.map(([t, r, i, l, c, o, d, h]) => /* @__PURE__ */ n("button", { type: "button", className: h ? "shipment-row shipment-row--alert" : "shipment-row", children: [
+        /* @__PURE__ */ e("span", { className: "shipment-icon", children: /* @__PURE__ */ e(s, { name: "Plane", size: 17 }) }),
+        /* @__PURE__ */ n("span", { className: "shipment-main", children: [
+          /* @__PURE__ */ e("strong", { children: t }),
+          /* @__PURE__ */ e("span", { className: `files-pill files-pill--${i.toLowerCase()}`, children: i }),
+          /* @__PURE__ */ e("span", { className: `files-status files-status--${l.toLowerCase().replace(/\s+/g, "-")}`, children: l }),
+          c ? /* @__PURE__ */ e("em", { children: c }) : null,
+          /* @__PURE__ */ e("small", { children: r })
+        ] }),
+        /* @__PURE__ */ n("span", { className: "shipment-side", children: [
+          /* @__PURE__ */ e(s, { name: "MapPin", size: 13 }),
+          " ",
+          o,
+          " ",
+          /* @__PURE__ */ e(s, { name: "FileText", size: 13 }),
+          " ",
+          d
+        ] })
+      ] }, t)) }),
+      /* @__PURE__ */ e("p", { children: "Open a shipment to handle it, or announce a new arrival. Out-scan marks departure and feeds Track & Trace." })
+    ] })
+  ] });
+}
+function Mt() {
+  return /* @__PURE__ */ n("section", { className: "air-detail-page", children: [
+    /* @__PURE__ */ e(W, { title: "Aviation Security - RA/KC validation", section: "Air Freight" }),
+    /* @__PURE__ */ n("div", { className: "files-banner", children: [
+      /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ e(s, { name: "ShieldCheck", size: 15 }),
+        /* @__PURE__ */ e("strong", { children: "EU aviation security compliance" })
+      ] }),
+      /* @__PURE__ */ e("p", { children: "As a Regulated Agent, YCC determines the security status of every consignment. Cargo from a valid Known Consignor is accepted as secure; otherwise it must be screened." })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "security-grid", children: [
+      /* @__PURE__ */ n("article", { className: "air-panel security-status-card", children: [
+        /* @__PURE__ */ n("h2", { children: [
+          /* @__PURE__ */ e(s, { name: "ShieldCheck", size: 15 }),
+          " Regulated Agent status"
+        ] }),
+        /* @__PURE__ */ e("span", { children: "Agent" }),
+        /* @__PURE__ */ e("strong", { children: "Your Cargo Contact B.V." }),
+        /* @__PURE__ */ e("span", { children: "RA number" }),
+        /* @__PURE__ */ e("strong", { children: "NL/RA/00528-00" }),
+        /* @__PURE__ */ e("span", { children: "Valid until" }),
+        /* @__PURE__ */ e("strong", { children: "31-12-2026" }),
+        /* @__PURE__ */ e("em", { children: "Valid" }),
+        /* @__PURE__ */ e("p", { children: "Set under Admin > Company details." })
+      ] }),
+      /* @__PURE__ */ n("article", { className: "air-panel", children: [
+        /* @__PURE__ */ n("h2", { children: [
+          /* @__PURE__ */ e(s, { name: "CheckCircle2", size: 15 }),
+          " Consignment validation tool"
+        ] }),
+        /* @__PURE__ */ n("div", { className: "security-form-grid", children: [
+          /* @__PURE__ */ n("label", { children: [
+            "Shipper / Consignor",
+            /* @__PURE__ */ n("select", { children: [
+              /* @__PURE__ */ e("option", { children: "Select shipper" }),
+              /* @__PURE__ */ e("option", { children: "Dutch Flowers BV" })
+            ] })
+          ] }),
+          /* @__PURE__ */ n("label", { children: [
+            "Screening method (if not KC)",
+            /* @__PURE__ */ n("select", { children: [
+              /* @__PURE__ */ e("option", { children: "-" }),
+              /* @__PURE__ */ e("option", { children: "XRY" }),
+              /* @__PURE__ */ e("option", { children: "EDS" })
+            ] })
+          ] }),
+          /* @__PURE__ */ n("label", { children: [
+            "Target",
+            /* @__PURE__ */ n("select", { children: [
+              /* @__PURE__ */ e("option", { children: "SPX" }),
+              /* @__PURE__ */ e("option", { children: "SCO" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ n("button", { type: "button", className: "air-action-primary", children: [
+          /* @__PURE__ */ e(s, { name: "ShieldCheck", size: 14 }),
+          " Validate consignment"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ n("article", { className: "air-panel", children: [
+      /* @__PURE__ */ n("h2", { children: [
+        /* @__PURE__ */ e(s, { name: "AlertTriangle", size: 15 }),
+        " Certificate alerts"
+      ] }),
+      /* @__PURE__ */ n("p", { children: [
+        /* @__PURE__ */ e("span", { className: "dot dot--orange" }),
+        " ",
+        /* @__PURE__ */ e("strong", { children: "Dutch Flowers BV" }),
+        " (KC) - expires in 18d, 28-06-2026"
+      ] })
+    ] }),
+    /* @__PURE__ */ n("article", { className: "air-panel", children: [
+      /* @__PURE__ */ n("h2", { children: [
+        /* @__PURE__ */ e(s, { name: "Users", size: 15 }),
+        " Known Consignor / Account Consignor register"
+      ] }),
+      /* @__PURE__ */ n("table", { className: "security-table", children: [
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { children: [
+          /* @__PURE__ */ e("th", { children: "Consignor" }),
+          /* @__PURE__ */ e("th", { children: "Type" }),
+          /* @__PURE__ */ e("th", { children: "Certificate" }),
+          /* @__PURE__ */ e("th", { children: "Valid until" }),
+          /* @__PURE__ */ e("th", { children: "Station" }),
+          /* @__PURE__ */ e("th", { children: "Status" })
+        ] }) }),
+        /* @__PURE__ */ e("tbody", { children: [
+          ["Uitvaart Service Nederland BV", "KC", "NL/KC/00231-01", "31-12-2026", "AMS", "Valid"],
+          ["MediSupply BV", "KC", "NL/KC/00488-02", "30-09-2026", "AMS", "Valid"],
+          ["FashionHub", "AC", "AC-2026-114", "31-07-2026", "AMS", "Valid"],
+          ["Dutch Flowers BV", "KC", "NL/KC/00120-03", "28-06-2026", "AMS", "18d"]
+        ].map(([t, r, i, l, c, o]) => /* @__PURE__ */ n("tr", { children: [
+          /* @__PURE__ */ e("td", { children: t }),
+          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: "files-status files-status--cleared", children: r }) }),
+          /* @__PURE__ */ e("td", { children: i }),
+          /* @__PURE__ */ e("td", { children: l }),
+          /* @__PURE__ */ e("td", { children: c }),
+          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: o === "Valid" ? "files-status files-status--cleared" : "files-status files-status--invoiced", children: o }) })
+        ] }, i)) })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "security-form", children: [
+        /* @__PURE__ */ n("label", { children: [
+          "Consignor name",
+          /* @__PURE__ */ e("input", {})
+        ] }),
+        /* @__PURE__ */ n("label", { children: [
+          "Type",
+          /* @__PURE__ */ n("select", { children: [
+            /* @__PURE__ */ e("option", { children: "KC" }),
+            /* @__PURE__ */ e("option", { children: "AC" })
+          ] })
+        ] }),
+        /* @__PURE__ */ n("label", { children: [
+          "Certificate",
+          /* @__PURE__ */ e("input", {})
+        ] }),
+        /* @__PURE__ */ n("label", { children: [
+          "Valid until",
+          /* @__PURE__ */ e("input", { placeholder: "dd-mm-yyyy" })
+        ] }),
+        /* @__PURE__ */ n("label", { children: [
+          "Station",
+          /* @__PURE__ */ n("select", { children: [
+            /* @__PURE__ */ e("option", { children: "AMS" }),
+            /* @__PURE__ */ e("option", { children: "DXB" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ n("button", { type: "button", className: "air-action-primary", children: [
+        /* @__PURE__ */ e(s, { name: "Plus", size: 14 }),
+        " Register consignor"
+      ] })
+    ] })
+  ] });
+}
+function un() {
+  const [a, t] = y("home"), [r, i] = y(0), [l, c] = y(0), [o, d] = y(""), [h, p] = y(!1), [u, m] = y(!1), [k, M] = y(!1), [z, Z] = y(["air"]), [f, O] = y(Re[0]), [g, A] = y(""), B = [
+    "Your Cargo Contact (HQ)",
+    "YCC Colchester",
+    "YCC Liège",
+    "Linex UK",
+    "CCL",
+    "Linex France",
+    "YCC Madrid",
+    "YCC Barcelona"
+  ], G = ["Eng (US)", "Esp (ES)", "العربية"], ea = ie(() => Qe(B[r]), [r, B]), ee = Za(a), aa = ie(() => {
+    const b = o.trim().toLowerCase();
+    return b ? ee.work.filter((ae) => Object.values(ae).some((ye) => ye.toLowerCase().includes(b))) : ee.work;
+  }, [ee.work, o]);
+  function K(b) {
+    t(b), A(""), d(""), p(!1), m(!1), M(!1);
+  }
+  function ta(b) {
+    Z((ae) => ae.includes(b) ? ae.filter((ye) => ye !== b) : [...ae, b]);
+  }
+  function U(b) {
+    A(b);
+  }
+  return /* @__PURE__ */ n("div", { className: "prototype-shell", children: [
+    /* @__PURE__ */ e(
+      tt,
+      {
+        activePage: a,
+        branch: B[r],
+        branches: B,
+        items: ea,
+        branchOpen: k,
+        openMenus: z,
+        onSelectPage: K,
+        onToggleMenu: ta,
+        onToggleBranchMenu: () => {
+          M((b) => !b), p(!1), m(!1);
+        },
+        onSelectBranch: (b) => {
+          i(B.indexOf(b)), Ya(b).includes(a) || (t("home"), d("")), M(!1), U(`Workspace switched to ${b}.`);
+        }
+      }
+    ),
+    /* @__PURE__ */ n("div", { className: "prototype-main", children: [
+      /* @__PURE__ */ e(
+        nt,
+        {
+          query: o,
+          language: G[l],
+          notifications: h,
+          userMenuOpen: u,
+          users: Re,
+          activeUser: f,
+          onQueryChange: d,
+          onToggleLanguage: () => {
+            const b = (l + 1) % G.length;
+            c(b), U(`Language changed to ${G[b]}.`);
+          },
+          onToggleNotifications: () => {
+            p((b) => !b), m(!1), M(!1);
+          },
+          onToggleUserMenu: () => {
+            m((b) => !b), p(!1), M(!1);
+          },
+          onSelectUser: (b) => {
+            O(b), m(!1), U(`Demo login switched to ${b.name} with ${b.role} access.`);
+          }
+        }
+      ),
+      /* @__PURE__ */ e("main", { className: "prototype-content", children: a === "home" ? /* @__PURE__ */ e(rt, { onOpenAir: () => K("air"), onOpenFiles: () => K("files") }) : a === "ceo" ? /* @__PURE__ */ e(bt, { onOpen: K }) : a === "coo" ? /* @__PURE__ */ e(ht, { onOpen: K }) : a === "files" ? /* @__PURE__ */ e(ft, {}) : a === "air" || a === "air-dashboard" ? /* @__PURE__ */ e(kt, { onOpen: K }) : a === "air-track-trace" ? /* @__PURE__ */ e(At, {}) : a === "air-awb-stock" ? /* @__PURE__ */ e(_t, {}) : a === "air-warehouse" ? /* @__PURE__ */ e(St, {}) : a === "air-security" ? /* @__PURE__ */ e(Mt, {}) : /* @__PURE__ */ e(
+        ct,
+        {
+          data: ee,
+          activePage: a,
+          filteredWork: aa,
+          message: g,
+          onRowAction: (b) => U(`${b.ref} opened for ${b.customer}. Assigned owner: ${b.owner}.`),
+          onCreateShipment: () => U(`New ${a === "files" ? "document" : "shipment"} draft created from ${Be[r + 1] ?? Be[0]}.`),
+          onRefresh: () => U(`${ee.title} refreshed with latest dummy data.`)
+        }
+      ) })
+    ] })
+  ] });
+}
+const te = {
+  accent: "#5B7CE6",
+  // primary action color, icon tint, active stepper fill
+  indigo: "#6366F1",
+  // active nav item text, user avatar bg, role chip text
+  indigoBg: "#EEF0FE",
+  // active nav bg, role chip bg, PGTS info banner bg
+  navy: "#0E1438"
+  // dark button bg, label print header, print document accents
+}, P = {
+  page: "#F4F5F9",
+  // app root background (body bg)
+  card: "#FFFFFF",
+  // card surface, sidebar, topbar
+  soft: "#F6F7FB",
+  // inset areas, form field bg, empty states, drag-zone default
+  border: "#E8EAF2",
+  // all card borders, dividers, input borders, connector bars
+  ink: "#1B2440",
+  // primary text
+  sub: "#8A93AD",
+  // secondary / supporting text, disabled icons
+  faint: "#AEB4C9"
+  // placeholder text, disabled icons, footnote text
+}, T = {
+  released: { text: "#16A34A", bg: "#DCFCE7" },
+  // Auto-released
+  review: { text: "#EA580C", bg: "#FEF3C7" },
+  // Human review
+  hold: { text: "#C2410C", bg: "#FFEDD5" },
+  // On hold
+  inspect: { text: "#B91C1C", bg: "#FEE2E2" },
+  // Physical inspection
+  unknown: { text: "#6D28D9", bg: "#EDE9FE" },
+  // Unknown parcel
+  missing: { text: "#475569", bg: "#E2E8F0" }
+  // Missing (not scanned)
+}, F = {
+  cleared: { text: "#16A34A", bg: "#DCFCE7" },
+  progress: { text: "#1D4ED8", bg: "#DBEAFE" },
+  hold: { text: "#B91C1C", bg: "#FEE2E2" },
+  pending: { text: "#EA580C", bg: "#FEF3C7" },
+  active: { text: "#16A34A", bg: "#DCFCE7" },
+  inactive: { text: "#64748B", bg: "#F1F5F9" }
+}, D = {
+  ready: { text: "#64748B", bg: "#F1F5F9" },
+  submitted: { text: "#1D4ED8", bg: "#DBEAFE" },
+  ack: { text: "#6D28D9", bg: "#EDE9FE" },
+  released: { text: "#16A34A", bg: "#DCFCE7" },
+  hold: { text: "#B91C1C", bg: "#FEE2E2" },
+  docs: { text: "#EA580C", bg: "#FEF3C7" }
+}, _ = {
+  // Text on colored backgrounds (dark variants for readability)
+  successTextDark: "#166534",
+  // on #DCFCE7 / #ECFDF5
+  warningTextDark: "#9A3412",
+  // on #FEF3C7 / #FEF9EC
+  dangerTextDark: "#B91C1C",
+  // on #FEE2E2
+  infoTextDeep: "#3730A3",
+  // on C.indigoBg (PGTS/RTO banner title)
+  infoTextMid: "#4338CA",
+  // on C.indigoBg (PGTS/RTO banner body)
+  // Raw semantic signals
+  success: "#16A34A",
+  warning: "#EA580C",
+  danger: "#B91C1C",
+  blue: "#1D4ED8",
+  purple: "#6D28D9",
+  slate: "#475569",
+  // Alert border colors (used on banner borders)
+  borderRed: "#FCA5A5",
+  borderAmber: "#FCD34D",
+  borderGreen: "#86EFAC",
+  borderGreenSoft: "#A7F3D0"
+}, Y = {
+  import: { text: "#1D4ED8", bg: "#EFF4FF" },
+  export: { text: "#6D28D9", bg: "#F1ECFE" }
+}, J = {
+  T1: { text: "#1D4ED8", bg: "#EFF4FF" },
+  T2: { text: "#6D28D9", bg: "#F1ECFE" }
+}, E = {
+  Draft: { text: "#64748B", bg: "#F1F5F9" },
+  Expected: { text: "#1D4ED8", bg: "#EFF4FF" },
+  Received: { text: "#EA580C", bg: "#FEF3C7" },
+  Located: { text: "#6D28D9", bg: "#F1ECFE" },
+  "Out-scanned": { text: "#16A34A", bg: "#DCFCE7" }
+}, I = {
+  air: "#4338CA",
+  sea: "#0369A1",
+  road: "#C2410C",
+  customs: "#15803D",
+  warehouse: "#7C3AED",
+  backoffice: "#64748B"
+}, he = {
+  VIS: "#5B7CE6",
+  // Vision-OCR
+  HIST: "#0EA5E9",
+  // Historical Match
+  LLM: "#8B5CF6",
+  // LLM Reasoner
+  STAT: "#14B8A6"
+  // Market-Stat
+}, pn = {
+  // Primary
+  accent: te.accent,
+  indigo: te.indigo,
+  "indigo-bg": te.indigoBg,
+  navy: te.navy,
+  // Neutral
+  page: P.page,
+  card: P.card,
+  soft: P.soft,
+  border: P.border,
+  ink: P.ink,
+  sub: P.sub,
+  faint: P.faint,
+  // Semantic signals
+  success: _.success,
+  warning: _.warning,
+  danger: _.danger,
+  blue: _.blue,
+  purple: _.purple,
+  slate: _.slate,
+  // Text on colored surfaces
+  "success-text": _.successTextDark,
+  "warning-text": _.warningTextDark,
+  "danger-text": _.dangerTextDark,
+  "info-text-deep": _.infoTextDeep,
+  "info-text-mid": _.infoTextMid,
+  // Alert borders
+  "border-red": _.borderRed,
+  "border-amber": _.borderAmber,
+  "border-green": _.borderGreen,
+  "border-green-soft": _.borderGreenSoft,
+  // Status pairs
+  "status-released-text": T.released.text,
+  "status-released-bg": T.released.bg,
+  "status-review-text": T.review.text,
+  "status-review-bg": T.review.bg,
+  "status-hold-text": T.hold.text,
+  "status-hold-bg": T.hold.bg,
+  "status-inspect-text": T.inspect.text,
+  "status-inspect-bg": T.inspect.bg,
+  "status-unknown-text": T.unknown.text,
+  "status-unknown-bg": T.unknown.bg,
+  "status-missing-text": T.missing.text,
+  "status-missing-bg": T.missing.bg,
+  // Milestone pairs
+  "ms-cleared-text": F.cleared.text,
+  "ms-cleared-bg": F.cleared.bg,
+  "ms-progress-text": F.progress.text,
+  "ms-progress-bg": F.progress.bg,
+  "ms-hold-text": F.hold.text,
+  "ms-hold-bg": F.hold.bg,
+  "ms-pending-text": F.pending.text,
+  "ms-pending-bg": F.pending.bg,
+  "ms-active-text": F.active.text,
+  "ms-active-bg": F.active.bg,
+  "ms-inactive-text": F.inactive.text,
+  "ms-inactive-bg": F.inactive.bg,
+  // Clearance pairs
+  "cl-ready-text": D.ready.text,
+  "cl-ready-bg": D.ready.bg,
+  "cl-submitted-text": D.submitted.text,
+  "cl-submitted-bg": D.submitted.bg,
+  "cl-ack-text": D.ack.text,
+  "cl-ack-bg": D.ack.bg,
+  "cl-released-text": D.released.text,
+  "cl-released-bg": D.released.bg,
+  "cl-hold-text": D.hold.text,
+  "cl-hold-bg": D.hold.bg,
+  "cl-docs-text": D.docs.text,
+  "cl-docs-bg": D.docs.bg,
+  // Direction and T-status pairs
+  "direction-import-text": Y.import.text,
+  "direction-import-bg": Y.import.bg,
+  "direction-export-text": Y.export.text,
+  "direction-export-bg": Y.export.bg,
+  "tstatus-t1-text": J.T1.text,
+  "tstatus-t1-bg": J.T1.bg,
+  "tstatus-t2-text": J.T2.text,
+  "tstatus-t2-bg": J.T2.bg,
+  // Warehouse status pairs
+  "warehouse-draft-text": E.Draft.text,
+  "warehouse-draft-bg": E.Draft.bg,
+  "warehouse-expected-text": E.Expected.text,
+  "warehouse-expected-bg": E.Expected.bg,
+  "warehouse-received-text": E.Received.text,
+  "warehouse-received-bg": E.Received.bg,
+  "warehouse-located-text": E.Located.text,
+  "warehouse-located-bg": E.Located.bg,
+  "warehouse-out-scanned-text": E["Out-scanned"].text,
+  "warehouse-out-scanned-bg": E["Out-scanned"].bg,
+  // Branch module colors
+  "branch-air": I.air,
+  "branch-sea": I.sea,
+  "branch-road": I.road,
+  "branch-customs": I.customs,
+  "branch-warehouse": I.warehouse,
+  "branch-backoffice": I.backoffice,
+  // AI bots
+  "bot-vis": he.VIS,
+  "bot-hist": he.HIST,
+  "bot-llm": he.LLM,
+  "bot-stat": he.STAT
+}, Ne = {
+  // Used for every text node across the entire app (FONT constant)
+  sans: "'Poppins', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
+  // Used for AWB numbers, T-refs, PGTS refs, parcel IDs, integrity hashes
+  mono: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Courier New', monospace"
+}, x = {
+  regular: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700,
+  extrabold: 800,
+  black: 900
+}, v = {
+  // Micro — nav chrome and labels
+  xs2: "9px",
+  // nav group headers ("Operations", "Commercial") — text-[9px]
+  xs: "10px",
+  // field labels (uppercase + tracking-wide), bot source text — text-[10px]
+  xs3: "10.5px",
+  // footnotes, panel footer text — text-[10.5px]
+  // Small — secondary content
+  sm2: "11px",
+  // secondary meta info, pill footnotes, notify chip — text-[11px]
+  sm: "12px",
+  // standard body / form text, alert banners — text-[12px]
+  sm3: "12.5px",
+  // sidebar nav section labels — text-[12.5px]
+  // Base — primary content
+  base: "13px",
+  // card primary text, table cell values, ref numbers — text-[13px]
+  md: "14px",
+  // topbar search input, dossier prose (text-sm = 14px)
+  md2: "15px",
+  // shipper name in detail view — text-[15px]
+  md3: "16px",
+  // compact KPI/card values in operational dashboards
+  // Large — headings and KPI
+  lg: "18px",
+  // detail page title ("Announce arrival", "Register bonded storage") — text-[18px]
+  xl: "20px",
+  // KPI values, report headings (text-xl)
+  "2xl": "24px"
+  // KPI primary large value (text-2xl)
+}, ue = {
+  none: "1",
+  // leading-none (avatar initials, badge counters)
+  tight: "1.25",
+  // leading-tight (stepper labels, two-line nav items)
+  snug: "1.375",
+  // leading-snug (DocHeader paragraph, notification text)
+  normal: "1.5"
+  // leading-normal (default body)
+}, re = {
+  wide: "0.025em",
+  // tracking-wide (field labels: Lbl component)
+  wider: "0.05em"
+  // tracking-wider (sidebar group headers)
+}, Tt = {
+  // ── Navigation chrome
+  navGroupLabel: {
+    size: v.xs2,
+    weight: x.bold,
+    spacing: re.wider,
+    transform: "uppercase"
+  },
+  navSectionLabel: {
+    size: v.sm3,
+    weight: x.semibold
+  },
+  navItem: {
+    size: v.sm,
+    weight: x.medium
+  },
+  // ── Form elements
+  fieldLabel: {
+    size: v.xs,
+    weight: x.semibold,
+    spacing: re.wide,
+    transform: "uppercase"
+  },
+  input: {
+    size: v.sm,
+    weight: x.regular
+  },
+  // ── Content hierarchy
+  pageTitle: {
+    size: v.xl,
+    weight: x.bold
+  },
+  detailTitle: {
+    size: v.lg,
+    weight: x.bold
+  },
+  panelTitle: {
+    size: v.md,
+    weight: x.bold
+  },
+  body: {
+    size: v.sm,
+    weight: x.regular
+  },
+  meta: {
+    size: v.sm2,
+    weight: x.regular
+  },
+  footnote: {
+    size: v.xs3,
+    weight: x.regular
+  },
+  // ── Data display
+  kpiValue: {
+    size: v["2xl"],
+    weight: x.bold
+  },
+  kpiLabel: {
+    size: v.xs,
+    weight: x.semibold,
+    spacing: re.wide,
+    transform: "uppercase"
+  },
+  tableValue: {
+    size: v.base,
+    weight: x.regular
+  },
+  reference: {
+    size: v.base,
+    weight: x.bold,
+    family: Ne.mono
+  },
+  badge: {
+    size: "11px",
+    weight: x.semibold
+  },
+  chip: {
+    size: "10px",
+    weight: x.bold
+  },
+  // ── Buttons
+  btn: {
+    size: v.xs,
+    weight: x.semibold
+  }
+}, mn = {
+  "font-sans": Ne.sans,
+  "font-mono": Ne.mono,
+  "size-xs2": v.xs2,
+  "size-xs": v.xs,
+  "size-xs3": v.xs3,
+  "size-sm2": v.sm2,
+  "size-sm": v.sm,
+  "size-sm3": v.sm3,
+  "size-base": v.base,
+  "size-md": v.md,
+  "size-md2": v.md2,
+  "size-md3": v.md3,
+  "size-lg": v.lg,
+  "size-xl": v.xl,
+  "size-2xl": v["2xl"],
+  "weight-regular": String(x.regular),
+  "weight-medium": String(x.medium),
+  "weight-semibold": String(x.semibold),
+  "weight-bold": String(x.bold),
+  "weight-extrabold": String(x.extrabold),
+  "weight-black": String(x.black),
+  "leading-tight": ue.tight,
+  "leading-none": ue.none,
+  "leading-snug": ue.snug,
+  "leading-normal": ue.normal,
+  "tracking-wide": re.wide,
+  "tracking-wider": re.wider
+}, R = {
+  0: "0px",
+  0.5: "2px",
+  // py-0.5 — pill vertical padding
+  1: "4px",
+  // gap-1, mb-0.5 — tightest gap
+  1.5: "6px",
+  // gap-1.5, px-1.5, py-1, mb-1 — tight gap
+  2: "8px",
+  // gap-2, px-2, py-1.5 — standard gap
+  2.5: "10px",
+  // gap-2.5, px-2.5, py-2 — search bar / chip pad
+  3: "12px",
+  // gap-3, px-3, py-2.5, mb-3 — section gap
+  3.5: "14px",
+  // px-3.5, py-3 — alert banner / Btn padding
+  4: "16px",
+  // gap-4, px-4, py-3.5 — card internal gap
+  5: "20px",
+  // py-5 — main content vertical pad
+  6: "24px",
+  // px-6, py-6 — main content horizontal pad, topbar px
+  8: "32px"
+  // px-8 — dossier print horizontal pad
+}, w = {
+  // App shell
+  sidebarWidth: "224px",
+  // w-[224px] — Sidebar component
+  topbarHeight: "58px",
+  // h-[58px] — Topbar component
+  // Sidebar internals
+  logoHeight: "46px",
+  // img height inside Sidebar logo zone
+  // Icon sizes used across the app (passed as `size` prop)
+  icon: {
+    xs: 11,
+    // ChevronRight in breadcrumb, inline chips
+    sm: 12,
+    // inline row meta icons (MapPin, FileText, Calendar, Euro)
+    md: 13,
+    // action chip icons (CheckCircle2, AlertTriangle inline)
+    base: 14,
+    // Btn icon, ChevronDown, Search topbar
+    lg: 15,
+    // PanelCard icon, alert banner icon, topbar Bell, Lbl icon
+    xl: 16,
+    // SidebarItem icon, row avatar icon, back arrow, topbar Bell
+    "2xl": 17,
+    // topbar Bell (notification)
+    "3xl": 18
+    // ScanZone icons (Camera, Upload)
+  },
+  // Avatars / icon containers
+  avatar: {
+    sm: "24px",
+    // user switch dropdown avatar (h-6 w-6)
+    md: "28px",
+    // Stepper circle (h-7 w-7)
+    base: "32px",
+    // Topbar user avatar (h-8 w-8)
+    lg: "36px"
+    // row icon container (h-9 w-9, grid place-items-center rounded-lg)
+  },
+  // Thumbnails (ScanZone document previews)
+  thumbnailWidth: "88px",
+  thumbnailHeight: "64px",
+  // Max-widths
+  searchBarMax: "340px",
+  // list page search bars (maxWidth: 340)
+  topbarSearchMax: "max-w-md",
+  // topbar global search
+  dossierMax: "800px",
+  // max-w-[800px] dossier print area
+  // Donut chart defaults
+  donutDefault: "52px",
+  donutLarge: "72px"
+  // ShipperDetail donut
+}, j = {
+  none: "0px",
+  sm: "4px",
+  // rounded — progress bars, compare bars, sparkline bars
+  md: "6px",
+  // (implied Tailwind md, not explicitly observed but logical gap)
+  lg: "8px",
+  // rounded-lg — Btn, inputs, search bar, nav items, thumbnails
+  xl: "12px",
+  // rounded-xl — section panels, alert banners, list row items, form areas
+  "2xl": "16px",
+  // rounded-2xl — Card, PanelCard, Kpi, page-level cards
+  full: "9999px"
+  // rounded-full — status pills, avatar circles, tab switcher, notification dot
+}, Ie = {
+  // shadow-sm — ShipperRow hover state
+  sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+  // shadow-lg — Topbar user dropdown
+  lg: "0 10px 15px -3px rgb(0 0 0 / 0.10), 0 4px 6px -4px rgb(0 0 0 / 0.10)",
+  // No other shadows observed in the prototype
+  none: "none"
+}, He = {
+  sm: "640px",
+  // sm: — KPI grid 2-col → 4-col, form 1-col → 2-col
+  lg: "1024px"
+  // lg: — Shipper detail 1-col → 3-col, dossier media grid
+}, pe = {
+  base: 0,
+  raised: 10,
+  dropdown: 20,
+  // z-20 — Topbar user account dropdown
+  overlay: 30
+  // Dossier / Proforma full-screen overlay (implied above shell)
+}, Ce = {
+  // ChevronDown rotation in sidebar accordion
+  chevron: "transform 0.15s ease",
+  // Tailwind `transition` class on interactive elements (Btn, row buttons)
+  default: "all 0.15s ease",
+  // Connectivity feed polling interval (not a CSS transition, but a timing constant)
+  feedPoll: 4e3
+  // ms
+}, ke = {
+  // @keyframes flpulse — used on connectivity status indicators
+  flpulse: {
+    name: "flpulse",
+    keyframes: `
+      0%   { opacity: 0.3; }
+      50%  { opacity: 1;   }
+      100% { opacity: 0.3; }
+    `,
+    duration: "1.5s",
+    timing: "ease-in-out",
+    iteration: "infinite"
+  }
+}, gn = {
+  // Spacing
+  "space-0": R[0],
+  "space-0_5": R[0.5],
+  "space-1": R[1],
+  "space-1_5": R[1.5],
+  "space-2": R[2],
+  "space-2_5": R[2.5],
+  "space-3": R[3],
+  "space-3_5": R[3.5],
+  "space-4": R[4],
+  "space-5": R[5],
+  "space-6": R[6],
+  "space-8": R[8],
+  // Shell
+  "sidebar-width": w.sidebarWidth,
+  "topbar-height": w.topbarHeight,
+  "logo-height": w.logoHeight,
+  // Icon sizes
+  "icon-xs": String(w.icon.xs),
+  "icon-sm": String(w.icon.sm),
+  "icon-md": String(w.icon.md),
+  "icon-base": String(w.icon.base),
+  "icon-lg": String(w.icon.lg),
+  "icon-xl": String(w.icon.xl),
+  "icon-2xl": String(w.icon["2xl"]),
+  "icon-3xl": String(w.icon["3xl"]),
+  // Avatar and media sizes
+  "avatar-sm": w.avatar.sm,
+  "avatar-md": w.avatar.md,
+  "avatar-base": w.avatar.base,
+  "avatar-lg": w.avatar.lg,
+  "thumbnail-width": w.thumbnailWidth,
+  "thumbnail-height": w.thumbnailHeight,
+  "search-bar-max": w.searchBarMax,
+  "topbar-search-max": w.topbarSearchMax,
+  "dossier-max": w.dossierMax,
+  "donut-default": w.donutDefault,
+  "donut-large": w.donutLarge,
+  // Radius
+  "radius-sm": j.sm,
+  "radius-md": j.md,
+  "radius-lg": j.lg,
+  "radius-xl": j.xl,
+  "radius-2xl": j["2xl"],
+  "radius-full": j.full,
+  // Shadow
+  "shadow-sm": Ie.sm,
+  "shadow-lg": Ie.lg,
+  // Z-index
+  "z-base": String(pe.base),
+  "z-raised": String(pe.raised),
+  "z-dropdown": String(pe.dropdown),
+  "z-overlay": String(pe.overlay),
+  // Breakpoints and transitions
+  "breakpoint-sm": He.sm,
+  "breakpoint-lg": He.lg,
+  "transition-chevron": Ce.chevron,
+  "transition-default": Ce.default,
+  "feed-poll-ms": String(Ce.feedPoll),
+  "flpulse-duration": ke.flpulse.duration,
+  "flpulse-timing": ke.flpulse.timing,
+  "flpulse-iteration": ke.flpulse.iteration
+};
+export {
+  It as Accordion,
+  Aa as Alert,
+  le as Avatar,
+  oe as Badge,
+  Ke as Banner,
+  Je as Breadcrumb,
+  N as Button,
+  ge as Card,
+  Lt as CardBody,
+  Ge as CardFooter,
+  Se as CardHeader,
+  se as Checkbox,
+  nn as Col,
+  Et as CompareBar,
+  hn as ComponentShowcase,
+  Qt as ConfirmDialog,
+  tn as Container,
+  en as ContextMenu,
+  Gt as CopyButton,
+  dn as DashboardDemo,
+  Wt as DataList,
+  jt as DateInput,
+  ln as Divider,
+  Bt as Donut,
+  Yt as Drawer,
+  Ot as EmptyState,
+  fa as FileUpload,
+  Fa as Footer,
+  fe as FormGroup,
+  cn as Grid,
+  Ta as Header,
+  s as Icon,
+  H as Input,
+  zt as KV,
+  qe as Modal,
+  Ye as Nav,
+  Me as NavContext,
+  X as NavGroup,
+  L as NavItem,
+  La as Page,
+  rn as PageHeader,
+  an as Pagination,
+  Pt as Popover,
+  Vt as ProgressBar,
+  un as PrototypeHome,
+  xa as Radio,
+  Ut as RadioGroup,
+  $ as Row,
+  Kt as ScanZone,
+  qt as SearchInput,
+  ne as Select,
+  Ma as Sidebar,
+  Jt as Skeleton,
+  sn as Spacer,
+  _a as Spinner,
+  on as Stack,
+  V as StatCard,
+  Xt as Stepper,
+  Ue as Table,
+  Zt as Tabs,
+  Q as Tag,
+  me as Textarea,
+  Ht as Timeline,
+  ka as ToastProvider,
+  q as Toggle,
+  $t as Tooltip,
+  Rt as TrendSpark,
+  he as aiBot,
+  ke as animation,
+  I as branchModule,
+  He as breakpoint,
+  D as clearance,
+  pn as colorTokens,
+  Y as direction,
+  Ne as fontFamily,
+  v as fontSize,
+  x as fontWeight,
+  la as iconNames,
+  gn as layoutTokens,
+  re as letterSpacing,
+  ue as lineHeight,
+  F as milestone,
+  P as neutral,
+  te as primary,
+  j as radius,
+  _ as semantic,
+  Ie as shadow,
+  w as size,
+  R as spacing,
+  T as status,
+  J as tStatus,
+  Tt as textStyle,
+  Ce as transition,
+  mn as typographyTokens,
+  wa as useToast,
+  E as warehouseStatus,
+  pe as zIndex
+};