@mohasinac/appkit 2.8.9 → 3.0.0

package/dist/providers/payment-razorpay/index.d.ts

@@ -10,14 +10,15 @@
  * import { registerProviders } from "../../contracts";
  *
  * registerProviders({
- *   payment: new RazorpayProvider({
- *     keyId: process.env.RAZORPAY_KEY_ID!,
- *     keySecret: process.env.RAZORPAY_KEY_SECRET!,
- *     webhookSecret: process.env.RAZORPAY_WEBHOOK_SECRET,
- *   }),
+ * payment: new RazorpayProvider({
+ * keyId: process.env.RAZORPAY_KEY_ID!,
+ * keySecret: process.env.RAZORPAY_KEY_SECRET!,
+ * webhookSecret: process.env.RAZORPAY_WEBHOOK_SECRET,
+ * }),
  * });
  * ```
  */
+import type { JsonValue } from "@mohasinac/appkit";
 import type { IPaymentProvider, PaymentOrder, PaymentCapture, Refund } from "../../contracts";
 export interface RazorpayConfig {
     keyId: string;
@@ -28,7 +29,7 @@ export declare class RazorpayProvider implements IPaymentProvider {
     private readonly razorpay;
     private readonly webhookSecret?;
     constructor(config: RazorpayConfig);
-    createOrder(amount: number, currency?: string, metadata?: Record<string, unknown>): Promise<PaymentOrder>;
+    createOrder(amount: number, currency?: string, metadata?: Record<string, JsonValue>): Promise<PaymentOrder>;
     /**
      * Verify Razorpay webhook signature (HMAC-SHA256 over raw body).
      * Requires webhookSecret to be set in the constructor.

package/dist/providers/payment-razorpay/index.js

@@ -10,11 +10,11 @@
  * import { registerProviders } from "../../contracts";
  *
  * registerProviders({
- *   payment: new RazorpayProvider({
- *     keyId: process.env.RAZORPAY_KEY_ID!,
- *     keySecret: process.env.RAZORPAY_KEY_SECRET!,
- *     webhookSecret: process.env.RAZORPAY_WEBHOOK_SECRET,
- *   }),
+ * payment: new RazorpayProvider({
+ * keyId: process.env.RAZORPAY_KEY_ID!,
+ * keySecret: process.env.RAZORPAY_KEY_SECRET!,
+ * webhookSecret: process.env.RAZORPAY_WEBHOOK_SECRET,
+ * }),
  * });
  * ```
  */
@@ -148,6 +148,7 @@ export async function createRazorpayOrder(opts) {
         receipt: opts.receipt ?? `rcpt_${Date.now()}`,
         notes: opts.notes,
     });
+    // audit-unknown-ok: TS structural escape — RazorpayOrder
     return order;
 }
 /**
@@ -158,6 +159,7 @@ export async function createRazorpayOrder(opts) {
 export async function fetchRazorpayOrder(orderId) {
     const razorpay = await getRazorpayInstance();
     const order = await razorpay.orders.fetch(orderId);
+    // audit-unknown-ok: TS structural escape — RazorpayOrder
     return order;
 }
 /**
@@ -201,5 +203,6 @@ export async function createRazorpayRefund(paymentId, amountPaise) {
     if (amountPaise)
         opts.amount = amountPaise;
     const refund = await razorpay.payments.refund(paymentId, opts);
+    // audit-unknown-ok: TS structural escape — RazorpayRefundResult
     return refund;
 }

package/dist/providers/shipping-shiprocket/index.d.ts

@@ -10,9 +10,9 @@
  * @example
  * ```ts
  * import {
- *   shiprocketAuthenticate,
- *   shiprocketCreateOrder,
- *   shiprocketTrackByAWB,
+ * shiprocketAuthenticate,
+ * shiprocketCreateOrder,
+ * shiprocketTrackByAWB,
  * } from "@mohasinac/shipping-shiprocket";
  *
  * const { token } = await shiprocketAuthenticate({ email, password });

package/dist/providers/shipping-shiprocket/index.js

@@ -10,9 +10,9 @@
  * @example
  * ```ts
  * import {
- *   shiprocketAuthenticate,
- *   shiprocketCreateOrder,
- *   shiprocketTrackByAWB,
+ * shiprocketAuthenticate,
+ * shiprocketCreateOrder,
+ * shiprocketTrackByAWB,
  * } from "@mohasinac/shipping-shiprocket";
  *
  * const { token } = await shiprocketAuthenticate({ email, password });
@@ -34,6 +34,7 @@ async function shiprocketFetch(endpoint, options = {}) {
         headers: reqHeaders,
     });
     const text = await response.text();
+    // audit-unknown-ok: Shiprocket HTTP response — third-party JSON
     let json;
     try {
         json = JSON.parse(text);

package/dist/providers/storage-firebase/client.js

@@ -1,3 +1,4 @@
+import { normalizeError } from "../../errors/normalize";
 /**
  * Firebase Client Storage Helpers
  *
@@ -32,8 +33,10 @@ export function createStorageHelpers(storage) {
             });
             const url = await getDownloadURL(uploadResult.ref);
             return { url, ref: uploadResult.ref, uploadResult };
+            // audit-unknown-ok: error-handler entry point — accepts thrown values of any shape
         }
         catch (error) {
+            void normalizeError(error);
             const msg = error instanceof Error ? error.message : "Failed to upload file";
             throw new DatabaseError(msg, {
                 path,
@@ -67,8 +70,10 @@ export function createStorageHelpers(storage) {
     async function getFileUrl(path) {
         try {
             return await getDownloadURL(ref(storage, path));
+            // audit-unknown-ok: error-handler entry point — accepts thrown values of any shape
         }
         catch (error) {
+            void normalizeError(error);
             const msg = error instanceof Error ? error.message : "Failed to get file URL";
             throw new DatabaseError(msg, { path });
         }
@@ -76,8 +81,10 @@ export function createStorageHelpers(storage) {
     async function deleteFile(path) {
         try {
             await deleteObject(ref(storage, path));
+            // audit-unknown-ok: error-handler entry point — accepts thrown values of any shape
         }
         catch (error) {
+            void normalizeError(error);
             const msg = error instanceof Error ? error.message : "Failed to delete file";
             throw new DatabaseError(msg, { path });
         }
@@ -89,8 +96,10 @@ export function createStorageHelpers(storage) {
         try {
             const result = await listAll(ref(storage, folderPath));
             return result.items;
+            // audit-unknown-ok: error-handler entry point — accepts thrown values of any shape
         }
         catch (error) {
+            void normalizeError(error);
             const msg = error instanceof Error ? error.message : "Failed to list files";
             throw new DatabaseError(msg, { folderPath });
         }

package/dist/providers/storage-firebase/index.d.ts

@@ -9,7 +9,7 @@
  * import { firebaseStorageProvider } from "@mohasinac/storage-firebase";
  *
  * const result = await firebaseStorageProvider.upload(
- *   buffer, "products/image.jpg", { contentType: "image/jpeg" }
+ * buffer, "products/image.jpg", { contentType: "image/jpeg" }
  * );
  * ```
  */

package/dist/providers/storage-firebase/index.js

@@ -9,7 +9,7 @@
  * import { firebaseStorageProvider } from "@mohasinac/storage-firebase";
  *
  * const result = await firebaseStorageProvider.upload(
- *   buffer, "products/image.jpg", { contentType: "image/jpeg" }
+ * buffer, "products/image.jpg", { contentType: "image/jpeg" }
  * );
  * ```
  */

package/dist/providers/storage-firebase/provider.d.ts

@@ -12,9 +12,9 @@
  * import { firebaseStorageProvider } from "@mohasinac/storage-firebase";
  *
  * const file = await firebaseStorageProvider.upload(
- *   buffer,
- *   "products/abc123.jpg",
- *   { contentType: "image/jpeg" }
+ * buffer,
+ * "products/abc123.jpg",
+ * { contentType: "image/jpeg" }
  * );
  * console.log(file.url); // Public download URL
  * ```

package/dist/providers/storage-firebase/provider.js

@@ -12,9 +12,9 @@
  * import { firebaseStorageProvider } from "@mohasinac/storage-firebase";
  *
  * const file = await firebaseStorageProvider.upload(
- *   buffer,
- *   "products/abc123.jpg",
- *   { contentType: "image/jpeg" }
+ * buffer,
+ * "products/abc123.jpg",
+ * { contentType: "image/jpeg" }
  * );
  * console.log(file.url); // Public download URL
  * ```

package/dist/react/contexts/SessionContext.d.ts

@@ -1,3 +1,4 @@
+import type { FirestoreDocument } from "@mohasinac/appkit";
 import React from "react";
 /** Minimal avatar metadata shape shared across consumers. */
 export interface AvatarMetadataShape {
@@ -26,9 +27,9 @@ export interface SessionUser {
     sessionId?: string;
     phoneVerified?: boolean;
     avatarMetadata?: AvatarMetadataShape | null;
-    publicProfile?: Record<string, unknown>;
-    stats?: Record<string, unknown>;
-    metadata?: Record<string, unknown>;
+    publicProfile?: FirestoreDocument;
+    stats?: FirestoreDocument;
+    metadata?: FirestoreDocument;
     scamAwarenessAcknowledgedAt?: Date | null;
     /** RBAC permission keys granted to this user (from their role's permission set). */
     permissions?: string[];

package/dist/react/contexts/SessionContext.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { normalizeError } from "../../errors/normalize";
 import { createContext, useContext, useState, useEffect, useCallback, useRef, useMemo, } from "react";
 import { logger } from "../../core/Logger";
 import { apiClient } from "../../http";
@@ -98,6 +99,7 @@ export function SessionProvider({ children, initialUser, endpoints: endpointOver
             return buildSessionUser(authUser, data);
         }
         catch (error) {
+            void normalizeError(error);
             logger.error("Failed to fetch user profile", { error });
             return {
                 uid: authUser.uid,
@@ -139,6 +141,7 @@ export function SessionProvider({ children, initialUser, endpoints: endpointOver
                 stats: data.stats,
                 metadata: data.metadata,
                 scamAwarenessAcknowledgedAt: data.scamAwarenessAcknowledgedAt
+                    // audit-unknown-ok: TS structural escape — primitive cast
                     ? new Date(data.scamAwarenessAcknowledgedAt)
                     : null,
                 dismissedBannerHash: data.dismissedBannerHash,
@@ -161,6 +164,7 @@ export function SessionProvider({ children, initialUser, endpoints: endpointOver
             });
         }
         catch (error) {
+            void normalizeError(error);
             logger.debug("Session activity update failed", { error });
         }
     }, [user, ep.sessionActivity]);
@@ -194,6 +198,7 @@ export function SessionProvider({ children, initialUser, endpoints: endpointOver
                 setSessionId(data.sessionId);
         }
         catch (error) {
+            void normalizeError(error);
             await signOutRef.current?.();
             logger.error("Session validation failed", { error });
         }
@@ -244,6 +249,7 @@ export function SessionProvider({ children, initialUser, endpoints: endpointOver
                     setSessionId(data.sessionId);
             }
             catch (error) {
+                void normalizeError(error);
                 logger.error("Session creation failed", { error });
             }
         }

package/dist/react/contexts/index.d.ts

@@ -1,4 +1,2 @@
-export { ThemeProvider, useTheme } from "./ThemeContext";
-export type { ThemeMode } from "./ThemeContext";
 export { SessionProvider, useSession, useAuth } from "./SessionContext";
 export type { SessionUser, SessionContextValue, SessionEndpoints, SessionProviderProps, AvatarMetadataShape, InvalidateQueriesFn, } from "./SessionContext";

package/dist/react/contexts/index.js

@@ -1,2 +1,3 @@
-export { ThemeProvider, useTheme } from "./ThemeContext";
+// ThemeProvider/useTheme/ThemeMode moved to "@mohasinac/appkit/client"
+// (registry-aware ThemeProvider lives in _internal/client/theme).
 export { SessionProvider, useSession, useAuth } from "./SessionContext";

package/dist/react/hooks/use-action-dispatch.d.ts

@@ -1,3 +1,4 @@
+import type { JsonValue } from "@mohasinac/appkit";
 import { type ToastVariant } from "../../ui";
 export type DispatchAction = {
     type: "NAVIGATE";
@@ -5,7 +6,7 @@ export type DispatchAction = {
 } | {
     type: "OPEN_PANEL";
     panelId: string;
-    data?: Record<string, unknown>;
+    data?: Record<string, JsonValue>;
 } | {
     type: "TOAST";
     message: string;

package/dist/react/hooks/use-action-dispatch.js

@@ -1,4 +1,5 @@
 "use client";
+import { normalizeError } from "../../errors/normalize";
 import { useCallback } from "react";
 import { useRouter } from "next/navigation";
 import { useToast } from "../../ui";
@@ -32,6 +33,7 @@ export function useActionDispatch(options) {
                         showToast(action.successMessage, "success");
                 }
                 catch (err) {
+                    void normalizeError(err);
                     showToast(action.errorMessage ?? (err instanceof Error ? err.message : "Something went wrong."), "error");
                 }
                 break;

package/dist/react/hooks/useBreakpoint.d.ts

@@ -16,7 +16,7 @@
  * const { isMobile, isTablet, isDesktop, breakpoint } = useBreakpoint();
  *
  * if (isMobile) {
- *   return <MobileView />;
+ * return <MobileView />;
  * }
  * return <DesktopView />;
  * ```

package/dist/react/hooks/useBreakpoint.js

@@ -17,7 +17,7 @@ import { useMediaQuery } from "./useMediaQuery";
  * const { isMobile, isTablet, isDesktop, breakpoint } = useBreakpoint();
  *
  * if (isMobile) {
- *   return <MobileView />;
+ * return <MobileView />;
  * }
  * return <DesktopView />;
  * ```

package/dist/react/hooks/useBulkAction.d.ts

@@ -8,7 +8,7 @@ export interface BulkActionSummary {
     skipped: number;
     failed: number;
 }
-export interface BulkActionResult<TData = Record<string, unknown>> {
+export interface BulkActionResult<TData = unknown> {
     action: string;
     summary: BulkActionSummary;
     succeeded: string[];
@@ -20,7 +20,7 @@ export interface BulkActionPayload {
     action: string;
     ids: string[];
 }
-export interface UseBulkActionOptions<TPayload extends BulkActionPayload, TData = Record<string, unknown>> {
+export interface UseBulkActionOptions<TPayload extends BulkActionPayload, TData = unknown> {
     /**
      * Async function that POSTs to the bulk endpoint.
      * Must return `Promise<BulkActionResult<TData>>`.
@@ -42,7 +42,7 @@ export interface UseBulkActionOptions<TPayload extends BulkActionPayload, TData
      */
     requiresConfirm?: boolean;
 }
-export interface UseBulkActionReturn<TPayload extends BulkActionPayload, TData = Record<string, unknown>> {
+export interface UseBulkActionReturn<TPayload extends BulkActionPayload, TData = unknown> {
     execute: (payload: TPayload) => Promise<void>;
     isLoading: boolean;
     result: BulkActionResult<TData> | null;
@@ -62,4 +62,4 @@ export interface UseBulkActionReturn<TPayload extends BulkActionPayload, TData =
  * Pair with `useBulkSelection` and a `BulkActionBar` component for the
  * full admin list pattern.
  */
-export declare function useBulkAction<TPayload extends BulkActionPayload = BulkActionPayload, TData = Record<string, unknown>>(options: UseBulkActionOptions<TPayload, TData>): UseBulkActionReturn<TPayload, TData>;
+export declare function useBulkAction<TPayload extends BulkActionPayload = BulkActionPayload, TData = unknown>(options: UseBulkActionOptions<TPayload, TData>): UseBulkActionReturn<TPayload, TData>;

package/dist/react/hooks/useBulkAction.js

@@ -1,4 +1,5 @@
 "use client";
+import { normalizeError } from "../../errors/normalize";
 import { useState, useCallback, useRef } from "react";
 /**
  * useBulkAction
@@ -26,6 +27,7 @@ export function useBulkAction(options) {
             await optionsRef.current.onSuccess?.(res, payload);
         }
         catch (err) {
+            void normalizeError(err);
             const error = err instanceof Error
                 ? err
                 : new Error(err?.message ?? "Unexpected error");

package/dist/react/hooks/useCamera.js

@@ -1,4 +1,5 @@
 "use client";
+import { normalizeError } from "../../errors/normalize";
 import { useCallback, useEffect, useRef, useState } from "react";
 /**
  * useCamera
@@ -67,6 +68,7 @@ export function useCamera() {
             }
         }
         catch (err) {
+            void normalizeError(err);
             const message = err instanceof DOMException && err.name === "NotAllowedError"
                 ? "Camera permission denied. Please allow access in your browser settings."
                 : "Camera unavailable";

package/dist/react/hooks/useClickOutside.d.ts

@@ -26,10 +26,10 @@ export interface UseClickOutsideOptions {
  * const triggerRef = useRef<HTMLButtonElement>(null);
  *
  * useClickOutside(dropdownRef, () => {
- *   setIsOpen(false);
+ * setIsOpen(false);
  * }, {
- *   additionalRefs: [triggerRef],
- *   enabled: isOpen,
+ * additionalRefs: [triggerRef],
+ * enabled: isOpen,
  * });
  * ```
  */

package/dist/react/hooks/useClickOutside.js

@@ -17,10 +17,10 @@ const EMPTY_REFS = [];
  * const triggerRef = useRef<HTMLButtonElement>(null);
  *
  * useClickOutside(dropdownRef, () => {
- *   setIsOpen(false);
+ * setIsOpen(false);
  * }, {
- *   additionalRefs: [triggerRef],
- *   enabled: isOpen,
+ * additionalRefs: [triggerRef],
+ * enabled: isOpen,
  * });
  * ```
  */

package/dist/react/hooks/useContainerGrid.d.ts

@@ -28,11 +28,11 @@ export interface UseContainerGridResult {
  * const { containerRef, cols } = useContainerGrid({ minItemWidth: 220 });
  *
  * return (
- *   <ul ref={containerRef as React.RefObject<HTMLUListElement>} className="fluid-grid-card gap-4">
- *     {isLoading
- *       ? Array.from({ length: cols * 2 }).map((_, i) => <li key={i}><Skeleton /></li>)
- *       : items.map((item) => <li key={item.id}><ProductCard product={item} /></li>)}
- *   </ul>
+ * <ul ref={containerRef as React.RefObject<HTMLUListElement>} className="fluid-grid-card gap-4">
+ * {isLoading
+ * ? Array.from({ length: cols * 2 }).map((_, i) => <li key={i}><Skeleton /></li>)
+ * : items.map((item) => <li key={item.id}><ProductCard product={item} /></li>)}
+ * </ul>
  * );
  * ```
  */

package/dist/react/hooks/useContainerGrid.js

@@ -15,11 +15,11 @@ import { useRef, useState, useEffect } from "react";
  * const { containerRef, cols } = useContainerGrid({ minItemWidth: 220 });
  *
  * return (
- *   <ul ref={containerRef as React.RefObject<HTMLUListElement>} className="fluid-grid-card gap-4">
- *     {isLoading
- *       ? Array.from({ length: cols * 2 }).map((_, i) => <li key={i}><Skeleton /></li>)
- *       : items.map((item) => <li key={item.id}><ProductCard product={item} /></li>)}
- *   </ul>
+ * <ul ref={containerRef as React.RefObject<HTMLUListElement>} className="fluid-grid-card gap-4">
+ * {isLoading
+ * ? Array.from({ length: cols * 2 }).map((_, i) => <li key={i}><Skeleton /></li>)
+ * : items.map((item) => <li key={item.id}><ProductCard product={item} /></li>)}
+ * </ul>
  * );
  * ```
  */

package/dist/react/hooks/useCountdown.js

@@ -1,6 +1,7 @@
 "use client";
 import { useState, useEffect } from "react";
 /** Resolve any date-like value into a ms timestamp. */
+// audit-unknown-ok: type-narrowing entry point — accepts any value, narrows by typeof/Array.isArray
 function resolveMs(endDate) {
     if (!endDate)
         return NaN;

package/dist/react/hooks/useEntityDelete.js

@@ -1,4 +1,5 @@
 "use client";
+import { normalizeError } from "../../errors/normalize";
 import { useState, useCallback } from "react";
 import { useToast } from "../../ui";
 export function useEntityDelete(opts) {
@@ -23,6 +24,7 @@ export function useEntityDelete(opts) {
             opts.onSuccess?.(id);
         }
         catch (err) {
+            void normalizeError(err);
             const msg = opts.errorMessage ?? (err instanceof Error ? err.message : "Delete failed.");
             showToast(msg, "error");
             opts.onError?.(id, err);

package/dist/react/hooks/useFormStatePreservation.d.ts

@@ -1,3 +1,4 @@
+import type { JsonValue } from "@mohasinac/appkit";
 export interface FormStatePreservationOptions<TValues> {
     /** Current form values to persist. */
     values: TValues;
@@ -12,6 +13,6 @@ export interface FormStatePreservationOptions<TValues> {
     /** Disable persistence (e.g. while submitting). */
     enabled?: boolean;
 }
-export declare function useFormStatePreservation<TValues extends Record<string, unknown>>({ values, onRestore, stripFields, paramName, debounceMs, enabled, }: FormStatePreservationOptions<TValues>): {
+export declare function useFormStatePreservation<TValues extends Record<string, JsonValue>>({ values, onRestore, stripFields, paramName, debounceMs, enabled, }: FormStatePreservationOptions<TValues>): {
     clearPreservedState: () => void;
 };

package/dist/react/hooks/useGesture.d.ts

@@ -40,9 +40,9 @@ export interface UseGestureOptions {
  * const ref = useRef<HTMLDivElement>(null);
  *
  * useGesture(ref, {
- *   onTap: (x, y) => console.log('Tapped at', x, y),
- *   onDoubleTap: () => console.log('Double tapped'),
- *   onPinch: (scale) => console.log('Pinch scale', scale),
+ * onTap: (x, y) => console.log('Tapped at', x, y),
+ * onDoubleTap: () => console.log('Double tapped'),
+ * onPinch: (scale) => console.log('Pinch scale', scale),
  * });
  *
  * return <div ref={ref}>Touch me!</div>;

package/dist/react/hooks/useGesture.js

@@ -14,9 +14,9 @@ import { useRef, useEffect } from "react";
  * const ref = useRef<HTMLDivElement>(null);
  *
  * useGesture(ref, {
- *   onTap: (x, y) => console.log('Tapped at', x, y),
- *   onDoubleTap: () => console.log('Double tapped'),
- *   onPinch: (scale) => console.log('Pinch scale', scale),
+ * onTap: (x, y) => console.log('Tapped at', x, y),
+ * onDoubleTap: () => console.log('Double tapped'),
+ * onPinch: (scale) => console.log('Pinch scale', scale),
  * });
  *
  * return <div ref={ref}>Touch me!</div>;

package/dist/react/hooks/useInlineRowEdit.js

@@ -1,4 +1,5 @@
 "use client";
+import { normalizeError } from "../../errors/normalize";
 import { useCallback, useState } from "react";
 export function useInlineToggle({ rowId, field, initialValue, save, onError, }) {
     const [value, setValue] = useState(initialValue);
@@ -12,6 +13,7 @@ export function useInlineToggle({ rowId, field, initialValue, save, onError, })
             await save(rowId, field, next);
         }
         catch (err) {
+            void normalizeError(err);
             setValue(previous);
             onError?.(err, previous);
         }
@@ -47,6 +49,7 @@ export function useInlineTextEdit({ rowId, field, initialValue, save, onError, }
             await save(rowId, field, draft);
         }
         catch (err) {
+            void normalizeError(err);
             setValue(previous);
             setDraft(previous);
             onError?.(err, previous);

package/dist/react/hooks/useKeyPress.d.ts

@@ -37,8 +37,8 @@ export interface UseKeyPressOptions extends KeyModifiers {
  *
  * // Key combination (Ctrl+S)
  * useKeyPress('s', handleSave, {
- *   ctrl: true,
- *   preventDefault: true,
+ * ctrl: true,
+ * preventDefault: true,
  * });
  *
  * // Multiple keys

package/dist/react/hooks/useKeyPress.js

@@ -17,8 +17,8 @@ import { useEffect, useCallback, useRef, useMemo } from "react";
  *
  * // Key combination (Ctrl+S)
  * useKeyPress('s', handleSave, {
- *   ctrl: true,
- *   preventDefault: true,
+ * ctrl: true,
+ * preventDefault: true,
  * });
  *
  * // Multiple keys

package/dist/react/hooks/usePendingFilters.d.ts

@@ -39,20 +39,20 @@ export interface UsePendingFiltersReturn {
  *
  * @example
  * ```ts
- * const table   = useUrlTable({ defaults: { pageSize: '25' } });
+ * const table = useUrlTable({ defaults: { pageSize: '25' } });
  * const filters = usePendingFilters({ table, keys: ['status', 'category'] });
  *
  * <FilterDrawer
- *   onApply={() => { filters.apply(); setDrawerOpen(false); }}
- *   onReset={() => filters.clear()}
- *   activeCount={filters.appliedCount}
+ * onApply={() => { filters.apply(); setDrawerOpen(false); }}
+ * onReset={() => filters.clear()}
+ * activeCount={filters.appliedCount}
  * >
- *   <FilterFacetSection
- *     title="Status"
- *     options={STATUS_OPTIONS}
- *     selected={filters.pending['status'] ?? []}
- *     onChange={(v) => filters.set('status', v)}
- *   />
+ * <FilterFacetSection
+ * title="Status"
+ * options={STATUS_OPTIONS}
+ * selected={filters.pending['status'] ?? []}
+ * onChange={(v) => filters.set('status', v)}
+ * />
  * </FilterDrawer>
  * ```
  */

package/dist/react/hooks/usePendingFilters.js

@@ -11,20 +11,20 @@ import { useCallback, useMemo, useState } from "react";
  *
  * @example
  * ```ts
- * const table   = useUrlTable({ defaults: { pageSize: '25' } });
+ * const table = useUrlTable({ defaults: { pageSize: '25' } });
  * const filters = usePendingFilters({ table, keys: ['status', 'category'] });
  *
  * <FilterDrawer
- *   onApply={() => { filters.apply(); setDrawerOpen(false); }}
- *   onReset={() => filters.clear()}
- *   activeCount={filters.appliedCount}
+ * onApply={() => { filters.apply(); setDrawerOpen(false); }}
+ * onReset={() => filters.clear()}
+ * activeCount={filters.appliedCount}
  * >
- *   <FilterFacetSection
- *     title="Status"
- *     options={STATUS_OPTIONS}
- *     selected={filters.pending['status'] ?? []}
- *     onChange={(v) => filters.set('status', v)}
- *   />
+ * <FilterFacetSection
+ * title="Status"
+ * options={STATUS_OPTIONS}
+ * selected={filters.pending['status'] ?? []}
+ * onChange={(v) => filters.set('status', v)}
+ * />
  * </FilterDrawer>
  * ```
  */

package/dist/react/hooks/usePendingTable.d.ts

@@ -41,7 +41,7 @@ export interface UsePendingTableReturn {
  * @example
  * ```tsx
  * const { pendingTable, filterActiveCount, onFilterApply, onFilterClear } =
- *   usePendingTable(table, ['status', 'category', 'minPrice', 'maxPrice']);
+ * usePendingTable(table, ['status', 'category', 'minPrice', 'maxPrice']);
  *
  * // Pass pendingTable directly to any *Filters component:
  * filterContent={<ProductFilters table={pendingTable} showStatus />}