@gelabs/ovr 0.4.3 → 0.4.4

package/dist/chunk-NPTR7GFZ.js

@@ -0,0 +1,432 @@
+import { Skeleton } from './chunk-EGKFELO3.js';
+import { TicketPreview } from './chunk-JTSTNZAB.js';
+import { Textarea } from './chunk-QCRVT2SS.js';
+import { useIdentity } from './chunk-YGYA7KEG.js';
+import { Alert, AlertDescription } from './chunk-EYFZWQ4J.js';
+import { Checkbox } from './chunk-BBQBKQA4.js';
+import { Label } from './chunk-XQTVSNHC.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose } from './chunk-M35R6JLA.js';
+import { Input } from './chunk-K3KIBHJF.js';
+import { Button } from './chunk-I4WDVYHX.js';
+import { useFormatters, useOvrConfig } from './chunk-TJSNVTVB.js';
+import { Card, CardHeader, CardTitle, CardContent, CardDescription } from './chunk-SETIN6XP.js';
+import { cn } from './chunk-77QBZC7J.js';
+import { localToManilaISO, toPreviewTicket, listProvinces, citiesOfProvince } from './chunk-BI4EGLPG.js';
+import * as React from 'react';
+import { toast } from 'sonner';
+import { FilePlus2, TriangleAlert, Loader2 } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var fieldClass = "h-9 w-full rounded-lg border border-input bg-transparent px-2.5 text-sm shadow-xs outline-none transition-colors focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50 dark:bg-input/30";
+function TextField({
+  id,
+  label,
+  value,
+  onChange,
+  placeholder,
+  required,
+  type = "text"
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs(Label, { htmlFor: id, children: [
+      label,
+      required ? /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" }) : null
+    ] }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        id,
+        type,
+        value,
+        onChange: (e) => onChange(e.target.value),
+        placeholder,
+        autoComplete: "off"
+      }
+    )
+  ] });
+}
+function ViolationRow({
+  item,
+  checked,
+  details,
+  onToggle,
+  onDetails,
+  formatPeso
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "rounded-lg border p-3 transition-colors",
+        checked ? "border-primary/40 bg-primary/5" : "hover:bg-muted/40"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              id: `v-${item.code}`,
+              checked,
+              onCheckedChange: (v) => onToggle(v === true),
+              className: "mt-0.5"
+            }
+          ),
+          /* @__PURE__ */ jsxs("label", { htmlFor: `v-${item.code}`, className: "flex-1 cursor-pointer", children: [
+            /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: item.title }),
+              /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm font-medium tabular-nums", children: formatPeso(item.basicFine) })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-muted-foreground", children: item.code })
+          ] })
+        ] }),
+        checked ? /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            value: details,
+            onChange: (e) => onDetails(e.target.value),
+            placeholder: "Add details \u2014 location, circumstances, plate, etc.",
+            rows: 2,
+            className: "mt-2.5"
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function IssuanceForm({
+  catalog,
+  officers,
+  createAction
+}) {
+  const { formatPeso, nowManilaLocalInput } = useFormatters();
+  const { municipality, rules } = useOvrConfig();
+  const identity = useIdentity();
+  const [firstName, setFirstName] = React.useState("");
+  const [middleName, setMiddleName] = React.useState("");
+  const [lastName, setLastName] = React.useState("");
+  const [street, setStreet] = React.useState("");
+  const [barangay, setBarangay] = React.useState("");
+  const [cityMunicipality, setCityMunicipality] = React.useState(
+    municipality.shortName
+  );
+  const [province, setProvince] = React.useState(municipality.province);
+  const [licenseNumber, setLicenseNumber] = React.useState("");
+  const [plateNumber, setPlateNumber] = React.useState("");
+  const [contactNo, setContactNo] = React.useState("");
+  const [apprehendedLocal, setApprehendedLocal] = React.useState("");
+  const [placeOfViolation, setPlaceOfViolation] = React.useState("");
+  const [officerId, setOfficerId] = React.useState(officers[0]?.id ?? "");
+  const [selected, setSelected] = React.useState({});
+  const [remarks, setRemarks] = React.useState("");
+  const [issuedBy, setIssuedBy] = React.useState("");
+  const [mounted, setMounted] = React.useState(false);
+  const [open, setOpen] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const [isPending, startTransition] = React.useTransition();
+  React.useEffect(() => {
+    setMounted(true);
+    setApprehendedLocal(nowManilaLocalInput());
+  }, [nowManilaLocalInput]);
+  function toggle(code, checked) {
+    setSelected((prev) => {
+      const next = { ...prev };
+      if (checked) next[code] = next[code] ?? "";
+      else delete next[code];
+      return next;
+    });
+  }
+  const violator = {
+    firstName,
+    middleName: middleName || void 0,
+    lastName,
+    street,
+    barangay: barangay || void 0,
+    cityMunicipality,
+    province,
+    licenseNumber,
+    plateNumber: plateNumber || void 0,
+    contactNo: contactNo || void 0
+  };
+  const chosen = catalog.filter((c) => c.code in selected);
+  const total = chosen.reduce((s, c) => s + c.basicFine, 0);
+  const draft = {
+    violator,
+    apprehendedAtISO: apprehendedLocal ? localToManilaISO(apprehendedLocal) : "",
+    placeOfViolation: placeOfViolation || void 0,
+    officer: officers.find((o) => o.id === officerId),
+    violations: chosen.map((c) => ({ item: c, details: selected[c.code] })),
+    remarks: remarks || void 0
+  };
+  const preview = toPreviewTicket(draft, /* @__PURE__ */ new Date(), rules);
+  const valid = !!firstName.trim() && !!lastName.trim() && !!street.trim() && !!cityMunicipality.trim() && !!province.trim() && !!licenseNumber.trim() && !!apprehendedLocal && !!officerId && chosen.length > 0;
+  function issue() {
+    setError(null);
+    const input = {
+      violator,
+      apprehendedAt: localToManilaISO(apprehendedLocal),
+      placeOfViolation: placeOfViolation || void 0,
+      officerId,
+      violations: Object.entries(selected).map(([catalogCode, details]) => ({
+        catalogCode,
+        details: details || void 0
+      })),
+      remarks: remarks || void 0,
+      issuedBy: issuedBy || void 0,
+      apprehendingEnforcerId: identity?.userId,
+      apprehendingEnforcerName: identity?.username
+    };
+    startTransition(async () => {
+      const res = await createAction(input);
+      if (res?.error) {
+        setError(res.error);
+        toast.error(res.error);
+      }
+    });
+  }
+  const traffic = catalog.filter((c) => c.category === "TRAFFIC");
+  const ordinance = catalog.filter((c) => c.category === "ORDINANCE");
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-6 lg:grid-cols-5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-6 lg:col-span-3", children: [
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: "Violator details" }) }),
+        /* @__PURE__ */ jsxs(CardContent, { className: "grid gap-4 sm:grid-cols-2", children: [
+          /* @__PURE__ */ jsx(TextField, { id: "firstName", label: "First name", value: firstName, onChange: setFirstName, required: true }),
+          /* @__PURE__ */ jsx(TextField, { id: "middleName", label: "Middle name", value: middleName, onChange: setMiddleName }),
+          /* @__PURE__ */ jsx(TextField, { id: "lastName", label: "Last name", value: lastName, onChange: setLastName, required: true }),
+          /* @__PURE__ */ jsx(TextField, { id: "license", label: "License number", value: licenseNumber, onChange: setLicenseNumber, required: true, placeholder: "N03-12-345678" }),
+          /* @__PURE__ */ jsx("div", { className: "sm:col-span-2", children: /* @__PURE__ */ jsx(TextField, { id: "street", label: "Address line", value: street, onChange: setStreet, required: true, placeholder: "House no. / Purok / Zone / Street" }) }),
+          /* @__PURE__ */ jsx("div", { className: "sm:col-span-2", children: /* @__PURE__ */ jsx(TextField, { id: "barangay", label: "Barangay", value: barangay, onChange: setBarangay, placeholder: "e.g. Amungan" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsxs(Label, { htmlFor: "province", children: [
+              "Province",
+              /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" })
+            ] }),
+            /* @__PURE__ */ jsxs(
+              "select",
+              {
+                id: "province",
+                value: province,
+                onChange: (e) => {
+                  const p = e.target.value;
+                  setProvince(p);
+                  if (cityMunicipality && !citiesOfProvince(p).includes(cityMunicipality)) {
+                    setCityMunicipality("");
+                  }
+                },
+                className: fieldClass,
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: "Select province\u2026" }),
+                  listProvinces().map((p) => /* @__PURE__ */ jsx("option", { value: p, children: p }, p))
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsxs(Label, { htmlFor: "city", children: [
+              "City / Municipality",
+              /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" })
+            ] }),
+            /* @__PURE__ */ jsxs(
+              "select",
+              {
+                id: "city",
+                value: cityMunicipality,
+                onChange: (e) => setCityMunicipality(e.target.value),
+                disabled: !province,
+                className: fieldClass,
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: province ? "Select city / municipality\u2026" : "Select a province first" }),
+                  citiesOfProvince(province).map((c) => /* @__PURE__ */ jsx("option", { value: c, children: c }, c))
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(TextField, { id: "plate", label: "Plate number", value: plateNumber, onChange: setPlateNumber, placeholder: "ABC 1234" }),
+          /* @__PURE__ */ jsx(TextField, { id: "contact", label: "Contact number", value: contactNo, onChange: setContactNo, placeholder: "0917 555 0000" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: "Apprehension details" }) }),
+        /* @__PURE__ */ jsxs(CardContent, { className: "grid gap-4 sm:grid-cols-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsxs(Label, { htmlFor: "apprehendedAt", children: [
+              "Date & time",
+              /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "apprehendedAt",
+                type: "datetime-local",
+                value: apprehendedLocal,
+                onChange: (e) => setApprehendedLocal(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsxs(Label, { htmlFor: "officer", children: [
+              "Apprehending officer",
+              /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                id: "officer",
+                value: officerId,
+                onChange: (e) => setOfficerId(e.target.value),
+                className: fieldClass,
+                children: officers.map((o) => /* @__PURE__ */ jsxs("option", { value: o.id, children: [
+                  o.name,
+                  o.badgeNo ? ` (${o.badgeNo})` : ""
+                ] }, o.id))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "apprehendingEnforcer", children: "Apprehending enforcer" }),
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                id: "apprehendingEnforcer",
+                className: "flex h-9 items-center rounded-lg border border-input bg-muted/40 px-2.5 text-sm text-muted-foreground",
+                children: identity?.username ?? "\u2014"
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Auto-recorded from your sign-in." })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "sm:col-span-2", children: /* @__PURE__ */ jsx(TextField, { id: "place", label: "Place of violation", value: placeOfViolation, onChange: setPlaceOfViolation, placeholder: `Street / landmark, ${municipality.shortName}` }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsxs(CardHeader, { children: [
+          /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: "Violations" }),
+          /* @__PURE__ */ jsx(CardDescription, { children: "Tick each violation and add details. Fines total automatically." })
+        ] }),
+        /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Traffic" }),
+            /* @__PURE__ */ jsx("div", { className: "space-y-2", children: traffic.map((c) => /* @__PURE__ */ jsx(
+              ViolationRow,
+              {
+                item: c,
+                checked: c.code in selected,
+                details: selected[c.code] ?? "",
+                onToggle: (v) => toggle(c.code, v),
+                onDetails: (v) => setSelected((p) => ({ ...p, [c.code]: v })),
+                formatPeso
+              },
+              c.code
+            )) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Ordinance" }),
+            /* @__PURE__ */ jsx("div", { className: "space-y-2", children: ordinance.map((c) => /* @__PURE__ */ jsx(
+              ViolationRow,
+              {
+                item: c,
+                checked: c.code in selected,
+                details: selected[c.code] ?? "",
+                onToggle: (v) => toggle(c.code, v),
+                onDetails: (v) => setSelected((p) => ({ ...p, [c.code]: v })),
+                formatPeso
+              },
+              c.code
+            )) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: "Remarks" }) }),
+        /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3", children: [
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              value: remarks,
+              onChange: (e) => setRemarks(e.target.value),
+              placeholder: "Optional notes for this ticket.",
+              rows: 3
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              id: "issuedBy",
+              label: "Issued by",
+              value: issuedBy,
+              onChange: setIssuedBy,
+              placeholder: "Optional \u2014 name shown on the receipt"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "lg:col-span-2", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4 lg:sticky lg:top-6", children: [
+      mounted ? /* @__PURE__ */ jsx(TicketPreview, { ticket: preview }) : /* @__PURE__ */ jsx(Skeleton, { className: "h-80 w-full rounded-xl" }),
+      /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Total fines" }),
+          /* @__PURE__ */ jsx("p", { className: "text-xl font-semibold tabular-nums", children: formatPeso(total) })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            disabled: !valid,
+            onClick: () => {
+              setError(null);
+              setOpen(true);
+            },
+            className: "h-10 gap-2 px-4",
+            children: [
+              /* @__PURE__ */ jsx(FilePlus2, { className: "size-4" }),
+              "Review & issue"
+            ]
+          }
+        )
+      ] }) }),
+      !valid ? /* @__PURE__ */ jsx("p", { className: "text-center text-xs text-muted-foreground", children: "Fill the required fields and select at least one violation." }) : null
+    ] }) }),
+    /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: "Confirm & issue ticket" }),
+        /* @__PURE__ */ jsxs(DialogDescription, { children: [
+          "This issues an official OVR for",
+          " ",
+          /* @__PURE__ */ jsxs("span", { className: "font-medium text-foreground", children: [
+            firstName,
+            " ",
+            lastName
+          ] }),
+          " ",
+          "with ",
+          chosen.length,
+          " ",
+          chosen.length === 1 ? "violation" : "violations",
+          " totaling",
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: formatPeso(total) }),
+          ". It becomes immediately searchable by the citizen."
+        ] })
+      ] }),
+      error ? /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
+        /* @__PURE__ */ jsx(TriangleAlert, {}),
+        /* @__PURE__ */ jsx(AlertDescription, { children: error })
+      ] }) : null,
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(
+          DialogClose,
+          {
+            render: /* @__PURE__ */ jsx(Button, { variant: "outline", disabled: isPending }),
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsxs(Button, { onClick: issue, disabled: isPending, className: "gap-2", children: [
+          isPending ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(FilePlus2, { className: "size-4" }),
+          "Confirm & issue"
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+
+export { IssuanceForm };

package/dist/chunk-SLQRZBMR.js

@@ -0,0 +1,66 @@
+import { useNotifications } from './chunk-YGYA7KEG.js';
+import { usePagination, Pagination } from './chunk-6YFZLXFP.js';
+import { Badge } from './chunk-55FQP2DO.js';
+import { useCopy, useOvrConfig } from './chunk-TJSNVTVB.js';
+import { Card, CardContent } from './chunk-SETIN6XP.js';
+import Link from 'next/link';
+import { AlertTriangle, Clock } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function NotificationsList() {
+  const items = useNotifications();
+  const t = useCopy().admin.notifications;
+  const { rules } = useOvrConfig();
+  const { pageItems, page, setPage, totalPages, from, to, total } = usePagination(items, 20);
+  const fmt = (iso) => new Date(iso).toLocaleString(rules.locale, {
+    timeZone: rules.timeZone,
+    year: "numeric",
+    month: "short",
+    day: "2-digit",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-3xl p-4 sm:p-6 lg:p-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
+      /* @__PURE__ */ jsx("h1", { className: "font-heading text-2xl font-semibold tracking-tight", children: t.title }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t.subtitle })
+    ] }),
+    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "p-0", children: [
+      items.length === 0 ? /* @__PURE__ */ jsx("p", { className: "p-8 text-center text-sm text-muted-foreground", children: t.empty }) : /* @__PURE__ */ jsx("ul", { className: "divide-y", children: pageItems.map((n) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href: n.href,
+          className: "flex items-center gap-3 px-4 py-3 transition-colors hover:bg-muted/50",
+          children: [
+            n.type === "overdue" ? /* @__PURE__ */ jsx(AlertTriangle, { className: "size-4 shrink-0 text-red-500" }) : /* @__PURE__ */ jsx(Clock, { className: "size-4 shrink-0 text-amber-500" }),
+            /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("span", { className: "block truncate text-sm font-medium", children: n.name }),
+              /* @__PURE__ */ jsx("span", { className: "block font-mono text-xs text-muted-foreground", children: n.ovrTicketNo })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Badge,
+              {
+                variant: n.type === "overdue" ? "destructive" : "secondary",
+                children: n.type === "overdue" ? t.overdue : t.outstanding
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "hidden whitespace-nowrap text-xs text-muted-foreground sm:block", children: fmt(n.at) })
+          ]
+        }
+      ) }, n.id)) }),
+      /* @__PURE__ */ jsx(
+        Pagination,
+        {
+          page,
+          totalPages,
+          from,
+          to,
+          total,
+          onPage: setPage
+        }
+      )
+    ] }) })
+  ] });
+}
+
+export { NotificationsList };

package/dist/chunk-UBUXPJLN.js

@@ -0,0 +1,29 @@
+import { Card, CardContent } from './chunk-SETIN6XP.js';
+import { cn } from './chunk-77QBZC7J.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function StatCard({
+  label,
+  value,
+  icon,
+  accent = "bg-muted text-muted-foreground"
+}) {
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "flex size-10 shrink-0 items-center justify-center rounded-lg",
+          accent
+        ),
+        children: icon
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx("p", { className: "truncate text-2xl font-semibold tabular-nums", children: value }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: label })
+    ] })
+  ] }) });
+}
+
+export { StatCard };

package/dist/chunk-UN6Z4WGF.js

@@ -0,0 +1,31 @@
+import { useCopy } from './chunk-TJSNVTVB.js';
+import { cn } from './chunk-77QBZC7J.js';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import { jsx } from 'react/jsx-runtime';
+
+function CitizenNav() {
+  const pathname = usePathname();
+  const copy = useCopy();
+  const items = [
+    { href: "/citizen", label: "Home", exact: true },
+    { href: "/citizen/search", label: copy.citizen.home.searchCta }
+  ];
+  return /* @__PURE__ */ jsx("nav", { className: "flex items-center gap-1", children: items.map((it) => {
+    const active = it.exact ? pathname === it.href : pathname.startsWith(it.href);
+    return /* @__PURE__ */ jsx(
+      Link,
+      {
+        href: it.href,
+        className: cn(
+          "rounded-md px-2.5 py-1.5 text-sm font-medium transition-colors sm:px-3",
+          active ? "bg-white/15 text-gov-foreground" : "text-gov-foreground/80 hover:bg-white/10 hover:text-gov-foreground"
+        ),
+        children: it.label
+      },
+      it.href
+    );
+  }) });
+}
+
+export { CitizenNav };

package/dist/chunk-YE3D2DYY.js

@@ -0,0 +1,83 @@
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuItem } from './chunk-V7VQVDWS.js';
+import { useNotificationsState } from './chunk-YGYA7KEG.js';
+import { useCopy } from './chunk-TJSNVTVB.js';
+import { cn } from './chunk-77QBZC7J.js';
+import Link from 'next/link';
+import { Bell } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var BELL_LIMIT = 6;
+function NotificationBell() {
+  const { items, total, unseen, markSeen } = useNotificationsState();
+  const t = useCopy().admin.notifications;
+  const hasOverdue = items.some((n) => n.type === "overdue");
+  const top = items.slice(0, BELL_LIMIT);
+  return /* @__PURE__ */ jsxs(
+    DropdownMenu,
+    {
+      onOpenChange: (open) => {
+        if (open) markSeen();
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          DropdownMenuTrigger,
+          {
+            render: /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": t.title,
+                className: "relative flex items-center rounded-md px-2 py-1.5 text-sm font-medium text-gov-foreground/80 transition-colors hover:bg-white/10 hover:text-gov-foreground aria-expanded:bg-white/10 aria-expanded:text-gov-foreground"
+              }
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Bell, { className: "size-4 shrink-0" }),
+              unseen ? /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "absolute -top-0.5 -right-0.5 flex min-w-4 items-center justify-center rounded-full px-1 text-[0.625rem] leading-4 font-semibold text-white",
+                    hasOverdue ? "bg-red-500" : "bg-amber-500"
+                  ),
+                  children: total > 99 ? "99+" : total
+                }
+              ) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "min-w-72", children: [
+          /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-sm font-medium", children: t.title }),
+          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+          items.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-2 py-3 text-center text-sm text-muted-foreground", children: t.empty }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            top.map((n) => /* @__PURE__ */ jsxs(DropdownMenuItem, { render: /* @__PURE__ */ jsx(Link, { href: n.href }), children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "mt-1 size-2 shrink-0 rounded-full",
+                    n.type === "overdue" ? "bg-red-500" : "bg-amber-500"
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxs("span", { className: "flex-1", children: [
+                /* @__PURE__ */ jsx("span", { className: "block font-mono text-xs", children: n.ovrTicketNo }),
+                /* @__PURE__ */ jsxs("span", { className: "block text-xs text-muted-foreground", children: [
+                  n.type === "overdue" ? t.overdue : t.outstanding,
+                  " \xB7 ",
+                  n.name
+                ] })
+              ] })
+            ] }, n.id)),
+            /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsx(DropdownMenuItem, { render: /* @__PURE__ */ jsx(Link, { href: "/admin/notifications" }), children: /* @__PURE__ */ jsxs("span", { className: "flex-1 text-center text-sm", children: [
+              t.viewAll,
+              total > top.length ? ` (${total})` : ""
+            ] }) })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+export { NotificationBell };

package/dist/citizen.d.ts

@@ -0,0 +1,5 @@
+export { CitizenNav } from './ui-components-citizen/citizen-nav.js';
+export { ViolationHistoryTable } from './ui-components-citizen/violation-history-table.js';
+export { TicketNotFound } from './ui-components-citizen/ticket-not-found.js';
+import 'react';
+import './types.js';

package/dist/citizen.js

@@ -0,0 +1,12 @@
+export { CitizenNav } from './chunk-UN6Z4WGF.js';
+export { TicketNotFound } from './chunk-6WMPBAUH.js';
+export { ViolationHistoryTable } from './chunk-7GVZZWK3.js';
+import './chunk-OE525ZER.js';
+import './chunk-BVI5XDDA.js';
+import './chunk-OWCGEEAZ.js';
+import './chunk-55FQP2DO.js';
+import './chunk-I4WDVYHX.js';
+import './chunk-TJSNVTVB.js';
+import './chunk-SETIN6XP.js';
+import './chunk-77QBZC7J.js';
+import './chunk-BI4EGLPG.js';

package/dist/config.d.ts

@@ -1,5 +1,5 @@
-import { c as OvrConfigInput } from './schema-CdsFQxIg.js';
-export { D as DemoAdminConfig, M as MunicipalityConfig, O as OfficeConfig, a as OfficesConfig, b as OvrConfig, P as PaymentMethodConfig, R as RulesConfig, d as demoAdminConfigSchema, m as municipalityConfigSchema, o as officeConfigSchema, e as officesConfigSchema, f as ovrConfigSchema, p as paymentMethodConfigSchema, r as rulesConfigSchema } from './schema-CdsFQxIg.js';
+import { c as OvrConfigInput } from './schema-BUhh_mKX.js';
+export { D as DemoAdminConfig, M as MunicipalityConfig, O as OfficeConfig, a as OfficesConfig, b as OvrConfig, P as PaymentMethodConfig, R as RulesConfig, d as demoAdminConfigSchema, m as municipalityConfigSchema, o as officeConfigSchema, e as officesConfigSchema, f as ovrConfigSchema, p as paymentMethodConfigSchema, r as rulesConfigSchema } from './schema-BUhh_mKX.js';
 import 'zod';
 
 /**