@rebuy/rebuy-hydrogen 3.0.0-beta.1 → 3.0.0-beta.10

package/README.md

@@ -6,8 +6,6 @@ Rebuy + Hydrogen package is a web development framework used for building Shopif
 
 Rebuy makes it incredibly easy to bring powerful personalized product recommendations and smart search to your Shopify Hydrogen 2.0 Storefront. For more details on this, please check out our [Rebuy + Shopify Hydrogen 2.0 documentation](https://developers.rebuyengine.com/reference/rebuy-shopify-hydrogen-2).
 
-Components and more coming soon.
-
 ## How Rebuy + Hydrogen Works
 
 Rebuy + Hydrogen is a lightweight framework for creating personalized shopping experiences that are lightening fast. The framework is composed of:

package/dist/components/AddToCartBtn/AddToCartBtn.d.ts

@@ -0,0 +1,3 @@
+import type { AddToCartBtnProps } from '~/components/AddToCartBtn/types';
+export declare const AddToCartBtn: ({ addToCartBtnText, addToCartCallback, disabled, isHydrogenReact, moneyData, selectedVariants, }: AddToCartBtnProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AddToCartBtn.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddToCartBtn.d.ts","sourceRoot":"","sources":["../../../src/components/AddToCartBtn/AddToCartBtn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAIzE,eAAO,MAAM,YAAY,GAAI,kGAO1B,iBAAiB,4CAgCnB,CAAC"}

package/dist/components/AddToCartBtn/HydrogenAddToCartBtn.d.ts

@@ -0,0 +1,3 @@
+import type { btnProps } from '~/components/AddToCartBtn/types';
+export declare const HydrogenAddToCartBtn: ({ addToCartBtnText, addToCartCallback, disabled, linesToAdd, moneyData, }: btnProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HydrogenAddToCartBtn.d.ts.map

package/dist/components/AddToCartBtn/HydrogenAddToCartBtn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HydrogenAddToCartBtn.d.ts","sourceRoot":"","sources":["../../../src/components/AddToCartBtn/HydrogenAddToCartBtn.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGhE,eAAO,MAAM,oBAAoB,GAAI,2EAMlC,QAAQ,4CA6BV,CAAC"}

package/dist/components/AddToCartBtn/HydrogenReactAddToCartBtn.d.ts

@@ -0,0 +1,3 @@
+import type { btnProps } from '~/components/AddToCartBtn/types';
+export declare const HydrogenReactAddToCartBtn: ({ addToCartBtnText, addToCartCallback, disabled, linesToAdd, moneyData, }: btnProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HydrogenReactAddToCartBtn.d.ts.map

package/dist/components/AddToCartBtn/HydrogenReactAddToCartBtn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HydrogenReactAddToCartBtn.d.ts","sourceRoot":"","sources":["../../../src/components/AddToCartBtn/HydrogenReactAddToCartBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGhE,eAAO,MAAM,yBAAyB,GAAI,2EAMvC,QAAQ,4CAkBV,CAAC"}

package/dist/components/AddToCartBtn/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AddToCartBtn';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/AddToCartBtn/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AddToCartBtn/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/{src/components/AddToCartBtn/types.ts → dist/components/AddToCartBtn/types.d.ts}

@@ -1,6 +1,5 @@
 import type { MoneyV2 } from '@shopify/hydrogen-react/storefront-api-types';
 import type { RebuyProductVariant } from '~/types/rebuyCustom';
-
 export type btnProps = {
     addToCartBtnText?: string;
     addToCartCallback?: () => void;
@@ -16,7 +15,6 @@ export type btnProps = {
     }[];
     moneyData?: MoneyV2;
 };
-
 export type AddToCartBtnProps = {
     addToCartBtnText?: string;
     addToCartCallback?: () => void;
@@ -25,3 +23,4 @@ export type AddToCartBtnProps = {
     moneyData?: MoneyV2;
     selectedVariants: RebuyProductVariant[];
 };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/AddToCartBtn/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AddToCartBtn/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,8CAA8C,CAAC;AAC5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,MAAM,MAAM,QAAQ,GAAG;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE;QACR,UAAU,EAAE;YACR,GAAG,EAAE,MAAM,CAAC;YACZ,KAAK,EAAE,MAAM,CAAC;SACjB,EAAE,CAAC;QACJ,aAAa,EAAE,MAAM,CAAC;QACtB,QAAQ,EAAE,MAAM,CAAC;QACjB,eAAe,EAAE,OAAO,CAAC;KAC5B,EAAE,CAAC;IACJ,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,mBAAmB,EAAE,CAAC;CAC3C,CAAC"}

package/dist/components/ProductCard/ProductCard.d.ts

@@ -0,0 +1,3 @@
+import type { ProductCardProps } from '~/components/ProductCard/types';
+export declare const ProductCard: ({ addToCartBtnText, addToCartCallback, isHydrogenReact, product, productCardTitleLevel, }: ProductCardProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProductCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../src/components/ProductCard/ProductCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAQvE,eAAO,MAAM,WAAW,GAAI,2FAMzB,gBAAgB,4CAsClB,CAAC"}

package/dist/components/ProductCard/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ProductCard';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ProductCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProductCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/{src/components/ProductCard/types.ts → dist/components/ProductCard/types.d.ts}

@@ -1,10 +1,10 @@
 import type { ProductCardTitleLevel } from '~/types/common';
 import type { RebuyProduct } from '~/types/rebuyCustom';
-
 export type ProductCardProps = {
     addToCartBtnText?: string;
-    addToCartCallback?: () => void; // to allow for custom add to cart logic/opening the cart drawer
+    addToCartCallback?: () => void;
     isHydrogenReact?: boolean;
     product: RebuyProduct;
     productCardTitleLevel: ProductCardTitleLevel;
 };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/ProductCard/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ProductCard/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,MAAM,gBAAgB,GAAG;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,EAAE,YAAY,CAAC;IACtB,qBAAqB,EAAE,qBAAqB,CAAC;CAChD,CAAC"}

package/dist/components/ProductPrice/ProductPrice.d.ts

@@ -0,0 +1,5 @@
+import type { RebuyProductVariant } from '~/types/rebuyCustom';
+export declare const RebuyProductPrice: ({ selectedVariant }: {
+    selectedVariant: RebuyProductVariant;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ProductPrice.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductPrice.d.ts","sourceRoot":"","sources":["../../../src/components/ProductPrice/ProductPrice.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAG/D,eAAO,MAAM,iBAAiB,GAAI,qBAAqB;IAAE,eAAe,EAAE,mBAAmB,CAAA;CAAE,mDAuB9F,CAAC"}

package/dist/components/ProductPrice/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ProductPrice';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ProductPrice/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProductPrice/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/components/Title/Title.d.ts

@@ -0,0 +1,3 @@
+import type { TitleProps } from '~/components/Title/types';
+export declare const Title: ({ level, style, text }: TitleProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Title.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/Title/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,eAAO,MAAM,KAAK,GAAI,wBAAwB,UAAU,4CAgBvD,CAAC"}

package/dist/components/Title/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Title';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Title/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Title/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/{src/components/Title/types.ts → dist/components/Title/types.d.ts}

@@ -1,7 +1,7 @@
 import type { ProductCardTitleLevel } from '~/types/common';
-
 export type TitleProps = {
     level: ProductCardTitleLevel;
     style?: React.CSSProperties;
     text: string;
 };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Title/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Title/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE5D,MAAM,MAAM,UAAU,GAAG;IACrB,KAAK,EAAE,qBAAqB,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC"}

package/dist/components/VariantSelect/VariantSelect.d.ts

@@ -0,0 +1,3 @@
+import type { VariantSelectProps } from '~/components/VariantSelect/types';
+export declare const VariantSelect: ({ handleSelectedVariant, product }: VariantSelectProps) => false | import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VariantSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VariantSelect.d.ts","sourceRoot":"","sources":["../../../src/components/VariantSelect/VariantSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAI3E,eAAO,MAAM,aAAa,GAAI,oCAAoC,kBAAkB,oDA8BnF,CAAC"}

package/dist/components/VariantSelect/index.d.ts

@@ -0,0 +1,2 @@
+export * from './VariantSelect';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/VariantSelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VariantSelect/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/{src/components/VariantSelect/types.ts → dist/components/VariantSelect/types.d.ts}

@@ -1,6 +1,6 @@
 import type { RebuyProduct } from '~/types/rebuyCustom';
-
 export type VariantSelectProps = {
     handleSelectedVariant: (product: RebuyProduct, variant_id: string) => void;
     product: RebuyProduct;
 };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/VariantSelect/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/VariantSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,MAAM,kBAAkB,GAAG;IAC7B,qBAAqB,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,OAAO,EAAE,YAAY,CAAC;CACzB,CAAC"}

package/{src/context/RebuyContext.tsx → dist/context/RebuyContext.d.ts}

@@ -1,9 +1,6 @@
-import { createContext } from 'react';
-
 import { type ContextParameters } from '~/types/rebuyCustom';
-
 export type RebuyContextType = {
     contextParameters: ContextParameters;
 };
-
-export const RebuyContext = createContext<RebuyContextType | null>(null);
+export declare const RebuyContext: import("react").Context<RebuyContextType | null>;
+//# sourceMappingURL=RebuyContext.d.ts.map

package/dist/context/RebuyContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RebuyContext.d.ts","sourceRoot":"","sources":["../../src/context/RebuyContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GAAG;IAC3B,iBAAiB,EAAE,iBAAiB,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,YAAY,kDAA+C,CAAC"}

package/dist/hooks/titleLevel.d.ts

@@ -0,0 +1,3 @@
+import { ProductCardTitleLevel } from '~/types/common';
+export declare const getTitleLevel: (level: string, decreaseLevel?: boolean) => ProductCardTitleLevel;
+//# sourceMappingURL=titleLevel.d.ts.map

package/dist/hooks/titleLevel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"titleLevel.d.ts","sourceRoot":"","sources":["../../src/hooks/titleLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAGvD,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,EAAE,gBAAe,OAAe,KAAG,qBAyC7E,CAAC"}

package/dist/index.css

@@ -0,0 +1,296 @@
+/* src/components/AddToCartBtn/AddToCartBtn.module.css */
+.AddToCartBtn_button {
+  padding: 8px 16px;
+  border-radius: 4px;
+  font-size: 16px;
+  color: #fff;
+  background-color: #000;
+  border: none;
+  cursor: pointer;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+}
+.AddToCartBtn_button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.AddToCartBtn_button:hover {
+  background-color: #333;
+}
+
+/* src/components/ProductPrice/ProductPrice.module.css */
+.ProductPrice_priceContainer {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.ProductPrice_compareAtPrice {
+  opacity: 0.5;
+}
+
+/* src/components/VariantSelect/VariantSelect.module.css */
+.VariantSelect_select {
+  width: 100%;
+  padding: 8px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  font-size: 16px;
+  color: #333;
+  background-color: #fff;
+}
+
+/* src/components/ProductCard/ProductCard.module.css */
+.ProductCard_container {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  max-width: 256px;
+  height: 100%;
+  justify-content: space-between;
+}
+.ProductCard_productInfo {
+  display: grid;
+  gap: 4px;
+  align-items: start;
+}
+
+/* src/widgets/RebuyCompleteTheLook/RebuyCompleteTheLook.module.css */
+.RebuyCompleteTheLook_container {
+  padding: 2rem 1rem;
+  margin: 1rem 0;
+  background-color: #f0f4f8;
+  border-radius: 1rem;
+  @media (width >= 768px) {
+    padding: 4rem;
+  }
+}
+.RebuyCompleteTheLook_productGrid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+  gap: 2rem;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  @media (width >= 768px) {
+    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+  }
+}
+.RebuyCompleteTheLook_productItem {
+  width: 100%;
+}
+
+/* src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.module.css */
+.RebuyDynamicBundleProducts_container {
+  padding: 32px 16px;
+  background-color: #f0f4f8;
+  border-radius: 16px;
+  max-width: 768px;
+  margin: 16px 0;
+  @media (width >= 768px) {
+    padding: 64px;
+  }
+}
+.RebuyDynamicBundleProducts_addCartBtnContainer {
+  display: flex;
+  justify-content: center;
+}
+.RebuyDynamicBundleProducts_addCartBtnContainer form {
+  width: 100%;
+}
+.RebuyDynamicBundleProducts_bundleContainer {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  margin-bottom: 16px;
+}
+.RebuyDynamicBundleProducts_select {
+  width: 100%;
+  padding: 8px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  font-size: 16px;
+  color: #333;
+  background-color: #fff;
+  @media (width >= 768px) {
+    width: 60%;
+  }
+}
+.RebuyDynamicBundleProducts_bundleItemRowContainer {
+  margin-bottom: 16px;
+}
+.RebuyDynamicBundleProducts_unselected {
+  opacity: 0.5;
+}
+.RebuyDynamicBundleProducts_bundleItemRow {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  align-items: start;
+}
+.RebuyDynamicBundleProducts_bundleItemInput {
+  flex-grow: 1;
+}
+.RebuyDynamicBundleProducts_bundleItemLabel {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  cursor: pointer;
+  margin-bottom: 8px;
+}
+.RebuyDynamicBundleProducts_bundleImages {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-bottom: 16px;
+  justify-content: center;
+}
+.RebuyDynamicBundleProducts_bundleImage {
+  animation: RebuyDynamicBundleProducts_fade-in 0.5s ease-in;
+}
+@keyframes RebuyDynamicBundleProducts_fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+.RebuyDynamicBundleProducts_bundleImageDelimiter {
+  display: flex;
+  align-items: center;
+}
+.RebuyDynamicBundleProducts_bundleImageDelimiter span {
+  font-weight: 600;
+}
+.RebuyDynamicBundleProducts_compareAtPrice {
+  text-decoration: line-through;
+  opacity: 0.5;
+}
+
+/* src/widgets/RebuyProductAddOns/RebuyProductAddOns.module.css */
+.RebuyProductAddOns_container {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin: 16px 0;
+  background-color: #f0f4f8;
+  border-radius: 16px;
+  padding: 32px 16px;
+  @media (width >= 768px) {
+    padding: 64px;
+  }
+}
+.RebuyProductAddOns_productAddOnsList {
+  display: grid;
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+  gap: 8px;
+  @media (width >= 768px) {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  @media (width >= 1024px) {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+.RebuyProductAddOns_addOnCard {
+  cursor: pointer;
+  &:hover {
+    opacity: 0.8;
+  }
+}
+.RebuyProductAddOns_addOnCardContent {
+  display: flex;
+  gap: 8px;
+  flex-direction: column;
+  position: relative;
+  padding: 16px;
+  border-radius: 8px;
+  border: 2px solid #e2e5ea;
+  background-color: #fff;
+}
+.RebuyProductAddOns_addOnCardInput {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  z-index: 1;
+  appearance: none;
+  border-radius: 50%;
+  width: 24px;
+  height: 24px;
+  background-color: #f0f0f0;
+  border: 1px solid #ddd;
+  cursor: pointer;
+  transition: all 0.2s ease-in-out;
+}
+.RebuyProductAddOns_addOnCardInput:checked {
+  background-color: #4a7dff;
+  border-color: #4a7dff;
+}
+.RebuyProductAddOns_addOnCardInput:checked::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%) rotate(45deg);
+  width: 5px;
+  height: 10px;
+  border: solid white;
+  border-width: 0 2px 2px 0;
+  margin-top: -1px;
+}
+.RebuyProductAddOns_addOnCardContentImage {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  margin: 0 auto;
+  position: relative;
+}
+.RebuyProductAddOns_addOnCardOutOfStock {
+  border-radius: 4px;
+  background-color: #e2e5ea;
+  font-size: 12px;
+}
+.RebuyProductAddOns_addOnCardTextContent {
+  display: flex;
+  flex-direction: column;
+}
+.RebuyProductAddOns_addOnCardLearnMore {
+  text-decoration: underline;
+  color: gray;
+  font-size: 14px;
+}
+.RebuyProductAddOns_addCartBtnContainer {
+  display: flex;
+  justify-content: center;
+  padding-top: 16px;
+}
+.RebuyProductAddOns_addCartBtnContainer form {
+  width: 100%;
+}
+.RebuyProductAddOns_moneyContainer {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  justify-content: center;
+}
+
+/* src/widgets/RebuyProductRecommendations/RebuyProductRecommendations.module.css */
+.RebuyProductRecommendations_container {
+  padding: 32px 16px;
+  background-color: #f0f4f8;
+  border-radius: 16px;
+  margin: 16px 0;
+  @media (width >= 768px) {
+    padding: 64px;
+  }
+}
+.RebuyProductRecommendations_productGrid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+  gap: 32px;
+  list-style: none;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/AddToCartBtn/AddToCartBtn.module.css", "../src/components/ProductPrice/ProductPrice.module.css", "../src/components/VariantSelect/VariantSelect.module.css", "../src/components/ProductCard/ProductCard.module.css", "../src/widgets/RebuyCompleteTheLook/RebuyCompleteTheLook.module.css", "../src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.module.css", "../src/widgets/RebuyProductAddOns/RebuyProductAddOns.module.css", "../src/widgets/RebuyProductRecommendations/RebuyProductRecommendations.module.css"],
+  "sourcesContent": ["/* stylelint-disable selector-class-pattern */\n\n/* TODO: Update classes to BEM naming convention (rb-{block}__{element}--{modifier}) */\n\n.button {\n    padding: 8px 16px;\n    border-radius: 4px;\n    font-size: 16px;\n    color: #fff;\n    background-color: #000;\n    border: none;\n    cursor: pointer;\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n}\n\n.button:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.button:hover {\n    background-color: #333;\n}\n", "/* stylelint-disable selector-class-pattern */\n\n/* TODO: Update classes to BEM naming convention (rb-{block}__{element}--{modifier}) */\n\n.priceContainer {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.compareAtPrice {\n    opacity: 0.5;\n}\n", "/* stylelint-disable selector-class-pattern */\n\n/* TODO: Update classes to BEM naming convention (rb-{block}__{element}--{modifier}) */\n\n.select {\n    width: 100%;\n    padding: 8px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-size: 16px;\n    color: #333;\n    background-color: #fff;\n}\n", "/* stylelint-disable selector-class-pattern */\n\n/* TODO: Update classes to BEM naming convention (rb-{block}__{element}--{modifier}) */\n\n.container {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    max-width: 256px;\n    height: 100%;\n    justify-content: space-between;\n}\n\n.productInfo {\n    display: grid;\n    gap: 4px;\n    align-items: start;\n}\n", "/* stylelint-disable */\n\n.container {\n    padding: 2rem 1rem;\n    margin: 1rem 0;\n    background-color: #f0f4f8;\n    border-radius: 1rem;\n\n    @media (width >= 768px) {\n        padding: 4rem;\n    }\n}\n\n.productGrid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n    gap: 2rem;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n\n    @media (width >= 768px) {\n        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    }\n}\n\n.productItem {\n    width: 100%;\n}\n", "/* stylelint-disable selector-class-pattern */\n\n/* TODO: Update classes to BEM naming convention (rb-{block}__{element}--{modifier}) */\n\n/* RebuyDynamicBundleProducts.tsx */\n.container {\n    padding: 32px 16px;\n    background-color: #f0f4f8;\n    border-radius: 16px;\n    max-width: 768px;\n    margin: 16px 0;\n\n    @media (width >= 768px) {\n        padding: 64px;\n    }\n}\n\n.addCartBtnContainer {\n    display: flex;\n    justify-content: center;\n}\n\n.addCartBtnContainer form {\n    width: 100%;\n}\n\n.bundleContainer {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin-bottom: 16px;\n}\n\n/* Select.tsx */\n.select {\n    width: 100%;\n    padding: 8px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-size: 16px;\n    color: #333;\n    background-color: #fff;\n\n    @media (width >= 768px) {\n        width: 60%;\n    }\n}\n\n/* BundleSelection.tsx */\n.bundleItemRowContainer {\n    margin-bottom: 16px;\n}\n\n.unselected {\n    opacity: 0.5;\n}\n\n.bundleItemRow {\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    align-items: start;\n}\n\n.bundleItemInput {\n    flex-grow: 1;\n}\n\n.bundleItemLabel {\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    cursor: pointer;\n    margin-bottom: 8px;\n}\n\n/* BundleImages.tsx */\n.bundleImages {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 16px;\n    justify-content: center;\n}\n\n.bundleImage {\n    animation: fade-in 0.5s ease-in;\n}\n\n@keyframes fade-in {\n    from {\n        opacity: 0;\n    }\n\n    to {\n        opacity: 1;\n    }\n}\n\n.bundleImageDelimiter {\n    display: flex;\n    align-items: center;\n}\n\n.bundleImageDelimiter span {\n    font-weight: 600;\n}\n\n.compareAtPrice {\n    text-decoration: line-through;\n    opacity: 0.5;\n}\n", "/* stylelint-disable selector-class-pattern */\n\n/* TODO: Update classes to BEM naming convention (rb-{block}__{element}--{modifier}) */\n.container {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    margin: 16px 0;\n    background-color: #f0f4f8;\n    border-radius: 16px;\n    padding: 32px 16px;\n\n    @media (width >= 768px) {\n        padding: 64px;\n    }\n}\n\n.productAddOnsList {\n    display: grid;\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n    gap: 8px;\n\n    @media (width >= 768px) {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    @media (width >= 1024px) {\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n}\n\n.addOnCard {\n    cursor: pointer;\n\n    &:hover {\n        opacity: 0.8;\n    }\n}\n\n.addOnCardContent {\n    display: flex;\n    gap: 8px;\n    flex-direction: column;\n    position: relative;\n    padding: 16px;\n    border-radius: 8px;\n    border: 2px solid #e2e5ea;\n    background-color: #fff;\n}\n\n.addOnCardInput {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    z-index: 1;\n    appearance: none;\n    border-radius: 50%;\n    width: 24px;\n    height: 24px;\n    background-color: #f0f0f0;\n    border: 1px solid #ddd;\n    cursor: pointer;\n    transition: all 0.2s ease-in-out;\n}\n\n.addOnCardInput:checked {\n    background-color: #4a7dff;\n    border-color: #4a7dff;\n}\n\n.addOnCardInput:checked::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%) rotate(45deg);\n    width: 5px;\n    height: 10px;\n    border: solid white;\n    border-width: 0 2px 2px 0;\n    margin-top: -1px;\n}\n\n.addOnCardContentImage {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    margin: 0 auto;\n    position: relative;\n}\n\n.addOnCardOutOfStock {\n    border-radius: 4px;\n    background-color: #e2e5ea;\n    font-size: 12px;\n}\n\n.addOnCardTextContent {\n    display: flex;\n    flex-direction: column;\n}\n\n.addOnCardLearnMore {\n    text-decoration: underline;\n    color: gray;\n    font-size: 14px;\n}\n\n.addCartBtnContainer {\n    display: flex;\n    justify-content: center;\n    padding-top: 16px;\n}\n\n.addCartBtnContainer form {\n    width: 100%;\n}\n\n.moneyContainer {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    justify-content: center;\n}\n", "/* stylelint-disable selector-class-pattern */\n\n/* TODO: Update classes to BEM naming convention (rb-{block}__{element}--{modifier}) */\n.container {\n    padding: 32px 16px;\n    background-color: #f0f4f8;\n    border-radius: 16px;\n    margin: 16px 0;\n\n    @media (width >= 768px) {\n        padding: 64px;\n    }\n}\n\n.productGrid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n    gap: 32px;\n    list-style: none;\n}\n"],
+  "mappings": ";AAIA,CAACA;AACG,WAAS,IAAI;AACb,iBAAe;AACf,aAAW;AACX,SAAO;AACP,oBAAkB;AAClB,UAAQ;AACR,UAAQ;AACR,SAAO;AACP,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK;AACT;AAEA,CAfCA,mBAeM;AACH,WAAS;AACT,UAAQ;AACZ;AAEA,CApBCA,mBAoBM;AACH,oBAAkB;AACtB;;;ACtBA,CAACC;AACG,WAAS;AACT,eAAa;AACb,OAAK;AACT;AAEA,CAACC;AACG,WAAS;AACb;;;ACRA,CAACC;AACG,SAAO;AACP,WAAS;AACT,UAAQ,IAAI,MAAM;AAClB,iBAAe;AACf,aAAW;AACX,SAAO;AACP,oBAAkB;AACtB;;;ACRA,CAACC;AACG,WAAS;AACT,kBAAgB;AAChB,OAAK;AACL,aAAW;AACX,UAAQ;AACR,mBAAiB;AACrB;AAEA,CAACC;AACG,WAAS;AACT,OAAK;AACL,eAAa;AACjB;;;ACfA,CAACC;AACG,WAAS,KAAK;AACd,UAAQ,KAAK;AACb,oBAAkB;AAClB,iBAAe;AAEf,SAAO,CAAC,MAAM,CAAC,EAAE;AACb,aAAS;AACb;AACJ;AAEA,CAACC;AACG,WAAS;AACT,yBAAuB,OAAO,QAAQ,EAAE,OAAO,KAAK,EAAE;AACtD,OAAK;AACL,cAAY;AACZ,WAAS;AACT,UAAQ;AAER,SAAO,CAAC,MAAM,CAAC,EAAE;AACb,2BAAuB,OAAO,QAAQ,EAAE,OAAO,KAAK,EAAE;AAC1D;AACJ;AAEA,CAACC;AACG,SAAO;AACX;;;ACvBA,CAACC;AACG,WAAS,KAAK;AACd,oBAAkB;AAClB,iBAAe;AACf,aAAW;AACX,UAAQ,KAAK;AAEb,SAAO,CAAC,MAAM,CAAC,EAAE;AACb,aAAS;AACb;AACJ;AAEA,CAACC;AACG,WAAS;AACT,mBAAiB;AACrB;AAEA,CALCA,+CAKoB;AACjB,SAAO;AACX;AAEA,CAACC;AACG,WAAS;AACT,kBAAgB;AAChB,OAAK;AACL,iBAAe;AACnB;AAGA,CAACC;AACG,SAAO;AACP,WAAS;AACT,UAAQ,IAAI,MAAM;AAClB,iBAAe;AACf,aAAW;AACX,SAAO;AACP,oBAAkB;AAElB,SAAO,CAAC,MAAM,CAAC,EAAE;AACb,WAAO;AACX;AACJ;AAGA,CAACC;AACG,iBAAe;AACnB;AAEA,CAACC;AACG,WAAS;AACb;AAEA,CAACC;AACG,WAAS;AACT,kBAAgB;AAChB,OAAK;AACL,eAAa;AACjB;AAEA,CAACC;AACG,aAAW;AACf;AAEA,CAACC;AACG,WAAS;AACT,kBAAgB;AAChB,OAAK;AACL,UAAQ;AACR,iBAAe;AACnB;AAGA,CAACC;AACG,WAAS;AACT,aAAW;AACX,OAAK;AACL,iBAAe;AACf,mBAAiB;AACrB;AAEA,CAACC;AACG,aAAW,mCAAQ,KAAK;AAC5B;AAEA,WAHeC;AAIX;AACI,aAAS;AACb;AAEA;AACI,aAAS;AACb;AACJ;AAEA,CAACC;AACG,WAAS;AACT,eAAa;AACjB;AAEA,CALCA,gDAKqB;AAClB,eAAa;AACjB;AAEA,CAACC;AACG,mBAAiB;AACjB,WAAS;AACb;;;AC5GA,CAACC;AACG,WAAS;AACT,kBAAgB;AAChB,OAAK;AACL,UAAQ,KAAK;AACb,oBAAkB;AAClB,iBAAe;AACf,WAAS,KAAK;AAEd,SAAO,CAAC,MAAM,CAAC,EAAE;AACb,aAAS;AACb;AACJ;AAEA,CAACC;AACG,WAAS;AACT,yBAAuB,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE;AAC3C,OAAK;AAEL,SAAO,CAAC,MAAM,CAAC,EAAE;AACb,2BAAuB,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE;AAC/C;AAEA,SAAO,CAAC,MAAM,CAAC,EAAE;AACb,2BAAuB,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE;AAC/C;AACJ;AAEA,CAACC;AACG,UAAQ;AAER,GAAC;AACG,aAAS;AACb;AACJ;AAEA,CAACC;AACG,WAAS;AACT,OAAK;AACL,kBAAgB;AAChB,YAAU;AACV,WAAS;AACT,iBAAe;AACf,UAAQ,IAAI,MAAM;AAClB,oBAAkB;AACtB;AAEA,CAACC;AACG,YAAU;AACV,OAAK;AACL,SAAO;AACP,WAAS;AACT,cAAY;AACZ,iBAAe;AACf,SAAO;AACP,UAAQ;AACR,oBAAkB;AAClB,UAAQ,IAAI,MAAM;AAClB,UAAQ;AACR,cAAY,IAAI,KAAK;AACzB;AAEA,CAfCA,iCAec;AACX,oBAAkB;AAClB,gBAAc;AAClB;AAEA,CApBCA,iCAoBc,QAAQ;AACnB,WAAS;AACT,YAAU;AACV,OAAK;AACL,QAAM;AACN,aAAW,UAAU,IAAI,EAAE,MAAM,OAAO;AACxC,SAAO;AACP,UAAQ;AACR,UAAQ,MAAM;AACd,gBAAc,EAAE,IAAI,IAAI;AACxB,cAAY;AAChB;AAEA,CAACC;AACG,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,YAAU;AACV,UAAQ,EAAE;AACV,YAAU;AACd;AAEA,CAACC;AACG,iBAAe;AACf,oBAAkB;AAClB,aAAW;AACf;AAEA,CAACC;AACG,WAAS;AACT,kBAAgB;AACpB;AAEA,CAACC;AACG,mBAAiB;AACjB,SAAO;AACP,aAAW;AACf;AAEA,CAACC;AACG,WAAS;AACT,mBAAiB;AACjB,eAAa;AACjB;AAEA,CANCA,uCAMoB;AACjB,SAAO;AACX;AAEA,CAACC;AACG,WAAS;AACT,eAAa;AACb,OAAK;AACL,mBAAiB;AACrB;;;ACzHA,CAACC;AACG,WAAS,KAAK;AACd,oBAAkB;AAClB,iBAAe;AACf,UAAQ,KAAK;AAEb,SAAO,CAAC,MAAM,CAAC,EAAE;AACb,aAAS;AACb;AACJ;AAEA,CAACC;AACG,WAAS;AACT,yBAAuB,OAAO,QAAQ,EAAE,OAAO,KAAK,EAAE;AACtD,OAAK;AACL,cAAY;AAChB;",
+  "names": ["button", "priceContainer", "compareAtPrice", "select", "container", "productInfo", "container", "productGrid", "productItem", "container", "addCartBtnContainer", "bundleContainer", "select", "bundleItemRowContainer", "unselected", "bundleItemRow", "bundleItemInput", "bundleItemLabel", "bundleImages", "bundleImage", "fade-in", "bundleImageDelimiter", "compareAtPrice", "container", "productAddOnsList", "addOnCard", "addOnCardContent", "addOnCardInput", "addOnCardContentImage", "addOnCardOutOfStock", "addOnCardTextContent", "addOnCardLearnMore", "addCartBtnContainer", "moneyContainer", "container", "productGrid"]
+}

package/{src/index.ts → dist/index.d.ts}

@@ -5,3 +5,4 @@ export * from './widgets/RebuyCompleteTheLook';
 export * from './widgets/RebuyDynamicBundleProducts';
 export * from './widgets/RebuyProductAddOns';
 export * from './widgets/RebuyProductRecommendations';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAC;AACzD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,wCAAwC,CAAC;AACvD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sCAAsC,CAAC;AACrD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uCAAuC,CAAC"}