@mohasinac/appkit 4.52.5 → 4.53.1

package/dist/features/homepage/components/NewsletterBanner.js

@@ -1,37 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { normalizeError } from "../../../errors/normalize.js";
-import { useState } from "react";
-import { Button, Div, Heading, Span, Text } from "../../../ui/index.js";
-import { DynamicBgDiv } from "../../../ui/components/DynamicBgDiv.js";
-import { Form } from "../../../ui/components/Form.js";
-import { FieldInput } from "../../../ui/forms/FieldInput.js";
-import { newsletterSubscribeSchema } from "../../admin/schemas/small-forms.js";
-import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary.js";
-const CLS_ERROR_TEXT = "mt-3 text-[length:var(--appkit-text-sm)] text-error";
-export function NewsletterBanner({ onSubscribe, eyebrow = "STAY CONNECTED", heading = "Join Our Newsletter", subheading = "Get exclusive offers, new arrivals and more.", placeholder = "Enter your email", ctaLabel = "Subscribe", successMessage = "You're in! Check your inbox.", errorMessage = "Something went wrong. Please try again.", }) {
-    const [email, setEmail] = useState("");
-    const [loading, setLoading] = useState(false);
-    const [success, setSuccess] = useState(false);
-    const [error, setError] = useState(false);
-    async function handleSubmit(e) {
-        e.preventDefault();
-        if (!email)
-            return;
-        setLoading(true);
-        setError(false);
-        try {
-            await onSubscribe(email);
-            setEmail("");
-            setSuccess(true);
-        }
-        catch (_err) {
-            void normalizeError(_err);
-            setError(true);
-        }
-        finally {
-            setLoading(false);
-        }
-    }
-    return (_jsxs(DynamicBgDiv, { background: "var(--newsletter-bg, linear-gradient(135deg, var(--appkit-color-primary) 0%, var(--appkit-color-secondary) 100%))", className: "py-[var(--appkit-space-24)] relative overflow-hidden", children: [_jsx(Div, { className: "pointer-events-none absolute -top-20 -right-20 h-60 w-60 border border-white/[0.06]", rounded: "full" }), _jsx(Div, { className: "pointer-events-none absolute -bottom-16 -left-16 h-48 w-48 border border-dashed border-white/[0.08]", rounded: "full" }), _jsxs(Div, { className: "relative mx-auto max-w-2xl text-left sm:px-[1.5rem]", padding: "x-md", children: [_jsx(Span, { color: "inverse", size: "xs", weight: "semibold", className: "mb-4 inline-flex border border-white/20 tracking-widest /70", rounded: "full", padding: "pill-md", transform: "uppercase", children: eyebrow }), _jsx(Heading, { color: "inverse", level: 2, smSize: "4xl", size: "3xl", weight: "bold", children: heading }), _jsx(Text, { color: "inverse", className: "mt-4 /60", children: subheading }), success ? (_jsx(Text, { paddingY: "md", color: "inverse", className: "mt-8 border border-white/20 bg-[rgba(255,255,255,0.1)]", paddingX: "x-lg", size: "sm", weight: "semibold", rounded: "xl", children: successMessage })) : (_jsxs(Form, { schema: newsletterSubscribeSchema, onSubmit: handleSubmit, className: "mt-8 flex gap-[0.75rem]", children: [_jsx(FormErrorSummary, {}), _jsx(FieldInput, { name: "email", type: "email", value: email, onChange: setEmail, placeholder: placeholder, required: true, className: "flex-1" }), _jsx(Button, { rounded: "xl", type: "submit", disabled: loading, variant: "primary", paddingX: "lg", textSize: "sm", className: "shrink-0 py-[0.75rem] font-[700] transition-opacity disabled:opacity-60 bg-[var(--color-yellow)] text-black", children: loading ? "…" : ctaLabel })] })), error && (_jsx(Text, { className: CLS_ERROR_TEXT, children: errorMessage })), _jsx(Text, { color: "inverse", className: "mt-4 /40", size: "xs", children: "No spam, ever. Unsubscribe anytime." })] })] }));
-}

package/dist/features/homepage/components/SiteFeaturesSection.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-export interface SiteFeatureItem {
-    id: string;
-    icon: string;
-    title: string;
-    description: string;
-}
-export interface SiteFeaturesSectionProps {
-    title: string;
-    subtitle?: string;
-    features: SiteFeatureItem[];
-    className?: string;
-}
-export declare function SiteFeaturesSection({ title, subtitle, features, className, }: SiteFeaturesSectionProps): React.JSX.Element;

package/dist/features/homepage/components/SiteFeaturesSection.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { THEMED_TEXT_PRIMARY, THEMED_TEXT_SECONDARY } from "../../../_internal/shared/styles/themed.js";
-import { Div, Grid, Heading, Section, Text } from "../../../ui/index.js";
-const __P = {
-    p8: "p-[var(--appkit-space-8)]",
-};
-// --- Section -----------------------------------------------------------------
-export function SiteFeaturesSection({ title, subtitle, features, className = "", }) {
-    const themed = { textPrimary: THEMED_TEXT_PRIMARY, textSecondary: THEMED_TEXT_SECONDARY };
-    return (_jsx(Section, { className: `${__P.p8} ${className}`, surface: "subtle", children: _jsxs(Div, { className: "w-full", children: [_jsxs(Div, { className: "text-left mb-12", children: [_jsx(Heading, { level: 2, className: `${themed.textPrimary} mb-3`, size: "3xl", mdSize: "4xl", weight: "bold", children: title }), subtitle && (_jsx(Text, { className: `${themed.textSecondary} max-w-2xl mx-auto`, size: "base", children: subtitle }))] }), _jsx(Grid, { gap: "section", className: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: features.map((feature) => (_jsxs(Div, { padding: "lg", rounded: "2xl", border: "subtle", shadow: "hover-lg", className: "text-left transition-all group bg-[var(--appkit-color-surface)]", children: [_jsx(Div, { className: "text-[3.75rem] mb-4 group-hover:scale-110 transition-transform", children: feature.icon }), _jsx(Heading, { level: 3, className: `${themed.textPrimary} mb-2`, size: "base", weight: "bold", children: feature.title }), _jsx(Text, { className: `${themed.textSecondary}`, size: "base", children: feature.description })] }, feature.id))) })] }) }));
-}

package/dist/features/homepage/components/TrustBadges.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import type { TrustBadge } from "../types";
-export interface TrustBadgesProps {
-    badges?: TrustBadge[];
-}
-export declare function TrustBadges({ badges }: TrustBadgesProps): React.JSX.Element;

package/dist/features/homepage/components/TrustBadges.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Grid, Row, Section, Stack, Text } from "../../../ui/index.js";
-const BADGE_ICONS = {
-    shipping: (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "h-7 w-7", "aria-hidden": "true", children: [_jsx("path", { d: "M5 12H19" }), _jsx("path", { d: "M15 7l5 5-5 5" }), _jsx("path", { d: "M1 17V7a4 4 0 0 1 4-4h10" }), _jsx("path", { d: "M22 17a4 4 0 0 1-4 4H5" })] })),
-    support: (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "h-7 w-7", "aria-hidden": "true", children: _jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) })),
-    rewards: (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "h-7 w-7", "aria-hidden": "true", children: _jsx("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }) })),
-    secure: (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "h-7 w-7", "aria-hidden": "true", children: [_jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }), _jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })] })),
-};
-const FALLBACK_BADGES = [
-    {
-        id: "shipping",
-        title: "Free Shipping",
-        sub: "On qualifying orders",
-        iconKey: "shipping",
-        sortOrder: 1,
-        active: true,
-    },
-    {
-        id: "support",
-        title: "Expert Support",
-        sub: "Mon–Sat, 10 AM – 7 PM",
-        iconKey: "support",
-        sortOrder: 2,
-        active: true,
-    },
-    {
-        id: "rewards",
-        title: "Loyalty Rewards",
-        sub: "Earn points on every order",
-        iconKey: "rewards",
-        sortOrder: 3,
-        active: true,
-    },
-    {
-        id: "secure",
-        title: "Secure Payments",
-        sub: "UPI · Cards · EMI available",
-        iconKey: "secure",
-        sortOrder: 4,
-        active: true,
-    },
-];
-export function TrustBadges({ badges }) {
-    const items = badges && badges.length > 0 ? badges : FALLBACK_BADGES;
-    return (_jsx(Section, { className: "bg-[var(--section-bg)] [border-top:var(--section-border)] [border-bottom:var(--section-border)]", children: _jsx(Div, { className: "mx-auto max-w-7xl sm:py-[2.5rem]", paddingY: "y-lg", paddingX: "x-md", children: _jsx(Grid, { cols: "statTiles", gap: "lg", children: items.map((badge) => (_jsxs(Stack, { className: "text-left [flex-direction:row] gap-[1rem]", align: "center", gap: "sm", children: [_jsx(Row, { className: "h-12 w-12 shrink-0 bg-[rgba(240,196,23,0.12)] text-[var(--color-red)] [border:2px_solid_var(--border-ink)]", align: "center", justify: "center", rounded: "full", children: BADGE_ICONS[badge.iconKey] }), _jsxs(Div, { children: [_jsx(Text, { className: "font-black uppercase tracking-wide text-[var(--section-title-color)]", size: "sm", children: badge.title }), _jsx(Text, { className: "text-[var(--color-muted)]", size: "xs", weight: "medium", children: badge.sub })] })] }, badge.id))) }) }) }));
-}

package/dist/features/homepage/components/TrustIndicatorsSection.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-export interface TrustIndicatorItem {
-    key?: string;
-    icon: string;
-    title: string;
-    description: string;
-}
-export interface TrustIndicatorsSectionProps {
-    items: TrustIndicatorItem[];
-    className?: string;
-}
-export declare function TrustIndicatorsSection({ items, className, }: TrustIndicatorsSectionProps): React.JSX.Element;

package/dist/features/homepage/components/TrustIndicatorsSection.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { THEMED_TEXT_PRIMARY, THEMED_TEXT_SECONDARY } from "../../../_internal/shared/styles/themed.js";
-import { Div, Grid, Heading, Section, Text } from "../../../ui/index.js";
-const __P = {
-    p6: "p-[var(--appkit-space-6)]",
-};
-// --- Section -----------------------------------------------------------------
-export function TrustIndicatorsSection({ items, className = "", }) {
-    const themed = { textPrimary: THEMED_TEXT_PRIMARY, textSecondary: THEMED_TEXT_SECONDARY };
-    return (_jsx(Section, { className: `${__P.p6} ${className}`, surface: "subtle", children: _jsx(Div, { className: "w-full", children: _jsx(Grid, { gap: "section", className: "grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-4", children: items.map((indicator, index) => (_jsxs(Div, { padding: "md", rounded: "2xl", border: "subtle", shadow: "hover-md", className: "text-left bg-[var(--appkit-color-surface)]", children: [_jsx(Div, { className: "text-[2.25rem] md:text-[3rem] mb-2 md:mb-3", children: indicator.icon }), _jsx(Heading, { level: 3, className: `${themed.textPrimary} mb-1 md:mb-2`, size: "sm", weight: "semibold", children: indicator.title }), _jsx(Text, { className: `${themed.textSecondary}`, size: "xs", children: indicator.description })] }, index))) }) }) }));
-}

package/dist/features/homepage/hooks/useHomepage.d.ts

@@ -1,11 +0,0 @@
-import type { HomepageData } from "../types";
-interface UseHomepageOptions {
-    initialData?: HomepageData;
-    enabled?: boolean;
-}
-export declare function useHomepage(opts?: UseHomepageOptions): {
-    sections: import("..").HomepageSection[];
-    isLoading: boolean;
-    error: Error | null;
-};
-export {};

package/dist/features/homepage/hooks/useHomepage.js

@@ -1,17 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-import { apiClient } from "../../../http/index.js";
-import { HOMEPAGE_ENDPOINTS } from "../../../constants/api-endpoints.js";
-export function useHomepage(opts) {
-    const query = useQuery({
-        queryKey: ["homepage"],
-        queryFn: () => apiClient.get(HOMEPAGE_ENDPOINTS.GET),
-        initialData: opts?.initialData,
-        enabled: opts?.enabled,
-        staleTime: 5 * 60 * 1000,
-    });
-    return {
-        sections: query.data?.sections ?? [],
-        isLoading: query.isLoading,
-        error: query.error,
-    };
-}

package/dist/features/homepage/hooks/useHomepageSections.d.ts

@@ -1,2 +0,0 @@
-import type { HomepageSectionDocument } from "../schemas";
-export declare function useHomepageSections(params?: string): import("@tanstack/react-query").UseQueryResult<HomepageSectionDocument[], Error>;

package/dist/features/homepage/hooks/useHomepageSections.js

@@ -1,10 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-import { apiClient } from "../../../http/index.js";
-import { HOMEPAGE_ENDPOINTS } from "../../../constants/api-endpoints.js";
-export function useHomepageSections(params) {
-    return useQuery({
-        queryKey: ["homepage-sections", params ?? ""],
-        queryFn: () => apiClient.get(`${HOMEPAGE_ENDPOINTS.SECTIONS}${params ? `?${params}` : ""}`),
-        staleTime: 5 * 60 * 1000,
-    });
-}

package/dist/features/homepage/repository/homepage.repository.d.ts

@@ -1,11 +0,0 @@
-import type { IRepository, PagedResult, SieveQuery } from "../../../contracts";
-import type { HomepageSection } from "../types";
-export declare class HomepageSectionsRepository {
-    private readonly repo;
-    constructor(repo: IRepository<HomepageSection>);
-    findAll(query?: SieveQuery): Promise<PagedResult<HomepageSection>>;
-    findById(id: string): Promise<HomepageSection | null>;
-    create(data: Omit<HomepageSection, "id">): Promise<HomepageSection>;
-    update(id: string, data: Partial<HomepageSection>): Promise<HomepageSection>;
-    delete(id: string): Promise<void>;
-}

package/dist/features/homepage/repository/homepage.repository.js

@@ -1,25 +0,0 @@
-export class HomepageSectionsRepository {
-    constructor(repo) {
-        this.repo = repo;
-    }
-    async findAll(query) {
-        return this.repo.findAll({
-            filters: "isVisible==true",
-            sort: "order",
-            perPage: 50,
-            ...query,
-        });
-    }
-    async findById(id) {
-        return this.repo.findById(id);
-    }
-    async create(data) {
-        return this.repo.create(data);
-    }
-    async update(id, data) {
-        return this.repo.update(id, data);
-    }
-    async delete(id) {
-        return this.repo.delete(id);
-    }
-}

package/dist/features/layout/BottomActions.d.ts

@@ -1 +0,0 @@
-export default function BottomActions(): import("react").JSX.Element;

package/dist/features/layout/BottomActions.js

@@ -1,311 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * BottomActions Component
- *
- * A fixed-bottom mobile action bar rendered **above** BottomNavbar (bottom-14).
- * Reads from `BottomActionsContext` — features register their actions via the
- * `useBottomActions` hook; this component just renders whatever is registered.
- *
- * Two modes:
- *  - **Page mode** — shows registered page-level actions inline (Add to Cart,
- *    Buy Now, Place Bid, Proceed to Checkout, etc.) with an optional info label.
- *  - **Bulk mode** — activates when sieveFilter("bulk.selectedCount", SIEVE_OP.GT, "0"); shows:
- *      • Selection count pill on the left (tap to deselect all)
- *      • An upward-opening type-picker dropdown (middle, flex-1) — tap to
- *        choose WHICH action to run; the chosen label is always visible.
- *      • An "Apply" submit button on the right — executes the selected action,
- *        styled with the selected action's variant (danger = red, etc.).
- *
- * Layout rules:
- *  - Hidden on lg+ screens by default — desktop shows inline action panels. A page can
- *    opt in by passing `desktop: "after-scroll" | "always"` to `useBottomActions`;
- *"after-scroll" brings the bar back once the primary CTA has scrolled out of view.
- *  - The bar slides up with a 300 ms ease-out transition; `pointer-events-none`
- *    while off-screen.
- *
- * @component
- * @example
- * // Automatically rendered by LayoutClient — no manual usage required.
- * // Features use `useBottomActions` to register their actions.
- */
-import { useState, useRef, useEffect, useId } from "react";
-import { X, ChevronUp, ChevronDown, Check } from "lucide-react";
-import { useBottomActionsContext } from "./BottomActionsContext.js";
-import { useClickOutside } from "../../react/index.js";
-import { ActionRow, Div, Row, Span, Text, Button } from "../../ui/index.js";
-// Token values inlined from @mohasinac/appkit/tokens
-const BOTTOM_NAV_BG = "bg-[color-mix(in_srgb,var(--appkit-color-bg)_90%,transparent)] backdrop-blur-md border-t border-[var(--appkit-color-border)]";
-const BOTTOM_NAV_HEIGHT = "h-14";
-const FLEX_CENTER = "flex items-center justify-center";
-const CLS_COUNT_BADGE = "bg-error-solid text-error-on-solid";
-/** How far the user must scroll before the desktop bar reveals itself. */
-const DESKTOP_REVEAL_SCROLL_PX = 400;
-// ─── Sub-components ───────────────────────────────────────────────────────────
-function BulkPickerPanel({ bulkActions, selectedActionId, pickerOpen, onSelect, }) {
-    return (_jsx(Div, { role: "listbox", "aria-label": "Bulk actions", className: [
-            // Flips with the tier — see InfoPanel for why.
-            "absolute left-0 right-0 overflow-hidden",
-            "bottom-full lg:bottom-auto lg:top-full",
-            BOTTOM_NAV_BG,
-            "border-t lg:border-t-0 lg:border-b border-[var(--appkit-color-border)]/80",
-            "shadow-[0_-8px_24px_rgba(0,0,0,0.10)] dark:shadow-[0_-8px_24px_rgba(0,0,0,0.35)]",
-            "lg:shadow-[0_8px_24px_rgba(0,0,0,0.10)] dark:lg:shadow-[0_8px_24px_rgba(0,0,0,0.35)]",
-            "transition-[max-height,opacity] duration-200 ease-out",
-            pickerOpen ? "max-h-64 opacity-100" : "max-h-0 opacity-0 pointer-events-none",
-        ]
-            .filter(Boolean)
-            .join(" "), children: bulkActions.map((action, i) => {
-            const isSelected = action.id === selectedActionId;
-            return (_jsxs(Button, { role: "option", "aria-selected": isSelected, type: "button", variant: "ghost", disabled: action.disabled || action.loading, onClick: () => onSelect(action.id), className: [
-                    "w-full flex items-center gap-[var(--appkit-space-3)] px-[var(--appkit-space-5)] py-[var(--appkit-space-3-5)] text-left text-[length:var(--appkit-text-sm)] font-medium transition-colors rounded-none",
-                    i > 0 ? "border-t border-zinc-100/80 border-[var(--appkit-color-border-subtle)]" : "",
-                    isSelected ? " bg-[var(--appkit-color-surface-input)]" : "",
-                    action.variant === "danger"
-                        ? "text-error hover:bg-error-surface"
-                        : "text-[var(--appkit-color-text)] hover:bg-surface-hover",
-                    action.disabled || action.loading ? "opacity-50 cursor-not-allowed" : "",
-                ]
-                    .filter(Boolean)
-                    .join(" "), children: [action.icon && (_jsx(Span, { className: `flex-shrink-0 w-5 h-5 ${FLEX_CENTER}`, "aria-hidden": "true", children: action.icon })), _jsx(Span, { className: "flex-1 truncate", children: action.label }), isSelected && (_jsx(Check, { className: "w-4 h-4 flex-shrink-0 text-primary-600 dark:text-primary-400", "aria-hidden": "true" }))] }, action.id));
-        }) }));
-}
-/**
- * Expandable detail that opens UPWARD from the bar.
- *
- * Same recipe as BulkPickerPanel above — absolutely positioned at `bottom-full`
- * so it grows into the space above the bar rather than pushing the page, and
- * animated on max-height/opacity so it can't be tabbed into while closed.
- * Scrolls internally, since a many-store cart's breakdown can outgrow the
- * screen.
- */
-function InfoPanel({ id, open, children, }) {
-    return (_jsx(Div, { id: id, className: [
-            // Opens UPWARD from a bottom-edge bar, DOWNWARD from a desktop bar
-            // hanging under the header — a panel must always expand into the
-            // screen, never off it. Border and shadow flip with it, or the sheet
-            // is lit from the wrong side and reads as detached from its bar.
-            "absolute left-0 right-0 overflow-hidden",
-            "bottom-full lg:bottom-auto lg:top-full",
-            BOTTOM_NAV_BG,
-            "border-t lg:border-t-0 lg:border-b border-[var(--appkit-color-border)]/80",
-            "shadow-[0_-8px_24px_rgba(0,0,0,0.10)] dark:shadow-[0_-8px_24px_rgba(0,0,0,0.35)]",
-            "lg:shadow-[0_8px_24px_rgba(0,0,0,0.10)] dark:lg:shadow-[0_8px_24px_rgba(0,0,0,0.35)]",
-            "transition-[max-height,opacity] duration-200 ease-out",
-            open ? "max-h-[60vh] opacity-100" : "max-h-0 opacity-0 pointer-events-none",
-        ]
-            .filter(Boolean)
-            .join(" "), "aria-hidden": !open, children: _jsx(Div, { className: "max-h-[60vh]", overflow: "y-auto", padding: "md", children: children }) }));
-}
-/**
- * How many actions fit on one line before the row splits in two.
- *
- * 🛑 ROW COUNT is a function of `pageActions.length` and NOTHING else — never
- * of validation state, and never of measured width. `BottomChrome`'s
- * ResizeObserver faithfully republishes `--bottom-chrome-height` on any height
- * change, and every consumer (BackToTop, the pagination bar, the footer's
- * clearance) reflows with it. A bar that grew a row when an error appeared
- * would shift the whole page while the user was typing. The error count lives
- * in `infoLabel`, which sits in the absolutely-positioned panel and is excluded
- * from the published height by construction.
- *
- * The invariant is about ROW COUNT, not pixel height. `ActionRow` lets a long
- * label wrap to a second line, which changes the bar's height by ~16px,
- * monotonically, and the observer handles that correctly. What must never
- * happen is a row count that FLIPS: that is a ~48px step and it is reversible
- * mid-interaction.
- *
- * Which is exactly why the count split stays primary and `flex-wrap` is only an
- * overflow net. In this app LABELS ARE STATE — "Add to Cart" becomes "Adding…",
- * "Buy Now" becomes "Out of Stock", "Apply" becomes "Apply (3)". If width alone
- * decided rows, tapping Add to Cart would shorten the label, free ~40px,
- * un-wrap a row and shift the page under the user's thumb at the exact moment
- * they committed to the tap.
- *
- * 🛑 This constant is COUPLED to `--appkit-size-action-min` (tokens.css).
- * Two actions per line is safe only while `2 × action-min + gap` fits the
- * narrowest supported viewport (280px). Raising either without re-checking that
- * sum reintroduces device-dependent row flipping.
- */
-const SINGLE_ROW_MAX_ACTIONS = 2;
-function ActionButtons({ actions, dispatchAction, }) {
-    return (_jsx(_Fragment, { children: actions.map((action) => {
-            const isIconOnly = !action.label;
-            /*
-             * Width is ActionRow's job now, not this component's — every action is
-             * sized from its own label by `.appkit-action-row__group > *`, and only
-             * the leftover is shared out. There is deliberately NO per-action width
-             * class here: the old `grow` ternary is what produced a 44px stub
-             * reading "Ba" next to a full-width "Continue to payment".
-             *
-             * The one thing a stylesheet cannot infer is that a child has no label,
-             * so icon-only opts into its square tap target explicitly.
-             *
-             * 🛑 Never add `flex-1`, `flex-shrink-0`, `basis-*`, `w-*`, `h-*`,
-             * `truncate` or `leading-none` below. Both tailwind configs set
-             * `important: true`, so any of them beats ActionRow's CSS and silently
-             * reverts this bar to the squeezed behaviour with no visible error.
-             */
-            return (_jsxs(Button, { type: "button", variant: action.variant ?? "primary", size: "sm", isLoading: action.loading, disabled: action.disabled, onClick: () => dispatchAction(action.id), className: [
-                    "relative",
-                    isIconOnly ? "appkit-action-row__icon-only justify-center" : "",
-                ]
-                    .filter(Boolean)
-                    .join(" "), children: [action.icon && (_jsx(Span, { className: ["flex-shrink-0", action.label ? "mr-1.5" : ""].join(" "), "aria-hidden": "true", children: action.icon })), action.label && _jsx(Span, { children: action.label }), action.badge !== undefined && (_jsx(Span, { className: `absolute -top-1.5 -right-1.5 min-w-[18px] h-[18px] ${CLS_COUNT_BADGE} text-[10px] ${FLEX_CENTER} px-[var(--appkit-space-1)] pointer-events-none select-none`, rounded: "full", weight: "bold", "aria-hidden": "true", children: action.badge }))] }, action.id));
-        }) }));
-}
-/**
- * Lays a form's or a page's actions out across one or two lines.
- *
- * | n    | layout                                                          |
- * |------|-----------------------------------------------------------------|
- * | 1    | one row, full-width primary                                     |
- * | 2    | one row, each sized from its own label                          |
- * | 3+   | two rows — secondaries above, primary full-width below           |
- *
- * The LAST action is treated as the primary. That holds for every producer:
- * `useFormBottomActions` appends submit last, and the checkout/cart bars build
- * `[back, primary]`. Putting it on its own line keeps the thumb target the same
- * size no matter how many secondary actions a screen has, which is the whole
- * reason a 5-action form (3 forms + soft-ban + hard-ban on the admin user
- * editor) was unrepresentable before.
- *
- * Secondaries WRAP rather than overflowing into a menu. Wrapping keeps the
- * height a pure function of the action count — the invariant above — whereas a
- * popover would add a second interaction to reach an action that is already
- * only one line away. No current caller exceeds five.
- */
-function PageActionsRow({ pageActions, dispatchAction, }) {
-    if (pageActions.length === 0)
-        return null;
-    if (pageActions.length <= SINGLE_ROW_MAX_ACTIONS) {
-        return (_jsx(ActionRow, { children: _jsx(ActionButtons, { actions: pageActions, dispatchAction: dispatchAction }) }));
-    }
-    const secondaries = pageActions.slice(0, -1);
-    const primary = pageActions[pageActions.length - 1];
-    return (_jsxs(Div, { className: "flex w-full flex-col gap-[var(--appkit-space-2)]", children: [_jsx(ActionRow, { children: _jsx(ActionButtons, { actions: secondaries, dispatchAction: dispatchAction }) }), _jsx(ActionRow, { children: _jsx(ActionButtons, { actions: [primary], dispatchAction: dispatchAction }) })] }));
-}
-export default function BottomActions() {
-    const { state, actionCallbacksRef, bulkCallbacksRef, bulkClearRef } = useBottomActionsContext();
-    const [pickerOpen, setPickerOpen] = useState(false);
-    const [infoOpen, setInfoOpen] = useState(false);
-    const [selectedActionId, setSelectedActionId] = useState(null);
-    const containerRef = useRef(null);
-    const infoPanelId = useId();
-    useClickOutside(containerRef, () => {
-        setPickerOpen(false);
-        setInfoOpen(false);
-    });
-    const { actions, bulk, infoLabel, secondaryLabel, infoPanel, infoOpenSignal, desktop } = state;
-    // Desktop reveal-on-scroll. Kept as a plain passive listener to match BackToTop —
-    // there is no shared scroll-position hook in the codebase and one consumer doesn't
-    // justify inventing one. Only armed when a page actually opts into "after-scroll".
-    const [scrolledPastFold, setScrolledPastFold] = useState(false);
-    const wantsScrollGate = desktop === "after-scroll";
-    useEffect(() => {
-        if (!wantsScrollGate) {
-            setScrolledPastFold(false);
-            return;
-        }
-        const onScroll = () => setScrolledPastFold(window.scrollY > DESKTOP_REVEAL_SCROLL_PX);
-        onScroll();
-        window.addEventListener("scroll", onScroll, { passive: true });
-        return () => window.removeEventListener("scroll", onScroll);
-    }, [wantsScrollGate]);
-    const showOnDesktop = desktop === "always" || (wantsScrollGate && scrolledPastFold);
-    const isBulkMode = !!(bulk && bulk.selectedCount > 0);
-    const hasInfoPanel = infoPanel != null && !isBulkMode;
-    const bulkActions = bulk?.actions ?? [];
-    const pageActions = actions;
-    const isVisible = (isBulkMode ? bulkActions.length > 0 || !!bulk : pageActions.length > 0) ||
-        !!infoLabel ||
-        !!secondaryLabel;
-    // A panel left open after its content is withdrawn (bulk mode taking over, or
-    // the page clearing it) would sit there as an empty sheet.
-    useEffect(() => {
-        if (!hasInfoPanel)
-            setInfoOpen(false);
-    }, [hasInfoPanel]);
-    /*
-     * Force-open on a bumped signal — a failed form submit, today. Depends on
-     * the counter alone, so a re-render with the same value never re-opens what
-     * the user has since collapsed. `hasInfoPanel` is read but deliberately NOT
-     * a dependency: publishing the panel and bumping the signal are two separate
-     * setState calls, so re-running on `hasInfoPanel` would open the panel again
-     * one render after the user closed it.
-     */
-    const lastSignalRef = useRef(undefined);
-    useEffect(() => {
-        if (infoOpenSignal == null)
-            return;
-        if (lastSignalRef.current === infoOpenSignal)
-            return;
-        lastSignalRef.current = infoOpenSignal;
-        setInfoOpen(true);
-    }, [infoOpenSignal]);
-    // Keep selectedActionId in sync with available bulk actions
-    useEffect(() => {
-        if (!isBulkMode) {
-            setPickerOpen(false);
-            setSelectedActionId(null);
-            return;
-        }
-        setSelectedActionId((prev) => {
-            const ids = bulkActions.map((a) => a.id);
-            if (prev && ids.includes(prev))
-                return prev;
-            return ids[0] ?? null;
-        });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isBulkMode, bulkActions.map((a) => a.id).join(",")]);
-    const selectedAction = bulkActions.find((a) => a.id === selectedActionId);
-    const dispatchAction = (id) => actionCallbacksRef.current.get(id)?.();
-    const dispatchBulkClear = () => {
-        bulkClearRef.current?.();
-        setPickerOpen(false);
-    };
-    const handleApply = () => {
-        if (!selectedActionId)
-            return;
-        bulkCallbacksRef.current.get(selectedActionId)?.();
-        setPickerOpen(false);
-    };
-    return (_jsxs(Div, { ref: containerRef, role: "toolbar", "aria-label": isBulkMode ? "Bulk actions" : "Page actions", "aria-hidden": !isVisible, className: [
-            // Position, z-index and the offset above the nav all belong to
-            // <BottomChrome>, the tier container this renders inside. `relative` is
-            // kept because the two panels below are `absolute bottom-full` against it.
-            "relative pointer-events-auto",
-            // Desktop opt-in stays per-bar. `lg:hidden` is display:none, so a bar the
-            // page hasn't opted into contributes nothing to the tier's height.
-            showOnDesktop ? "" : "lg:hidden",
-        ]
-            .filter(Boolean)
-            .join(" "), "data-section": "bottomactions-div-401", children: [isBulkMode && (_jsx(BulkPickerPanel, { bulkActions: bulkActions, selectedActionId: selectedActionId, pickerOpen: pickerOpen, onSelect: (id) => { setSelectedActionId(id); setPickerOpen(false); } })), hasInfoPanel && !isBulkMode && (_jsx(InfoPanel, { id: infoPanelId, open: infoOpen, children: infoPanel })), _jsx(Div, { className: `grid transition-[grid-template-rows] duration-300 ease-out ${isVisible ? "grid-rows-[1fr]" : "grid-rows-[0fr]"}`, children: _jsx(Div, { overflow: "hidden", className: "min-h-0", children: _jsxs(Div, { className: [
-                            BOTTOM_NAV_BG,
-                            // Cast away from the edge the bar is welded to: upward from the
-                            // bottom edge, downward from under the header.
-                            "shadow-[0_-4px_20px_rgba(0,0,0,0.08)] dark:shadow-[0_-4px_20px_rgba(0,0,0,0.30)]",
-                            "lg:shadow-[0_4px_20px_rgba(0,0,0,0.08)] dark:lg:shadow-[0_4px_20px_rgba(0,0,0,0.30)]",
-                            // A hairline on the side facing the page, so the bar reads as
-                            // chrome rather than as a floating slab.
-                            "lg:border-b lg:border-[var(--appkit-color-border)]/80",
-                            isVisible ? "" : "pointer-events-none",
-                        ]
-                            .filter(Boolean)
-                            .join(" "), children: [isBulkMode && (_jsx(Div, { className: "h-[3px] w-full bg-[image:var(--appkit-gradient-brand-tri)]" })), secondaryLabel && !isBulkMode && (_jsx(Div, { className: "pt-[var(--appkit-space-2)] pb-[var(--appkit-space-0)] border-b border-[var(--appkit-color-border-subtle)]", padding: "x-md", children: _jsx(Text, { className: "leading-5 truncate", color: "muted", size: "xs", weight: "semibold", children: secondaryLabel }) })), infoLabel && !isBulkMode && !hasInfoPanel && (_jsx(Div, { className: "pt-[var(--appkit-space-2)] pb-[var(--appkit-space-0)] border-b border-[var(--appkit-color-border-subtle)]", padding: "x-md", children: _jsx(Text, { className: "leading-5 truncate", color: "muted", size: "xs", weight: "semibold", children: infoLabel }) })), infoLabel && !isBulkMode && hasInfoPanel && (_jsxs(Button, { type: "button", variant: "ghost", onClick: () => setInfoOpen((o) => !o), "aria-expanded": infoOpen, "aria-controls": infoPanelId, className: "w-full flex items-center justify-between gap-[var(--appkit-space-2)] rounded-none border-b border-[var(--appkit-color-border)]/80 px-[var(--appkit-space-4)] pt-[var(--appkit-space-2)] pb-[var(--appkit-space-1)] min-h-0", children: [_jsx(Text, { className: "leading-5 truncate", color: "muted", size: "xs", weight: "semibold", children: infoLabel }), _jsxs(Span, { className: "flex-shrink-0 flex items-center gap-[var(--appkit-space-1)]", children: [_jsx(Text, { as: "span", size: "xs", color: "muted", children: infoOpen ? "Hide" : "Details" }), infoOpen ? (_jsx(ChevronDown, { className: "w-4 h-4 text-zinc-400", "aria-hidden": "true" })) : (_jsx(ChevronUp, { className: "w-4 h-4 text-zinc-400", "aria-hidden": "true" }))] })] })), _jsx(Row, { className: `min-${BOTTOM_NAV_HEIGHT} py-[var(--appkit-space-2)]`, gap: "sm", padding: "x-sm", children: isBulkMode && bulk ? (_jsxs(_Fragment, { children: [_jsxs(Button, { rounded: "full", gap: "xs", type: "button", variant: "ghost", onClick: dispatchBulkClear, className: "flex-shrink-0 bg-primary-50 hover:bg-primary-surface active:bg-primary-200 dark:bg-primary-950/30 text-primary-700 dark:text-primary-300 pl-2 pr-3 h-8 border border-primary-200/70 dark:border-primary-800/50 transition-colors min-h-0", "aria-label": "Clear selection", children: [_jsx(X, { className: "w-3.5 h-3.5 flex-shrink-0", "aria-hidden": "true" }), _jsx(Span, { size: "xs", weight: "semibold", className: "tabular-nums whitespace-nowrap leading-none", children: bulk.noun
-                                                        ? `${bulk.selectedCount} ${bulk.noun}`
-                                                        : `${bulk.selectedCount} selected` })] }), bulkActions.length > 0 && (_jsxs(Button, { type: "button", variant: "ghost", onClick: () => setPickerOpen((o) => !o), "aria-haspopup": "listbox", "aria-expanded": pickerOpen, className: [
-                                                "flex-1 min-w-0 h-10 flex items-center gap-[var(--appkit-space-2)] px-[var(--appkit-space-3)] rounded-lg border text-[length:var(--appkit-text-sm)] font-medium transition-colors",
-                                                " hover:bg-[var(--appkit-color-surface)] active:bg-zinc-200 bg-[var(--appkit-color-surface-input)] dark:hover:bg-slate-700/60",
-                                                "border-[var(--appkit-color-border)]",
-                                                selectedAction?.variant === "danger"
-                                                    ? "text-error"
-                                                    : "text-[var(--appkit-color-text)]",
-                                            ]
-                                                .filter(Boolean)
-                                                .join(" "), children: [selectedAction?.icon && (_jsx(Span, { className: `flex-shrink-0 w-4 h-4 ${FLEX_CENTER}`, "aria-hidden": "true", children: selectedAction.icon })), _jsx(Span, { className: "flex-1 truncate leading-none", align: "start", children: selectedAction?.label ?? "Bulk actions" }), pickerOpen ? (_jsx(ChevronDown, { className: "w-4 h-4 flex-shrink-0 text-zinc-400", "aria-hidden": "true" })) : (_jsx(ChevronUp, { className: "w-4 h-4 flex-shrink-0 text-zinc-400", "aria-hidden": "true" }))] })), bulkActions.length > 0 && (_jsx(Button, { type: "button", variant: selectedAction?.variant ?? "primary", size: "sm", isLoading: selectedAction?.loading, disabled: !selectedActionId ||
-                                                selectedAction?.disabled ||
-                                                selectedAction?.loading, onClick: handleApply, className: "h-10 flex-shrink-0", children: _jsx(Span, { className: "leading-none", children: "Apply" }) }))] })) : (
-                                /* Page mode — action buttons inline ------------------------------ */
-                                _jsx(PageActionsRow, { pageActions: pageActions, dispatchAction: dispatchAction })) })] }) }) })] }));
-}

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

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

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

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

package/dist/features/search/actions/index.d.ts

@@ -1 +0,0 @@
-export * from "./search-actions";

package/dist/features/search/actions/index.js

@@ -1 +0,0 @@
-export * from "./search-actions.js";

package/dist/features/search/actions/search-actions.d.ts

@@ -1,18 +0,0 @@
-/**
- * Search Domain Actions (appkit)
- *
- * Pure business functions — auth, rate-limiting, and Next.js specifics
- * are handled by the calling server action in the consumer.
- */
-import type { FirebaseSieveResult } from "../../../providers/db-firebase";
-import type { ProductDocument } from "../../products/schemas";
-import type { SearchQuery } from "../types";
-export interface SearchProductsResult extends FirebaseSieveResult<ProductDocument> {
-    q: string;
-    backend: "in-memory";
-}
-/**
- * Search products using Firestore Sieve filters.
- * All filtering criteria are optional — omitting them returns all published products.
- */
-export declare function searchProducts(query?: SearchQuery): Promise<SearchProductsResult>;