@gfed-medusa/sf-lib-common 3.7.3 → 3.8.0

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime16 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_runtime16.JSX.Element;
 //#endregion
 export { Breadcrumbs };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/breadcrumbs/index.tsx"],"sourcesContent":[],"mappings":";;;cAiBM,iBAAiB,eAErB,KAAA,CAAM;;;AAyCW,CAAA,CAAA,CAAA;AA3CU,UAQnB,gBAAA,CAAgB;EA+BjB,aAAA,CAAW,EAAA,MAAA,OA9BW,eA8BX;EAClB,QAAA,CAAA,EAAA,MAAA;EACA,aAAA,CAAA,EAAA,MAAA;;iBAFO,WAAA,CAIN;EAAA,aAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAAA,gBAAA,CAAA,EAAgB,kBAAA,CAAA,GAAA,CAAA,OAAhB"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/breadcrumbs/index.tsx"],"sourcesContent":[],"mappings":";;;cAiBM,iBAAiB,eAErB,KAAA,CAAM;;;AAyCW,CAAA,CAAA,CAAA;AA3CU,UAQnB,gBAAA,CAAgB;EA+BjB,aAAA,CAAW,EAAA,MAAA,OA9BW,eA8BX;EAClB,QAAA,CAAA,EAAA,MAAA;EACA,aAAA,CAAA,EAAA,MAAA;;iBAFO,WAAA,CAIN;EAAA,aAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAAA,gBAAA,CAAA,EAAgB,mBAAA,CAAA,GAAA,CAAA,OAAhB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/cart-mismatch-banner/index.tsx"],"sourcesContent":[],"mappings":";;;;iBAYS,kBAAA;YAAsC;EAAtC,IAAA,EAAsD,IAAtD;CAAsC,CAAA,EAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAtB,SAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/cart-mismatch-banner/index.tsx"],"sourcesContent":[],"mappings":";;;;iBAYS,kBAAA;YAAsC;EAAtC,IAAA,EAAsD,IAAtD;CAAsC,CAAA,EAAsB,mBAAA,CAAA,GAAA,CAAA,OAAA,GAAtB,SAAA"}

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime2 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_runtime2.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/device-id-setter/index.d.ts

@@ -0,0 +1,5 @@
+//#region src/components/device-id-setter/index.d.ts
+declare function DeviceIdSetter(): null;
+//#endregion
+export { DeviceIdSetter };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/device-id-setter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/device-id-setter/index.tsx"],"sourcesContent":[],"mappings":";iBAMgB,cAAA,CAAA"}

package/dist/components/device-id-setter/index.js

@@ -0,0 +1,16 @@
+'use client';
+
+import { getDeviceId } from "../../lib/personalization/device-id.js";
+import { useEffect } from "react";
+
+//#region src/components/device-id-setter/index.tsx
+function DeviceIdSetter() {
+	useEffect(() => {
+		getDeviceId();
+	}, []);
+	return null;
+}
+
+//#endregion
+export { DeviceIdSetter };
+//# sourceMappingURL=index.js.map

package/dist/components/device-id-setter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/device-id-setter/index.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\n\nimport { getDeviceId } from '@/lib/personalization/device-id';\n\nexport function DeviceIdSetter() {\n  useEffect(() => {\n    getDeviceId();\n  }, []);\n\n  return null;\n}\n"],"mappings":";;;;;;AAMA,SAAgB,iBAAiB;AAC/B,iBAAgB;AACd,eAAa;IACZ,EAAE,CAAC;AAEN,QAAO"}

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime10 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_runtime3.JSX.Element | null;
+}) => react_jsx_runtime10.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_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime11 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_runtime15.JSX.Element | undefined;
+}): react_jsx_runtime11.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_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime15 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_runtime11.JSX.Element;
+}: InteractiveLinkProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { InteractiveLink };
 //# sourceMappingURL=index.d.ts.map

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_runtime14 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_runtime14.JSX.Element;
 //#endregion
 export { LineItemOptions };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,5 +1,5 @@
 import { AnchorHTMLAttributes, DetailedHTMLProps } from "react";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime0 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_runtime4.JSX.Element;
+}: LocalizedClientLinkProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { LocalizedClientLink };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime1 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_runtime5.JSX.Element;
+  }: ModalProps): react_jsx_runtime1.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,QAKH,GAAA,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"}
+{"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/personalized-content/components/hero-banner.d.ts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime9 from "react/jsx-runtime";
+
+//#region src/components/personalized-content/components/hero-banner.d.ts
+interface HeroBannerProps {
+  headline?: string;
+  subheadline?: string;
+  image?: {
+    asset?: {
+      url?: string;
+    };
+  } | string;
+  imageUrl?: string;
+  cta?: {
+    label?: string;
+    href?: string;
+  };
+  badge?: string;
+  backgroundColor?: string;
+}
+declare function HeroBanner({
+  headline,
+  subheadline,
+  image,
+  imageUrl,
+  cta,
+  badge,
+  backgroundColor
+}: HeroBannerProps): react_jsx_runtime9.JSX.Element | null;
+//#endregion
+export { HeroBanner };
+//# sourceMappingURL=hero-banner.d.ts.map

package/dist/components/personalized-content/components/hero-banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero-banner.d.ts","names":[],"sources":["../../../../src/components/personalized-content/components/hero-banner.tsx"],"sourcesContent":[],"mappings":";;;UAOU,eAAA;;;EAAA,KAAA,CAAA,EAAA;IAmCM,KAAA,CAAA,EAAA;MAAa,GAAA,CAAA,EAAA,MAAA;IAAU,CAAA;EAAa,CAAA,GAAA,MAAA;EAAO,QAAA,CAAA,EAAA,MAAA;EAAU,GAAA,CAAA,EAAA;IAAK,KAAA,CAAA,EAAA,MAAA;IAAO,IAAA,CAAA,EAAA,MAAA;EAAmB,CAAA;EAAe,KAAA,CAAA,EAAA,MAAA;EAAA,eAAA,CAAA,EAAA,MAAA;;iBAAnG,UAAA;;;;;;;;GAAoF,kBAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/personalized-content/components/hero-banner.js

@@ -0,0 +1,85 @@
+'use client';
+
+import { LocalizedClientLink } from "../../localized-client-link/index.js";
+import { getImageKitUrl } from "../../../lib/utils/imagekit.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Heading, Text } from "@medusajs/ui";
+
+//#region src/components/personalized-content/components/hero-banner.tsx
+function getImageUrl(image, imageUrl) {
+	if (imageUrl) return imageUrl;
+	if (!image) return void 0;
+	if (typeof image === "string") return image;
+	return image.asset?.url ?? void 0;
+}
+function CtaButton({ cta }) {
+	const button = /* @__PURE__ */ jsx(Button, {
+		variant: "primary",
+		children: cta.label
+	});
+	if (cta.href?.startsWith("http://") || cta.href?.startsWith("https://") || cta.href?.startsWith("//")) return /* @__PURE__ */ jsx("a", {
+		href: cta.href,
+		target: "_blank",
+		rel: "noreferrer",
+		children: button
+	});
+	return /* @__PURE__ */ jsx(LocalizedClientLink, {
+		href: cta.href,
+		children: button
+	});
+}
+function HeroBanner({ headline, subheadline, image, imageUrl, cta, badge, backgroundColor }) {
+	const bannerImage = getImageUrl(image, imageUrl);
+	if (!headline && !subheadline && !badge && !cta?.label) return null;
+	return /* @__PURE__ */ jsxs("section", {
+		className: "border-ui-border-base relative isolate overflow-hidden border-b",
+		children: [
+			bannerImage && /* @__PURE__ */ jsx("img", {
+				src: getImageKitUrl(bannerImage, {
+					width: 1920,
+					quality: 80
+				}),
+				alt: "",
+				"aria-hidden": "true",
+				fetchPriority: "high",
+				className: "absolute inset-0 h-full w-full object-cover"
+			}),
+			bannerImage && /* @__PURE__ */ jsx("div", {
+				className: "absolute inset-0 bg-gradient-to-t from-black/50 via-black/20 to-transparent",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "content-container relative flex min-h-[420px] flex-col justify-center py-10 md:min-h-[540px]",
+				style: backgroundColor && !bannerImage ? { backgroundColor } : void 0,
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "w-full max-w-2xl pt-8 text-left md:pt-14",
+					children: [
+						badge && /* @__PURE__ */ jsx(Text, {
+							as: "span",
+							size: "xsmall",
+							className: "text-ui-fg-muted block font-medium uppercase tracking-[0.3em]",
+							children: badge
+						}),
+						headline && /* @__PURE__ */ jsx(Heading, {
+							level: "h1",
+							className: "text-ui-fg-base mt-2 text-3xl font-normal leading-tight md:text-4xl",
+							children: headline
+						}),
+						subheadline && /* @__PURE__ */ jsx(Text, {
+							className: "text-ui-fg-subtle mt-2 max-w-xl text-base leading-7",
+							children: subheadline
+						}),
+						cta?.label && cta?.href && /* @__PURE__ */ jsx("div", {
+							className: "mt-6",
+							children: /* @__PURE__ */ jsx(CtaButton, { cta })
+						})
+					]
+				})
+			})
+		]
+	});
+}
+
+//#endregion
+export { HeroBanner };
+//# sourceMappingURL=hero-banner.js.map

package/dist/components/personalized-content/components/hero-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero-banner.js","names":[],"sources":["../../../../src/components/personalized-content/components/hero-banner.tsx"],"sourcesContent":["'use client';\n\nimport { Button, Heading, Text } from '@medusajs/ui';\n\nimport { getImageKitUrl } from '../../../lib/utils/imagekit';\nimport { LocalizedClientLink } from '../../localized-client-link';\n\ninterface HeroBannerProps {\n  headline?: string;\n  subheadline?: string;\n  image?: { asset?: { url?: string } } | string;\n  imageUrl?: string;\n  cta?: { label?: string; href?: string };\n  badge?: string;\n  backgroundColor?: string;\n}\n\nfunction getImageUrl(image: HeroBannerProps['image'], imageUrl?: string): string | undefined {\n  if (imageUrl) return imageUrl;\n  if (!image) return undefined;\n  if (typeof image === 'string') return image;\n  return image.asset?.url ?? undefined;\n}\n\nfunction CtaButton({ cta }: { cta: NonNullable<HeroBannerProps['cta']> }) {\n  const button = <Button variant=\"primary\">{cta.label}</Button>;\n  const isExternal =\n    cta.href?.startsWith('http://') ||\n    cta.href?.startsWith('https://') ||\n    cta.href?.startsWith('//');\n\n  if (isExternal) {\n    return (\n      <a href={cta.href} target=\"_blank\" rel=\"noreferrer\">\n        {button}\n      </a>\n    );\n  }\n\n  return <LocalizedClientLink href={cta.href!}>{button}</LocalizedClientLink>;\n}\n\nexport function HeroBanner({ headline, subheadline, image, imageUrl, cta, badge, backgroundColor }: HeroBannerProps) {\n  const bannerImage = getImageUrl(image, imageUrl);\n\n  if (!headline && !subheadline && !badge && !cta?.label) return null;\n\n  return (\n    <section className=\"border-ui-border-base relative isolate overflow-hidden border-b\">\n      {bannerImage && (\n        <img\n          src={getImageKitUrl(bannerImage, { width: 1920, quality: 80 })}\n          alt=\"\"\n          aria-hidden=\"true\"\n          fetchPriority=\"high\"\n          className=\"absolute inset-0 h-full w-full object-cover\"\n        />\n      )}\n      {bannerImage && (\n        <div className=\"absolute inset-0 bg-gradient-to-t from-black/50 via-black/20 to-transparent\" aria-hidden=\"true\" />\n      )}\n      <div\n        className=\"content-container relative flex min-h-[420px] flex-col justify-center py-10 md:min-h-[540px]\"\n        style={backgroundColor && !bannerImage ? { backgroundColor } : undefined}\n      >\n        <div className=\"w-full max-w-2xl pt-8 text-left md:pt-14\">\n          {badge && (\n            <Text\n              as=\"span\"\n              size=\"xsmall\"\n              className=\"text-ui-fg-muted block font-medium uppercase tracking-[0.3em]\"\n            >\n              {badge}\n            </Text>\n          )}\n          {headline && (\n            <Heading level=\"h1\" className=\"text-ui-fg-base mt-2 text-3xl font-normal leading-tight md:text-4xl\">\n              {headline}\n            </Heading>\n          )}\n          {subheadline && (\n            <Text className=\"text-ui-fg-subtle mt-2 max-w-xl text-base leading-7\">\n              {subheadline}\n            </Text>\n          )}\n          {cta?.label && cta?.href && (\n            <div className=\"mt-6\">\n              <CtaButton cta={cta as NonNullable<HeroBannerProps['cta']>} />\n            </div>\n          )}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;AAiBA,SAAS,YAAY,OAAiC,UAAuC;AAC3F,KAAI,SAAU,QAAO;AACrB,KAAI,CAAC,MAAO,QAAO;AACnB,KAAI,OAAO,UAAU,SAAU,QAAO;AACtC,QAAO,MAAM,OAAO,OAAO;;AAG7B,SAAS,UAAU,EAAE,OAAqD;CACxE,MAAM,SAAS,oBAAC;EAAO,SAAQ;YAAW,IAAI;GAAe;AAM7D,KAJE,IAAI,MAAM,WAAW,UAAU,IAC/B,IAAI,MAAM,WAAW,WAAW,IAChC,IAAI,MAAM,WAAW,KAAK,CAG1B,QACE,oBAAC;EAAE,MAAM,IAAI;EAAM,QAAO;EAAS,KAAI;YACpC;GACC;AAIR,QAAO,oBAAC;EAAoB,MAAM,IAAI;YAAQ;GAA6B;;AAG7E,SAAgB,WAAW,EAAE,UAAU,aAAa,OAAO,UAAU,KAAK,OAAO,mBAAoC;CACnH,MAAM,cAAc,YAAY,OAAO,SAAS;AAEhD,KAAI,CAAC,YAAY,CAAC,eAAe,CAAC,SAAS,CAAC,KAAK,MAAO,QAAO;AAE/D,QACE,qBAAC;EAAQ,WAAU;;GAChB,eACC,oBAAC;IACC,KAAK,eAAe,aAAa;KAAE,OAAO;KAAM,SAAS;KAAI,CAAC;IAC9D,KAAI;IACJ,eAAY;IACZ,eAAc;IACd,WAAU;KACV;GAEH,eACC,oBAAC;IAAI,WAAU;IAA8E,eAAY;KAAS;GAEpH,oBAAC;IACC,WAAU;IACV,OAAO,mBAAmB,CAAC,cAAc,EAAE,iBAAiB,GAAG;cAE/D,qBAAC;KAAI,WAAU;;MACZ,SACC,oBAAC;OACC,IAAG;OACH,MAAK;OACL,WAAU;iBAET;QACI;MAER,YACC,oBAAC;OAAQ,OAAM;OAAK,WAAU;iBAC3B;QACO;MAEX,eACC,oBAAC;OAAK,WAAU;iBACb;QACI;MAER,KAAK,SAAS,KAAK,QAClB,oBAAC;OAAI,WAAU;iBACb,oBAAC,aAAe,MAA8C;QAC1D;;MAEJ;KACF;;GACE"}

package/dist/components/personalized-content/components/index.d.ts

@@ -0,0 +1,2 @@
+import { HeroBanner } from "./hero-banner.js";
+export { HeroBanner };

package/dist/components/personalized-content/components/index.js

@@ -0,0 +1,3 @@
+import { HeroBanner } from "./hero-banner.js";
+
+export { HeroBanner };

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

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

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime3 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_runtime9.JSX.Element;
+}: ProductCardProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { ProductCard };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,20 +1,18 @@
 import { Product } 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/product-preview/index.d.ts
 type ProductPreviewProduct = Pick<Product, 'id' | 'title' | 'handle' | 'thumbnail' | 'images' | 'variants'>;
 type ProductPreviewProps = {
   product: ProductPreviewProduct;
   isFeatured?: boolean;
-  imagePriority?: boolean;
   imageFetchPriority?: 'auto' | 'high' | 'low';
 };
 declare function ProductPreview({
   product,
   isFeatured,
-  imagePriority,
   imageFetchPriority
-}: ProductPreviewProps): react_jsx_runtime7.JSX.Element;
+}: ProductPreviewProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { ProductPreview, ProductPreviewProduct, ProductPreviewProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/product-preview/index.tsx"],"sourcesContent":[],"mappings":";;;;KASY,qBAAA,GAAwB,KAClC;KAIU,mBAAA;WACD;EANC,UAAA,CAAA,EAAA,OAAA;EAKA,aAAA,CAAA,EAAA,OAAmB;EAOtB,kBAAc,CAAA,EAAA,MAAA,GAAA,MAAA,GAAA,KAAA;CACrB;iBADO,cAAA,CAEP;EAAA,OAAA;EAAA,UAAA;EAAA,aAAA;EAAA;AAAA,CAAA,EAGC,mBAHD,CAAA,EAGoB,kBAAA,CAAA,GAAA,CAAA,OAHpB"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/product-preview/index.tsx"],"sourcesContent":[],"mappings":";;;;KASY,qBAAA,GAAwB,KAClC;KAIU,mBAAA;WACD;EANC,UAAA,CAAA,EAAA,OAAA;EAKA,kBAAA,CAAA,EAAA,MAAmB,GAAA,MACpB,GAAA,KAAA;AAGT,CAAA;iBAEO,cAAA,CACP;EAAA,OAAA;EAAA,UAAA;EAAA;AAAA,CAAA,EAGC,mBAHD,CAAA,EAGoB,kBAAA,CAAA,GAAA,CAAA,OAHpB"}

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

@@ -6,7 +6,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Text } from "@medusajs/ui";
 
 //#region src/components/product-preview/index.tsx
-function ProductPreview({ product, isFeatured, imagePriority = false, imageFetchPriority }) {
+function ProductPreview({ product, isFeatured, imageFetchPriority }) {
 	const { cheapestPrice } = getProductPrice({ product });
 	return /* @__PURE__ */ jsx(LocalizedClientLink, {
 		href: `/products/${product.handle}`,
@@ -18,7 +18,6 @@ function ProductPreview({ product, isFeatured, imagePriority = false, imageFetch
 				images: product.images,
 				size: "full",
 				isFeatured,
-				imagePriority,
 				imageFetchPriority
 			}), /* @__PURE__ */ jsxs("div", {
 				className: "txt-compact-medium mt-4 flex min-w-0 flex-col items-start gap-y-1 text-left",

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 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"}
+{"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  imageFetchPriority?: 'auto' | 'high' | 'low';\n};\n\nfunction ProductPreview({\n  product,\n  isFeatured,\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          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":";;;;;;;;AAoBA,SAAS,eAAe,EACtB,SACA,YACA,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;IACQ;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/submit-button/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/components/submit-button/index.d.ts
 declare function SubmitButton({
@@ -14,7 +14,7 @@ declare function SubmitButton({
   className?: string;
   'data-testid'?: string;
   isLoading?: boolean;
-}): react_jsx_runtime13.JSX.Element;
+}): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { SubmitButton };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/submit-button/index.tsx"],"sourcesContent":[],"mappings":";;;;iBAQS,YAAA;;;;iBAIQ;;;YAGL,KAAA,CAAM;;EAPT,SAAA,CAAA,EAAA,MAAY;EACnB,aAAA,CAAA,EAAA,MAAA;EACA,SAAA,CAAA,EAAA,OAAA;CACA,CAAA,EASD,mBAAA,CAAA,GAAA,CAAA,OATC"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/submit-button/index.tsx"],"sourcesContent":[],"mappings":";;;;iBAQS,YAAA;;;;iBAIQ;;;YAGL,KAAA,CAAM;;EAPT,SAAA,CAAA,EAAA,MAAY;EACnB,aAAA,CAAA,EAAA,MAAA;EACA,SAAA,CAAA,EAAA,OAAA;CACA,CAAA,EASD,kBAAA,CAAA,GAAA,CAAA,OATC"}

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

@@ -6,7 +6,6 @@ type ThumbnailProps = {
   images?: any[] | null;
   size?: 'small' | 'medium' | 'large' | 'full' | 'square';
   isFeatured?: boolean;
-  imagePriority?: boolean;
   imageFetchPriority?: 'auto' | 'high' | 'low';
   className?: string;
   'data-testid'?: string;

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,OAmCL,GAAA,QAnCyB,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":";;;KAMK,cAAA;;EAAA,MAAA,CAAA,EAAA,GAAA,EAAA,GAAc,IAAA;EAWb,IAAA,CAAA,EAAA,OAiCL,GAAA,QAjCyB,GAAA,OAAA,GAAA,MAAT,GAAM,QAAE;;;;;;cAAnB,WAAW,KAAA,CAAM,GAAG"}

package/dist/components/thumbnail/index.js

@@ -1,11 +1,11 @@
+import { getImageKitUrl } from "../../lib/utils/imagekit.js";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 import { Container, clx } from "@medusajs/ui";
-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", imagePriority = false, imageFetchPriority, className, "data-testid": dataTestid }) => {
+const Thumbnail = ({ thumbnail, images, size = "small", 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, {
@@ -20,22 +20,20 @@ const Thumbnail = ({ thumbnail, images, size = "small", imagePriority = false, i
 		children: /* @__PURE__ */ jsx(ImageOrPlaceholder, {
 			image: initialImage,
 			size,
-			imagePriority,
 			imageFetchPriority
 		})
 	});
 };
-const ImageOrPlaceholder = ({ image, size, imagePriority, imageFetchPriority }) => {
-	return image ? /* @__PURE__ */ jsx(Image, {
-		src: image,
+const ImageOrPlaceholder = ({ image, size, imageFetchPriority }) => {
+	return image ? /* @__PURE__ */ jsx("img", {
+		src: getImageKitUrl(image, {
+			width: 800,
+			quality: 40
+		}),
 		alt: "Thumbnail",
 		className: "absolute inset-0 object-cover object-center",
 		draggable: false,
-		priority: imagePriority,
-		...imageFetchPriority ? { fetchPriority: imageFetchPriority } : {},
-		quality: 40,
-		sizes: "(max-width: 576px) 280px, (max-width: 768px) 360px, (max-width: 992px) 480px, 800px",
-		fill: true
+		...imageFetchPriority ? { fetchPriority: imageFetchPriority } : {}
 	}) : /* @__PURE__ */ jsx("div", {
 		className: "absolute inset-0 flex h-full w-full items-center justify-center",
 		children: /* @__PURE__ */ jsx(PlaceholderImage, { size: size === "small" ? 16 : 24 })

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  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"}
+{"version":3,"file":"index.js","names":["Thumbnail: React.FC<ThumbnailProps>"],"sources":["../../../src/components/thumbnail/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getImageKitUrl } from '../../lib/utils/imagekit';\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  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  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        imageFetchPriority={imageFetchPriority}\n      />\n    </Container>\n  );\n};\n\nconst ImageOrPlaceholder = ({\n  image,\n  size,\n  imageFetchPriority,\n}: Pick<\n  ThumbnailProps,\n  'size' | 'imageFetchPriority'\n> & { image?: string }) => {\n  return image ? (\n    <img\n      src={getImageKitUrl(image, { width: 800, quality: 40 })}\n      alt=\"Thumbnail\"\n      className=\"absolute inset-0 object-cover object-center\"\n      draggable={false}\n      {...(imageFetchPriority ? { fetchPriority: imageFetchPriority } : {})}\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":";;;;;;;AAiBA,MAAMA,aAAuC,EAC3C,WACA,QACA,OAAO,SACP,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;GACc;IACpB;GACQ;;AAIhB,MAAM,sBAAsB,EAC1B,OACA,MACA,yBAIyB;AACzB,QAAO,QACL,oBAAC;EACC,KAAK,eAAe,OAAO;GAAE,OAAO;GAAK,SAAS;GAAI,CAAC;EACvD,KAAI;EACJ,WAAU;EACV,WAAW;EACX,GAAK,qBAAqB,EAAE,eAAe,oBAAoB,GAAG,EAAE;GACpE,GAEF,oBAAC;EAAI,WAAU;YACb,oBAAC,oBAAiB,MAAM,SAAS,UAAU,KAAK,KAAM;GAClD"}

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

@@ -1,10 +1,10 @@
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/lib/context/apollo-context.d.ts
 declare function ApolloClientProvider({
   children
-}: PropsWithChildren): react_jsx_runtime10.JSX.Element;
+}: PropsWithChildren): react_jsx_runtime6.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,mBAAA,CAAA,GAAA,CAAA"}
+{"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"}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime7 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_runtime8.JSX.Element;
+}: ModalProviderProps) => react_jsx_runtime7.JSX.Element;
 declare const useModal: () => ModalContext;
 //#endregion
 export { ModalProvider, useModal };

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_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime8 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_runtime14.JSX.Element;
+}: StorefrontProviderProps) => react_jsx_runtime8.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,mBAAA,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,kBAAA,CAAA,GAAA,CAAA,OAAvB;AAAuB,cAwBb,oBAxBa,EAAA,GAAA,GAwBO,iBAxBP"}