tanstack_start_ts 1.0.0

package/dist/server/assets/reset-password-CY-rmqMr.js

@@ -0,0 +1,115 @@
+import { r as reactExports, j as jsxRuntimeExports } from "./vendor-react-DvBrY0qp.js";
+import { L as Link } from "./vendor-tanstack-react-router-XzqpA65A.js";
+import { L as Logo, c as Field, v as supabase } from "./vendor-tanstack-start-client-core-DoOKV2pA.js";
+import { t as toast } from "./vendor-sonner-CqbjhsRh.js";
+import { M as Mail, A as ArrowRight } from "./vendor-lucide-react-Ddew6HYb.js";
+import "./vendor-tanstack-router-core-6wywV3KN.js";
+import "./vendor-tanstack-history-C4pKJmkt.js";
+import "./vendor-seroval-dJyC-Zhz.js";
+import "./vendor-seroval-plugins-Pq_U2meB.js";
+import "./vendor-cookie-es-DAoofYiI.js";
+import "node:stream/web";
+import "node:stream";
+import "./vendor-react-dom-yvMLPM0j.js";
+import "./vendor-isbot-CZ7WjwVs.js";
+import "./vendor-tanstack-start-storage-context-DgH9hIJT.js";
+import "node:async_hooks";
+import "./vendor-tanstack-react-query-hhHzXAK1.js";
+import "./vendor-tanstack-query-core-PwwTR5ld.js";
+import "./vendor-vercel-analytics-oP8BDp0L.js";
+import "./vendor-radix-ui-react-dropdown-menu-DVxKumY8.js";
+import "./vendor-radix-ui-primitive-B-mNdDrH.js";
+import "./vendor-radix-ui-react-compose-refs-D3qsKVk1.js";
+import "./vendor-radix-ui-react-context-BVoNDLue.js";
+import "./vendor-radix-ui-react-use-controllable-state-C9KpT6DG.js";
+import "./vendor-radix-ui-react-use-layout-effect-1LNLXAjr.js";
+import "./vendor-radix-ui-react-primitive-BeOk3UYa.js";
+import "./vendor-radix-ui-react-menu-CiTMLwjT.js";
+import "./vendor-radix-ui-react-collection-BZ2srfgU.js";
+import "./vendor-radix-ui-react-direction-Dt_WDL1t.js";
+import "./vendor-radix-ui-react-dismissable-layer-CjsuPohV.js";
+import "./vendor-radix-ui-react-use-callback-ref-BynBgohw.js";
+import "./vendor-radix-ui-react-use-escape-keydown-CcYRQ2pp.js";
+import "./vendor-radix-ui-react-focus-guards-D_6NoePE.js";
+import "./vendor-radix-ui-react-focus-scope-DEIhTJJH.js";
+import "./vendor-radix-ui-react-popper-23Ye2Vyc.js";
+import "./vendor-floating-ui-react-dom-CRG6gBpH.js";
+import "./vendor-floating-ui-dom-C-cPtgJv.js";
+import "./vendor-floating-ui-core-3tkK0THV.js";
+import "./vendor-floating-ui-utils-DmXANH-E.js";
+import "./vendor-radix-ui-react-arrow-B882lnFK.js";
+import "./vendor-radix-ui-react-use-size-D6fiKJQo.js";
+import "./vendor-radix-ui-react-portal-CZCH5uPk.js";
+import "./vendor-radix-ui-react-presence-CaAULlDU.js";
+import "./vendor-radix-ui-react-roving-focus-DES9GR8l.js";
+import "./vendor-radix-ui-react-id-DFFpgh6m.js";
+import "./vendor-aria-hidden-DPa16MWu.js";
+import "./vendor-react-remove-scroll-BNtiEvVN.js";
+import "./vendor-tslib-_8ICaZ64.js";
+import "./vendor-react-remove-scroll-bar-hLqRASRk.js";
+import "./vendor-react-style-singleton-BXjcXskB.js";
+import "./vendor-get-nonce-DiSj3EHl.js";
+import "./vendor-use-sidecar-DG1tHua4.js";
+import "./vendor-use-callback-ref-DMFDRvmi.js";
+import "./vendor-clsx-DgYk2OaC.js";
+import "./vendor-tailwind-merge-BHb_obmC.js";
+import "./vendor-radix-ui-react-avatar-BVgZt2Ab.js";
+import "./vendor-radix-ui-react-slot-DUhZbzoH.js";
+import "./vendor-radix-ui-react-use-is-hydrated-D_LcBPXY.js";
+import "./vendor-use-sync-external-store-rZ8vi0It.js";
+import "./vendor-class-variance-authority-0YxJPB9Y.js";
+import "./vendor-radix-ui-react-dialog-DlxMaNYK.js";
+import "./vendor-framer-motion-X4zAkX3J.js";
+import "./vendor-motion-dom-D2MTwGIG.js";
+import "./vendor-motion-utils-LJlIFN6m.js";
+import "./vendor-zod-BRyQdbC-.js";
+import "./vendor-supabase-supabase-js-D1EEtG3j.js";
+import "./vendor-supabase-postgrest-js-AO-BXa7I.js";
+import "./vendor-supabase-realtime-js-BtdNgJbm.js";
+import "./vendor-supabase-phoenix-Bw3Uh2Nn.js";
+import "./vendor-supabase-storage-js-Dk_MrPYO.js";
+import "./vendor-iceberg-js-bHCkXyJn.js";
+import "./vendor-supabase-auth-js-D4xjVprw.js";
+import "./vendor-supabase-functions-js-sWy4UYn1.js";
+function ResetPassword() {
+  const [email, setEmail] = reactExports.useState("");
+  const [loading, setLoading] = reactExports.useState(false);
+  const [submitted, setSubmitted] = reactExports.useState(false);
+  const onSubmit = async (e) => {
+    e.preventDefault();
+    if (!email) return toast.error("Enter the email for your account.");
+    setLoading(true);
+    const {
+      error
+    } = await supabase.auth.resetPasswordForEmail(email, {
+      redirectTo: `${window.location.origin}/update-password`
+    });
+    setLoading(false);
+    if (error) {
+      return toast.error(error.message || "Unable to send reset email.");
+    }
+    setSubmitted(true);
+    toast.success("Check your email for a password reset link.");
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-[80vh] flex items-center justify-center px-4 py-16", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full max-w-md glass-strong rounded-3xl p-8 shadow-elevated animate-scale-in", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center mb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Logo, { size: 40 }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "font-display text-3xl font-bold text-center mt-4", children: "Forgot your password?" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-center text-sm text-muted-foreground mt-1", children: "Enter the email tied to your Scrollsy account and we’ll send a secure reset link." }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit, className: "space-y-3 mt-6", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Mail, { className: "w-4 h-4" }), type: "email", value: email, onChange: setEmail, placeholder: "Email" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { disabled: loading || submitted, className: "btn-glow w-full rounded-full py-3 font-semibold text-sm inline-flex items-center justify-center gap-2 disabled:opacity-60", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowRight, { className: "w-4 h-4" }),
+        " ",
+        loading ? "Sending…" : submitted ? "Email sent" : "Send reset link"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "mt-6 text-sm text-center text-muted-foreground", children: [
+      "Remembered it?",
+      " ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/login", className: "text-foreground font-semibold hover:text-gradient", children: "Sign in" })
+    ] })
+  ] }) });
+}
+export {
+  ResetPassword as component
+};

package/dist/server/assets/saved-7FA6Dbom.js

@@ -0,0 +1,126 @@
+import { j as jsxRuntimeExports } from "./vendor-react-DvBrY0qp.js";
+import { L as Link } from "./vendor-tanstack-react-router-XzqpA65A.js";
+import { a as useQuery } from "./vendor-tanstack-react-query-hhHzXAK1.js";
+import { w as useAuth, v as supabase } from "./vendor-tanstack-start-client-core-DoOKV2pA.js";
+import { P as ProductCard } from "./ProductCard-CUPXy5Eo.js";
+import { H as Heart } from "./vendor-lucide-react-Ddew6HYb.js";
+import "./vendor-tanstack-router-core-6wywV3KN.js";
+import "./vendor-tanstack-history-C4pKJmkt.js";
+import "./vendor-seroval-dJyC-Zhz.js";
+import "./vendor-seroval-plugins-Pq_U2meB.js";
+import "./vendor-cookie-es-DAoofYiI.js";
+import "node:stream/web";
+import "node:stream";
+import "./vendor-react-dom-yvMLPM0j.js";
+import "./vendor-isbot-CZ7WjwVs.js";
+import "./vendor-tanstack-query-core-PwwTR5ld.js";
+import "./vendor-tanstack-start-storage-context-DgH9hIJT.js";
+import "node:async_hooks";
+import "./vendor-vercel-analytics-oP8BDp0L.js";
+import "./vendor-radix-ui-react-dropdown-menu-DVxKumY8.js";
+import "./vendor-radix-ui-primitive-B-mNdDrH.js";
+import "./vendor-radix-ui-react-compose-refs-D3qsKVk1.js";
+import "./vendor-radix-ui-react-context-BVoNDLue.js";
+import "./vendor-radix-ui-react-use-controllable-state-C9KpT6DG.js";
+import "./vendor-radix-ui-react-use-layout-effect-1LNLXAjr.js";
+import "./vendor-radix-ui-react-primitive-BeOk3UYa.js";
+import "./vendor-radix-ui-react-menu-CiTMLwjT.js";
+import "./vendor-radix-ui-react-collection-BZ2srfgU.js";
+import "./vendor-radix-ui-react-direction-Dt_WDL1t.js";
+import "./vendor-radix-ui-react-dismissable-layer-CjsuPohV.js";
+import "./vendor-radix-ui-react-use-callback-ref-BynBgohw.js";
+import "./vendor-radix-ui-react-use-escape-keydown-CcYRQ2pp.js";
+import "./vendor-radix-ui-react-focus-guards-D_6NoePE.js";
+import "./vendor-radix-ui-react-focus-scope-DEIhTJJH.js";
+import "./vendor-radix-ui-react-popper-23Ye2Vyc.js";
+import "./vendor-floating-ui-react-dom-CRG6gBpH.js";
+import "./vendor-floating-ui-dom-C-cPtgJv.js";
+import "./vendor-floating-ui-core-3tkK0THV.js";
+import "./vendor-floating-ui-utils-DmXANH-E.js";
+import "./vendor-radix-ui-react-arrow-B882lnFK.js";
+import "./vendor-radix-ui-react-use-size-D6fiKJQo.js";
+import "./vendor-radix-ui-react-portal-CZCH5uPk.js";
+import "./vendor-radix-ui-react-presence-CaAULlDU.js";
+import "./vendor-radix-ui-react-roving-focus-DES9GR8l.js";
+import "./vendor-radix-ui-react-id-DFFpgh6m.js";
+import "./vendor-aria-hidden-DPa16MWu.js";
+import "./vendor-react-remove-scroll-BNtiEvVN.js";
+import "./vendor-tslib-_8ICaZ64.js";
+import "./vendor-react-remove-scroll-bar-hLqRASRk.js";
+import "./vendor-react-style-singleton-BXjcXskB.js";
+import "./vendor-get-nonce-DiSj3EHl.js";
+import "./vendor-use-sidecar-DG1tHua4.js";
+import "./vendor-use-callback-ref-DMFDRvmi.js";
+import "./vendor-clsx-DgYk2OaC.js";
+import "./vendor-tailwind-merge-BHb_obmC.js";
+import "./vendor-radix-ui-react-avatar-BVgZt2Ab.js";
+import "./vendor-radix-ui-react-slot-DUhZbzoH.js";
+import "./vendor-radix-ui-react-use-is-hydrated-D_LcBPXY.js";
+import "./vendor-use-sync-external-store-rZ8vi0It.js";
+import "./vendor-class-variance-authority-0YxJPB9Y.js";
+import "./vendor-radix-ui-react-dialog-DlxMaNYK.js";
+import "./vendor-framer-motion-X4zAkX3J.js";
+import "./vendor-motion-dom-D2MTwGIG.js";
+import "./vendor-motion-utils-LJlIFN6m.js";
+import "./vendor-sonner-CqbjhsRh.js";
+import "./vendor-zod-BRyQdbC-.js";
+import "./vendor-supabase-supabase-js-D1EEtG3j.js";
+import "./vendor-supabase-postgrest-js-AO-BXa7I.js";
+import "./vendor-supabase-realtime-js-BtdNgJbm.js";
+import "./vendor-supabase-phoenix-Bw3Uh2Nn.js";
+import "./vendor-supabase-storage-js-Dk_MrPYO.js";
+import "./vendor-iceberg-js-bHCkXyJn.js";
+import "./vendor-supabase-auth-js-D4xjVprw.js";
+import "./vendor-supabase-functions-js-sWy4UYn1.js";
+import "./product-links-CGYEPP56.js";
+function Saved() {
+  const {
+    user,
+    loading
+  } = useAuth();
+  const {
+    data: products,
+    isLoading
+  } = useQuery({
+    queryKey: ["saved-products", user?.id],
+    enabled: !!user,
+    queryFn: async () => {
+      const {
+        data
+      } = await supabase.from("saved_items").select("created_at, products(*)").eq("user_id", user.id).order("created_at", {
+        ascending: false
+      });
+      return (data ?? []).map((r) => r.products).filter(Boolean);
+    }
+  });
+  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 max-w-7xl mx-auto pt-10", children: "Loading…" });
+  if (!user) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-md mx-auto pt-24 px-4 text-center", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Heart, { className: "w-12 h-12 mx-auto text-brand-magenta" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "font-display text-3xl font-bold mt-4", children: "Save your favorite finds" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-muted-foreground mt-2", children: "Sign in to start building your wishlist." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/login", className: "btn-glow inline-block mt-6 rounded-full px-6 py-3 font-semibold text-sm", children: "Sign in" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 max-w-7xl mx-auto pt-10", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { className: "font-display text-4xl md:text-5xl font-bold tracking-tight", children: [
+      "Your ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-gradient", children: "saved" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-muted-foreground mt-2", children: [
+      products?.length ?? 0,
+      " finds in your collection"
+    ] }),
+    isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-10 grid grid-cols-2 md:grid-cols-4 gap-4", children: Array.from({
+      length: 4
+    }).map((_, i) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "aspect-[3/4] rounded-3xl shimmer bg-surface-elevated" }, i)) }) : (products?.length ?? 0) === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "glass rounded-3xl p-12 text-center mt-10", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-5xl mb-3", children: "💝" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "font-display text-xl font-semibold", children: "No saved items yet" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground mt-1 mb-5", children: "Tap the heart on any find to save it here." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/", className: "btn-glow inline-block rounded-full px-5 py-2.5 text-sm font-semibold", children: "Start discovering" })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-8 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", children: products.map((p) => /* @__PURE__ */ jsxRuntimeExports.jsx(ProductCard, { product: p, aspect: "tall" }, p.id)) })
+  ] });
+}
+export {
+  Saved as component
+};

package/dist/server/assets/search-Yw5c_fZa.js

@@ -0,0 +1,329 @@
+import { j as jsxRuntimeExports, r as reactExports } from "./vendor-react-DvBrY0qp.js";
+import { u as useNavigate } from "./vendor-tanstack-react-router-XzqpA65A.js";
+import { a as useQuery } from "./vendor-tanstack-react-query-hhHzXAK1.js";
+import { s as searchProducts } from "./products.functions-DlHkRiqi.js";
+import { P as ProductCard } from "./ProductCard-CUPXy5Eo.js";
+import { j as cn, R as Route } from "./vendor-tanstack-start-client-core-DoOKV2pA.js";
+import { w as SlidersHorizontal, q as RotateCcw, j as Funnel, S as Search } from "./vendor-lucide-react-Ddew6HYb.js";
+import "./vendor-tanstack-router-core-6wywV3KN.js";
+import "./vendor-tanstack-history-C4pKJmkt.js";
+import "./vendor-seroval-dJyC-Zhz.js";
+import "./vendor-seroval-plugins-Pq_U2meB.js";
+import "./vendor-cookie-es-DAoofYiI.js";
+import "node:stream/web";
+import "node:stream";
+import "./vendor-react-dom-yvMLPM0j.js";
+import "./vendor-isbot-CZ7WjwVs.js";
+import "./vendor-tanstack-query-core-PwwTR5ld.js";
+import "./vendor-tanstack-start-server-core-CsAstXv7.js";
+import "node:async_hooks";
+import "./vendor-h3-v2-CCobnLY5.js";
+import "./vendor-rou3-3NaGPdI8.js";
+import "./vendor-srvx-BA-baEX9.js";
+import "./vendor-tanstack-start-storage-context-DgH9hIJT.js";
+import "./vendor-sonner-CqbjhsRh.js";
+import "./product-links-CGYEPP56.js";
+import "./vendor-vercel-analytics-oP8BDp0L.js";
+import "./vendor-radix-ui-react-dropdown-menu-DVxKumY8.js";
+import "./vendor-radix-ui-primitive-B-mNdDrH.js";
+import "./vendor-radix-ui-react-compose-refs-D3qsKVk1.js";
+import "./vendor-radix-ui-react-context-BVoNDLue.js";
+import "./vendor-radix-ui-react-use-controllable-state-C9KpT6DG.js";
+import "./vendor-radix-ui-react-use-layout-effect-1LNLXAjr.js";
+import "./vendor-radix-ui-react-primitive-BeOk3UYa.js";
+import "./vendor-radix-ui-react-menu-CiTMLwjT.js";
+import "./vendor-radix-ui-react-collection-BZ2srfgU.js";
+import "./vendor-radix-ui-react-direction-Dt_WDL1t.js";
+import "./vendor-radix-ui-react-dismissable-layer-CjsuPohV.js";
+import "./vendor-radix-ui-react-use-callback-ref-BynBgohw.js";
+import "./vendor-radix-ui-react-use-escape-keydown-CcYRQ2pp.js";
+import "./vendor-radix-ui-react-focus-guards-D_6NoePE.js";
+import "./vendor-radix-ui-react-focus-scope-DEIhTJJH.js";
+import "./vendor-radix-ui-react-popper-23Ye2Vyc.js";
+import "./vendor-floating-ui-react-dom-CRG6gBpH.js";
+import "./vendor-floating-ui-dom-C-cPtgJv.js";
+import "./vendor-floating-ui-core-3tkK0THV.js";
+import "./vendor-floating-ui-utils-DmXANH-E.js";
+import "./vendor-radix-ui-react-arrow-B882lnFK.js";
+import "./vendor-radix-ui-react-use-size-D6fiKJQo.js";
+import "./vendor-radix-ui-react-portal-CZCH5uPk.js";
+import "./vendor-radix-ui-react-presence-CaAULlDU.js";
+import "./vendor-radix-ui-react-roving-focus-DES9GR8l.js";
+import "./vendor-radix-ui-react-id-DFFpgh6m.js";
+import "./vendor-aria-hidden-DPa16MWu.js";
+import "./vendor-react-remove-scroll-BNtiEvVN.js";
+import "./vendor-tslib-_8ICaZ64.js";
+import "./vendor-react-remove-scroll-bar-hLqRASRk.js";
+import "./vendor-react-style-singleton-BXjcXskB.js";
+import "./vendor-get-nonce-DiSj3EHl.js";
+import "./vendor-use-sidecar-DG1tHua4.js";
+import "./vendor-use-callback-ref-DMFDRvmi.js";
+import "./vendor-clsx-DgYk2OaC.js";
+import "./vendor-tailwind-merge-BHb_obmC.js";
+import "./vendor-radix-ui-react-avatar-BVgZt2Ab.js";
+import "./vendor-radix-ui-react-slot-DUhZbzoH.js";
+import "./vendor-radix-ui-react-use-is-hydrated-D_LcBPXY.js";
+import "./vendor-use-sync-external-store-rZ8vi0It.js";
+import "./vendor-class-variance-authority-0YxJPB9Y.js";
+import "./vendor-radix-ui-react-dialog-DlxMaNYK.js";
+import "./vendor-framer-motion-X4zAkX3J.js";
+import "./vendor-motion-dom-D2MTwGIG.js";
+import "./vendor-motion-utils-LJlIFN6m.js";
+import "./vendor-zod-BRyQdbC-.js";
+import "./vendor-supabase-supabase-js-D1EEtG3j.js";
+import "./vendor-supabase-postgrest-js-AO-BXa7I.js";
+import "./vendor-supabase-realtime-js-BtdNgJbm.js";
+import "./vendor-supabase-phoenix-Bw3Uh2Nn.js";
+import "./vendor-supabase-storage-js-Dk_MrPYO.js";
+import "./vendor-iceberg-js-bHCkXyJn.js";
+import "./vendor-supabase-auth-js-D4xjVprw.js";
+import "./vendor-supabase-functions-js-sWy4UYn1.js";
+const defaultProductFilters = () => ({
+  sort: "relevance",
+  maxPrice: "",
+  trending: false,
+  hot: false,
+  featured: false,
+  freeShipping: false
+});
+function applyProductFilters(products, filters) {
+  const maxPrice = filters.maxPrice ? Number(filters.maxPrice) : Number.POSITIVE_INFINITY;
+  let filtered = products.filter((product) => {
+    if (Number.isFinite(maxPrice) && product.price > maxPrice) return false;
+    if (filters.trending && !product.is_trending) return false;
+    if (filters.hot && !product.is_hot) return false;
+    if (filters.featured && !product.is_featured) return false;
+    if (filters.freeShipping && !product.shipping_info?.toLowerCase().includes("free"))
+      return false;
+    return true;
+  });
+  filtered = [...filtered].sort((a, b) => {
+    switch (filters.sort) {
+      case "newest":
+        return new Date(b.created_at ?? 0).getTime() - new Date(a.created_at ?? 0).getTime();
+      case "popular":
+        return (b.view_count ?? 0) - (a.view_count ?? 0);
+      case "price-asc":
+        return a.price - b.price;
+      case "price-desc":
+        return b.price - a.price;
+      default:
+        return 0;
+    }
+  });
+  return filtered;
+}
+function ProductFilters({
+  filters,
+  onChange,
+  resultCount
+}) {
+  const set = (key, value) => onChange({ ...filters, [key]: value });
+  const reset = () => onChange(defaultProductFilters());
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "glass-strong rounded-3xl p-4 md:p-5 border border-white/10", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "inline-flex items-center gap-2 text-xs font-semibold uppercase tracking-[0.24em] text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SlidersHorizontal, { className: "w-4 h-4" }),
+          "Filters"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "font-display text-xl font-bold mt-2", children: "Refine your results" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-muted-foreground mt-1", children: [
+          resultCount,
+          " products match your filters"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: reset,
+          className: "inline-flex items-center justify-center gap-2 rounded-full border border-white/10 px-4 py-2 text-sm hover:bg-white/5 transition",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { className: "w-4 h-4" }),
+            "Reset"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-4 grid gap-4 md:grid-cols-2 xl:grid-cols-5", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Sort by", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "select",
+        {
+          value: filters.sort,
+          onChange: (e) => set("sort", e.target.value),
+          className: "w-full rounded-2xl border border-white/10 bg-background/60 px-3 py-2.5 text-sm outline-none",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "relevance", children: "Relevance" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "newest", children: "Newest" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "popular", children: "Most popular" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "price-asc", children: "Price: low to high" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "price-desc", children: "Price: high to low" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Field, { label: "Max price", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          inputMode: "numeric",
+          type: "number",
+          min: "0",
+          value: filters.maxPrice,
+          onChange: (e) => set("maxPrice", e.target.value),
+          placeholder: "Any price",
+          className: "w-full rounded-2xl border border-white/10 bg-background/60 px-3 py-2.5 text-sm outline-none"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        FilterToggle,
+        {
+          label: "Trending",
+          checked: filters.trending,
+          onChange: (checked) => set("trending", checked)
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        FilterToggle,
+        {
+          label: "Hot",
+          checked: filters.hot,
+          onChange: (checked) => set("hot", checked)
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        FilterToggle,
+        {
+          label: "Featured",
+          checked: filters.featured,
+          onChange: (checked) => set("featured", checked)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      FilterPill,
+      {
+        active: filters.freeShipping,
+        onClick: () => set("freeShipping", !filters.freeShipping),
+        label: "Free shipping",
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Funnel, { className: "w-3.5 h-3.5" })
+      }
+    ) })
+  ] });
+}
+function Field({ label, children }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "block", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mb-2 block text-xs font-medium uppercase tracking-[0.18em] text-muted-foreground", children: label }),
+    children
+  ] });
+}
+function FilterToggle({
+  label,
+  checked,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: () => onChange(!checked),
+      className: cn(
+        "rounded-2xl border px-4 py-3 text-left text-sm transition",
+        checked ? "border-brand-magenta/60 bg-brand-magenta/15 text-foreground shadow-lg" : "border-white/10 bg-background/40 text-muted-foreground hover:bg-white/5 hover:text-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block font-medium", children: label }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mt-0.5 block text-xs opacity-80", children: checked ? "On" : "Off" })
+      ]
+    }
+  );
+}
+function FilterPill({
+  label,
+  icon,
+  active,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: cn(
+        "inline-flex items-center gap-2 rounded-full px-4 py-2 text-sm transition",
+        active ? "bg-foreground text-background" : "border border-white/10 bg-background/40 text-muted-foreground hover:bg-white/5 hover:text-foreground"
+      ),
+      children: [
+        icon,
+        label
+      ]
+    }
+  );
+}
+function SearchPage() {
+  const {
+    q
+  } = Route.useSearch();
+  const nav = useNavigate();
+  const [input, setInput] = reactExports.useState(q);
+  const [filters, setFilters] = reactExports.useState(defaultProductFilters());
+  reactExports.useEffect(() => setInput(q), [q]);
+  const {
+    data,
+    isLoading
+  } = useQuery({
+    queryKey: ["search", q],
+    queryFn: () => searchProducts({
+      data: {
+        q
+      }
+    })
+  });
+  const products = reactExports.useMemo(() => data ?? [], [data]);
+  const filteredProducts = reactExports.useMemo(() => applyProductFilters(products, filters), [products, filters]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 max-w-7xl mx-auto pt-10 pb-16", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-5 md:flex-row md:items-end md:justify-between", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "font-display text-4xl md:text-5xl font-bold tracking-tight", children: q ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          "Results for ",
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-gradient", children: [
+            '"',
+            q,
+            '"'
+          ] })
+        ] }) : "Discover trending finds" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground mt-2", children: "Shop the web like a marketplace — sort, filter, and compare at a glance." })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-muted-foreground", children: isLoading ? "Searching…" : `${filteredProducts.length} products found` })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: (e) => {
+      e.preventDefault();
+      nav({
+        to: "/search",
+        search: {
+          q: input
+        }
+      });
+    }, className: "mt-6 flex glass-strong rounded-2xl p-1.5 max-w-2xl", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 flex items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "w-5 h-5 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("input", { autoFocus: true, value: input, onChange: (e) => setInput(e.target.value), placeholder: "Search anything…", className: "flex-1 bg-transparent outline-none text-sm py-3" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "btn-glow rounded-xl px-5 text-sm font-semibold", children: "Search" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProductFilters, { filters, onChange: setFilters, resultCount: filteredProducts.length }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-8", children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonGrid, {}) : filteredProducts.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyState, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", children: filteredProducts.map((p) => /* @__PURE__ */ jsxRuntimeExports.jsx(ProductCard, { product: p, aspect: "tall" }, p.id)) }) })
+  ] });
+}
+function SkeletonGrid() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", children: Array.from({
+    length: 8
+  }).map((_, i) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "aspect-[3/4] rounded-3xl shimmer bg-surface-elevated" }, i)) });
+}
+function EmptyState() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "glass rounded-3xl p-12 text-center", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-6xl mb-3", children: "🔍" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "font-display text-xl font-semibold", children: "No finds match that search" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Try a different keyword or relax a few filters." })
+  ] });
+}
+export {
+  SearchPage as component
+};