hey-pharmacist-ecommerce 1.1.2 → 1.1.3

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var React19 = require('react');
+var React20 = require('react');
 var globalAxios4 = require('axios');
 var sonner = require('sonner');
 var reactQuery = require('@tanstack/react-query');
@@ -17,7 +17,7 @@ var zod = require('zod');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React19__default = /*#__PURE__*/_interopDefault(React19);
+var React20__default = /*#__PURE__*/_interopDefault(React20);
 var globalAxios4__default = /*#__PURE__*/_interopDefault(globalAxios4);
 var Image3__default = /*#__PURE__*/_interopDefault(Image3);
 var dynamic__default = /*#__PURE__*/_interopDefault(dynamic);
@@ -68,16 +68,16 @@ function darken(r, g, b, amount) {
 }
 
 // src/providers/ThemeProvider.tsx
-var ThemeContext = React19.createContext(void 0);
+var ThemeContext = React20.createContext(void 0);
 function useTheme() {
-  const context = React19.useContext(ThemeContext);
+  const context = React20.useContext(ThemeContext);
   if (!context) {
     throw new Error("useTheme must be used within ThemeProvider");
   }
   return context;
 }
 function ThemeProvider({ config, children }) {
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     const primaryShades = generateColorShades(config.colors.primary);
     const secondaryShades = generateColorShades(config.colors.secondary);
     const accentShades = generateColorShades(config.colors.accent);
@@ -104,7 +104,7 @@ function ThemeProvider({ config, children }) {
       root.style.setProperty(`--header-to`, secondaryShades[600]);
     }
   }, [config]);
-  return /* @__PURE__ */ React19__default.default.createElement(ThemeContext.Provider, { value: { config } }, children);
+  return /* @__PURE__ */ React20__default.default.createElement(ThemeContext.Provider, { value: { config } }, children);
 }
 
 // src/lib/Apis/configuration.ts
@@ -1895,19 +1895,19 @@ var AuthApi = class extends BaseAPI {
 };
 
 // src/providers/AuthProvider.tsx
-var AuthContext = React19.createContext(void 0);
+var AuthContext = React20.createContext(void 0);
 function useAuth() {
-  const context = React19.useContext(AuthContext);
+  const context = React20.useContext(AuthContext);
   if (!context) {
     throw new Error("useAuth must be used within AuthProvider");
   }
   return context;
 }
 function AuthProvider({ children }) {
-  const [user, setUser] = React19.useState(null);
-  const [isLoading, setIsLoading] = React19.useState(true);
+  const [user, setUser] = React20.useState(null);
+  const [isLoading, setIsLoading] = React20.useState(true);
   const USER_KEY = "ecommerce_user";
-  const refreshUser = React19.useCallback(async () => {
+  const refreshUser = React20.useCallback(async () => {
     try {
       const token = getAuthToken();
       if (token) {
@@ -1921,7 +1921,7 @@ function AuthProvider({ children }) {
       setIsLoading(false);
     }
   }, []);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (typeof window !== "undefined") {
       try {
         const cached = localStorage.getItem(USER_KEY);
@@ -2002,7 +2002,7 @@ function AuthProvider({ children }) {
     updateUser,
     refreshUser
   };
-  return /* @__PURE__ */ React19__default.default.createElement(AuthContext.Provider, { value }, children);
+  return /* @__PURE__ */ React20__default.default.createElement(AuthContext.Provider, { value }, children);
 }
 var AddressesApiAxiosParamCreator = function(configuration) {
   return {
@@ -6707,19 +6707,19 @@ var PaymentPaymentStatusEnum = /* @__PURE__ */ ((PaymentPaymentStatusEnum2) => {
 })(PaymentPaymentStatusEnum || {});
 
 // src/providers/CartProvider.tsx
-var CartContext = React19.createContext(void 0);
+var CartContext = React20.createContext(void 0);
 function useCart() {
-  const context = React19.useContext(CartContext);
+  const context = React20.useContext(CartContext);
   if (!context) {
     throw new Error("useCart must be used within CartProvider");
   }
   return context;
 }
 function CartProvider({ children }) {
-  const [cart, setCart] = React19.useState(null);
-  const [isLoading, setIsLoading] = React19.useState(false);
+  const [cart, setCart] = React20.useState(null);
+  const [isLoading, setIsLoading] = React20.useState(false);
   const { isAuthenticated } = useAuth();
-  const refreshCart = React19.useCallback(async () => {
+  const refreshCart = React20.useCallback(async () => {
     if (!isAuthenticated) {
       setCart(null);
       return;
@@ -6731,7 +6731,7 @@ function CartProvider({ children }) {
       console.error("Failed to fetch cart:", error);
     }
   }, [isAuthenticated]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     refreshCart();
   }, [refreshCart]);
   const addToCart = async (productId, quantity = 1, variantId) => {
@@ -6792,7 +6792,7 @@ function CartProvider({ children }) {
     clearCart,
     refreshCart
   };
-  return /* @__PURE__ */ React19__default.default.createElement(CartContext.Provider, { value }, children);
+  return /* @__PURE__ */ React20__default.default.createElement(CartContext.Provider, { value }, children);
 }
 var BaseUrl = "https://api.heypharmacist.com";
 globalAxios4__default.default.interceptors.request.use(async (config) => {
@@ -6825,9 +6825,9 @@ var AXIOS_CONFIG = new Configuration({
     timeout: 2e4
   }
 });
-var WishlistContext = React19.createContext(void 0);
+var WishlistContext = React20.createContext(void 0);
 function WishlistProvider({ children }) {
-  const [state, setState] = React19.useState({
+  const [state, setState] = React20.useState({
     _id: "",
     createdAt: /* @__PURE__ */ new Date(),
     updatedAt: /* @__PURE__ */ new Date(),
@@ -6835,8 +6835,8 @@ function WishlistProvider({ children }) {
     products: []
   });
   const { isAuthenticated } = useAuth() || {};
-  const wishlistApi = React19.useMemo(() => new WishlistApi(AXIOS_CONFIG), []);
-  const fetchWishlist = React19.useCallback(async () => {
+  const wishlistApi = React20.useMemo(() => new WishlistApi(AXIOS_CONFIG), []);
+  const fetchWishlist = React20.useCallback(async () => {
     if (!isAuthenticated) {
       setState((prev) => ({
         ...prev,
@@ -6865,7 +6865,7 @@ function WishlistProvider({ children }) {
       }));
     }
   }, [isAuthenticated]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     fetchWishlist();
   }, [fetchWishlist]);
   const addToWishlist = async (product) => {
@@ -6927,7 +6927,7 @@ function WishlistProvider({ children }) {
   const refreshWishlist = async () => {
     await fetchWishlist();
   };
-  return /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React20__default.default.createElement(
     WishlistContext.Provider,
     {
       value: {
@@ -6944,20 +6944,37 @@ function WishlistProvider({ children }) {
   );
 }
 var useWishlist = () => {
-  const context = React19.useContext(WishlistContext);
+  const context = React20.useContext(WishlistContext);
   if (context === void 0) {
     throw new Error("useWishlist must be used within a WishlistProvider");
   }
   return context;
 };
-function EcommerceProvider({ config, children, withToaster = true }) {
-  React19.useEffect(() => {
+var BasePathContext = React20.createContext(void 0);
+function BasePathProvider({ basePath = "", children }) {
+  const normalized = basePath ? basePath.startsWith("/") ? basePath : `/${basePath}` : "";
+  const buildPath = (path) => {
+    if (!normalized) return path;
+    if (!path) return normalized;
+    if (path.startsWith(normalized + "/")) return path;
+    if (path.startsWith("/")) return `${normalized}${path}`;
+    return `${normalized}/${path}`;
+  };
+  return /* @__PURE__ */ React20__default.default.createElement(BasePathContext.Provider, { value: { basePath: normalized, buildPath } }, children);
+}
+function useBasePath() {
+  const ctx = React20.useContext(BasePathContext);
+  if (!ctx) throw new Error("useBasePath must be used within BasePathProvider");
+  return ctx;
+}
+function EcommerceProvider({ config, children, withToaster = true, basePath = "" }) {
+  React20.useEffect(() => {
     initializeApiAdapter(config);
   }, [config]);
-  const [client] = React19__default.default.useState(
+  const [client] = React20__default.default.useState(
     new reactQuery.QueryClient({ defaultOptions: { queries: { staleTime: 5e3 } } })
   );
-  return /* @__PURE__ */ React19__default.default.createElement(reactQuery.QueryClientProvider, { client }, /* @__PURE__ */ React19__default.default.createElement(ThemeProvider, { config }, /* @__PURE__ */ React19__default.default.createElement(AuthProvider, null, /* @__PURE__ */ React19__default.default.createElement(CartProvider, null, /* @__PURE__ */ React19__default.default.createElement(WishlistProvider, null, children, withToaster && /* @__PURE__ */ React19__default.default.createElement(sonner.Toaster, { position: "top-right", richColors: true }))))));
+  return /* @__PURE__ */ React20__default.default.createElement(reactQuery.QueryClientProvider, { client }, /* @__PURE__ */ React20__default.default.createElement(ThemeProvider, { config }, /* @__PURE__ */ React20__default.default.createElement(BasePathProvider, { basePath }, /* @__PURE__ */ React20__default.default.createElement(AuthProvider, null, /* @__PURE__ */ React20__default.default.createElement(CartProvider, null, /* @__PURE__ */ React20__default.default.createElement(WishlistProvider, null, children, withToaster && /* @__PURE__ */ React20__default.default.createElement(sonner.Toaster, { position: "top-right", richColors: true })))))));
 }
 
 // src/lib/utils/format.ts
@@ -7000,14 +7017,15 @@ function ProductCard({
   className
 }) {
   const router = navigation.useRouter();
-  const [isFavorite, setIsFavorite] = React19.useState(isFavorited);
+  const { buildPath } = useBasePath();
+  const [isFavorite, setIsFavorite] = React20.useState(isFavorited);
   const { addToWishlist, removeFromWishlist, isInWishlist } = useWishlist();
-  const [isHovered, setIsHovered] = React19.useState(false);
-  const [isImageLoaded, setIsImageLoaded] = React19.useState(false);
-  const handleImageLoad = React19.useCallback(() => {
+  const [isHovered, setIsHovered] = React20.useState(false);
+  const [isImageLoaded, setIsImageLoaded] = React20.useState(false);
+  const handleImageLoad = React20.useCallback(() => {
     setIsImageLoaded(true);
   }, []);
-  const handleCardClick = React19.useCallback((e) => {
+  const handleCardClick = React20.useCallback((e) => {
     if (onClickProduct) {
       e.preventDefault();
       onClickProduct(product);
@@ -7031,7 +7049,7 @@ function ProductCard({
       sonner.toast.error("Failed to update wishlist");
     }
   };
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     setIsFavorite(isInWishlist(product?._id || "") || isFavorited);
   }, [isFavorited, isInWishlist, product?._id]);
   const handleKeyDown = (e) => {
@@ -7040,13 +7058,13 @@ function ProductCard({
       handleCardClick(e);
     }
   };
-  React19.useMemo(() => {
+  React20.useMemo(() => {
     return {
       src: product.productMedia?.[0]?.file || "/placeholder-product.jpg",
       alt: product.name || "Product image"
     };
   }, [product.productMedia, product.name]);
-  return /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.article,
     {
       className: "relative group bg-white rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-all duration-300 border border-gray-100 hover:border-gray-200 flex h-[420px] flex-col",
@@ -7059,7 +7077,7 @@ function ProductCard({
       onClick: handleCardClick,
       onKeyDown: handleKeyDown
     },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative h-48 w-full overflow-hidden bg-gray-50" }, /* @__PURE__ */ React19__default.default.createElement(framerMotion.AnimatePresence, null, !isImageLoaded && /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative h-48 w-full overflow-hidden bg-gray-50" }, /* @__PURE__ */ React20__default.default.createElement(framerMotion.AnimatePresence, null, !isImageLoaded && /* @__PURE__ */ React20__default.default.createElement(
       framerMotion.motion.div,
       {
         className: "absolute inset-0 bg-gray-200 animate-pulse",
@@ -7067,7 +7085,7 @@ function ProductCard({
         exit: { opacity: 0 },
         transition: { duration: 0.2 }
       }
-    )), product.productMedia?.[0]?.file && /* @__PURE__ */ React19__default.default.createElement(
+    )), product.productMedia?.[0]?.file && /* @__PURE__ */ React20__default.default.createElement(
       Image3__default.default,
       {
         src: product.productMedia?.[0]?.file || "/placeholder-product.jpg",
@@ -7078,7 +7096,7 @@ function ProductCard({
         priority: false,
         onLoad: handleImageLoad
       }
-    ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "absolute top-3 left-3 flex flex-col gap-2 z-10" }, product.isDiscounted && /* @__PURE__ */ React19__default.default.createElement(
+    ), /* @__PURE__ */ React20__default.default.createElement("div", { className: "absolute top-3 left-3 flex flex-col gap-2 z-10" }, product.isDiscounted && /* @__PURE__ */ React20__default.default.createElement(
       framerMotion.motion.span,
       {
         initial: { scale: 0.9, opacity: 0 },
@@ -7088,7 +7106,7 @@ function ProductCard({
       "-",
       product.discountAmount,
       "%"
-    ), product.inventoryCount === 0 && /* @__PURE__ */ React19__default.default.createElement(
+    ), product.inventoryCount === 0 && /* @__PURE__ */ React20__default.default.createElement(
       framerMotion.motion.span,
       {
         initial: { scale: 0.9, opacity: 0 },
@@ -7096,7 +7114,7 @@ function ProductCard({
         className: "inline-flex items-center justify-center px-2.5 py-1 rounded-full text-xs font-bold text-white bg-red-600"
       },
       "Out of Stock"
-    )), showFavoriteButton && /* @__PURE__ */ React19__default.default.createElement(
+    )), showFavoriteButton && /* @__PURE__ */ React20__default.default.createElement(
       framerMotion.motion.button,
       {
         type: "button",
@@ -7106,10 +7124,10 @@ function ProductCard({
         whileTap: { scale: 0.95 },
         "aria-label": isFavorite ? "Remove from wishlist" : "Add to wishlist"
       },
-      /* @__PURE__ */ React19__default.default.createElement(lucideReact.Heart, { className: `w-5 h-5 ${isFavorite ? "fill-current" : ""}` })
+      /* @__PURE__ */ React20__default.default.createElement(lucideReact.Heart, { className: `w-5 h-5 ${isFavorite ? "fill-current" : ""}` })
     )),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "absolute top-4 left-4 flex flex-col gap-2" }, product.inventoryCount === 0 && /* @__PURE__ */ React19__default.default.createElement("span", { className: "px-3 py-1 rounded-full text-sm font-bold bg-red-100 text-red-800" }, "Out of Stock")),
-    showFavoriteButton && /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "absolute top-4 left-4 flex flex-col gap-2" }, product.inventoryCount === 0 && /* @__PURE__ */ React20__default.default.createElement("span", { className: "px-3 py-1 rounded-full text-sm font-bold bg-red-100 text-red-800" }, "Out of Stock")),
+    showFavoriteButton && /* @__PURE__ */ React20__default.default.createElement(
       "button",
       {
         type: "button",
@@ -7117,21 +7135,21 @@ function ProductCard({
         className: `absolute top-2 right-2 p-2 rounded-full transition-colors ${isFavorite ? "text-red-500" : "text-gray-400 hover:text-red-500"}`,
         "aria-label": isFavorite ? "Remove from wishlist" : "Add to wishlist"
       },
-      /* @__PURE__ */ React19__default.default.createElement(lucideReact.Heart, { className: `w-5 h-5 ${isFavorite ? "fill-current" : ""}` })
+      /* @__PURE__ */ React20__default.default.createElement(lucideReact.Heart, { className: `w-5 h-5 ${isFavorite ? "fill-current" : ""}` })
     ),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "p-4" }, product.parentCategories && product.parentCategories?.length > 0 && /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-xs text-gray-500 uppercase tracking-wider mb-2" }, product.parentCategories?.map((category) => category?.name).join(", ") || "No categories"), /* @__PURE__ */ React19__default.default.createElement("div", { className: "mb-2" }, /* @__PURE__ */ React19__default.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 line-clamp-1 group-hover:text-primary-600 transition-colors" }, product.name), product?.sku && /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-xs text-gray-400 mt-1" }, "SKU: ", product.sku)), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-baseline gap-2" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React19__default.default.createElement("span", { className: "text-2xl font-bold text-gray-900" }, formatPrice(product.finalPrice)), product.inventoryCount > 0 && /* @__PURE__ */ React19__default.default.createElement("span", { className: "text-xs text-gray-500" }, product.inventoryCount > 0 ? "In Stock" : "Out of Stock")), product.priceBeforeDiscount && product.priceBeforeDiscount > product.finalPrice && /* @__PURE__ */ React19__default.default.createElement("span", { className: "text-sm text-gray-500 line-through" }, formatPrice(product.priceBeforeDiscount)))),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-auto p-4 pt-0" }, /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "p-4" }, product.parentCategories && product.parentCategories?.length > 0 && /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-xs text-gray-500 uppercase tracking-wider mb-2" }, product.parentCategories?.map((category) => category?.name).join(", ") || "No categories"), /* @__PURE__ */ React20__default.default.createElement("div", { className: "mb-2" }, /* @__PURE__ */ React20__default.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 line-clamp-1 group-hover:text-primary-600 transition-colors" }, product.name), product?.sku && /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-xs text-gray-400 mt-1" }, "SKU: ", product.sku)), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-baseline gap-2" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React20__default.default.createElement("span", { className: "text-2xl font-bold text-gray-900" }, formatPrice(product.finalPrice)), product.inventoryCount > 0 && /* @__PURE__ */ React20__default.default.createElement("span", { className: "text-xs text-gray-500" }, product.inventoryCount > 0 ? "In Stock" : "Out of Stock")), product.priceBeforeDiscount && product.priceBeforeDiscount > product.finalPrice && /* @__PURE__ */ React20__default.default.createElement("span", { className: "text-sm text-gray-500 line-through" }, formatPrice(product.priceBeforeDiscount)))),
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-auto p-4 pt-0" }, /* @__PURE__ */ React20__default.default.createElement(
       "button",
       {
         type: "button",
         onClick: (e) => {
           e.stopPropagation();
-          router.push(`/products/${product._id}`);
+          router.push(buildPath(`/products/${product._id}`));
         },
         className: `w-full flex items-center justify-center rounded-md px-3 py-2 text-sm font-medium  bg-primary-600 hover:bg-primary-700 text-white`
       },
       "View Product"
-    ), showFavoriteButton && /* @__PURE__ */ React19__default.default.createElement(
+    ), showFavoriteButton && /* @__PURE__ */ React20__default.default.createElement(
       "button",
       {
         type: "button",
@@ -7139,7 +7157,7 @@ function ProductCard({
         className: "mt-2 w-full flex items-center justify-center rounded-md border border-gray-300 bg-white px-3 py-2 text-sm font-medium text-primary-600 hover:bg-gray-50",
         "aria-label": isFavorite ? "Remove from wishlist" : "Add to wishlist"
       },
-      /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement(
         lucideReact.Heart,
         {
           className: `mr-2 h-4 w-4 ${isFavorite ? "fill-red-500 text-red-500" : "text-primary-600"}`
@@ -7150,13 +7168,13 @@ function ProductCard({
   );
 }
 function Skeleton({ className = "" }) {
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: `animate-pulse bg-gradient-to-r from-gray-200 via-gray-300 to-gray-200 bg-[length:200%_100%] rounded ${className}` });
+  return /* @__PURE__ */ React20__default.default.createElement("div", { className: `animate-pulse bg-gradient-to-r from-gray-200 via-gray-300 to-gray-200 bg-[length:200%_100%] rounded ${className}` });
 }
 function ProductCardSkeleton() {
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "bg-white rounded-2xl overflow-hidden shadow-sm" }, /* @__PURE__ */ React19__default.default.createElement(Skeleton, { className: "h-64 w-full" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "p-4 space-y-3" }, /* @__PURE__ */ React19__default.default.createElement(Skeleton, { className: "h-6 w-3/4" }), /* @__PURE__ */ React19__default.default.createElement(Skeleton, { className: "h-4 w-1/2" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex justify-between items-center pt-2" }, /* @__PURE__ */ React19__default.default.createElement(Skeleton, { className: "h-8 w-24" }), /* @__PURE__ */ React19__default.default.createElement(Skeleton, { className: "h-10 w-10 rounded-full" }))));
+  return /* @__PURE__ */ React20__default.default.createElement("div", { className: "bg-white rounded-2xl overflow-hidden shadow-sm" }, /* @__PURE__ */ React20__default.default.createElement(Skeleton, { className: "h-64 w-full" }), /* @__PURE__ */ React20__default.default.createElement("div", { className: "p-4 space-y-3" }, /* @__PURE__ */ React20__default.default.createElement(Skeleton, { className: "h-6 w-3/4" }), /* @__PURE__ */ React20__default.default.createElement(Skeleton, { className: "h-4 w-1/2" }), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex justify-between items-center pt-2" }, /* @__PURE__ */ React20__default.default.createElement(Skeleton, { className: "h-8 w-24" }), /* @__PURE__ */ React20__default.default.createElement(Skeleton, { className: "h-10 w-10 rounded-full" }))));
 }
 function OrderCardSkeleton() {
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "bg-white rounded-2xl p-6 shadow-sm" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex justify-between items-start mb-4" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-2 flex-1" }, /* @__PURE__ */ React19__default.default.createElement(Skeleton, { className: "h-6 w-32" }), /* @__PURE__ */ React19__default.default.createElement(Skeleton, { className: "h-4 w-48" })), /* @__PURE__ */ React19__default.default.createElement(Skeleton, { className: "h-6 w-20 rounded-full" })), /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React19__default.default.createElement(Skeleton, { className: "h-4 w-full" }), /* @__PURE__ */ React19__default.default.createElement(Skeleton, { className: "h-4 w-2/3" })));
+  return /* @__PURE__ */ React20__default.default.createElement("div", { className: "bg-white rounded-2xl p-6 shadow-sm" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex justify-between items-start mb-4" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-2 flex-1" }, /* @__PURE__ */ React20__default.default.createElement(Skeleton, { className: "h-6 w-32" }), /* @__PURE__ */ React20__default.default.createElement(Skeleton, { className: "h-4 w-48" })), /* @__PURE__ */ React20__default.default.createElement(Skeleton, { className: "h-6 w-20 rounded-full" })), /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React20__default.default.createElement(Skeleton, { className: "h-4 w-full" }), /* @__PURE__ */ React20__default.default.createElement(Skeleton, { className: "h-4 w-2/3" })));
 }
 var MotionDiv = dynamic__default.default(() => import('framer-motion').then((mod) => mod.motion.div), {
   ssr: false
@@ -7182,14 +7200,14 @@ function Button({
     md: "px-6 py-3 text-base",
     lg: "px-8 py-4 text-lg"
   };
-  return /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React20__default.default.createElement(
     MotionDiv,
     {
       whileHover: { scale: 1.02 },
       whileTap: { scale: 0.98 },
       className: "inline-block"
     },
-    /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement(
       "button",
       {
         className: `${baseStyles} ${variants[variant]} ${sizes[size]} ${className}`,
@@ -7198,18 +7216,18 @@ function Button({
         "aria-busy": isLoading,
         ...props
       },
-      isLoading ? /* @__PURE__ */ React19__default.default.createElement(React19__default.default.Fragment, null, /* @__PURE__ */ React19__default.default.createElement("svg", { className: "animate-spin h-5 w-5", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true" }, /* @__PURE__ */ React19__default.default.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), /* @__PURE__ */ React19__default.default.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })), "Loading...") : children
+      isLoading ? /* @__PURE__ */ React20__default.default.createElement(React20__default.default.Fragment, null, /* @__PURE__ */ React20__default.default.createElement("svg", { className: "animate-spin h-5 w-5", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true" }, /* @__PURE__ */ React20__default.default.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), /* @__PURE__ */ React20__default.default.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })), "Loading...") : children
     )
   );
 }
 
 // src/components/EmptyState.tsx
 function EmptyState({ icon: Icon, title, description, actionLabel, onAction }) {
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-col items-center justify-center py-16 px-4" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "w-24 h-24 bg-gray-100 rounded-full flex items-center justify-center mb-6" }, /* @__PURE__ */ React19__default.default.createElement(Icon, { className: "w-12 h-12 text-gray-400" })), /* @__PURE__ */ React19__default.default.createElement("h3", { className: "text-2xl font-bold text-gray-900 mb-2" }, title), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-gray-600 text-center max-w-md mb-8" }, description), actionLabel && onAction && /* @__PURE__ */ React19__default.default.createElement(Button, { onClick: onAction }, actionLabel));
+  return /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-col items-center justify-center py-16 px-4" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "w-24 h-24 bg-gray-100 rounded-full flex items-center justify-center mb-6" }, /* @__PURE__ */ React20__default.default.createElement(Icon, { className: "w-12 h-12 text-gray-400" })), /* @__PURE__ */ React20__default.default.createElement("h3", { className: "text-2xl font-bold text-gray-900 mb-2" }, title), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-gray-600 text-center max-w-md mb-8" }, description), actionLabel && onAction && /* @__PURE__ */ React20__default.default.createElement(Button, { onClick: onAction }, actionLabel));
 }
-var Input = React19.forwardRef(
+var Input = React20.forwardRef(
   ({ label, error, helperText, className = "", ...props }, ref) => {
-    return /* @__PURE__ */ React19__default.default.createElement("div", { className: "w-full" }, label && /* @__PURE__ */ React19__default.default.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, label), /* @__PURE__ */ React19__default.default.createElement(
+    return /* @__PURE__ */ React20__default.default.createElement("div", { className: "w-full" }, label && /* @__PURE__ */ React20__default.default.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, label), /* @__PURE__ */ React20__default.default.createElement(
       "input",
       {
         ref,
@@ -7223,21 +7241,21 @@ var Input = React19.forwardRef(
           `,
         ...props
       }
-    ), error && /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-2 text-sm text-red-600" }, error), helperText && !error && /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-2 text-sm text-gray-500" }, helperText));
+    ), error && /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-2 text-sm text-red-600" }, error), helperText && !error && /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-2 text-sm text-gray-500" }, helperText));
   }
 );
 Input.displayName = "Input";
 function useProducts(filters, page = 1, limit = 20) {
-  const [products, setProducts] = React19.useState([]);
-  const [isLoading, setIsLoading] = React19.useState(true);
-  const [error, setError] = React19.useState(null);
-  const [pagination, setPagination] = React19.useState({
+  const [products, setProducts] = React20.useState([]);
+  const [isLoading, setIsLoading] = React20.useState(true);
+  const [error, setError] = React20.useState(null);
+  const [pagination, setPagination] = React20.useState({
     page: 1,
     limit: 20,
     total: 0,
     totalPages: 0
   });
-  const fetchProducts = React19.useCallback(async () => {
+  const fetchProducts = React20.useCallback(async () => {
     setIsLoading(true);
     setError(null);
     try {
@@ -7293,16 +7311,16 @@ function useProducts(filters, page = 1, limit = 20) {
     }
     setIsLoading(false);
   }, [filters, page, limit]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     fetchProducts();
   }, [fetchProducts]);
   return { products, isLoading, error, pagination };
 }
 function useProduct(id) {
-  const [product, setProduct] = React19.useState(null);
-  const [isLoading, setIsLoading] = React19.useState(true);
-  const [error, setError] = React19.useState(null);
-  React19.useEffect(() => {
+  const [product, setProduct] = React20.useState(null);
+  const [isLoading, setIsLoading] = React20.useState(true);
+  const [error, setError] = React20.useState(null);
+  React20.useEffect(() => {
     const fetchProduct = async () => {
       setIsLoading(true);
       setError(null);
@@ -7319,10 +7337,10 @@ function useProduct(id) {
   return { product, isLoading, error };
 }
 function useCategories() {
-  const [categories, setCategories] = React19.useState([]);
-  const [isLoading, setIsLoading] = React19.useState(true);
-  const [error, setError] = React19.useState(null);
-  React19.useEffect(() => {
+  const [categories, setCategories] = React20.useState([]);
+  const [isLoading, setIsLoading] = React20.useState(true);
+  const [error, setError] = React20.useState(null);
+  React20.useEffect(() => {
     const fetchCategories = async () => {
       try {
         setIsLoading(true);
@@ -7343,19 +7361,20 @@ function useCategories() {
 // src/screens/ShopScreen.tsx
 function ShopScreen({ initialFilters = {}, categoryName }) {
   const router = navigation.useRouter();
-  const [filters, setFilters] = React19.useState(initialFilters);
-  const [page, setPage] = React19.useState(1);
-  const [showFilters, setShowFilters] = React19.useState(false);
-  const [searchQuery, setSearchQuery] = React19.useState("");
-  const [isSearching, setIsSearching] = React19.useState(false);
-  const [sortOption, setSortOption] = React19.useState("featured");
-  const [viewMode, setViewMode] = React19.useState("grid");
-  const [selectedPriceRange, setSelectedPriceRange] = React19.useState(null);
-  const [customPrice, setCustomPrice] = React19.useState({
+  const { buildPath } = useBasePath();
+  const [filters, setFilters] = React20.useState(initialFilters);
+  const [page, setPage] = React20.useState(1);
+  const [showFilters, setShowFilters] = React20.useState(false);
+  const [searchQuery, setSearchQuery] = React20.useState("");
+  const [isSearching, setIsSearching] = React20.useState(false);
+  const [sortOption, setSortOption] = React20.useState("featured");
+  const [viewMode, setViewMode] = React20.useState("grid");
+  const [selectedPriceRange, setSelectedPriceRange] = React20.useState(null);
+  const [customPrice, setCustomPrice] = React20.useState({
     min: "",
     max: ""
   });
-  const [expandedCategories, setExpandedCategories] = React19.useState({});
+  const [expandedCategories, setExpandedCategories] = React20.useState({});
   const { products, isLoading, pagination } = useProducts(filters, page, 20);
   const { categories } = useCategories();
   const handleSearch = (e) => {
@@ -7375,7 +7394,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       router.push(`/search?q=${encodeURIComponent(searchQuery.trim())}`);
     }
   };
-  const priceRanges = React19.useMemo(
+  const priceRanges = React20.useMemo(
     () => [
       { label: `Under ${formatPrice(25)}`, value: "under-25", min: void 0, max: 25 },
       { label: `${formatPrice(25)} - ${formatPrice(50)}`, value: "25-50", min: 25, max: 50 },
@@ -7384,13 +7403,13 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     ],
     []
   );
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     setCustomPrice({
       min: filters.minPrice !== void 0 ? String(filters.minPrice) : "",
       max: filters.maxPrice !== void 0 ? String(filters.maxPrice) : ""
     });
   }, [filters.minPrice, filters.maxPrice]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     const updates = {};
     if (filters.category) updates[filters.category] = true;
     if (filters.subCategory) {
@@ -7403,18 +7422,18 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       setExpandedCategories((prev) => ({ ...prev, ...updates }));
     }
   }, [filters.category, filters.subCategory, categories]);
-  const toggleCategoryExpand = React19.useCallback((id) => {
+  const toggleCategoryExpand = React20.useCallback((id) => {
     setExpandedCategories((prev) => ({ ...prev, [id]: !prev[id] }));
   }, []);
-  const sortedCategories = React19.useMemo(
+  const sortedCategories = React20.useMemo(
     () => [...categories].sort((a, b) => a.name?.localeCompare(b.name ?? "") ?? 0),
     [categories]
   );
-  const topCategories = React19.useMemo(
+  const topCategories = React20.useMemo(
     () => [...categories].sort((a, b) => (b.productCount ?? 0) - (a.productCount ?? 0)).slice(0, 6),
     [categories]
   );
-  const productInsights = React19.useMemo(() => {
+  const productInsights = React20.useMemo(() => {
     if (!products.length) {
       return { newArrivals: 0, inStockCount: 0 };
     }
@@ -7427,7 +7446,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     });
     return { newArrivals: newArrivals2, inStockCount };
   }, [products]);
-  const insightCards = React19.useMemo(
+  const insightCards = React20.useMemo(
     () => [
       {
         id: "new",
@@ -7460,7 +7479,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       filters.newArrivals
     ]
   );
-  const filteredProducts = React19.useMemo(() => {
+  const filteredProducts = React20.useMemo(() => {
     if (isLoading) return products;
     let items = [...products];
     if (filters.tags?.length) {
@@ -7472,7 +7491,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     }
     return items;
   }, [isLoading, products, filters.tags, filters.newArrivals]);
-  const sortedProducts = React19.useMemo(() => {
+  const sortedProducts = React20.useMemo(() => {
     if (isLoading) {
       return filteredProducts;
     }
@@ -7491,14 +7510,14 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     }
   }, [isLoading, filteredProducts, sortOption]);
   const displayedProducts = sortedProducts;
-  const quickSearches = React19.useMemo(() => {
+  const quickSearches = React20.useMemo(() => {
     const counts = /* @__PURE__ */ new Map();
     products.forEach((p) => {
       (p.tags || []).forEach((t) => counts.set(t, (counts.get(t) || 0) + 1));
     });
     return Array.from(counts.entries()).sort((a, b) => b[1] - a[1]).slice(0, 4).map(([tag]) => tag);
   }, [products]);
-  const handleQuickSearch = React19.useCallback((term) => {
+  const handleQuickSearch = React20.useCallback((term) => {
     setSearchQuery("");
     setFilters((current) => ({
       ...current,
@@ -7507,7 +7526,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     }));
     setPage(1);
   }, []);
-  const handleCategoryChange = React19.useCallback(
+  const handleCategoryChange = React20.useCallback(
     (categorySlug) => {
       setFilters((current) => {
         if (current.category === categorySlug) {
@@ -7524,7 +7543,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     },
     []
   );
-  const handleSubCategoryChange = React19.useCallback((parentCategoryId, subCategoryId) => {
+  const handleSubCategoryChange = React20.useCallback((parentCategoryId, subCategoryId) => {
     setFilters((current) => {
       if (current.subCategory === subCategoryId) {
         const { subCategory, ...rest } = current;
@@ -7534,7 +7553,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     });
     setPage(1);
   }, []);
-  const handleToggleStock = React19.useCallback(() => {
+  const handleToggleStock = React20.useCallback(() => {
     setFilters((current) => {
       if (current.inStock) {
         const { inStock, ...rest } = current;
@@ -7544,7 +7563,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     });
     setPage(1);
   }, []);
-  const handleToggleNewArrivals = React19.useCallback(() => {
+  const handleToggleNewArrivals = React20.useCallback(() => {
     setFilters((current) => {
       if (current.newArrivals) {
         const { newArrivals: newArrivals2, ...rest } = current;
@@ -7554,21 +7573,21 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     });
     setPage(1);
   }, []);
-  const handleClearFilters = React19.useCallback(() => {
+  const handleClearFilters = React20.useCallback(() => {
     setFilters({});
     setSearchQuery("");
     setSelectedPriceRange(null);
     setCustomPrice({ min: "", max: "" });
     setPage(1);
   }, []);
-  const handleRemoveCategory = React19.useCallback(() => {
+  const handleRemoveCategory = React20.useCallback(() => {
     setFilters((current) => {
       const { category, subCategory, ...rest } = current;
       return rest;
     });
     setPage(1);
   }, []);
-  const handleRemoveSubCategory = React19.useCallback(() => {
+  const handleRemoveSubCategory = React20.useCallback(() => {
     setFilters((current) => {
       const next = { ...current };
       delete next.subCategory;
@@ -7576,7 +7595,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     });
     setPage(1);
   }, []);
-  const handleRemoveSearch = React19.useCallback(() => {
+  const handleRemoveSearch = React20.useCallback(() => {
     setFilters((current) => {
       const { search, ...rest } = current;
       return rest;
@@ -7584,14 +7603,14 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     setSearchQuery("");
     setPage(1);
   }, []);
-  const handleRemoveInStock = React19.useCallback(() => {
+  const handleRemoveInStock = React20.useCallback(() => {
     setFilters((current) => {
       const { inStock, ...rest } = current;
       return rest;
     });
     setPage(1);
   }, []);
-  const handleRemovePrice = React19.useCallback(() => {
+  const handleRemovePrice = React20.useCallback(() => {
     setFilters((current) => {
       const next = { ...current };
       delete next.minPrice;
@@ -7602,7 +7621,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     setCustomPrice({ min: "", max: "" });
     setPage(1);
   }, []);
-  const handleRemoveTag = React19.useCallback((tag) => {
+  const handleRemoveTag = React20.useCallback((tag) => {
     setFilters((current) => {
       if (!current.tags) return current;
       const updated = current.tags.filter((item) => item !== tag);
@@ -7616,7 +7635,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     });
     setPage(1);
   }, []);
-  const handlePriceRangeSelect = React19.useCallback(
+  const handlePriceRangeSelect = React20.useCallback(
     (value) => {
       const range = priceRanges.find((item) => item.value === value);
       if (selectedPriceRange === value) {
@@ -7655,7 +7674,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     },
     [priceRanges, selectedPriceRange]
   );
-  const applyCustomPrice = React19.useCallback(() => {
+  const applyCustomPrice = React20.useCallback(() => {
     const rawMin = customPrice.min.trim();
     const rawMax = customPrice.max.trim();
     const minValue = rawMin !== "" ? Number(rawMin) : void 0;
@@ -7692,7 +7711,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     tags,
     newArrivals
   } = filters;
-  const activeFilterChips = React19.useMemo(() => {
+  const activeFilterChips = React20.useMemo(() => {
     const chips = [];
     if (searchFilter) {
       chips.push({
@@ -7784,7 +7803,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
   ]);
   const hasActiveFilters = activeFilterChips.length > 0;
   const isCustomPriceDirty = customPrice.min.trim() !== "" || customPrice.max.trim() !== "";
-  const renderFiltersPanel = () => /* @__PURE__ */ React19__default.default.createElement(React19__default.default.Fragment, null, /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-8" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-8" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-start justify-between gap-3" }, /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement("h3", { className: "text-lg font-semibold text-gray-900" }, "Refine results"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-1 text-sm text-gray-500" }, "Filter by category, price, and availability to find the perfect fit faster.")), hasActiveFilters && /* @__PURE__ */ React19__default.default.createElement(
+  const renderFiltersPanel = () => /* @__PURE__ */ React20__default.default.createElement(React20__default.default.Fragment, null, /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-8" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-8" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-start justify-between gap-3" }, /* @__PURE__ */ React20__default.default.createElement("div", null, /* @__PURE__ */ React20__default.default.createElement("h3", { className: "text-lg font-semibold text-gray-900" }, "Refine results"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-1 text-sm text-gray-500" }, "Filter by category, price, and availability to find the perfect fit faster.")), hasActiveFilters && /* @__PURE__ */ React20__default.default.createElement(
     "button",
     {
       type: "button",
@@ -7792,10 +7811,10 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       className: "text-sm font-semibold text-primary-600 hover:text-primary-700"
     },
     "Clear all"
-  )), /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React19__default.default.createElement("h4", { className: "text-xs font-semibold uppercase tracking-[0.2em] text-gray-500" }, "Categories"), /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-2" }, sortedCategories.length === 0 && /* @__PURE__ */ React19__default.default.createElement("span", { className: "text-sm text-gray-500" }, "No categories available yet."), sortedCategories.map((category) => {
+  )), /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React20__default.default.createElement("h4", { className: "text-xs font-semibold uppercase tracking-[0.2em] text-gray-500" }, "Categories"), /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-2" }, sortedCategories.length === 0 && /* @__PURE__ */ React20__default.default.createElement("span", { className: "text-sm text-gray-500" }, "No categories available yet."), sortedCategories.map((category) => {
     const isCategoryActive = categoryFilter === category.id;
     const isExpanded = !!expandedCategories[category.id];
-    return /* @__PURE__ */ React19__default.default.createElement("div", { key: category.id, className: "rounded-xl  border-gray-100 bg-white/50" }, /* @__PURE__ */ React19__default.default.createElement(
+    return /* @__PURE__ */ React20__default.default.createElement("div", { key: category.id, className: "rounded-xl  border-gray-100 bg-white/50" }, /* @__PURE__ */ React20__default.default.createElement(
       "div",
       {
         role: "button",
@@ -7806,8 +7825,8 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
         },
         className: `flex w-full items-center justify-between rounded-xl px-3 py-2 text-sm font-medium transition ${isCategoryActive ? "text-primary-700 bg-primary-50" : "text-gray-700 hover:text-primary-700 hover:bg-primary-50/50"}`
       },
-      /* @__PURE__ */ React19__default.default.createElement("span", { className: "flex items-center gap-2" }, /* @__PURE__ */ React19__default.default.createElement("span", { className: "font-medium" }, category.name), category.productCount > 0 && /* @__PURE__ */ React19__default.default.createElement("span", { className: `ml-1 rounded-full bg-gray-100 px-2 py-0.5 text-xs ${isCategoryActive ? "text-primary-700" : "text-gray-500"}` }, category.productCount)),
-      /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement("span", { className: "flex items-center gap-2" }, /* @__PURE__ */ React20__default.default.createElement("span", { className: "font-medium" }, category.name), category.productCount > 0 && /* @__PURE__ */ React20__default.default.createElement("span", { className: `ml-1 rounded-full bg-gray-100 px-2 py-0.5 text-xs ${isCategoryActive ? "text-primary-700" : "text-gray-500"}` }, category.productCount)),
+      /* @__PURE__ */ React20__default.default.createElement(
         "button",
         {
           type: "button",
@@ -7819,11 +7838,11 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
           className: "rounded-md p-1 hover:bg-gray-100",
           "aria-label": isExpanded ? "Collapse" : "Expand"
         },
-        /* @__PURE__ */ React19__default.default.createElement(lucideReact.ChevronDown, { className: `h-4 w-4 transition-transform ${isExpanded ? "rotate-180 text-primary-600" : "rotate-0 text-gray-400"}` })
+        /* @__PURE__ */ React20__default.default.createElement(lucideReact.ChevronDown, { className: `h-4 w-4 transition-transform ${isExpanded ? "rotate-180 text-primary-600" : "rotate-0 text-gray-400"}` })
       )
-    ), isExpanded && Array.isArray(category.categorySubCategories) && category.categorySubCategories.length > 0 && /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-1  border-gray-100 px-2 pb-2 pl-4" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "divide-y divide-gray-100" }, category.categorySubCategories.map((sub) => {
+    ), isExpanded && Array.isArray(category.categorySubCategories) && category.categorySubCategories.length > 0 && /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-1  border-gray-100 px-2 pb-2 pl-4" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "divide-y divide-gray-100" }, category.categorySubCategories.map((sub) => {
       const isSubActive = subCategoryFilter === sub.id;
-      return /* @__PURE__ */ React19__default.default.createElement(
+      return /* @__PURE__ */ React20__default.default.createElement(
         "button",
         {
           key: sub.id,
@@ -7834,9 +7853,9 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
         sub.name
       );
     }))));
-  }))))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React19__default.default.createElement("h4", { className: "text-xs font-semibold uppercase tracking-[0.2em] text-gray-500" }, "Price"), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-wrap gap-2" }, priceRanges.map((range) => {
+  }))))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React20__default.default.createElement("h4", { className: "text-xs font-semibold uppercase tracking-[0.2em] text-gray-500" }, "Price"), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-wrap gap-2" }, priceRanges.map((range) => {
     const isActive = selectedPriceRange === range.value;
-    return /* @__PURE__ */ React19__default.default.createElement(
+    return /* @__PURE__ */ React20__default.default.createElement(
       "button",
       {
         type: "button",
@@ -7846,7 +7865,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       },
       range.label
     );
-  })), /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid grid-cols-2 gap-3" }, /* @__PURE__ */ React19__default.default.createElement(
+  })), /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid grid-cols-2 gap-3" }, /* @__PURE__ */ React20__default.default.createElement(
     Input,
     {
       type: "number",
@@ -7855,7 +7874,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       value: customPrice.min,
       onChange: (event) => setCustomPrice((current) => ({ ...current, min: event.target.value }))
     }
-  ), /* @__PURE__ */ React19__default.default.createElement(
+  ), /* @__PURE__ */ React20__default.default.createElement(
     Input,
     {
       type: "number",
@@ -7864,7 +7883,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       value: customPrice.max,
       onChange: (event) => setCustomPrice((current) => ({ ...current, max: event.target.value }))
     }
-  )), /* @__PURE__ */ React19__default.default.createElement(
+  )), /* @__PURE__ */ React20__default.default.createElement(
     "button",
     {
       type: "button",
@@ -7873,48 +7892,48 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       className: "w-full rounded-xl border border-primary-500 bg-primary-500/10 px-4 py-2.5 text-sm font-semibold text-primary-700 transition hover:bg-primary-500/20 disabled:cursor-not-allowed disabled:border-gray-200 disabled:text-gray-400"
     },
     "Apply price range"
-  )), /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React19__default.default.createElement("h4", { className: "text-xs font-semibold uppercase tracking-[0.2em] text-gray-500" }, "Availability"), /* @__PURE__ */ React19__default.default.createElement(
+  )), /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React20__default.default.createElement("h4", { className: "text-xs font-semibold uppercase tracking-[0.2em] text-gray-500" }, "Availability"), /* @__PURE__ */ React20__default.default.createElement(
     "button",
     {
       type: "button",
       onClick: handleToggleStock,
       className: `flex w-full items-center justify-between rounded-xl border px-4 py-3 text-sm font-medium transition ${inStockOnly ? "border-primary-500 bg-primary-50 text-primary-700" : "border-gray-200 bg-white text-gray-600 hover:border-primary-300 hover:text-primary-600"}`
     },
-    /* @__PURE__ */ React19__default.default.createElement("span", null, "In stock only"),
-    /* @__PURE__ */ React19__default.default.createElement(lucideReact.Sparkles, { className: "h-4 w-4 text-primary-500" })
-  ), /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("span", null, "In stock only"),
+    /* @__PURE__ */ React20__default.default.createElement(lucideReact.Sparkles, { className: "h-4 w-4 text-primary-500" })
+  ), /* @__PURE__ */ React20__default.default.createElement(
     "button",
     {
       type: "button",
       onClick: handleToggleNewArrivals,
       className: `mt-2 flex w-full items-center justify-between rounded-xl border px-4 py-3 text-sm font-medium transition ${newArrivals ? "border-secondary-500 bg-secondary-50 text-secondary-700" : "border-gray-200 bg-white text-gray-600 hover:border-secondary-300 hover:text-secondary-600"}`
     },
-    /* @__PURE__ */ React19__default.default.createElement("span", null, "New arrivals (last 30 days)"),
-    /* @__PURE__ */ React19__default.default.createElement(lucideReact.Sparkles, { className: "h-4 w-4 text-secondary-500" })
+    /* @__PURE__ */ React20__default.default.createElement("span", null, "New arrivals (last 30 days)"),
+    /* @__PURE__ */ React20__default.default.createElement(lucideReact.Sparkles, { className: "h-4 w-4 text-secondary-500" })
   ))));
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19__default.default.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white" }, /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React20__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20__default.default.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white" }, /* @__PURE__ */ React20__default.default.createElement(
     "div",
     {
       className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]",
       "aria-hidden": "true"
     }
-  ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_bottom_right,_rgba(94,234,212,0.35),_transparent_55%)] opacity-60" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative container mx-auto px-4 py-24" }, /* @__PURE__ */ React19__default.default.createElement(
+  ), /* @__PURE__ */ React20__default.default.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_bottom_right,_rgba(94,234,212,0.35),_transparent_55%)] opacity-60" }), /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative container mx-auto px-4 py-24" }, /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "max-w-3xl space-y-8 text-center md:mx-auto md:text-left"
     },
-    /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/10 px-4 py-2 text-sm font-semibold tracking-wide text-white/80 backdrop-blur" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Sparkles, { className: "h-4 w-4" }), "Wellness products, curated for you"),
-    /* @__PURE__ */ React19__default.default.createElement("h1", { className: "text-4xl font-bold leading-tight md:text-6xl" }, "Find pharmacy favorites crafted to keep your family thriving"),
-    /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-lg text-white/80 md:text-xl" }, "Explore a modern storefront with real-time inventory, smart filters, and rich product details designed to make healthier choices easier."),
-    /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/10 px-4 py-2 text-sm font-semibold tracking-wide text-white/80 backdrop-blur" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Sparkles, { className: "h-4 w-4" }), "Wellness products, curated for you"),
+    /* @__PURE__ */ React20__default.default.createElement("h1", { className: "text-4xl font-bold leading-tight md:text-6xl" }, "Find pharmacy favorites crafted to keep your family thriving"),
+    /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-lg text-white/80 md:text-xl" }, "Explore a modern storefront with real-time inventory, smart filters, and rich product details designed to make healthier choices easier."),
+    /* @__PURE__ */ React20__default.default.createElement(
       "form",
       {
         onSubmit: handleSearch,
         className: "mx-auto max-w-2xl md:mx-0"
       },
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React20__default.default.createElement(
         "input",
         {
           type: "search",
@@ -7925,17 +7944,17 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
           className: "flex h-12 w-full rounded-xl border border-white/20 bg-white/10 px-4 py-2 pr-14 text-lg text-white placeholder-white/60 shadow-2xl shadow-primary-900/20 backdrop-blur focus:border-white/30 focus:outline-none focus:ring-2 focus:ring-white/20 disabled:opacity-50",
           disabled: isSearching
         }
-      ), /* @__PURE__ */ React19__default.default.createElement(
+      ), /* @__PURE__ */ React20__default.default.createElement(
         "button",
         {
           type: "submit",
           className: "absolute right-2 top-1/2 -translate-y-1/2 rounded-xl bg-white/20 p-3 text-white transition hover:bg-white/30 disabled:opacity-50",
           disabled: !searchQuery.trim() || isSearching
         },
-        isSearching ? /* @__PURE__ */ React19__default.default.createElement("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-white border-t-transparent" }) : /* @__PURE__ */ React19__default.default.createElement(lucideReact.Search, { className: "h-5 w-5" })
+        isSearching ? /* @__PURE__ */ React20__default.default.createElement("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-white border-t-transparent" }) : /* @__PURE__ */ React20__default.default.createElement(lucideReact.Search, { className: "h-5 w-5" })
       ))
     )
-  ), /* @__PURE__ */ React19__default.default.createElement(
+  ), /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 24 },
@@ -7943,7 +7962,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       transition: { delay: 0.15 },
       className: "mt-12 flex flex-col gap-6 rounded-3xl border border-white/20 bg-white/10 p-6 backdrop-blur md:flex-row md:items-center md:justify-between"
     },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.3em] text-white/60" }, "Explore popular searches"), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-wrap gap-2" }, quickSearches.map((term) => /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.3em] text-white/60" }, "Explore popular searches"), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-wrap gap-2" }, quickSearches.map((term) => /* @__PURE__ */ React20__default.default.createElement(
       "button",
       {
         key: term,
@@ -7953,7 +7972,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       },
       term
     )))),
-    topCategories.length > 0 && /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-3 md:text-right" }, /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.3em] text-white/60" }, "Trending categories"), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-wrap justify-start gap-2 md:justify-end" }, topCategories.map((category) => /* @__PURE__ */ React19__default.default.createElement(
+    topCategories.length > 0 && /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-3 md:text-right" }, /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.3em] text-white/60" }, "Trending categories"), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-wrap justify-start gap-2 md:justify-end" }, topCategories.map((category) => /* @__PURE__ */ React20__default.default.createElement(
       "button",
       {
         key: category.id,
@@ -7963,9 +7982,9 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       },
       category.name
     ))))
-  ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-10 grid gap-4 md:grid-cols-3" }, insightCards.map((card, index) => {
+  ), /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-10 grid gap-4 md:grid-cols-3" }, insightCards.map((card, index) => {
     const Icon = card.icon;
-    return /* @__PURE__ */ React19__default.default.createElement(
+    return /* @__PURE__ */ React20__default.default.createElement(
       framerMotion.motion.div,
       {
         key: card.id,
@@ -7978,10 +7997,10 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
         "aria-pressed": card.id === "new" ? newArrivals ? "true" : "false" : void 0,
         title: card.id === "new" ? newArrivals ? "Filter active: showing products from the last 30 days" : "Click to filter products from the last 30 days" : void 0
       },
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.3em] text-white/60" }, card.label), /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-2 text-3xl font-semibold text-white" }, card.value)), /* @__PURE__ */ React19__default.default.createElement("span", { className: "rounded-full bg-white/20 p-3 text-white" }, /* @__PURE__ */ React19__default.default.createElement(Icon, { className: "h-5 w-5" }))),
-      /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-3 text-sm text-white/70" }, card.helper)
+      /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20__default.default.createElement("div", null, /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.3em] text-white/60" }, card.label), /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-2 text-3xl font-semibold text-white" }, card.value)), /* @__PURE__ */ React20__default.default.createElement("span", { className: "rounded-full bg-white/20 p-3 text-white" }, /* @__PURE__ */ React20__default.default.createElement(Icon, { className: "h-5 w-5" }))),
+      /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-3 text-sm text-white/70" }, card.helper)
     );
-  })))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative z-10 -mt-12 pb-16" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-col gap-8 lg:flex-row" }, /* @__PURE__ */ React19__default.default.createElement("aside", { className: "hidden w-72 flex-shrink-0 lg:block" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "sticky top-24 rounded-3xl border border-gray-100 bg-white p-6 shadow-xl shadow-gray-200/40" }, renderFiltersPanel())), /* @__PURE__ */ React19__default.default.createElement("main", { className: "flex-1 space-y-6" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-3xl border border-gray-100 bg-white p-6 shadow-sm" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-col gap-6 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement("h2", { className: "text-2xl font-bold text-gray-900" }, "All products"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-1 text-sm text-gray-500" }, "Browse a pharmacy-grade catalogue with smart merchandising and modern UI.")), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-col gap-3 md:flex-row md:items-center" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.ArrowUpDown, { className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), /* @__PURE__ */ React19__default.default.createElement(
+  })))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative z-10 -mt-12 pb-16" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-col gap-8 lg:flex-row" }, /* @__PURE__ */ React20__default.default.createElement("aside", { className: "hidden w-72 flex-shrink-0 lg:block" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "sticky top-24 rounded-3xl border border-gray-100 bg-white p-6 shadow-xl shadow-gray-200/40" }, renderFiltersPanel())), /* @__PURE__ */ React20__default.default.createElement("main", { className: "flex-1 space-y-6" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-3xl border border-gray-100 bg-white p-6 shadow-sm" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-col gap-6 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React20__default.default.createElement("div", null, /* @__PURE__ */ React20__default.default.createElement("h2", { className: "text-2xl font-bold text-gray-900" }, "All products"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-1 text-sm text-gray-500" }, "Browse a pharmacy-grade catalogue with smart merchandising and modern UI.")), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-col gap-3 md:flex-row md:items-center" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.ArrowUpDown, { className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), /* @__PURE__ */ React20__default.default.createElement(
     "select",
     {
       value: sortOption,
@@ -7990,11 +8009,11 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       },
       className: "appearance-none rounded-xl border border-gray-200 bg-white py-2.5 pl-10 pr-9 text-sm font-medium text-gray-700 shadow-sm transition focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-primary-500/30"
     },
-    /* @__PURE__ */ React19__default.default.createElement("option", { value: "featured" }, "Featured products"),
-    /* @__PURE__ */ React19__default.default.createElement("option", { value: "price-low-high" }, "Price: low to high"),
-    /* @__PURE__ */ React19__default.default.createElement("option", { value: "price-high-low" }, "Price: high to low"),
-    /* @__PURE__ */ React19__default.default.createElement("option", { value: "newest" }, "Newest arrivals")
-  ), /* @__PURE__ */ React19__default.default.createElement(lucideReact.ChevronDown, { className: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" })), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center rounded-xl border border-gray-200 bg-white shadow-sm" }, /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("option", { value: "featured" }, "Featured products"),
+    /* @__PURE__ */ React20__default.default.createElement("option", { value: "price-low-high" }, "Price: low to high"),
+    /* @__PURE__ */ React20__default.default.createElement("option", { value: "price-high-low" }, "Price: high to low"),
+    /* @__PURE__ */ React20__default.default.createElement("option", { value: "newest" }, "Newest arrivals")
+  ), /* @__PURE__ */ React20__default.default.createElement(lucideReact.ChevronDown, { className: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" })), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center rounded-xl border border-gray-200 bg-white shadow-sm" }, /* @__PURE__ */ React20__default.default.createElement(
     "button",
     {
       type: "button",
@@ -8002,9 +8021,9 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       className: `flex items-center gap-2 rounded-l-xl px-4 py-2 text-sm font-medium transition ${viewMode === "grid" ? "bg-primary-50 text-primary-600" : "text-gray-500 hover:text-gray-700"}`,
       "aria-pressed": viewMode === "grid"
     },
-    /* @__PURE__ */ React19__default.default.createElement(lucideReact.LayoutGrid, { className: "h-4 w-4" }),
+    /* @__PURE__ */ React20__default.default.createElement(lucideReact.LayoutGrid, { className: "h-4 w-4" }),
     "Grid"
-  ), /* @__PURE__ */ React19__default.default.createElement(
+  ), /* @__PURE__ */ React20__default.default.createElement(
     "button",
     {
       type: "button",
@@ -8012,19 +8031,19 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       className: `flex items-center gap-2 rounded-r-xl px-4 py-2 text-sm font-medium transition ${viewMode === "list" ? "bg-primary-50 text-primary-600" : "text-gray-500 hover:text-gray-700"}`,
       "aria-pressed": viewMode === "list"
     },
-    /* @__PURE__ */ React19__default.default.createElement(lucideReact.LayoutList, { className: "h-4 w-4" }),
+    /* @__PURE__ */ React20__default.default.createElement(lucideReact.LayoutList, { className: "h-4 w-4" }),
     "List"
-  )))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-4 md:hidden" }, /* @__PURE__ */ React19__default.default.createElement(
+  )))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-4 md:hidden" }, /* @__PURE__ */ React20__default.default.createElement(
     Button,
     {
       variant: "outline",
       className: "w-full",
       onClick: () => setShowFilters(true)
     },
-    /* @__PURE__ */ React19__default.default.createElement(lucideReact.SlidersHorizontal, { className: "h-5 w-5" }),
+    /* @__PURE__ */ React20__default.default.createElement(lucideReact.SlidersHorizontal, { className: "h-5 w-5" }),
     "Filters",
-    hasActiveFilters && /* @__PURE__ */ React19__default.default.createElement("span", { className: "ml-2 rounded-full bg-primary-600 px-2 py-0.5 text-xs font-semibold text-white" }, activeFilterChips.length)
-  )), hasActiveFilters && /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-6 flex flex-wrap items-center gap-2 border-t border-gray-100 pt-4" }, activeFilterChips.map((chip) => /* @__PURE__ */ React19__default.default.createElement(
+    hasActiveFilters && /* @__PURE__ */ React20__default.default.createElement("span", { className: "ml-2 rounded-full bg-primary-600 px-2 py-0.5 text-xs font-semibold text-white" }, activeFilterChips.length)
+  )), hasActiveFilters && /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-6 flex flex-wrap items-center gap-2 border-t border-gray-100 pt-4" }, activeFilterChips.map((chip) => /* @__PURE__ */ React20__default.default.createElement(
     "button",
     {
       key: chip.key,
@@ -8033,8 +8052,8 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       className: "group flex items-center gap-2 rounded-full bg-primary-50 px-3 py-1.5 text-sm font-medium text-primary-700 transition hover:bg-primary-100"
     },
     chip.label,
-    /* @__PURE__ */ React19__default.default.createElement(lucideReact.X, { className: "h-4 w-4 text-primary-500 group-hover:text-primary-700" })
-  )), /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement(lucideReact.X, { className: "h-4 w-4 text-primary-500 group-hover:text-primary-700" })
+  )), /* @__PURE__ */ React20__default.default.createElement(
     "button",
     {
       type: "button",
@@ -8042,28 +8061,28 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       className: "text-sm font-semibold text-gray-500 hover:text-gray-700"
     },
     "Reset all"
-  ))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-3xl border border-gray-100 bg-white p-6 shadow-sm" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-col gap-3 text-sm text-gray-600 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React19__default.default.createElement("span", null, isLoading ? "Loading products..." : `Showing ${displayedProducts.length} of ${pagination.total || displayedProducts.length} products`), /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-2 text-gray-400" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Clock, { className: "h-4 w-4" }), "Updated a moment ago")), /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-6" }, isLoading ? /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 xl:grid-cols-3" }, Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ React19__default.default.createElement(ProductCardSkeleton, { key: index }))) : displayedProducts.length > 0 ? viewMode === "grid" ? /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 xl:grid-cols-3" }, displayedProducts.map((product) => /* @__PURE__ */ React19__default.default.createElement("div", { key: product.id, className: "h-full" }, /* @__PURE__ */ React19__default.default.createElement(
+  ))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-3xl border border-gray-100 bg-white p-6 shadow-sm" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-col gap-3 text-sm text-gray-600 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React20__default.default.createElement("span", null, isLoading ? "Loading products..." : `Showing ${displayedProducts.length} of ${pagination.total || displayedProducts.length} products`), /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-2 text-gray-400" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Clock, { className: "h-4 w-4" }), "Updated a moment ago")), /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-6" }, isLoading ? /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 xl:grid-cols-3" }, Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ React20__default.default.createElement(ProductCardSkeleton, { key: index }))) : displayedProducts.length > 0 ? viewMode === "grid" ? /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 xl:grid-cols-3" }, displayedProducts.map((product) => /* @__PURE__ */ React20__default.default.createElement("div", { key: product.id, className: "h-full" }, /* @__PURE__ */ React20__default.default.createElement(
     ProductCard,
     {
       product,
       onClickProduct: (item) => {
         const productData = encodeURIComponent(JSON.stringify(item));
-        router.push(`/products/${item.id}?product=${productData}`);
+        router.push(buildPath(`/products/${item.id}?product=${productData}`));
       }
     }
-  )))) : /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-4" }, displayedProducts.map((product) => {
+  )))) : /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-4" }, displayedProducts.map((product) => {
     product.priceBeforeDiscount && product.priceBeforeDiscount > product.finalPrice ? Math.round(
       (product.priceBeforeDiscount - product.finalPrice) / product.priceBeforeDiscount * 100
     ) : 0;
-    return /* @__PURE__ */ React19__default.default.createElement(
+    return /* @__PURE__ */ React20__default.default.createElement(
       framerMotion.motion.div,
       {
         key: product.id,
         whileHover: { y: -4 },
         className: "group flex cursor-pointer flex-col gap-6 rounded-2xl border border-gray-100 bg-white p-5 shadow-sm transition hover:shadow-xl md:flex-row md:items-start",
-        onClick: () => router.push(`/products/${product.id}`)
+        onClick: () => router.push(buildPath(`/products/${product.id}`))
       },
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative h-48 w-full overflow-hidden rounded-2xl bg-gray-100 md:h-40 md:w-40" }, /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative h-48 w-full overflow-hidden rounded-2xl bg-gray-100 md:h-40 md:w-40" }, /* @__PURE__ */ React20__default.default.createElement(
         Image3__default.default,
         {
           src: product.productMedia[0]?.file || "/placeholder-product.jpg",
@@ -8072,27 +8091,27 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
           className: "object-cover transition duration-500 group-hover:scale-105"
         }
       )),
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex-1 space-y-3" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-wrap items-center gap-2 text-xs font-semibold uppercase tracking-wide text-primary-600" }, product.parentCategories.length > 0 && /* @__PURE__ */ React19__default.default.createElement("span", { className: "rounded-full bg-primary-50 px-3 py-1 text-primary-700" }, product.parentCategories.map((category) => category?.name).join(", ")), product.tags?.slice(0, 3).map((tag) => /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex-1 space-y-3" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-wrap items-center gap-2 text-xs font-semibold uppercase tracking-wide text-primary-600" }, product.parentCategories.length > 0 && /* @__PURE__ */ React20__default.default.createElement("span", { className: "rounded-full bg-primary-50 px-3 py-1 text-primary-700" }, product.parentCategories.map((category) => category?.name).join(", ")), product.tags?.slice(0, 3).map((tag) => /* @__PURE__ */ React20__default.default.createElement(
         "span",
         {
           key: tag,
           className: "rounded-full bg-slate-100 px-3 py-1 text-gray-600"
         },
         tag
-      ))), /* @__PURE__ */ React19__default.default.createElement("h3", { className: "text-xl font-semibold text-gray-900" }, product.name), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-wrap items-center gap-4 text-sm text-gray-500" }, /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-2 font-medium text-primary-600" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.ShieldCheck, { className: "h-4 w-4" }), product.inventoryCount > 0 ? "In stock & ready to ship" : "Restocking soon"), /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-2" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Clock, { className: "h-4 w-4 text-primary-500" }), "Added ", new Date(product.createdAt).toLocaleDateString()))),
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex w-full flex-col items-end gap-3 md:w-auto" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "text-right" }, /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-3xl font-semibold text-gray-900" }, formatPrice(product.finalPrice)), product.priceBeforeDiscount && /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm text-gray-400 line-through" }, formatPrice(product.priceBeforeDiscount))), /* @__PURE__ */ React19__default.default.createElement(
+      ))), /* @__PURE__ */ React20__default.default.createElement("h3", { className: "text-xl font-semibold text-gray-900" }, product.name), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-wrap items-center gap-4 text-sm text-gray-500" }, /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-2 font-medium text-primary-600" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.ShieldCheck, { className: "h-4 w-4" }), product.inventoryCount > 0 ? "In stock & ready to ship" : "Restocking soon"), /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-2" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Clock, { className: "h-4 w-4 text-primary-500" }), "Added ", new Date(product.createdAt).toLocaleDateString()))),
+      /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex w-full flex-col items-end gap-3 md:w-auto" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "text-right" }, /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-3xl font-semibold text-gray-900" }, formatPrice(product.finalPrice)), product.priceBeforeDiscount && /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm text-gray-400 line-through" }, formatPrice(product.priceBeforeDiscount))), /* @__PURE__ */ React20__default.default.createElement(
         Button,
         {
           size: "sm",
           onClick: (event) => {
             event.stopPropagation();
-            router.push(`/products/${product._id}`);
+            router.push(buildPath(`/products/${product._id}`));
           }
         },
         "View product"
       ))
     );
-  })) : /* @__PURE__ */ React19__default.default.createElement(
+  })) : /* @__PURE__ */ React20__default.default.createElement(
     EmptyState,
     {
       icon: lucideReact.Package,
@@ -8101,7 +8120,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       actionLabel: hasActiveFilters ? "Clear filters" : void 0,
       onAction: hasActiveFilters ? handleClearFilters : void 0
     }
-  )), pagination.totalPages > 1 && /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-10 flex flex-wrap items-center justify-center gap-3" }, /* @__PURE__ */ React19__default.default.createElement(
+  )), pagination.totalPages > 1 && /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-10 flex flex-wrap items-center justify-center gap-3" }, /* @__PURE__ */ React20__default.default.createElement(
     Button,
     {
       variant: "outline",
@@ -8109,7 +8128,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       disabled: page === 1
     },
     "Previous"
-  ), /* @__PURE__ */ React19__default.default.createElement("span", { className: "text-sm font-semibold text-gray-600" }, "Page ", page, " of ", pagination.totalPages), /* @__PURE__ */ React19__default.default.createElement(
+  ), /* @__PURE__ */ React20__default.default.createElement("span", { className: "text-sm font-semibold text-gray-600" }, "Page ", page, " of ", pagination.totalPages), /* @__PURE__ */ React20__default.default.createElement(
     Button,
     {
       variant: "outline",
@@ -8117,7 +8136,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       disabled: page === pagination.totalPages
     },
     "Next"
-  ))))))), /* @__PURE__ */ React19__default.default.createElement(framerMotion.AnimatePresence, null, showFilters && /* @__PURE__ */ React19__default.default.createElement(
+  ))))))), /* @__PURE__ */ React20__default.default.createElement(framerMotion.AnimatePresence, null, showFilters && /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0 },
@@ -8125,7 +8144,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       exit: { opacity: 0 },
       className: "fixed inset-0 z-50 bg-black/40 backdrop-blur-sm lg:hidden"
     },
-    /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement(
       framerMotion.motion.div,
       {
         initial: { y: "100%" },
@@ -8134,14 +8153,14 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
         transition: { type: "spring", stiffness: 260, damping: 26 },
         className: "absolute inset-x-0 bottom-0 max-h-[85vh] overflow-y-auto rounded-t-3xl bg-white p-6 shadow-2xl"
       },
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "mb-6 flex items-center justify-between" }, /* @__PURE__ */ React19__default.default.createElement("h3", { className: "text-lg font-semibold text-gray-900" }, "Filters"), /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement("div", { className: "mb-6 flex items-center justify-between" }, /* @__PURE__ */ React20__default.default.createElement("h3", { className: "text-lg font-semibold text-gray-900" }, "Filters"), /* @__PURE__ */ React20__default.default.createElement(
         "button",
         {
           type: "button",
           onClick: () => setShowFilters(false),
           className: "rounded-full border border-gray-200 p-2 text-gray-500 hover:text-gray-700"
         },
-        /* @__PURE__ */ React19__default.default.createElement(lucideReact.X, { className: "h-4 w-4" })
+        /* @__PURE__ */ React20__default.default.createElement(lucideReact.X, { className: "h-4 w-4" })
       )),
       renderFiltersPanel()
     )
@@ -8160,7 +8179,7 @@ function Badge({ children, variant = "primary", size = "md", className = "" }) {
     sm: "px-2 py-1 text-xs",
     md: "px-3 py-1 text-sm"
   };
-  return /* @__PURE__ */ React19__default.default.createElement("span", { className: `inline-flex items-center font-medium rounded-full border ${variants[variant]} ${sizes[size]} ${className}` }, children);
+  return /* @__PURE__ */ React20__default.default.createElement("span", { className: `inline-flex items-center font-medium rounded-full border ${variants[variant]} ${sizes[size]} ${className}` }, children);
 }
 var safeFormatDate = (date, format = "long") => {
   if (!date) return "N/A";
@@ -8176,17 +8195,17 @@ function ProductDetailScreen({ productId }) {
   const router = navigation.useRouter();
   const { product: productData, isLoading } = useProduct(productId);
   const { addToCart } = useCart();
-  const [selectedVariant, setSelectedVariant] = React19.useState(null);
-  const [quantity, setQuantity] = React19.useState(1);
-  const [isAddingToCart, setIsAddingToCart] = React19.useState(false);
-  const [isFavorited, setIsFavorited] = React19.useState(false);
-  const [relatedProducts, setRelatedProducts] = React19.useState([]);
-  const [initialProductData, setInitialProductData] = React19.useState(null);
-  const [activeImageIndex, setActiveImageIndex] = React19.useState(0);
-  React19.useEffect(() => {
+  const [selectedVariant, setSelectedVariant] = React20.useState(null);
+  const [quantity, setQuantity] = React20.useState(1);
+  const [isAddingToCart, setIsAddingToCart] = React20.useState(false);
+  const [isFavorited, setIsFavorited] = React20.useState(false);
+  const [relatedProducts, setRelatedProducts] = React20.useState([]);
+  const [initialProductData, setInitialProductData] = React20.useState(null);
+  const [activeImageIndex, setActiveImageIndex] = React20.useState(0);
+  React20.useEffect(() => {
     setActiveImageIndex(0);
   }, [selectedVariant]);
-  const product = React19.useMemo(() => {
+  const product = React20.useMemo(() => {
     if (initialProductData && !productData) {
       return initialProductData;
     }
@@ -8237,7 +8256,7 @@ function ProductDetailScreen({ productId }) {
   );
   const variantSku = currentVariant?.sku || product?.sku || "N/A";
   const variantInStock = currentVariant?.inventoryCount > 0;
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (typeof window === "undefined") return;
     const searchParams = new URLSearchParams(window.location.search);
     const productParam = searchParams.get("product");
@@ -8250,13 +8269,13 @@ function ProductDetailScreen({ productId }) {
       }
     }
   }, []);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (product?.productVariants?.length > 0) {
       const newVariant = product?.productVariants?.[0];
       setSelectedVariant(newVariant);
     }
   }, [product?.productVariants]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (!product?.id) return;
     const fetchRelated = async () => {
       try {
@@ -8297,7 +8316,7 @@ function ProductDetailScreen({ productId }) {
     }
   };
   const { addToWishlist, removeFromWishlist, isInWishlist } = useWishlist();
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (product) {
       setIsFavorited(isInWishlist(product.id));
     }
@@ -8319,10 +8338,10 @@ function ProductDetailScreen({ productId }) {
     }
   };
   if (isLoading) {
-    return /* @__PURE__ */ React19__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "h-[520px] animate-pulse rounded-3xl bg-slate-200" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid grid-cols-3 gap-4" }, Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React19__default.default.createElement("div", { key: index, className: "h-32 animate-pulse rounded-2xl bg-slate-200" })))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-4 rounded-3xl bg-white p-6 shadow-sm" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "h-8 w-32 animate-pulse rounded-full bg-slate-200" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "h-10 w-48 animate-pulse rounded-full bg-slate-200" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "h-6 w-full animate-pulse rounded-full bg-slate-200" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "h-12 w-full animate-pulse rounded-2xl bg-slate-200" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "h-12 w-full animate-pulse rounded-2xl bg-slate-200" })))));
+    return /* @__PURE__ */ React20__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "h-[520px] animate-pulse rounded-3xl bg-slate-200" }), /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid grid-cols-3 gap-4" }, Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React20__default.default.createElement("div", { key: index, className: "h-32 animate-pulse rounded-2xl bg-slate-200" })))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-4 rounded-3xl bg-white p-6 shadow-sm" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "h-8 w-32 animate-pulse rounded-full bg-slate-200" }), /* @__PURE__ */ React20__default.default.createElement("div", { className: "h-10 w-48 animate-pulse rounded-full bg-slate-200" }), /* @__PURE__ */ React20__default.default.createElement("div", { className: "h-6 w-full animate-pulse rounded-full bg-slate-200" }), /* @__PURE__ */ React20__default.default.createElement("div", { className: "h-12 w-full animate-pulse rounded-2xl bg-slate-200" }), /* @__PURE__ */ React20__default.default.createElement("div", { className: "h-12 w-full animate-pulse rounded-2xl bg-slate-200" })))));
   }
   if (!product) {
-    return /* @__PURE__ */ React19__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-3xl bg-white p-10 text-center shadow-sm" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Sparkles, { className: "mx-auto h-10 w-10 text-primary-500" }), /* @__PURE__ */ React19__default.default.createElement("h1", { className: "mt-6 text-2xl font-semibold text-gray-900" }, "Product not found"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-2 text-gray-600" }, "It may have been removed or is temporarily unavailable. Discover other pharmacy essentials in our catalogue."), /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-6" }, /* @__PURE__ */ React19__default.default.createElement(Link8__default.default, { href: "/shop", className: "inline-block" }, /* @__PURE__ */ React19__default.default.createElement(Button, null, "Browse products"))))));
+    return /* @__PURE__ */ React20__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-3xl bg-white p-10 text-center shadow-sm" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Sparkles, { className: "mx-auto h-10 w-10 text-primary-500" }), /* @__PURE__ */ React20__default.default.createElement("h1", { className: "mt-6 text-2xl font-semibold text-gray-900" }, "Product not found"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-2 text-gray-600" }, "It may have been removed or is temporarily unavailable. Discover other pharmacy essentials in our catalogue."), /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-6" }, /* @__PURE__ */ React20__default.default.createElement(Link8__default.default, { href: "/shop", className: "inline-block" }, /* @__PURE__ */ React20__default.default.createElement(Button, null, "Browse products"))))));
   }
   product.tags && product.tags.length > 0 ? product.tags.slice(0, 6) : ["Pharmacist approved", "Gentle on daily routines", "Backed by real customers"];
   const highlightCards = [
@@ -8342,29 +8361,29 @@ function ProductDetailScreen({ productId }) {
       description: "Average rating 4.8/5 with over 120 verified customer experiences."
     }
   ];
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19__default.default.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React20__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20__default.default.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React20__default.default.createElement(
     "div",
     {
       className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]",
       "aria-hidden": "true"
     }
-  ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_bottom_right,_rgba(255,255,255,0.25),_transparent_55%)] opacity-70" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19__default.default.createElement(
+  ), /* @__PURE__ */ React20__default.default.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_bottom_right,_rgba(255,255,255,0.25),_transparent_55%)] opacity-70" }), /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20__default.default.createElement(
     Button,
     {
       variant: "ghost",
       className: "text-white hover:bg-white/10",
       onClick: () => router.push("/shop")
     },
-    /* @__PURE__ */ React19__default.default.createElement(lucideReact.ArrowLeft, { className: "h-5 w-5" }),
+    /* @__PURE__ */ React20__default.default.createElement(lucideReact.ArrowLeft, { className: "h-5 w-5" }),
     "Continue shopping"
-  ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "hidden items-center gap-3 text-sm text-white/80 md:flex" }, /* @__PURE__ */ React19__default.default.createElement(Link8__default.default, { href: "/", className: "transition hover:text-white" }, "Home"), /* @__PURE__ */ React19__default.default.createElement(lucideReact.ChevronRight, { className: "h-4 w-4" }), /* @__PURE__ */ React19__default.default.createElement(Link8__default.default, { href: "/shop", className: "transition hover:text-white" }, "Shop"), /* @__PURE__ */ React19__default.default.createElement(lucideReact.ChevronRight, { className: "h-4 w-4" }), /* @__PURE__ */ React19__default.default.createElement("span", { className: "truncate font-medium text-white" }, product.name))), /* @__PURE__ */ React19__default.default.createElement(
+  ), /* @__PURE__ */ React20__default.default.createElement("div", { className: "hidden items-center gap-3 text-sm text-white/80 md:flex" }, /* @__PURE__ */ React20__default.default.createElement(Link8__default.default, { href: "/", className: "transition hover:text-white" }, "Home"), /* @__PURE__ */ React20__default.default.createElement(lucideReact.ChevronRight, { className: "h-4 w-4" }), /* @__PURE__ */ React20__default.default.createElement(Link8__default.default, { href: "/shop", className: "transition hover:text-white" }, "Shop"), /* @__PURE__ */ React20__default.default.createElement(lucideReact.ChevronRight, { className: "h-4 w-4" }), /* @__PURE__ */ React20__default.default.createElement("span", { className: "truncate font-medium text-white" }, product.name))), /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "max-w-3xl space-y-4"
     },
-    product.category && /* @__PURE__ */ React19__default.default.createElement(
+    product.category && /* @__PURE__ */ React20__default.default.createElement(
       Badge,
       {
         variant: "secondary",
@@ -8372,9 +8391,9 @@ function ProductDetailScreen({ productId }) {
       },
       product.category
     ),
-    /* @__PURE__ */ React19__default.default.createElement("h1", { className: "text-4xl font-bold leading-tight md:text-5xl" }, product.name),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-wrap items-center gap-3 text-sm text-white/80" }, /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/10 px-3 py-1 font-medium text-white" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Sparkles, { className: "h-4 w-4" }), "Ready to ship today"), /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/10 px-3 py-1 font-medium text-white" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Shield, { className: "h-4 w-4" }), "30-day happiness guarantee"))
-  )))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative -mt-16 pb-20" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-10" }, /* @__PURE__ */ React19__default.default.createElement("section", { className: "rounded-3xl border border-white bg-white/70 p-6 shadow-xl shadow-primary-100/40 backdrop-blur" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid gap-6 lg:grid-cols-[minmax(0,1fr)_220px]" }, /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("h1", { className: "text-4xl font-bold leading-tight md:text-5xl" }, product.name),
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-wrap items-center gap-3 text-sm text-white/80" }, /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/10 px-3 py-1 font-medium text-white" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Sparkles, { className: "h-4 w-4" }), "Ready to ship today"), /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/10 px-3 py-1 font-medium text-white" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Shield, { className: "h-4 w-4" }), "30-day happiness guarantee"))
+  )))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative -mt-16 pb-20" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-10" }, /* @__PURE__ */ React20__default.default.createElement("section", { className: "rounded-3xl border border-white bg-white/70 p-6 shadow-xl shadow-primary-100/40 backdrop-blur" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid gap-6 lg:grid-cols-[minmax(0,1fr)_220px]" }, /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       key: variantImages[activeImageIndex],
@@ -8383,7 +8402,7 @@ function ProductDetailScreen({ productId }) {
       transition: { duration: 0.35 },
       className: "relative overflow-hidden rounded-3xl bg-slate-100 h-[420px] md:h-[560px]"
     },
-    /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement(
       Image3__default.default,
       {
         src: variantImages[activeImageIndex],
@@ -8394,7 +8413,7 @@ function ProductDetailScreen({ productId }) {
         className: "object-contain"
       }
     ),
-    discount > 0 && /* @__PURE__ */ React19__default.default.createElement(
+    discount > 0 && /* @__PURE__ */ React20__default.default.createElement(
       Badge,
       {
         variant: "danger",
@@ -8404,7 +8423,7 @@ function ProductDetailScreen({ productId }) {
       discount,
       "%"
     ),
-    !variantInStock && /* @__PURE__ */ React19__default.default.createElement(
+    !variantInStock && /* @__PURE__ */ React20__default.default.createElement(
       Badge,
       {
         variant: "secondary",
@@ -8412,7 +8431,7 @@ function ProductDetailScreen({ productId }) {
       },
       "Out of Stock"
     )
-  ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-col gap-4" }, product?.productVariants?.length > 0 && /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-2xl border border-slate-200 bg-white p-4 shadow-sm" }, /* @__PURE__ */ React19__default.default.createElement("p", { className: "mb-2 text-sm font-semibold uppercase tracking-[0.25em] text-slate-400" }, "Variant"), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-wrap gap-2" }, product?.productVariants?.map((variant, index) => /* @__PURE__ */ React19__default.default.createElement(
+  ), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-col gap-4" }, product?.productVariants?.length > 0 && /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-2xl border border-slate-200 bg-white p-4 shadow-sm" }, /* @__PURE__ */ React20__default.default.createElement("p", { className: "mb-2 text-sm font-semibold uppercase tracking-[0.25em] text-slate-400" }, "Variant"), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-wrap gap-2" }, product?.productVariants?.map((variant, index) => /* @__PURE__ */ React20__default.default.createElement(
     "button",
     {
       key: variant.id,
@@ -8421,7 +8440,7 @@ function ProductDetailScreen({ productId }) {
       className: `rounded-full px-4 py-2 text-sm font-medium transition ${selectedVariant?.id === variant.id ? "bg-primary-600 text-white" : "bg-slate-100 text-slate-700 hover:bg-slate-200"}`
     },
     variant.name
-  )))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid grid-cols-3 gap-3" }, variantImages.map((image, index) => /* @__PURE__ */ React19__default.default.createElement(
+  )))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid grid-cols-3 gap-3" }, variantImages.map((image, index) => /* @__PURE__ */ React20__default.default.createElement(
     "button",
     {
       key: image.src + index,
@@ -8429,7 +8448,7 @@ function ProductDetailScreen({ productId }) {
       onClick: () => setActiveImageIndex(index),
       className: `relative aspect-square overflow-hidden rounded-2xl border transition ${activeImageIndex === index ? "border-primary-500 shadow-lg shadow-primary-200/60" : "border-transparent hover:border-primary-200"}`
     },
-    /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement(
       Image3__default.default,
       {
         src: image.src,
@@ -8440,18 +8459,18 @@ function ProductDetailScreen({ productId }) {
         unoptimized: true
       }
     )
-  )))))), /* @__PURE__ */ React19__default.default.createElement("section", { className: "grid gap-6 lg:grid-cols-3" }, highlightCards.map((card) => {
+  )))))), /* @__PURE__ */ React20__default.default.createElement("section", { className: "grid gap-6 lg:grid-cols-3" }, highlightCards.map((card) => {
     const Icon = card.icon;
-    return /* @__PURE__ */ React19__default.default.createElement(
+    return /* @__PURE__ */ React20__default.default.createElement(
       "div",
       {
         key: card.title,
         className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-sm transition hover:-translate-y-1 hover:shadow-lg"
       },
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19__default.default.createElement("span", { className: "rounded-2xl bg-primary-50 p-3 text-primary-600" }, /* @__PURE__ */ React19__default.default.createElement(Icon, { className: "h-5 w-5" })), /* @__PURE__ */ React19__default.default.createElement("h3", { className: "text-base font-semibold text-slate-900" }, card.title)),
-      /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-3 text-sm leading-relaxed text-slate-600" }, card.description)
+      /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20__default.default.createElement("span", { className: "rounded-2xl bg-primary-50 p-3 text-primary-600" }, /* @__PURE__ */ React20__default.default.createElement(Icon, { className: "h-5 w-5" })), /* @__PURE__ */ React20__default.default.createElement("h3", { className: "text-base font-semibold text-slate-900" }, card.title)),
+      /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-3 text-sm leading-relaxed text-slate-600" }, card.description)
     );
-  })), /* @__PURE__ */ React19__default.default.createElement("section", { className: "grid gap-6 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-8 shadow-sm" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-wrap items-center gap-4 pb-6" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-1 text-amber-500" }, Array.from({ length: 5 }).map((_, index) => /* @__PURE__ */ React19__default.default.createElement(lucideReact.Star, { key: index, className: "h-4 w-4 fill-current" }))), /* @__PURE__ */ React19__default.default.createElement("span", { className: "text-sm font-medium text-slate-500" }, "Rated 4.8 \u2022 Patients love the results")), /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-8" }, product.description && /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React19__default.default.createElement("h3", { className: "text-lg font-semibold text-slate-900" }, "Description"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-base leading-relaxed text-slate-600", dangerouslySetInnerHTML: { __html: product.description } })))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "h-full rounded-3xl border border-slate-100 bg-gradient-to-br from-primary-50 via-white to-secondary-50 p-8 shadow-sm" }, /* @__PURE__ */ React19__default.default.createElement("h3", { className: "text-sm font-semibold uppercase tracking-[0.3em] text-primary-500" }, "Care tips"), /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-4 space-y-4 text-sm text-slate-600" }, /* @__PURE__ */ React19__default.default.createElement("p", { className: "leading-relaxed" }, "Store in a cool, dry place away from direct sunlight. Check packaging for allergen statements."), /* @__PURE__ */ React19__default.default.createElement("p", { className: "leading-relaxed" }, "Consult with your local pharmacist if you are combining with other treatments or have chronic conditions."), /* @__PURE__ */ React19__default.default.createElement("p", { className: "rounded-2xl bg-white/60 p-4 leading-relaxed text-primary-700" }, "Questions? Our care team is on standby \u2014 reach us via chat for tailored support before you checkout.")))), /* @__PURE__ */ React19__default.default.createElement("section", { className: "rounded-3xl border border-slate-100 bg-white p-8 shadow-sm" }, /* @__PURE__ */ React19__default.default.createElement("h2", { className: "text-xl font-semibold text-slate-900" }, "Product insights"), /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-6 grid gap-6 md:grid-cols-2" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-2xl border border-slate-200 bg-slate-50/60 p-5" }, /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-xs font-semibold uppercase tracking-[0.3em] text-slate-500" }, "Availability"), /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-3 flex items-center gap-2 text-sm text-slate-600" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Check, { className: "h-4 w-4 text-primary-500" }), product.inStock ? "Available for dispatch today" : "Currently restocking"), product.stock !== void 0 && /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-2 text-xs text-slate-500" }, product.stock > 0 ? `${product.stock} units remaining in inventory` : "Join the waitlist to be notified first")), /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-2xl border border-slate-200 bg-slate-50/60 p-5" }, /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-xs font-semibold uppercase tracking-[0.3em] text-slate-500" }, "Product details"), /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-3 space-y-2 text-sm text-slate-600" }, /* @__PURE__ */ React19__default.default.createElement("p", null, /* @__PURE__ */ React19__default.default.createElement("span", { className: "font-medium text-slate-700" }, "Variant:"), " ", currentVariant.name), /* @__PURE__ */ React19__default.default.createElement("p", null, /* @__PURE__ */ React19__default.default.createElement("span", { className: "font-medium text-slate-700" }, "SKU:"), " ", variantSku), /* @__PURE__ */ React19__default.default.createElement("p", null, /* @__PURE__ */ React19__default.default.createElement("span", { className: "font-medium text-slate-700" }, "Status:"), " ", /* @__PURE__ */ React19__default.default.createElement("span", { className: variantInStock ? "text-green-600" : "text-amber-600" }, variantInStock ? "In Stock" : "Out of Stock")), /* @__PURE__ */ React19__default.default.createElement("p", null, /* @__PURE__ */ React19__default.default.createElement("span", { className: "font-medium text-slate-700" }, "Last updated:"), " ", lastUpdatedLabel), /* @__PURE__ */ React19__default.default.createElement("p", null, /* @__PURE__ */ React19__default.default.createElement("span", { className: "font-medium text-slate-700" }, "Ships from:"), " Local pharmacy distribution center")))))), /* @__PURE__ */ React19__default.default.createElement("aside", { className: "space-y-6 lg:sticky lg:top-24" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-8 shadow-lg shadow-primary-100/40" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-baseline gap-3" }, /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-3xl font-bold text-slate-900" }, selectedVariant ? formatPrice(selectedVariant.finalPrice) : formatPrice(product.price)), variantComparePrice && variantComparePrice > variantPrice && /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-base text-slate-400 line-through" }, formatPrice(variantComparePrice)), discount > 0 && /* @__PURE__ */ React19__default.default.createElement(Badge, { variant: "danger", size: "sm" }, "-", discount, "%")), /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-6 space-y-4" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-3 rounded-2xl bg-primary-50/80 px-4 py-3 text-sm font-medium text-primary-700" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.ShieldCheck, { className: "h-4 w-4" }), "Pharmacist verified product"), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center justify-between rounded-2xl border border-slate-200 px-4 py-3" }, /* @__PURE__ */ React19__default.default.createElement("span", { className: "text-sm font-medium text-slate-600" }, "Qty"), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center rounded-full border border-slate-200 bg-slate-50" }, /* @__PURE__ */ React19__default.default.createElement(
+  })), /* @__PURE__ */ React20__default.default.createElement("section", { className: "grid gap-6 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-8 shadow-sm" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-wrap items-center gap-4 pb-6" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-1 text-amber-500" }, Array.from({ length: 5 }).map((_, index) => /* @__PURE__ */ React20__default.default.createElement(lucideReact.Star, { key: index, className: "h-4 w-4 fill-current" }))), /* @__PURE__ */ React20__default.default.createElement("span", { className: "text-sm font-medium text-slate-500" }, "Rated 4.8 \u2022 Patients love the results")), /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-8" }, product.description && /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React20__default.default.createElement("h3", { className: "text-lg font-semibold text-slate-900" }, "Description"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-base leading-relaxed text-slate-600", dangerouslySetInnerHTML: { __html: product.description } })))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "h-full rounded-3xl border border-slate-100 bg-gradient-to-br from-primary-50 via-white to-secondary-50 p-8 shadow-sm" }, /* @__PURE__ */ React20__default.default.createElement("h3", { className: "text-sm font-semibold uppercase tracking-[0.3em] text-primary-500" }, "Care tips"), /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-4 space-y-4 text-sm text-slate-600" }, /* @__PURE__ */ React20__default.default.createElement("p", { className: "leading-relaxed" }, "Store in a cool, dry place away from direct sunlight. Check packaging for allergen statements."), /* @__PURE__ */ React20__default.default.createElement("p", { className: "leading-relaxed" }, "Consult with your local pharmacist if you are combining with other treatments or have chronic conditions."), /* @__PURE__ */ React20__default.default.createElement("p", { className: "rounded-2xl bg-white/60 p-4 leading-relaxed text-primary-700" }, "Questions? Our care team is on standby \u2014 reach us via chat for tailored support before you checkout.")))), /* @__PURE__ */ React20__default.default.createElement("section", { className: "rounded-3xl border border-slate-100 bg-white p-8 shadow-sm" }, /* @__PURE__ */ React20__default.default.createElement("h2", { className: "text-xl font-semibold text-slate-900" }, "Product insights"), /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-6 grid gap-6 md:grid-cols-2" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-2xl border border-slate-200 bg-slate-50/60 p-5" }, /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-xs font-semibold uppercase tracking-[0.3em] text-slate-500" }, "Availability"), /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-3 flex items-center gap-2 text-sm text-slate-600" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Check, { className: "h-4 w-4 text-primary-500" }), product.inStock ? "Available for dispatch today" : "Currently restocking"), product.stock !== void 0 && /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-2 text-xs text-slate-500" }, product.stock > 0 ? `${product.stock} units remaining in inventory` : "Join the waitlist to be notified first")), /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-2xl border border-slate-200 bg-slate-50/60 p-5" }, /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-xs font-semibold uppercase tracking-[0.3em] text-slate-500" }, "Product details"), /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-3 space-y-2 text-sm text-slate-600" }, /* @__PURE__ */ React20__default.default.createElement("p", null, /* @__PURE__ */ React20__default.default.createElement("span", { className: "font-medium text-slate-700" }, "Variant:"), " ", currentVariant.name), /* @__PURE__ */ React20__default.default.createElement("p", null, /* @__PURE__ */ React20__default.default.createElement("span", { className: "font-medium text-slate-700" }, "SKU:"), " ", variantSku), /* @__PURE__ */ React20__default.default.createElement("p", null, /* @__PURE__ */ React20__default.default.createElement("span", { className: "font-medium text-slate-700" }, "Status:"), " ", /* @__PURE__ */ React20__default.default.createElement("span", { className: variantInStock ? "text-green-600" : "text-amber-600" }, variantInStock ? "In Stock" : "Out of Stock")), /* @__PURE__ */ React20__default.default.createElement("p", null, /* @__PURE__ */ React20__default.default.createElement("span", { className: "font-medium text-slate-700" }, "Last updated:"), " ", lastUpdatedLabel), /* @__PURE__ */ React20__default.default.createElement("p", null, /* @__PURE__ */ React20__default.default.createElement("span", { className: "font-medium text-slate-700" }, "Ships from:"), " Local pharmacy distribution center")))))), /* @__PURE__ */ React20__default.default.createElement("aside", { className: "space-y-6 lg:sticky lg:top-24" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-8 shadow-lg shadow-primary-100/40" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-baseline gap-3" }, /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-3xl font-bold text-slate-900" }, selectedVariant ? formatPrice(selectedVariant.finalPrice) : formatPrice(product.price)), variantComparePrice && variantComparePrice > variantPrice && /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-base text-slate-400 line-through" }, formatPrice(variantComparePrice)), discount > 0 && /* @__PURE__ */ React20__default.default.createElement(Badge, { variant: "danger", size: "sm" }, "-", discount, "%")), /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-6 space-y-4" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-3 rounded-2xl bg-primary-50/80 px-4 py-3 text-sm font-medium text-primary-700" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.ShieldCheck, { className: "h-4 w-4" }), "Pharmacist verified product"), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center justify-between rounded-2xl border border-slate-200 px-4 py-3" }, /* @__PURE__ */ React20__default.default.createElement("span", { className: "text-sm font-medium text-slate-600" }, "Qty"), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center rounded-full border border-slate-200 bg-slate-50" }, /* @__PURE__ */ React20__default.default.createElement(
     "button",
     {
       type: "button",
@@ -8459,8 +8478,8 @@ function ProductDetailScreen({ productId }) {
       className: "rounded-l-full p-2 hover:bg-primary-100/60",
       "aria-label": "Decrease quantity"
     },
-    /* @__PURE__ */ React19__default.default.createElement(lucideReact.Minus, { className: "h-4 w-4" })
-  ), /* @__PURE__ */ React19__default.default.createElement("span", { className: "w-12 text-center text-sm font-semibold text-slate-700" }, quantity), /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement(lucideReact.Minus, { className: "h-4 w-4" })
+  ), /* @__PURE__ */ React20__default.default.createElement("span", { className: "w-12 text-center text-sm font-semibold text-slate-700" }, quantity), /* @__PURE__ */ React20__default.default.createElement(
     "button",
     {
       type: "button",
@@ -8468,8 +8487,8 @@ function ProductDetailScreen({ productId }) {
       className: "rounded-r-full p-2 hover:bg-primary-100/60",
       "aria-label": "Increase quantity"
     },
-    /* @__PURE__ */ React19__default.default.createElement(lucideReact.Plus, { className: "h-4 w-4" })
-  )))), selectedVariant && /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-4 text-sm" }, selectedVariant.inventoryStatus === "OUT_OF_STOCK" /* OUTOFSTOCK */ || selectedVariant.inventoryStatus === "LOW_STOCK" /* LOWSTOCK */ ? /* @__PURE__ */ React19__default.default.createElement("div", { className: "text-red-600 font-medium" }, "Out of Stock") : /* @__PURE__ */ React19__default.default.createElement("div", { className: "text-green-600 font-medium" }, "In Stock")), /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-6 space-x-3" }, /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement(lucideReact.Plus, { className: "h-4 w-4" })
+  )))), selectedVariant && /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-4 text-sm" }, selectedVariant.inventoryStatus === "OUT_OF_STOCK" /* OUTOFSTOCK */ || selectedVariant.inventoryStatus === "LOW_STOCK" /* LOWSTOCK */ ? /* @__PURE__ */ React20__default.default.createElement("div", { className: "text-red-600 font-medium" }, "Out of Stock") : /* @__PURE__ */ React20__default.default.createElement("div", { className: "text-green-600 font-medium" }, "In Stock")), /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-6 space-x-3" }, /* @__PURE__ */ React20__default.default.createElement(
     Button,
     {
       size: "lg",
@@ -8478,9 +8497,9 @@ function ProductDetailScreen({ productId }) {
       isLoading: isAddingToCart,
       disabled: !selectedVariant || selectedVariant.inventoryStatus === "OUT_OF_STOCK" /* OUTOFSTOCK */
     },
-    /* @__PURE__ */ React19__default.default.createElement(lucideReact.ShoppingCart, { className: "h-5 w-5" }),
+    /* @__PURE__ */ React20__default.default.createElement(lucideReact.ShoppingCart, { className: "h-5 w-5" }),
     !selectedVariant ? "Select a variant" : selectedVariant.inventoryStatus === "OUT_OF_STOCK" /* OUTOFSTOCK */ ? "Out of Stock" : `Add to Cart`
-  ), /* @__PURE__ */ React19__default.default.createElement(
+  ), /* @__PURE__ */ React20__default.default.createElement(
     Button,
     {
       size: "lg",
@@ -8488,18 +8507,18 @@ function ProductDetailScreen({ productId }) {
       className: "w-full",
       onClick: handleToggleFavorite
     },
-    /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement(
       lucideReact.Heart,
       {
         className: `h-5 w-5 ${isFavorited ? "fill-red-500 text-red-500" : "text-slate-500"}`
       }
     ),
     isFavorited ? "Saved" : "Save for later"
-  ))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/70 p-6 text-sm text-primary-700 shadow-sm" }, /* @__PURE__ */ React19__default.default.createElement("p", { className: "font-semibold uppercase tracking-[0.25em]" }, "Need advice?"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-2 leading-relaxed" }, "Chat with a pharmacist in real time before completing your purchase. We will help you choose supporting supplements and answer dosing questions.")))), relatedProducts.length > 0 && /* @__PURE__ */ React19__default.default.createElement("section", { className: "mt-20" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement("h2", { className: "text-2xl font-semibold text-slate-900" }, "You may also like"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-1 text-sm text-slate-500" }, "Hand-picked recommendations that pair nicely with this product.")), /* @__PURE__ */ React19__default.default.createElement(Link8__default.default, { href: "/shop", className: "hidden md:inline-flex" }, /* @__PURE__ */ React19__default.default.createElement(Button, { variant: "ghost", className: "text-primary-600" }, "View all products"))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-6 grid gap-6 sm:grid-cols-2 lg:grid-cols-4" }, relatedProducts?.map((relatedProduct) => /* @__PURE__ */ React19__default.default.createElement(ProductCard, { key: relatedProduct.id, product: relatedProduct })))))));
+  ))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/70 p-6 text-sm text-primary-700 shadow-sm" }, /* @__PURE__ */ React20__default.default.createElement("p", { className: "font-semibold uppercase tracking-[0.25em]" }, "Need advice?"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-2 leading-relaxed" }, "Chat with a pharmacist in real time before completing your purchase. We will help you choose supporting supplements and answer dosing questions.")))), relatedProducts.length > 0 && /* @__PURE__ */ React20__default.default.createElement("section", { className: "mt-20" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20__default.default.createElement("div", null, /* @__PURE__ */ React20__default.default.createElement("h2", { className: "text-2xl font-semibold text-slate-900" }, "You may also like"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-1 text-sm text-slate-500" }, "Hand-picked recommendations that pair nicely with this product.")), /* @__PURE__ */ React20__default.default.createElement(Link8__default.default, { href: "/shop", className: "hidden md:inline-flex" }, /* @__PURE__ */ React20__default.default.createElement(Button, { variant: "ghost", className: "text-primary-600" }, "View all products"))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-6 grid gap-6 sm:grid-cols-2 lg:grid-cols-4" }, relatedProducts?.map((relatedProduct) => /* @__PURE__ */ React20__default.default.createElement(ProductCard, { key: relatedProduct.id, product: relatedProduct })))))));
 }
 function CartItem({ item }) {
   const { updateQuantity, removeFromCart } = useCart();
-  const [isUpdating, setIsUpdating] = React19.useState(false);
+  const [isUpdating, setIsUpdating] = React20.useState(false);
   const handleUpdateQuantity = async (newQuantity) => {
     if (newQuantity < 1) return;
     setIsUpdating(true);
@@ -8513,7 +8532,7 @@ function CartItem({ item }) {
     await removeFromCart(item.productVariantId);
   };
   const itemTotal = item.productVariantData.finalPrice * item.quantity;
-  return /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       layout: true,
@@ -8522,7 +8541,7 @@ function CartItem({ item }) {
       exit: { opacity: 0, x: -100 },
       className: "flex gap-4 bg-white p-4 rounded-xl border border-gray-200 hover:border-primary-300 transition-colors"
     },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative w-24 h-24 rounded-lg overflow-hidden flex-shrink-0 bg-gray-100" }, /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative w-24 h-24 rounded-lg overflow-hidden flex-shrink-0 bg-gray-100" }, /* @__PURE__ */ React20__default.default.createElement(
       Image3__default.default,
       {
         src: item.productVariantData.productMedia[0]?.file || "/placeholder-product.jpg",
@@ -8531,39 +8550,39 @@ function CartItem({ item }) {
         className: "object-cover"
       }
     )),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React19__default.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 truncate" }, item.productVariantData.name), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm text-gray-500 mt-1" }, formatPrice(item.productVariantData.finalPrice), " each"), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-3 mt-3" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center border-2 border-gray-200 rounded-lg" }, /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React20__default.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 truncate" }, item.productVariantData.name), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm text-gray-500 mt-1" }, formatPrice(item.productVariantData.finalPrice), " each"), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-3 mt-3" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center border-2 border-gray-200 rounded-lg" }, /* @__PURE__ */ React20__default.default.createElement(
       "button",
       {
         onClick: () => handleUpdateQuantity(item.quantity - 1),
         disabled: isUpdating || item.quantity <= 0,
         className: "p-2 hover:bg-gray-100 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
       },
-      /* @__PURE__ */ React19__default.default.createElement(lucideReact.Minus, { className: "w-4 h-4" })
-    ), /* @__PURE__ */ React19__default.default.createElement("span", { className: "px-4 font-medium min-w-[3rem] text-center" }, isUpdating ? /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-block h-4 w-4 align-middle animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) : item.quantity), /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement(lucideReact.Minus, { className: "w-4 h-4" })
+    ), /* @__PURE__ */ React20__default.default.createElement("span", { className: "px-4 font-medium min-w-[3rem] text-center" }, isUpdating ? /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-block h-4 w-4 align-middle animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) : item.quantity), /* @__PURE__ */ React20__default.default.createElement(
       "button",
       {
         onClick: () => handleUpdateQuantity(item.quantity + 1),
         disabled: isUpdating || item.quantity >= item.productVariantData.inventoryCount,
         className: "p-2 hover:bg-gray-100 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
       },
-      /* @__PURE__ */ React19__default.default.createElement(lucideReact.Plus, { className: "w-4 h-4" })
-    )), /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement(lucideReact.Plus, { className: "w-4 h-4" })
+    )), /* @__PURE__ */ React20__default.default.createElement(
       "button",
       {
         onClick: handleRemove,
         className: "p-2 text-red-600 hover:bg-red-50 rounded-lg transition-colors",
         "aria-label": "Remove item"
       },
-      /* @__PURE__ */ React19__default.default.createElement(lucideReact.Trash2, { className: "w-5 h-5" })
+      /* @__PURE__ */ React20__default.default.createElement(lucideReact.Trash2, { className: "w-5 h-5" })
     ))),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "text-right" }, /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-xl font-bold text-gray-900" }, formatPrice(itemTotal)))
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "text-right" }, /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-xl font-bold text-gray-900" }, formatPrice(itemTotal)))
   );
 }
 function CartScreen() {
   const router = navigation.useRouter();
   const { cart, isLoading } = useCart();
   if (!cart || cart.cartBody.items.length === 0) {
-    return /* @__PURE__ */ React19__default.default.createElement("div", { className: "min-h-screen bg-gradient-to-br from-primary-700 via-primary-600 to-secondary-600 flex items-center justify-center" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "mx-auto px-20 py-5 bg-white rounded-3xl" }, /* @__PURE__ */ React19__default.default.createElement(
+    return /* @__PURE__ */ React20__default.default.createElement("div", { className: "min-h-screen bg-gradient-to-br from-primary-700 via-primary-600 to-secondary-600 flex items-center justify-center" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "mx-auto px-20 py-5 bg-white rounded-3xl" }, /* @__PURE__ */ React20__default.default.createElement(
       EmptyState,
       {
         icon: lucideReact.ShoppingBag,
@@ -8578,16 +8597,16 @@ function CartScreen() {
   const shipping = 0;
   const tax = 0;
   const total = subtotal + shipping + tax;
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19__default.default.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative container mx-auto px-4 py-16 mb-8" }, /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React20__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20__default.default.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative container mx-auto px-4 py-16 mb-8" }, /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "flex flex-col gap-6 md:flex-row md:items-center md:justify-between"
     },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "max-w-2xl space-y-4" }, /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold tracking-wide text-white/80 backdrop-blur" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.HeartPulse, { className: "h-4 w-4" }), "Wellness essentials, ready when you are"), /* @__PURE__ */ React19__default.default.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Your curated cart"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-white/75 md:text-lg" }, "Review your selections, unlock exclusive perks, and check out with pharmacist-backed confidence.")),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-3xl bg-white/15 p-6 backdrop-blur-md" }, /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.35em] text-white/70" }, "Cart summary"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-4 text-4xl font-semibold" }, formatPrice(total)), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm text-white/70" }, "Taxes and shipping calculated below"))
-  ))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative -mt-16 pb-20" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "max-w-2xl space-y-4" }, /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold tracking-wide text-white/80 backdrop-blur" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.HeartPulse, { className: "h-4 w-4" }), "Wellness essentials, ready when you are"), /* @__PURE__ */ React20__default.default.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Your curated cart"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-white/75 md:text-lg" }, "Review your selections, unlock exclusive perks, and check out with pharmacist-backed confidence.")),
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-3xl bg-white/15 p-6 backdrop-blur-md" }, /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.35em] text-white/70" }, "Cart summary"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-4 text-4xl font-semibold" }, formatPrice(total)), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm text-white/70" }, "Taxes and shipping calculated below"))
+  ))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative -mt-16 pb-20" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.section,
     {
       initial: { opacity: 0, y: 24 },
@@ -8595,10 +8614,10 @@ function CartScreen() {
       transition: { delay: 0.05 },
       className: "space-y-6 rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50"
     },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-wrap items-center justify-between gap-4" }, /* @__PURE__ */ React19__default.default.createElement("h2", { className: "text-xl font-semibold text-slate-900" }, "Items (", cart.cartBody.items.length, ")"), /* @__PURE__ */ React19__default.default.createElement("div", { className: "inline-flex items-center gap-2 rounded-full bg-primary-50 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-primary-700" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.ShieldCheck, { className: "h-4 w-4" }), "Guaranteed cold-chain handling")),
-    isLoading && /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-2 rounded-xl border border-slate-200 bg-slate-50 px-3 py-2 text-sm text-slate-600" }, /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-block h-3 w-3 animate-spin rounded-full border-2 border-slate-300 border-t-slate-600" }), "Updating cart\u2026"),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-5" }, cart.cartBody.items.map((item) => /* @__PURE__ */ React19__default.default.createElement(CartItem, { key: item.productVariantId, item })))
-  ), /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-wrap items-center justify-between gap-4" }, /* @__PURE__ */ React20__default.default.createElement("h2", { className: "text-xl font-semibold text-slate-900" }, "Items (", cart.cartBody.items.length, ")"), /* @__PURE__ */ React20__default.default.createElement("div", { className: "inline-flex items-center gap-2 rounded-full bg-primary-50 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-primary-700" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.ShieldCheck, { className: "h-4 w-4" }), "Guaranteed cold-chain handling")),
+    isLoading && /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-2 rounded-xl border border-slate-200 bg-slate-50 px-3 py-2 text-sm text-slate-600" }, /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-block h-3 w-3 animate-spin rounded-full border-2 border-slate-300 border-t-slate-600" }), "Updating cart\u2026"),
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-5" }, cart.cartBody.items.map((item) => /* @__PURE__ */ React20__default.default.createElement(CartItem, { key: item.productVariantId, item })))
+  ), /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.aside,
     {
       initial: { opacity: 0, y: 24 },
@@ -8606,7 +8625,7 @@ function CartScreen() {
       transition: { delay: 0.1 },
       className: "space-y-6 lg:sticky lg:top-28"
     },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19__default.default.createElement("h2", { className: "text-xl font-semibold text-slate-900" }, "Checkout summary"), /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-primary-50 px-3 py-1 text-xs font-semibold text-primary-700" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.BadgePercent, { className: "h-4 w-4" }), "Savings applied")), /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-6 space-y-4 text-sm text-slate-600" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19__default.default.createElement("span", null, "Subtotal"), /* @__PURE__ */ React19__default.default.createElement("span", { className: "font-semibold text-slate-900" }, formatPrice(subtotal))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19__default.default.createElement("span", null, "Shipping"), /* @__PURE__ */ React19__default.default.createElement("span", { className: "font-semibold" }, "Will be calculated at checkout")), /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center justify-between text-base font-semibold text-slate-900" }, /* @__PURE__ */ React19__default.default.createElement("span", null, "Order total"), /* @__PURE__ */ React19__default.default.createElement("span", null, formatPrice(total))), /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-2 text-xs text-slate-500" }, "Prices include pharmacy-grade quality control and packaging."))), /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20__default.default.createElement("h2", { className: "text-xl font-semibold text-slate-900" }, "Checkout summary"), /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-primary-50 px-3 py-1 text-xs font-semibold text-primary-700" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.BadgePercent, { className: "h-4 w-4" }), "Savings applied")), /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-6 space-y-4 text-sm text-slate-600" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20__default.default.createElement("span", null, "Subtotal"), /* @__PURE__ */ React20__default.default.createElement("span", { className: "font-semibold text-slate-900" }, formatPrice(subtotal))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20__default.default.createElement("span", null, "Shipping"), /* @__PURE__ */ React20__default.default.createElement("span", { className: "font-semibold" }, "Will be calculated at checkout")), /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center justify-between text-base font-semibold text-slate-900" }, /* @__PURE__ */ React20__default.default.createElement("span", null, "Order total"), /* @__PURE__ */ React20__default.default.createElement("span", null, formatPrice(total))), /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-2 text-xs text-slate-500" }, "Prices include pharmacy-grade quality control and packaging."))), /* @__PURE__ */ React20__default.default.createElement(
       Button,
       {
         size: "lg",
@@ -8614,8 +8633,8 @@ function CartScreen() {
         onClick: () => router.push("/checkout")
       },
       "Secure checkout",
-      /* @__PURE__ */ React19__default.default.createElement(lucideReact.ArrowRight, { className: "h-5 w-5" })
-    ), /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement(lucideReact.ArrowRight, { className: "h-5 w-5" })
+    ), /* @__PURE__ */ React20__default.default.createElement(
       "button",
       {
         type: "button",
@@ -8624,24 +8643,24 @@ function CartScreen() {
       },
       "Continue shopping"
     )),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/70 p-6 text-sm text-primary-700 shadow-sm" }, /* @__PURE__ */ React19__default.default.createElement("p", { className: "font-semibold uppercase tracking-[0.3em]" }, "Need help?"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-2 leading-relaxed" }, "Chat with a pharmacist to optimize your regimen or discuss substitutions before you check out."))
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/70 p-6 text-sm text-primary-700 shadow-sm" }, /* @__PURE__ */ React20__default.default.createElement("p", { className: "font-semibold uppercase tracking-[0.3em]" }, "Need help?"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-2 leading-relaxed" }, "Chat with a pharmacist to optimize your regimen or discuss substitutions before you check out."))
   )))));
 }
 function useAddresses() {
-  const [addresses, setAddresses] = React19.useState([]);
-  const [isLoading, setIsLoading] = React19.useState(true);
-  const [error, setError] = React19.useState(null);
-  const refresh = React19.useCallback(async () => {
+  const [addresses, setAddresses] = React20.useState([]);
+  const [isLoading, setIsLoading] = React20.useState(true);
+  const [error, setError] = React20.useState(null);
+  const refresh = React20.useCallback(async () => {
     setIsLoading(true);
     setError(null);
     const response = await new AddressesApi(AXIOS_CONFIG).getMyAddresses();
     setAddresses(response.data || []);
     setIsLoading(false);
   }, []);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     refresh();
   }, [refresh]);
-  const sortedAddresses = React19.useMemo(() => {
+  const sortedAddresses = React20.useMemo(() => {
     return [...addresses].sort((a, b) => {
       if (a.isDefault === b.isDefault) {
         return (b.updatedAt.toISOString() || "").localeCompare(a.updatedAt.toISOString() || "");
@@ -8649,26 +8668,26 @@ function useAddresses() {
       return a.isDefault ? -1 : 1;
     });
   }, [addresses]);
-  const defaultAddress = React19.useMemo(
+  const defaultAddress = React20.useMemo(
     () => sortedAddresses.find((address) => address.isDefault) || null,
     [sortedAddresses]
   );
-  const addAddress = React19.useCallback(async (payload) => {
+  const addAddress = React20.useCallback(async (payload) => {
     const response = await new AddressesApi(AXIOS_CONFIG).createAddressForUser(payload);
     setAddresses((prev) => [...prev, response.data]);
     return response.data;
   }, []);
-  const updateAddress = React19.useCallback(async (id, payload) => {
+  const updateAddress = React20.useCallback(async (id, payload) => {
     const response = await new AddressesApi(AXIOS_CONFIG).updateUserAddress(payload, id);
     setAddresses((prev) => prev.map((address) => address.id === id ? response.data : address));
     return response.data;
   }, []);
-  const removeAddress = React19.useCallback(async (id) => {
+  const removeAddress = React20.useCallback(async (id) => {
     await new AddressesApi(AXIOS_CONFIG).deleteUserAddress(id);
     setAddresses((prev) => prev.filter((address) => address.id !== id));
     return;
   }, []);
-  const markAsDefault = React19.useCallback(async (id) => {
+  const markAsDefault = React20.useCallback(async (id) => {
     const response = await new AddressesApi(AXIOS_CONFIG).updateDefaultAddress(id);
     setAddresses((prev) => prev.map((address) => address.id === id ? response.data : address));
     return response.data;
@@ -8686,7 +8705,7 @@ function useAddresses() {
   };
 }
 function Card({ className = "", ...props }) {
-  return /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React20__default.default.createElement(
     "div",
     {
       className: `rounded-lg border bg-white shadow-sm ${className}`,
@@ -8695,7 +8714,7 @@ function Card({ className = "", ...props }) {
   );
 }
 function Modal({ isOpen, onClose, title, children, size = "md" }) {
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (isOpen) {
       document.body.style.overflow = "hidden";
     } else {
@@ -8711,7 +8730,7 @@ function Modal({ isOpen, onClose, title, children, size = "md" }) {
     lg: "max-w-2xl",
     xl: "max-w-4xl"
   };
-  return /* @__PURE__ */ React19__default.default.createElement(framerMotion.AnimatePresence, null, isOpen && /* @__PURE__ */ React19__default.default.createElement(React19__default.default.Fragment, null, /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React20__default.default.createElement(framerMotion.AnimatePresence, null, isOpen && /* @__PURE__ */ React20__default.default.createElement(React20__default.default.Fragment, null, /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0 },
@@ -8720,7 +8739,7 @@ function Modal({ isOpen, onClose, title, children, size = "md" }) {
       onClick: onClose,
       className: "fixed inset-0 bg-black/50 backdrop-blur-sm z-50"
     }
-  ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4" }, /* @__PURE__ */ React19__default.default.createElement(
+  ), /* @__PURE__ */ React20__default.default.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4" }, /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, scale: 0.95, y: 20 },
@@ -8728,15 +8747,15 @@ function Modal({ isOpen, onClose, title, children, size = "md" }) {
       exit: { opacity: 0, scale: 0.95, y: 20 },
       className: `bg-white rounded-2xl shadow-2xl w-full ${sizes[size]} max-h-[90vh] overflow-hidden flex flex-col`
     },
-    title && /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center justify-between p-6 border-b border-gray-200" }, /* @__PURE__ */ React19__default.default.createElement("h2", { className: "text-2xl font-bold text-gray-900" }, title), /* @__PURE__ */ React19__default.default.createElement(
+    title && /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center justify-between p-6 border-b border-gray-200" }, /* @__PURE__ */ React20__default.default.createElement("h2", { className: "text-2xl font-bold text-gray-900" }, title), /* @__PURE__ */ React20__default.default.createElement(
       "button",
       {
         onClick: onClose,
         className: "p-2 hover:bg-gray-100 rounded-lg transition-colors"
       },
-      /* @__PURE__ */ React19__default.default.createElement(lucideReact.X, { className: "w-5 h-5" })
+      /* @__PURE__ */ React20__default.default.createElement(lucideReact.X, { className: "w-5 h-5" })
     )),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex-1 overflow-y-auto p-6" }, children)
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex-1 overflow-y-auto p-6" }, children)
   ))));
 }
 var addressSchema = zod.z.object({
@@ -8750,7 +8769,7 @@ var addressSchema = zod.z.object({
   phone: zod.z.string().min(10, "Phone number is required")
 });
 function AddressFormModal({ isOpen, onClose, onAddressAdded, onAddressUpdated, initialAddress }) {
-  const [isSubmitting, setIsSubmitting] = React19.useState(false);
+  const [isSubmitting, setIsSubmitting] = React20.useState(false);
   const {
     register,
     handleSubmit,
@@ -8769,7 +8788,7 @@ function AddressFormModal({ isOpen, onClose, onAddressAdded, onAddressUpdated, i
       country: initialAddress?.country || "United States"
     }
   });
-  React19.useState(() => {
+  React20.useState(() => {
   });
   const onSubmit = async (data) => {
     setIsSubmitting(true);
@@ -8907,7 +8926,7 @@ var PAYMENT_METHODS = [
   {
     label: "Card",
     value: "Card",
-    icon: /* @__PURE__ */ React19__default.default.createElement(lucideReact.CreditCard, { className: "w-5 h-5" }),
+    icon: /* @__PURE__ */ React20__default.default.createElement(lucideReact.CreditCard, { className: "w-5 h-5" }),
     description: "Pay securely with your credit or debit card",
     className: "border-blue-500 hover:bg-blue-50",
     activeClass: "bg-blue-50 border-blue-500 text-blue-700"
@@ -8915,7 +8934,7 @@ var PAYMENT_METHODS = [
   {
     label: "Cash",
     value: "Cash",
-    icon: /* @__PURE__ */ React19__default.default.createElement(lucideReact.PackageCheck, { className: "w-5 h-5" }),
+    icon: /* @__PURE__ */ React20__default.default.createElement(lucideReact.PackageCheck, { className: "w-5 h-5" }),
     description: "Pay with cash on delivery or at pickup",
     className: "border-amber-500 hover:bg-amber-50",
     activeClass: "bg-amber-50 border-amber-500 text-amber-700"
@@ -8923,7 +8942,7 @@ var PAYMENT_METHODS = [
   {
     label: "Credit",
     value: "Credit",
-    icon: /* @__PURE__ */ React19__default.default.createElement(lucideReact.ShieldCheck, { className: "w-5 h-5" }),
+    icon: /* @__PURE__ */ React20__default.default.createElement(lucideReact.ShieldCheck, { className: "w-5 h-5" }),
     description: "Use your account credit",
     className: "border-emerald-500 hover:bg-emerald-50",
     activeClass: "bg-emerald-50 border-emerald-500 text-emerald-700"
@@ -8933,25 +8952,25 @@ function CheckoutScreen() {
   const router = navigation.useRouter();
   const { cart, clearCart } = useCart();
   const { isAuthenticated, user } = useAuth();
-  const [isSubmitting, setIsSubmitting] = React19.useState(false);
-  const [isDelivery, setIsDelivery] = React19.useState(true);
-  const [paymentMethod, setPaymentMethod] = React19.useState("Card");
-  const [error, setError] = React19.useState(null);
-  const [selectedAddressId, setSelectedAddressId] = React19.useState(null);
-  const [selectedStoreAddressId, setSelectedStoreAddressId] = React19.useState(null);
-  const [storeAddresses, setStoreAddresses] = React19.useState([]);
-  const [isAddressModalOpen, setIsAddressModalOpen] = React19.useState(false);
-  const [editingAddress, setEditingAddress] = React19.useState(null);
-  const [shippingPrice, setShippingPrice] = React19.useState(0);
+  const [isSubmitting, setIsSubmitting] = React20.useState(false);
+  const [isDelivery, setIsDelivery] = React20.useState(true);
+  const [paymentMethod, setPaymentMethod] = React20.useState("Card");
+  const [error, setError] = React20.useState(null);
+  const [selectedAddressId, setSelectedAddressId] = React20.useState(null);
+  const [selectedStoreAddressId, setSelectedStoreAddressId] = React20.useState(null);
+  const [storeAddresses, setStoreAddresses] = React20.useState([]);
+  const [isAddressModalOpen, setIsAddressModalOpen] = React20.useState(false);
+  const [editingAddress, setEditingAddress] = React20.useState(null);
+  const [shippingPrice, setShippingPrice] = React20.useState(0);
   const {
     addresses: userAddresses,
     defaultAddress
   } = useAddresses();
-  const [selectedShippingRateId, setSelectedShippingRateId] = React19.useState(null);
-  const [shippingRates, setShippingRates] = React19.useState([]);
-  const [shippingRatesLoading, setShippingRatesLoading] = React19.useState(false);
-  const [shippingRatesError, setShippingRatesError] = React19.useState(null);
-  const [storeData, setStoreData] = React19.useState(null);
+  const [selectedShippingRateId, setSelectedShippingRateId] = React20.useState(null);
+  const [shippingRates, setShippingRates] = React20.useState([]);
+  const [shippingRatesLoading, setShippingRatesLoading] = React20.useState(false);
+  const [shippingRatesError, setShippingRatesError] = React20.useState(null);
+  const [storeData, setStoreData] = React20.useState(null);
   const { addresses, isLoading, refresh, removeAddress } = useAddresses();
   const {
     register,
@@ -8976,7 +8995,7 @@ function CheckoutScreen() {
     }
   });
   const sameAsShipping = watch("sameAsShipping", true);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (sameAsShipping) {
       setValue("billing.name", watch("shipping.name"));
       setValue("billing.phone", watch("shipping.phone"));
@@ -8988,7 +9007,7 @@ function CheckoutScreen() {
       setValue("billing.country", watch("shipping.country"));
     }
   }, [sameAsShipping, watch("shipping.name"), watch("shipping.phone"), watch("shipping.street1"), watch("shipping.street2"), watch("shipping.city"), watch("shipping.state"), watch("shipping.zip"), watch("shipping.country")]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (defaultAddress && !selectedAddressId) {
       setSelectedAddressId(defaultAddress.id);
       setValue("shipping.name", defaultAddress.name);
@@ -9023,7 +9042,7 @@ function CheckoutScreen() {
     setShippingRates([]);
     setSelectedShippingRateId(null);
   };
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (!isDelivery || !selectedAddressId || !cart || cart?.cartBody?.items?.length === 0 || !cart?.cartBody?.items) {
       setShippingRates([]);
       setSelectedShippingRateId(null);
@@ -9052,7 +9071,7 @@ function CheckoutScreen() {
       }
     })();
   }, [isDelivery, selectedAddressId, cart]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (!isDelivery) {
       const stores = [
         { id: "store1", name: "Main Pharmacy", street1: "123 Main St", city: "Seattle" },
@@ -9126,7 +9145,7 @@ function CheckoutScreen() {
       }
     }
     setIsSubmitting(true);
-    sonner.toast("Submitting order...", { icon: /* @__PURE__ */ React19__default.default.createElement(lucideReact.CreditCard, { className: "h-4 w-4" }) });
+    sonner.toast("Submitting order...", { icon: /* @__PURE__ */ React20__default.default.createElement(lucideReact.CreditCard, { className: "h-4 w-4" }) });
     try {
       const items = (cart?.cartBody?.items || []).map((item) => ({
         productVariantId: String(item.productVariantId),
@@ -9191,33 +9210,33 @@ function CheckoutScreen() {
   const subtotal = cart.total;
   const tax = 0;
   const total = subtotal + shippingPrice + tax;
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19__default.default.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React20__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20__default.default.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "space-y-6"
     },
-    /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.ShieldCheck, { className: "h-4 w-4" }), "Secure checkout"),
-    /* @__PURE__ */ React19__default.default.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Provide delivery details"),
-    /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-white/75 md:text-lg" }, "Our pharmacists handle every package with care. Share your shipping and billing information so we can dispatch your order within the next 12 hours."),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-wrap gap-3" }, checkoutSteps.map((step) => /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.ShieldCheck, { className: "h-4 w-4" }), "Secure checkout"),
+    /* @__PURE__ */ React20__default.default.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Provide delivery details"),
+    /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-white/75 md:text-lg" }, "Our pharmacists handle every package with care. Share your shipping and billing information so we can dispatch your order within the next 12 hours."),
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-wrap gap-3" }, checkoutSteps.map((step) => /* @__PURE__ */ React20__default.default.createElement(
       "div",
       {
         key: step.id,
         className: `flex items-center gap-3 rounded-2xl px-4 py-2 text-sm font-semibold ${step.status === "complete" ? "bg-white/20 text-white" : step.status === "current" ? "bg-white text-primary-700" : "bg-white/10 text-white/60"}`
       },
-      /* @__PURE__ */ React19__default.default.createElement("span", { className: "flex h-7 w-7 items-center justify-center rounded-full bg-white/20 text-xs font-bold" }, step.id),
+      /* @__PURE__ */ React20__default.default.createElement("span", { className: "flex h-7 w-7 items-center justify-center rounded-full bg-white/20 text-xs font-bold" }, step.id),
       step.label
     )))
-  )))), /* @__PURE__ */ React19__default.default.createElement("form", { onSubmit: handleSubmit(onSubmit) }, error && /* @__PURE__ */ React19__default.default.createElement("div", { className: "mb-4 text-red-600 font-semibold" }, error), /* @__PURE__ */ React19__default.default.createElement("div", { className: "pt-12 container mx-auto grid gap-10 px-4 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React19__default.default.createElement(
+  )))), /* @__PURE__ */ React20__default.default.createElement("form", { onSubmit: handleSubmit(onSubmit) }, error && /* @__PURE__ */ React20__default.default.createElement("div", { className: "mb-4 text-red-600 font-semibold" }, error), /* @__PURE__ */ React20__default.default.createElement("div", { className: "pt-12 container mx-auto grid gap-10 px-4 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "space-y-8"
     },
-    /* @__PURE__ */ React19__default.default.createElement("section", { className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-wrap items-center justify-between gap-4" }, /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement("h2", { className: "text-xl font-semibold text-slate-900" }, "Shipping information"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm text-slate-500" }, "We use temperature-aware packaging and real-time tracking on every shipment.")), /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-primary-50 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-primary-700" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Truck, { className: "h-4 w-4" }), "Dispatch in 12h")), /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-6 grid grid-cols-1 gap-4 md:grid-cols-2" }, isDelivery && /* @__PURE__ */ React19__default.default.createElement("div", { className: "md:col-span-2 space-y-4" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19__default.default.createElement("label", { className: "block font-semibold" }, "Select Address"), /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("section", { className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-wrap items-center justify-between gap-4" }, /* @__PURE__ */ React20__default.default.createElement("div", null, /* @__PURE__ */ React20__default.default.createElement("h2", { className: "text-xl font-semibold text-slate-900" }, "Shipping information"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm text-slate-500" }, "We use temperature-aware packaging and real-time tracking on every shipment.")), /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-primary-50 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-primary-700" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Truck, { className: "h-4 w-4" }), "Dispatch in 12h")), /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-6 grid grid-cols-1 gap-4 md:grid-cols-2" }, isDelivery && /* @__PURE__ */ React20__default.default.createElement("div", { className: "md:col-span-2 space-y-4" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20__default.default.createElement("label", { className: "block font-semibold" }, "Select Address"), /* @__PURE__ */ React20__default.default.createElement(
       Button,
       {
         type: "button",
@@ -9228,15 +9247,15 @@ function CheckoutScreen() {
           setIsAddressModalOpen(true);
         }
       },
-      /* @__PURE__ */ React19__default.default.createElement(lucideReact.Plus, { className: "h-4 w-4 mr-2" }),
+      /* @__PURE__ */ React20__default.default.createElement(lucideReact.Plus, { className: "h-4 w-4 mr-2" }),
       "Add New Address"
-    )), userAddresses.length > 0 ? /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid gap-4" }, userAddresses.map((addr) => /* @__PURE__ */ React19__default.default.createElement(
+    )), userAddresses.length > 0 ? /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid gap-4" }, userAddresses.map((addr) => /* @__PURE__ */ React20__default.default.createElement(
       "label",
       {
         key: addr.id,
         className: `group relative flex items-start gap-3 p-4 rounded-2xl border ${selectedAddressId === addr.id ? "border-primary-500 bg-primary-50 shadow-sm" : "border-slate-200 bg-white"} cursor-pointer hover:border-primary-300 transition-colors`
       },
-      /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement(
         "input",
         {
           type: "radio",
@@ -9257,7 +9276,7 @@ function CheckoutScreen() {
           className: "mt-1"
         }
       ),
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React19__default.default.createElement("p", { className: "font-semibold text-slate-900" }, addr.name), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm text-slate-600" }, addr.street1), addr.street2 && /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm text-slate-600" }, addr.street2), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm text-slate-600" }, addr.city, ", ", addr.state, " ", addr.zip), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm text-slate-600" }, addr.country), addr.phone && /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm text-slate-600 mt-1" }, addr.phone), /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-3 flex items-center gap-2" }, addr.isDefault && /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-primary-100 px-2.5 py-0.5 text-xs font-semibold text-primary-700" }, "Default"), /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React20__default.default.createElement("p", { className: "font-semibold text-slate-900" }, addr.name), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm text-slate-600" }, addr.street1), addr.street2 && /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm text-slate-600" }, addr.street2), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm text-slate-600" }, addr.city, ", ", addr.state, " ", addr.zip), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm text-slate-600" }, addr.country), addr.phone && /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm text-slate-600 mt-1" }, addr.phone), /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-3 flex items-center gap-2" }, addr.isDefault && /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-primary-100 px-2.5 py-0.5 text-xs font-semibold text-primary-700" }, "Default"), /* @__PURE__ */ React20__default.default.createElement(
         "button",
         {
           type: "button",
@@ -9268,9 +9287,9 @@ function CheckoutScreen() {
           },
           className: "inline-flex items-center gap-1 rounded-full border border-slate-200 px-2.5 py-0.5 text-xs font-medium text-slate-600 hover:border-primary-300 hover:text-primary-600"
         },
-        /* @__PURE__ */ React19__default.default.createElement(lucideReact.Edit3, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ React20__default.default.createElement(lucideReact.Edit3, { className: "h-3.5 w-3.5" }),
         " Edit"
-      ), /* @__PURE__ */ React19__default.default.createElement(
+      ), /* @__PURE__ */ React20__default.default.createElement(
         "button",
         {
           type: "button",
@@ -9288,23 +9307,23 @@ function CheckoutScreen() {
           },
           className: "inline-flex items-center gap-1 rounded-full border border-red-200 px-2.5 py-0.5 text-xs font-semibold text-red-600 hover:border-red-300 hover:text-red-700"
         },
-        /* @__PURE__ */ React19__default.default.createElement(lucideReact.Trash2, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ React20__default.default.createElement(lucideReact.Trash2, { className: "h-3.5 w-3.5" }),
         " Delete"
       )))
-    ))) : /* @__PURE__ */ React19__default.default.createElement("div", { className: "text-center py-8 bg-slate-50 rounded-lg" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.MapPin, { className: "h-12 w-12 mx-auto text-slate-400" }), /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-2 text-slate-600" }, "No addresses found"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm text-slate-500" }, "Add a new address to continue"))), !isDelivery && storeAddresses.length > 0 && /* @__PURE__ */ React19__default.default.createElement("div", { className: "md:col-span-2" }, /* @__PURE__ */ React19__default.default.createElement("label", { className: "block mb-2 font-semibold" }, "Select Pickup Location"), /* @__PURE__ */ React19__default.default.createElement(
+    ))) : /* @__PURE__ */ React20__default.default.createElement("div", { className: "text-center py-8 bg-slate-50 rounded-lg" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.MapPin, { className: "h-12 w-12 mx-auto text-slate-400" }), /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-2 text-slate-600" }, "No addresses found"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm text-slate-500" }, "Add a new address to continue"))), !isDelivery && storeAddresses.length > 0 && /* @__PURE__ */ React20__default.default.createElement("div", { className: "md:col-span-2" }, /* @__PURE__ */ React20__default.default.createElement("label", { className: "block mb-2 font-semibold" }, "Select Pickup Location"), /* @__PURE__ */ React20__default.default.createElement(
       "select",
       {
         className: "w-full border rounded p-2",
         value: selectedStoreAddressId || "",
         onChange: (e) => setSelectedStoreAddressId(e.target.value)
       },
-      storeAddresses.map((addr) => /* @__PURE__ */ React19__default.default.createElement("option", { key: addr.id, value: addr.id }, addr.name, " - ", addr.street1, ", ", addr.city))
+      storeAddresses.map((addr) => /* @__PURE__ */ React20__default.default.createElement("option", { key: addr.id, value: addr.id }, addr.name, " - ", addr.street1, ", ", addr.city))
     )))),
-    isDelivery && selectedAddressId && /* @__PURE__ */ React19__default.default.createElement(Card, { className: "p-6 border border-gray-200 rounded-xl shadow-sm" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-3 text-xl font-semibold text-gray-900 pb-4 mb-6 border-b" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Truck, { className: "text-accent w-6 h-6" }), /* @__PURE__ */ React19__default.default.createElement("span", null, "Shipping Options")), shippingRatesLoading ? /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center justify-center py-12" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-accent" }), /* @__PURE__ */ React19__default.default.createElement("span", { className: "ml-3 text-gray-600" }, "Loading shipping options...")) : shippingRatesError ? /* @__PURE__ */ React19__default.default.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "w-16 h-16 mx-auto mb-4 bg-red-100 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React19__default.default.createElement("svg", { className: "w-8 h-8 text-red-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React19__default.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }))), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-red-500 text-lg font-medium" }, "Error loading shipping options"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-red-400 text-sm mt-1" }, shippingRatesError)) : shippingRates && shippingRates.length > 0 ? /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-4" }, shippingRates.map((rate) => {
+    isDelivery && selectedAddressId && /* @__PURE__ */ React20__default.default.createElement(Card, { className: "p-6 border border-gray-200 rounded-xl shadow-sm" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-3 text-xl font-semibold text-gray-900 pb-4 mb-6 border-b" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Truck, { className: "text-accent w-6 h-6" }), /* @__PURE__ */ React20__default.default.createElement("span", null, "Shipping Options")), shippingRatesLoading ? /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center justify-center py-12" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-accent" }), /* @__PURE__ */ React20__default.default.createElement("span", { className: "ml-3 text-gray-600" }, "Loading shipping options...")) : shippingRatesError ? /* @__PURE__ */ React20__default.default.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "w-16 h-16 mx-auto mb-4 bg-red-100 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React20__default.default.createElement("svg", { className: "w-8 h-8 text-red-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React20__default.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }))), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-red-500 text-lg font-medium" }, "Error loading shipping options"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-red-400 text-sm mt-1" }, shippingRatesError)) : shippingRates && shippingRates.length > 0 ? /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-4" }, shippingRates.map((rate) => {
       const isSelected = !!selectedShippingRateId && selectedShippingRateId === rate.objectId;
       const isTest = rate.test;
       const hasAttributes = rate.attributes && rate.attributes.length > 0;
-      return /* @__PURE__ */ React19__default.default.createElement(
+      return /* @__PURE__ */ React20__default.default.createElement(
         "div",
         {
           key: rate.objectId,
@@ -9313,7 +9332,7 @@ function CheckoutScreen() {
           onMouseLeave: () => setShippingPrice(parseFloat(rate.amountLocal)),
           className: `relative p-5 border-2 rounded-xl cursor-pointer transition-all duration-200 hover:shadow-md ${isSelected ? "border-primary-500 bg-primary-50 ring-2 ring-primary-200" : "border-gray-200 hover:border-gray-300"}`
         },
-        /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-start justify-between" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-start gap-4 flex-1" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ React19__default.default.createElement(
+        /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-start justify-between" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-start gap-4 flex-1" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ React20__default.default.createElement(
           Image3__default.default,
           {
             src: rate.providerImage75 || "/placeholder-product.jpg",
@@ -9326,18 +9345,18 @@ function CheckoutScreen() {
             width: 48,
             height: 48
           }
-        )), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-2 mb-2" }, /* @__PURE__ */ React19__default.default.createElement("h3", { className: "text-lg font-semibold text-gray-900" }, rate.provider, " ", rate.servicelevel?.name), isTest && /* @__PURE__ */ React19__default.default.createElement("span", { className: "px-2 py-1 text-xs font-medium bg-orange-100 text-orange-800 rounded-full" }, "TEST")), hasAttributes && /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-wrap gap-2 mb-3" }, rate.attributes.map((attr) => /* @__PURE__ */ React19__default.default.createElement(
+        )), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-2 mb-2" }, /* @__PURE__ */ React20__default.default.createElement("h3", { className: "text-lg font-semibold text-gray-900" }, rate.provider, " ", rate.servicelevel?.name), isTest && /* @__PURE__ */ React20__default.default.createElement("span", { className: "px-2 py-1 text-xs font-medium bg-orange-100 text-orange-800 rounded-full" }, "TEST")), hasAttributes && /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-wrap gap-2 mb-3" }, rate.attributes.map((attr) => /* @__PURE__ */ React20__default.default.createElement(
           "span",
           {
             key: attr,
             className: `px-2 py-1 text-xs font-medium rounded-full ${attr === "FASTEST" ? "bg-green-100 text-green-800" : attr === "BESTVALUE" ? "bg-blue-100 text-blue-800" : attr === "CHEAPEST" ? "bg-purple-100 text-purple-800" : "bg-gray-100 text-gray-800"}`
           },
           attr
-        ))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-1 text-sm text-gray-600" }, rate.durationTerms && /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React19__default.default.createElement("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React19__default.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" })), /* @__PURE__ */ React19__default.default.createElement("span", null, rate.durationTerms)), rate.estimatedDays && /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React19__default.default.createElement("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React19__default.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" })), /* @__PURE__ */ React19__default.default.createElement("span", null, "Estimated ", rate.estimatedDays, " day", rate.estimatedDays !== 1 ? "s" : "")), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React19__default.default.createElement("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React19__default.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9 5H7a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" })), /* @__PURE__ */ React19__default.default.createElement("span", null, "Carrier: ", rate.provider)), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React19__default.default.createElement("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React19__default.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" })), /* @__PURE__ */ React19__default.default.createElement("span", null, "Currency: ", rate.currency))))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-col items-end" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "text-2xl font-bold text-gray-900" }, formatPrice(parseFloat(rate.amount))), rate.amount !== rate.amountLocal && /* @__PURE__ */ React19__default.default.createElement("div", { className: "text-sm text-gray-500" }, rate.amountLocal, " ", rate.currencyLocal))),
-        isSelected && /* @__PURE__ */ React19__default.default.createElement("div", { className: "absolute top-3 right-3" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "w-6 h-6 bg-primary-500 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Check, { className: "w-4 h-4 text-white" })))
+        ))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-1 text-sm text-gray-600" }, rate.durationTerms && /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React20__default.default.createElement("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React20__default.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" })), /* @__PURE__ */ React20__default.default.createElement("span", null, rate.durationTerms)), rate.estimatedDays && /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React20__default.default.createElement("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React20__default.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" })), /* @__PURE__ */ React20__default.default.createElement("span", null, "Estimated ", rate.estimatedDays, " day", rate.estimatedDays !== 1 ? "s" : "")), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React20__default.default.createElement("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React20__default.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9 5H7a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" })), /* @__PURE__ */ React20__default.default.createElement("span", null, "Carrier: ", rate.provider)), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React20__default.default.createElement("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React20__default.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" })), /* @__PURE__ */ React20__default.default.createElement("span", null, "Currency: ", rate.currency))))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-col items-end" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "text-2xl font-bold text-gray-900" }, formatPrice(parseFloat(rate.amount))), rate.amount !== rate.amountLocal && /* @__PURE__ */ React20__default.default.createElement("div", { className: "text-sm text-gray-500" }, rate.amountLocal, " ", rate.currencyLocal))),
+        isSelected && /* @__PURE__ */ React20__default.default.createElement("div", { className: "absolute top-3 right-3" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "w-6 h-6 bg-primary-500 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Check, { className: "w-4 h-4 text-white" })))
       );
-    })) : /* @__PURE__ */ React19__default.default.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "w-16 h-16 mx-auto mb-4 bg-gray-100 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Truck, { className: "w-8 h-8 text-gray-400" })), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-gray-500 text-lg font-medium" }, "No shipping options available"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-gray-400 text-sm mt-1" }, "Please check the shipping address or try a different location.")))
-  ), /* @__PURE__ */ React19__default.default.createElement(
+    })) : /* @__PURE__ */ React20__default.default.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "w-16 h-16 mx-auto mb-4 bg-gray-100 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Truck, { className: "w-8 h-8 text-gray-400" })), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-gray-500 text-lg font-medium" }, "No shipping options available"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-gray-400 text-sm mt-1" }, "Please check the shipping address or try a different location.")))
+  ), /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.aside,
     {
       initial: { opacity: 0, y: 32 },
@@ -9345,22 +9364,22 @@ function CheckoutScreen() {
       transition: { duration: 0.5, ease: "easeOut", delay: 0.1 },
       className: "space-y-10 lg:sticky lg:top-24"
     },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-xl shadow-primary-50/50 transition hover:shadow-primary-100/60" }, /* @__PURE__ */ React19__default.default.createElement("h2", { className: "text-2xl font-semibold text-slate-900" }, "Order Summary"), /* @__PURE__ */ React19__default.default.createElement("section", { className: "mt-6 space-y-4" }, /* @__PURE__ */ React19__default.default.createElement("h3", { className: "text-xs font-semibold text-slate-700 uppercase tracking-wider" }, "Delivery Method"), /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid grid-cols-1 gap-3" }, [
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-xl shadow-primary-50/50 transition hover:shadow-primary-100/60" }, /* @__PURE__ */ React20__default.default.createElement("h2", { className: "text-2xl font-semibold text-slate-900" }, "Order Summary"), /* @__PURE__ */ React20__default.default.createElement("section", { className: "mt-6 space-y-4" }, /* @__PURE__ */ React20__default.default.createElement("h3", { className: "text-xs font-semibold text-slate-700 uppercase tracking-wider" }, "Delivery Method"), /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid grid-cols-1 gap-3" }, [
       {
         label: "Delivery",
-        icon: /* @__PURE__ */ React19__default.default.createElement(lucideReact.Truck, { className: "w-5 h-5" }),
+        icon: /* @__PURE__ */ React20__default.default.createElement(lucideReact.Truck, { className: "w-5 h-5" }),
         value: true,
         desc: "Shipped to your address"
       },
       {
         label: "Pickup",
-        icon: /* @__PURE__ */ React19__default.default.createElement(lucideReact.MapPin, { className: "w-5 h-5" }),
+        icon: /* @__PURE__ */ React20__default.default.createElement(lucideReact.MapPin, { className: "w-5 h-5" }),
         value: false,
         desc: "Collect from pharmacy"
       }
     ].map((option) => {
       const active = isDelivery === option.value;
-      return /* @__PURE__ */ React19__default.default.createElement(
+      return /* @__PURE__ */ React20__default.default.createElement(
         "button",
         {
           key: option.label,
@@ -9369,18 +9388,18 @@ function CheckoutScreen() {
           "aria-pressed": active,
           className: `relative flex w-full items-center justify-between rounded-xl border-2 p-3 transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2 ${active ? "border-primary-500 bg-primary-50 shadow-sm" : "border-slate-200 bg-white hover:border-primary-200 hover:bg-primary-50/40"}`
         },
-        /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19__default.default.createElement(
+        /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20__default.default.createElement(
           "div",
           {
             className: `p-2 rounded-lg ${active ? "bg-primary-100 text-primary-600" : "bg-slate-100 text-slate-600 group-hover:bg-slate-50"}`
           },
           option.icon
-        ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "text-left" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "font-medium text-slate-900" }, option.label), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-xs text-slate-500" }, option.desc))),
-        active && /* @__PURE__ */ React19__default.default.createElement("div", { className: "w-5 h-5 rounded-full bg-primary-500 flex items-center justify-center text-white shadow-sm" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Check, { className: "w-3 h-3" }))
+        ), /* @__PURE__ */ React20__default.default.createElement("div", { className: "text-left" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "font-medium text-slate-900" }, option.label), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-xs text-slate-500" }, option.desc))),
+        active && /* @__PURE__ */ React20__default.default.createElement("div", { className: "w-5 h-5 rounded-full bg-primary-500 flex items-center justify-center text-white shadow-sm" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Check, { className: "w-3 h-3" }))
       );
-    }))), /* @__PURE__ */ React19__default.default.createElement("section", { className: "mt-8 space-y-4" }, /* @__PURE__ */ React19__default.default.createElement("h3", { className: "text-xs font-semibold text-slate-700 uppercase tracking-wider" }, "Payment Method"), /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-3" }, PAYMENT_METHODS.map((pm) => {
+    }))), /* @__PURE__ */ React20__default.default.createElement("section", { className: "mt-8 space-y-4" }, /* @__PURE__ */ React20__default.default.createElement("h3", { className: "text-xs font-semibold text-slate-700 uppercase tracking-wider" }, "Payment Method"), /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-3" }, PAYMENT_METHODS.map((pm) => {
       const active = paymentMethod === pm.value;
-      return /* @__PURE__ */ React19__default.default.createElement(
+      return /* @__PURE__ */ React20__default.default.createElement(
         "button",
         {
           key: pm.value,
@@ -9388,22 +9407,22 @@ function CheckoutScreen() {
           onClick: () => setPaymentMethod(pm.value),
           className: `w-full flex items-center justify-between rounded-xl border-2 p-3 transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 ${active ? `${pm.activeClass} border-current shadow-sm` : `${pm.className} border-slate-200 hover:border-primary-200 hover:shadow-sm`}`
         },
-        /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19__default.default.createElement(
+        /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20__default.default.createElement(
           "div",
           {
             className: `p-1.5 rounded-md ${pm.value === "Card" ? "bg-blue-100 text-blue-600" : pm.value === "Cash" ? "bg-amber-100 text-amber-600" : "bg-emerald-100 text-emerald-600"} ${active ? "bg-opacity-30" : "bg-opacity-100"}`
           },
           pm.icon
-        ), /* @__PURE__ */ React19__default.default.createElement("span", { className: "text-sm font-medium text-slate-900" }, pm.label)),
-        active && /* @__PURE__ */ React19__default.default.createElement("div", { className: "w-4 h-4 rounded-full bg-primary-500 flex items-center justify-center text-white shadow-sm" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Check, { className: "w-2.5 h-2.5" }))
+        ), /* @__PURE__ */ React20__default.default.createElement("span", { className: "text-sm font-medium text-slate-900" }, pm.label)),
+        active && /* @__PURE__ */ React20__default.default.createElement("div", { className: "w-4 h-4 rounded-full bg-primary-500 flex items-center justify-center text-white shadow-sm" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Check, { className: "w-2.5 h-2.5" }))
       );
-    })), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-xs text-slate-500 mt-2 pl-1 leading-relaxed" }, paymentMethod === "Card" && "You will be redirected to a secure payment page.", paymentMethod === "Cash" && "Pay with cash at the time of delivery or pickup.", paymentMethod === "Credit" && "Use your available account credit for this order.")), /* @__PURE__ */ React19__default.default.createElement("section", { className: "mt-8 pt-6 border-t border-slate-100" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "max-h-60 space-y-4 overflow-y-auto pr-2 scrollbar-thin scrollbar-thumb-slate-200 hover:scrollbar-thumb-slate-300" }, cart?.cartBody?.items?.map((item) => /* @__PURE__ */ React19__default.default.createElement(
+    })), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-xs text-slate-500 mt-2 pl-1 leading-relaxed" }, paymentMethod === "Card" && "You will be redirected to a secure payment page.", paymentMethod === "Cash" && "Pay with cash at the time of delivery or pickup.", paymentMethod === "Credit" && "Use your available account credit for this order.")), /* @__PURE__ */ React20__default.default.createElement("section", { className: "mt-8 pt-6 border-t border-slate-100" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "max-h-60 space-y-4 overflow-y-auto pr-2 scrollbar-thin scrollbar-thumb-slate-200 hover:scrollbar-thumb-slate-300" }, cart?.cartBody?.items?.map((item) => /* @__PURE__ */ React20__default.default.createElement(
       "div",
       {
         key: item.productId,
         className: "flex gap-4 rounded-2xl border border-slate-100 p-4 hover:bg-slate-50/50 transition"
       },
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex h-16 w-16 items-center justify-center rounded-xl bg-slate-100 text-slate-400" }, /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex h-16 w-16 items-center justify-center rounded-xl bg-slate-100 text-slate-400" }, /* @__PURE__ */ React20__default.default.createElement(
         Image3__default.default,
         {
           src: item.productVariantData.productMedia?.[0]?.file || "/placeholder-product.jpg",
@@ -9413,9 +9432,9 @@ function CheckoutScreen() {
           className: "object-contain"
         }
       )),
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm font-semibold text-slate-900" }, item?.productVariantData?.name), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-xs text-slate-500" }, "Qty ", item.quantity)),
-      /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm font-semibold text-slate-900" }, formatPrice(item.productVariantData.finalPrice * item.quantity))
-    ))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-6 space-y-3 text-sm text-slate-600" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19__default.default.createElement("span", null, "Subtotal"), /* @__PURE__ */ React19__default.default.createElement("span", { className: "font-semibold text-slate-900" }, formatPrice(subtotal))), isDelivery && /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19__default.default.createElement("span", null, "Shipping"), /* @__PURE__ */ React19__default.default.createElement("span", { className: "font-semibold" }, formatPrice(shippingPrice))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19__default.default.createElement("span", null, "Estimated tax"), /* @__PURE__ */ React19__default.default.createElement("span", { className: "font-semibold" }, formatPrice(tax))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center justify-between text-base font-semibold text-slate-900" }, /* @__PURE__ */ React19__default.default.createElement("span", null, "Total Due"), /* @__PURE__ */ React19__default.default.createElement("span", null, formatPrice(total))), /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-1 text-xs text-slate-500" }, "Tax is estimated. Final amount confirmed after payment.")))), /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm font-semibold text-slate-900" }, item?.productVariantData?.name), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-xs text-slate-500" }, "Qty ", item.quantity)),
+      /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm font-semibold text-slate-900" }, formatPrice(item.productVariantData.finalPrice * item.quantity))
+    ))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-6 space-y-3 text-sm text-slate-600" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20__default.default.createElement("span", null, "Subtotal"), /* @__PURE__ */ React20__default.default.createElement("span", { className: "font-semibold text-slate-900" }, formatPrice(subtotal))), isDelivery && /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20__default.default.createElement("span", null, "Shipping"), /* @__PURE__ */ React20__default.default.createElement("span", { className: "font-semibold" }, formatPrice(shippingPrice))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20__default.default.createElement("span", null, "Estimated tax"), /* @__PURE__ */ React20__default.default.createElement("span", { className: "font-semibold" }, formatPrice(tax))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center justify-between text-base font-semibold text-slate-900" }, /* @__PURE__ */ React20__default.default.createElement("span", null, "Total Due"), /* @__PURE__ */ React20__default.default.createElement("span", null, formatPrice(total))), /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-1 text-xs text-slate-500" }, "Tax is estimated. Final amount confirmed after payment.")))), /* @__PURE__ */ React20__default.default.createElement(
       Button,
       {
         type: "submit",
@@ -9423,11 +9442,11 @@ function CheckoutScreen() {
         isLoading: isSubmitting,
         className: "mt-6 w-full transition-transform hover:scale-[1.02] active:scale-[0.99]"
       },
-      /* @__PURE__ */ React19__default.default.createElement(lucideReact.CreditCard, { className: "h-5 w-5" }),
+      /* @__PURE__ */ React20__default.default.createElement(lucideReact.CreditCard, { className: "h-5 w-5" }),
       isSubmitting ? "Placing order..." : "Place Secure Order"
-    ), /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-4 flex items-center justify-center gap-2 text-xs text-slate-500" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Lock, { className: "h-4 w-4" }), "Fully encrypted checkout \u2014 cancel anytime before shipment.")),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/80 p-6 text-sm text-primary-700 shadow-sm hover:shadow-md transition-shadow" }, /* @__PURE__ */ React19__default.default.createElement("p", { className: "font-semibold uppercase tracking-[0.3em] text-primary-800" }, "Why Patients Choose Us"), /* @__PURE__ */ React19__default.default.createElement("ul", { className: "mt-4 space-y-3 text-primary-700 leading-relaxed" }, /* @__PURE__ */ React19__default.default.createElement("li", { className: "flex items-start gap-3" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.PackageCheck, { className: "mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ React19__default.default.createElement("span", null, "Pharmacy-grade verification on every order.")), /* @__PURE__ */ React19__default.default.createElement("li", { className: "flex items-start gap-3" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.ShieldCheck, { className: "mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ React19__default.default.createElement("span", null, "Cold-chain logistics for sensitive medications.")), /* @__PURE__ */ React19__default.default.createElement("li", { className: "flex items-start gap-3" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Truck, { className: "mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ React19__default.default.createElement("span", null, "Real-time tracking and SMS updates from prep to delivery."))))
-  ))), /* @__PURE__ */ React19__default.default.createElement(
+    ), /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-4 flex items-center justify-center gap-2 text-xs text-slate-500" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Lock, { className: "h-4 w-4" }), "Fully encrypted checkout \u2014 cancel anytime before shipment.")),
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/80 p-6 text-sm text-primary-700 shadow-sm hover:shadow-md transition-shadow" }, /* @__PURE__ */ React20__default.default.createElement("p", { className: "font-semibold uppercase tracking-[0.3em] text-primary-800" }, "Why Patients Choose Us"), /* @__PURE__ */ React20__default.default.createElement("ul", { className: "mt-4 space-y-3 text-primary-700 leading-relaxed" }, /* @__PURE__ */ React20__default.default.createElement("li", { className: "flex items-start gap-3" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.PackageCheck, { className: "mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ React20__default.default.createElement("span", null, "Pharmacy-grade verification on every order.")), /* @__PURE__ */ React20__default.default.createElement("li", { className: "flex items-start gap-3" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.ShieldCheck, { className: "mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ React20__default.default.createElement("span", null, "Cold-chain logistics for sensitive medications.")), /* @__PURE__ */ React20__default.default.createElement("li", { className: "flex items-start gap-3" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Truck, { className: "mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ React20__default.default.createElement("span", null, "Real-time tracking and SMS updates from prep to delivery."))))
+  ))), /* @__PURE__ */ React20__default.default.createElement(
     AddressFormModal,
     {
       isOpen: isAddressModalOpen,
@@ -9461,8 +9480,8 @@ function LoginScreen() {
   const searchParams = navigation.useSearchParams();
   const redirectUrl = searchParams?.get("redirect") || "/";
   const { login } = useAuth();
-  const [showPassword, setShowPassword] = React19.useState(false);
-  const [isSubmitting, setIsSubmitting] = React19.useState(false);
+  const [showPassword, setShowPassword] = React20.useState(false);
+  const [isSubmitting, setIsSubmitting] = React20.useState(false);
   const {
     register,
     handleSubmit,
@@ -9482,7 +9501,7 @@ function LoginScreen() {
       setIsSubmitting(false);
     }
   };
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid min-h-screen overflow-hidden bg-white lg:grid-cols-[1.1fr_0.9fr]" }, /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React20__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid min-h-screen overflow-hidden bg-white lg:grid-cols-[1.1fr_0.9fr]" }, /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.section,
     {
       initial: { opacity: 0, x: -24 },
@@ -9490,18 +9509,18 @@ function LoginScreen() {
       transition: { duration: 0.4 },
       className: "relative flex flex-col justify-between bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] px-10 py-14 text-white"
     },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.HeartPulse, { className: "h-4 w-4" }), "Hey Pharmacist"), /* @__PURE__ */ React19__default.default.createElement("h1", { className: "text-4xl font-bold leading-tight lg:text-5xl" }, "Pharmacy-grade care for your household"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "max-w-xl text-white/80" }, "Log in to unlock personalized regimens, pharmacist support, and fast delivery on wellness essentials curated just for you.")),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid gap-4 rounded-3xl bg-white/10 p-6 backdrop-blur" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.ShieldCheck, { className: "h-5 w-5 text-white" }), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm text-white/80" }, "HIPAA-compliant security keeps your health information protected.")), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Sparkles, { className: "h-5 w-5 text-white" }), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm text-white/80" }, "Pharmacists ready to chat in under 10 minutes for medication support."))),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-6 text-sm text-white/80" }, /* @__PURE__ */ React19__default.default.createElement("span", null, "Need an account?"), /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.HeartPulse, { className: "h-4 w-4" }), "Hey Pharmacist"), /* @__PURE__ */ React20__default.default.createElement("h1", { className: "text-4xl font-bold leading-tight lg:text-5xl" }, "Pharmacy-grade care for your household"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "max-w-xl text-white/80" }, "Log in to unlock personalized regimens, pharmacist support, and fast delivery on wellness essentials curated just for you.")),
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid gap-4 rounded-3xl bg-white/10 p-6 backdrop-blur" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.ShieldCheck, { className: "h-5 w-5 text-white" }), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm text-white/80" }, "HIPAA-compliant security keeps your health information protected.")), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Sparkles, { className: "h-5 w-5 text-white" }), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm text-white/80" }, "Pharmacists ready to chat in under 10 minutes for medication support."))),
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-6 text-sm text-white/80" }, /* @__PURE__ */ React20__default.default.createElement("span", null, "Need an account?"), /* @__PURE__ */ React20__default.default.createElement(
       Link8__default.default,
       {
         href: "/register",
         className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-4 py-2 font-semibold transition hover:bg-white/25"
       },
       "Create one now",
-      /* @__PURE__ */ React19__default.default.createElement(lucideReact.ArrowRight, { className: "h-4 w-4" })
+      /* @__PURE__ */ React20__default.default.createElement(lucideReact.ArrowRight, { className: "h-4 w-4" })
     ))
-  ), /* @__PURE__ */ React19__default.default.createElement(
+  ), /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.section,
     {
       initial: { opacity: 0, x: 24 },
@@ -9509,7 +9528,7 @@ function LoginScreen() {
       transition: { duration: 0.4 },
       className: "flex items-center justify-center px-6 py-12 lg:px-16"
     },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "w-full max-w-md space-y-10" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React19__default.default.createElement("h2", { className: "text-3xl font-bold text-slate-900" }, "Sign in"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm text-slate-500" }, "Welcome back! Enter your details to continue your personalized care plan.")), /* @__PURE__ */ React19__default.default.createElement("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-6 rounded-3xl border border-slate-100 bg-white p-8 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "w-full max-w-md space-y-10" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React20__default.default.createElement("h2", { className: "text-3xl font-bold text-slate-900" }, "Sign in"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm text-slate-500" }, "Welcome back! Enter your details to continue your personalized care plan.")), /* @__PURE__ */ React20__default.default.createElement("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-6 rounded-3xl border border-slate-100 bg-white p-8 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React20__default.default.createElement("div", null, /* @__PURE__ */ React20__default.default.createElement(
       Input,
       {
         type: "email",
@@ -9518,7 +9537,7 @@ function LoginScreen() {
         ...register("email"),
         error: errors.email?.message
       }
-    )), /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React19__default.default.createElement(
+    )), /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React20__default.default.createElement(
       Input,
       {
         type: showPassword ? "text" : "password",
@@ -9527,28 +9546,28 @@ function LoginScreen() {
         ...register("password"),
         error: errors.password?.message
       }
-    ), /* @__PURE__ */ React19__default.default.createElement(
+    ), /* @__PURE__ */ React20__default.default.createElement(
       "button",
       {
         type: "button",
         onClick: () => setShowPassword((prev) => !prev),
         className: "absolute right-3 top-[42px] text-slate-400 transition hover:text-slate-600"
       },
-      showPassword ? /* @__PURE__ */ React19__default.default.createElement(lucideReact.EyeOff, { className: "h-5 w-5" }) : /* @__PURE__ */ React19__default.default.createElement(lucideReact.Eye, { className: "h-5 w-5" })
-    )), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center justify-between text-sm" }, /* @__PURE__ */ React19__default.default.createElement("label", { className: "flex items-center gap-2 text-slate-600" }, /* @__PURE__ */ React19__default.default.createElement(
+      showPassword ? /* @__PURE__ */ React20__default.default.createElement(lucideReact.EyeOff, { className: "h-5 w-5" }) : /* @__PURE__ */ React20__default.default.createElement(lucideReact.Eye, { className: "h-5 w-5" })
+    )), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center justify-between text-sm" }, /* @__PURE__ */ React20__default.default.createElement("label", { className: "flex items-center gap-2 text-slate-600" }, /* @__PURE__ */ React20__default.default.createElement(
       "input",
       {
         type: "checkbox",
         className: "h-4 w-4 rounded border-slate-300 text-primary-600 focus:ring-primary-500"
       }
-    ), "Remember me"), /* @__PURE__ */ React19__default.default.createElement(
+    ), "Remember me"), /* @__PURE__ */ React20__default.default.createElement(
       Link8__default.default,
       {
         href: "/forgot-password",
         className: "font-medium text-primary-600 transition hover:text-primary-700"
       },
       "Forgot password?"
-    )), /* @__PURE__ */ React19__default.default.createElement(
+    )), /* @__PURE__ */ React20__default.default.createElement(
       Button,
       {
         type: "submit",
@@ -9557,7 +9576,7 @@ function LoginScreen() {
         className: "w-full"
       },
       "Sign in securely"
-    )), /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-3xl border border-slate-100 bg-slate-50 p-6 text-sm text-slate-600" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Lock, { className: "mt-0.5 h-5 w-5 text-primary-500" }), /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement("p", { className: "font-semibold text-slate-800" }, "Secure by design"), /* @__PURE__ */ React19__default.default.createElement("p", null, "Encrypted sessions, multi-factor ready, and privacy-first policies keep your personal data safe.")))))
+    )), /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-3xl border border-slate-100 bg-slate-50 p-6 text-sm text-slate-600" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Lock, { className: "mt-0.5 h-5 w-5 text-primary-500" }), /* @__PURE__ */ React20__default.default.createElement("div", null, /* @__PURE__ */ React20__default.default.createElement("p", { className: "font-semibold text-slate-800" }, "Secure by design"), /* @__PURE__ */ React20__default.default.createElement("p", null, "Encrypted sessions, multi-factor ready, and privacy-first policies keep your personal data safe.")))))
   )));
 }
 var registerSchema = zod.z.object({
@@ -9579,9 +9598,9 @@ var BENEFITS = [
 function RegisterScreen() {
   const router = navigation.useRouter();
   const { register: registerUser } = useAuth();
-  const [showPassword, setShowPassword] = React19.useState(false);
-  const [showConfirmPassword, setShowConfirmPassword] = React19.useState(false);
-  const [isSubmitting, setIsSubmitting] = React19.useState(false);
+  const [showPassword, setShowPassword] = React20.useState(false);
+  const [showConfirmPassword, setShowConfirmPassword] = React20.useState(false);
+  const [isSubmitting, setIsSubmitting] = React20.useState(false);
   const {
     register,
     handleSubmit,
@@ -9607,7 +9626,7 @@ function RegisterScreen() {
       setIsSubmitting(false);
     }
   };
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid min-h-screen overflow-hidden bg-white lg:grid-cols-[0.95fr_1.05fr]" }, /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React20__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid min-h-screen overflow-hidden bg-white lg:grid-cols-[0.95fr_1.05fr]" }, /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.section,
     {
       initial: { opacity: 0, x: -24 },
@@ -9615,9 +9634,9 @@ function RegisterScreen() {
       transition: { duration: 0.4 },
       className: "flex flex-col justify-between bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] px-10 py-14 text-white"
     },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.HeartPulse, { className: "h-4 w-4" }), "Join Hey Pharmacist"), /* @__PURE__ */ React19__default.default.createElement("h1", { className: "text-4xl font-bold leading-tight lg:text-5xl" }, "Create your wellness account"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "max-w-xl text-white/80" }, "Unlock concierge-level pharmacy support, curated product recommendations, and smarter refills designed for busy families.")),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-4 rounded-3xl bg-white/10 p-6 backdrop-blur" }, BENEFITS.map((benefit) => /* @__PURE__ */ React19__default.default.createElement("div", { key: benefit, className: "flex items-center gap-3" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.CheckCircle2, { className: "h-5 w-5 text-white" }), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm text-white/85" }, benefit)))),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-6 text-sm text-white/80" }, /* @__PURE__ */ React19__default.default.createElement("span", null, "Already part of the community?"), /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.HeartPulse, { className: "h-4 w-4" }), "Join Hey Pharmacist"), /* @__PURE__ */ React20__default.default.createElement("h1", { className: "text-4xl font-bold leading-tight lg:text-5xl" }, "Create your wellness account"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "max-w-xl text-white/80" }, "Unlock concierge-level pharmacy support, curated product recommendations, and smarter refills designed for busy families.")),
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-4 rounded-3xl bg-white/10 p-6 backdrop-blur" }, BENEFITS.map((benefit) => /* @__PURE__ */ React20__default.default.createElement("div", { key: benefit, className: "flex items-center gap-3" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.CheckCircle2, { className: "h-5 w-5 text-white" }), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm text-white/85" }, benefit)))),
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-6 text-sm text-white/80" }, /* @__PURE__ */ React20__default.default.createElement("span", null, "Already part of the community?"), /* @__PURE__ */ React20__default.default.createElement(
       Link8__default.default,
       {
         href: "/login",
@@ -9625,7 +9644,7 @@ function RegisterScreen() {
       },
       "Sign in"
     ))
-  ), /* @__PURE__ */ React19__default.default.createElement(
+  ), /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.section,
     {
       initial: { opacity: 0, x: 24 },
@@ -9633,13 +9652,13 @@ function RegisterScreen() {
       transition: { duration: 0.4 },
       className: "flex items-center justify-center px-6 py-12 lg:px-16"
     },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "w-full max-w-lg space-y-10" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React19__default.default.createElement("h2", { className: "text-3xl font-bold text-slate-900" }, "Create an account"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm text-slate-500" }, "Start your personalized care journey with pharmacist-backed guidance.")), /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "w-full max-w-lg space-y-10" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React20__default.default.createElement("h2", { className: "text-3xl font-bold text-slate-900" }, "Create an account"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm text-slate-500" }, "Start your personalized care journey with pharmacist-backed guidance.")), /* @__PURE__ */ React20__default.default.createElement(
       "form",
       {
         onSubmit: handleSubmit(onSubmit),
         className: "space-y-6 rounded-3xl border border-slate-100 bg-white p-8 shadow-lg shadow-primary-50"
       },
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React20__default.default.createElement(
         Input,
         {
           label: "First name",
@@ -9647,7 +9666,7 @@ function RegisterScreen() {
           ...register("firstName"),
           error: errors.firstName?.message
         }
-      ), /* @__PURE__ */ React19__default.default.createElement(
+      ), /* @__PURE__ */ React20__default.default.createElement(
         Input,
         {
           label: "Last name",
@@ -9656,7 +9675,7 @@ function RegisterScreen() {
           error: errors.lastName?.message
         }
       )),
-      /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement(
         Input,
         {
           type: "email",
@@ -9666,7 +9685,7 @@ function RegisterScreen() {
           error: errors.email?.message
         }
       ),
-      /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement(
         Input,
         {
           type: "tel",
@@ -9676,7 +9695,7 @@ function RegisterScreen() {
           error: errors.phone?.message
         }
       ),
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React20__default.default.createElement(
         Input,
         {
           type: showPassword ? "text" : "password",
@@ -9685,16 +9704,16 @@ function RegisterScreen() {
           ...register("password"),
           error: errors.password?.message
         }
-      ), /* @__PURE__ */ React19__default.default.createElement(
+      ), /* @__PURE__ */ React20__default.default.createElement(
         "button",
         {
           type: "button",
           onClick: () => setShowPassword((prev) => !prev),
           className: "absolute right-3 top-[42px] text-slate-400 transition hover:text-slate-600"
         },
-        showPassword ? /* @__PURE__ */ React19__default.default.createElement(lucideReact.EyeOff, { className: "h-5 w-5" }) : /* @__PURE__ */ React19__default.default.createElement(lucideReact.Eye, { className: "h-5 w-5" })
+        showPassword ? /* @__PURE__ */ React20__default.default.createElement(lucideReact.EyeOff, { className: "h-5 w-5" }) : /* @__PURE__ */ React20__default.default.createElement(lucideReact.Eye, { className: "h-5 w-5" })
       )),
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React20__default.default.createElement(
         Input,
         {
           type: showConfirmPassword ? "text" : "password",
@@ -9703,16 +9722,16 @@ function RegisterScreen() {
           ...register("confirmPassword"),
           error: errors.confirmPassword?.message
         }
-      ), /* @__PURE__ */ React19__default.default.createElement(
+      ), /* @__PURE__ */ React20__default.default.createElement(
         "button",
         {
           type: "button",
           onClick: () => setShowConfirmPassword((prev) => !prev),
           className: "absolute right-3 top-[42px] text-slate-400 transition hover:text-slate-600"
         },
-        showConfirmPassword ? /* @__PURE__ */ React19__default.default.createElement(lucideReact.EyeOff, { className: "h-5 w-5" }) : /* @__PURE__ */ React19__default.default.createElement(lucideReact.Eye, { className: "h-5 w-5" })
+        showConfirmPassword ? /* @__PURE__ */ React20__default.default.createElement(lucideReact.EyeOff, { className: "h-5 w-5" }) : /* @__PURE__ */ React20__default.default.createElement(lucideReact.Eye, { className: "h-5 w-5" })
       )),
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4 text-sm text-slate-600" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Shield, { className: "mt-0.5 h-5 w-5 text-primary-500" }), /* @__PURE__ */ React19__default.default.createElement("span", null, "By creating an account, you agree to our", " ", /* @__PURE__ */ React19__default.default.createElement(Link8__default.default, { href: "/terms", className: "font-semibold text-primary-600 hover:text-primary-700" }, "Terms of Service"), " ", "and", " ", /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4 text-sm text-slate-600" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Shield, { className: "mt-0.5 h-5 w-5 text-primary-500" }), /* @__PURE__ */ React20__default.default.createElement("span", null, "By creating an account, you agree to our", " ", /* @__PURE__ */ React20__default.default.createElement(Link8__default.default, { href: "/terms", className: "font-semibold text-primary-600 hover:text-primary-700" }, "Terms of Service"), " ", "and", " ", /* @__PURE__ */ React20__default.default.createElement(
         Link8__default.default,
         {
           href: "/privacy",
@@ -9720,7 +9739,7 @@ function RegisterScreen() {
         },
         "Privacy Policy"
       ), ". We protect your information with bank-level encryption.")),
-      /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement(
         Button,
         {
           type: "submit",
@@ -9728,10 +9747,10 @@ function RegisterScreen() {
           isLoading: isSubmitting,
           className: "w-full"
         },
-        /* @__PURE__ */ React19__default.default.createElement(lucideReact.UserPlus, { className: "h-5 w-5" }),
+        /* @__PURE__ */ React20__default.default.createElement(lucideReact.UserPlus, { className: "h-5 w-5" }),
         "Create my account"
       )
-    ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-3xl border border-slate-100 bg-slate-50 p-6 text-sm text-slate-600" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Heart, { className: "mt-0.5 h-5 w-5 text-primary-500" }), /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement("p", { className: "font-semibold text-slate-800" }, "Members love us"), /* @__PURE__ */ React19__default.default.createElement("p", null, "92% of patients report improved adherence after receiving pharmacist touchpoints through their Hey Pharmacist account.")))))
+    ), /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-3xl border border-slate-100 bg-slate-50 p-6 text-sm text-slate-600" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Heart, { className: "mt-0.5 h-5 w-5 text-primary-500" }), /* @__PURE__ */ React20__default.default.createElement("div", null, /* @__PURE__ */ React20__default.default.createElement("p", { className: "font-semibold text-slate-800" }, "Members love us"), /* @__PURE__ */ React20__default.default.createElement("p", null, "92% of patients report improved adherence after receiving pharmacist touchpoints through their Hey Pharmacist account.")))))
   )));
 }
 var profileSchema = zod.z.object({
@@ -9743,7 +9762,7 @@ var profileSchema = zod.z.object({
 function ProfileScreen() {
   const router = navigation.useRouter();
   const { user, updateUser, logout } = useAuth();
-  const [isSubmitting, setIsSubmitting] = React19.useState(false);
+  const [isSubmitting, setIsSubmitting] = React20.useState(false);
   const {
     register,
     handleSubmit,
@@ -9797,15 +9816,15 @@ function ProfileScreen() {
       href: "/account/addresses"
     }
   ];
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19__default.default.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React20__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20__default.default.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "flex flex-col gap-8 md:flex-row md:items-center md:justify-between"
     },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-5" }, /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.HeartPulse, { className: "h-4 w-4" }), "My account"), /* @__PURE__ */ React19__default.default.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Hello, ", user.firstname, " ", user.lastname), /* @__PURE__ */ React19__default.default.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "Manage profile details, shipping preferences, and personalized recommendations. Our pharmacists keep your care plan up to date."), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-wrap items-center gap-4 text-sm text-white/80" }, /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-4 py-2" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.ShieldCheck, { className: "h-4 w-4" }), "Account secured with multi-factor ready login"))),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-col items-center gap-4 rounded-3xl bg-white/15 p-6 text-center backdrop-blur" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex h-24 w-24 items-center justify-center rounded-full bg-white/20 text-3xl font-bold text-white" }, getInitials(user?.firstname || "", user?.lastname || "") || ""), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm text-white/80" }, user.email), /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-5" }, /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.HeartPulse, { className: "h-4 w-4" }), "My account"), /* @__PURE__ */ React20__default.default.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Hello, ", user.firstname, " ", user.lastname), /* @__PURE__ */ React20__default.default.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "Manage profile details, shipping preferences, and personalized recommendations. Our pharmacists keep your care plan up to date."), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-wrap items-center gap-4 text-sm text-white/80" }, /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-4 py-2" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.ShieldCheck, { className: "h-4 w-4" }), "Account secured with multi-factor ready login"))),
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-col items-center gap-4 rounded-3xl bg-white/15 p-6 text-center backdrop-blur" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex h-24 w-24 items-center justify-center rounded-full bg-white/20 text-3xl font-bold text-white" }, getInitials(user?.firstname || "", user?.lastname || "") || ""), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm text-white/80" }, user.email), /* @__PURE__ */ React20__default.default.createElement(
       Button,
       {
         variant: "ghost",
@@ -9814,14 +9833,14 @@ function ProfileScreen() {
       },
       "Change password"
     ))
-  ))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative -mt-16 pb-20" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,1.1fr)_minmax(0,0.9fr)]" }, /* @__PURE__ */ React19__default.default.createElement(
+  ))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative -mt-16 pb-20" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,1.1fr)_minmax(0,0.9fr)]" }, /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "space-y-6"
     },
-    /* @__PURE__ */ React19__default.default.createElement("section", { className: "rounded-3xl border border-slate-100 bg-white p-8 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19__default.default.createElement("h2", { className: "text-xl font-semibold text-slate-900" }, "Personal information"), /* @__PURE__ */ React19__default.default.createElement(lucideReact.Sparkles, { className: "h-5 w-5 text-primary-500" })), /* @__PURE__ */ React19__default.default.createElement("form", { onSubmit: handleSubmit(onSubmit), className: "mt-6 space-y-6" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("section", { className: "rounded-3xl border border-slate-100 bg-white p-8 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20__default.default.createElement("h2", { className: "text-xl font-semibold text-slate-900" }, "Personal information"), /* @__PURE__ */ React20__default.default.createElement(lucideReact.Sparkles, { className: "h-5 w-5 text-primary-500" })), /* @__PURE__ */ React20__default.default.createElement("form", { onSubmit: handleSubmit(onSubmit), className: "mt-6 space-y-6" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React20__default.default.createElement(
       Input,
       {
         label: "First name",
@@ -9829,7 +9848,7 @@ function ProfileScreen() {
         ...register("firstName"),
         error: errors.firstName?.message
       }
-    ), /* @__PURE__ */ React19__default.default.createElement(
+    ), /* @__PURE__ */ React20__default.default.createElement(
       Input,
       {
         label: "Last name",
@@ -9837,7 +9856,7 @@ function ProfileScreen() {
         ...register("lastName"),
         error: errors.lastName?.message
       }
-    )), /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React19__default.default.createElement(
+    )), /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React20__default.default.createElement(
       Input,
       {
         type: "email",
@@ -9847,7 +9866,7 @@ function ProfileScreen() {
         ...register("email"),
         error: errors.email?.message
       }
-    ), /* @__PURE__ */ React19__default.default.createElement(lucideReact.Mail, { className: "absolute left-3 top-[38px] h-4 w-4 text-slate-400" })), /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React19__default.default.createElement(
+    ), /* @__PURE__ */ React20__default.default.createElement(lucideReact.Mail, { className: "absolute left-3 top-[38px] h-4 w-4 text-slate-400" })), /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React20__default.default.createElement(
       Input,
       {
         type: "tel",
@@ -9857,7 +9876,7 @@ function ProfileScreen() {
         ...register("phone"),
         error: errors.phone?.message
       }
-    ), /* @__PURE__ */ React19__default.default.createElement(lucideReact.Phone, { className: "absolute left-3 top-[38px] h-4 w-4 text-slate-400" })), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-wrap gap-4" }, /* @__PURE__ */ React19__default.default.createElement(
+    ), /* @__PURE__ */ React20__default.default.createElement(lucideReact.Phone, { className: "absolute left-3 top-[38px] h-4 w-4 text-slate-400" })), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-wrap gap-4" }, /* @__PURE__ */ React20__default.default.createElement(
       Button,
       {
         type: "submit",
@@ -9865,7 +9884,7 @@ function ProfileScreen() {
         isLoading: isSubmitting
       },
       "Save changes"
-    ), /* @__PURE__ */ React19__default.default.createElement(
+    ), /* @__PURE__ */ React20__default.default.createElement(
       Button,
       {
         type: "button",
@@ -9875,16 +9894,16 @@ function ProfileScreen() {
       },
       "View recent orders"
     )))),
-    /* @__PURE__ */ React19__default.default.createElement("section", { className: "grid gap-4 md:grid-cols-2" }, quickLinks.map((item) => /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("section", { className: "grid gap-4 md:grid-cols-2" }, quickLinks.map((item) => /* @__PURE__ */ React20__default.default.createElement(
       Link8__default.default,
       {
         key: item.href,
         href: item.href,
         className: "group rounded-3xl border border-slate-100 bg-white p-6 shadow-sm transition hover:-translate-y-1 hover:shadow-lg"
       },
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19__default.default.createElement("span", { className: "rounded-2xl bg-primary-50 p-3 text-primary-600" }, /* @__PURE__ */ React19__default.default.createElement(item.icon, { className: "h-5 w-5" })), /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-base font-semibold text-slate-900 group-hover:text-primary-600" }, item.label), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm text-slate-500" }, item.description)))
+      /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20__default.default.createElement("span", { className: "rounded-2xl bg-primary-50 p-3 text-primary-600" }, /* @__PURE__ */ React20__default.default.createElement(item.icon, { className: "h-5 w-5" })), /* @__PURE__ */ React20__default.default.createElement("div", null, /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-base font-semibold text-slate-900 group-hover:text-primary-600" }, item.label), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm text-slate-500" }, item.description)))
     )))
-  ), /* @__PURE__ */ React19__default.default.createElement(
+  ), /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.aside,
     {
       initial: { opacity: 0, y: 24 },
@@ -9892,7 +9911,7 @@ function ProfileScreen() {
       transition: { delay: 0.1 },
       className: "space-y-6"
     },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React19__default.default.createElement("h3", { className: "text-lg font-semibold text-slate-900" }, "Care preferences"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-3 text-sm text-slate-600" }, "Customize how we support you. Set refill reminders or manage communication preferences to stay aligned with your wellness goals."), /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React20__default.default.createElement("h3", { className: "text-lg font-semibold text-slate-900" }, "Care preferences"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-3 text-sm text-slate-600" }, "Customize how we support you. Set refill reminders or manage communication preferences to stay aligned with your wellness goals."), /* @__PURE__ */ React20__default.default.createElement(
       Button,
       {
         variant: "outline",
@@ -9901,21 +9920,21 @@ function ProfileScreen() {
       },
       "Manage preferences"
     )),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/70 p-6 text-sm text-primary-700 shadow-sm" }, /* @__PURE__ */ React19__default.default.createElement("p", { className: "font-semibold uppercase tracking-[0.3em]" }, "Pharmacist tip"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-3 leading-relaxed" }, "Keep your phone number current so pharmacists can reach you quickly with dosage advice or time-sensitive updates about your order.")),
-    /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/70 p-6 text-sm text-primary-700 shadow-sm" }, /* @__PURE__ */ React20__default.default.createElement("p", { className: "font-semibold uppercase tracking-[0.3em]" }, "Pharmacist tip"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-3 leading-relaxed" }, "Keep your phone number current so pharmacists can reach you quickly with dosage advice or time-sensitive updates about your order.")),
+    /* @__PURE__ */ React20__default.default.createElement(
       "button",
       {
         onClick: handleLogout,
         className: "flex w-full items-center justify-center gap-2 rounded-3xl border border-red-200 bg-red-50 px-4 py-3 text-sm font-semibold text-red-600 transition hover:bg-red-100"
       },
-      /* @__PURE__ */ React19__default.default.createElement(lucideReact.LogOut, { className: "h-4 w-4" }),
+      /* @__PURE__ */ React20__default.default.createElement(lucideReact.LogOut, { className: "h-4 w-4" }),
       "Log out"
     )
   )))));
 }
 function OrderCard({ order }) {
   const config = order.orderStatus;
-  return /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 20 },
@@ -9923,9 +9942,9 @@ function OrderCard({ order }) {
       whileHover: { y: -4 },
       className: "bg-white rounded-2xl p-6 shadow-sm hover:shadow-xl transition-all duration-300 border border-gray-100"
     },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex justify-between items-start mb-4" }, /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement("h3", { className: "text-lg font-bold text-gray-900 flex items-center gap-2" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Package, { className: "w-5 h-5 text-primary-600" }), "Order #", order?._id?.slice(0, 6) || ""), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm text-gray-500 mt-1 flex items-center gap-2" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Calendar, { className: "w-4 h-4" }), formatDate(order.createdAt || /* @__PURE__ */ new Date(), "long"))), /* @__PURE__ */ React19__default.default.createElement(Badge, { variant: config }, config)),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-2 mb-4" }, order.items?.slice(0, 2).map((item) => /* @__PURE__ */ React19__default.default.createElement("div", { key: item.productVariantId, className: "flex items-center gap-3 text-sm" }, /* @__PURE__ */ React19__default.default.createElement(Image3__default.default, { src: item?.productVariantData?.productMedia?.[0]?.file || "/placeholder-product.jpg", alt: item?.productVariantData?.name || "Product image", width: 48, height: 48, className: "w-12 h-12 rounded-lg bg-gray-100 flex-shrink-0" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React19__default.default.createElement("p", { className: "font-medium text-gray-900 truncate" }, item.productVariantData.name), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-gray-500" }, "Qty: ", item.quantity)), /* @__PURE__ */ React19__default.default.createElement("p", { className: "font-semibold text-gray-900" }, formatPrice(item.productVariantData.finalPrice)))), order.items?.length && order.items?.length > 2 && /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm text-gray-500 pl-15" }, "+", order.items.length - 2, " more item", order.items.length - 2 > 1 ? "s" : "")),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex justify-between items-center pt-4 border-t border-gray-200" }, /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm text-gray-500" }, "Total Amount"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-2xl font-bold text-gray-900" }, formatPrice(order.grandTotal || 0))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex gap-2" }, order.payment.paymentStatus !== "Paid" /* Paid */ && order.payment.paymentMethod === "Card" /* Card */ && /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex justify-between items-start mb-4" }, /* @__PURE__ */ React20__default.default.createElement("div", null, /* @__PURE__ */ React20__default.default.createElement("h3", { className: "text-lg font-bold text-gray-900 flex items-center gap-2" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Package, { className: "w-5 h-5 text-primary-600" }), "Order #", order?._id?.slice(0, 6) || ""), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm text-gray-500 mt-1 flex items-center gap-2" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Calendar, { className: "w-4 h-4" }), formatDate(order.createdAt || /* @__PURE__ */ new Date(), "long"))), /* @__PURE__ */ React20__default.default.createElement(Badge, { variant: config }, config)),
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-2 mb-4" }, order.items?.slice(0, 2).map((item) => /* @__PURE__ */ React20__default.default.createElement("div", { key: item.productVariantId, className: "flex items-center gap-3 text-sm" }, /* @__PURE__ */ React20__default.default.createElement(Image3__default.default, { src: item?.productVariantData?.productMedia?.[0]?.file || "/placeholder-product.jpg", alt: item?.productVariantData?.name || "Product image", width: 48, height: 48, className: "w-12 h-12 rounded-lg bg-gray-100 flex-shrink-0" }), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React20__default.default.createElement("p", { className: "font-medium text-gray-900 truncate" }, item.productVariantData.name), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-gray-500" }, "Qty: ", item.quantity)), /* @__PURE__ */ React20__default.default.createElement("p", { className: "font-semibold text-gray-900" }, formatPrice(item.productVariantData.finalPrice)))), order.items?.length && order.items?.length > 2 && /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm text-gray-500 pl-15" }, "+", order.items.length - 2, " more item", order.items.length - 2 > 1 ? "s" : "")),
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex justify-between items-center pt-4 border-t border-gray-200" }, /* @__PURE__ */ React20__default.default.createElement("div", null, /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm text-gray-500" }, "Total Amount"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-2xl font-bold text-gray-900" }, formatPrice(order.grandTotal || 0))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex gap-2" }, order.payment.paymentStatus !== "Paid" /* Paid */ && order.payment.paymentMethod === "Card" /* Card */ && /* @__PURE__ */ React20__default.default.createElement(
       "a",
       {
         href: order?.payment?.paymentIntent?.hostedInvoiceUrl || "",
@@ -9933,16 +9952,16 @@ function OrderCard({ order }) {
         rel: "noopener noreferrer",
         className: "inline-flex items-center gap-2 px-4 py-2 bg-primary-600 text-white rounded-lg hover:bg-primary-700 transition-colors"
       },
-      /* @__PURE__ */ React19__default.default.createElement(lucideReact.CreditCard, { className: "w-4 h-4" }),
+      /* @__PURE__ */ React20__default.default.createElement(lucideReact.CreditCard, { className: "w-4 h-4" }),
       "Pay Now"
     )))
   );
 }
 function useOrders(page = 1, limit = 10, orderStatus, paymentStatus) {
-  const [orders, setOrders] = React19.useState([]);
-  const [isLoading, setIsLoading] = React19.useState(true);
-  const [error, setError] = React19.useState(null);
-  const [pagination, setPagination] = React19.useState({
+  const [orders, setOrders] = React20.useState([]);
+  const [isLoading, setIsLoading] = React20.useState(true);
+  const [error, setError] = React20.useState(null);
+  const [pagination, setPagination] = React20.useState({
     page: 1,
     limit: 10,
     total: 0,
@@ -9950,7 +9969,7 @@ function useOrders(page = 1, limit = 10, orderStatus, paymentStatus) {
   });
   const { user } = useAuth();
   const resolvedUserId = user?._id || user?.id;
-  const fetchOrders = React19.useCallback(async () => {
+  const fetchOrders = React20.useCallback(async () => {
     setIsLoading(true);
     setError(null);
     try {
@@ -9977,7 +9996,7 @@ function useOrders(page = 1, limit = 10, orderStatus, paymentStatus) {
       setIsLoading(false);
     }
   }, [page, limit, resolvedUserId, orderStatus, paymentStatus]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     fetchOrders();
   }, [fetchOrders]);
   return {
@@ -9989,10 +10008,10 @@ function useOrders(page = 1, limit = 10, orderStatus, paymentStatus) {
   };
 }
 function useOrder(id) {
-  const [order, setOrder] = React19.useState(null);
-  const [isLoading, setIsLoading] = React19.useState(true);
-  const [error, setError] = React19.useState(null);
-  const fetchOrder = React19.useCallback(async () => {
+  const [order, setOrder] = React20.useState(null);
+  const [isLoading, setIsLoading] = React20.useState(true);
+  const [error, setError] = React20.useState(null);
+  const fetchOrder = React20.useCallback(async () => {
     setIsLoading(true);
     setError(null);
     try {
@@ -10004,7 +10023,7 @@ function useOrder(id) {
       setIsLoading(false);
     }
   }, [id]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (id) {
       fetchOrder();
     }
@@ -10012,10 +10031,10 @@ function useOrder(id) {
   return { order, isLoading, error, refetch: fetchOrder };
 }
 function useCurrentOrders() {
-  const [orders, setOrders] = React19.useState([]);
-  const [isLoading, setIsLoading] = React19.useState(true);
-  const [error, setError] = React19.useState(null);
-  const fetchCurrentOrders = React19.useCallback(async () => {
+  const [orders, setOrders] = React20.useState([]);
+  const [isLoading, setIsLoading] = React20.useState(true);
+  const [error, setError] = React20.useState(null);
+  const fetchCurrentOrders = React20.useCallback(async () => {
     setIsLoading(true);
     setError(null);
     try {
@@ -10027,7 +10046,7 @@ function useCurrentOrders() {
       setIsLoading(false);
     }
   }, []);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     fetchCurrentOrders();
   }, [fetchCurrentOrders]);
   return { orders, isLoading, error, refetch: fetchCurrentOrders };
@@ -10041,11 +10060,11 @@ function FilterChips({
   maxVisible = 4,
   variant = "primary"
 }) {
-  const [isOverflowOpen, setIsOverflowOpen] = React19.useState(false);
-  const [filterSearchTerm, setFilterSearchTerm] = React19.useState("");
-  const overflowMenuRef = React19.useRef(null);
+  const [isOverflowOpen, setIsOverflowOpen] = React20.useState(false);
+  const [filterSearchTerm, setFilterSearchTerm] = React20.useState("");
+  const overflowMenuRef = React20.useRef(null);
   const color = variant === "primary" ? "primary" : "secondary";
-  const { visibleFilters, overflowFilters } = React19.useMemo(() => {
+  const { visibleFilters, overflowFilters } = React20.useMemo(() => {
     const basePrimary = filters.slice(0, maxVisible);
     if (basePrimary.includes(selected)) {
       return {
@@ -10065,18 +10084,18 @@ function FilterChips({
       overflowFilters: filters.filter((filter) => !uniquePrimary.includes(filter))
     };
   }, [filters, maxVisible, selected]);
-  const filteredOverflowFilters = React19.useMemo(() => {
+  const filteredOverflowFilters = React20.useMemo(() => {
     if (!filterSearchTerm.trim()) return overflowFilters;
     return overflowFilters.filter(
       (filter) => filter.toLowerCase().includes(filterSearchTerm.toLowerCase())
     );
   }, [filterSearchTerm, overflowFilters]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (!isOverflowOpen) {
       setFilterSearchTerm("");
     }
   }, [isOverflowOpen]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     function handleClickOutside(event) {
       if (overflowMenuRef.current && !overflowMenuRef.current.contains(event.target)) {
         setIsOverflowOpen(false);
@@ -10089,7 +10108,7 @@ function FilterChips({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [isOverflowOpen]);
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:gap-4" }, /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-slate-600" }, /* @__PURE__ */ React19__default.default.createElement(Icon, { className: "h-4 w-4" }), label), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-col gap-2 md:flex-row md:items-center md:gap-3" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-wrap gap-2" }, visibleFilters.map((filter) => /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:gap-4" }, /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-slate-600" }, /* @__PURE__ */ React20__default.default.createElement(Icon, { className: "h-4 w-4" }), label), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-col gap-2 md:flex-row md:items-center md:gap-3" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-wrap gap-2" }, visibleFilters.map((filter) => /* @__PURE__ */ React20__default.default.createElement(
     "button",
     {
       key: filter,
@@ -10098,16 +10117,16 @@ function FilterChips({
       className: `rounded-full border px-3 py-1 text-sm font-medium transition ${selected === filter ? `border-${color}-600 bg-${color}-600 text-white shadow-lg shadow-${color}-500/30` : `border-slate-200 bg-slate-50 text-slate-600 hover:border-${color}-300 hover:text-${color}-600`}`
     },
     filter
-  ))), overflowFilters.length > 0 && /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative", ref: overflowMenuRef }, /* @__PURE__ */ React19__default.default.createElement(
+  ))), overflowFilters.length > 0 && /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative", ref: overflowMenuRef }, /* @__PURE__ */ React20__default.default.createElement(
     "button",
     {
       type: "button",
       onClick: () => setIsOverflowOpen((prev) => !prev),
       className: `flex items-center gap-2 rounded-full border px-3 py-1 text-sm font-medium transition ${overflowFilters.includes(selected) ? `border-${color}-600 bg-${color}-50 text-${color}-700 shadow-lg shadow-${color}-500/20` : "border-slate-200 bg-white text-slate-600 hover:border-slate-300"}`
     },
-    /* @__PURE__ */ React19__default.default.createElement("span", null, overflowFilters.includes(selected) ? selected : "More"),
-    /* @__PURE__ */ React19__default.default.createElement("span", { className: `inline-flex h-5 min-w-[1.5rem] items-center justify-center rounded-full bg-${color}-100 px-1 text-xs font-semibold text-${color}-600` }, overflowFilters.length)
-  ), /* @__PURE__ */ React19__default.default.createElement(framerMotion.AnimatePresence, null, isOverflowOpen && /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("span", null, overflowFilters.includes(selected) ? selected : "More"),
+    /* @__PURE__ */ React20__default.default.createElement("span", { className: `inline-flex h-5 min-w-[1.5rem] items-center justify-center rounded-full bg-${color}-100 px-1 text-xs font-semibold text-${color}-600` }, overflowFilters.length)
+  ), /* @__PURE__ */ React20__default.default.createElement(framerMotion.AnimatePresence, null, isOverflowOpen && /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 8 },
@@ -10116,7 +10135,7 @@ function FilterChips({
       transition: { duration: 0.15 },
       className: "absolute right-0 z-50 mt-2 w-64 rounded-2xl border border-slate-100 bg-white shadow-xl shadow-primary-50"
     },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "border-b border-slate-100 px-4 py-3" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Search, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400" }), /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "border-b border-slate-100 px-4 py-3" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Search, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400" }), /* @__PURE__ */ React20__default.default.createElement(
       "input",
       {
         type: "text",
@@ -10126,7 +10145,7 @@ function FilterChips({
         className: "w-full rounded-full border border-slate-200 bg-slate-50 py-2 pl-9 pr-3 text-sm text-slate-600 outline-none transition focus:border-primary-300 focus:bg-white focus:ring-2 focus:ring-primary-200"
       }
     ))),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "max-h-60 overflow-y-auto px-2 py-2" }, filteredOverflowFilters.length > 0 ? filteredOverflowFilters.map((filter) => /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "max-h-60 overflow-y-auto px-2 py-2" }, filteredOverflowFilters.length > 0 ? filteredOverflowFilters.map((filter) => /* @__PURE__ */ React20__default.default.createElement(
       "button",
       {
         key: filter,
@@ -10137,10 +10156,10 @@ function FilterChips({
         },
         className: `flex w-full items-center justify-between rounded-xl px-3 py-2 text-sm font-medium transition ${selected === filter ? `bg-${color}-600 text-white shadow-lg shadow-${color}-500/30` : "text-slate-600 hover:bg-slate-100"}`
       },
-      /* @__PURE__ */ React19__default.default.createElement("span", null, filter),
-      selected === filter && /* @__PURE__ */ React19__default.default.createElement(lucideReact.Check, { className: "h-4 w-4" })
-    )) : /* @__PURE__ */ React19__default.default.createElement("p", { className: "px-3 py-4 text-sm text-slate-500" }, "No items found.")),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center justify-between gap-2 border-t border-slate-100 px-4 py-3" }, /* @__PURE__ */ React19__default.default.createElement("span", { className: "text-xs font-semibold uppercase tracking-wide text-slate-400" }, "Quick actions"), /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement("span", null, filter),
+      selected === filter && /* @__PURE__ */ React20__default.default.createElement(lucideReact.Check, { className: "h-4 w-4" })
+    )) : /* @__PURE__ */ React20__default.default.createElement("p", { className: "px-3 py-4 text-sm text-slate-500" }, "No items found.")),
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center justify-between gap-2 border-t border-slate-100 px-4 py-3" }, /* @__PURE__ */ React20__default.default.createElement("span", { className: "text-xs font-semibold uppercase tracking-wide text-slate-400" }, "Quick actions"), /* @__PURE__ */ React20__default.default.createElement(
       "button",
       {
         type: "button",
@@ -10158,19 +10177,19 @@ var STATUS_FILTERS = ["All", ...Object.values(ManualOrderDTOOrderStatusEnum)];
 var PAYMENT_FILTERS = ["All", ...Object.values(PaymentPaymentStatusEnum)];
 function OrdersScreen() {
   const router = navigation.useRouter();
-  const [page, setPage] = React19.useState(1);
-  const [selectedFilter, setSelectedFilter] = React19.useState("All");
-  const [selectedPaymentFilter, setSelectedPaymentFilter] = React19.useState("All");
+  const [page, setPage] = React20.useState(1);
+  const [selectedFilter, setSelectedFilter] = React20.useState("All");
+  const [selectedPaymentFilter, setSelectedPaymentFilter] = React20.useState("All");
   const { orders, isLoading, pagination } = useOrders(
     page,
     10,
     selectedFilter,
     selectedPaymentFilter
   );
-  const [isOverflowOpen, setIsOverflowOpen] = React19.useState(false);
-  const [filterSearchTerm, setFilterSearchTerm] = React19.useState("");
-  const overflowMenuRef = React19.useRef(null);
-  const filteredOrders = React19.useMemo(() => {
+  const [isOverflowOpen, setIsOverflowOpen] = React20.useState(false);
+  const [filterSearchTerm, setFilterSearchTerm] = React20.useState("");
+  const overflowMenuRef = React20.useRef(null);
+  const filteredOrders = React20.useMemo(() => {
     return orders.filter((order) => {
       const matchesStatus = selectedFilter === "All" || order?.orderStatus?.toLowerCase() === selectedFilter.toLowerCase();
       const matchesPayment = selectedPaymentFilter === "All" || order?.payment?.paymentStatus?.toLowerCase() === selectedPaymentFilter.toLowerCase();
@@ -10179,12 +10198,12 @@ function OrdersScreen() {
   }, [orders, selectedFilter, selectedPaymentFilter]);
   const hasOrders = filteredOrders.length > 0;
   const MAX_VISIBLE_FILTERS = 4;
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (!isOverflowOpen) {
       setFilterSearchTerm("");
     }
   }, [isOverflowOpen]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     function handleClickOutside(event) {
       if (overflowMenuRef.current && !overflowMenuRef.current.contains(event.target)) {
         setIsOverflowOpen(false);
@@ -10197,23 +10216,23 @@ function OrdersScreen() {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [isOverflowOpen]);
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "min-h-screen  bg-slate-50" }, /* @__PURE__ */ React19__default.default.createElement("section", { className: "relative  overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React20__default.default.createElement("div", { className: "min-h-screen  bg-slate-50" }, /* @__PURE__ */ React20__default.default.createElement("section", { className: "relative  overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "space-y-6"
     },
-    /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.CalendarDays, { className: "h-4 w-4" }), "Order history"),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React19__default.default.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "All of your pharmacy orders"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "Access receipts, shipping statuses, and reorder suggestions in one organized timeline curated by our pharmacists.")), /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-3xl bg-white/15 p-6 backdrop-blur" }, /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.35em] text-white/70" }, "Quick tip"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-3 text-sm text-white/80" }, "Use filters to review previous prescriptions, reorder favorites, or download invoices for insurance claims.")))
-  ))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative -mt-16 pb-16 container mx-auto px-4" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.CalendarDays, { className: "h-4 w-4" }), "Order history"),
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React20__default.default.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "All of your pharmacy orders"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "Access receipts, shipping statuses, and reorder suggestions in one organized timeline curated by our pharmacists.")), /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-3xl bg-white/15 p-6 backdrop-blur" }, /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.35em] text-white/70" }, "Quick tip"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-3 text-sm text-white/80" }, "Use filters to review previous prescriptions, reorder favorites, or download invoices for insurance claims.")))
+  ))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative -mt-16 pb-16 container mx-auto px-4" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50"
     },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-3 text-sm text-slate-500" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Sparkles, { className: "h-4 w-4 text-primary-500" }), /* @__PURE__ */ React19__default.default.createElement("span", null, "Explore your complete order archive with pharmacist notes.")), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-col gap-4 md:items-end" }, /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-3 text-sm text-slate-500" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Sparkles, { className: "h-4 w-4 text-primary-500" }), /* @__PURE__ */ React20__default.default.createElement("span", null, "Explore your complete order archive with pharmacist notes.")), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-col gap-4 md:items-end" }, /* @__PURE__ */ React20__default.default.createElement(
       FilterChips,
       {
         label: "Status filters",
@@ -10227,7 +10246,7 @@ function OrdersScreen() {
         maxVisible: MAX_VISIBLE_FILTERS,
         variant: "primary"
       }
-    ), /* @__PURE__ */ React19__default.default.createElement(
+    ), /* @__PURE__ */ React20__default.default.createElement(
       FilterChips,
       {
         label: "Payment status",
@@ -10242,7 +10261,7 @@ function OrdersScreen() {
         variant: "primary"
       }
     ))),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-6 space-y-4" }, isLoading ? Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React19__default.default.createElement(OrderCardSkeleton, { key: index })) : hasOrders ? filteredOrders.map((order) => /* @__PURE__ */ React19__default.default.createElement(OrderCard, { key: order.id, order })) : /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-6 space-y-4" }, isLoading ? Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React20__default.default.createElement(OrderCardSkeleton, { key: index })) : hasOrders ? filteredOrders.map((order) => /* @__PURE__ */ React20__default.default.createElement(OrderCard, { key: order.id, order })) : /* @__PURE__ */ React20__default.default.createElement(
       EmptyState,
       {
         icon: lucideReact.Package,
@@ -10252,16 +10271,16 @@ function OrdersScreen() {
         onAction: () => router.push("/shop")
       }
     )),
-    !isLoading && pagination.totalPages > 1 && hasOrders && /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-10 flex flex-wrap items-center justify-center gap-4" }, /* @__PURE__ */ React19__default.default.createElement(
+    !isLoading && pagination.totalPages > 1 && hasOrders && /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-10 flex flex-wrap items-center justify-center gap-4" }, /* @__PURE__ */ React20__default.default.createElement(
       Button,
       {
         variant: "outline",
         onClick: () => setPage((current) => Math.max(1, current - 1)),
         disabled: page === 1
       },
-      /* @__PURE__ */ React19__default.default.createElement(lucideReact.ChevronLeft, { className: "h-5 w-5" }),
+      /* @__PURE__ */ React20__default.default.createElement(lucideReact.ChevronLeft, { className: "h-5 w-5" }),
       "Previous"
-    ), /* @__PURE__ */ React19__default.default.createElement("span", { className: "text-sm font-semibold text-slate-600" }, "Page ", page, " of ", pagination.totalPages), /* @__PURE__ */ React19__default.default.createElement(
+    ), /* @__PURE__ */ React20__default.default.createElement("span", { className: "text-sm font-semibold text-slate-600" }, "Page ", page, " of ", pagination.totalPages), /* @__PURE__ */ React20__default.default.createElement(
       Button,
       {
         variant: "outline",
@@ -10269,7 +10288,7 @@ function OrdersScreen() {
         disabled: page === pagination.totalPages
       },
       "Next",
-      /* @__PURE__ */ React19__default.default.createElement(lucideReact.ChevronRight, { className: "h-5 w-5" })
+      /* @__PURE__ */ React20__default.default.createElement(lucideReact.ChevronRight, { className: "h-5 w-5" })
     ))
   ))));
 }
@@ -10277,17 +10296,17 @@ function CurrentOrdersScreen() {
   const router = navigation.useRouter();
   const { orders, isLoading } = useCurrentOrders();
   const hasOrders = orders.length > 0;
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19__default.default.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-col gap-6 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React20__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20__default.default.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-col gap-6 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "space-y-4"
     },
-    /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Truck, { className: "h-4 w-4" }), "Live order tracking"),
-    /* @__PURE__ */ React19__default.default.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Current orders"),
-    /* @__PURE__ */ React19__default.default.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "Follow your pharmacy orders from preparation to delivery. Real-time updates, SMS alerts, and pharmacist oversight come standard.")
-  ), /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Truck, { className: "h-4 w-4" }), "Live order tracking"),
+    /* @__PURE__ */ React20__default.default.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Current orders"),
+    /* @__PURE__ */ React20__default.default.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "Follow your pharmacy orders from preparation to delivery. Real-time updates, SMS alerts, and pharmacist oversight come standard.")
+  ), /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 24 },
@@ -10295,24 +10314,24 @@ function CurrentOrdersScreen() {
       transition: { delay: 0.1 },
       className: "rounded-3xl bg-white/15 p-6 backdrop-blur"
     },
-    /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.35em] text-white/70" }, "Quick actions"),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-4 space-y-3 text-sm text-white/80" }, /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.35em] text-white/70" }, "Quick actions"),
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-4 space-y-3 text-sm text-white/80" }, /* @__PURE__ */ React20__default.default.createElement(
       Link8__default.default,
       {
         href: "/orders",
         className: "flex items-center justify-between rounded-2xl bg-white/10 px-4 py-3 transition hover:bg-white/20"
       },
-      /* @__PURE__ */ React19__default.default.createElement("span", { className: "font-semibold text-white" }, "View order history"),
-      /* @__PURE__ */ React19__default.default.createElement(lucideReact.ArrowUpRight, { className: "h-4 w-4" })
-    ), /* @__PURE__ */ React19__default.default.createElement("p", null, "Need help fast? Chat with a pharmacist and we will triage your request in under 10 minutes."))
-  )))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative -mt-16 pb-16" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement("span", { className: "font-semibold text-white" }, "View order history"),
+      /* @__PURE__ */ React20__default.default.createElement(lucideReact.ArrowUpRight, { className: "h-4 w-4" })
+    ), /* @__PURE__ */ React20__default.default.createElement("p", null, "Need help fast? Chat with a pharmacist and we will triage your request in under 10 minutes."))
+  )))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative -mt-16 pb-16" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.section,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "grid gap-6 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]"
     },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-6" }, isLoading ? /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-4" }, Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React19__default.default.createElement(OrderCardSkeleton, { key: index }))) : hasOrders ? /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-4" }, orders.map((order) => /* @__PURE__ */ React19__default.default.createElement(OrderCard, { key: order.id, order }))) : /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-10 shadow-sm" }, /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-6" }, isLoading ? /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-4" }, Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React20__default.default.createElement(OrderCardSkeleton, { key: index }))) : hasOrders ? /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-4" }, orders.map((order) => /* @__PURE__ */ React20__default.default.createElement(OrderCard, { key: order.id, order }))) : /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-10 shadow-sm" }, /* @__PURE__ */ React20__default.default.createElement(
       EmptyState,
       {
         icon: lucideReact.PackageCheck,
@@ -10322,7 +10341,7 @@ function CurrentOrdersScreen() {
         onAction: () => router.push("/shop")
       }
     ))),
-    /* @__PURE__ */ React19__default.default.createElement("aside", { className: "space-y-6" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React19__default.default.createElement("h2", { className: "text-lg font-semibold text-slate-900" }, "Real-time milestones"), /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-4 space-y-4 text-sm text-slate-600" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Warehouse, { className: "h-5 w-5 text-primary-500" }), /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement("p", { className: "font-semibold text-slate-800" }, "Preparation"), /* @__PURE__ */ React19__default.default.createElement("p", null, "Our pharmacists verify ingredients and pack thermo-sensitive items."))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Truck, { className: "h-5 w-5 text-primary-500" }), /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement("p", { className: "font-semibold text-slate-800" }, "In transit"), /* @__PURE__ */ React19__default.default.createElement("p", null, "Track live courier location with ETA updates tailored to your delivery window."))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.BellRing, { className: "h-5 w-5 text-primary-500" }), /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement("p", { className: "font-semibold text-slate-800" }, "Arrival alerts"), /* @__PURE__ */ React19__default.default.createElement("p", null, "Receive SMS and email notifications when parcels are out for delivery."))))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/70 p-6 text-sm text-primary-700 shadow-sm" }, /* @__PURE__ */ React19__default.default.createElement("p", { className: "font-semibold uppercase tracking-[0.3em]" }, "Need support?"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-3 leading-relaxed" }, "Our fulfillment team is online 7 days a week. Message us if you need to adjust delivery instructions or review dosage guidance.")))
+    /* @__PURE__ */ React20__default.default.createElement("aside", { className: "space-y-6" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React20__default.default.createElement("h2", { className: "text-lg font-semibold text-slate-900" }, "Real-time milestones"), /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-4 space-y-4 text-sm text-slate-600" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Warehouse, { className: "h-5 w-5 text-primary-500" }), /* @__PURE__ */ React20__default.default.createElement("div", null, /* @__PURE__ */ React20__default.default.createElement("p", { className: "font-semibold text-slate-800" }, "Preparation"), /* @__PURE__ */ React20__default.default.createElement("p", null, "Our pharmacists verify ingredients and pack thermo-sensitive items."))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Truck, { className: "h-5 w-5 text-primary-500" }), /* @__PURE__ */ React20__default.default.createElement("div", null, /* @__PURE__ */ React20__default.default.createElement("p", { className: "font-semibold text-slate-800" }, "In transit"), /* @__PURE__ */ React20__default.default.createElement("p", null, "Track live courier location with ETA updates tailored to your delivery window."))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.BellRing, { className: "h-5 w-5 text-primary-500" }), /* @__PURE__ */ React20__default.default.createElement("div", null, /* @__PURE__ */ React20__default.default.createElement("p", { className: "font-semibold text-slate-800" }, "Arrival alerts"), /* @__PURE__ */ React20__default.default.createElement("p", null, "Receive SMS and email notifications when parcels are out for delivery."))))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/70 p-6 text-sm text-primary-700 shadow-sm" }, /* @__PURE__ */ React20__default.default.createElement("p", { className: "font-semibold uppercase tracking-[0.3em]" }, "Need support?"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-3 leading-relaxed" }, "Our fulfillment team is online 7 days a week. Message us if you need to adjust delivery instructions or review dosage guidance.")))
   ))));
 }
 var addressFormSchema = zod.z.object({
@@ -10355,12 +10374,12 @@ function formatAddressSnippet(address) {
 function getAddressTypeCopy(type) {
   switch (type) {
     case "Billing":
-      return { label: "Billing", icon: /* @__PURE__ */ React19__default.default.createElement(lucideReact.Home, { className: "h-4 w-4" }) };
+      return { label: "Billing", icon: /* @__PURE__ */ React20__default.default.createElement(lucideReact.Home, { className: "h-4 w-4" }) };
     case "Both":
-      return { label: "Billing & Shipping", icon: /* @__PURE__ */ React19__default.default.createElement(lucideReact.Globe, { className: "h-4 w-4" }) };
+      return { label: "Billing & Shipping", icon: /* @__PURE__ */ React20__default.default.createElement(lucideReact.Globe, { className: "h-4 w-4" }) };
     case "Shipping":
     default:
-      return { label: "Shipping", icon: /* @__PURE__ */ React19__default.default.createElement(lucideReact.MapPin, { className: "h-4 w-4" }) };
+      return { label: "Shipping", icon: /* @__PURE__ */ React20__default.default.createElement(lucideReact.MapPin, { className: "h-4 w-4" }) };
   }
 }
 function AddressesScreen() {
@@ -10374,8 +10393,8 @@ function AddressesScreen() {
     removeAddress,
     markAsDefault
   } = useAddresses();
-  const [isModalOpen, setIsModalOpen] = React19.useState(false);
-  const [editingAddress, setEditingAddress] = React19.useState(null);
+  const [isModalOpen, setIsModalOpen] = React20.useState(false);
+  const [editingAddress, setEditingAddress] = React20.useState(null);
   const {
     register,
     handleSubmit,
@@ -10385,7 +10404,7 @@ function AddressesScreen() {
     resolver: zod$1.zodResolver(addressFormSchema),
     defaultValues: FORM_DEFAULTS
   });
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (editingAddress) {
       reset({
         fullName: editingAddress.name,
@@ -10480,7 +10499,7 @@ You can add it back at any time.`
       });
     }
   };
-  const stats = React19.useMemo(() => {
+  const stats = React20.useMemo(() => {
     const shippingCount = addresses.filter((address) => address.addressType !== "Billing").length;
     const billingCount = addresses.filter((address) => address.addressType !== "Shipping").length;
     return [
@@ -10504,18 +10523,18 @@ You can add it back at any time.`
       }
     ];
   }, [addresses]);
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19__default.default.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.3),_transparent_60%)]" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-col gap-6 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React20__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20__default.default.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.3),_transparent_60%)]" }), /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-col gap-6 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "space-y-5"
     },
-    /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.MapPin, { className: "h-4 w-4" }), "Address book"),
-    /* @__PURE__ */ React19__default.default.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Manage where your care arrives"),
-    /* @__PURE__ */ React19__default.default.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "Add home, office, or loved ones' addresses and toggle a default for lightning-fast checkout and delivery."),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-wrap items-center gap-3 text-sm text-white/75" }, /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/10 px-3 py-1" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Sparkles, { className: "h-4 w-4 text-white" }), "Default address: ", defaultAddress ? defaultAddress.name : "Not set"), /* @__PURE__ */ React19__default.default.createElement(Button, { variant: "ghost", className: "text-white hover:bg-white/10", onClick: openCreateModal }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Plus, { className: "h-5 w-5" }), "Add address"))
-  ), /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.MapPin, { className: "h-4 w-4" }), "Address book"),
+    /* @__PURE__ */ React20__default.default.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Manage where your care arrives"),
+    /* @__PURE__ */ React20__default.default.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "Add home, office, or loved ones' addresses and toggle a default for lightning-fast checkout and delivery."),
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-wrap items-center gap-3 text-sm text-white/75" }, /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/10 px-3 py-1" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Sparkles, { className: "h-4 w-4 text-white" }), "Default address: ", defaultAddress ? defaultAddress.name : "Not set"), /* @__PURE__ */ React20__default.default.createElement(Button, { variant: "ghost", className: "text-white hover:bg-white/10", onClick: openCreateModal }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Plus, { className: "h-5 w-5" }), "Add address"))
+  ), /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 24 },
@@ -10523,14 +10542,14 @@ You can add it back at any time.`
       transition: { delay: 0.1 },
       className: "grid gap-4 rounded-3xl bg-white/15 p-6 text-sm text-white/80 backdrop-blur"
     },
-    stats.map((stat) => /* @__PURE__ */ React19__default.default.createElement("div", { key: stat.id, className: "flex items-center justify-between" }, /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-xs font-semibold uppercase tracking-[0.3em] text-white/70" }, stat.label), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-white" }, stat.helper)), /* @__PURE__ */ React19__default.default.createElement("span", { className: "text-3xl font-semibold text-white" }, stat.value)))
-  )))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative -mt-16 pb-20" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "container mx-auto px-4" }, isLoading ? /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3" }, Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React19__default.default.createElement(
+    stats.map((stat) => /* @__PURE__ */ React20__default.default.createElement("div", { key: stat.id, className: "flex items-center justify-between" }, /* @__PURE__ */ React20__default.default.createElement("div", null, /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-xs font-semibold uppercase tracking-[0.3em] text-white/70" }, stat.label), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-white" }, stat.helper)), /* @__PURE__ */ React20__default.default.createElement("span", { className: "text-3xl font-semibold text-white" }, stat.value)))
+  )))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative -mt-16 pb-20" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "container mx-auto px-4" }, isLoading ? /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3" }, Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React20__default.default.createElement(
     "div",
     {
       key: index,
       className: "h-56 animate-pulse rounded-3xl border border-slate-100 bg-white"
     }
-  ))) : error ? /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-3xl border border-red-100 bg-red-50 p-6 text-sm text-red-700" }, error.message) : addresses.length === 0 ? /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-12 shadow-sm" }, /* @__PURE__ */ React19__default.default.createElement(
+  ))) : error ? /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-3xl border border-red-100 bg-red-50 p-6 text-sm text-red-700" }, error.message) : addresses.length === 0 ? /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-12 shadow-sm" }, /* @__PURE__ */ React20__default.default.createElement(
     EmptyState,
     {
       icon: lucideReact.MapPin,
@@ -10539,9 +10558,9 @@ You can add it back at any time.`
       actionLabel: "Add your first address",
       onAction: openCreateModal
     }
-  )) : /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3" }, addresses.map((address) => {
+  )) : /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3" }, addresses.map((address) => {
     const typeCopy = getAddressTypeCopy(address.addressType);
-    return /* @__PURE__ */ React19__default.default.createElement(
+    return /* @__PURE__ */ React20__default.default.createElement(
       framerMotion.motion.div,
       {
         key: address.id,
@@ -10549,39 +10568,39 @@ You can add it back at any time.`
         animate: { opacity: 1, y: 0 },
         className: "group relative flex h-full flex-col rounded-3xl border border-slate-100 bg-white p-6 shadow-sm transition hover:-translate-y-1 hover:shadow-xl"
       },
-      address.isDefault && /* @__PURE__ */ React19__default.default.createElement("span", { className: "absolute right-6 top-6 inline-flex items-center gap-2 rounded-full bg-amber-100 px-3 py-1 text-xs font-semibold text-amber-700" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Crown, { className: "h-4 w-4" }), "Default"),
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19__default.default.createElement("span", { className: "rounded-full bg-primary-50 p-3 text-primary-600" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.User, { className: "h-5 w-5" })), /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-base font-semibold text-slate-900" }, address.name), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-xs uppercase tracking-[0.3em] text-slate-400" }, typeCopy.label))),
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-6 flex flex-1 flex-col gap-3 text-sm text-slate-600" }, /* @__PURE__ */ React19__default.default.createElement("p", null, formatAddressSnippet(address)), /* @__PURE__ */ React19__default.default.createElement("p", { className: "inline-flex items-center gap-2 text-slate-500" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Phone, { className: "h-4 w-4 text-slate-400" }), address.phone || "Not provided")),
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-6 flex items-center justify-between gap-3" }, /* @__PURE__ */ React19__default.default.createElement(
+      address.isDefault && /* @__PURE__ */ React20__default.default.createElement("span", { className: "absolute right-6 top-6 inline-flex items-center gap-2 rounded-full bg-amber-100 px-3 py-1 text-xs font-semibold text-amber-700" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Crown, { className: "h-4 w-4" }), "Default"),
+      /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20__default.default.createElement("span", { className: "rounded-full bg-primary-50 p-3 text-primary-600" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.User, { className: "h-5 w-5" })), /* @__PURE__ */ React20__default.default.createElement("div", null, /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-base font-semibold text-slate-900" }, address.name), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-xs uppercase tracking-[0.3em] text-slate-400" }, typeCopy.label))),
+      /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-6 flex flex-1 flex-col gap-3 text-sm text-slate-600" }, /* @__PURE__ */ React20__default.default.createElement("p", null, formatAddressSnippet(address)), /* @__PURE__ */ React20__default.default.createElement("p", { className: "inline-flex items-center gap-2 text-slate-500" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Phone, { className: "h-4 w-4 text-slate-400" }), address.phone || "Not provided")),
+      /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-6 flex items-center justify-between gap-3" }, /* @__PURE__ */ React20__default.default.createElement(
         "button",
         {
           type: "button",
           onClick: () => openEditModal(address),
           className: "inline-flex items-center gap-2 rounded-full border border-slate-200 px-3 py-1 text-sm font-medium text-slate-600 transition hover:border-primary-300 hover:text-primary-600"
         },
-        /* @__PURE__ */ React19__default.default.createElement(lucideReact.Edit3, { className: "h-4 w-4" }),
+        /* @__PURE__ */ React20__default.default.createElement(lucideReact.Edit3, { className: "h-4 w-4" }),
         "Edit"
-      ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-2" }, !address.isDefault && /* @__PURE__ */ React19__default.default.createElement(
+      ), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-2" }, !address.isDefault && /* @__PURE__ */ React20__default.default.createElement(
         "button",
         {
           type: "button",
           onClick: () => handleSetDefault(address),
           className: "inline-flex items-center gap-2 rounded-full border border-amber-200 px-3 py-1 text-sm font-semibold text-amber-600 transition hover:border-amber-300 hover:text-amber-700"
         },
-        /* @__PURE__ */ React19__default.default.createElement(lucideReact.Star, { className: "h-4 w-4" }),
+        /* @__PURE__ */ React20__default.default.createElement(lucideReact.Star, { className: "h-4 w-4" }),
         "Make default"
-      ), /* @__PURE__ */ React19__default.default.createElement(
+      ), /* @__PURE__ */ React20__default.default.createElement(
         "button",
         {
           type: "button",
           onClick: () => handleDelete(address),
           className: "inline-flex items-center gap-2 rounded-full border border-red-200 px-3 py-1 text-sm font-semibold text-red-600 transition hover:border-red-300 hover:text-red-700"
         },
-        /* @__PURE__ */ React19__default.default.createElement(lucideReact.Trash2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ React20__default.default.createElement(lucideReact.Trash2, { className: "h-4 w-4" }),
         "Delete"
       )))
     );
-  })))), /* @__PURE__ */ React19__default.default.createElement(
+  })))), /* @__PURE__ */ React20__default.default.createElement(
     Modal,
     {
       isOpen: isModalOpen,
@@ -10589,7 +10608,7 @@ You can add it back at any time.`
       title: editingAddress ? "Edit address" : "Add new address",
       size: "lg"
     },
-    /* @__PURE__ */ React19__default.default.createElement("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-6" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-6" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React20__default.default.createElement(
       Input,
       {
         label: "Full name",
@@ -10597,7 +10616,7 @@ You can add it back at any time.`
         ...register("fullName"),
         error: errors.fullName?.message
       }
-    ), /* @__PURE__ */ React19__default.default.createElement(
+    ), /* @__PURE__ */ React20__default.default.createElement(
       Input,
       {
         label: "Phone number",
@@ -10605,7 +10624,7 @@ You can add it back at any time.`
         ...register("phone"),
         error: errors.phone?.message
       }
-    )), /* @__PURE__ */ React19__default.default.createElement(
+    )), /* @__PURE__ */ React20__default.default.createElement(
       Input,
       {
         label: "Address line 1",
@@ -10613,7 +10632,7 @@ You can add it back at any time.`
         ...register("addressLine1"),
         error: errors.addressLine1?.message
       }
-    ), /* @__PURE__ */ React19__default.default.createElement(
+    ), /* @__PURE__ */ React20__default.default.createElement(
       Input,
       {
         label: "Address line 2 (optional)",
@@ -10621,7 +10640,7 @@ You can add it back at any time.`
         ...register("addressLine2"),
         error: errors.addressLine2?.message
       }
-    ), /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React19__default.default.createElement(
+    ), /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React20__default.default.createElement(
       Input,
       {
         label: "City",
@@ -10629,7 +10648,7 @@ You can add it back at any time.`
         ...register("city"),
         error: errors.city?.message
       }
-    ), /* @__PURE__ */ React19__default.default.createElement(
+    ), /* @__PURE__ */ React20__default.default.createElement(
       Input,
       {
         label: "State / Region",
@@ -10637,7 +10656,7 @@ You can add it back at any time.`
         ...register("state"),
         error: errors.state?.message
       }
-    )), /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React19__default.default.createElement(
+    )), /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React20__default.default.createElement(
       Input,
       {
         label: "Postal code",
@@ -10645,7 +10664,7 @@ You can add it back at any time.`
         ...register("zipCode"),
         error: errors.zipCode?.message
       }
-    ), /* @__PURE__ */ React19__default.default.createElement(
+    ), /* @__PURE__ */ React20__default.default.createElement(
       Input,
       {
         label: "Country",
@@ -10653,35 +10672,35 @@ You can add it back at any time.`
         ...register("country"),
         error: errors.country?.message
       }
-    )), /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React19__default.default.createElement("label", { className: "flex flex-col gap-2 rounded-2xl border border-slate-200 p-4" }, /* @__PURE__ */ React19__default.default.createElement("span", { className: "text-sm font-semibold text-slate-700" }, "Address type"), /* @__PURE__ */ React19__default.default.createElement(
+    )), /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React20__default.default.createElement("label", { className: "flex flex-col gap-2 rounded-2xl border border-slate-200 p-4" }, /* @__PURE__ */ React20__default.default.createElement("span", { className: "text-sm font-semibold text-slate-700" }, "Address type"), /* @__PURE__ */ React20__default.default.createElement(
       "select",
       {
         ...register("addressType"),
         className: "rounded-xl border border-slate-200 px-3 py-2 text-sm text-slate-700 focus:border-primary-400 focus:outline-none focus:ring-2 focus:ring-primary-500/20"
       },
-      /* @__PURE__ */ React19__default.default.createElement("option", { value: "Shipping" }, "Shipping"),
-      /* @__PURE__ */ React19__default.default.createElement("option", { value: "Billing" }, "Billing"),
-      /* @__PURE__ */ React19__default.default.createElement("option", { value: "Both" }, "Billing & Shipping")
-    )), /* @__PURE__ */ React19__default.default.createElement("label", { className: "flex items-center justify-between gap-4 rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3 text-sm font-medium text-slate-700" }, /* @__PURE__ */ React19__default.default.createElement("span", null, "Set as default address"), /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement("option", { value: "Shipping" }, "Shipping"),
+      /* @__PURE__ */ React20__default.default.createElement("option", { value: "Billing" }, "Billing"),
+      /* @__PURE__ */ React20__default.default.createElement("option", { value: "Both" }, "Billing & Shipping")
+    )), /* @__PURE__ */ React20__default.default.createElement("label", { className: "flex items-center justify-between gap-4 rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3 text-sm font-medium text-slate-700" }, /* @__PURE__ */ React20__default.default.createElement("span", null, "Set as default address"), /* @__PURE__ */ React20__default.default.createElement(
       "input",
       {
         type: "checkbox",
         ...register("isDefault"),
         className: "h-4 w-4 rounded border-primary-300 text-primary-600 focus:ring-primary-500"
       }
-    ))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center justify-end gap-3" }, /* @__PURE__ */ React19__default.default.createElement(Button, { type: "button", variant: "outline", onClick: closeModal }, "Cancel"), /* @__PURE__ */ React19__default.default.createElement(Button, { type: "submit", isLoading: isSubmitting }, editingAddress ? "Save changes" : "Save address")))
+    ))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center justify-end gap-3" }, /* @__PURE__ */ React20__default.default.createElement(Button, { type: "button", variant: "outline", onClick: closeModal }, "Cancel"), /* @__PURE__ */ React20__default.default.createElement(Button, { type: "submit", isLoading: isSubmitting }, editingAddress ? "Save changes" : "Save address")))
   ));
 }
 function useWishlistProducts(productIds = []) {
-  const [products, setProducts] = React19.useState([]);
-  const [isLoading, setIsLoading] = React19.useState(false);
-  const [error, setError] = React19.useState(null);
-  const [cache] = React19.useState(() => /* @__PURE__ */ new Map());
-  const uniqueIds = React19.useMemo(
+  const [products, setProducts] = React20.useState([]);
+  const [isLoading, setIsLoading] = React20.useState(false);
+  const [error, setError] = React20.useState(null);
+  const [cache] = React20.useState(() => /* @__PURE__ */ new Map());
+  const uniqueIds = React20.useMemo(
     () => Array.from(new Set((productIds || []).filter(Boolean))),
     [productIds]
   );
-  const fetchProducts = React19.useCallback(async () => {
+  const fetchProducts = React20.useCallback(async () => {
     if (uniqueIds.length === 0) {
       setProducts([]);
       setIsLoading(false);
@@ -10709,7 +10728,7 @@ function useWishlistProducts(productIds = []) {
       setIsLoading(false);
     }
   }, [cache, uniqueIds]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     fetchProducts();
   }, [fetchProducts]);
   return {
@@ -10728,6 +10747,7 @@ var SORT_OPTIONS = [
 ];
 function WishlistScreen() {
   const router = navigation.useRouter();
+  const { buildPath } = useBasePath();
   const { isAuthenticated } = useAuth() || {};
   const {
     products: wishlistItems,
@@ -10740,10 +10760,10 @@ function WishlistScreen() {
   const { products: wishlistProducts, isLoading, error } = useWishlistProducts(
     wishlistItems
   );
-  const [onlyInStock, setOnlyInStock] = React19.useState(false);
-  const [viewMode, setViewMode] = React19.useState("list");
-  const [sortOption, setSortOption] = React19.useState("featured");
-  React19.useEffect(() => {
+  const [onlyInStock, setOnlyInStock] = React20.useState(false);
+  const [viewMode, setViewMode] = React20.useState("list");
+  const [sortOption, setSortOption] = React20.useState("featured");
+  React20.useEffect(() => {
     if (error) {
       sonner.toast.error("We had trouble loading your saved products. Please try again.");
     }
@@ -10765,11 +10785,11 @@ function WishlistScreen() {
       console.error("Error clearing wishlist:", err);
     }
   };
-  const totalValue = React19.useMemo(
+  const totalValue = React20.useMemo(
     () => wishlistProducts.reduce((sum, product) => sum + (product.finalPrice ?? 0), 0),
     [wishlistProducts]
   );
-  React19.useMemo(
+  React20.useMemo(
     () => wishlistProducts.reduce((sum, product) => {
       const before = product.priceBeforeDiscount ?? product.finalPrice ?? 0;
       const after = product.finalPrice ?? 0;
@@ -10778,11 +10798,11 @@ function WishlistScreen() {
     }, 0),
     [wishlistProducts]
   );
-  React19.useMemo(
+  React20.useMemo(
     () => wishlistProducts.filter((product) => (product.inventoryCount ?? 0) > 0).length,
     [wishlistProducts]
   );
-  const processedProducts = React19.useMemo(() => {
+  const processedProducts = React20.useMemo(() => {
     let list = [...wishlistProducts];
     if (onlyInStock) {
       list = list.filter((product) => (product.inventoryCount ?? 0) > 0);
@@ -10808,14 +10828,14 @@ function WishlistScreen() {
     return list;
   }, [wishlistProducts, onlyInStock, sortOption]);
   const emptyAfterFiltering = !isLoading && wishlistProducts.length > 0 && processedProducts.length === 0;
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "min-h-screen bg-slate-50 pb-16" }, /* @__PURE__ */ React19__default.default.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] pb-32 pt-16 text-white" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "absolute inset-0 opacity-40 mix-blend-soft-light", "aria-hidden": "true" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "absolute -top-1/2 right-1/2 h-[40rem] w-[40rem] rounded-full bg-white/10 blur-3xl" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "absolute left-1/4 top-1/4 h-48 w-48 rounded-full bg-white/20 blur-2xl" })), /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative container mx-auto px-4" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "max-w-3xl space-y-6" }, /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-4 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Heart, { className: "h-4 w-4" }), "Wishlist"), /* @__PURE__ */ React19__default.default.createElement("h1", { className: "text-4xl font-bold leading-tight md:text-5xl" }, "Curate your pharmacy must-haves in one calming space"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "We keep your favourite products ready for reorder, refill reminders, and quick checkout\u2014exactly when you need them.")))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative -mt-20" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React20__default.default.createElement("div", { className: "min-h-screen bg-slate-50 pb-16" }, /* @__PURE__ */ React20__default.default.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] pb-32 pt-16 text-white" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "absolute inset-0 opacity-40 mix-blend-soft-light", "aria-hidden": "true" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "absolute -top-1/2 right-1/2 h-[40rem] w-[40rem] rounded-full bg-white/10 blur-3xl" }), /* @__PURE__ */ React20__default.default.createElement("div", { className: "absolute left-1/4 top-1/4 h-48 w-48 rounded-full bg-white/20 blur-2xl" })), /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative container mx-auto px-4" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "max-w-3xl space-y-6" }, /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-4 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Heart, { className: "h-4 w-4" }), "Wishlist"), /* @__PURE__ */ React20__default.default.createElement("h1", { className: "text-4xl font-bold leading-tight md:text-5xl" }, "Curate your pharmacy must-haves in one calming space"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "We keep your favourite products ready for reorder, refill reminders, and quick checkout\u2014exactly when you need them.")))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative -mt-20" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-xl shadow-primary-50"
     },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-col gap-6" }, !isAuthenticated && /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex min-h-[40vh] items-center justify-center" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "max-w-lg rounded-3xl border border-slate-100 bg-white p-10 text-center shadow-lg shadow-primary-50" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-primary-50 text-primary-600" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Heart, { className: "h-8 w-8" })), /* @__PURE__ */ React19__default.default.createElement("h2", { className: "mt-6 text-3xl font-bold text-slate-900" }, "Sign in to see your favourites"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-3 text-slate-500" }, "Create your curated shelf of products and we'll keep them ready whenever you return."), /* @__PURE__ */ React19__default.default.createElement(Button, { className: "mt-6", onClick: () => router.push("/login") }, "Sign In"))), isAuthenticated && /* @__PURE__ */ React19__default.default.createElement(React19__default.default.Fragment, null, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React19__default.default.createElement("h2", { className: "text-2xl font-semibold text-slate-900" }, "Your saved collection"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm text-slate-500" }, "Total value: ", /* @__PURE__ */ React19__default.default.createElement("span", { className: "font-semibold text-primary-600" }, formatPrice(totalValue)), onlyInStock && " \u2022 Showing items ready to ship")), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-wrap items-center gap-3" }, /* @__PURE__ */ React19__default.default.createElement("label", { className: "inline-flex cursor-pointer items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-1.5 text-sm font-medium text-slate-600 transition hover:border-primary-200 hover:text-primary-600" }, /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-col gap-6" }, !isAuthenticated && /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex min-h-[40vh] items-center justify-center" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "max-w-lg rounded-3xl border border-slate-100 bg-white p-10 text-center shadow-lg shadow-primary-50" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-primary-50 text-primary-600" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Heart, { className: "h-8 w-8" })), /* @__PURE__ */ React20__default.default.createElement("h2", { className: "mt-6 text-3xl font-bold text-slate-900" }, "Sign in to see your favourites"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-3 text-slate-500" }, "Create your curated shelf of products and we'll keep them ready whenever you return."), /* @__PURE__ */ React20__default.default.createElement(Button, { className: "mt-6", onClick: () => router.push("/login") }, "Sign In"))), isAuthenticated && /* @__PURE__ */ React20__default.default.createElement(React20__default.default.Fragment, null, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React20__default.default.createElement("h2", { className: "text-2xl font-semibold text-slate-900" }, "Your saved collection"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm text-slate-500" }, "Total value: ", /* @__PURE__ */ React20__default.default.createElement("span", { className: "font-semibold text-primary-600" }, formatPrice(totalValue)), onlyInStock && " \u2022 Showing items ready to ship")), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-wrap items-center gap-3" }, /* @__PURE__ */ React20__default.default.createElement("label", { className: "inline-flex cursor-pointer items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-1.5 text-sm font-medium text-slate-600 transition hover:border-primary-200 hover:text-primary-600" }, /* @__PURE__ */ React20__default.default.createElement(
       "input",
       {
         type: "checkbox",
@@ -10823,54 +10843,54 @@ function WishlistScreen() {
         onChange: (event) => setOnlyInStock(event.target.checked),
         className: "h-4 w-4 rounded border-slate-300 text-primary-600 focus:ring-primary-500"
       }
-    ), "Only show in-stock"), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-1.5 text-sm text-slate-600" }, /* @__PURE__ */ React19__default.default.createElement("span", null, "Sort"), /* @__PURE__ */ React19__default.default.createElement(
+    ), "Only show in-stock"), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-1.5 text-sm text-slate-600" }, /* @__PURE__ */ React20__default.default.createElement("span", null, "Sort"), /* @__PURE__ */ React20__default.default.createElement(
       "select",
       {
         value: sortOption,
         onChange: (event) => setSortOption(event.target.value),
         className: "bg-transparent text-sm font-medium text-slate-700 outline-none"
       },
-      SORT_OPTIONS.map((option) => /* @__PURE__ */ React19__default.default.createElement("option", { key: option.value, value: option.value }, option.label))
-    )), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex overflow-hidden rounded-full border border-slate-200 bg-slate-50" }, /* @__PURE__ */ React19__default.default.createElement(
+      SORT_OPTIONS.map((option) => /* @__PURE__ */ React20__default.default.createElement("option", { key: option.value, value: option.value }, option.label))
+    )), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex overflow-hidden rounded-full border border-slate-200 bg-slate-50" }, /* @__PURE__ */ React20__default.default.createElement(
       "button",
       {
         type: "button",
         onClick: () => setViewMode("grid"),
         className: `flex items-center gap-1 px-3 py-1.5 text-sm font-medium transition ${viewMode === "grid" ? "bg-primary-600 text-white shadow-lg shadow-primary-500/30" : "text-slate-600 hover:bg-white"}`
       },
-      /* @__PURE__ */ React19__default.default.createElement(lucideReact.Grid, { className: "h-4 w-4" }),
+      /* @__PURE__ */ React20__default.default.createElement(lucideReact.Grid, { className: "h-4 w-4" }),
       "Grid"
-    ), /* @__PURE__ */ React19__default.default.createElement(
+    ), /* @__PURE__ */ React20__default.default.createElement(
       "button",
       {
         type: "button",
         onClick: () => setViewMode("list"),
         className: `flex items-center gap-1 px-3 py-1.5 text-sm font-medium transition ${viewMode === "list" ? "bg-primary-600 text-white shadow-lg shadow-primary-500/30" : "text-slate-600 hover:bg-white"}`
       },
-      /* @__PURE__ */ React19__default.default.createElement(lucideReact.List, { className: "h-4 w-4" }),
+      /* @__PURE__ */ React20__default.default.createElement(lucideReact.List, { className: "h-4 w-4" }),
       "List"
-    )), wishlistCount > 0 && /* @__PURE__ */ React19__default.default.createElement(
+    )), wishlistCount > 0 && /* @__PURE__ */ React20__default.default.createElement(
       Button,
       {
         variant: "ghost",
         className: "text-sm font-semibold text-slate-500 hover:text-red-500",
         onClick: handleClearWishlist
       },
-      /* @__PURE__ */ React19__default.default.createElement(lucideReact.Trash2, { className: "h-4 w-4" }),
+      /* @__PURE__ */ React20__default.default.createElement(lucideReact.Trash2, { className: "h-4 w-4" }),
       "Clear all"
-    ))), isLoading && /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3" }, Array.from({ length: Math.min(wishlistCount || 3, 6) }).map((_, index) => /* @__PURE__ */ React19__default.default.createElement(
+    ))), isLoading && /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3" }, Array.from({ length: Math.min(wishlistCount || 3, 6) }).map((_, index) => /* @__PURE__ */ React20__default.default.createElement(
       "div",
       {
         key: index,
         className: "h-72 animate-pulse rounded-2xl border border-slate-200 bg-slate-100"
       }
-    ))), !isLoading && wishlistCount === 0 && /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex min-h-[30vh] items-center justify-center" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "max-w-2xl rounded-3xl border border-slate-100 bg-white p-12 text-center shadow-xl shadow-primary-50" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "mx-auto flex h-20 w-20 items-center justify-center rounded-full bg-primary-100 text-primary-600" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Sparkles, { className: "h-10 w-10" })), /* @__PURE__ */ React19__default.default.createElement("h2", { className: "mt-6 text-4xl font-bold text-slate-900" }, "Start your wellness wishlist"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-4 text-lg text-slate-500" }, "Bookmark pharmacy essentials, supplements, or skincare picks and we'll keep them safe until you're ready to checkout."), /* @__PURE__ */ React19__default.default.createElement("div", { className: "mt-8 flex flex-wrap justify-center gap-3" }, /* @__PURE__ */ React19__default.default.createElement(Button, { onClick: () => router.push("/shop") }, "Discover products"), /* @__PURE__ */ React19__default.default.createElement(Button, { variant: "outline", onClick: () => router.push("/categories") }, "Browse categories")))), !isLoading && processedProducts.length > 0 && /* @__PURE__ */ React19__default.default.createElement(React19__default.default.Fragment, null, viewMode === "grid" ? /* @__PURE__ */ React19__default.default.createElement(
+    ))), !isLoading && wishlistCount === 0 && /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex min-h-[30vh] items-center justify-center" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "max-w-2xl rounded-3xl border border-slate-100 bg-white p-12 text-center shadow-xl shadow-primary-50" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "mx-auto flex h-20 w-20 items-center justify-center rounded-full bg-primary-100 text-primary-600" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Sparkles, { className: "h-10 w-10" })), /* @__PURE__ */ React20__default.default.createElement("h2", { className: "mt-6 text-4xl font-bold text-slate-900" }, "Start your wellness wishlist"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-4 text-lg text-slate-500" }, "Bookmark pharmacy essentials, supplements, or skincare picks and we'll keep them safe until you're ready to checkout."), /* @__PURE__ */ React20__default.default.createElement("div", { className: "mt-8 flex flex-wrap justify-center gap-3" }, /* @__PURE__ */ React20__default.default.createElement(Button, { onClick: () => router.push("/shop") }, "Discover products"), /* @__PURE__ */ React20__default.default.createElement(Button, { variant: "outline", onClick: () => router.push("/categories") }, "Browse categories")))), !isLoading && processedProducts.length > 0 && /* @__PURE__ */ React20__default.default.createElement(React20__default.default.Fragment, null, viewMode === "grid" ? /* @__PURE__ */ React20__default.default.createElement(
       framerMotion.motion.div,
       {
         layout: true,
         className: "grid grid-cols-1 gap-5 sm:grid-cols-2 xl:grid-cols-3"
       },
-      /* @__PURE__ */ React19__default.default.createElement(framerMotion.AnimatePresence, null, processedProducts.map((product) => /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement(framerMotion.AnimatePresence, null, processedProducts.map((product) => /* @__PURE__ */ React20__default.default.createElement(
         framerMotion.motion.div,
         {
           key: product.id,
@@ -10880,17 +10900,17 @@ function WishlistScreen() {
           exit: { opacity: 0, y: -20 },
           transition: { duration: 0.2 }
         },
-        /* @__PURE__ */ React19__default.default.createElement(
+        /* @__PURE__ */ React20__default.default.createElement(
           ProductCard,
           {
             product,
-            onClickProduct: (p) => router.push(`/products/${p.id}`),
+            onClickProduct: (p) => router.push(buildPath(`/products/${p.id}`)),
             onFavorite: () => handleRemoveFromWishlist(product.id),
             isFavorited: true
           }
         )
       )))
-    ) : /* @__PURE__ */ React19__default.default.createElement(framerMotion.motion.div, { layout: true, className: "space-y-4" }, /* @__PURE__ */ React19__default.default.createElement(framerMotion.AnimatePresence, null, processedProducts.map((product) => /* @__PURE__ */ React19__default.default.createElement(
+    ) : /* @__PURE__ */ React20__default.default.createElement(framerMotion.motion.div, { layout: true, className: "space-y-4" }, /* @__PURE__ */ React20__default.default.createElement(framerMotion.AnimatePresence, null, processedProducts.map((product) => /* @__PURE__ */ React20__default.default.createElement(
       framerMotion.motion.div,
       {
         key: product.id,
@@ -10901,7 +10921,7 @@ function WishlistScreen() {
         transition: { duration: 0.2 },
         className: "flex flex-col gap-4 rounded-2xl border border-slate-100 bg-slate-50 p-4 shadow-sm shadow-primary-50 sm:flex-row sm:items-center"
       },
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative h-28 w-full overflow-hidden rounded-2xl bg-white sm:w-40" }, /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative h-28 w-full overflow-hidden rounded-2xl bg-white sm:w-40" }, /* @__PURE__ */ React20__default.default.createElement(
         Image3__default.default,
         {
           fill: true,
@@ -10910,14 +10930,14 @@ function WishlistScreen() {
           className: "h-full w-full object-cover"
         }
       )),
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-1 flex-col gap-2" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-wrap items-center justify-between gap-3" }, /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement("h3", { className: "text-lg font-semibold text-slate-900" }, product.name), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm text-slate-500" }, product.parentCategories?.map((category) => category?.name).join(", ") || "General wellness")), /* @__PURE__ */ React19__default.default.createElement("div", { className: "text-right" }, /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-lg font-bold text-primary-600" }, formatPrice(product.finalPrice ?? 0)), product.isDiscounted && /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-xs text-emerald-500" }, "You save ", formatPrice(Math.max((product.priceBeforeDiscount ?? 0) - (product.finalPrice ?? 0), 0))))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-wrap items-center gap-3 text-xs text-slate-500" }, /* @__PURE__ */ React19__default.default.createElement("span", { className: `inline-flex items-center gap-1 rounded-full px-2.5 py-1 font-medium ${product.inventoryCount > 0 ? "bg-emerald-100 text-emerald-700" : "bg-rose-100 text-rose-700"}` }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Package, { className: "h-3.5 w-3.5" }), product.inventoryCount > 0 ? "In stock" : "Backordered"), product.totalSold > 0 && /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-slate-200 px-2.5 py-1 font-medium text-slate-700" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Sparkles, { className: "h-3.5 w-3.5" }), product.totalSold, "+ purchased")), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-wrap gap-2" }, /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-1 flex-col gap-2" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-wrap items-center justify-between gap-3" }, /* @__PURE__ */ React20__default.default.createElement("div", null, /* @__PURE__ */ React20__default.default.createElement("h3", { className: "text-lg font-semibold text-slate-900" }, product.name), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm text-slate-500" }, product.parentCategories?.map((category) => category?.name).join(", ") || "General wellness")), /* @__PURE__ */ React20__default.default.createElement("div", { className: "text-right" }, /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-lg font-bold text-primary-600" }, formatPrice(product.finalPrice ?? 0)), product.isDiscounted && /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-xs text-emerald-500" }, "You save ", formatPrice(Math.max((product.priceBeforeDiscount ?? 0) - (product.finalPrice ?? 0), 0))))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-wrap items-center gap-3 text-xs text-slate-500" }, /* @__PURE__ */ React20__default.default.createElement("span", { className: `inline-flex items-center gap-1 rounded-full px-2.5 py-1 font-medium ${product.inventoryCount > 0 ? "bg-emerald-100 text-emerald-700" : "bg-rose-100 text-rose-700"}` }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Package, { className: "h-3.5 w-3.5" }), product.inventoryCount > 0 ? "In stock" : "Backordered"), product.totalSold > 0 && /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-slate-200 px-2.5 py-1 font-medium text-slate-700" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Sparkles, { className: "h-3.5 w-3.5" }), product.totalSold, "+ purchased")), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-wrap gap-2" }, /* @__PURE__ */ React20__default.default.createElement(
         Button,
         {
           size: "sm",
           onClick: () => router.push(`/products/${product.id}`)
         },
         "View details"
-      ), /* @__PURE__ */ React19__default.default.createElement(
+      ), /* @__PURE__ */ React20__default.default.createElement(
         Button,
         {
           size: "sm",
@@ -10927,19 +10947,20 @@ function WishlistScreen() {
         },
         "Remove"
       )))
-    ))))), isAuthenticated && emptyAfterFiltering && /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-col items-center justify-center rounded-2xl border border-dashed border-slate-200 bg-slate-50 p-12 text-center" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-slate-200 text-slate-500" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Package, { className: "h-8 w-8" })), /* @__PURE__ */ React19__default.default.createElement("h3", { className: "mt-6 text-2xl font-semibold text-slate-900" }, "Nothing matches those filters"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-2 max-w-md text-sm text-slate-500" }, "Try showing out-of-stock items or adjust your sort order to revisit everything you\u2019ve saved."), /* @__PURE__ */ React19__default.default.createElement(Button, { className: "mt-6", variant: "outline", onClick: () => setOnlyInStock(false) }, "Show all saved products"))))
+    ))))), isAuthenticated && emptyAfterFiltering && /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-col items-center justify-center rounded-2xl border border-dashed border-slate-200 bg-slate-50 p-12 text-center" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-slate-200 text-slate-500" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Package, { className: "h-8 w-8" })), /* @__PURE__ */ React20__default.default.createElement("h3", { className: "mt-6 text-2xl font-semibold text-slate-900" }, "Nothing matches those filters"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-2 max-w-md text-sm text-slate-500" }, "Try showing out-of-stock items or adjust your sort order to revisit everything you\u2019ve saved."), /* @__PURE__ */ React20__default.default.createElement(Button, { className: "mt-6", variant: "outline", onClick: () => setOnlyInStock(false) }, "Show all saved products"))))
   ))));
 }
 function SearchPage() {
   const router = navigation.useRouter();
+  const { buildPath } = useBasePath();
   const searchParams = navigation.useSearchParams();
   const searchQuery = searchParams.get("q") || "";
-  const [products, setProducts] = React19.useState([]);
-  const [isLoading, setIsLoading] = React19.useState(true);
-  const [searchInput, setSearchInput] = React19.useState(searchQuery);
-  const [hasSearched, setHasSearched] = React19.useState(false);
+  const [products, setProducts] = React20.useState([]);
+  const [isLoading, setIsLoading] = React20.useState(true);
+  const [searchInput, setSearchInput] = React20.useState(searchQuery);
+  const [hasSearched, setHasSearched] = React20.useState(false);
   const { isInWishlist } = useWishlist();
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     const fetchSearchResults = async () => {
       if (!searchQuery.trim()) {
         setProducts([]);
@@ -11032,38 +11053,38 @@ function SearchPage() {
     {
       product,
       isFavorited: isInWishlist(product.id),
-      onClickProduct: (p) => router.push(`/products/${p.id}`)
+      onClickProduct: (p) => router.push(buildPath(`/products/${p.id}`))
     }
   ))) : hasSearched ? /* @__PURE__ */ React.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React.createElement("div", { className: "text-gray-500 text-lg mb-4" }, 'No products found for "', searchQuery, '"'), /* @__PURE__ */ React.createElement("p", { className: "text-gray-500 mb-6" }, "Try different keywords or check out our", " ", /* @__PURE__ */ React.createElement(Link8__default.default, { href: "/shop", className: "text-primary-600 hover:underline ml-1 font-medium" }, "featured products"))) : /* @__PURE__ */ React.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React.createElement("p", { className: "text-gray-500" }, "Enter a search term to find products"))));
 }
 function CategoriesScreen() {
   const { categories, isLoading } = useCategories();
   const router = navigation.useRouter();
-  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19__default.default.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React20__default.default.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20__default.default.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "space-y-6"
     },
-    /* @__PURE__ */ React19__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Package, { className: "h-4 w-4" }), "Product Categories"),
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React19__default.default.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Browse Our Product Range"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "Explore our comprehensive selection of healthcare products, carefully curated by our pharmacists to meet all your wellness needs.")), /* @__PURE__ */ React19__default.default.createElement("div", { className: "rounded-3xl bg-white/15 p-6 backdrop-blur" }, /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.35em] text-white/70" }, "Quick tip"), /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-3 text-sm text-white/80" }, "Use the categories below to quickly find the products you're looking for, or use the search function for specific items.")))
-  ))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative -mt-16 pb-16" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Package, { className: "h-4 w-4" }), "Product Categories"),
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React20__default.default.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Browse Our Product Range"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "Explore our comprehensive selection of healthcare products, carefully curated by our pharmacists to meet all your wellness needs.")), /* @__PURE__ */ React20__default.default.createElement("div", { className: "rounded-3xl bg-white/15 p-6 backdrop-blur" }, /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.35em] text-white/70" }, "Quick tip"), /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-3 text-sm text-white/80" }, "Use the categories below to quickly find the products you're looking for, or use the search function for specific items.")))
+  ))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative -mt-16 pb-16" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50"
     },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-3 text-sm text-slate-500 mb-6" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Sparkles, { className: "h-4 w-4 text-primary-500" }), /* @__PURE__ */ React19__default.default.createElement("span", null, "Browse our complete product catalog organized by categories.")),
-    isLoading ? /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6" }, [...Array(8)].map((_, i) => /* @__PURE__ */ React19__default.default.createElement("div", { key: i, className: "animate-pulse" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "bg-gray-200 rounded-lg aspect-square mb-2" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "h-4 bg-gray-200 rounded w-3/4 mb-1" }), /* @__PURE__ */ React19__default.default.createElement("div", { className: "h-3 bg-gray-200 rounded w-1/2" })))) : categories.length > 0 ? /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6" }, categories.map((category) => /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-3 text-sm text-slate-500 mb-6" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Sparkles, { className: "h-4 w-4 text-primary-500" }), /* @__PURE__ */ React20__default.default.createElement("span", null, "Browse our complete product catalog organized by categories.")),
+    isLoading ? /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6" }, [...Array(8)].map((_, i) => /* @__PURE__ */ React20__default.default.createElement("div", { key: i, className: "animate-pulse" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "bg-gray-200 rounded-lg aspect-square mb-2" }), /* @__PURE__ */ React20__default.default.createElement("div", { className: "h-4 bg-gray-200 rounded w-3/4 mb-1" }), /* @__PURE__ */ React20__default.default.createElement("div", { className: "h-3 bg-gray-200 rounded w-1/2" })))) : categories.length > 0 ? /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6" }, categories.map((category) => /* @__PURE__ */ React20__default.default.createElement(
       Link8__default.default,
       {
         key: category.id,
         href: `/shop?category=${category.name}`,
         className: "group block overflow-hidden rounded-xl border border-gray-100 bg-white p-4 text-center transition hover:shadow-lg hover:border-primary-500"
       },
-      /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative aspect-square w-full overflow-hidden rounded-lg bg-gray-50 mb-3" }, category.image ? /* @__PURE__ */ React19__default.default.createElement(
+      /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative aspect-square w-full overflow-hidden rounded-lg bg-gray-50 mb-3" }, category.image ? /* @__PURE__ */ React20__default.default.createElement(
         Image3__default.default,
         {
           src: category.image,
@@ -11072,10 +11093,10 @@ function CategoriesScreen() {
           className: "object-cover transition-transform group-hover:scale-105",
           sizes: "(max-width: 768px) 50vw, (max-width: 1200px) 33vw, 25vw"
         }
-      ) : /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex h-full w-full items-center justify-center bg-gray-100 text-gray-400" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Package, { className: "h-12 w-12" }))),
-      /* @__PURE__ */ React19__default.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 group-hover:text-primary-600 transition-colors" }, category.name),
-      category.productCount > 0 && /* @__PURE__ */ React19__default.default.createElement("p", { className: "mt-1 text-sm text-gray-500" }, category.productCount, " ", category.productCount === 1 ? "product" : "products")
-    ))) : /* @__PURE__ */ React19__default.default.createElement(
+      ) : /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex h-full w-full items-center justify-center bg-gray-100 text-gray-400" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Package, { className: "h-12 w-12" }))),
+      /* @__PURE__ */ React20__default.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 group-hover:text-primary-600 transition-colors" }, category.name),
+      category.productCount > 0 && /* @__PURE__ */ React20__default.default.createElement("p", { className: "mt-1 text-sm text-gray-500" }, category.productCount, " ", category.productCount === 1 ? "product" : "products")
+    ))) : /* @__PURE__ */ React20__default.default.createElement(
       EmptyState,
       {
         title: "No categories found",
@@ -11089,7 +11110,7 @@ function CategoriesScreen() {
 }
 function NewAddressPage() {
   const router = navigation.useRouter();
-  const [isSubmitting, setIsSubmitting] = React19.useState(false);
+  const [isSubmitting, setIsSubmitting] = React20.useState(false);
   const {
     register,
     handleSubmit,
@@ -11231,9 +11252,9 @@ function Header() {
   const { cart } = useCart() || { cart: { } };
   const { getWishlistCount } = useWishlist();
   const wishlistCount = getWishlistCount?.() || 0;
-  const [isMobileMenuOpen, setIsMobileMenuOpen] = React19.useState(false);
-  const [isSearchOpen, setIsSearchOpen] = React19.useState(false);
-  const [searchQuery, setSearchQuery] = React19.useState("");
+  const [isMobileMenuOpen, setIsMobileMenuOpen] = React20.useState(false);
+  const [isSearchOpen, setIsSearchOpen] = React20.useState(false);
+  const [searchQuery, setSearchQuery] = React20.useState("");
   const navLinks = [
     { href: "/shop", label: "Shop" },
     { href: "/categories", label: "Categories" },
@@ -11241,7 +11262,7 @@ function Header() {
     { href: "/about", label: "About" },
     { href: "/contact", label: "Contact" }
   ];
-  return /* @__PURE__ */ React19__default.default.createElement("header", { className: "sticky top-0 z-40 bg-white/80 backdrop-blur-xl border-b border-gray-200 shadow-sm" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center justify-between h-20" }, /* @__PURE__ */ React19__default.default.createElement(Link8__default.default, { href: "/", className: "flex items-center gap-3" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative w-12 h-12" }, /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React20__default.default.createElement("header", { className: "sticky top-0 z-40 bg-white/80 backdrop-blur-xl border-b border-gray-200 shadow-sm" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center justify-between h-20" }, /* @__PURE__ */ React20__default.default.createElement(Link8__default.default, { href: "/", className: "flex items-center gap-3" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative w-12 h-12" }, /* @__PURE__ */ React20__default.default.createElement(
     Image3__default.default,
     {
       src: config.logo,
@@ -11249,7 +11270,7 @@ function Header() {
       fill: true,
       className: "object-contain"
     }
-  )), /* @__PURE__ */ React19__default.default.createElement("span", { className: "text-2xl font-bold text-gray-900 hidden sm:block" }, config.storeName)), /* @__PURE__ */ React19__default.default.createElement("nav", { className: "hidden lg:flex items-center gap-8" }, navLinks.map((link) => /* @__PURE__ */ React19__default.default.createElement(
+  )), /* @__PURE__ */ React20__default.default.createElement("span", { className: "text-2xl font-bold text-gray-900 hidden sm:block" }, config.storeName)), /* @__PURE__ */ React20__default.default.createElement("nav", { className: "hidden lg:flex items-center gap-8" }, navLinks.map((link) => /* @__PURE__ */ React20__default.default.createElement(
     Link8__default.default,
     {
       key: link.href,
@@ -11257,16 +11278,16 @@ function Header() {
       className: "text-gray-700 hover:text-primary-600 font-medium transition-colors relative group"
     },
     link.label,
-    /* @__PURE__ */ React19__default.default.createElement("span", { className: "absolute bottom-0 left-0 w-0 h-0.5 bg-primary-600 group-hover:w-full transition-all duration-300" })
-  ))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("span", { className: "absolute bottom-0 left-0 w-0 h-0.5 bg-primary-600 group-hover:w-full transition-all duration-300" })
+  ))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React20__default.default.createElement(
     "button",
     {
       onClick: () => setIsSearchOpen(!isSearchOpen),
       className: "p-2 hover:bg-gray-100 rounded-lg transition-colors",
       "aria-label": "Search"
     },
-    /* @__PURE__ */ React19__default.default.createElement(lucideReact.Search, { className: "w-5 h-5 text-gray-700" })
-  ), /* @__PURE__ */ React19__default.default.createElement(framerMotion.AnimatePresence, null, isSearchOpen && /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement(lucideReact.Search, { className: "w-5 h-5 text-gray-700" })
+  ), /* @__PURE__ */ React20__default.default.createElement(framerMotion.AnimatePresence, null, isSearchOpen && /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, width: 0 },
@@ -11274,7 +11295,7 @@ function Header() {
       exit: { opacity: 0, width: 0 },
       className: "absolute right-0 top-full mt-2 bg-white rounded-lg shadow-lg overflow-hidden"
     },
-    /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center p-2 w-64" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Search, { className: "w-5 h-5 text-gray-400 mr-2" }), /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center p-2 w-64" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Search, { className: "w-5 h-5 text-gray-400 mr-2" }), /* @__PURE__ */ React20__default.default.createElement(
       "input",
       {
         type: "text",
@@ -11289,36 +11310,36 @@ function Header() {
         className: "w-full outline-none text-gray-700",
         autoFocus: true
       }
-    ), searchQuery && /* @__PURE__ */ React19__default.default.createElement(
+    ), searchQuery && /* @__PURE__ */ React20__default.default.createElement(
       "button",
       {
         onClick: () => setSearchQuery(""),
         className: "text-gray-400 hover:text-gray-600"
       },
-      /* @__PURE__ */ React19__default.default.createElement(lucideReact.X, { className: "w-4 h-4" })
+      /* @__PURE__ */ React20__default.default.createElement(lucideReact.X, { className: "w-4 h-4" })
     ))
-  ))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React19__default.default.createElement(Link8__default.default, { href: "/wishlist", className: "relative p-2 text-gray-700 hover:text-red-500 transition-colors" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Heart, { className: "w-6 h-6" }), wishlistCount > 0 && /* @__PURE__ */ React19__default.default.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs font-bold rounded-full w-5 h-5 flex items-center justify-center" }, wishlistCount)), /* @__PURE__ */ React19__default.default.createElement(Link8__default.default, { href: "/cart", className: "relative p-2 text-gray-700 hover:text-primary-600 transition-colors" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.ShoppingCart, { className: "w-6 h-6" }), cart?.cartBody?.items?.length && cart.cartBody?.items?.length > 0 ? /* @__PURE__ */ React19__default.default.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs font-bold rounded-full w-5 h-5 flex items-center justify-center" }, cart.cartBody?.items?.length) : null), isAuthenticated ? /* @__PURE__ */ React19__default.default.createElement(
+  ))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React20__default.default.createElement(Link8__default.default, { href: "/wishlist", className: "relative p-2 text-gray-700 hover:text-red-500 transition-colors" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Heart, { className: "w-6 h-6" }), wishlistCount > 0 && /* @__PURE__ */ React20__default.default.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs font-bold rounded-full w-5 h-5 flex items-center justify-center" }, wishlistCount)), /* @__PURE__ */ React20__default.default.createElement(Link8__default.default, { href: "/cart", className: "relative p-2 text-gray-700 hover:text-primary-600 transition-colors" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.ShoppingCart, { className: "w-6 h-6" }), cart?.cartBody?.items?.length && cart.cartBody?.items?.length > 0 ? /* @__PURE__ */ React20__default.default.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs font-bold rounded-full w-5 h-5 flex items-center justify-center" }, cart.cartBody?.items?.length) : null), isAuthenticated ? /* @__PURE__ */ React20__default.default.createElement(
     Link8__default.default,
     {
       href: "/account",
       className: "p-2 hover:bg-gray-100 rounded-lg transition-colors"
     },
-    /* @__PURE__ */ React19__default.default.createElement(lucideReact.User, { className: "w-6 h-6 text-gray-700" })
-  ) : /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement(lucideReact.User, { className: "w-6 h-6 text-gray-700" })
+  ) : /* @__PURE__ */ React20__default.default.createElement(
     Link8__default.default,
     {
       href: "/login",
       className: "hidden sm:block px-4 py-2 bg-primary-600 text-white rounded-lg hover:bg-primary-700 transition-colors font-medium"
     },
     "Sign In"
-  )), /* @__PURE__ */ React19__default.default.createElement(
+  )), /* @__PURE__ */ React20__default.default.createElement(
     "button",
     {
       className: "lg:hidden p-2 hover:bg-gray-100 rounded-lg transition-colors",
       onClick: () => setIsMobileMenuOpen(!isMobileMenuOpen)
     },
-    isMobileMenuOpen ? /* @__PURE__ */ React19__default.default.createElement(lucideReact.X, { className: "w-6 h-6" }) : /* @__PURE__ */ React19__default.default.createElement(lucideReact.Menu, { className: "w-6 h-6" })
-  )), /* @__PURE__ */ React19__default.default.createElement(framerMotion.AnimatePresence, null, isMobileMenuOpen && /* @__PURE__ */ React19__default.default.createElement(
+    isMobileMenuOpen ? /* @__PURE__ */ React20__default.default.createElement(lucideReact.X, { className: "w-6 h-6" }) : /* @__PURE__ */ React20__default.default.createElement(lucideReact.Menu, { className: "w-6 h-6" })
+  )), /* @__PURE__ */ React20__default.default.createElement(framerMotion.AnimatePresence, null, isMobileMenuOpen && /* @__PURE__ */ React20__default.default.createElement(
     framerMotion.motion.div,
     {
       initial: { opacity: 0, height: 0 },
@@ -11326,7 +11347,7 @@ function Header() {
       exit: { opacity: 0, height: 0 },
       className: "lg:hidden overflow-hidden border-t border-gray-200"
     },
-    /* @__PURE__ */ React19__default.default.createElement("nav", { className: "flex flex-col gap-1 py-2" }, navLinks.map((link) => /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement("nav", { className: "flex flex-col gap-1 py-2" }, navLinks.map((link) => /* @__PURE__ */ React20__default.default.createElement(
       Link8__default.default,
       {
         key: link.href,
@@ -11335,7 +11356,7 @@ function Header() {
         onClick: () => setIsMobileMenuOpen(false)
       },
       link.label
-    )), !isAuthenticated && /* @__PURE__ */ React19__default.default.createElement(
+    )), !isAuthenticated && /* @__PURE__ */ React20__default.default.createElement(
       Link8__default.default,
       {
         href: "/login",
@@ -11367,48 +11388,48 @@ function Footer() {
       { label: "Shipping Info", href: "/shipping" },
       { label: "Returns", href: "/returns" }
     ]};
-  return /* @__PURE__ */ React19__default.default.createElement("footer", { className: "bg-gray-900 text-gray-300" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-12" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "lg:col-span-2" }, /* @__PURE__ */ React19__default.default.createElement("h3", { className: "text-2xl font-bold text-white mb-4" }, config.storeName), /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-gray-400 mb-6 max-w-md" }, "Your trusted online store for quality products. We deliver excellence with every order."), /* @__PURE__ */ React19__default.default.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Mail, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React19__default.default.createElement("span", null, "support@", config.storeName.toLowerCase().replace(/\s+/g, ""), ".com")), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.Phone, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React19__default.default.createElement("span", null, "+1 (555) 123-4567")), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19__default.default.createElement(lucideReact.MapPin, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React19__default.default.createElement("span", null, "123 Store Street, City, Country")))), /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement("h4", { className: "text-lg font-semibold text-white mb-4" }, "Shop"), /* @__PURE__ */ React19__default.default.createElement("ul", { className: "space-y-2" }, footerLinks.shop.map((link) => /* @__PURE__ */ React19__default.default.createElement("li", { key: link.href }, /* @__PURE__ */ React19__default.default.createElement(
+  return /* @__PURE__ */ React20__default.default.createElement("footer", { className: "bg-gray-900 text-gray-300" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-12" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "lg:col-span-2" }, /* @__PURE__ */ React20__default.default.createElement("h3", { className: "text-2xl font-bold text-white mb-4" }, config.storeName), /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-gray-400 mb-6 max-w-md" }, "Your trusted online store for quality products. We deliver excellence with every order."), /* @__PURE__ */ React20__default.default.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Mail, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React20__default.default.createElement("span", null, "support@", config.storeName.toLowerCase().replace(/\s+/g, ""), ".com")), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.Phone, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React20__default.default.createElement("span", null, "+1 (555) 123-4567")), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20__default.default.createElement(lucideReact.MapPin, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React20__default.default.createElement("span", null, "123 Store Street, City, Country")))), /* @__PURE__ */ React20__default.default.createElement("div", null, /* @__PURE__ */ React20__default.default.createElement("h4", { className: "text-lg font-semibold text-white mb-4" }, "Shop"), /* @__PURE__ */ React20__default.default.createElement("ul", { className: "space-y-2" }, footerLinks.shop.map((link) => /* @__PURE__ */ React20__default.default.createElement("li", { key: link.href }, /* @__PURE__ */ React20__default.default.createElement(
     Link8__default.default,
     {
       href: link.href,
       className: "hover:text-primary-500 transition-colors"
     },
     link.label
-  ))))), /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement("h4", { className: "text-lg font-semibold text-white mb-4" }, "Account"), /* @__PURE__ */ React19__default.default.createElement("ul", { className: "space-y-2" }, footerLinks.account.map((link) => /* @__PURE__ */ React19__default.default.createElement("li", { key: link.href }, /* @__PURE__ */ React19__default.default.createElement(
+  ))))), /* @__PURE__ */ React20__default.default.createElement("div", null, /* @__PURE__ */ React20__default.default.createElement("h4", { className: "text-lg font-semibold text-white mb-4" }, "Account"), /* @__PURE__ */ React20__default.default.createElement("ul", { className: "space-y-2" }, footerLinks.account.map((link) => /* @__PURE__ */ React20__default.default.createElement("li", { key: link.href }, /* @__PURE__ */ React20__default.default.createElement(
     Link8__default.default,
     {
       href: link.href,
       className: "hover:text-primary-500 transition-colors"
     },
     link.label
-  ))))), /* @__PURE__ */ React19__default.default.createElement("div", null, /* @__PURE__ */ React19__default.default.createElement("h4", { className: "text-lg font-semibold text-white mb-4" }, "Support"), /* @__PURE__ */ React19__default.default.createElement("ul", { className: "space-y-2" }, footerLinks.support.map((link) => /* @__PURE__ */ React19__default.default.createElement("li", { key: link.href }, /* @__PURE__ */ React19__default.default.createElement(
+  ))))), /* @__PURE__ */ React20__default.default.createElement("div", null, /* @__PURE__ */ React20__default.default.createElement("h4", { className: "text-lg font-semibold text-white mb-4" }, "Support"), /* @__PURE__ */ React20__default.default.createElement("ul", { className: "space-y-2" }, footerLinks.support.map((link) => /* @__PURE__ */ React20__default.default.createElement("li", { key: link.href }, /* @__PURE__ */ React20__default.default.createElement(
     Link8__default.default,
     {
       href: link.href,
       className: "hover:text-primary-500 transition-colors"
     },
     link.label
-  )))))), /* @__PURE__ */ React19__default.default.createElement("div", { className: "border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center gap-4" }, /* @__PURE__ */ React19__default.default.createElement("p", { className: "text-gray-400 text-sm" }, "\xA9 ", (/* @__PURE__ */ new Date()).getFullYear(), " ", config.storeName, ". All rights reserved."), /* @__PURE__ */ React19__default.default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React19__default.default.createElement(
+  )))))), /* @__PURE__ */ React20__default.default.createElement("div", { className: "border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center gap-4" }, /* @__PURE__ */ React20__default.default.createElement("p", { className: "text-gray-400 text-sm" }, "\xA9 ", (/* @__PURE__ */ new Date()).getFullYear(), " ", config.storeName, ". All rights reserved."), /* @__PURE__ */ React20__default.default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React20__default.default.createElement(
     "a",
     {
       href: "#",
       className: "w-10 h-10 bg-gray-800 hover:bg-primary-600 rounded-full flex items-center justify-center transition-colors"
     },
-    /* @__PURE__ */ React19__default.default.createElement(lucideReact.Facebook, { className: "w-5 h-5" })
-  ), /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement(lucideReact.Facebook, { className: "w-5 h-5" })
+  ), /* @__PURE__ */ React20__default.default.createElement(
     "a",
     {
       href: "#",
       className: "w-10 h-10 bg-gray-800 hover:bg-primary-600 rounded-full flex items-center justify-center transition-colors"
     },
-    /* @__PURE__ */ React19__default.default.createElement(lucideReact.Twitter, { className: "w-5 h-5" })
-  ), /* @__PURE__ */ React19__default.default.createElement(
+    /* @__PURE__ */ React20__default.default.createElement(lucideReact.Twitter, { className: "w-5 h-5" })
+  ), /* @__PURE__ */ React20__default.default.createElement(
     "a",
     {
       href: "#",
       className: "w-10 h-10 bg-gray-800 hover:bg-primary-600 rounded-full flex items-center justify-center transition-colors"
     },
-    /* @__PURE__ */ React19__default.default.createElement(lucideReact.Instagram, { className: "w-5 h-5" })
+    /* @__PURE__ */ React20__default.default.createElement(lucideReact.Instagram, { className: "w-5 h-5" })
   )))));
 }
 
@@ -11454,6 +11475,7 @@ exports.initializeApiAdapter = initializeApiAdapter;
 exports.truncate = truncate;
 exports.useAddresses = useAddresses;
 exports.useAuth = useAuth;
+exports.useBasePath = useBasePath;
 exports.useCart = useCart;
 exports.useCategories = useCategories;
 exports.useCurrentOrders = useCurrentOrders;