@govnepal/ui 0.2.1 → 0.4.0

package/dist/MaskedValue.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Masked value (components/masked-value.md) — a sensitive identifier masked by default, revealed
+ * only by an explicit, permission-gated, audited action (§9.1). The reveal control is present only
+ * when `canReveal` is true (the role check happens in the app), and `onReveal` records the audit
+ * event. The masked state is announced as masked, not read digit by digit.
+ */
+interface MaskedValueProps {
+    value: string;
+    /** How many trailing characters to show, e.g. 4 → ••••2345. */
+    visibleChars?: number;
+    /** Whether the current user's role permits revealing (§9.1). */
+    canReveal?: boolean;
+    /** Called when revealed — record the audit event (who/when). */
+    onReveal?: () => void;
+    /** What is revealed, for the control's accessible name, e.g. "citizenship number". */
+    name: string;
+    className?: string;
+}
+export declare function MaskedValue({ value, visibleChars, canReveal, onReveal, name, className }: MaskedValueProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=MaskedValue.d.ts.map

package/dist/MaskedValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedValue.d.ts","sourceRoot":"","sources":["../src/MaskedValue.tsx"],"names":[],"mappings":"AAMA;;;;;GAKG;AACH,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gEAAgE;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,sFAAsF;IACtF,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,YAAgB,EAAE,SAAiB,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BA0BtH"}

package/dist/MaskedValue.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { cx } from "./cx.js";
+import { useTheme } from "./ThemeProvider.js";
+export function MaskedValue({ value, visibleChars = 4, canReveal = false, onReveal, name, className }) {
+    const { language } = useTheme();
+    const [revealed, setRevealed] = useState(false);
+    const masked = "••••" + value.slice(-visibleChars);
+    const show = language === "ne" ? `${name} देखाउनुहोस्` : `Show ${name}`;
+    const hide = language === "ne" ? `${name} लुकाउनुहोस्` : `Hide ${name}`;
+    return (_jsxs("span", { className: cx("gov-masked", className), children: [_jsx("span", { "aria-label": revealed ? undefined : `${name}, masked`, children: revealed ? value : masked }), canReveal && (_jsx("button", { type: "button", className: "gov-icon-button", "aria-label": revealed ? hide : show, "aria-pressed": revealed, onClick: () => {
+                    if (!revealed)
+                        onReveal?.();
+                    setRevealed((r) => !r);
+                }, children: _jsx("span", { "aria-hidden": "true", children: revealed ? "🙈" : "👁" }) }))] }));
+}
+//# sourceMappingURL=MaskedValue.js.map

package/dist/MaskedValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedValue.js","sourceRoot":"","sources":["../src/MaskedValue.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAqB9C,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,YAAY,GAAG,CAAC,EAAE,SAAS,GAAG,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAoB;IACrH,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;IAChC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC;IACnD,MAAM,IAAI,GAAG,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,cAAc,CAAC,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC;IACxE,MAAM,IAAI,GAAG,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,cAAc,CAAC,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC;IAExE,OAAO,CACL,gBAAM,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,aAC1C,6BAAkB,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,UAAU,YAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,GAAQ,EAC7F,SAAS,IAAI,CACZ,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,gBACf,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,kBACpB,QAAQ,EACtB,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,QAAQ;wBAAE,QAAQ,EAAE,EAAE,CAAC;oBAC5B,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;gBACzB,CAAC,YAED,8BAAkB,MAAM,YAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,GAAQ,GACjD,CACV,IACI,CACR,CAAC;AACJ,CAAC"}

package/dist/Modal.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from "react";
+interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    title: ReactNode;
+    children: ReactNode;
+    /** The action row (buttons). */
+    actions?: ReactNode;
+    /** alertdialog for a decision that must be read (ConfirmationDialog sets this). */
+    role?: "dialog" | "alertdialog";
+    /** A destructive confirmation does not dismiss on scrim click or (optionally) Escape. */
+    dismissOnScrim?: boolean;
+    dismissOnEscape?: boolean;
+    className?: string;
+}
+export declare function Modal({ open, onClose, title, children, actions, role, dismissOnScrim, dismissOnEscape, className, }: ModalProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=Modal.d.ts.map

package/dist/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBjE,UAAU,UAAU;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,gCAAgC;IAChC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,mFAAmF;IACnF,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IAChC,yFAAyF;IACzF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAe,EACf,cAAqB,EACrB,eAAsB,EACtB,SAAS,GACV,EAAE,UAAU,sCAwEZ"}

package/dist/Modal.js

@@ -0,0 +1,68 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useRef } from "react";
+import { cx } from "./cx.js";
+/**
+ * Modal (components/modal.md) — focus the user on one short self-contained task without leaving the
+ * page. The whole value is the focus contract, which is easy to ship wrong:
+ *   - on open, focus moves into the dialog;
+ *   - while open, focus is TRAPPED inside it (Tab cycles within);
+ *   - on close, focus returns to the element that opened it;
+ *   - Escape closes a plain modal; the background is inert (aria-hidden handled by the app root).
+ *
+ * role="dialog" + aria-modal + an accessible name from the title. A destructive confirmation uses
+ * ConfirmationDialog, which layers alertdialog semantics on top of this.
+ */
+const FOCUSABLE = 'a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])';
+export function Modal({ open, onClose, title, children, actions, role = "dialog", dismissOnScrim = true, dismissOnEscape = true, className, }) {
+    const titleId = useId();
+    const dialogRef = useRef(null);
+    const returnFocusRef = useRef(null);
+    useEffect(() => {
+        if (!open)
+            return;
+        // Remember what to return focus to, then move focus into the dialog.
+        returnFocusRef.current = document.activeElement ?? null;
+        const dialog = dialogRef.current;
+        const first = dialog?.querySelector(FOCUSABLE);
+        (first ?? dialog)?.focus();
+        const onKeyDown = (event) => {
+            if (event.key === "Escape" && dismissOnEscape) {
+                event.preventDefault();
+                onClose();
+                return;
+            }
+            if (event.key !== "Tab" || !dialog)
+                return;
+            // Trap focus within the dialog.
+            const focusable = Array.from(dialog.querySelectorAll(FOCUSABLE)).filter((el) => el.offsetParent !== null || el === document.activeElement);
+            if (focusable.length === 0) {
+                event.preventDefault();
+                return;
+            }
+            const firstEl = focusable[0];
+            const lastEl = focusable[focusable.length - 1];
+            if (event.shiftKey && document.activeElement === firstEl) {
+                event.preventDefault();
+                lastEl.focus();
+            }
+            else if (!event.shiftKey && document.activeElement === lastEl) {
+                event.preventDefault();
+                firstEl.focus();
+            }
+        };
+        document.addEventListener("keydown", onKeyDown);
+        return () => {
+            document.removeEventListener("keydown", onKeyDown);
+            // Restore focus to the trigger on close.
+            returnFocusRef.current?.focus?.();
+        };
+    }, [open, onClose, dismissOnEscape]);
+    if (!open)
+        return null;
+    return (_jsx("div", { className: "gov-modal__scrim", onClick: (e) => {
+            if (dismissOnScrim && e.target === e.currentTarget)
+                onClose();
+        }, children: _jsxs("div", { ref: dialogRef, role: role, "aria-modal": "true", "aria-labelledby": titleId, tabIndex: -1, className: cx("gov-modal", className), children: [_jsx("h2", { className: "gov-modal__title", id: titleId, children: title }), _jsx("div", { children: children }), actions && _jsx("div", { className: "gov-modal__actions", children: actions })] }) }));
+}
+//# sourceMappingURL=Modal.js.map

package/dist/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":"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"}

package/dist/OfflineBanner.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+/**
+ * Offline banner (components/offline-banner.md) — the connection is lost; state what still works and
+ * how retry behaves (§8.1.2). Announced politely on appear; never colour alone — the sentence
+ * carries the meaning (§4.1). Driven by real connectivity detection in the app; never a dead end.
+ */
+export declare function OfflineBanner({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=OfflineBanner.d.ts.map

package/dist/OfflineBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OfflineBanner.d.ts","sourceRoot":"","sources":["../src/OfflineBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BASjG"}

package/dist/OfflineBanner.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "./cx.js";
+/**
+ * Offline banner (components/offline-banner.md) — the connection is lost; state what still works and
+ * how retry behaves (§8.1.2). Announced politely on appear; never colour alone — the sentence
+ * carries the meaning (§4.1). Driven by real connectivity detection in the app; never a dead end.
+ */
+export function OfflineBanner({ children, className }) {
+    return (_jsxs("div", { className: cx("gov-offline-banner", className), role: "status", "aria-live": "polite", children: [_jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", "aria-hidden": "true", fill: "currentColor", children: _jsx("path", { d: "M12 2a10 10 0 100 20 10 10 0 000-20zm-1 5h2v6h-2V7zm0 8h2v2h-2v-2z" }) }), _jsx("span", { children: children })] }));
+}
+//# sourceMappingURL=OfflineBanner.js.map

package/dist/OfflineBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OfflineBanner.js","sourceRoot":"","sources":["../src/OfflineBanner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAE7B;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAA+C;IAChG,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,QAAQ,eAAW,QAAQ,aACnF,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,EAAC,IAAI,EAAC,cAAc,YACpF,eAAM,CAAC,EAAC,oEAAoE,GAAG,GAC3E,EACN,yBAAO,QAAQ,GAAQ,IACnB,CACP,CAAC;AACJ,CAAC"}

package/dist/OtpInput.d.ts

@@ -0,0 +1,21 @@
+import { type ReactNode } from "react";
+/**
+ * One-time-code input (components/otp-input.md) — enter a short SMS code. A single accessible field
+ * with autocomplete="one-time-code" and inputmode="numeric" so the OS offers autofill and pasting
+ * the whole code fills it. The resend control is disabled with a countdown; never allow instant
+ * infinite resend. A non-SMS fallback path is the app's responsibility (§8.1.6, citizens abroad).
+ */
+interface OtpInputProps {
+    label: ReactNode;
+    id?: string;
+    length?: number;
+    error?: ReactNode;
+    value?: string;
+    onChange?: (code: string) => void;
+    /** Seconds until resend is allowed; the control is disabled until 0. */
+    resendIn?: number;
+    onResend?: () => void;
+}
+export declare function OtpInput({ label, id, length, error, value, onChange, resendIn, onResend }: OtpInputProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=OtpInput.d.ts.map

package/dist/OtpInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtpInput.d.ts","sourceRoot":"","sources":["../src/OtpInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9C;;;;;GAKG;AACH,UAAU,aAAa;IACrB,KAAK,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAU,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAY,EAAE,QAAQ,EAAE,EAAE,aAAa,+BA0BhH"}

package/dist/OtpInput.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { cx } from "./cx.js";
+export function OtpInput({ label, id, length = 6, error, value, onChange, resendIn = 0, onResend }) {
+    const generatedId = useId();
+    const fieldId = id ?? generatedId;
+    const errorId = error ? `${fieldId}-error` : undefined;
+    return (_jsxs("div", { className: cx("gov-field", error ? "gov-field--error" : undefined), children: [_jsx("label", { className: "gov-field__label", htmlFor: fieldId, children: label }), _jsx("input", { id: fieldId, className: "gov-input gov-input--masked", style: { inlineSize: `${length + 4}ch` }, inputMode: "numeric", autoComplete: "one-time-code", maxLength: length, value: value, "aria-invalid": error ? true : undefined, "aria-describedby": errorId, onChange: (e) => onChange?.(e.target.value.replace(/[^\d]/g, "").slice(0, length)) }), _jsxs("button", { type: "button", className: "gov-link", disabled: resendIn > 0, onClick: onResend, style: { background: "none", border: 0, padding: 0, cursor: resendIn > 0 ? "not-allowed" : "pointer" }, children: ["Resend code", resendIn > 0 ? ` (available in ${resendIn}s)` : ""] }), error && _jsx("span", { className: "gov-field__error", id: errorId, children: error })] }));
+}
+//# sourceMappingURL=OtpInput.js.map

package/dist/OtpInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtpInput.js","sourceRoot":"","sources":["../src/OtpInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAkB,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAoB7B,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAiB;IAC/G,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,EAAE,IAAI,WAAW,CAAC;IAClC,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAEvD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,aACrE,gBAAO,SAAS,EAAC,kBAAkB,EAAC,OAAO,EAAE,OAAO,YAAG,KAAK,GAAS,EACrE,gBACE,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,EACxC,SAAS,EAAC,SAAS,EACnB,YAAY,EAAC,eAAe,EAC5B,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,KAAK,kBACE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,sBACpB,OAAO,EACzB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAClF,EACF,kBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAE,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAAE,4BAC9K,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,kBAAkB,QAAQ,IAAI,CAAC,CAAC,CAAC,EAAE,IACvD,EACR,KAAK,IAAI,eAAM,SAAS,EAAC,kBAAkB,EAAC,EAAE,EAAE,OAAO,YAAG,KAAK,GAAQ,IACpE,CACP,CAAC;AACJ,CAAC"}

package/dist/Pagination.d.ts

@@ -0,0 +1,11 @@
+interface PaginationProps {
+    page: number;
+    totalPages: number;
+    /** Build the href for a page; omit for a button-driven handler via onNavigate. */
+    hrefFor?: (page: number) => string;
+    onNavigate?: (page: number) => void;
+    className?: string;
+}
+export declare function Pagination({ page, totalPages, hrefFor, onNavigate, className }: PaginationProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../src/Pagination.tsx"],"names":[],"mappings":"AAcA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,eAAe,+BAsC/F"}

package/dist/Pagination.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "./cx.js";
+import { useTheme } from "./ThemeProvider.js";
+/**
+ * Pagination (components/pagination.md) — move through a long list one page at a time, with the
+ * position visible ("Page X of Y"). nav[aria-label=Pagination]; the current page is aria-current;
+ * Previous/Next are disabled at the ends. Numerals follow the active language (§3.1).
+ */
+const NE_DIGITS = ["०", "१", "२", "३", "४", "५", "६", "७", "८", "९"];
+const toNe = (n) => String(n).split("").map((d) => NE_DIGITS[Number(d)] ?? d).join("");
+export function Pagination({ page, totalPages, hrefFor, onNavigate, className }) {
+    const { language } = useTheme();
+    const num = (n) => (language === "ne" ? toNe(n) : String(n));
+    const prevLabel = language === "ne" ? "अघिल्लो" : "Previous";
+    const nextLabel = language === "ne" ? "अर्को" : "Next";
+    const position = language === "ne" ? `पृष्ठ ${num(page)} / ${num(totalPages)}` : `Page ${num(page)} of ${num(totalPages)}`;
+    const control = (target, label, disabled) => {
+        if (disabled) {
+            return (_jsx("span", { className: "gov-pagination__link", "aria-disabled": "true", children: label }));
+        }
+        return hrefFor ? (_jsx("a", { className: "gov-pagination__link", href: hrefFor(target), "aria-label": label, children: label })) : (_jsx("button", { type: "button", className: "gov-pagination__link", onClick: () => onNavigate?.(target), "aria-label": label, children: label }));
+    };
+    return (_jsx("nav", { "aria-label": "Pagination", className: className, children: _jsxs("ul", { className: "gov-pagination", children: [_jsx("li", { children: control(page - 1, prevLabel, page <= 1) }), _jsx("li", { "aria-current": "page", style: { padding: "0 var(--gov-space-3)" }, children: position }), _jsx("li", { children: control(page + 1, nextLabel, page >= totalPages) })] }) }));
+}
+//# sourceMappingURL=Pagination.js.map

package/dist/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C;;;;GAIG;AACH,MAAM,SAAS,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACrE,MAAM,IAAI,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAW/F,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAmB;IAC9F,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;IAChC,MAAM,GAAG,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IACrE,MAAM,SAAS,GAAG,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;IAC7D,MAAM,SAAS,GAAG,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IACvD,MAAM,QAAQ,GACZ,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;IAE5G,MAAM,OAAO,GAAG,CAAC,MAAc,EAAE,KAAa,EAAE,QAAiB,EAAa,EAAE;QAC9E,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO,CACL,eAAM,SAAS,EAAC,sBAAsB,mBAAe,MAAM,YACxD,KAAK,GACD,CACR,CAAC;QACJ,CAAC;QACD,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,YAAG,SAAS,EAAC,sBAAsB,EAAC,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,gBAAc,KAAK,YACzE,KAAK,GACJ,CACL,CAAC,CAAC,CAAC,CACF,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,MAAM,CAAC,gBAAc,KAAK,YAC1G,KAAK,GACC,CACV,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,4BAAgB,YAAY,EAAC,SAAS,EAAE,SAAS,YAC/C,cAAI,SAAS,EAAC,gBAAgB,aAC5B,uBAAK,OAAO,CAAC,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,CAAC,GAAM,EAClD,6BAAiB,MAAM,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,sBAAsB,EAAE,YAC/D,QAAQ,GACN,EACL,uBAAK,OAAO,CAAC,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,IAAI,UAAU,CAAC,GAAM,IACxD,GACD,CACP,CAAC;AACJ,CAAC"}

package/dist/PasswordInput.d.ts

@@ -0,0 +1,18 @@
+import { type InputHTMLAttributes, type ReactNode } from "react";
+/**
+ * Password input (components/password-input.md) — a password field with a show/hide toggle and NO
+ * paste-blocking (blocking paste breaks password managers and harms security, §4.1). The toggle is a
+ * real button whose accessible name reflects state (aria-pressed). Requirements are described up
+ * front via aria-describedby, never sprung as a post-submit gotcha.
+ */
+interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "id" | "type"> {
+    label: ReactNode;
+    id?: string;
+    hint?: ReactNode;
+    error?: ReactNode;
+    /** current-password (sign-in) or new-password (create account) for manager integration. */
+    autoComplete?: "current-password" | "new-password";
+}
+export declare function PasswordInput({ label, id, hint, error, autoComplete, className, ...rest }: PasswordInputProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=PasswordInput.d.ts.map

package/dist/PasswordInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../src/PasswordInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlF;;;;;GAKG;AACH,UAAU,kBAAmB,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC7F,KAAK,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2FAA2F;IAC3F,YAAY,CAAC,EAAE,kBAAkB,GAAG,cAAc,CAAC;CACpD;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,YAAiC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,+BAqClI"}

package/dist/PasswordInput.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useState } from "react";
+import { cx } from "./cx.js";
+import { useTheme } from "./ThemeProvider.js";
+export function PasswordInput({ label, id, hint, error, autoComplete = "current-password", className, ...rest }) {
+    const { language } = useTheme();
+    const generatedId = useId();
+    const fieldId = id ?? generatedId;
+    const hintId = hint ? `${fieldId}-hint` : undefined;
+    const errorId = error ? `${fieldId}-error` : undefined;
+    const describedBy = [hintId, errorId].filter(Boolean).join(" ") || undefined;
+    const [shown, setShown] = useState(false);
+    const show = language === "ne" ? "पासवर्ड देखाउनुहोस्" : "Show password";
+    const hide = language === "ne" ? "पासवर्ड लुकाउनुहोस्" : "Hide password";
+    return (_jsxs("div", { className: cx("gov-field", error ? "gov-field--error" : undefined), children: [_jsx("label", { className: "gov-field__label", htmlFor: fieldId, children: label }), hint && _jsx("span", { className: "gov-field__hint", id: hintId, children: hint }), _jsxs("span", { className: "gov-password", children: [_jsx("input", { id: fieldId, type: shown ? "text" : "password", className: cx("gov-input", className), autoComplete: autoComplete, "aria-describedby": describedBy, "aria-invalid": error ? true : undefined, ...rest }), _jsx("button", { type: "button", className: "gov-password__toggle", "aria-pressed": shown, "aria-label": shown ? hide : show, onClick: () => setShown((s) => !s), children: shown ? (language === "ne" ? "लुकाउनुहोस्" : "Hide") : (language === "ne" ? "देखाउनुहोस्" : "Show") })] }), error && (_jsxs("span", { className: "gov-field__error", id: errorId, children: [_jsx("svg", { className: "gov-field__error-icon", viewBox: "0 0 24 24", "aria-hidden": "true", fill: "currentColor", children: _jsx("path", { d: "M12 2a10 10 0 100 20 10 10 0 000-20zm-1 5h2v6h-2V7zm0 8h2v2h-2v-2z" }) }), error] }))] }));
+}
+//# sourceMappingURL=PasswordInput.js.map

package/dist/PasswordInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../src/PasswordInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAE,QAAQ,EAA4C,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAiB9C,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,GAAG,kBAAkB,EAAE,SAAS,EAAE,GAAG,IAAI,EAAsB;IACjI,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;IAChC,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,EAAE,IAAI,WAAW,CAAC;IAClC,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,OAAO,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IACpD,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IACvD,MAAM,WAAW,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC;IAC7E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,eAAe,CAAC;IACzE,MAAM,IAAI,GAAG,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,eAAe,CAAC;IAEzE,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,aACrE,gBAAO,SAAS,EAAC,kBAAkB,EAAC,OAAO,EAAE,OAAO,YAAG,KAAK,GAAS,EACpE,IAAI,IAAI,eAAM,SAAS,EAAC,iBAAiB,EAAC,EAAE,EAAE,MAAM,YAAG,IAAI,GAAQ,EACpE,gBAAM,SAAS,EAAC,cAAc,aAC5B,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACjC,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EACrC,YAAY,EAAE,YAAY,sBACR,WAAW,kBACf,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,KAClC,IAAI,GACR,EACF,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,sBAAsB,kBAAe,KAAK,gBAAc,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,YAC5I,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,GAC7F,IACJ,EACN,KAAK,IAAI,CACR,gBAAM,SAAS,EAAC,kBAAkB,EAAC,EAAE,EAAE,OAAO,aAC5C,cAAK,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,EAAC,IAAI,EAAC,cAAc,YAAC,eAAM,CAAC,EAAC,oEAAoE,GAAG,GAAM,EACtL,KAAK,IACD,CACR,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/ProgressBar.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+export declare function ProgressBar({ value, max, label, className }: {
+    value: number;
+    max?: number;
+    label: ReactNode;
+    className?: string;
+}): ReactNode;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../src/ProgressBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,GAAS,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAqBpJ"}

package/dist/ProgressBar.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "./cx.js";
+import { useTheme } from "./ThemeProvider.js";
+/**
+ * Progress bar (components/progress-bar.md) — determinate progress with a text percentage for a
+ * known-length operation (an upload). role="progressbar" with the aria-value attributes; the number
+ * is shown as text as well as the bar (never conveyed by the bar alone, §4.1). Forward-only fill.
+ */
+const NE_DIGITS = ["०", "१", "२", "३", "४", "५", "६", "७", "८", "९"];
+const toNe = (n) => String(n).split("").map((d) => NE_DIGITS[Number(d)] ?? d).join("");
+export function ProgressBar({ value, max = 100, label, className }) {
+    const { language } = useTheme();
+    const pct = Math.round((value / max) * 100);
+    const pctText = language === "ne" ? `${toNe(pct)}%` : `${pct}%`;
+    return (_jsxs("div", { className: cx("gov-progress", className), children: [_jsx("div", { className: "gov-progress__track", role: "progressbar", "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": max, "aria-label": typeof label === "string" ? label : undefined, children: _jsx("div", { className: "gov-progress__fill", style: { inlineSize: `${pct}%` } }) }), _jsxs("span", { className: "gov-progress__label", children: [label, " \u2014 ", pctText] })] }));
+}
+//# sourceMappingURL=ProgressBar.js.map

package/dist/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../src/ProgressBar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C;;;;GAIG;AACH,MAAM,SAAS,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACrE,MAAM,IAAI,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE/F,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,GAAG,GAAG,EAAE,KAAK,EAAE,SAAS,EAAyE;IACvI,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;IAChC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC;IAChE,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,aAC3C,cACE,SAAS,EAAC,qBAAqB,EAC/B,IAAI,EAAC,aAAa,mBACH,KAAK,mBACL,CAAC,mBACD,GAAG,gBACN,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,YAEzD,cAAK,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,GAAG,GAAG,EAAE,GAAI,GACpE,EACN,gBAAM,SAAS,EAAC,qBAAqB,aAClC,KAAK,cAAK,OAAO,IACb,IACH,CACP,CAAC;AACJ,CAAC"}

package/dist/QrCode.d.ts

@@ -0,0 +1,22 @@
+/**
+ * QR code (components/qr-code.md) — a verification QR paired with the human-readable reference number
+ * beneath it, so a document is verifiable without a scanner (§9.1). The QR encodes a verification URL
+ * or reference only — never sensitive data (§5.6). The image is generated by the app/build (this
+ * component takes the produced image src) and its alt text says what scanning does, never "QR code".
+ *
+ * A build-time generator produces the QR image from the verification URL; this component renders it
+ * with the reference below. No client-side QR library is bundled.
+ */
+interface QrCodeProps {
+    /** The generated QR image (data URI or URL). Encodes the verification URL/reference only. */
+    src: string;
+    /** The same reference in human-readable form, shown beneath and used in the alt text. */
+    reference: string;
+    /** What scanning does, e.g. "Scan to verify this certificate". */
+    alt: string;
+    size?: number;
+    className?: string;
+}
+export declare function QrCode({ src, reference, alt, size, className }: QrCodeProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=QrCode.d.ts.map

package/dist/QrCode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QrCode.d.ts","sourceRoot":"","sources":["../src/QrCode.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,UAAU,WAAW;IACnB,6FAA6F;IAC7F,GAAG,EAAE,MAAM,CAAC;IACZ,yFAAyF;IACzF,SAAS,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,IAAU,EAAE,SAAS,EAAE,EAAE,WAAW,+BAOjF"}

package/dist/QrCode.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "./cx.js";
+export function QrCode({ src, reference, alt, size = 120, className }) {
+    return (_jsxs("span", { className: cx("gov-qr", className), style: { display: "inline-flex", flexDirection: "column", alignItems: "center", gap: "var(--gov-space-2)" }, children: [_jsx("img", { src: src, alt: alt, width: size, height: size, style: { background: "#FFFFFF", padding: "var(--gov-space-2)" } }), _jsx("code", { className: "gov-reference gov-text-small", children: reference })] }));
+}
+//# sourceMappingURL=QrCode.js.map

package/dist/QrCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QrCode.js","sourceRoot":"","sources":["../src/QrCode.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAsB7B,MAAM,UAAU,MAAM,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,GAAG,GAAG,EAAE,SAAS,EAAe;IAChF,OAAO,CACL,gBAAM,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,oBAAoB,EAAE,aACnJ,cAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,oBAAoB,EAAE,GAAI,EACvH,eAAM,SAAS,EAAC,8BAA8B,YAAE,SAAS,GAAQ,IAC5D,CACR,CAAC;AACJ,CAAC"}

package/dist/SearchBox.d.ts

@@ -0,0 +1,16 @@
+import { type FormHTMLAttributes, type ReactNode } from "react";
+/**
+ * Search box (components/search-box.md) — a labelled query field in a role="search" landmark. The
+ * label is real (a placeholder is not a label, §7.1); submitting is a real form submit so Enter
+ * works. The clear control (when present) is a labelled icon button.
+ */
+interface SearchBoxProps extends Omit<FormHTMLAttributes<HTMLFormElement>, "onSubmit"> {
+    label: ReactNode;
+    name?: string;
+    defaultValue?: string;
+    onSubmit?: (query: string) => void;
+    buttonLabel?: ReactNode;
+}
+export declare function SearchBox({ label, name, defaultValue, onSubmit, buttonLabel, className, ...rest }: SearchBoxProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=SearchBox.d.ts.map

package/dist/SearchBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBox.d.ts","sourceRoot":"","sources":["../src/SearchBox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,kBAAkB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvE;;;;GAIG;AACH,UAAU,cAAe,SAAQ,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IACpF,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,IAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,+BAuBvH"}

package/dist/SearchBox.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { cx } from "./cx.js";
+import { useTheme } from "./ThemeProvider.js";
+export function SearchBox({ label, name = "q", defaultValue, onSubmit, buttonLabel, className, ...rest }) {
+    const { language } = useTheme();
+    const fieldId = useId();
+    const submit = buttonLabel ?? (language === "ne" ? "खोज्नुहोस्" : "Search");
+    return (_jsxs("form", { role: "search", className: cx("gov-search-field", className), onSubmit: (e) => {
+            e.preventDefault();
+            const value = new FormData(e.currentTarget).get(name);
+            onSubmit?.(typeof value === "string" ? value : "");
+        }, ...rest, children: [_jsx("label", { className: "gov-field__label", htmlFor: fieldId, children: label }), _jsxs("span", { className: "gov-search", children: [_jsx("input", { id: fieldId, name: name, type: "search", className: "gov-input", defaultValue: defaultValue }), _jsx("button", { type: "submit", className: "gov-button gov-button--primary", children: submit })] })] }));
+}
+//# sourceMappingURL=SearchBox.js.map

package/dist/SearchBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBox.js","sourceRoot":"","sources":["../src/SearchBox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAA2C,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAe9C,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,IAAI,EAAkB;IACtH,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;IAChC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IACxB,MAAM,MAAM,GAAG,WAAW,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAE5E,OAAO,CACL,gBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAC5C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,KAAK,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACtD,QAAQ,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACrD,CAAC,KACG,IAAI,aAER,gBAAO,SAAS,EAAC,kBAAkB,EAAC,OAAO,EAAE,OAAO,YAAG,KAAK,GAAS,EACrE,gBAAM,SAAS,EAAC,YAAY,aAC1B,gBAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,WAAW,EAAC,YAAY,EAAE,YAAY,GAAI,EAClG,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,gCAAgC,YAAE,MAAM,GAAU,IAC7E,IACF,CACR,CAAC;AACJ,CAAC"}

package/dist/SessionTimeoutWarning.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Session timeout warning (components/session-timeout-warning.md) — warn before an idle session ends,
+ * letting the user stay signed in without losing entered data (§9.1). Built on Modal as an
+ * alertdialog so it is announced; focus lands on "Stay signed in". The countdown is passed in and
+ * should be announced on a coarse interval by the app, not every second (which floods a screen
+ * reader). Entered data survives re-authentication (the app owns persistence).
+ */
+interface SessionTimeoutWarningProps {
+    open: boolean;
+    /** Seconds remaining, shown in the message. */
+    secondsLeft: number;
+    onStay: () => void;
+    onSignOut: () => void;
+}
+export declare function SessionTimeoutWarning({ open, secondsLeft, onStay, onSignOut }: SessionTimeoutWarningProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=SessionTimeoutWarning.d.ts.map

package/dist/SessionTimeoutWarning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionTimeoutWarning.d.ts","sourceRoot":"","sources":["../src/SessionTimeoutWarning.tsx"],"names":[],"mappings":"AAOA;;;;;;GAMG;AACH,UAAU,0BAA0B;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,+CAA+C;IAC/C,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,qBAAqB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,0BAA0B,+BA6BzG"}

package/dist/SessionTimeoutWarning.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal } from "./Modal.js";
+import { Button } from "./Button.js";
+import { useTheme } from "./ThemeProvider.js";
+export function SessionTimeoutWarning({ open, secondsLeft, onStay, onSignOut }) {
+    const { language } = useTheme();
+    const minutes = Math.ceil(secondsLeft / 60);
+    const message = language === "ne"
+        ? `तपाईंको सत्र लगभग ${minutes} मिनेटमा सकिन्छ। साइन इन रहनुहुन्छ?`
+        : `Your session will end in about ${minutes} minute${minutes === 1 ? "" : "s"}. Stay signed in?`;
+    const stay = language === "ne" ? "साइन इन रहनुहोस्" : "Stay signed in";
+    const out = language === "ne" ? "अहिले साइन आउट गर्नुहोस्" : "Sign out now";
+    const title = language === "ne" ? "सत्र सकिन लाग्यो" : "Your session is about to end";
+    return (_jsx(Modal, { open: open, onClose: onStay, role: "alertdialog", title: title, dismissOnScrim: false, actions: _jsxs(_Fragment, { children: [_jsx(Button, { type: "button", onClick: onStay, children: stay }), _jsx(Button, { variant: "secondary", type: "button", onClick: onSignOut, children: out })] }), children: message }));
+}
+//# sourceMappingURL=SessionTimeoutWarning.js.map

package/dist/SessionTimeoutWarning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionTimeoutWarning.js","sourceRoot":"","sources":["../src/SessionTimeoutWarning.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAiB9C,MAAM,UAAU,qBAAqB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAA8B;IACxG,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;IAChC,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,CAAC;IAC5C,MAAM,OAAO,GACX,QAAQ,KAAK,IAAI;QACf,CAAC,CAAC,qBAAqB,OAAO,qCAAqC;QACnE,CAAC,CAAC,kCAAkC,OAAO,UAAU,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC;IACrG,MAAM,IAAI,GAAG,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,CAAC;IACvE,MAAM,GAAG,GAAG,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,cAAc,CAAC;IAC5E,MAAM,KAAK,GAAG,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,8BAA8B,CAAC;IAEtF,OAAO,CACL,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,MAAM,EACf,IAAI,EAAC,aAAa,EAClB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,KAAK,EACrB,OAAO,EACL,8BAEE,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,YAAG,IAAI,GAAU,EACtD,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,SAAS,YAAG,GAAG,GAAU,IAC3E,YAGJ,OAAO,GACF,CACT,CAAC;AACJ,CAAC"}

package/dist/SkipLink.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+export declare function SkipLink({ targetId, children }: {
+    targetId?: string;
+    children?: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=SkipLink.d.ts.map

package/dist/SkipLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkipLink.d.ts","sourceRoot":"","sources":["../src/SkipLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,wBAAgB,QAAQ,CAAC,EAAE,QAAiB,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,+BAOpG"}

package/dist/SkipLink.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTheme } from "./ThemeProvider.js";
+/**
+ * Skip link (components/skip-link.md) — the first focusable element on the page, jumping keyboard
+ * users past the header to the main content. Visually hidden until focused (never display:none,
+ * which would drop it from the tab order). The Header renders one automatically; this standalone
+ * export is for pages that compose their own chrome.
+ */
+const LABEL = { ne: "मुख्य सामग्रीमा जानुहोस्", en: "Skip to main content" };
+export function SkipLink({ targetId = "main", children }) {
+    const { language } = useTheme();
+    return (_jsx("a", { className: "gov-skip-link", href: `#${targetId}`, children: children ?? LABEL[language] }));
+}
+//# sourceMappingURL=SkipLink.js.map

package/dist/SkipLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkipLink.js","sourceRoot":"","sources":["../src/SkipLink.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C;;;;;GAKG;AACH,MAAM,KAAK,GAAG,EAAE,EAAE,EAAE,0BAA0B,EAAE,EAAE,EAAE,sBAAsB,EAAW,CAAC;AAEtF,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,EAAE,QAAQ,EAA+C;IACnG,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;IAChC,OAAO,CACL,YAAG,SAAS,EAAC,eAAe,EAAC,IAAI,EAAE,IAAI,QAAQ,EAAE,YAC9C,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,GAC1B,CACL,CAAC;AACJ,CAAC"}

package/dist/SummaryList.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from "react";
+/**
+ * Summary list (components/summary-list.md) — the "check your answers" rows before submit: each the
+ * question, the citizen's answer, and a "Change" link back to the step that set it (§7.4). Rendered
+ * as a description list so the question/answer relationship is announced; each change link names
+ * what it changes, never a bare repeated "Change".
+ */
+export interface SummaryRow {
+    key: ReactNode;
+    value: ReactNode;
+    /** The change link. Its accessible name should include what it changes. */
+    action?: ReactNode;
+}
+export declare function SummaryList({ rows, className }: {
+    rows: SummaryRow[];
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=SummaryList.d.ts.map

package/dist/SummaryList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SummaryList.d.ts","sourceRoot":"","sources":["../src/SummaryList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;;GAKG;AACH,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,SAAS,CAAC;IACf,KAAK,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,EAAE,UAAU,EAAE,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAY1F"}

package/dist/SummaryList.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "./cx.js";
+export function SummaryList({ rows, className }) {
+    return (_jsx("dl", { className: cx("gov-summary-list", className), children: rows.map((row, i) => (_jsxs("div", { className: "gov-summary-list__row", children: [_jsx("dt", { className: "gov-summary-list__key", children: row.key }), _jsx("dd", { className: "gov-summary-list__value", children: row.value }), row.action && _jsx("dd", { className: "gov-summary-list__action", children: row.action })] }, i))) }));
+}
+//# sourceMappingURL=SummaryList.js.map

package/dist/SummaryList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SummaryList.js","sourceRoot":"","sources":["../src/SummaryList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAe7B,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAA8C;IACzF,OAAO,CACL,aAAI,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,YAC7C,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,eAAK,SAAS,EAAC,uBAAuB,aACpC,aAAI,SAAS,EAAC,uBAAuB,YAAE,GAAG,CAAC,GAAG,GAAM,EACpD,aAAI,SAAS,EAAC,yBAAyB,YAAE,GAAG,CAAC,KAAK,GAAM,EACvD,GAAG,CAAC,MAAM,IAAI,aAAI,SAAS,EAAC,0BAA0B,YAAE,GAAG,CAAC,MAAM,GAAM,KAH/B,CAAC,CAIvC,CACP,CAAC,GACC,CACN,CAAC;AACJ,CAAC"}

package/dist/Table.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from "react";
+/**
+ * Table (components/table.md) — semantic rows/columns for comparison. A real <table> with
+ * <th scope> so each cell's row/column is announced; never a grid of divs. Numeric columns are
+ * right-aligned. On mobile, prefer cards when a table becomes unreadable (§7.3) — that is the
+ * consumer's layout choice, not something this component forces.
+ */
+export interface Column<T> {
+    key: string;
+    header: ReactNode;
+    render: (row: T) => ReactNode;
+    numeric?: boolean;
+}
+export declare function Table<T>({ caption, columns, rows, sticky, getRowKey, className }: {
+    caption?: ReactNode;
+    columns: Column<T>[];
+    rows: T[];
+    sticky?: boolean;
+    getRowKey: (row: T, index: number) => string | number;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Table.d.ts.map