@gelabs/ovr 0.1.1 → 0.2.0

package/dist/ui-components-citizen/payment-form.js

@@ -0,0 +1,168 @@
+"use client";
+import { PaymentQrDialog } from '../chunk-5Z2IAD5I.js';
+import { Separator } from '../chunk-NSCIBSCW.js';
+import { Alert, AlertDescription } from '../chunk-EYFZWQ4J.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from '../chunk-SETIN6XP.js';
+import { Money } from '../chunk-3KIDW4LT.js';
+import '../chunk-M35R6JLA.js';
+import { Button } from '../chunk-I4WDVYHX.js';
+import { useOvrConfig, useCopy } from '../chunk-E2D7QT6N.js';
+import { cn } from '../chunk-77QBZC7J.js';
+import '../chunk-B634JHKZ.js';
+import * as React from 'react';
+import { toast } from 'sonner';
+import { Check, TriangleAlert, Loader2, Lock, Building2, Landmark, Smartphone, Wallet } from 'lucide-react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var ICONS = {
+  GCASH: /* @__PURE__ */ jsx(Wallet, { className: "size-5" }),
+  MAYA: /* @__PURE__ */ jsx(Smartphone, { className: "size-5" }),
+  LANDBANK: /* @__PURE__ */ jsx(Landmark, { className: "size-5" }),
+  OVER_THE_COUNTER: /* @__PURE__ */ jsx(Building2, { className: "size-5" })
+};
+function PaymentForm({
+  ovrTicketNo,
+  lastName,
+  violatorName,
+  basicFines,
+  penalty,
+  amount,
+  payAction
+}) {
+  const { paymentMethods } = useOvrConfig();
+  const copy = useCopy();
+  const payMethods = paymentMethods.filter((m) => m.id !== "OVER_THE_COUNTER");
+  const [method, setMethod] = React.useState(
+    () => payMethods[0]?.id ?? "GCASH"
+  );
+  const [error, setError] = React.useState(null);
+  const [isPending, startTransition] = React.useTransition();
+  const [qrOpen, setQrOpen] = React.useState(false);
+  function pay() {
+    setError(null);
+    startTransition(async () => {
+      const res = await payAction({ ovrTicketNo, lastName, method });
+      if (res?.error) {
+        setError(res.error);
+        toast.error(res.error);
+      }
+    });
+  }
+  const methodLabel = paymentMethods.find((m) => m.id === method)?.label ?? method;
+  function handlePay() {
+    if (method === "OVER_THE_COUNTER") {
+      pay();
+    } else {
+      setError(null);
+      setQrOpen(true);
+    }
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Card, { className: "overflow-visible", children: [
+      /* @__PURE__ */ jsxs(CardHeader, { children: [
+        /* @__PURE__ */ jsx(CardTitle, { className: "text-xl", children: copy.citizen.pay.title }),
+        /* @__PURE__ */ jsxs(CardDescription, { children: [
+          violatorName,
+          " \xB7 ",
+          /* @__PURE__ */ jsx("span", { className: "font-mono", children: ovrTicketNo })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded-lg border bg-muted/20 p-3 text-sm", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Basic fines" }),
+            /* @__PURE__ */ jsx(Money, { value: basicFines })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Penalty / surcharge" }),
+            /* @__PURE__ */ jsx(
+              Money,
+              {
+                value: penalty,
+                className: cn(penalty === 0 && "text-muted-foreground")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(Separator, {}),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Total to pay" }),
+            /* @__PURE__ */ jsx(Money, { value: amount, className: "text-xl font-bold" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: copy.citizen.pay.choose }),
+          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2", children: payMethods.map((m) => {
+            const active = method === m.id;
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => setMethod(m.id),
+                "aria-pressed": active,
+                className: cn(
+                  "flex items-center gap-2.5 rounded-lg border p-3 text-left transition-colors outline-none focus-visible:ring-3 focus-visible:ring-ring/50",
+                  active ? "border-primary bg-primary/5 ring-1 ring-primary/30" : "hover:bg-muted/40"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "flex size-9 shrink-0 items-center justify-center rounded-lg",
+                        active ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"
+                      ),
+                      children: ICONS[m.id]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "min-w-0", children: /* @__PURE__ */ jsx("span", { className: "block truncate text-sm font-medium", children: m.label }) }),
+                  active ? /* @__PURE__ */ jsx(Check, { className: "ml-auto size-4 shrink-0 text-primary" }) : null
+                ]
+              },
+              m.id
+            );
+          }) })
+        ] }),
+        error ? /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
+          /* @__PURE__ */ jsx(TriangleAlert, {}),
+          /* @__PURE__ */ jsx(AlertDescription, { children: error })
+        ] }) : null,
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: handlePay,
+            disabled: isPending,
+            className: "h-11 w-full gap-2 text-base",
+            children: isPending ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }),
+              copy.citizen.pay.processing
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Lock, { className: "size-4" }),
+              copy.citizen.pay.payNow,
+              " ",
+              /* @__PURE__ */ jsx(Money, { value: amount, className: "font-semibold" })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxs("p", { className: "flex items-center justify-center gap-1.5 text-center text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(Lock, { className: "size-3" }),
+          copy.citizen.pay.secure
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      PaymentQrDialog,
+      {
+        open: qrOpen,
+        onOpenChange: setQrOpen,
+        method,
+        methodLabel,
+        amount,
+        ovrTicketNo,
+        lastName,
+        payAction
+      }
+    )
+  ] });
+}
+
+export { PaymentForm };

package/dist/ui-components-citizen/payment-qr-dialog.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+
+/** The Server Action that settles the payment, injected by the consuming page. */
+type PayAction = (args: {
+    ovrTicketNo: string;
+    lastName: string;
+    method: string;
+}) => Promise<{
+    error?: string;
+} | void>;
+/**
+ * "Scan to pay" modal for the online payment methods (GCash / Maya / Landbank).
+ *
+ * The QR is a DEMO PLACEHOLDER — there is no real payment gateway yet. Once a
+ * gateway is integrated, the placeholder block is replaced by the gateway's
+ * per-transaction QR, and "I've completed payment" is replaced by a webhook/
+ * callback confirmation BEFORE the ticket is marked PAID.
+ */
+declare function PaymentQrDialog({ open, onOpenChange, method, methodLabel, amount, ovrTicketNo, lastName, payAction, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    method: string;
+    methodLabel: string;
+    amount: number;
+    ovrTicketNo: string;
+    lastName: string;
+    payAction: PayAction;
+}): React.JSX.Element;
+
+export { type PayAction, PaymentQrDialog };

package/dist/ui-components-citizen/payment-qr-dialog.js

@@ -0,0 +1,9 @@
+"use client";
+export { PaymentQrDialog } from '../chunk-5Z2IAD5I.js';
+import '../chunk-EYFZWQ4J.js';
+import '../chunk-3KIDW4LT.js';
+import '../chunk-M35R6JLA.js';
+import '../chunk-I4WDVYHX.js';
+import '../chunk-E2D7QT6N.js';
+import '../chunk-77QBZC7J.js';
+import '../chunk-B634JHKZ.js';

package/dist/ui-components-citizen/ticket-not-found.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+declare function TicketNotFound(): React.JSX.Element;
+
+export { TicketNotFound };

package/dist/ui-components-citizen/ticket-not-found.js

@@ -0,0 +1,21 @@
+"use client";
+import { Card, CardContent } from '../chunk-SETIN6XP.js';
+import { buttonVariants } from '../chunk-I4WDVYHX.js';
+import { useCopy } from '../chunk-E2D7QT6N.js';
+import '../chunk-77QBZC7J.js';
+import '../chunk-B634JHKZ.js';
+import Link from 'next/link';
+import { FileQuestion } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function TicketNotFound() {
+  const copy = useCopy();
+  return /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-lg px-4 py-16 text-center", children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-col items-center gap-3 py-8", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-muted text-muted-foreground", children: /* @__PURE__ */ jsx(FileQuestion, { className: "size-6" }) }),
+    /* @__PURE__ */ jsx("h1", { className: "font-heading text-lg font-semibold", children: copy.citizen.notFoundTitle }),
+    /* @__PURE__ */ jsx("p", { className: "max-w-sm text-sm text-muted-foreground", children: copy.citizen.notFoundBody }),
+    /* @__PURE__ */ jsx(Link, { href: "/citizen/search", className: buttonVariants({}), children: copy.citizen.ticket.backToSearch })
+  ] }) }) });
+}
+
+export { TicketNotFound };

package/dist/ui-components-citizen/violation-history-table.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { Ticket } from '../types.js';
+
+/**
+ * Read-only "violation history" table for the citizen ticket page: every OVR
+ * ticket on record for the same violator (matched by name). Mirrors the admin
+ * `TicketsTable` layout but is citizen-scoped — its rows link back into the
+ * citizen flow (`/citizen/ticket/<no>?ln=...`), never the admin pages.
+ */
+declare function ViolationHistoryTable({ tickets, currentTicketNo, lastName, }: {
+    tickets: Ticket[];
+    currentTicketNo: string;
+    lastName: string;
+}): React.JSX.Element;
+
+export { ViolationHistoryTable };

package/dist/ui-components-citizen/violation-history-table.js

@@ -0,0 +1,77 @@
+"use client";
+import { StatusBadge } from '../chunk-OE525ZER.js';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../chunk-OWCGEEAZ.js';
+import '../chunk-55FQP2DO.js';
+import { Money } from '../chunk-3KIDW4LT.js';
+import { useFormatters, useCopy } from '../chunk-E2D7QT6N.js';
+import { cn } from '../chunk-77QBZC7J.js';
+import '../chunk-B634JHKZ.js';
+import Link from 'next/link';
+import { ChevronRight } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ViolationHistoryTable({
+  tickets,
+  currentTicketNo,
+  lastName
+}) {
+  const { formatDate } = useFormatters();
+  const copy = useCopy();
+  const t = copy.citizen.ticket.history;
+  if (tickets.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "px-4 py-10 text-center text-sm text-muted-foreground", children: t.empty });
+  }
+  return /* @__PURE__ */ jsxs(Table, { children: [
+    /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+      /* @__PURE__ */ jsx(TableHead, { children: t.colTicketNo }),
+      /* @__PURE__ */ jsx(TableHead, { className: "hidden sm:table-cell", children: t.colDate }),
+      /* @__PURE__ */ jsx(TableHead, { children: t.colViolations }),
+      /* @__PURE__ */ jsx(TableHead, { children: t.colStatus }),
+      /* @__PURE__ */ jsx(TableHead, { className: "text-right", children: t.colAmount }),
+      /* @__PURE__ */ jsx(TableHead, { className: "w-8" })
+    ] }) }),
+    /* @__PURE__ */ jsx(TableBody, { children: tickets.map((ticket) => {
+      const isCurrent = ticket.ovrTicketNo === currentTicketNo;
+      const href = `/citizen/ticket/${encodeURIComponent(
+        ticket.ovrTicketNo
+      )}?ln=${encodeURIComponent(lastName)}`;
+      const amount = ticket.status === "PAID" ? ticket.payment?.amount ?? 0 : ticket.totalAmountDue;
+      const first = ticket.violations[0];
+      const extra = ticket.violations.length - 1;
+      return /* @__PURE__ */ jsxs(
+        TableRow,
+        {
+          className: cn(isCurrent && "bg-muted/40"),
+          children: [
+            /* @__PURE__ */ jsx(TableCell, { className: "font-mono text-xs", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Link, { href, className: "hover:underline", children: ticket.ovrTicketNo }),
+              isCurrent ? /* @__PURE__ */ jsx("span", { className: "rounded bg-brand/12 px-1.5 py-0.5 text-[0.65rem] font-medium uppercase tracking-wide text-brand", children: t.current }) : null
+            ] }) }),
+            /* @__PURE__ */ jsx(TableCell, { className: "hidden text-muted-foreground sm:table-cell", children: formatDate(ticket.apprehendedAt) }),
+            /* @__PURE__ */ jsxs(TableCell, { className: "max-w-[16rem] truncate text-muted-foreground", children: [
+              first?.title ?? "\u2014",
+              extra > 0 ? /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+                " +",
+                extra
+              ] }) : null
+            ] }),
+            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(StatusBadge, { status: ticket.status }) }),
+            /* @__PURE__ */ jsx(TableCell, { className: "text-right", children: /* @__PURE__ */ jsx(Money, { value: amount }) }),
+            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+              Link,
+              {
+                href,
+                className: "text-muted-foreground hover:text-foreground",
+                "aria-label": `Open ${ticket.ovrTicketNo}`,
+                children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
+              }
+            ) })
+          ]
+        },
+        ticket.ovrTicketNo
+      );
+    }) })
+  ] });
+}
+
+export { ViolationHistoryTable };

package/dist/ui-components-shared/amount-summary.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Ticket } from '../types.js';
+
+declare function AmountSummary({ ticket }: {
+    ticket: Ticket;
+}): React.JSX.Element;
+
+export { AmountSummary };

package/dist/ui-components-shared/amount-summary.js

@@ -0,0 +1,7 @@
+"use client";
+export { AmountSummary } from '../chunk-BIQ2J75Y.js';
+import '../chunk-NSCIBSCW.js';
+import '../chunk-3KIDW4LT.js';
+import '../chunk-E2D7QT6N.js';
+import '../chunk-77QBZC7J.js';
+import '../chunk-B634JHKZ.js';

package/dist/ui-components-shared/money.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+/** Peso amount with tabular figures so columns align. */
+declare function Money({ value, className, }: {
+    value: number;
+    className?: string;
+}): React.JSX.Element;
+
+export { Money };

package/dist/ui-components-shared/money.js

@@ -0,0 +1,5 @@
+"use client";
+export { Money } from '../chunk-3KIDW4LT.js';
+import '../chunk-E2D7QT6N.js';
+import '../chunk-77QBZC7J.js';
+import '../chunk-B634JHKZ.js';

package/dist/ui-components-shared/municipal-seal.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+/**
+ * Renders the official municipal seal from the config `sealSrc` when present,
+ * falling back to the placeholder SVG emblem if the image is missing.
+ */
+declare function MunicipalSeal({ className }: {
+    className?: string;
+}): React.JSX.Element;
+
+export { MunicipalSeal };

package/dist/ui-components-shared/municipal-seal.js

@@ -0,0 +1,6 @@
+"use client";
+export { MunicipalSeal } from '../chunk-IF5UAVIE.js';
+import '../chunk-WOPU6DI7.js';
+import '../chunk-E2D7QT6N.js';
+import '../chunk-77QBZC7J.js';
+import '../chunk-B634JHKZ.js';

package/dist/ui-components-shared/official-header.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+declare function OfficialHeader(): React.JSX.Element;
+
+export { OfficialHeader };

package/dist/ui-components-shared/official-header.js

@@ -0,0 +1,7 @@
+"use client";
+export { OfficialHeader } from '../chunk-4SZXBT56.js';
+import '../chunk-IF5UAVIE.js';
+import '../chunk-WOPU6DI7.js';
+import '../chunk-E2D7QT6N.js';
+import '../chunk-77QBZC7J.js';
+import '../chunk-B634JHKZ.js';

package/dist/ui-components-shared/print-button.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+declare function PrintButton({ className, label, }: {
+    className?: string;
+    label?: string;
+}): React.JSX.Element;
+
+export { PrintButton };

package/dist/ui-components-shared/print-button.js

@@ -0,0 +1,17 @@
+"use client";
+import { Button } from '../chunk-I4WDVYHX.js';
+import { cn } from '../chunk-77QBZC7J.js';
+import { Printer } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function PrintButton({
+  className,
+  label = "Print"
+}) {
+  return /* @__PURE__ */ jsxs(Button, { onClick: () => window.print(), className: cn("gap-2", className), children: [
+    /* @__PURE__ */ jsx(Printer, { className: "size-4" }),
+    label
+  ] });
+}
+
+export { PrintButton };

package/dist/ui-components-shared/seal.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+/**
+ * Generic placeholder municipal emblem — a "sun over waves" mark in the brand
+ * palette, used as the fallback when an LGU has not supplied an official seal.
+ * The real seal is config-driven (see municipal-seal.tsx and the config sealSrc).
+ */
+declare function Seal({ className }: {
+    className?: string;
+}): React.JSX.Element;
+
+export { Seal };

package/dist/ui-components-shared/seal.js

@@ -0,0 +1,2 @@
+export { Seal } from '../chunk-WOPU6DI7.js';
+import '../chunk-77QBZC7J.js';

package/dist/ui-components-shared/site-header.d.ts

@@ -0,0 +1,13 @@
+import * as React$1 from 'react';
+
+/**
+ * The single, official header used across the app: municipal seal + Municipality
+ * identity + e-OVR name/meaning on the left; a context nav slot (`children`) + a
+ * theme toggle on the right. One bar — no stacked headers.
+ */
+declare function SiteHeader({ homeHref, children, }: {
+    homeHref?: string;
+    children?: React.ReactNode;
+}): React$1.JSX.Element;
+
+export { SiteHeader };

package/dist/ui-components-shared/site-header.js

@@ -0,0 +1,40 @@
+"use client";
+import { ThemeToggle } from '../chunk-MDTRBOPQ.js';
+import { MunicipalSeal } from '../chunk-IF5UAVIE.js';
+import '../chunk-WOPU6DI7.js';
+import '../chunk-I4WDVYHX.js';
+import { useOvrConfig, useCopy } from '../chunk-E2D7QT6N.js';
+import '../chunk-77QBZC7J.js';
+import '../chunk-B634JHKZ.js';
+import Link from 'next/link';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function SiteHeader({
+  homeHref = "/",
+  children
+}) {
+  const { municipality } = useOvrConfig();
+  const copy = useCopy();
+  return /* @__PURE__ */ jsx("header", { className: "no-print sticky top-0 z-40 border-b border-white/10 bg-gov text-gov-foreground", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex w-full max-w-6xl items-center justify-between gap-3 px-4 py-2.5 sm:px-6", children: [
+    /* @__PURE__ */ jsxs(Link, { href: homeHref, className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(MunicipalSeal, { className: "size-10 shrink-0 sm:size-11" }),
+      /* @__PURE__ */ jsxs("span", { className: "leading-tight", children: [
+        /* @__PURE__ */ jsx("span", { className: "block text-[0.7rem] opacity-80", children: municipality.name }),
+        /* @__PURE__ */ jsxs("span", { className: "block text-sm font-bold tracking-tight sm:text-base", children: [
+          copy.app.name,
+          /* @__PURE__ */ jsxs("span", { className: "hidden font-normal opacity-80 sm:inline", children: [
+            " ",
+            "\u2014 ",
+            copy.app.tagline
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      children,
+      /* @__PURE__ */ jsx(ThemeToggle, { className: "text-gov-foreground hover:bg-white/10 hover:text-gov-foreground" })
+    ] })
+  ] }) });
+}
+
+export { SiteHeader };

package/dist/ui-components-shared/sonner.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { ToasterProps } from 'sonner';
+
+declare const Toaster: ({ ...props }: ToasterProps) => React.JSX.Element;
+
+export { Toaster };

package/dist/ui-components-shared/sonner.js

@@ -0,0 +1,38 @@
+"use client";
+import { useTheme } from '../chunk-E2D7QT6N.js';
+import '../chunk-B634JHKZ.js';
+import { Toaster as Toaster$1 } from 'sonner';
+import { Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon } from 'lucide-react';
+import { jsx } from 'react/jsx-runtime';
+
+var Toaster = ({ ...props }) => {
+  const { resolvedTheme } = useTheme();
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      theme: resolvedTheme,
+      className: "toaster group",
+      icons: {
+        success: /* @__PURE__ */ jsx(CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsx(InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsx(TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsx(OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsx(Loader2Icon, { className: "size-4 animate-spin" })
+      },
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)",
+        "--border-radius": "var(--radius)"
+      },
+      toastOptions: {
+        classNames: {
+          toast: "cn-toast"
+        }
+      },
+      ...props
+    }
+  );
+};
+
+export { Toaster };

package/dist/ui-components-shared/status-badge.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { TicketStatus } from '../types.js';
+
+declare function StatusBadge({ status, className, }: {
+    status: TicketStatus;
+    className?: string;
+}): React.JSX.Element;
+
+export { StatusBadge };

package/dist/ui-components-shared/status-badge.js

@@ -0,0 +1,3 @@
+export { StatusBadge } from '../chunk-OE525ZER.js';
+import '../chunk-55FQP2DO.js';
+import '../chunk-77QBZC7J.js';

package/dist/ui-components-shared/theme-toggle.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+
+declare function ThemeToggle({ className }: {
+    className?: string;
+}): React.JSX.Element;
+
+export { ThemeToggle };

package/dist/ui-components-shared/theme-toggle.js

@@ -0,0 +1,6 @@
+"use client";
+export { ThemeToggle } from '../chunk-MDTRBOPQ.js';
+import '../chunk-I4WDVYHX.js';
+import '../chunk-E2D7QT6N.js';
+import '../chunk-77QBZC7J.js';
+import '../chunk-B634JHKZ.js';

package/dist/ui-components-shared/ticket-receipt.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { Ticket } from '../types.js';
+
+/**
+ * The canonical OVR "Order of Payment" document — rendered identically for the
+ * citizen receipt and the admin print view. Print-friendly (white paper look).
+ */
+declare function TicketReceipt({ ticket }: {
+    ticket: Ticket;
+}): React.JSX.Element;
+
+export { TicketReceipt };