@aurora-studio/starter-core 0.1.0

package/README.md

@@ -0,0 +1,5 @@
+# @aurora-studio/starter-core
+
+Shared **Aurora storefront** primitives for Hippo templates: SDK helpers (`lib/aurora`), Holmes event bridge, formatting, and reusable commerce UI (cart, product images, search, auth, store context).
+
+Templates depend on this package and `@aurora-studio/sdk`. See each `aurora-hippo-*` repo for app wiring (`next.config` must `transpilePackages: ["@aurora-studio/starter-core", "@aurora-studio/sdk"]`).

package/dist/components/AddToCartButton.d.ts

@@ -0,0 +1,15 @@
+interface AddToCartButtonProps {
+    recordId: string;
+    tableSlug: string;
+    name: string;
+    unitAmount: number;
+    /** Variable-weight product: show weight input, unitAmount = price_per_unit (cents) */
+    sellByWeight?: boolean;
+    unit?: string;
+    /** Product image URL for basket display */
+    imageUrl?: string | null;
+    className?: string;
+}
+export declare function AddToCartButton({ recordId, tableSlug, name, unitAmount, sellByWeight, unit, imageUrl, className, }: AddToCartButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AddToCartButton.d.ts.map

package/dist/components/AddToCartButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddToCartButton.d.ts","sourceRoot":"","sources":["../../src/components/AddToCartButton.tsx"],"names":[],"mappings":"AAOA,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,IAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,oBAAoB,2CA4FtB"}

package/dist/components/AddToCartButton.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { Check } from "lucide-react";
+import { useCart } from "./CartProvider";
+import { useAddToCartFly } from "./AddToCartFly";
+export function AddToCartButton({ recordId, tableSlug, name, unitAmount, sellByWeight, unit = "kg", imageUrl, className, }) {
+    const { items, addItem } = useCart();
+    const flyCtx = useAddToCartFly();
+    const [weight, setWeight] = useState("1");
+    const cartId = `${tableSlug}:${recordId}`;
+    const inCart = items.some((i) => i.id === cartId);
+    if (sellByWeight) {
+        const handleAdd = (e) => {
+            const w = parseFloat(weight);
+            if (!Number.isFinite(w) || w <= 0)
+                return;
+            const rect = e.currentTarget.getBoundingClientRect();
+            flyCtx?.triggerFly(imageUrl ?? null, rect);
+            addItem({
+                recordId,
+                tableSlug,
+                name,
+                unitAmount,
+                quantity: w,
+                sellByWeight: true,
+                unit,
+                imageUrl,
+            });
+        };
+        return (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { type: "number", step: "0.1", min: "0.1", value: weight, onChange: (e) => setWeight(e.target.value), className: "w-20 px-2 py-2 rounded-lg border border-aurora-border bg-aurora-surface text-aurora-text" }), _jsx("span", { className: "text-aurora-muted", children: unit })] }), _jsx("button", { type: "button", onClick: handleAdd, disabled: inCart, className: inCart
+                        ? `inline-flex items-center gap-1.5 text-aurora-primary font-medium cursor-default ${className ?? ""}`.trim()
+                        : className ??
+                            "h-12 px-4 rounded-xl bg-aurora-primary text-white font-semibold hover:bg-aurora-primary-dark transition-colors", children: inCart ? (_jsxs(_Fragment, { children: [_jsx(Check, { className: "w-4 h-4 shrink-0", "aria-hidden": true }), "Added"] })) : ("Add to cart") })] }));
+    }
+    const handleAdd = (e) => {
+        const rect = e.currentTarget.getBoundingClientRect();
+        flyCtx?.triggerFly(imageUrl ?? null, rect);
+        addItem({ recordId, tableSlug, name, unitAmount, imageUrl });
+    };
+    const baseClass = className ??
+        "h-12 px-4 rounded-xl bg-aurora-primary text-white font-semibold hover:bg-aurora-primary-dark transition-colors";
+    return (_jsx("button", { type: "button", onClick: handleAdd, disabled: inCart, className: inCart
+            ? `inline-flex items-center gap-1.5 text-aurora-primary font-medium cursor-default ${className ?? ""}`.trim()
+            : baseClass, children: inCart ? (_jsxs(_Fragment, { children: [_jsx(Check, { className: "w-4 h-4 shrink-0", "aria-hidden": true }), "Added"] })) : ("Add to cart") }));
+}

package/dist/components/AddToCartFly.d.ts

@@ -0,0 +1,8 @@
+export declare function useAddToCartFly(): {
+    triggerFly: (imageUrl: string | null, fromRect: DOMRect) => void;
+    setCartRef: (el: HTMLAnchorElement | null) => void;
+} | null;
+export declare function AddToCartFlyProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AddToCartFly.d.ts.map

package/dist/components/AddToCartFly.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddToCartFly.d.ts","sourceRoot":"","sources":["../../src/components/AddToCartFly.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,eAAe;gBAJjB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI;gBACpD,CAAC,EAAE,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI;SAMnD;AAED,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAiD/E"}

package/dist/components/AddToCartFly.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useCallback, useState, useRef, useEffect } from "react";
+import { createPortal } from "react-dom";
+const AddToCartFlyContext = createContext(null);
+export function useAddToCartFly() {
+    const ctx = useContext(AddToCartFlyContext);
+    return ctx;
+}
+export function AddToCartFlyProvider({ children }) {
+    const [fly, setFly] = useState(null);
+    const cartRef = useRef(null);
+    const setCartRef = useCallback((el) => {
+        cartRef.current = el;
+    }, []);
+    const triggerFly = useCallback((imageUrl, fromRect) => {
+        const toRect = cartRef.current?.getBoundingClientRect() ?? new DOMRect(0, 0, 0, 0);
+        setFly({ imageUrl, fromRect, toRect, key: Date.now() });
+    }, []);
+    useEffect(() => {
+        if (!fly)
+            return;
+        const t = setTimeout(() => setFly(null), 500);
+        return () => clearTimeout(t);
+    }, [fly]);
+    return (_jsxs(AddToCartFlyContext.Provider, { value: { triggerFly, setCartRef }, children: [children, fly && typeof window !== "undefined" && createPortal(_jsx("div", { className: "add-to-cart-fly fixed inset-0 pointer-events-none z-[99999]", "aria-hidden": true, children: _jsx("div", { className: "add-to-cart-fly-img absolute w-12 h-12 rounded-xl overflow-hidden bg-aurora-surface border-2 border-aurora-primary shadow-lg", style: {
+                        ["--fly-from-x"]: `${(fly.fromRect?.left ?? 0) + (fly.fromRect?.width ?? 0) / 2 - 24}px`,
+                        ["--fly-from-y"]: `${(fly.fromRect?.top ?? 0) + (fly.fromRect?.height ?? 0) / 2 - 24}px`,
+                        ["--fly-to-x"]: `${(fly.toRect?.left ?? 0) + (fly.toRect?.width ?? 0) / 2 - 24}px`,
+                        ["--fly-to-y"]: `${(fly.toRect?.top ?? 0) + (fly.toRect?.height ?? 0) / 2 - 24}px`,
+                        animation: "add-to-cart-fly 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards",
+                    }, children: fly.imageUrl ? (_jsx("img", { src: fly.imageUrl, alt: "", className: "w-full h-full object-cover" })) : (_jsx("div", { className: "w-full h-full flex items-center justify-center text-aurora-primary text-lg", children: "+" })) }) }, fly.key), document.body)] }));
+}

package/dist/components/AuthProvider.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from "react";
+export interface AppUser {
+    id: string;
+    email?: string;
+    user_metadata?: Record<string, unknown>;
+    app_metadata?: Record<string, unknown>;
+}
+interface AuthState {
+    user: AppUser | null;
+    token: string | null;
+    loading: boolean;
+}
+interface AuthContextValue extends AuthState {
+    setSession: (token: string, user: AppUser) => void;
+    signOut: () => Promise<void>;
+    fetchSession: () => Promise<void>;
+}
+export declare function AuthProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useAuth(): AuthContextValue;
+export {};
+//# sourceMappingURL=AuthProvider.d.ts.map

package/dist/components/AuthProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthProvider.d.ts","sourceRoot":"","sources":["../../src/components/AuthProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACxC;AAED,UAAU,SAAS;IACjB,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,gBAAiB,SAAQ,SAAS;IAC1C,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,YAAY,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACnC;AAID,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAoEjE;AAED,wBAAgB,OAAO,IAAI,gBAAgB,CAM1C"}

package/dist/components/AuthProvider.js

@@ -0,0 +1,79 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useState, } from "react";
+const AUTH_TOKEN_KEY = "aurora_app_token";
+const AuthContext = createContext(null);
+export function AuthProvider({ children }) {
+    const [state, setState] = useState({
+        user: null,
+        token: null,
+        loading: true,
+    });
+    const fetchSession = useCallback(async () => {
+        if (typeof window === "undefined")
+            return;
+        const token = localStorage.getItem(AUTH_TOKEN_KEY);
+        if (!token) {
+            setState((s) => ({ ...s, user: null, token: null, loading: false }));
+            return;
+        }
+        try {
+            const res = await fetch("/api/auth/session", {
+                headers: { Authorization: `Bearer ${token}` },
+            });
+            if (res.ok) {
+                const data = (await res.json());
+                setState((s) => ({ ...s, user: data.user, token, loading: false }));
+            }
+            else {
+                localStorage.removeItem(AUTH_TOKEN_KEY);
+                setState((s) => ({ ...s, user: null, token: null, loading: false }));
+            }
+        }
+        catch {
+            localStorage.removeItem(AUTH_TOKEN_KEY);
+            setState((s) => ({ ...s, user: null, token: null, loading: false }));
+        }
+    }, []);
+    useEffect(() => {
+        fetchSession();
+    }, [fetchSession]);
+    const setSession = useCallback((token, user) => {
+        if (typeof window !== "undefined") {
+            localStorage.setItem(AUTH_TOKEN_KEY, token);
+        }
+        setState((s) => ({ ...s, user, token, loading: false }));
+    }, []);
+    const signOut = useCallback(async () => {
+        const token = state.token ?? (typeof window !== "undefined" ? localStorage.getItem(AUTH_TOKEN_KEY) : null);
+        if (token) {
+            try {
+                await fetch("/api/auth/signout", {
+                    method: "POST",
+                    headers: { Authorization: `Bearer ${token}` },
+                });
+            }
+            catch {
+                // ignore
+            }
+        }
+        if (typeof window !== "undefined") {
+            localStorage.removeItem(AUTH_TOKEN_KEY);
+        }
+        setState((s) => ({ ...s, user: null, token: null }));
+    }, [state.token]);
+    const value = {
+        ...state,
+        setSession,
+        signOut,
+        fetchSession,
+    };
+    return _jsx(AuthContext.Provider, { value: value, children: children });
+}
+export function useAuth() {
+    const ctx = useContext(AuthContext);
+    if (!ctx) {
+        throw new Error("useAuth must be used within AuthProvider");
+    }
+    return ctx;
+}

package/dist/components/CartLink.d.ts

@@ -0,0 +1,2 @@
+export declare function CartLink(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CartLink.d.ts.map

package/dist/components/CartLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartLink.d.ts","sourceRoot":"","sources":["../../src/components/CartLink.tsx"],"names":[],"mappings":"AASA,wBAAgB,QAAQ,4CAsGvB"}

package/dist/components/CartLink.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { ShoppingCart } from "lucide-react";
+import { useCart } from "./CartProvider";
+import { useAddToCartFly } from "./AddToCartFly";
+import { formatPrice } from "../lib/format-price";
+import { useState, useRef, useEffect } from "react";
+export function CartLink() {
+    const { items, total } = useCart();
+    const flyCtx = useAddToCartFly();
+    const [open, setOpen] = useState(false);
+    const ref = useRef(null);
+    const linkRef = useRef(null);
+    const count = items.reduce((sum, i) => sum + i.quantity, 0);
+    useEffect(() => {
+        flyCtx?.setCartRef(linkRef.current);
+        return () => flyCtx?.setCartRef(null);
+    }, [flyCtx]);
+    useEffect(() => {
+        function handleClickOutside(e) {
+            if (ref.current && !ref.current.contains(e.target)) {
+                setOpen(false);
+            }
+        }
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, []);
+    return (_jsxs("div", { ref: ref, className: "relative", onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false), children: [_jsxs(Link, { ref: linkRef, href: "/cart", className: "flex items-center gap-2 text-sm text-aurora-muted hover:text-aurora-text transition-colors font-medium", children: [_jsx(ShoppingCart, { className: "w-5 h-5 shrink-0" }), _jsx("span", { children: "Cart" }), count > 0 && (_jsx("span", { className: "inline-flex items-center justify-center min-w-[1.25rem] h-5 px-2 rounded-full bg-aurora-primary text-white text-xs font-semibold cart-badge", children: count }, count))] }), open && count > 0 && (_jsx("div", { className: "absolute top-full right-0 mt-1 pt-1 z-[200]", children: _jsxs("div", { className: "rounded-xl bg-aurora-surface border border-aurora-border shadow-xl w-80 max-h-96 overflow-hidden", children: [_jsxs("div", { className: "p-4 border-b border-aurora-border", children: [_jsxs("p", { className: "font-semibold text-sm", children: [count, " ", count === 1 ? "item" : "items"] }), _jsx("p", { className: "text-lg font-bold text-aurora-primary mt-0.5", children: formatPrice(total) })] }), _jsxs("div", { className: "max-h-48 overflow-y-auto", children: [items.slice(0, 5).map((item) => (_jsxs("div", { className: "flex gap-3 p-3 border-b border-aurora-border last:border-0", children: [_jsx("div", { className: "w-12 h-12 rounded-lg bg-aurora-surface-hover shrink-0 overflow-hidden", children: item.imageUrl ? (_jsx("img", { src: item.imageUrl, alt: "", className: "w-full h-full object-cover" })) : (_jsx("div", { className: "w-full h-full flex items-center justify-center text-aurora-muted text-lg", children: "-" })) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-medium truncate", children: item.name }), _jsxs("p", { className: "text-xs text-aurora-muted", children: [formatPrice(item.unitAmount), " \u00D7 ", item.quantity, item.sellByWeight ? ` ${item.unit || "kg"}` : ""] })] })] }, item.id))), items.length > 5 && (_jsxs("p", { className: "text-xs text-aurora-muted p-3 text-center", children: ["+", items.length - 5, " more"] }))] }), _jsx("div", { className: "p-4", children: _jsx(Link, { href: "/cart", onClick: () => setOpen(false), className: "block w-full py-3 rounded-xl bg-aurora-primary text-white text-center font-semibold hover:bg-aurora-primary-dark transition-colors", children: "View cart \u00B7 Checkout" }) })] }) }))] }));
+}

package/dist/components/CartProvider.d.ts

@@ -0,0 +1,30 @@
+import { type ReactNode } from "react";
+export interface CartItem {
+    id: string;
+    recordId: string;
+    tableSlug: string;
+    name: string;
+    unitAmount: number;
+    quantity: number;
+    /** Variable-weight product: quantity is weight, unit is display unit */
+    sellByWeight?: boolean;
+    unit?: string;
+    /** Product image URL for basket display */
+    imageUrl?: string | null;
+}
+interface CartContextValue {
+    items: CartItem[];
+    addItem: (item: Omit<CartItem, "id" | "quantity"> & {
+        quantity?: number;
+    }) => void;
+    removeItem: (id: string) => void;
+    updateQuantity: (id: string, quantity: number) => void;
+    clearCart: () => void;
+    total: number;
+}
+export declare function CartProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useCart(): CartContextValue;
+export {};
+//# sourceMappingURL=CartProvider.d.ts.map

package/dist/components/CartProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartProvider.d.ts","sourceRoot":"","sources":["../../src/components/CartProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAmBD,UAAU,gBAAgB;IACxB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,GAAG,UAAU,CAAC,GAAG;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnF,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACf;AAID,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CA4GjE;AAED,wBAAgB,OAAO,qBAItB"}

package/dist/components/CartProvider.js

@@ -0,0 +1,125 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useCallback, useState, useEffect, useRef, } from "react";
+import { holmesCartUpdate } from "../lib/holmes-events";
+const CART_KEY = "aurora-cart";
+function loadCart() {
+    if (typeof window === "undefined")
+        return [];
+    try {
+        const stored = localStorage.getItem(CART_KEY);
+        return stored ? JSON.parse(stored) : [];
+    }
+    catch {
+        return [];
+    }
+}
+function saveCart(items) {
+    if (typeof window === "undefined")
+        return;
+    localStorage.setItem(CART_KEY, JSON.stringify(items));
+}
+const CartContext = createContext(null);
+export function CartProvider({ children }) {
+    const [items, setItems] = useState([]);
+    const [mounted, setMounted] = useState(false);
+    const itemsRef = useRef(items);
+    const bootstrapFiredRef = useRef(false);
+    itemsRef.current = items;
+    useEffect(() => {
+        setItems(loadCart());
+        setMounted(true);
+    }, []);
+    useEffect(() => {
+        if (mounted)
+            saveCart(items);
+    }, [items, mounted]);
+    useEffect(() => {
+        if (!mounted)
+            return;
+        const count = items.reduce((s, i) => s + i.quantity, 0);
+        const holmesItems = items.map((i) => ({
+            id: i.recordId,
+            name: i.name,
+            price: i.unitAmount,
+        }));
+        holmesCartUpdate(count, holmesItems);
+    }, [items, mounted]);
+    useEffect(() => {
+        if (!mounted)
+            return;
+        const fireBootstrap = () => {
+            if (bootstrapFiredRef.current)
+                return;
+            bootstrapFiredRef.current = true;
+            const currentItems = itemsRef.current;
+            const count = currentItems.reduce((s, i) => s + i.quantity, 0);
+            const holmesItems = currentItems.map((i) => ({
+                id: i.recordId,
+                name: i.name,
+                price: i.unitAmount,
+            }));
+            holmesCartUpdate(count, holmesItems, true);
+        };
+        const onReady = () => fireBootstrap();
+        if (window.holmes?.getSessionId && !bootstrapFiredRef.current) {
+            fireBootstrap();
+        }
+        document.addEventListener("holmes:ready", onReady);
+        return () => document.removeEventListener("holmes:ready", onReady);
+    }, [mounted]);
+    const addItem = useCallback((item) => {
+        const qty = item.quantity ?? 1;
+        const cartId = `${item.tableSlug}:${item.recordId}`;
+        const isNew = !itemsRef.current.some((i) => i.id === cartId);
+        setItems((prev) => {
+            const existing = prev.find((i) => i.id === cartId);
+            if (existing && existing.sellByWeight === item.sellByWeight) {
+                return prev.map((i) => i.id === cartId ? { ...i, quantity: i.quantity + qty } : i);
+            }
+            return [...prev, { ...item, id: cartId, recordId: item.recordId, quantity: qty }];
+        });
+        if (isNew && typeof window !== "undefined") {
+            window.dispatchEvent(new CustomEvent("cart:itemAdded", { detail: { name: item.name } }));
+        }
+    }, []);
+    useEffect(() => {
+        if (!mounted)
+            return;
+        const handler = (e) => {
+            const d = e.detail;
+            if (!d?.products?.length || !d.tableSlug)
+                return;
+            for (const p of d.products) {
+                addItem({
+                    recordId: p.id,
+                    tableSlug: d.tableSlug,
+                    name: p.name,
+                    unitAmount: p.price,
+                    imageUrl: p.image,
+                });
+            }
+        };
+        document.addEventListener("holmes:addBundle", handler);
+        return () => document.removeEventListener("holmes:addBundle", handler);
+    }, [addItem, mounted]);
+    const removeItem = useCallback((id) => {
+        setItems((prev) => prev.filter((i) => i.id !== id));
+    }, []);
+    const updateQuantity = useCallback((id, quantity) => {
+        if (quantity <= 0) {
+            setItems((prev) => prev.filter((i) => i.id !== id));
+            return;
+        }
+        setItems((prev) => prev.map((i) => (i.id === id ? { ...i, quantity } : i)));
+    }, []);
+    const clearCart = useCallback(() => setItems([]), []);
+    const total = items.reduce((sum, i) => sum + i.unitAmount * i.quantity, 0);
+    return (_jsx(CartContext.Provider, { value: { items, addItem, removeItem, updateQuantity, clearCart, total }, children: children }));
+}
+export function useCart() {
+    const ctx = useContext(CartContext);
+    if (!ctx)
+        throw new Error("useCart must be used within CartProvider");
+    return ctx;
+}

package/dist/components/CatalogueEmptyState.d.ts

@@ -0,0 +1,11 @@
+type CatalogueEmptyStateProps = {
+    hasCategory: boolean;
+    hasStore: boolean;
+    categories?: {
+        name: string;
+        slug: string;
+    }[];
+};
+export declare function CatalogueEmptyState({ hasCategory, hasStore, categories, }: CatalogueEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CatalogueEmptyState.d.ts.map

package/dist/components/CatalogueEmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CatalogueEmptyState.d.ts","sourceRoot":"","sources":["../../src/components/CatalogueEmptyState.tsx"],"names":[],"mappings":"AAGA,KAAK,wBAAwB,GAAG;IAC9B,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC/C,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,QAAQ,EACR,UAAe,GAChB,EAAE,wBAAwB,2CAwE1B"}

package/dist/components/CatalogueEmptyState.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { ShoppingBag, Store, LayoutGrid } from "lucide-react";
+export function CatalogueEmptyState({ hasCategory, hasStore, categories = [], }) {
+    if (!hasStore) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center py-16 px-6 text-center max-w-md mx-auto", children: [_jsx("div", { className: "w-20 h-20 rounded-full bg-aurora-surface-hover flex items-center justify-center mb-6 ring-4 ring-aurora-primary/10", children: _jsx(Store, { className: "w-10 h-10 text-aurora-primary" }) }), _jsx("h2", { className: "text-xl font-bold text-aurora-text mb-2", children: "Select a store to browse" }), _jsx("p", { className: "text-aurora-muted mb-8", children: "Choose your local store to see products and start shopping." }), _jsxs(Link, { href: "/stores", className: "inline-flex items-center justify-center gap-2 h-12 px-6 rounded-xl bg-aurora-primary text-white font-semibold hover:bg-aurora-primary-dark transition-colors", children: [_jsx(Store, { className: "w-5 h-5" }), "Find your store"] })] }));
+    }
+    if (hasCategory) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center py-16 px-6 text-center max-w-md mx-auto", children: [_jsx("div", { className: "w-20 h-20 rounded-full bg-aurora-surface-hover flex items-center justify-center mb-6 ring-4 ring-aurora-primary/10", children: _jsx(LayoutGrid, { className: "w-10 h-10 text-aurora-primary" }) }), _jsx("h2", { className: "text-xl font-bold text-aurora-text mb-2", children: "No products in this category yet" }), _jsx("p", { className: "text-aurora-muted mb-8", children: "This category is empty. Try another category or browse all products." }), _jsxs("div", { className: "flex flex-wrap justify-center gap-3", children: [_jsxs(Link, { href: "/catalogue", className: "inline-flex items-center justify-center gap-2 h-12 px-6 rounded-xl bg-aurora-primary text-white font-semibold hover:bg-aurora-primary-dark transition-colors", children: [_jsx(LayoutGrid, { className: "w-5 h-5" }), "View all products"] }), categories.slice(0, 3).map((cat) => (_jsx(Link, { href: `/catalogue?category=${cat.slug}`, className: "inline-flex items-center h-12 px-5 rounded-xl border-2 border-aurora-border text-aurora-text font-medium hover:border-aurora-primary hover:text-aurora-primary transition-colors", children: cat.name }, cat.slug)))] })] }));
+    }
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center py-16 px-6 text-center max-w-md mx-auto", children: [_jsx("div", { className: "w-20 h-20 rounded-full bg-aurora-surface-hover flex items-center justify-center mb-6 ring-4 ring-aurora-primary/10", children: _jsx(ShoppingBag, { className: "w-10 h-10 text-aurora-primary" }) }), _jsx("h2", { className: "text-xl font-bold text-aurora-text mb-2", children: "No products yet" }), _jsx("p", { className: "text-aurora-muted mb-8", children: "Products will appear here once they're added. Check back soon or browse our categories." }), _jsxs(Link, { href: "/catalogue", className: "inline-flex items-center justify-center gap-2 h-12 px-6 rounded-xl bg-aurora-primary text-white font-semibold hover:bg-aurora-primary-dark transition-colors", children: [_jsx(ShoppingBag, { className: "w-5 h-5" }), "Browse catalogue"] })] }));
+}

package/dist/components/CatalogueFilters.d.ts

@@ -0,0 +1,24 @@
+export type CategoryItem = {
+    name: string;
+    slug: string;
+};
+export type SortOption = "featured" | "bestsellers" | "new" | "sale";
+export declare const SORT_OPTIONS: {
+    id: SortOption;
+    label: string;
+}[];
+type CatalogueFiltersProps = {
+    categories: CategoryItem[];
+    currentCategory: string;
+    currentSort: SortOption;
+    onSortChange: (sort: SortOption) => void;
+    storeName?: string;
+    onClose?: () => void;
+    variant?: "sidebar" | "drawer";
+    suggestedSlugs?: string[];
+    /** When set, categories are reordered: mission-relevant first (progressive narrowing). */
+    missionPrioritySlugs?: string[];
+};
+export declare function CatalogueFilters({ categories, currentCategory, currentSort, onSortChange, storeName, onClose, variant, suggestedSlugs, missionPrioritySlugs, }: CatalogueFiltersProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CatalogueFilters.d.ts.map

package/dist/components/CatalogueFilters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CatalogueFilters.d.ts","sourceRoot":"","sources":["../../src/components/CatalogueFilters.tsx"],"names":[],"mappings":"AAsBA,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAkC1D,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAErE,eAAO,MAAM,YAAY,EAAE;IAAE,EAAE,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAK3D,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,0FAA0F;IAC1F,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;CACjC,CAAC;AA8BF,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,eAAe,EACf,WAAW,EACX,YAAY,EACZ,SAAS,EACT,OAAO,EACP,OAAmB,EACnB,cAAmB,EACnB,oBAAyB,GAC1B,EAAE,qBAAqB,2CAuGvB"}

package/dist/components/CatalogueFilters.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { useState } from "react";
+import { ChevronDown, Baby, Beer, Candy, Cat, Wheat, Sparkles, CupSoda, Droplets, HeartPulse, Apple, Drumstick, Shirt, } from "lucide-react";
+import { HolmesSprinkleIcon } from "./HolmesSprinkleIcon";
+/** Map category slug (or partial name) to icon for sidebar. */
+function getCategoryIcon(slug) {
+    const s = slug.toLowerCase();
+    const map = {
+        "baby-food": Baby,
+        baby: Baby,
+        beer: Beer,
+        candy: Candy,
+        "cat-food": Cat,
+        cat: Cat,
+        cereal: Wheat,
+        cleaning: Sparkles,
+        dishwashing: Sparkles,
+        tea: CupSoda,
+        water: Droplets,
+        "health-care": HeartPulse,
+        healthcare: HeartPulse,
+        juices: Apple,
+        juice: Apple,
+        poultry: Drumstick,
+        "skin-care": Shirt,
+        skincare: Shirt,
+        vegetables: Apple,
+        fruits: Apple,
+        dairy: Droplets,
+        bakery: Wheat,
+        snacks: Candy,
+        beverages: CupSoda,
+    };
+    return map[s] ?? Wheat;
+}
+export const SORT_OPTIONS = [
+    { id: "featured", label: "Featured" },
+    { id: "bestsellers", label: "Bestsellers" },
+    { id: "new", label: "New Arrivals" },
+    { id: "sale", label: "On Sale" },
+];
+function FilterSection({ title, children, defaultOpen = true, }) {
+    const [open, setOpen] = useState(defaultOpen);
+    return (_jsxs("section", { className: "border-b border-aurora-border last:border-0", children: [_jsxs("button", { type: "button", onClick: () => setOpen((o) => !o), className: "flex items-center justify-between w-full py-3 text-left", children: [_jsx("h3", { className: "text-xs font-semibold uppercase tracking-wider text-aurora-muted", children: title }), _jsx(ChevronDown, { className: `w-4 h-4 text-aurora-muted transition-transform ${open ? "rotate-180" : ""}` })] }), open && _jsx("div", { className: "pb-3", children: children })] }));
+}
+export function CatalogueFilters({ categories, currentCategory, currentSort, onSortChange, storeName, onClose, variant = "sidebar", suggestedSlugs = [], missionPrioritySlugs = [], }) {
+    const sortedCategories = [...categories].sort((a, b) => {
+        const aSuggested = suggestedSlugs.includes(a.slug);
+        const bSuggested = suggestedSlugs.includes(b.slug);
+        if (aSuggested && !bSuggested)
+            return -1;
+        if (!aSuggested && bSuggested)
+            return 1;
+        if (missionPrioritySlugs.length > 0) {
+            const aIdx = missionPrioritySlugs.indexOf(a.slug);
+            const bIdx = missionPrioritySlugs.indexOf(b.slug);
+            if (aIdx >= 0 && bIdx < 0)
+                return -1;
+            if (aIdx < 0 && bIdx >= 0)
+                return 1;
+            if (aIdx >= 0 && bIdx >= 0)
+                return aIdx - bIdx;
+        }
+        return 0;
+    });
+    const content = (_jsxs("div", { className: "space-y-0", children: [_jsx(FilterSection, { title: "Categories", children: _jsxs("nav", { className: "space-y-1", children: [_jsx(Link, { href: "/catalogue", onClick: onClose, className: `block px-3 py-2 rounded-component text-sm font-medium transition-colors ${!currentCategory
+                                ? "bg-aurora-accent/20 text-aurora-accent border border-aurora-accent/40"
+                                : "text-aurora-muted hover:text-aurora-text hover:bg-aurora-surface-hover border border-transparent"}`, children: "All categories" }), sortedCategories.map((cat) => {
+                            const isSuggested = suggestedSlugs.includes(cat.slug);
+                            return (_jsxs(Link, { href: `/catalogue?category=${encodeURIComponent(cat.slug)}`, onClick: onClose, className: `flex items-center gap-2 px-3 py-2 rounded-component text-sm font-medium transition-colors ${currentCategory === cat.slug
+                                    ? "bg-aurora-accent/20 text-aurora-accent border border-aurora-accent/40"
+                                    : "text-aurora-muted hover:text-aurora-text hover:bg-aurora-surface-hover border border-transparent"}`, children: [(() => {
+                                        const Icon = getCategoryIcon(cat.slug);
+                                        return _jsx(Icon, { className: "w-4 h-4 shrink-0 text-aurora-muted", "aria-hidden": true });
+                                    })(), isSuggested ? _jsx(HolmesSprinkleIcon, { className: "shrink-0" }) : null, cat.name] }, cat.slug));
+                        })] }) }), _jsx(FilterSection, { title: "Sort by", defaultOpen: true, children: _jsx("div", { className: "space-y-1", children: SORT_OPTIONS.map((opt) => (_jsx("button", { type: "button", onClick: () => {
+                            onSortChange(opt.id);
+                            onClose?.();
+                        }, className: `w-full text-left px-3 py-2 rounded-component text-sm font-medium transition-colors ${currentSort === opt.id
+                            ? "bg-aurora-accent/20 text-aurora-accent border border-aurora-accent/40"
+                            : "text-aurora-muted hover:text-aurora-text hover:bg-aurora-surface-hover border border-transparent"}`, children: opt.label }, opt.id))) }) }), storeName && (_jsxs("p", { className: "text-xs text-aurora-muted pt-2 border-t border-aurora-border", children: ["Showing products from ", storeName] }))] }));
+    if (variant === "drawer") {
+        return (_jsx("div", { className: "bg-aurora-surface border-t border-aurora-border p-6", children: content }));
+    }
+    return (_jsx("aside", { className: "w-56 shrink-0 hidden lg:block", children: _jsx("div", { className: "pattern-well sticky top-24 space-y-6 rounded-component border border-aurora-border p-4", children: content }) }));
+}

package/dist/components/CheckoutButton.d.ts

@@ -0,0 +1,2 @@
+export declare function CheckoutButton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutButton.d.ts.map

package/dist/components/CheckoutButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutButton.d.ts","sourceRoot":"","sources":["../../src/components/CheckoutButton.tsx"],"names":[],"mappings":"AAMA,wBAAgB,cAAc,4CAiF7B"}