@gelabs/ovr 0.1.1 → 0.2.0

package/dist/chunk-3KIDW4LT.js

@@ -0,0 +1,13 @@
+import { useFormatters } from './chunk-E2D7QT6N.js';
+import { cn } from './chunk-77QBZC7J.js';
+import { jsx } from 'react/jsx-runtime';
+
+function Money({
+  value,
+  className
+}) {
+  const { formatPeso } = useFormatters();
+  return /* @__PURE__ */ jsx("span", { className: cn("tabular-nums", className), children: formatPeso(value) });
+}
+
+export { Money };

package/dist/chunk-4SZXBT56.js

@@ -0,0 +1,26 @@
+import { MunicipalSeal } from './chunk-IF5UAVIE.js';
+import { useOvrConfig } from './chunk-E2D7QT6N.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function OfficialHeader() {
+  const { municipality, offices } = useOvrConfig();
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-4 text-center", children: [
+    /* @__PURE__ */ jsx(MunicipalSeal, { className: "size-16 shrink-0" }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-[0.7rem] uppercase tracking-wide text-muted-foreground", children: municipality.country }),
+      /* @__PURE__ */ jsxs("p", { className: "text-[0.7rem] uppercase tracking-wide text-muted-foreground", children: [
+        "Province of ",
+        municipality.province
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "font-heading text-lg font-semibold leading-tight", children: municipality.name }),
+      /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+        offices.enforcement.name,
+        " (",
+        offices.enforcement.abbr,
+        ")"
+      ] })
+    ] })
+  ] });
+}
+
+export { OfficialHeader };

package/dist/chunk-55FQP2DO.js

@@ -0,0 +1,46 @@
+import { cn } from './chunk-77QBZC7J.js';
+import { mergeProps } from '@base-ui/react/merge-props';
+import { useRender } from '@base-ui/react/use-render';
+import { cva } from 'class-variance-authority';
+
+var badgeVariants = cva(
+  "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+        destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+        outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant = "default",
+  render,
+  ...props
+}) {
+  return useRender({
+    defaultTagName: "span",
+    props: mergeProps(
+      {
+        className: cn(badgeVariants({ variant }), className)
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "badge",
+      variant
+    }
+  });
+}
+
+export { Badge, badgeVariants };

package/dist/{chunk-JV7QQ22Q.js → chunk-5YYR37CF.js}

@@ -95,7 +95,16 @@ var baseCopy = {
     dashboard: "Dashboard",
     tickets: "Tickets",
     issueTicket: "Issue ticket",
-    newTicketTitle: "Issue Violation Ticket"
+    newTicketTitle: "Issue Violation Ticket",
+    sync: {
+      offline: "Offline",
+      syncing: "Syncing\u2026",
+      synced: "Synced",
+      pending: "pending sync",
+      // e.g. "3 pending sync"
+      notSynced: "Not synced",
+      willSync: "Saved on this device \u2014 will sync when back online."
+    }
   }
 };
 

package/dist/chunk-5Z2IAD5I.js

@@ -0,0 +1,72 @@
+import { Alert, AlertDescription } from './chunk-EYFZWQ4J.js';
+import { Money } from './chunk-3KIDW4LT.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from './chunk-M35R6JLA.js';
+import { Button } from './chunk-I4WDVYHX.js';
+import { useCopy } from './chunk-E2D7QT6N.js';
+import * as React from 'react';
+import { toast } from 'sonner';
+import { QrCode, Loader2, Lock } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function PaymentQrDialog({
+  open,
+  onOpenChange,
+  method,
+  methodLabel,
+  amount,
+  ovrTicketNo,
+  lastName,
+  payAction
+}) {
+  const copy = useCopy();
+  const t = copy.citizen.pay.qr;
+  const [error, setError] = React.useState(null);
+  const [isPending, startTransition] = React.useTransition();
+  function confirm() {
+    setError(null);
+    startTransition(async () => {
+      const res = await payAction({ ovrTicketNo, lastName, method });
+      if (res?.error) {
+        setError(res.error);
+        toast.error(res.error);
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxs(DialogTitle, { children: [
+        t.title,
+        " \xB7 ",
+        methodLabel
+      ] }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: t.instruction })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 py-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex size-44 items-center justify-center rounded-xl border-2 border-dashed bg-muted/30", children: /* @__PURE__ */ jsx(QrCode, { className: "size-24 text-muted-foreground", "aria-hidden": true }) }),
+      /* @__PURE__ */ jsx("p", { className: "max-w-xs text-center text-xs text-muted-foreground", children: t.placeholderNote }),
+      /* @__PURE__ */ jsxs("div", { className: "flex w-full items-baseline justify-between rounded-lg border bg-muted/20 px-3 py-2 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t.amountToPay }),
+        /* @__PURE__ */ jsx(Money, { value: amount, className: "text-lg font-bold" })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "font-mono text-xs text-muted-foreground", children: ovrTicketNo })
+    ] }),
+    error ? /* @__PURE__ */ jsx(Alert, { variant: "destructive", children: /* @__PURE__ */ jsx(AlertDescription, { children: error }) }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          onClick: () => onOpenChange(false),
+          disabled: isPending,
+          children: t.cancel
+        }
+      ),
+      /* @__PURE__ */ jsxs(Button, { onClick: confirm, disabled: isPending, className: "gap-2", children: [
+        isPending ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(Lock, { className: "size-4" }),
+        t.confirm
+      ] })
+    ] })
+  ] }) });
+}
+
+export { PaymentQrDialog };

package/dist/chunk-BBQBKQA4.js

@@ -0,0 +1,31 @@
+import { cn } from './chunk-77QBZC7J.js';
+import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
+import { CheckIcon } from 'lucide-react';
+import { jsx } from 'react/jsx-runtime';
+
+function Checkbox({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Checkbox$1.Root,
+    {
+      "data-slot": "checkbox",
+      className: cn(
+        "peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        Checkbox$1.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
+          children: /* @__PURE__ */ jsx(
+            CheckIcon,
+            {}
+          )
+        }
+      )
+    }
+  );
+}
+
+export { Checkbox };

package/dist/chunk-BIQ2J75Y.js

@@ -0,0 +1,54 @@
+import { Separator } from './chunk-NSCIBSCW.js';
+import { Money } from './chunk-3KIDW4LT.js';
+import { useFormatters, useOvrConfig } from './chunk-E2D7QT6N.js';
+import { cn } from './chunk-77QBZC7J.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function Row({
+  label,
+  value,
+  muted
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx(Money, { value, className: cn(muted && "text-muted-foreground") })
+  ] });
+}
+function AmountSummary({ ticket }) {
+  const { formatDate } = useFormatters();
+  const { rules } = useOvrConfig();
+  const paid = ticket.status === "PAID";
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2.5 text-sm", children: [
+    /* @__PURE__ */ jsx(Row, { label: "Basic fines", value: ticket.basicFinesTotal }),
+    /* @__PURE__ */ jsx(
+      Row,
+      {
+        label: "Penalty / surcharge",
+        value: ticket.penaltyAmount,
+        muted: ticket.penaltyAmount === 0
+      }
+    ),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-medium", children: paid ? "Amount paid" : "Total amount due" }),
+      /* @__PURE__ */ jsx(
+        Money,
+        {
+          value: paid ? ticket.payment?.amount ?? 0 : ticket.totalAmountDue,
+          className: "text-xl font-semibold"
+        }
+      )
+    ] }),
+    !paid ? /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      "Pay on or before",
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: formatDate(ticket.dueDate) }),
+      " ",
+      "to avoid a ",
+      rules.surchargeRatePerMonth * 100,
+      "% monthly surcharge."
+    ] }) : null
+  ] });
+}
+
+export { AmountSummary };

package/dist/chunk-E2D7QT6N.js

@@ -0,0 +1,92 @@
+import { createFormatters } from './chunk-B634JHKZ.js';
+import * as React2 from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var OvrConfigContext = React2.createContext(null);
+function OvrConfigProvider({
+  config,
+  copy,
+  children
+}) {
+  const value = React2.useMemo(
+    () => ({ config, copy, formatters: createFormatters(config.rules) }),
+    [config, copy]
+  );
+  return /* @__PURE__ */ jsx(OvrConfigContext.Provider, { value, children });
+}
+function useCtx() {
+  const ctx = React2.useContext(OvrConfigContext);
+  if (!ctx) {
+    throw new Error(
+      "[@gelabs/ovr-ui] hook used outside <OvrConfigProvider> \u2014 mount it in your root layout."
+    );
+  }
+  return ctx;
+}
+function useOvrConfig() {
+  return useCtx().config;
+}
+function useCopy() {
+  return useCtx().copy;
+}
+function useFormatters() {
+  return useCtx().formatters;
+}
+var STORAGE_KEY = "theme";
+var ThemeContext = React2.createContext(null);
+function getSystemTheme() {
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function applyTheme(theme) {
+  const resolved = theme === "system" ? getSystemTheme() : theme;
+  const root = document.documentElement;
+  root.classList.toggle("dark", resolved === "dark");
+  root.style.colorScheme = resolved;
+  return resolved;
+}
+function withoutTransitions(fn) {
+  const style = document.createElement("style");
+  style.appendChild(
+    document.createTextNode("*,*::before,*::after{transition:none!important}")
+  );
+  document.head.appendChild(style);
+  fn();
+  window.getComputedStyle(document.body);
+  requestAnimationFrame(() => document.head.removeChild(style));
+}
+function ThemeProvider({ children }) {
+  const [theme, setThemeState] = React2.useState("system");
+  const [resolvedTheme, setResolvedTheme] = React2.useState("light");
+  React2.useEffect(() => {
+    const stored = localStorage.getItem(STORAGE_KEY) ?? "system";
+    setThemeState(stored);
+    setResolvedTheme(applyTheme(stored));
+    const mq = window.matchMedia("(prefers-color-scheme: dark)");
+    const onChange = () => {
+      const current = localStorage.getItem(STORAGE_KEY) ?? "system";
+      if (current === "system") setResolvedTheme(applyTheme("system"));
+    };
+    mq.addEventListener("change", onChange);
+    return () => mq.removeEventListener("change", onChange);
+  }, []);
+  const setTheme = React2.useCallback((next) => {
+    try {
+      localStorage.setItem(STORAGE_KEY, next);
+    } catch {
+    }
+    setThemeState(next);
+    withoutTransitions(() => setResolvedTheme(applyTheme(next)));
+  }, []);
+  const value = React2.useMemo(
+    () => ({ theme, resolvedTheme, setTheme }),
+    [theme, resolvedTheme, setTheme]
+  );
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value, children });
+}
+function useTheme() {
+  const ctx = React2.useContext(ThemeContext);
+  if (!ctx) throw new Error("useTheme must be used within ThemeProvider");
+  return ctx;
+}
+
+export { OvrConfigProvider, ThemeProvider, useCopy, useFormatters, useOvrConfig, useTheme };

package/dist/chunk-EGKFELO3.js

@@ -0,0 +1,15 @@
+import { cn } from './chunk-77QBZC7J.js';
+import { jsx } from 'react/jsx-runtime';
+
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn("animate-pulse rounded-md bg-muted", className),
+      ...props
+    }
+  );
+}
+
+export { Skeleton };

package/dist/chunk-EYFZWQ4J.js

@@ -0,0 +1,74 @@
+import { cn } from './chunk-77QBZC7J.js';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var alertVariants = cva(
+  "group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Alert({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: cn(alertVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function AlertTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: cn(
+        "font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: cn(
+        "text-sm text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-action",
+      className: cn("absolute top-2 right-2", className),
+      ...props
+    }
+  );
+}
+
+export { Alert, AlertAction, AlertDescription, AlertTitle };

package/dist/chunk-GDOCD7LT.js

@@ -0,0 +1,46 @@
+import { ViolationsTable } from './chunk-JEYT63LE.js';
+import { AmountSummary } from './chunk-BIQ2J75Y.js';
+import { Card, CardHeader, CardTitle, CardContent } from './chunk-SETIN6XP.js';
+import { StatusBadge } from './chunk-OE525ZER.js';
+import { useFormatters } from './chunk-E2D7QT6N.js';
+import { formalName, formatAddress } from './chunk-B634JHKZ.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function Field({ label, value }) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("dt", { className: "text-[0.7rem] uppercase tracking-wide text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("dd", { className: "truncate font-medium", children: value || "\u2014" })
+  ] });
+}
+function TicketPreview({ ticket }) {
+  const { formatDateTime } = useFormatters();
+  const hasName = ticket.violator.firstName || ticket.violator.lastName;
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx(CardTitle, { className: "text-xs uppercase tracking-wide text-muted-foreground", children: "Live ticket preview" }),
+        /* @__PURE__ */ jsx(StatusBadge, { status: ticket.status })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "font-heading text-lg font-semibold uppercase", children: hasName ? formalName(ticket.violator) : "New violator" }),
+      /* @__PURE__ */ jsx("p", { className: "truncate text-sm text-muted-foreground", children: formatAddress(ticket.violator) || "\u2014" })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("dl", { className: "grid grid-cols-2 gap-3 text-xs", children: [
+        /* @__PURE__ */ jsx(Field, { label: "OVR Ticket No.", value: ticket.ovrTicketNo }),
+        /* @__PURE__ */ jsx(Field, { label: "License No.", value: ticket.violator.licenseNumber }),
+        /* @__PURE__ */ jsx(
+          Field,
+          {
+            label: "Apprehended",
+            value: ticket.apprehendedAt ? formatDateTime(ticket.apprehendedAt) : "\u2014"
+          }
+        ),
+        /* @__PURE__ */ jsx(Field, { label: "Officer", value: ticket.officer.name })
+      ] }),
+      ticket.violations.length > 0 ? /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg border", children: /* @__PURE__ */ jsx(ViolationsTable, { violations: ticket.violations }) }) : /* @__PURE__ */ jsx("p", { className: "rounded-lg border border-dashed p-4 text-center text-xs text-muted-foreground", children: "No violations selected yet." }),
+      /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-muted/20 p-3", children: /* @__PURE__ */ jsx(AmountSummary, { ticket }) })
+    ] })
+  ] });
+}
+
+export { TicketPreview };

package/dist/chunk-IF5UAVIE.js

@@ -0,0 +1,25 @@
+import { Seal } from './chunk-WOPU6DI7.js';
+import { useOvrConfig } from './chunk-E2D7QT6N.js';
+import { cn } from './chunk-77QBZC7J.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function MunicipalSeal({ className }) {
+  const { municipality } = useOvrConfig();
+  const [failed, setFailed] = React.useState(false);
+  if (failed) return /* @__PURE__ */ jsx(Seal, { className });
+  return (
+    // eslint-disable-next-line @next/next/no-img-element
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: municipality.sealSrc,
+        alt: `${municipality.name} seal`,
+        className: cn("object-contain", className),
+        onError: () => setFailed(true)
+      }
+    )
+  );
+}
+
+export { MunicipalSeal };

package/dist/chunk-JEYT63LE.js

@@ -0,0 +1,25 @@
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-OWCGEEAZ.js';
+import { Money } from './chunk-3KIDW4LT.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ViolationsTable({
+  violations
+}) {
+  return /* @__PURE__ */ jsxs(Table, { children: [
+    /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+      /* @__PURE__ */ jsx(TableHead, { className: "w-[38%]", children: "Ordinance / Code" }),
+      /* @__PURE__ */ jsx(TableHead, { children: "Violation" }),
+      /* @__PURE__ */ jsx(TableHead, { className: "text-right", children: "Basic Fine" })
+    ] }) }),
+    /* @__PURE__ */ jsx(TableBody, { children: violations.map((v, i) => /* @__PURE__ */ jsxs(TableRow, { children: [
+      /* @__PURE__ */ jsx(TableCell, { className: "align-top whitespace-normal font-mono text-xs text-muted-foreground", children: v.catalogCode }),
+      /* @__PURE__ */ jsxs(TableCell, { className: "align-top whitespace-normal", children: [
+        /* @__PURE__ */ jsx("div", { className: "font-medium text-foreground", children: v.title }),
+        v.details ? /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-xs text-muted-foreground", children: v.details }) : null
+      ] }),
+      /* @__PURE__ */ jsx(TableCell, { className: "align-top text-right", children: /* @__PURE__ */ jsx(Money, { value: v.basicFine }) })
+    ] }, `${v.catalogCode}-${i}`)) })
+  ] });
+}
+
+export { ViolationsTable };

package/dist/chunk-K3KIBHJF.js

@@ -0,0 +1,20 @@
+import { cn } from './chunk-77QBZC7J.js';
+import { Input as Input$1 } from '@base-ui/react/input';
+import { jsx } from 'react/jsx-runtime';
+
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Input$1,
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { Input };