@mohasinac/appkit 2.7.55 → 2.7.57

package/dist/features/categories/components/CategoriesListView.js

@@ -1,27 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { Container, Div, Heading, Input, SlottedListingView, Text, } from "../../../ui";
-import { CategoryFilters } from "./CategoryFilters";
-import { CategorySortSelect } from "./CategorySortSelect";
-export function CategoriesListView({ labels = {}, table, filterVariant = "public", sortValue, onSortChange, renderSearch, renderSort, renderFilters, renderCategories, renderPagination, items = [], total = 0, isLoading = false, className = "", }) {
-    const [search, setSearch] = React.useState("");
-    const [sort, setSort] = React.useState("order");
-    const resolvedSort = sortValue ?? table?.get("sorts") ?? sort;
-    const handleSortChange = (next) => {
-        onSortChange?.(next);
-        if (!sortValue) {
-            setSort(next);
-        }
-        table?.set("sorts", next);
-    };
-    const filtered = React.useMemo(() => {
-        const q = search.trim().toLowerCase();
-        if (!q)
-            return items;
-        return items.filter((c) => (c.name ?? "").toLowerCase().includes(q) ||
-            (c.description ?? "").toLowerCase().includes(q));
-    }, [items, search]);
-    return (_jsx(Div, { className: `min-h-screen ${className}`, children: _jsx(Container, { size: "full", className: "py-8", children: _jsx(SlottedListingView, { portal: "public", inlineToolbar: true, className: "space-y-4", renderHeader: () => labels.title || labels.subtitle ? (_jsxs(Div, { className: "mb-2", children: [labels.title ? (_jsx(Heading, { level: 1, className: "text-2xl font-bold", children: labels.title })) : null, labels.subtitle ? (_jsx(Text, { variant: "secondary", className: "mt-1", children: labels.subtitle })) : null] })) : null, renderSearch: () => renderSearch?.(search, setSearch) ?? (_jsx(Input, { value: search, onChange: (event) => setSearch(event.target.value), placeholder: "Search categories", className: "max-w-sm" })), renderSort: () => renderSort ? (renderSort(resolvedSort, handleSortChange)) : (_jsx(CategorySortSelect, { value: resolvedSort, onChange: handleSortChange, variant: filterVariant })), renderFilters: () => renderFilters?.() ??
-                    (table ? _jsx(CategoryFilters, { table: table, variant: filterVariant }) : null), renderTable: () => renderCategories(filtered, isLoading), renderPagination: () => renderPagination?.(total) ?? null, total: total, isLoading: isLoading }) }) }));
-}

package/dist/features/products/components/AuctionsView.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import type { SlottedListingViewProps } from "../../../ui";
-export interface AuctionsViewProps extends Omit<SlottedListingViewProps, "renderTable"> {
-    renderGrid: (isLoading: boolean) => React.ReactNode;
-}
-export declare function AuctionsView({ renderGrid, ...props }: AuctionsViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/products/components/AuctionsView.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { SlottedListingView } from "../../../ui";
-export function AuctionsView({ renderGrid, ...props }) {
-    return (_jsx(SlottedListingView, { portal: "public", ...props, manageSearch: true, manageSort: true, inlineToolbar: true, renderTable: () => renderGrid(props.isLoading ?? false) }));
-}

package/dist/features/products/components/BuyBar.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-export interface BuyBarProps {
-    children: React.ReactNode;
-    /** Extra classes on the bar wrapper */
-    className?: string;
-}
-/**
- * BuyBar — sticky mobile purchase action bar.
- *
- * Fixed above the bottom navigation (`bottom-16`) on mobile screens.
- * Hidden on `lg:` and above — desktop uses inline CTAs on the PDP.
- *
- * @example
- * ```tsx
- * <BuyBar>
- *   <WishlistButton productId={product.id} />
- *   <AddToCartButton productId={product.id} className="flex-1" />
- * </BuyBar>
- * ```
- */
-export declare function BuyBar({ children, className }: BuyBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/products/components/BuyBar.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Div } from "../../../ui";
-/**
- * BuyBar — sticky mobile purchase action bar.
- *
- * Fixed above the bottom navigation (`bottom-16`) on mobile screens.
- * Hidden on `lg:` and above — desktop uses inline CTAs on the PDP.
- *
- * @example
- * ```tsx
- * <BuyBar>
- *   <WishlistButton productId={product.id} />
- *   <AddToCartButton productId={product.id} className="flex-1" />
- * </BuyBar>
- * ```
- */
-export function BuyBar({ children, className }) {
-    return (_jsx(Div, { className: `fixed bottom-16 inset-x-0 z-40 flex items-center gap-2 px-4 py-3 bg-white/95 dark:bg-zinc-900/95 backdrop-blur-sm border-t border-zinc-100 dark:border-zinc-800 lg:hidden pb-[env(safe-area-inset-bottom)]${className ? ` ${className}` : ""}`, role: "region", "aria-label": "Purchase actions", children: children }));
-}

package/dist/features/products/components/PreOrdersView.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import type { SlottedListingViewProps } from "../../../ui";
-export interface PreOrdersViewProps extends Omit<SlottedListingViewProps, "renderTable"> {
-    renderGrid: (isLoading: boolean) => React.ReactNode;
-}
-export declare function PreOrdersView({ renderGrid, ...props }: PreOrdersViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/products/components/PreOrdersView.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { SlottedListingView } from "../../../ui";
-export function PreOrdersView({ renderGrid, ...props }) {
-    return (_jsx(SlottedListingView, { portal: "public", ...props, manageSearch: true, renderTable: () => renderGrid(props.isLoading ?? false) }));
-}

package/dist/features/reviews/components/ReviewsListView.d.ts

@@ -1,31 +0,0 @@
-import React from "react";
-import type { Review, ReviewListParams, ReviewListResponse } from "../types";
-export interface ReviewsListViewProps {
-    /** Optional initial SSR data */
-    initialData?: ReviewListResponse;
-    /** Query params passed to useReviews */
-    params?: ReviewListParams;
-    /** Rendered inside the page header */
-    renderHeader?: (total: number) => React.ReactNode;
-    /** Render search input */
-    renderSearch?: (value: string, onChange: (v: string) => void) => React.ReactNode;
-    /** Render sort dropdown */
-    renderSort?: (value: string, onChange: (v: string) => void) => React.ReactNode;
-    /** Render filter panel */
-    renderFilters?: () => React.ReactNode;
-    /** Render active filter chips */
-    renderActiveFilters?: () => React.ReactNode;
-    /** Render the data table / grid */
-    renderResults: (items: Review[], isLoading: boolean) => React.ReactNode;
-    /** Render pagination */
-    renderPagination?: (total: number) => React.ReactNode;
-    /** Render empty state */
-    renderEmptyState?: () => React.ReactNode;
-    labels?: {
-        title?: string;
-        subtitle?: string;
-        subtitleWithCount?: (count: number) => string;
-    };
-    className?: string;
-}
-export declare function ReviewsListView({ initialData, params, renderHeader, renderSearch, renderSort, renderFilters, renderActiveFilters, renderResults, renderPagination, renderEmptyState, labels, className, }: ReviewsListViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/reviews/components/ReviewsListView.js

@@ -1,16 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { Container, Div, Heading, Row, Text } from "../../../ui";
-import { useReviews } from "../hooks/useReviews";
-export function ReviewsListView({ initialData, params = { status: "approved", perPage: 200 }, renderHeader, renderSearch, renderSort, renderFilters, renderActiveFilters, renderResults, renderPagination, renderEmptyState, labels = {}, className = "", }) {
-    const [search, setSearch] = React.useState("");
-    const [sort, setSort] = React.useState("-rating");
-    const { reviews, total, isLoading } = useReviews(params, { initialData });
-    return (_jsx(Div, { className: `min-h-screen ${className}`, children: _jsxs(Container, { size: "full", className: "py-8", children: [renderHeader ? (renderHeader(total)) : (_jsxs(Div, { className: "mb-6", children: [_jsx(Heading, { level: 1, children: labels.title ?? "Reviews" }), _jsx(Text, { variant: "secondary", className: "mt-1", children: total > 0
-                                ? (labels.subtitleWithCount?.(total) ??
-                                    `${total} reviews from our customers`)
-                                : (labels.subtitle ?? "See what our customers say") })] })), _jsxs(Row, { wrap: true, gap: "3", className: "mb-4", children: [renderSearch?.(search, setSearch), renderSort?.(sort, setSort), renderFilters?.()] }), renderActiveFilters?.(), !isLoading && total === 0 && renderEmptyState
-                    ? renderEmptyState()
-                    : renderResults(reviews, isLoading), renderPagination?.(total)] }) }));
-}

package/dist/features/stores/components/StoresListView.d.ts

@@ -1,19 +0,0 @@
-import type { LayoutSlots } from "../../../contracts";
-import type { StoreListItem } from "../types";
-interface StoresListViewProps<T extends StoreListItem = StoreListItem> {
-    stores: T[];
-    labels?: {
-        products?: string;
-        reviews?: string;
-        sold?: string;
-        empty?: string;
-    };
-    total?: number;
-    currentPage?: number;
-    totalPages?: number;
-    className?: string;
-    /** Render-prop slot overrides — pass via `FeatureExtension.slots`. */
-    slots?: LayoutSlots<T>;
-}
-export declare function StoresListView<T extends StoreListItem = StoreListItem>({ stores, labels, total, currentPage, totalPages, className, slots, }: StoresListViewProps<T>): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/features/stores/components/StoresListView.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
-import Link from "next/link";
-import { Div, Grid, Heading, RichText, Row, Span, Text } from "../../../ui";
-import { normalizeRichTextHtml } from "../../../utils/string.formatter";
-import { THEME_CONSTANTS } from "../../../tokens";
-function StoreCard({ store, labels = {}, className = "" }) {
-    return (_jsxs(Link, { href: `/stores/${store.storeSlug ?? store.id}`, className: `block rounded-xl border border-gray-200 dark:border-slate-700 bg-white dark:bg-slate-900 overflow-hidden shadow-sm hover:shadow-md transition-shadow ${className}`, children: [store.storeBannerURL ? (_jsx(Div, { className: "h-24 overflow-hidden bg-gray-100 dark:bg-slate-800", children: _jsx(Div, { role: "img", "aria-label": `${store.storeName} banner`, className: "h-full w-full bg-center bg-cover", style: { backgroundImage: `url(${store.storeBannerURL})` } }) })) : (_jsx(Div, { className: "h-24 bg-gradient-to-br from-orange-50 to-orange-100 dark:from-orange-900/20 dark:to-orange-800/20" })), _jsxs(Div, { className: "px-4 pb-4", children: [_jsx(Div, { className: "-mt-6 mb-3", children: store.storeLogoURL ? (_jsx(Div, { role: "img", "aria-label": store.storeName, className: "h-12 w-12 rounded-lg border-2 border-white dark:border-slate-800 bg-center bg-cover shadow-sm", style: { backgroundImage: `url(${store.storeLogoURL})` } })) : (_jsx(Div, { className: "h-12 w-12 rounded-lg border-2 border-white dark:border-slate-800 bg-orange-100 dark:bg-orange-900/30 flex items-center justify-center text-orange-600 dark:text-orange-400 font-bold shadow-sm", children: store.storeName[0]?.toUpperCase() })) }), _jsx(Heading, { level: 3, className: "font-semibold text-gray-900 dark:text-zinc-100 text-sm truncate", children: store.storeName }), store.storeDescription && (_jsx(RichText, { html: normalizeRichTextHtml(store.storeDescription), proseClass: "prose prose-sm max-w-none dark:prose-invert prose-p:my-0", className: `mt-0.5 text-xs text-gray-500 dark:text-zinc-400 ${THEME_CONSTANTS.utilities.textClamp2}` })), _jsxs(Row, { className: "gap-3 mt-2 text-xs text-gray-400 dark:text-zinc-500", children: [store.totalProducts != null && (_jsxs(Span, { children: [store.totalProducts, " ", labels.products ?? "products"] })), store.itemsSold != null && (_jsxs(Span, { children: [store.itemsSold, " ", labels.sold ?? "sold"] })), store.averageRating != null && (_jsxs(Span, { children: ["\u2605 ", store.averageRating.toFixed(1)] }))] })] })] }));
-}
-export function StoresListView({ stores, labels = {}, total = 0, currentPage = 1, totalPages = 1, className = "", slots, }) {
-    if (stores.length === 0) {
-        if (slots?.renderEmptyState) {
-            return _jsx(_Fragment, { children: slots.renderEmptyState() });
-        }
-        return (_jsx(Text, { className: "text-center text-gray-500 dark:text-zinc-400 py-12", children: labels.empty ?? "No stores found." }));
-    }
-    return (_jsxs(Div, { className: "space-y-4", children: [slots?.renderHeader
-                ? slots.renderHeader({ total })
-                : null, _jsx(Grid, { cols: "storeCards", gap: "md", className: className, children: stores.map((store, i) => slots?.renderCard ? (_jsx(React.Fragment, { children: slots.renderCard(store, i) }, store.id)) : (_jsx(StoreCard, { store: store, labels: labels }, store.id))) }), slots?.renderFooter
-                ? slots.renderFooter({
-                    page: currentPage,
-                    totalPages,
-                })
-                : null] }));
-}

package/dist/features/stores/repository/store-address.repository.d.ts

@@ -1,55 +0,0 @@
-/**
- * Store Address Repository
- *
- * Data access layer for store address documents stored as a subcollection:
- *   stores/{storeSlug}/addresses/{addressId}
- *
- * Mirrors the user address repository but scoped to stores.
- */
-import type { StoreAddressDocument, StoreAddressCreateInput, StoreAddressUpdateInput } from "../schemas";
-declare class StoreAddressRepository {
-    /**
-     * Get the addresses subcollection reference for a store.
-     */
-    private getCollection;
-    /** Decrypt PII fields after reading a store address doc from Firestore */
-    private decryptAddress;
-    /** Encrypt PII fields before writing a store address doc to Firestore */
-    private encryptAddressData;
-    /**
-     * List all addresses for a store, ordered by createdAt desc.
-     */
-    findByStore(storeSlug: string): Promise<StoreAddressDocument[]>;
-    /**
-     * Find a single address belonging to a store.
-     */
-    findById(storeSlug: string, addressId: string): Promise<StoreAddressDocument | null>;
-    /**
-     * Find a single address or throw NotFoundError.
-     */
-    findByIdOrFail(storeSlug: string, addressId: string): Promise<StoreAddressDocument>;
-    /**
-     * Count the total number of addresses for a store.
-     */
-    count(storeSlug: string): Promise<number>;
-    /**
-     * Create a new store address.
-     * If isDefault is true, clears the default flag from all other addresses first.
-     */
-    create(storeSlug: string, input: StoreAddressCreateInput): Promise<StoreAddressDocument>;
-    /**
-     * Update an existing store address.
-     * If isDefault is set to true, clears the default flag from all other addresses.
-     */
-    update(storeSlug: string, addressId: string, input: StoreAddressUpdateInput): Promise<StoreAddressDocument>;
-    /**
-     * Delete a store address.
-     */
-    delete(storeSlug: string, addressId: string): Promise<void>;
-    /**
-     * Remove the isDefault flag from all addresses of a store.
-     */
-    private clearDefaultFlag;
-}
-export declare const storeAddressRepository: StoreAddressRepository;
-export {};

package/dist/features/stores/repository/store-address.repository.js

@@ -1,187 +0,0 @@
-/**
- * Store Address Repository
- *
- * Data access layer for store address documents stored as a subcollection:
- *   stores/{storeSlug}/addresses/{addressId}
- *
- * Mirrors the user address repository but scoped to stores.
- */
-import { getAdminDb, getFirestoreCount, prepareForFirestore, deserializeTimestamps, } from "../../../providers/db-firebase";
-import { DatabaseError, NotFoundError } from "../../../errors";
-import { encryptPiiFields, decryptPiiFields, ADDRESS_PII_FIELDS, } from "../../../security";
-import { STORE_ADDRESS_SUBCOLLECTION, STORE_ADDRESS_FIELDS, STORE_COLLECTION, } from "../schemas";
-import { serverLogger } from "../../../monitoring";
-class StoreAddressRepository {
-    /**
-     * Get the addresses subcollection reference for a store.
-     */
-    getCollection(storeSlug) {
-        return getAdminDb()
-            .collection(STORE_COLLECTION)
-            .doc(storeSlug)
-            .collection(STORE_ADDRESS_SUBCOLLECTION);
-    }
-    /** Decrypt PII fields after reading a store address doc from Firestore */
-    decryptAddress(doc) {
-        return decryptPiiFields(doc, [
-            ...ADDRESS_PII_FIELDS,
-        ]);
-    }
-    /** Encrypt PII fields before writing a store address doc to Firestore */
-    encryptAddressData(data) {
-        return encryptPiiFields(data, [...ADDRESS_PII_FIELDS]);
-    }
-    /**
-     * List all addresses for a store, ordered by createdAt desc.
-     */
-    async findByStore(storeSlug) {
-        try {
-            const snapshot = await this.getCollection(storeSlug)
-                .orderBy(STORE_ADDRESS_FIELDS.CREATED_AT, "desc")
-                .get();
-            return snapshot.docs.map((doc) => this.decryptAddress(deserializeTimestamps({
-                id: doc.id,
-                ...doc.data(),
-            })));
-        }
-        catch (error) {
-            throw new DatabaseError(`Failed to list addresses for store: ${storeSlug}`, error);
-        }
-    }
-    /**
-     * Find a single address belonging to a store.
-     */
-    async findById(storeSlug, addressId) {
-        try {
-            const doc = await this.getCollection(storeSlug).doc(addressId).get();
-            if (!doc.exists)
-                return null;
-            return this.decryptAddress(deserializeTimestamps({
-                id: doc.id,
-                ...doc.data(),
-            }));
-        }
-        catch (error) {
-            throw new DatabaseError(`Failed to find address ${addressId} for store ${storeSlug}`, error);
-        }
-    }
-    /**
-     * Find a single address or throw NotFoundError.
-     */
-    async findByIdOrFail(storeSlug, addressId) {
-        const address = await this.findById(storeSlug, addressId);
-        if (!address) {
-            throw new NotFoundError(`Store address not found: ${addressId}`);
-        }
-        return address;
-    }
-    /**
-     * Count the total number of addresses for a store.
-     */
-    async count(storeSlug) {
-        try {
-            return await getFirestoreCount(this.getCollection(storeSlug));
-        }
-        catch (error) {
-            throw new DatabaseError(`Failed to count addresses for store: ${storeSlug}`, error);
-        }
-    }
-    /**
-     * Create a new store address.
-     * If isDefault is true, clears the default flag from all other addresses first.
-     */
-    async create(storeSlug, input) {
-        try {
-            const collection = this.getCollection(storeSlug);
-            if (input.isDefault) {
-                await this.clearDefaultFlag(storeSlug);
-            }
-            const now = new Date();
-            const docRef = collection.doc();
-            const addressData = {
-                ...input,
-                createdAt: now,
-                updatedAt: now,
-            };
-            const encrypted = this.encryptAddressData(addressData);
-            await docRef.set(prepareForFirestore(encrypted));
-            serverLogger.info("Store address created", {
-                storeSlug,
-                addressId: docRef.id,
-                label: input.label,
-            });
-            return { id: docRef.id, ...addressData };
-        }
-        catch (error) {
-            if (error instanceof DatabaseError || error instanceof NotFoundError)
-                throw error;
-            throw new DatabaseError(`Failed to create address for store: ${storeSlug}`, error);
-        }
-    }
-    /**
-     * Update an existing store address.
-     * If isDefault is set to true, clears the default flag from all other addresses.
-     */
-    async update(storeSlug, addressId, input) {
-        try {
-            await this.findByIdOrFail(storeSlug, addressId);
-            if (input.isDefault) {
-                await this.clearDefaultFlag(storeSlug);
-            }
-            const encryptedInput = this.encryptAddressData(input);
-            const updateData = {
-                ...prepareForFirestore(encryptedInput),
-                [STORE_ADDRESS_FIELDS.UPDATED_AT]: new Date(),
-            };
-            await this.getCollection(storeSlug).doc(addressId).update(updateData);
-            const updated = await this.findByIdOrFail(storeSlug, addressId);
-            serverLogger.info("Store address updated", { storeSlug, addressId });
-            return updated;
-        }
-        catch (error) {
-            if (error instanceof DatabaseError || error instanceof NotFoundError)
-                throw error;
-            throw new DatabaseError(`Failed to update address ${addressId} for store ${storeSlug}`, error);
-        }
-    }
-    /**
-     * Delete a store address.
-     */
-    async delete(storeSlug, addressId) {
-        try {
-            await this.findByIdOrFail(storeSlug, addressId);
-            await this.getCollection(storeSlug).doc(addressId).delete();
-            serverLogger.info("Store address deleted", { storeSlug, addressId });
-        }
-        catch (error) {
-            if (error instanceof DatabaseError || error instanceof NotFoundError)
-                throw error;
-            throw new DatabaseError(`Failed to delete address ${addressId} for store ${storeSlug}`, error);
-        }
-    }
-    /**
-     * Remove the isDefault flag from all addresses of a store.
-     */
-    async clearDefaultFlag(storeSlug) {
-        try {
-            const db = getAdminDb();
-            const snapshot = await this.getCollection(storeSlug)
-                .where(STORE_ADDRESS_FIELDS.IS_DEFAULT, "==", true)
-                .get();
-            if (snapshot.empty)
-                return;
-            const batch = db.batch();
-            snapshot.docs.forEach((doc) => {
-                batch.update(doc.ref, {
-                    [STORE_ADDRESS_FIELDS.IS_DEFAULT]: false,
-                    [STORE_ADDRESS_FIELDS.UPDATED_AT]: new Date(),
-                });
-            });
-            await batch.commit();
-        }
-        catch (error) {
-            throw new DatabaseError(`Failed to clear default flag for store: ${storeSlug}`, error);
-        }
-    }
-}
-export const storeAddressRepository = new StoreAddressRepository();

package/dist/ui/components/BulkActionsBar.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-export interface BulkAction {
-    key: string;
-    label: string;
-    icon?: React.ReactNode;
-    onClick: () => void;
-    variant?: "primary" | "secondary" | "danger";
-    requiresAuth?: boolean;
-    /** When true the button renders disabled (e.g. selection count out of range). */
-    disabled?: boolean;
-}
-export interface BulkActionsBarProps {
-    selectedCount: number;
-    onClearSelection: () => void;
-    actions: BulkAction[];
-    isAuthenticated?: boolean;
-}
-export declare function BulkActionsBar({ selectedCount, onClearSelection, actions, isAuthenticated, }: BulkActionsBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/BulkActionsBar.js

@@ -1,25 +0,0 @@
-"use client";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { X } from "lucide-react";
-import { Button } from "./Button";
-const ACTION_VARIANT_CLASS = {
-    primary: "bg-[var(--appkit-color-primary,theme(colors.violet.600))] text-white hover:opacity-90 btn-glow",
-    secondary: "border border-zinc-300 dark:border-slate-600 text-zinc-700 dark:text-zinc-200 hover:bg-zinc-50 dark:hover:bg-slate-800",
-    danger: "bg-[var(--appkit-color-danger,theme(colors.rose.500))] text-white hover:opacity-90",
-};
-export function BulkActionsBar({ selectedCount, onClearSelection, actions, isAuthenticated = false, }) {
-    return (_jsx("div", { className: [
-            "fixed inset-x-0 bottom-0 transition-transform duration-300 ease-out",
-            selectedCount > 0 ? "translate-y-0" : "translate-y-full",
-        ].join(" "), style: { zIndex: "var(--appkit-z-modal, 1000)" }, "aria-live": "polite", "aria-label": `${selectedCount} items selected`, children: _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 bg-white/[.98] dark:bg-slate-900/[.98] backdrop-blur-md px-4 py-3 shadow-2xl", children: _jsxs("div", { className: "mx-auto flex max-w-5xl items-center gap-3", children: [_jsxs("span", { className: "shrink-0 text-sm font-semibold text-zinc-700 dark:text-zinc-200", children: [selectedCount, " selected"] }), _jsx("div", { className: "h-4 w-px shrink-0 bg-zinc-200 dark:bg-slate-700" }), _jsx("div", { className: "flex flex-1 flex-wrap items-center gap-2", children: actions.map((action) => {
-                            if (action.requiresAuth && !isAuthenticated)
-                                return null;
-                            return (_jsxs("button", { type: "button", onClick: action.onClick, disabled: action.disabled, "aria-disabled": action.disabled || undefined, className: [
-                                    "flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-xs font-semibold transition-all active:scale-95",
-                                    ACTION_VARIANT_CLASS[action.variant ?? "secondary"],
-                                    action.disabled ? "opacity-50 cursor-not-allowed pointer-events-none" : "",
-                                ]
-                                    .filter(Boolean)
-                                    .join(" "), children: [action.icon, action.label] }, action.key));
-                        }) }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: onClearSelection, "aria-label": "Clear selection", className: "ml-auto flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-zinc-400 hover:bg-zinc-100 dark:hover:bg-slate-800 hover:text-zinc-600 dark:hover:text-zinc-200 transition-colors", children: _jsx(X, { className: "h-4 w-4" }) })] }) }) }));
-}

package/dist/ui/components/CollageLightbox.d.ts

@@ -1,18 +0,0 @@
-export interface LightboxImage {
-    src: string;
-    alt: string;
-    /** Short label shown in top-left corner of the enlarged image (e.g. "#1"). */
-    badge?: string;
-    /** Title/caption rendered below the image. */
-    caption?: string;
-    /** Secondary line below caption (e.g. formatted price or estimated value). */
-    sub?: string;
-}
-export interface CollageLightboxProps {
-    images: LightboxImage[];
-    /** Index of the image that triggered the open — lightbox starts here. */
-    initialIndex: number;
-    onClose: () => void;
-}
-export declare function CollageLightbox({ images, initialIndex, onClose, }: CollageLightboxProps): import("react/jsx-runtime").JSX.Element;
-export default CollageLightbox;

package/dist/ui/components/CollageLightbox.js

@@ -1,41 +0,0 @@
-"use client";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-/**
- * CollageLightbox — full-screen image viewer for collage grids.
- *
- * Opens at the clicked index and cycles circularly through all images.
- * Keyboard: Escape = close, ArrowLeft/Right = navigate.
- * Clicking the backdrop closes the lightbox.
- */
-import React, { useCallback, useEffect } from "react";
-import { Div, Text } from "./index";
-export function CollageLightbox({ images, initialIndex, onClose, }) {
-    const [current, setCurrent] = React.useState(initialIndex);
-    const count = images.length;
-    const prev = useCallback(() => setCurrent((i) => (i - 1 + count) % count), [count]);
-    const next = useCallback(() => setCurrent((i) => (i + 1) % count), [count]);
-    useEffect(() => {
-        const onKey = (e) => {
-            if (e.key === "Escape")
-                onClose();
-            else if (e.key === "ArrowLeft")
-                prev();
-            else if (e.key === "ArrowRight")
-                next();
-        };
-        document.addEventListener("keydown", onKey);
-        return () => document.removeEventListener("keydown", onKey);
-    }, [onClose, prev, next]);
-    const img = images[current];
-    return (_jsx(Div, { className: "fixed inset-0 z-[var(--appkit-z-modal,9999)] flex items-center justify-center bg-black/92 backdrop-blur-sm", onClick: onClose, role: "dialog", "aria-modal": "true", "aria-label": "Image lightbox", children: _jsxs(Div, { className: "relative flex w-full max-w-5xl flex-col items-center px-4", onClick: (e) => e.stopPropagation(), children: [_jsxs(Div, { className: "mb-3 flex w-full items-center justify-between", children: [_jsxs(Text, { className: "text-sm font-medium text-white/60", children: [current + 1, " / ", count] }), _jsx("button", { onClick: onClose, className: "rounded-full bg-white/10 p-2 text-white transition-colors hover:bg-white/25", "aria-label": "Close lightbox", children: _jsx("svg", { className: "h-5 w-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] }), _jsxs(Div, { className: "flex w-full items-center gap-3", children: [_jsx("button", { onClick: prev, className: "flex-shrink-0 rounded-full bg-white/10 p-3 text-white transition-colors hover:bg-white/25 disabled:opacity-30", "aria-label": "Previous image", disabled: count <= 1, children: _jsx("svg", { className: "h-5 w-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) }) }), _jsxs(Div, { className: "relative flex max-h-[68vh] flex-1 items-center justify-center overflow-hidden rounded-2xl bg-black/30", children: [img?.src ? (
-                                /* eslint-disable-next-line @next/next/no-img-element */
-                                _jsx("img", { src: img.src, alt: img.alt, className: "max-h-[68vh] w-full object-contain" }, img.src + current)) : (_jsx(Div, { className: "flex h-64 w-full items-center justify-center text-6xl text-white/30", children: "\uD83D\uDDBC\uFE0F" })), img?.badge ? (_jsx(Div, { className: "absolute left-3 top-3 rounded bg-black/70 px-2 py-1 text-xs font-semibold text-white", children: img.badge })) : null] }), _jsx("button", { onClick: next, className: "flex-shrink-0 rounded-full bg-white/10 p-3 text-white transition-colors hover:bg-white/25 disabled:opacity-30", "aria-label": "Next image", disabled: count <= 1, children: _jsx("svg", { className: "h-5 w-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }) })] }), (img?.caption || img?.sub) && (_jsxs(Div, { className: "mt-3 text-center", children: [img.caption && (_jsx(Text, { className: "text-sm font-medium text-white", children: img.caption })), img.sub && (_jsx(Text, { className: "text-xs text-white/60", children: img.sub }))] })), count > 1 && (_jsx(Div, { className: "mt-4 flex max-w-full gap-2 overflow-x-auto pb-2", children: images.map((thumb, i) => (_jsx("button", { onClick: () => setCurrent(i), className: [
-                            "h-14 w-14 flex-shrink-0 overflow-hidden rounded-lg border-2 transition-all",
-                            i === current
-                                ? "scale-110 border-white"
-                                : "border-transparent opacity-50 hover:opacity-90",
-                        ].join(" "), "aria-label": `Go to image ${i + 1}`, children: thumb.src ? (
-                        /* eslint-disable-next-line @next/next/no-img-element */
-                        _jsx("img", { src: thumb.src, alt: thumb.alt, className: "h-full w-full object-cover" })) : (_jsx(Div, { className: "flex h-full w-full items-center justify-center bg-white/10 text-white/30 text-lg", children: "\uD83D\uDDBC\uFE0F" })) }, i))) }))] }) }));
-}
-export default CollageLightbox;

package/dist/ui/components/StickyBottomBar.d.ts

@@ -1,22 +0,0 @@
-/**
- * StickyBottomBar — fixed-bottom action bar that sits above the mobile
- * BottomNavLayout (when present) and below any modals.
- *
- * Reads `--bottom-nav-height` written by `BottomNavLayout` (4rem when the
- * navbar is rendered below `lg`, 0px otherwise). Falls back to 0px when the
- * variable is unset so the bar still pins to the viewport bottom on routes
- * that don't render a bottom nav.
- *
- * z-index sits above the navbar (`z-40`) but below modal overlays.
- */
-import React from "react";
-export interface StickyBottomBarProps {
-    children: React.ReactNode;
-    /** Optional extra className appended to the bar wrapper. */
-    className?: string;
-    /** Hide on `lg` and up. Defaults to `true` — matches BottomNavLayout's responsive scope. */
-    mobileOnly?: boolean;
-    /** Test id passthrough. */
-    "data-testid"?: string;
-}
-export declare function StickyBottomBar({ children, className, mobileOnly, "data-testid": testId, }: StickyBottomBarProps): React.JSX.Element;

package/dist/ui/components/StickyBottomBar.js

@@ -1,20 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-const BAR_STYLE = {
-    bottom: "var(--bottom-nav-height, 0px)",
-    zIndex: 45,
-};
-export function StickyBottomBar({ children, className, mobileOnly = true, "data-testid": testId, }) {
-    return (_jsx("div", { 
-        // eslint-disable-next-line lir/no-inline-static-style
-        style: BAR_STYLE, "data-testid": testId, className: [
-            "fixed left-0 right-0",
-            mobileOnly ? "lg:hidden" : "",
-            "bg-white/95 dark:bg-slate-950/95 backdrop-blur-md",
-            "border-t border-zinc-200 dark:border-slate-800",
-            "shadow-2xl pb-safe",
-            className ?? "",
-        ]
-            .filter(Boolean)
-            .join(" "), children: children }));
-}