@instockng/storefront-ui 1.0.55 → 1.0.57

package/dist/components/ProductAddOns.d.ts

@@ -0,0 +1,21 @@
+import { ProductCardProduct } from './ProductCard';
+export interface AddOnProduct extends ProductCardProduct {
+    slug: string;
+    compareAtPrice?: number | null;
+    addonDescription?: string | null;
+}
+export interface ProductAddOnsProps {
+    /** Product slug to fetch add-ons for */
+    slug?: string;
+    /** Manual product list (overrides slug fetching) */
+    products?: AddOnProduct[];
+    /** Manual toggle handler */
+    onToggle?: (product: AddOnProduct, isSelected: boolean) => void;
+    /** Manual selection list (list of product IDs) */
+    selectedProductIds?: string[];
+    className?: string;
+    title?: string;
+    limit?: number;
+}
+export declare function ProductAddOns({ slug, products: manualProducts, onToggle: manualOnToggle, selectedProductIds: manualSelectedIds, className, title, limit, }: ProductAddOnsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ProductAddOns.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductAddOns.d.ts","sourceRoot":"","sources":["../../src/components/ProductAddOns.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAKnD,MAAM,WAAW,YAAa,SAAQ,kBAAkB;IACpD,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,kBAAkB;IAC/B,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAChE,kDAAkD;IAClD,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,EAC1B,IAAI,EACJ,QAAQ,EAAE,cAAc,EACxB,QAAQ,EAAE,cAAc,EACxB,kBAAkB,EAAE,iBAAiB,EACrC,SAAS,EACT,KAAyB,EACzB,KAAS,GACZ,EAAE,kBAAkB,kDAwMpB"}

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface SwitchProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+}
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+export { Switch };
+//# sourceMappingURL=switch.d.ts.map

package/dist/components/ui/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,WAAY,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD;AAED,QAAA,MAAM,MAAM,sFAuBX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/index.d.ts

@@ -16,6 +16,10 @@ export { ProductCard } from './components/ProductCard';
 export type { ProductCardProps, ProductCardProduct } from './components/ProductCard';
 export { ProductGrid } from './components/ProductGrid';
 export type { ProductGridProps } from './components/ProductGrid';
+export { ProductAddOns } from './components/ProductAddOns';
+export type { ProductAddOnsProps, AddOnProduct } from './components/ProductAddOns';
+export { RecommendedProducts } from './components/RecommendedProducts';
+export type { RecommendedProductsProps } from './components/RecommendedProducts';
 export { CartItem } from './components/CartItem';
 export type { CartItemProps } from './components/CartItem';
 export { ShoppingCart } from './components/ShoppingCart';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,YAAY,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAG9E,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAG/D,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAChF,YAAY,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAG1F,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAGtF,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,YAAY,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAE7E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAErF,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,YAAY,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAG7E,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC7G,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,YAAY,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,YAAY,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAGnE,OAAO,EAAE,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAI7F,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,YAAY,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAG9E,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAG/D,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAChF,YAAY,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAG1F,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAGtF,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,YAAY,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAE7E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAErF,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAEnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,YAAY,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAEjF,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,YAAY,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAG7E,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC7G,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,YAAY,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,YAAY,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAGnE,OAAO,EAAE,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAI7F,cAAc,uBAAuB,CAAC"}

package/dist/index.mjs

@@ -1,116 +1,122 @@
 'use client';
 import { StorefrontProvider as m } from "./index2.mjs";
-import { CartProvider as p, useCart as i } from "./index3.mjs";
-import { MetaPixelProvider as d, useMetaPixel as u } from "./index4.mjs";
-import { TikTokPixelProvider as s, useTikTokPixel as C } from "./index5.mjs";
-import { usePageTracking as c } from "./index6.mjs";
+import { CartProvider as p, useCart as d } from "./index3.mjs";
+import { MetaPixelProvider as f, useMetaPixel as u } from "./index4.mjs";
+import { TikTokPixelProvider as n, useTikTokPixel as c } from "./index5.mjs";
+import { usePageTracking as C } from "./index6.mjs";
 import { OrderConfirmation as P } from "./index7.mjs";
-import { ProductCard as v } from "./index8.mjs";
+import { ProductCard as A } from "./index8.mjs";
 import { ProductGrid as y } from "./index9.mjs";
-import { CartItem as g } from "./index10.mjs";
-import { ShoppingCart as I } from "./index11.mjs";
-import { DiscountCodeInput as B } from "./index12.mjs";
-import { Checkout as O } from "./index13.mjs";
-import { Button as S } from "./index14.mjs";
-import { Card as M, CardContent as H, CardDescription as U, CardFooter as Z, CardHeader as b, CardTitle as q } from "./index15.mjs";
-import { Badge as K } from "./index16.mjs";
-import { Modal as j } from "./index17.mjs";
-import { FormInput as E } from "./index18.mjs";
-import { FormSelect as L } from "./index19.mjs";
-import { cn as Q, formatCurrency as V, formatDate as W, formatDateTime as X, getStatusColor as Y } from "./index20.mjs";
-import { ApiClientProvider as ee, useApiClientContext as re } from "./index21.mjs";
-import { useApiConfig as oe } from "./index22.mjs";
-import { getApiClient as ae, initializeApiClient as pe, resetApiClient as ie } from "./index23.mjs";
-import { authHeaders as de, createAdminRpcClients as ue, createRpcClients as ne } from "./index24.mjs";
-import { fetchProductBySlug as Ce, fetchProductsByBrand as xe } from "./index25.mjs";
-import { addCartItem as le, applyDiscount as Pe, checkoutCart as he, createCart as ve, fetchCart as Ae, fetchCartRecommendations as ye, removeCartItem as De, removeDiscount as ge, updateCart as Ge, updateCartItem as Ie } from "./index26.mjs";
-import { confirmOrder as Be, fetchOrder as Re, fetchOrderRecommendations as Oe } from "./index27.mjs";
-import { fetchDeliveryZones as Se } from "./index28.mjs";
-import { fetchBrandBySlug as Me } from "./index29.mjs";
-import { queryKeys as Ue } from "./index30.mjs";
-import * as e from "./index31.mjs";
-import * as r from "./index32.mjs";
-import { useAddCartItem as be, useApplyDiscount as qe, useCheckoutCart as ze, useCreateCart as Ke, useGetCart as $e, useGetCartRecommendations as je, useRemoveCartItem as we, useRemoveDiscount as Ee, useUpdateCart as Je, useUpdateCartItem as Le } from "./index33.mjs";
-import { useConfirmOrder as Qe, useGetOrder as Ve, useGetOrderRecommendations as We } from "./index34.mjs";
-import { useGetProduct as Ye, useGetProducts as _e } from "./index35.mjs";
-import { useGetDeliveryZones as rr } from "./index36.mjs";
-import { useGetBrand as or } from "./index37.mjs";
+import { ProductAddOns as G } from "./index10.mjs";
+import { RecommendedProducts as I } from "./index11.mjs";
+import { CartItem as R } from "./index12.mjs";
+import { ShoppingCart as B } from "./index13.mjs";
+import { DiscountCodeInput as S } from "./index14.mjs";
+import { Checkout as M } from "./index15.mjs";
+import { Button as U } from "./index16.mjs";
+import { Card as b, CardContent as q, CardDescription as z, CardFooter as K, CardHeader as $, CardTitle as j } from "./index17.mjs";
+import { Badge as E } from "./index18.mjs";
+import { Modal as L } from "./index19.mjs";
+import { FormInput as Q } from "./index20.mjs";
+import { FormSelect as W } from "./index21.mjs";
+import { cn as Y, formatCurrency as _, formatDate as ee, formatDateTime as re, getStatusColor as te } from "./index22.mjs";
+import { ApiClientProvider as me, useApiClientContext as ae } from "./index23.mjs";
+import { useApiConfig as de } from "./index24.mjs";
+import { getApiClient as fe, initializeApiClient as ue, resetApiClient as se } from "./index25.mjs";
+import { authHeaders as ce, createAdminRpcClients as xe, createRpcClients as Ce } from "./index26.mjs";
+import { fetchProductAddons as Pe, fetchProductBySlug as he, fetchProductsByBrand as Ae } from "./index27.mjs";
+import { addCartItem as ye, applyDiscount as De, checkoutCart as Ge, createCart as ge, fetchCart as Ie, fetchCartRecommendations as Oe, removeCartItem as Re, removeDiscount as ke, updateCart as Be, updateCartItem as Te } from "./index28.mjs";
+import { confirmOrder as Fe, fetchOrder as Me, fetchOrderRecommendations as He } from "./index29.mjs";
+import { fetchDeliveryZones as Ze } from "./index30.mjs";
+import { fetchBrandBySlug as qe } from "./index31.mjs";
+import { queryKeys as Ke } from "./index32.mjs";
+import * as e from "./index33.mjs";
+import * as r from "./index34.mjs";
+import { useAddCartItem as je, useApplyDiscount as we, useCheckoutCart as Ee, useCreateCart as Je, useGetCart as Le, useGetCartRecommendations as Ne, useRemoveCartItem as Qe, useRemoveDiscount as Ve, useUpdateCart as We, useUpdateCartItem as Xe } from "./index35.mjs";
+import { useConfirmOrder as _e, useGetOrder as er, useGetOrderRecommendations as rr } from "./index36.mjs";
+import { useGetProduct as or, useGetProductAddOns as mr, useGetProducts as ar } from "./index37.mjs";
+import { useGetDeliveryZones as dr } from "./index38.mjs";
+import { useGetBrand as fr } from "./index39.mjs";
 export {
-  ee as ApiClientProvider,
-  K as Badge,
-  S as Button,
-  M as Card,
-  H as CardContent,
-  U as CardDescription,
-  Z as CardFooter,
-  b as CardHeader,
-  q as CardTitle,
-  g as CartItem,
+  me as ApiClientProvider,
+  E as Badge,
+  U as Button,
+  b as Card,
+  q as CardContent,
+  z as CardDescription,
+  K as CardFooter,
+  $ as CardHeader,
+  j as CardTitle,
+  R as CartItem,
   p as CartProvider,
-  O as Checkout,
-  B as DiscountCodeInput,
-  E as FormInput,
-  L as FormSelect,
-  d as MetaPixelProvider,
-  j as Modal,
+  M as Checkout,
+  S as DiscountCodeInput,
+  Q as FormInput,
+  W as FormSelect,
+  f as MetaPixelProvider,
+  L as Modal,
   P as OrderConfirmation,
-  v as ProductCard,
+  G as ProductAddOns,
+  A as ProductCard,
   y as ProductGrid,
-  I as ShoppingCart,
+  I as RecommendedProducts,
+  B as ShoppingCart,
   m as StorefrontProvider,
-  s as TikTokPixelProvider,
-  le as addCartItem,
+  n as TikTokPixelProvider,
+  ye as addCartItem,
   r as adminApi,
-  Pe as applyDiscount,
-  de as authHeaders,
-  he as checkoutCart,
-  Q as cn,
-  Be as confirmOrder,
-  ue as createAdminRpcClients,
-  ve as createCart,
-  ne as createRpcClients,
-  Me as fetchBrandBySlug,
-  Ae as fetchCart,
-  ye as fetchCartRecommendations,
-  Se as fetchDeliveryZones,
-  Re as fetchOrder,
-  Oe as fetchOrderRecommendations,
-  Ce as fetchProductBySlug,
-  xe as fetchProductsByBrand,
-  V as formatCurrency,
-  W as formatDate,
-  X as formatDateTime,
-  ae as getApiClient,
-  Y as getStatusColor,
-  pe as initializeApiClient,
+  De as applyDiscount,
+  ce as authHeaders,
+  Ge as checkoutCart,
+  Y as cn,
+  Fe as confirmOrder,
+  xe as createAdminRpcClients,
+  ge as createCart,
+  Ce as createRpcClients,
+  qe as fetchBrandBySlug,
+  Ie as fetchCart,
+  Oe as fetchCartRecommendations,
+  Ze as fetchDeliveryZones,
+  Me as fetchOrder,
+  He as fetchOrderRecommendations,
+  Pe as fetchProductAddons,
+  he as fetchProductBySlug,
+  Ae as fetchProductsByBrand,
+  _ as formatCurrency,
+  ee as formatDate,
+  re as formatDateTime,
+  fe as getApiClient,
+  te as getStatusColor,
+  ue as initializeApiClient,
   e as publicApi,
-  Ue as queryKeys,
-  De as removeCartItem,
-  ge as removeDiscount,
-  ie as resetApiClient,
-  Ge as updateCart,
-  Ie as updateCartItem,
-  be as useAddCartItem,
-  re as useApiClientContext,
-  oe as useApiConfig,
-  qe as useApplyDiscount,
-  i as useCart,
-  ze as useCheckoutCart,
-  Qe as useConfirmOrder,
-  Ke as useCreateCart,
-  or as useGetBrand,
-  $e as useGetCart,
-  je as useGetCartRecommendations,
-  rr as useGetDeliveryZones,
-  Ve as useGetOrder,
-  We as useGetOrderRecommendations,
-  Ye as useGetProduct,
-  _e as useGetProducts,
+  Ke as queryKeys,
+  Re as removeCartItem,
+  ke as removeDiscount,
+  se as resetApiClient,
+  Be as updateCart,
+  Te as updateCartItem,
+  je as useAddCartItem,
+  ae as useApiClientContext,
+  de as useApiConfig,
+  we as useApplyDiscount,
+  d as useCart,
+  Ee as useCheckoutCart,
+  _e as useConfirmOrder,
+  Je as useCreateCart,
+  fr as useGetBrand,
+  Le as useGetCart,
+  Ne as useGetCartRecommendations,
+  dr as useGetDeliveryZones,
+  er as useGetOrder,
+  rr as useGetOrderRecommendations,
+  or as useGetProduct,
+  mr as useGetProductAddOns,
+  ar as useGetProducts,
   u as useMetaPixel,
-  c as usePageTracking,
-  we as useRemoveCartItem,
-  Ee as useRemoveDiscount,
-  C as useTikTokPixel,
-  Je as useUpdateCart,
-  Le as useUpdateCartItem
+  C as usePageTracking,
+  Qe as useRemoveCartItem,
+  Ve as useRemoveDiscount,
+  c as useTikTokPixel,
+  We as useUpdateCart,
+  Xe as useUpdateCartItem
 };

package/dist/index10.mjs

@@ -1,101 +1,157 @@
 'use client';
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { Package as g, Trash2 as p } from "lucide-react";
-import { cn as N, formatCurrency as h } from "./index20.mjs";
-import { useCart as w } from "./index3.mjs";
-import { useState as f, useCallback as y } from "react";
-function U({
-  item: e,
-  className: b,
-  disabled: r = !1
+import { jsxs as l, jsx as t, Fragment as M } from "react/jsx-runtime";
+import { useRef as W, useState as E } from "react";
+import { ChevronLeft as F, ChevronRight as L } from "lucide-react";
+import { Switch as O } from "./index43.mjs";
+import { Badge as R } from "./index18.mjs";
+import { cn as d, formatCurrency as v } from "./index22.mjs";
+import "./index23.mjs";
+import "@tanstack/react-query";
+import { useGetProductAddOns as U } from "./index37.mjs";
+import { useCart as G } from "./index3.mjs";
+function Y({
+  slug: m,
+  products: h,
+  onToggle: f,
+  selectedProductIds: N,
+  className: x,
+  title: b = "Popular add-ons",
+  limit: y = 6
 }) {
-  const [i, n] = f(!1), [s, c] = f(!1), { removeItem: o, updateItem: d } = w(), m = y(async (l) => {
-    if (!(l <= 0)) {
-      c(!0);
-      try {
-        await d(e.id, l);
-      } catch (v) {
-        console.error("Failed to update item quantity:", v);
+  const { cart: i, addItem: w, removeItem: C } = G(), { data: P, isLoading: g } = U(m || "", y, {
+    enabled: !!m && !h
+  }), c = h || P || [], k = N || c.filter((e) => i == null ? void 0 : i.items.some((n) => {
+    var r;
+    return n.variant.id === ((r = e.variants[0]) == null ? void 0 : r.id);
+  })).map((e) => e.id), A = async (e, n) => {
+    if (f) {
+      f(e, n);
+      return;
+    }
+    const r = e.variants[0];
+    if (r)
+      if (n)
+        await w(
+          e.slug,
+          e.name,
+          r.price,
+          r.sku,
+          1
+        );
+      else {
+        const s = i == null ? void 0 : i.items.find((a) => a.variant.id === r.id);
+        s && await C(s.id);
       }
-      c(!1);
+  }, o = W(null), [j, D] = E(0), I = () => {
+    if (o.current) {
+      const { scrollLeft: e, scrollWidth: n, clientWidth: r } = o.current, s = e / (n - r);
+      D(s || 0);
     }
-  }, [e.id, d]), x = y(async () => {
-    n(!0);
-    try {
-      await o(e.id);
-    } catch (l) {
-      console.error("Failed to remove item:", l);
+  }, p = (e) => {
+    if (o.current) {
+      const { clientWidth: n } = o.current, r = n * 0.9;
+      o.current.scrollBy({
+        left: e === "left" ? -r : r,
+        behavior: "smooth"
+      });
     }
-    n(!1);
-  }, [e.id, o]), u = e.variant.thumbnailUrl ?? e.variant.product.thumbnailUrl;
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      className: N(
-        "flex gap-3 transition-opacity",
-        (r || i || s) && "opacity-50",
-        b
-      ),
-      children: [
-        /* @__PURE__ */ a("div", { className: "h-20 w-20 flex-shrink-0 overflow-hidden rounded-lg bg-gray-100", children: u ? /* @__PURE__ */ a(
-          "img",
+  };
+  return (!c || c.length === 0) && !g ? null : g ? /* @__PURE__ */ l("div", { className: d("w-full py-8 space-y-4 animate-pulse", x), children: [
+    /* @__PURE__ */ t("div", { className: "h-4 w-32 bg-gray-200 rounded px-1 mb-6" }),
+    /* @__PURE__ */ l("div", { className: "flex gap-4 overflow-x-hidden", children: [
+      /* @__PURE__ */ t("div", { className: "min-w-[340px] h-[148px] bg-gray-100 rounded-[2rem]" }),
+      /* @__PURE__ */ t("div", { className: "min-w-[340px] h-[148px] bg-gray-100 rounded-[2rem]" })
+    ] })
+  ] }) : /* @__PURE__ */ l("div", { className: d("w-full py-8", x), children: [
+    /* @__PURE__ */ t("div", { className: "px-1 mb-3", children: /* @__PURE__ */ t("h3", { className: "text-lg font-bold tracking-tight text-gray-900", children: b }) }),
+    /* @__PURE__ */ t("div", { className: "relative", children: /* @__PURE__ */ t(
+      "div",
+      {
+        ref: o,
+        onScroll: I,
+        className: "flex gap-4 overflow-x-auto scrollbar-hide snap-x snap-mandatory px-1",
+        style: { scrollbarWidth: "none", msOverflowStyle: "none" },
+        children: c.map((e) => {
+          const n = k.includes(e.id), r = e.variants[0], s = (r == null ? void 0 : r.price) || 0, a = e.compareAtPrice || r.compareAtPrice, u = a && a > s, S = u ? Math.round((a - s) / a * 100) : 0;
+          return /* @__PURE__ */ l(
+            "div",
+            {
+              className: "relative flex min-w-[280px] md:min-w-[420px] snap-start items-center gap-4 rounded-xl bg-[#EBEBEB] p-3 transition-all",
+              children: [
+                /* @__PURE__ */ t("div", { className: "h-20 w-20 flex-shrink-0 overflow-hidden rounded-xl bg-white/40 flex items-center justify-center", children: e.imageUrl ? /* @__PURE__ */ t(
+                  "img",
+                  {
+                    src: e.imageUrl,
+                    alt: e.name,
+                    className: "h-full w-full object-cover"
+                  }
+                ) : /* @__PURE__ */ t("div", { className: "flex h-full w-full items-center justify-center text-[10px] text-gray-400", children: "No Img" }) }),
+                /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col justify-center min-w-0", children: [
+                  /* @__PURE__ */ t("h4", { className: "text-md font-bold text-[#333] truncate pr-2", title: e.name, children: e.name }),
+                  e.addonDescription && /* @__PURE__ */ t("p", { className: "text-[11px] text-gray-500 line-clamp-2 italic mb-1", children: e.addonDescription }),
+                  /* @__PURE__ */ l("div", { className: "flex items-center gap-2 mt-1", children: [
+                    /* @__PURE__ */ t("span", { className: "text-md font-bold text-[#333]", children: v(s) }),
+                    u && /* @__PURE__ */ l(M, { children: [
+                      /* @__PURE__ */ t("span", { className: "text-sm text-[#DC143C] line-through", children: v(a) }),
+                      /* @__PURE__ */ l(R, { className: "bg-[#DC143C]/10 hover:bg-[#DC143C]/20 text-[#DC143C] border-none text-[10px] font-bold px-2 py-0.5 rounded-lg uppercase tracking-tight", children: [
+                        S,
+                        "% OFF"
+                      ] })
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ t("div", { className: "pl-2", children: /* @__PURE__ */ t(
+                  O,
+                  {
+                    checked: n,
+                    onCheckedChange: (B) => A(e, B),
+                    className: "scale-125"
+                  }
+                ) })
+              ]
+            },
+            e.id
+          );
+        })
+      }
+    ) }),
+    /* @__PURE__ */ l("div", { className: "flex items-center justify-between px-2 mt-2", children: [
+      /* @__PURE__ */ t("div", { className: "flex gap-1.5 focus:outline-none", children: Array.from({ length: Math.min(c.length, 6) }).map((e, n) => {
+        const r = Math.round(j * (Math.min(c.length, 6) - 1)) === n;
+        return /* @__PURE__ */ t(
+          "div",
           {
-            src: u,
-            alt: e.variant.product.name,
-            className: "h-full w-full object-cover"
-          }
-        ) : /* @__PURE__ */ a("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ a(g, { className: "h-6 w-6 text-gray-400" }) }) }),
-        /* @__PURE__ */ t("div", { className: "flex flex-1 flex-col justify-between py-1", children: [
-          /* @__PURE__ */ a("div", { children: /* @__PURE__ */ t("div", { className: "flex items-start justify-between gap-2", children: [
-            /* @__PURE__ */ t("div", { className: "flex-1", children: [
-              /* @__PURE__ */ a("h3", { className: "text-base font-semibold leading-tight", children: e.variant.product.name }),
-              e.variant.name && /* @__PURE__ */ a("p", { className: "mt-0.5 text-sm text-gray-600", children: e.variant.name })
-            ] }),
-            /* @__PURE__ */ a(
-              "button",
-              {
-                onClick: x,
-                disabled: r || i,
-                className: "text-gray-400 hover:text-red-600 disabled:cursor-not-allowed disabled:opacity-50",
-                "aria-label": "Remove item",
-                children: /* @__PURE__ */ a(p, { className: "h-5 w-5" })
-              }
+            className: d(
+              "h-2 w-2 rounded-full transition-all duration-300",
+              r ? "bg-gray-600 scale-110" : "bg-gray-300"
             )
-          ] }) }),
-          /* @__PURE__ */ t("div", { className: "flex items-center justify-between mt-2", children: [
-            /* @__PURE__ */ t("div", { className: "inline-flex items-center overflow-hidden rounded-full bg-gray-200 text-gray-700", children: [
-              /* @__PURE__ */ a(
-                "button",
-                {
-                  "aria-label": "Decrease quantity",
-                  onClick: () => m(e.quantity - 1),
-                  disabled: r || e.quantity <= 1 || s,
-                  className: "flex h-8 w-8 items-center justify-center transition-colors hover:bg-gray-300 disabled:cursor-not-allowed disabled:opacity-50",
-                  children: "−"
-                }
-              ),
-              /* @__PURE__ */ a("span", { className: "px-3 text-base font-medium select-none", children: e.quantity }),
-              /* @__PURE__ */ a(
-                "button",
-                {
-                  "aria-label": "Increase quantity",
-                  onClick: () => m(e.quantity + 1),
-                  disabled: r || s,
-                  className: "flex h-8 w-8 items-center justify-center transition-colors hover:bg-gray-300 disabled:cursor-not-allowed disabled:opacity-50",
-                  children: "+"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ t("div", { className: "text-right", children: [
-              /* @__PURE__ */ a("p", { className: "text-base font-medium", children: h(e.subtotal) }),
-              e.basePrice !== e.finalPrice && /* @__PURE__ */ a("p", { className: "text-xs text-[#DC143C] line-through", children: h(e.basePrice * e.quantity) })
-            ] })
-          ] })
-        ] })
-      ]
-    }
-  );
+          },
+          n
+        );
+      }) }),
+      /* @__PURE__ */ l("div", { className: "flex gap-4", children: [
+        /* @__PURE__ */ t(
+          "button",
+          {
+            onClick: () => p("left"),
+            className: "text-gray-400 hover:text-gray-900 transition-colors",
+            "aria-label": "Previous",
+            children: /* @__PURE__ */ t(F, { className: "h-6 w-6 stroke-[2.5px]" })
+          }
+        ),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            onClick: () => p("right"),
+            className: "text-gray-400 hover:text-gray-900 transition-colors",
+            "aria-label": "Next",
+            children: /* @__PURE__ */ t(L, { className: "h-6 w-6 stroke-[2.5px]" })
+          }
+        )
+      ] })
+    ] })
+  ] });
 }
 export {
-  U as CartItem
+  Y as ProductAddOns
 };

package/dist/index100.mjs

@@ -1,5 +1,56 @@
 'use client';
-var r = {};
+import s from "./index85.mjs";
+import m from "./index150.mjs";
+import u from "./index151.mjs";
+import { getFetch as b } from "./index152.mjs";
+import d from "./index96.mjs";
+const p = {
+  http: m,
+  xhr: u,
+  fetch: {
+    get: b
+  }
+};
+s.forEach(p, (e, o) => {
+  if (e) {
+    try {
+      Object.defineProperty(e, "name", { value: o });
+    } catch {
+    }
+    Object.defineProperty(e, "adapterName", { value: o });
+  }
+});
+const f = (e) => `- ${e}`, g = (e) => s.isFunction(e) || e === null || e === !1, y = {
+  getAdapter: (e, o) => {
+    e = s.isArray(e) ? e : [e];
+    const { length: a } = e;
+    let i, t;
+    const c = {};
+    for (let r = 0; r < a; r++) {
+      i = e[r];
+      let n;
+      if (t = i, !g(i) && (t = p[(n = String(i)).toLowerCase()], t === void 0))
+        throw new d(`Unknown adapter '${n}'`);
+      if (t && (s.isFunction(t) || (t = t.get(o))))
+        break;
+      c[n || "#" + r] = t;
+    }
+    if (!t) {
+      const r = Object.entries(c).map(
+        ([l, h]) => `adapter ${l} ` + (h === !1 ? "is not supported by the environment" : "is not available in the build")
+      );
+      let n = a ? r.length > 1 ? `since :
+` + r.map(f).join(`
+`) : " " + f(r[0]) : "as no adapter specified";
+      throw new d(
+        "There is no suitable adapter to dispatch the request " + n,
+        "ERR_NOT_SUPPORT"
+      );
+    }
+    return t;
+  },
+  adapters: p
+};
 export {
-  r as __exports
+  y as default
 };