@gfed-medusa/sf-lib-common 3.3.8 → 3.5.1

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/components/breadcrumbs/index.d.ts
 declare const SEPARATOR_ICONS: Record<string, React.ComponentType<{
@@ -14,7 +14,7 @@ declare function Breadcrumbs({
   iconClassName,
   iconSize,
   separatorIcon
-}: BreadcrumbsProps): react_jsx_runtime0.JSX.Element;
+}: BreadcrumbsProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { Breadcrumbs };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/cart-mismatch-banner/index.d.ts

@@ -1,11 +1,11 @@
 import { Cart, Customer } from "../../types/graphql.js";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/components/cart-mismatch-banner/index.d.ts
 declare function CartMismatchBanner(props: {
   customer: Customer;
   cart: Cart;
-}): react_jsx_runtime7.JSX.Element | undefined;
+}): react_jsx_runtime4.JSX.Element | undefined;
 //#endregion
 export { CartMismatchBanner };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/delete-button/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/components/delete-button/index.d.ts
 declare const DeleteButton: ({
@@ -9,7 +9,7 @@ declare const DeleteButton: ({
   id: string;
   children?: React.ReactNode;
   className?: string;
-}) => react_jsx_runtime3.JSX.Element;
+}) => react_jsx_runtime13.JSX.Element;
 //#endregion
 export { DeleteButton };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/delete-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/delete-button/index.tsx"],"sourcesContent":[],"mappings":";;;cASM;;;;;;aAMO,KAAA,CAAM;EANb,SAAA,CAAA,EAAA,MAuCL;CAvCqB,EAAA,GAQrB,kBAAA,CAAA,GAAA,CAAA,OARqB"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/delete-button/index.tsx"],"sourcesContent":[],"mappings":";;;cASM;;;;;;aAMO,KAAA,CAAM;EANb,SAAA,CAAA,EAAA,MAuCL;CAvCqB,EAAA,GAQrB,mBAAA,CAAA,GAAA,CAAA,OARqB"}

package/dist/components/error-message/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/components/error-message/index.d.ts
 declare const ErrorMessage: ({
@@ -7,7 +7,7 @@ declare const ErrorMessage: ({
 }: {
   error?: string | null;
   "data-testid"?: string;
-}) => react_jsx_runtime2.JSX.Element | null;
+}) => react_jsx_runtime12.JSX.Element | null;
 //#endregion
 export { ErrorMessage };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/error-message/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/error-message/index.tsx"],"sourcesContent":[],"mappings":";;;cAAM;;iBAAgB;AAMrB;;;AAAA,CAAA,EAAA,GAAA,kBAAA,CAAA,GAAA,CAAA,OAAA,GAaA,IAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/error-message/index.tsx"],"sourcesContent":[],"mappings":";;;cAAM;;iBAAgB;AAMrB;;;AAAA,CAAA,EAAA,GAAA,mBAAA,CAAA,GAAA,CAAA,OAAA,GAaA,IAAA"}

package/dist/components/free-shipping-price-nudge/index.d.ts

@@ -1,5 +1,5 @@
 import { Cart, ShippingOption } from "../../types/graphql.js";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/free-shipping-price-nudge/index.d.ts
 declare function ShippingPriceNudge({
@@ -10,7 +10,7 @@ declare function ShippingPriceNudge({
   variant?: 'popup' | 'inline';
   cart: Cart;
   shippingOptions: ShippingOption[];
-}): react_jsx_runtime8.JSX.Element | undefined;
+}): react_jsx_runtime0.JSX.Element | undefined;
 //#endregion
 export { ShippingPriceNudge };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/interactive-link/index.d.ts

@@ -1,5 +1,5 @@
 import { LocalizedClientLink } from "../localized-client-link/index.js";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/interactive-link/index.d.ts
 type InteractiveLinkProps = React.ComponentPropsWithoutRef<typeof LocalizedClientLink> & {
@@ -14,7 +14,7 @@ declare const InteractiveLink: ({
   textClassName,
   iconClassName,
   ...props
-}: InteractiveLinkProps) => react_jsx_runtime15.JSX.Element;
+}: InteractiveLinkProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InteractiveLink };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/interactive-link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/interactive-link/index.tsx"],"sourcesContent":[],"mappings":";;;;KAKK,oBAAA,GAAuB,KAAA,CAAM,gCACzB;;;AAHsD,CAAA;AAEL,cAOpD,eA0BL,EAAA,CAAA;EAAA,IAAA;EAAA,QAAA;EAAA,OAAA;EAAA,SAAA;EAAA,aAAA;EAAA,aAAA;EAAA,GAAA;AAAA,CAAA,EAlBE,oBAkBF,EAAA,GAlBsB,mBAAA,CAAA,GAAA,CAAA,OAkBtB"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/interactive-link/index.tsx"],"sourcesContent":[],"mappings":";;;;KAKK,oBAAA,GAAuB,KAAA,CAAM,gCACzB;;;AAHsD,CAAA;AAEL,cAOpD,eA0BL,EAAA,CAAA;EAAA,IAAA;EAAA,QAAA;EAAA,OAAA;EAAA,SAAA;EAAA,aAAA;EAAA,aAAA;EAAA,GAAA;AAAA,CAAA,EAlBE,oBAkBF,EAAA,GAlBsB,kBAAA,CAAA,GAAA,CAAA,OAkBtB"}

package/dist/components/line-item-options/index.d.ts

@@ -1,5 +1,5 @@
 import { Maybe, ProductVariant } from "../../types/graphql.js";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/line-item-options/index.d.ts
 type LineItemOptionsProps = {
@@ -11,7 +11,7 @@ declare const LineItemOptions: ({
   variant,
   "data-testid": dataTestid,
   "data-value": dataValue
-}: LineItemOptionsProps) => react_jsx_runtime12.JSX.Element;
+}: LineItemOptionsProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { LineItemOptions };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/line-item-options/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/line-item-options/index.tsx"],"sourcesContent":[],"mappings":";;;;KAIK,oBAAA;YACO,MAAM;;EADb,YAAA,CAAA,EAGY,KAHZ,CAGkB,cAHE,CAAA;CACP;cAKZ,eALM,EAAA,CAAA;EAAA,OAAA;EAAA,aAAA,EAKa,UALb;EAAA,YAAA,EAKa;AALb,CAAA,EAST,oBATS,EAAA,GASW,mBAAA,CAAA,GAAA,CAAA,OATX"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/line-item-options/index.tsx"],"sourcesContent":[],"mappings":";;;;KAIK,oBAAA;YACO,MAAM;;EADb,YAAA,CAAA,EAGY,KAHZ,CAGkB,cAHE,CAAA;CACP;cAKZ,eALM,EAAA,CAAA;EAAA,OAAA;EAAA,aAAA,EAKa,UALb;EAAA,YAAA,EAKa;AALb,CAAA,EAST,oBATS,EAAA,GASW,kBAAA,CAAA,GAAA,CAAA,OATX"}

package/dist/components/line-item-price/index.d.ts

@@ -1,5 +1,5 @@
 import { LineItem } from "../../types/graphql.js";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/components/line-item-price/index.d.ts
 type LineItemPriceProps = {
@@ -11,7 +11,7 @@ declare const LineItemPrice: ({
   item,
   style,
   currencyCode
-}: LineItemPriceProps) => react_jsx_runtime14.JSX.Element;
+}: LineItemPriceProps) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { LineItemPrice };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/line-item-price/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/line-item-price/index.tsx"],"sourcesContent":[],"mappings":";;;;KAMK,kBAAA;QACG;;EADH,YAAA,EAAA,MAAA;AACW,CAAA;cAKV,aAAiB,EAAA,CAAA;EAAA,IAAA;EAAA,KAAA;EAAA;AAAA,CAAA,EAIpB,kBAJoB,EAAA,GAIF,mBAAA,CAAA,GAAA,CAAA,OAJE"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/line-item-price/index.tsx"],"sourcesContent":[],"mappings":";;;;KAMK,kBAAA;QACG;;EADH,YAAA,EAAA,MAAA;AACW,CAAA;cAKV,aAAiB,EAAA,CAAA;EAAA,IAAA;EAAA,KAAA;EAAA;AAAA,CAAA,EAIpB,kBAJoB,EAAA,GAIF,kBAAA,CAAA,GAAA,CAAA,OAJE"}

package/dist/components/localized-client-link/index.d.ts

@@ -1,5 +1,5 @@
 import { AnchorHTMLAttributes, DetailedHTMLProps } from "react";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/components/localized-client-link/index.d.ts
 type LocalizedClientLinkProps = DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & {
@@ -10,7 +10,7 @@ declare const LocalizedClientLink: ({
   href,
   locale,
   ...props
-}: LocalizedClientLinkProps) => react_jsx_runtime11.JSX.Element;
+}: LocalizedClientLinkProps) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { LocalizedClientLink };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/localized-client-link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/localized-client-link/index.tsx"],"sourcesContent":[],"mappings":";;;;KAWK,wBAAA,GAA2B,kBAC9B,qBAAqB,oBACrB;;;AANa,cAWT,mBAPuB,EAAA,CAAA;EAAA,QAAA;EAAA,IAAA;EAAA,MAAA;EAAA,GAAA;AAAA,CAAA,EAY1B,wBAZ0B,EAAA,GAYF,mBAAA,CAAA,GAAA,CAAA,OAZE"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/localized-client-link/index.tsx"],"sourcesContent":[],"mappings":";;;;KAWK,wBAAA,GAA2B,kBAC9B,qBAAqB,oBACrB;;;AANa,cAWT,mBAPuB,EAAA,CAAA;EAAA,QAAA;EAAA,IAAA;EAAA,MAAA;EAAA,GAAA;AAAA,CAAA,EAY1B,wBAZ0B,EAAA,GAYF,kBAAA,CAAA,GAAA,CAAA,OAZE"}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/components/modal/index.d.ts
 type ModalProps = {
@@ -20,7 +20,7 @@ declare const Modal: {
     children,
     "data-testid": dataTestId,
     "aria-label": ariaLabel
-  }: ModalProps): react_jsx_runtime13.JSX.Element;
+  }: ModalProps): react_jsx_runtime9.JSX.Element;
   Title: React.FC<{
     children: React.ReactNode;
   }>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/modal/index.tsx"],"sourcesContent":[],"mappings":";;;;KAQK,UAAA;;;EAAA,IAAA,CAAA,EAAA,OAAU,GAAA,QAAA,GAKH,OAAM;EAKZ,MAAA,CAAA,EAmEL,OAAA;YAxEW,KAAA,CAAM;;;;cAKZ;;;;;;;;;KAQH,aAAU,mBAAA,CAAA,GAAA,CAAA;;IAAV,QAAA,EA6D+B,KAAA,CAAM,SA7DrC;EAAU,CAAA,CAAA;EA6DqB,WAAM,UAAA,CAAA;cAeA,KAAA,CAAM;EAAN,CAAA,CAAA;;IAQD,QAAA,EAAN,KAAA,CAAM,SAAA;;EAIJ,MAAM,UAAA,CAAA;cAAN,KAAA,CAAM"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/modal/index.tsx"],"sourcesContent":[],"mappings":";;;;KAQK,UAAA;;;EAAA,IAAA,CAAA,EAAA,OAAU,GAAA,QAAA,GAKH,OAAM;EAKZ,MAAA,CAAA,EAmEL,OAAA;YAxEW,KAAA,CAAM;;;;cAKZ;;;;;;;;;KAQH,aAAU,kBAAA,CAAA,GAAA,CAAA;;IAAV,QAAA,EA6D+B,KAAA,CAAM,SA7DrC;EAAU,CAAA,CAAA;EA6DqB,WAAM,UAAA,CAAA;cAeA,KAAA,CAAM;EAAN,CAAA,CAAA;;IAQD,QAAA,EAAN,KAAA,CAAM,SAAA;;EAIJ,MAAM,UAAA,CAAA;cAAN,KAAA,CAAM"}

package/dist/components/preview-price/index.d.ts

@@ -1,12 +1,12 @@
 import { VariantPrice } from "../../types/prices.js";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/components/preview-price/index.d.ts
 declare function PreviewPrice({
   price
 }: {
   price: VariantPrice;
-}): react_jsx_runtime9.JSX.Element | null;
+}): react_jsx_runtime6.JSX.Element | null;
 //#endregion
 export { PreviewPrice };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/preview-price/index.js

@@ -5,11 +5,11 @@ import { Text, clx } from "@medusajs/ui";
 function PreviewPrice({ price }) {
 	if (!price) return null;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [price.price_type === "sale" && /* @__PURE__ */ jsx(Text, {
-		className: "text-ui-fg-muted line-through",
+		className: "text-ui-fg-muted min-w-0 break-words whitespace-normal line-through",
 		"data-testid": "original-price",
 		children: price.original_price
 	}), /* @__PURE__ */ jsx(Text, {
-		className: clx("text-ui-fg-muted", { "text-ui-fg-interactive": price.price_type === "sale" }),
+		className: clx("text-ui-fg-muted min-w-0 break-words whitespace-normal", { "text-ui-fg-interactive": price.price_type === "sale" }),
 		"data-testid": "price",
 		children: price.calculated_price
 	})] });

package/dist/components/preview-price/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/preview-price/index.tsx"],"sourcesContent":["import { Text, clx } from '@medusajs/ui';\n\nimport { VariantPrice } from '@/types/prices';\n\nfunction PreviewPrice({ price }: { price: VariantPrice }) {\n  if (!price) {\n    return null;\n  }\n\n  return (\n    <>\n      {price.price_type === 'sale' && (\n        <Text\n          className=\"text-ui-fg-muted line-through\"\n          data-testid=\"original-price\"\n        >\n          {price.original_price}\n        </Text>\n      )}\n      <Text\n        className={clx('text-ui-fg-muted', {\n          'text-ui-fg-interactive': price.price_type === 'sale',\n        })}\n        data-testid=\"price\"\n      >\n        {price.calculated_price}\n      </Text>\n    </>\n  );\n}\n\nexport { PreviewPrice };\n"],"mappings":";;;;AAIA,SAAS,aAAa,EAAE,SAAkC;AACxD,KAAI,CAAC,MACH,QAAO;AAGT,QACE,4CACG,MAAM,eAAe,UACpB,oBAAC;EACC,WAAU;EACV,eAAY;YAEX,MAAM;GACF,EAET,oBAAC;EACC,WAAW,IAAI,oBAAoB,EACjC,0BAA0B,MAAM,eAAe,QAChD,CAAC;EACF,eAAY;YAEX,MAAM;GACF,IACN"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/preview-price/index.tsx"],"sourcesContent":["import { Text, clx } from '@medusajs/ui';\n\nimport { VariantPrice } from '@/types/prices';\n\nfunction PreviewPrice({ price }: { price: VariantPrice }) {\n  if (!price) {\n    return null;\n  }\n\n  return (\n    <>\n      {price.price_type === 'sale' && (\n        <Text\n          className=\"text-ui-fg-muted min-w-0 break-words whitespace-normal line-through\"\n          data-testid=\"original-price\"\n        >\n          {price.original_price}\n        </Text>\n      )}\n      <Text\n        className={clx(\n          'text-ui-fg-muted min-w-0 break-words whitespace-normal',\n          {\n          'text-ui-fg-interactive': price.price_type === 'sale',\n          }\n        )}\n        data-testid=\"price\"\n      >\n        {price.calculated_price}\n      </Text>\n    </>\n  );\n}\n\nexport { PreviewPrice };\n"],"mappings":";;;;AAIA,SAAS,aAAa,EAAE,SAAkC;AACxD,KAAI,CAAC,MACH,QAAO;AAGT,QACE,4CACG,MAAM,eAAe,UACpB,oBAAC;EACC,WAAU;EACV,eAAY;YAEX,MAAM;GACF,EAET,oBAAC;EACC,WAAW,IACT,0DACA,EACA,0BAA0B,MAAM,eAAe,QAC9C,CACF;EACD,eAAY;YAEX,MAAM;GACF,IACN"}

package/dist/components/product-card/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 
@@ -59,7 +59,7 @@ declare function ProductCard({
   variant,
   size,
   className
-}: ProductCardProps): react_jsx_runtime5.JSX.Element;
+}: ProductCardProps): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { ProductCard };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/product-preview/index.d.ts

@@ -1,5 +1,5 @@
 import { Product } from "../../types/graphql.js";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/components/product-preview/index.d.ts
 type ProductPreviewProduct = Pick<Product, 'id' | 'title' | 'handle' | 'thumbnail' | 'images' | 'variants'>;
@@ -14,7 +14,7 @@ declare function ProductPreview({
   isFeatured,
   imagePriority,
   imageFetchPriority
-}: ProductPreviewProps): react_jsx_runtime4.JSX.Element;
+}: ProductPreviewProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 export { ProductPreview, ProductPreviewProduct, ProductPreviewProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/product-preview/index.js

@@ -21,13 +21,13 @@ function ProductPreview({ product, isFeatured, imagePriority = false, imageFetch
 				imagePriority,
 				imageFetchPriority
 			}), /* @__PURE__ */ jsxs("div", {
-				className: "txt-compact-medium mt-4 flex items-start justify-between gap-x-4",
+				className: "txt-compact-medium mt-4 flex min-w-0 flex-col items-start gap-y-1 text-left",
 				children: [/* @__PURE__ */ jsx(Text, {
-					className: "text-ui-fg-subtle flex-1",
+					className: "text-ui-fg-subtle w-full min-w-0 overflow-hidden break-words whitespace-normal [display:-webkit-box] [-webkit-box-orient:vertical] [-webkit-line-clamp:2]",
 					"data-testid": "product-title",
 					children: product.title
 				}), /* @__PURE__ */ jsx("div", {
-					className: "flex shrink-0 items-start gap-x-2",
+					className: "flex w-full min-w-0 flex-wrap items-baseline gap-x-2 gap-y-1 text-left",
 					children: cheapestPrice && /* @__PURE__ */ jsx(PreviewPrice, { price: cheapestPrice })
 				})]
 			})]

package/dist/components/product-preview/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/product-preview/index.tsx"],"sourcesContent":["import { Text } from '@medusajs/ui';\n\nimport { getProductPrice } from '@/lib/utils/get-product-price';\nimport { Product } from '@/types/graphql';\n\nimport { LocalizedClientLink } from '../localized-client-link';\nimport { PreviewPrice } from '../preview-price';\nimport { Thumbnail } from '../thumbnail';\n\nexport type ProductPreviewProduct = Pick<\n  Product,\n  'id' | 'title' | 'handle' | 'thumbnail' | 'images' | 'variants'\n>;\n\nexport type ProductPreviewProps = {\n  product: ProductPreviewProduct;\n  isFeatured?: boolean;\n  imagePriority?: boolean;\n  imageFetchPriority?: 'auto' | 'high' | 'low';\n};\n\nfunction ProductPreview({\n  product,\n  isFeatured,\n  imagePriority = false,\n  imageFetchPriority,\n}: ProductPreviewProps) {\n  const { cheapestPrice } = getProductPrice({\n    product,\n  });\n\n  return (\n    <LocalizedClientLink href={`/products/${product.handle}`} className=\"group\">\n      <div data-testid=\"product-wrapper\">\n        <Thumbnail\n          thumbnail={product.thumbnail}\n          images={product.images}\n          size=\"full\"\n          isFeatured={isFeatured}\n          imagePriority={imagePriority}\n          imageFetchPriority={imageFetchPriority}\n        />\n        <div className=\"txt-compact-medium mt-4 flex items-start justify-between gap-x-4\">\n          <Text\n            className=\"text-ui-fg-subtle flex-1\"\n            data-testid=\"product-title\"\n          >\n            {product.title}\n          </Text>\n          <div className=\"flex shrink-0 items-start gap-x-2\">\n            {cheapestPrice && <PreviewPrice price={cheapestPrice} />}\n          </div>\n        </div>\n      </div>\n    </LocalizedClientLink>\n  );\n}\n\nexport { ProductPreview };\n"],"mappings":";;;;;;;;AAqBA,SAAS,eAAe,EACtB,SACA,YACA,gBAAgB,OAChB,sBACsB;CACtB,MAAM,EAAE,kBAAkB,gBAAgB,EACxC,SACD,CAAC;AAEF,QACE,oBAAC;EAAoB,MAAM,aAAa,QAAQ;EAAU,WAAU;YAClE,qBAAC;GAAI,eAAY;cACf,oBAAC;IACC,WAAW,QAAQ;IACnB,QAAQ,QAAQ;IAChB,MAAK;IACO;IACG;IACK;KACpB,EACF,qBAAC;IAAI,WAAU;eACb,oBAAC;KACC,WAAU;KACV,eAAY;eAEX,QAAQ;MACJ,EACP,oBAAC;KAAI,WAAU;eACZ,iBAAiB,oBAAC,gBAAa,OAAO,gBAAiB;MACpD;KACF;IACF;GACc"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/product-preview/index.tsx"],"sourcesContent":["import { Text } from '@medusajs/ui';\n\nimport { getProductPrice } from '@/lib/utils/get-product-price';\nimport { Product } from '@/types/graphql';\n\nimport { LocalizedClientLink } from '../localized-client-link';\nimport { PreviewPrice } from '../preview-price';\nimport { Thumbnail } from '../thumbnail';\n\nexport type ProductPreviewProduct = Pick<\n  Product,\n  'id' | 'title' | 'handle' | 'thumbnail' | 'images' | 'variants'\n>;\n\nexport type ProductPreviewProps = {\n  product: ProductPreviewProduct;\n  isFeatured?: boolean;\n  imagePriority?: boolean;\n  imageFetchPriority?: 'auto' | 'high' | 'low';\n};\n\nfunction ProductPreview({\n  product,\n  isFeatured,\n  imagePriority = false,\n  imageFetchPriority,\n}: ProductPreviewProps) {\n  const { cheapestPrice } = getProductPrice({\n    product,\n  });\n\n  return (\n    <LocalizedClientLink href={`/products/${product.handle}`} className=\"group\">\n      <div data-testid=\"product-wrapper\">\n        <Thumbnail\n          thumbnail={product.thumbnail}\n          images={product.images}\n          size=\"full\"\n          isFeatured={isFeatured}\n          imagePriority={imagePriority}\n          imageFetchPriority={imageFetchPriority}\n        />\n        <div className=\"txt-compact-medium mt-4 flex min-w-0 flex-col items-start gap-y-1 text-left\">\n          <Text\n            className=\"text-ui-fg-subtle w-full min-w-0 overflow-hidden break-words whitespace-normal [display:-webkit-box] [-webkit-box-orient:vertical] [-webkit-line-clamp:2]\"\n            data-testid=\"product-title\"\n          >\n            {product.title}\n          </Text>\n          <div className=\"flex w-full min-w-0 flex-wrap items-baseline gap-x-2 gap-y-1 text-left\">\n            {cheapestPrice && <PreviewPrice price={cheapestPrice} />}\n          </div>\n        </div>\n      </div>\n    </LocalizedClientLink>\n  );\n}\n\nexport { ProductPreview };\n"],"mappings":";;;;;;;;AAqBA,SAAS,eAAe,EACtB,SACA,YACA,gBAAgB,OAChB,sBACsB;CACtB,MAAM,EAAE,kBAAkB,gBAAgB,EACxC,SACD,CAAC;AAEF,QACE,oBAAC;EAAoB,MAAM,aAAa,QAAQ;EAAU,WAAU;YAClE,qBAAC;GAAI,eAAY;cACf,oBAAC;IACC,WAAW,QAAQ;IACnB,QAAQ,QAAQ;IAChB,MAAK;IACO;IACG;IACK;KACpB,EACF,qBAAC;IAAI,WAAU;eACb,oBAAC;KACC,WAAU;KACV,eAAY;eAEX,QAAQ;MACJ,EACP,oBAAC;KAAI,WAAU;eACZ,iBAAiB,oBAAC,gBAAa,OAAO,gBAAiB;MACpD;KACF;IACF;GACc"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/thumbnail/index.tsx"],"sourcesContent":[],"mappings":";;;KAOK,cAAA;;EAAA,MAAA,CAAA,EAAA,GAAA,EAAA,GAAc,IAAA;EAYb,IAAA,CAAA,EAAA,OAqCL,GAAA,QArCyB,GAAA,OAAA,GAAA,MAAT,GAAM,QAAE;;;;;;;cAAnB,WAAW,KAAA,CAAM,GAAG"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/thumbnail/index.tsx"],"sourcesContent":[],"mappings":";;;KAOK,cAAA;;EAAA,MAAA,CAAA,EAAA,GAAA,EAAA,GAAc,IAAA;EAYb,IAAA,CAAA,EAAA,OAmCL,GAAA,QAnCyB,GAAA,OAAA,GAAA,MAAT,GAAM,QAAE;;;;;;;cAAnB,WAAW,KAAA,CAAM,GAAG"}

package/dist/components/thumbnail/index.js

@@ -5,12 +5,11 @@ import Image from "next/image";
 import { PlaceholderImage } from "@gfed-medusa/sf-lib-ui/icons/placeholder-image";
 
 //#region src/components/thumbnail/index.tsx
-const Thumbnail = ({ thumbnail, images, size = "small", isFeatured, imagePriority = false, imageFetchPriority, className, "data-testid": dataTestid }) => {
+const Thumbnail = ({ thumbnail, images, size = "small", imagePriority = false, imageFetchPriority, className, "data-testid": dataTestid }) => {
 	const initialImage = thumbnail || images?.[0]?.url;
 	return /* @__PURE__ */ jsx(Container, {
 		className: clx("rounded-large bg-ui-bg-subtle shadow-elevation-card-rest group-hover:shadow-elevation-card-hover relative w-full overflow-hidden p-4 transition-shadow duration-150 ease-in-out", className, {
-			"aspect-[11/14]": isFeatured,
-			"aspect-[9/16]": !isFeatured && size !== "square",
+			"aspect-[29/34]": size !== "square",
 			"aspect-[1/1]": size === "square",
 			"w-[180px]": size === "small",
 			"w-[290px]": size === "medium",

package/dist/components/thumbnail/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Thumbnail: React.FC<ThumbnailProps>"],"sources":["../../../src/components/thumbnail/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Image from 'next/image';\n\nimport { PlaceholderImage } from '@gfed-medusa/sf-lib-ui/icons/placeholder-image';\nimport { Container, clx } from '@medusajs/ui';\n\ntype ThumbnailProps = {\n  thumbnail?: string | null;\n  // TODO: Fix image typings\n  images?: any[] | null;\n  size?: 'small' | 'medium' | 'large' | 'full' | 'square';\n  isFeatured?: boolean;\n  imagePriority?: boolean;\n  imageFetchPriority?: 'auto' | 'high' | 'low';\n  className?: string;\n  'data-testid'?: string;\n};\n\nconst Thumbnail: React.FC<ThumbnailProps> = ({\n  thumbnail,\n  images,\n  size = 'small',\n  isFeatured,\n  imagePriority = false,\n  imageFetchPriority,\n  className,\n  'data-testid': dataTestid,\n}) => {\n  const initialImage = thumbnail || images?.[0]?.url;\n\n  return (\n    <Container\n      className={clx(\n        'rounded-large bg-ui-bg-subtle shadow-elevation-card-rest group-hover:shadow-elevation-card-hover relative w-full overflow-hidden p-4 transition-shadow duration-150 ease-in-out',\n        className,\n        {\n          'aspect-[11/14]': isFeatured,\n          'aspect-[9/16]': !isFeatured && size !== 'square',\n          'aspect-[1/1]': size === 'square',\n          'w-[180px]': size === 'small',\n          'w-[290px]': size === 'medium',\n          'w-[440px]': size === 'large',\n          'w-full': size === 'full',\n        }\n      )}\n      data-testid={dataTestid}\n    >\n      <ImageOrPlaceholder\n        image={initialImage}\n        size={size}\n        imagePriority={imagePriority}\n        imageFetchPriority={imageFetchPriority}\n      />\n    </Container>\n  );\n};\n\nconst ImageOrPlaceholder = ({\n  image,\n  size,\n  imagePriority,\n  imageFetchPriority,\n}: Pick<\n  ThumbnailProps,\n  'size' | 'imagePriority' | 'imageFetchPriority'\n> & { image?: string }) => {\n  return image ? (\n    <Image\n      src={image}\n      alt=\"Thumbnail\"\n      className=\"absolute inset-0 object-cover object-center\"\n      draggable={false}\n      priority={imagePriority}\n      {...(imageFetchPriority ? { fetchPriority: imageFetchPriority } : {})}\n      quality={40}\n      sizes=\"(max-width: 576px) 280px, (max-width: 768px) 360px, (max-width: 992px) 480px, 800px\"\n      fill\n    />\n  ) : (\n    <div className=\"absolute inset-0 flex h-full w-full items-center justify-center\">\n      <PlaceholderImage size={size === 'small' ? 16 : 24} />\n    </div>\n  );\n};\n\nexport { Thumbnail };\n"],"mappings":";;;;;;;AAmBA,MAAMA,aAAuC,EAC3C,WACA,QACA,OAAO,SACP,YACA,gBAAgB,OAChB,oBACA,WACA,eAAe,iBACX;CACJ,MAAM,eAAe,aAAa,SAAS,IAAI;AAE/C,QACE,oBAAC;EACC,WAAW,IACT,mLACA,WACA;GACE,kBAAkB;GAClB,iBAAiB,CAAC,cAAc,SAAS;GACzC,gBAAgB,SAAS;GACzB,aAAa,SAAS;GACtB,aAAa,SAAS;GACtB,aAAa,SAAS;GACtB,UAAU,SAAS;GACpB,CACF;EACD,eAAa;YAEb,oBAAC;GACC,OAAO;GACD;GACS;GACK;IACpB;GACQ;;AAIhB,MAAM,sBAAsB,EAC1B,OACA,MACA,eACA,yBAIyB;AACzB,QAAO,QACL,oBAAC;EACC,KAAK;EACL,KAAI;EACJ,WAAU;EACV,WAAW;EACX,UAAU;EACV,GAAK,qBAAqB,EAAE,eAAe,oBAAoB,GAAG,EAAE;EACpE,SAAS;EACT,OAAM;EACN;GACA,GAEF,oBAAC;EAAI,WAAU;YACb,oBAAC,oBAAiB,MAAM,SAAS,UAAU,KAAK,KAAM;GAClD"}
+{"version":3,"file":"index.js","names":["Thumbnail: React.FC<ThumbnailProps>"],"sources":["../../../src/components/thumbnail/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Image from 'next/image';\n\nimport { PlaceholderImage } from '@gfed-medusa/sf-lib-ui/icons/placeholder-image';\nimport { Container, clx } from '@medusajs/ui';\n\ntype ThumbnailProps = {\n  thumbnail?: string | null;\n  // TODO: Fix image typings\n  images?: any[] | null;\n  size?: 'small' | 'medium' | 'large' | 'full' | 'square';\n  isFeatured?: boolean;\n  imagePriority?: boolean;\n  imageFetchPriority?: 'auto' | 'high' | 'low';\n  className?: string;\n  'data-testid'?: string;\n};\n\nconst Thumbnail: React.FC<ThumbnailProps> = ({\n  thumbnail,\n  images,\n  size = 'small',\n  imagePriority = false,\n  imageFetchPriority,\n  className,\n  'data-testid': dataTestid,\n}) => {\n  const initialImage = thumbnail || images?.[0]?.url;\n\n  return (\n    <Container\n      className={clx(\n        'rounded-large bg-ui-bg-subtle shadow-elevation-card-rest group-hover:shadow-elevation-card-hover relative w-full overflow-hidden p-4 transition-shadow duration-150 ease-in-out',\n        className,\n        {\n          'aspect-[29/34]': size !== 'square',\n          'aspect-[1/1]': size === 'square',\n          'w-[180px]': size === 'small',\n          'w-[290px]': size === 'medium',\n          'w-[440px]': size === 'large',\n          'w-full': size === 'full',\n        }\n      )}\n      data-testid={dataTestid}\n    >\n      <ImageOrPlaceholder\n        image={initialImage}\n        size={size}\n        imagePriority={imagePriority}\n        imageFetchPriority={imageFetchPriority}\n      />\n    </Container>\n  );\n};\n\nconst ImageOrPlaceholder = ({\n  image,\n  size,\n  imagePriority,\n  imageFetchPriority,\n}: Pick<\n  ThumbnailProps,\n  'size' | 'imagePriority' | 'imageFetchPriority'\n> & { image?: string }) => {\n  return image ? (\n    <Image\n      src={image}\n      alt=\"Thumbnail\"\n      className=\"absolute inset-0 object-cover object-center\"\n      draggable={false}\n      priority={imagePriority}\n      {...(imageFetchPriority ? { fetchPriority: imageFetchPriority } : {})}\n      quality={40}\n      sizes=\"(max-width: 576px) 280px, (max-width: 768px) 360px, (max-width: 992px) 480px, 800px\"\n      fill\n    />\n  ) : (\n    <div className=\"absolute inset-0 flex h-full w-full items-center justify-center\">\n      <PlaceholderImage size={size === 'small' ? 16 : 24} />\n    </div>\n  );\n};\n\nexport { Thumbnail };\n"],"mappings":";;;;;;;AAmBA,MAAMA,aAAuC,EAC3C,WACA,QACA,OAAO,SACP,gBAAgB,OAChB,oBACA,WACA,eAAe,iBACX;CACJ,MAAM,eAAe,aAAa,SAAS,IAAI;AAE/C,QACE,oBAAC;EACC,WAAW,IACT,mLACA,WACA;GACE,kBAAkB,SAAS;GAC3B,gBAAgB,SAAS;GACzB,aAAa,SAAS;GACtB,aAAa,SAAS;GACtB,aAAa,SAAS;GACtB,UAAU,SAAS;GACpB,CACF;EACD,eAAa;YAEb,oBAAC;GACC,OAAO;GACD;GACS;GACK;IACpB;GACQ;;AAIhB,MAAM,sBAAsB,EAC1B,OACA,MACA,eACA,yBAIyB;AACzB,QAAO,QACL,oBAAC;EACC,KAAK;EACL,KAAI;EACJ,WAAU;EACV,WAAW;EACX,UAAU;EACV,GAAK,qBAAqB,EAAE,eAAe,oBAAoB,GAAG,EAAE;EACpE,SAAS;EACT,OAAM;EACN;GACA,GAEF,oBAAC;EAAI,WAAU;YACb,oBAAC,oBAAiB,MAAM,SAAS,UAAU,KAAK,KAAM;GAClD"}

package/dist/components/web-component/index.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+
+//#region src/components/web-component/index.d.ts
+type WebComponentProps<T extends string> = React.HTMLAttributes<HTMLElement> & {
+  tag: T;
+  children?: React.ReactNode;
+  'data-props'?: string;
+  slot?: string;
+};
+declare const WebComponent: <T extends string>(props: WebComponentProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
+//#endregion
+export { WebComponent };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/web-component/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/web-component/index.tsx"],"sourcesContent":[],"mappings":";;;KAEK,sCAAsC,KAAA,CAAM,eAAe;OACzD;EADF,QAAA,CAAA,EAEQ,KAAA,CAAM,SAFG;EAA0C,YAAA,CAAA,EAAA,MAAA;EAArB,IAAM,CAAA,EAAA,MAAA;CAC1C;AACY,cA4BN,YA5BM,EAAA,CAAA,UAAA,MAAA,CAAA,CAAA,KAAA,EA+BV,iBA/BU,CA+BQ,CA/BR,CAAA,GA+Ba,KAAA,CAAM,aA/BnB,CA+BiC,WA/BjC,CAAA,EAAA,GAgCd,KAAA,CAAM,YAhCQ,GAAA,IAAA"}

package/dist/components/web-component/index.js

@@ -0,0 +1,17 @@
+import React from "react";
+
+//#region src/components/web-component/index.tsx
+function WebComponentInner({ tag, children, "data-props": dataProps, slot, ...rest }, ref) {
+	return React.createElement(tag, {
+		...rest,
+		ref,
+		"data-props": dataProps,
+		suppressHydrationWarning: true,
+		slot
+	}, children);
+}
+const WebComponent = React.forwardRef(WebComponentInner);
+
+//#endregion
+export { WebComponent };
+//# sourceMappingURL=index.js.map

package/dist/components/web-component/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/web-component/index.tsx"],"sourcesContent":["import React from 'react';\n\ntype WebComponentProps<T extends string> = React.HTMLAttributes<HTMLElement> & {\n  tag: T;\n  children?: React.ReactNode;\n  'data-props'?: string;\n  slot?: string;\n};\n\nfunction WebComponentInner<T extends string>(\n  {\n    tag,\n    children,\n    'data-props': dataProps,\n    slot,\n    ...rest\n  }: WebComponentProps<T>,\n  ref: React.Ref<HTMLElement>\n) {\n  return React.createElement(\n    tag,\n    {\n      ...rest,\n      ref,\n      'data-props': dataProps,\n      suppressHydrationWarning: true,\n      slot,\n    },\n    children\n  );\n}\n\nexport const WebComponent = React.forwardRef(WebComponentInner) as <\n  T extends string,\n>(\n  props: WebComponentProps<T> & React.RefAttributes<HTMLElement>\n) => React.ReactElement | null;\n"],"mappings":";;;AASA,SAAS,kBACP,EACE,KACA,UACA,cAAc,WACd,MACA,GAAG,QAEL,KACA;AACA,QAAO,MAAM,cACX,KACA;EACE,GAAG;EACH;EACA,cAAc;EACd,0BAA0B;EAC1B;EACD,EACD,SACD;;AAGH,MAAa,eAAe,MAAM,WAAW,kBAAkB"}

package/dist/lib/context/apollo-context.d.ts

@@ -1,10 +1,10 @@
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/lib/context/apollo-context.d.ts
 declare function ApolloClientProvider({
   children
-}: PropsWithChildren): react_jsx_runtime0.JSX.Element;
+}: PropsWithChildren): react_jsx_runtime14.JSX.Element;
 //#endregion
 export { ApolloClientProvider };
 //# sourceMappingURL=apollo-context.d.ts.map

package/dist/lib/context/apollo-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"apollo-context.d.ts","names":[],"sources":["../../../src/lib/context/apollo-context.tsx"],"sourcesContent":[],"mappings":";;;;iBAQS,oBAAA;;GAAmC,oBAAiB,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"apollo-context.d.ts","names":[],"sources":["../../../src/lib/context/apollo-context.tsx"],"sourcesContent":[],"mappings":";;;;iBAQS,oBAAA;;GAAmC,oBAAiB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/lib/context/modal-context.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/lib/context/modal-context.d.ts
 interface ModalContext {
@@ -13,7 +13,7 @@ interface ModalProviderProps {
 declare const ModalProvider: ({
   children,
   close
-}: ModalProviderProps) => react_jsx_runtime1.JSX.Element;
+}: ModalProviderProps) => react_jsx_runtime11.JSX.Element;
 declare const useModal: () => ModalContext;
 //#endregion
 export { ModalProvider, useModal };

package/dist/lib/context/modal-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-context.d.ts","names":[],"sources":["../../../src/lib/context/modal-context.tsx"],"sourcesContent":[],"mappings":";;;;UAIU,YAAA;;;AAF+C,cAMnD,YAJgB,EAIJ,KAAA,CAAA,OAJI,CAIJ,YAJI,GAAA,IAAA,CAAA;AAAA,UAMZ,kBAAA,CAFmD;EAEnD,QAAA,CAAA,EACG,KAAA,CAAM,SADS;EAKtB,KAAA,EAAA,GAAA,GAAA,IAUL;;cAVK,aAAiB,EAAA,CAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAAqB,kBAArB,EAAA,GAAuC,kBAAA,CAAA,GAAA,CAAA,OAAvC;cAYjB,QAZsC,EAAA,GAAA,GAY9B,YAZ8B"}
+{"version":3,"file":"modal-context.d.ts","names":[],"sources":["../../../src/lib/context/modal-context.tsx"],"sourcesContent":[],"mappings":";;;;UAIU,YAAA;;;AAF+C,cAMnD,YAJgB,EAIJ,KAAA,CAAA,OAJI,CAIJ,YAJI,GAAA,IAAA,CAAA;AAAA,UAMZ,kBAAA,CAFmD;EAEnD,QAAA,CAAA,EACG,KAAA,CAAM,SADS;EAKtB,KAAA,EAAA,GAAA,GAAA,IAUL;;cAVK,aAAiB,EAAA,CAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAAqB,kBAArB,EAAA,GAAuC,mBAAA,CAAA,GAAA,CAAA,OAAvC;cAYjB,QAZsC,EAAA,GAAA,GAY9B,YAZ8B"}

package/dist/lib/data/context.d.ts

@@ -1,6 +1,6 @@
 import { useStorefrontActions } from "./client-actions.js";
 import { ReactNode } from "react";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/lib/data/context.d.ts
 interface StorefrontContext {
@@ -15,7 +15,7 @@ interface StorefrontProviderProps {
 declare const StorefrontProvider: ({
   children,
   value
-}: StorefrontProviderProps) => react_jsx_runtime6.JSX.Element;
+}: StorefrontProviderProps) => react_jsx_runtime15.JSX.Element;
 declare const useStorefrontContext: () => StorefrontContext;
 //#endregion
 export { StorefrontContext, StorefrontProvider, useStorefrontActions, useStorefrontContext };

package/dist/lib/data/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/lib/data/context.tsx"],"sourcesContent":[],"mappings":";;;;;UAMiB,iBAAA;;;;AAAjB;AAIC,UAwBS,uBAAA,CAAuB;EAKpB,QAAA,EAJD,SAIC;EAAsB,KAAA,CAAA,EAHzB,iBAGyB;;AAGhC,cAHU,kBAGV,EAAA,CAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAAA,uBAAA,EAAA,GAAuB,kBAAA,CAAA,GAAA,CAAA,OAAvB;AAAuB,cAwBb,oBAxBa,EAAA,GAAA,GAwBO,iBAxBP"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/lib/data/context.tsx"],"sourcesContent":[],"mappings":";;;;;UAMiB,iBAAA;;;;AAAjB;AAIC,UAwBS,uBAAA,CAAuB;EAKpB,QAAA,EAJD,SAIC;EAAsB,KAAA,CAAA,EAHzB,iBAGyB;;AAGhC,cAHU,kBAGV,EAAA,CAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAAA,uBAAA,EAAA,GAAuB,mBAAA,CAAA,GAAA,CAAA,OAAvB;AAAuB,cAwBb,oBAxBa,EAAA,GAAA,GAwBO,iBAxBP"}

package/dist/lib/gql/fragments/cart.d.ts

@@ -1,14 +1,14 @@
-import * as _apollo_client0 from "@apollo/client";
+import * as _apollo_client4 from "@apollo/client";
 
 //#region src/lib/gql/fragments/cart.d.ts
-declare const LINE_ITEM_FRAGMENT: _apollo_client0.DocumentNode;
-declare const COUNTRY_FRAGMENT: _apollo_client0.DocumentNode;
-declare const REGION_FRAGMENT: _apollo_client0.DocumentNode;
-declare const SHIPPING_METHODS_FRAGMENT: _apollo_client0.DocumentNode;
-declare const PAYMENT_COLLECTION_FRAGMENT: _apollo_client0.DocumentNode;
-declare const ADDRESS_FRAGMENT: _apollo_client0.DocumentNode;
-declare const PROMOTION_FRAGMENT: _apollo_client0.DocumentNode;
-declare const CART_FRAGMENT: _apollo_client0.DocumentNode;
+declare const LINE_ITEM_FRAGMENT: _apollo_client4.DocumentNode;
+declare const COUNTRY_FRAGMENT: _apollo_client4.DocumentNode;
+declare const REGION_FRAGMENT: _apollo_client4.DocumentNode;
+declare const SHIPPING_METHODS_FRAGMENT: _apollo_client4.DocumentNode;
+declare const PAYMENT_COLLECTION_FRAGMENT: _apollo_client4.DocumentNode;
+declare const ADDRESS_FRAGMENT: _apollo_client4.DocumentNode;
+declare const PROMOTION_FRAGMENT: _apollo_client4.DocumentNode;
+declare const CART_FRAGMENT: _apollo_client4.DocumentNode;
 //#endregion
 export { ADDRESS_FRAGMENT, CART_FRAGMENT, COUNTRY_FRAGMENT, LINE_ITEM_FRAGMENT, PAYMENT_COLLECTION_FRAGMENT, PROMOTION_FRAGMENT, REGION_FRAGMENT, SHIPPING_METHODS_FRAGMENT };
 //# sourceMappingURL=cart.d.ts.map

package/dist/lib/gql/fragments/customer.d.ts

@@ -1,8 +1,8 @@
-import * as _apollo_client10 from "@apollo/client";
+import * as _apollo_client0 from "@apollo/client";
 
 //#region src/lib/gql/fragments/customer.d.ts
-declare const CUSTOMER_ADDRESS_FRAGMENT: _apollo_client10.DocumentNode;
-declare const CUSTOMER_FRAGMENT: _apollo_client10.DocumentNode;
+declare const CUSTOMER_ADDRESS_FRAGMENT: _apollo_client0.DocumentNode;
+declare const CUSTOMER_FRAGMENT: _apollo_client0.DocumentNode;
 //#endregion
 export { CUSTOMER_ADDRESS_FRAGMENT, CUSTOMER_FRAGMENT };
 //# sourceMappingURL=customer.d.ts.map

package/dist/lib/gql/fragments/customer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"customer.d.ts","names":[],"sources":["../../../../src/lib/gql/fragments/customer.ts"],"sourcesContent":[],"mappings":";;;cAEa,2BAkBZ,gBAAA,CAlBqC;cAoBzB,mBAeZ,gBAAA,CAf6B"}
+{"version":3,"file":"customer.d.ts","names":[],"sources":["../../../../src/lib/gql/fragments/customer.ts"],"sourcesContent":[],"mappings":";;;cAEa,2BAkBZ,eAAA,CAlBqC;cAoBzB,mBAeZ,eAAA,CAf6B"}

package/dist/lib/gql/fragments/product.d.ts

@@ -1,13 +1,13 @@
-import * as _apollo_client24 from "@apollo/client";
+import * as _apollo_client12 from "@apollo/client";
 
 //#region src/lib/gql/fragments/product.d.ts
-declare const PRICE_FRAGMENT: _apollo_client24.DocumentNode;
-declare const PRODUCT_VARIANT_FRAGMENT: _apollo_client24.DocumentNode;
-declare const PRODUCT_CATEGORY_FRAGMENT: _apollo_client24.DocumentNode;
-declare const PRODUCT_COLLECTION_FRAGMENT: _apollo_client24.DocumentNode;
-declare const PRODUCT_IMAGE_FRAGMENT: _apollo_client24.DocumentNode;
-declare const COLLECTION_PRODUCTS_FRAGMENT: _apollo_client24.DocumentNode;
-declare const COLLECTION_PRODUCTS_HOME_FRAGMENT: _apollo_client24.DocumentNode;
+declare const PRICE_FRAGMENT: _apollo_client12.DocumentNode;
+declare const PRODUCT_VARIANT_FRAGMENT: _apollo_client12.DocumentNode;
+declare const PRODUCT_CATEGORY_FRAGMENT: _apollo_client12.DocumentNode;
+declare const PRODUCT_COLLECTION_FRAGMENT: _apollo_client12.DocumentNode;
+declare const PRODUCT_IMAGE_FRAGMENT: _apollo_client12.DocumentNode;
+declare const COLLECTION_PRODUCTS_FRAGMENT: _apollo_client12.DocumentNode;
+declare const COLLECTION_PRODUCTS_HOME_FRAGMENT: _apollo_client12.DocumentNode;
 //#endregion
 export { COLLECTION_PRODUCTS_FRAGMENT, COLLECTION_PRODUCTS_HOME_FRAGMENT, PRICE_FRAGMENT, PRODUCT_CATEGORY_FRAGMENT, PRODUCT_COLLECTION_FRAGMENT, PRODUCT_IMAGE_FRAGMENT, PRODUCT_VARIANT_FRAGMENT };
 //# sourceMappingURL=product.d.ts.map

package/dist/lib/gql/mutations/cart.d.ts

@@ -1,11 +1,11 @@
-import * as _apollo_client12 from "@apollo/client";
+import * as _apollo_client19 from "@apollo/client";
 
 //#region src/lib/gql/mutations/cart.d.ts
-declare const CREATE_CART_MUTATION: _apollo_client12.DocumentNode;
-declare const CREATE_LINE_ITEM_MUTATION: _apollo_client12.DocumentNode;
-declare const UPDATE_CART_MUTATION: _apollo_client12.DocumentNode;
-declare const DELETE_LINE_ITEM_MUTATION: _apollo_client12.DocumentNode;
-declare const TRANSFER_CART_MUTATION: _apollo_client12.DocumentNode;
+declare const CREATE_CART_MUTATION: _apollo_client19.DocumentNode;
+declare const CREATE_LINE_ITEM_MUTATION: _apollo_client19.DocumentNode;
+declare const UPDATE_CART_MUTATION: _apollo_client19.DocumentNode;
+declare const DELETE_LINE_ITEM_MUTATION: _apollo_client19.DocumentNode;
+declare const TRANSFER_CART_MUTATION: _apollo_client19.DocumentNode;
 //#endregion
 export { CREATE_CART_MUTATION, CREATE_LINE_ITEM_MUTATION, DELETE_LINE_ITEM_MUTATION, TRANSFER_CART_MUTATION, UPDATE_CART_MUTATION };
 //# sourceMappingURL=cart.d.ts.map

package/dist/lib/gql/queries/cart-summary.d.ts

@@ -0,0 +1,7 @@
+import * as _apollo_client24 from "@apollo/client";
+
+//#region src/lib/gql/queries/cart-summary.d.ts
+declare const GET_CART_ITEM_COUNT_QUERY: _apollo_client24.DocumentNode;
+//#endregion
+export { GET_CART_ITEM_COUNT_QUERY };
+//# sourceMappingURL=cart-summary.d.ts.map

package/dist/lib/gql/queries/cart-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-summary.d.ts","names":[],"sources":["../../../../src/lib/gql/queries/cart-summary.ts"],"sourcesContent":[],"mappings":";;;cAEa,2BAQZ,gBAAA,CARqC"}

package/dist/lib/gql/queries/cart-summary.js

@@ -0,0 +1,16 @@
+import { gql } from "@apollo/client";
+
+//#region src/lib/gql/queries/cart-summary.ts
+const GET_CART_ITEM_COUNT_QUERY = gql`
+  query GetCartItemCount($id: ID!) {
+    cart(id: $id) {
+      items {
+        quantity
+      }
+    }
+  }
+`;
+
+//#endregion
+export { GET_CART_ITEM_COUNT_QUERY };
+//# sourceMappingURL=cart-summary.js.map

package/dist/lib/gql/queries/cart-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-summary.js","names":[],"sources":["../../../../src/lib/gql/queries/cart-summary.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nexport const GET_CART_ITEM_COUNT_QUERY = gql`\n  query GetCartItemCount($id: ID!) {\n    cart(id: $id) {\n      items {\n        quantity\n      }\n    }\n  }\n`;\n"],"mappings":";;;AAEA,MAAa,4BAA4B,GAAG"}

package/dist/lib/gql/queries/cart.d.ts

@@ -1,7 +1,7 @@
-import * as _apollo_client23 from "@apollo/client";
+import * as _apollo_client25 from "@apollo/client";
 
 //#region src/lib/gql/queries/cart.d.ts
-declare const GET_CART_QUERY: _apollo_client23.DocumentNode;
+declare const GET_CART_QUERY: _apollo_client25.DocumentNode;
 //#endregion
 export { GET_CART_QUERY };
 //# sourceMappingURL=cart.d.ts.map

package/dist/lib/gql/queries/collections.d.ts

@@ -1,8 +1,8 @@
-import * as _apollo_client17 from "@apollo/client";
+import * as _apollo_client2 from "@apollo/client";
 
 //#region src/lib/gql/queries/collections.d.ts
-declare const GET_COLLECTIONS_QUERY: _apollo_client17.DocumentNode;
-declare const GET_COLLECTIONS_HOME_QUERY: _apollo_client17.DocumentNode;
+declare const GET_COLLECTIONS_QUERY: _apollo_client2.DocumentNode;
+declare const GET_COLLECTIONS_HOME_QUERY: _apollo_client2.DocumentNode;
 //#endregion
 export { GET_COLLECTIONS_HOME_QUERY, GET_COLLECTIONS_QUERY };
 //# sourceMappingURL=collections.d.ts.map