@gfed-medusa/sf-lib-common 1.1.0 → 2.0.0

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/components/interactive-link/index.d.ts
 type InteractiveLinkProps = {
@@ -11,7 +11,7 @@ declare const InteractiveLink: ({
   children,
   onClick,
   ...props
-}: InteractiveLinkProps) => react_jsx_runtime19.JSX.Element;
+}: InteractiveLinkProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { InteractiveLink };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/interactive-link/index.js

@@ -1,4 +1,4 @@
-import { t as LocalizedClientLink } from "../../localized-client-link-CthmRcvb.js";
+import { LocalizedClientLink } from "../localized-client-link/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Text } from "@medusajs/ui";
 import { ArrowUpRightMini } from "@medusajs/icons";

package/dist/components/layout-country-select/index.d.ts

@@ -1,6 +1,6 @@
-import { tr as Region } from "../../graphql-CdTGi4Pp.js";
-import { t as StateType } from "../../use-toggle-state-DI4Gwlfj.js";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import { Region } from "../../types/graphql.js";
+import { StateType } from "../../lib/hooks/use-toggle-state.js";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region src/components/layout-country-select/index.d.ts
 type CountrySelectProps = {
@@ -10,7 +10,7 @@ type CountrySelectProps = {
 declare const LayoutCountrySelect: ({
   toggleState,
   regions
-}: CountrySelectProps) => react_jsx_runtime20.JSX.Element;
+}: CountrySelectProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 export { LayoutCountrySelect };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/layout-country-select/index.js

@@ -1,14 +1,92 @@
 'use client';
 
-import "../../medusa-TumrpCF2.js";
-import "../../apollo-client-Bw50r80c.js";
-import "../../product-COu5D1mS.js";
-import "../../cart-BNoIGQmw.js";
-import "../../cart-IHaLnQC4.js";
-import "../../cart-DH8urwwT.js";
-import "../../cookies-lksVIe4_.js";
-import "../../regions-r1AvxfT8.js";
-import "../../cart-xkcyWLfU.js";
-import { t as LayoutCountrySelect } from "../../layout-country-select-C7Ra-opl.js";
+import { updateRegion } from "../../lib/data/cart.js";
+import { Fragment, useEffect, useMemo, useState } from "react";
+import { useParams, usePathname } from "next/navigation";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Listbox, ListboxButton, ListboxOption, ListboxOptions, Transition } from "@headlessui/react";
+import ReactCountryFlag from "react-country-flag";
 
-export { LayoutCountrySelect };
+//#region src/components/layout-country-select/index.tsx
+const LayoutCountrySelect = ({ toggleState, regions }) => {
+	const [current, setCurrent] = useState(void 0);
+	const { countryCode } = useParams();
+	const currentPath = usePathname().split(`/${countryCode}`)[1] ?? "gb";
+	const { state, close } = toggleState;
+	const options = useMemo(() => {
+		return regions.map((r) => {
+			return r.countries?.map((c) => ({
+				country: c?.iso2 ?? void 0,
+				region: r.id,
+				label: c?.name ?? void 0
+			}));
+		}).flat().sort((a, b) => (a?.label ?? "").localeCompare(b?.label ?? ""));
+	}, [regions]);
+	useEffect(() => {
+		if (countryCode) {
+			const option = options?.find((o) => o?.country === countryCode);
+			setCurrent(option);
+		}
+	}, [options, countryCode]);
+	const handleChange = (option) => {
+		updateRegion(option.country, currentPath);
+		close();
+	};
+	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Listbox, {
+		as: "span",
+		onChange: handleChange,
+		defaultValue: countryCode ? options?.find((o) => o?.country === countryCode) : void 0,
+		children: [/* @__PURE__ */ jsx(ListboxButton, {
+			className: "w-full py-1",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "txt-compact-small flex items-start gap-x-2",
+				children: [/* @__PURE__ */ jsx("span", { children: "Shipping to:" }), current && /* @__PURE__ */ jsxs("span", {
+					className: "txt-compact-small flex items-center gap-x-2",
+					children: [/* @__PURE__ */ jsx(ReactCountryFlag, {
+						svg: true,
+						style: {
+							width: "16px",
+							height: "16px"
+						},
+						countryCode: current.country ?? ""
+					}), current.label]
+				})]
+			})
+		}), /* @__PURE__ */ jsx("div", {
+			className: "relative flex w-full min-w-[320px]",
+			children: /* @__PURE__ */ jsx(Transition, {
+				show: state,
+				as: Fragment,
+				leave: "transition ease-in duration-150",
+				leaveFrom: "opacity-100",
+				leaveTo: "opacity-0",
+				children: /* @__PURE__ */ jsx(ListboxOptions, {
+					className: "text-small-regular no-scrollbar rounded-rounded xsmall:left-auto xsmall:right-0 absolute -bottom-[calc(100%-36px)] left-0 z-[900] max-h-[442px] w-full overflow-y-scroll bg-white text-black uppercase drop-shadow-md",
+					static: true,
+					children: options?.map((o, index) => {
+						return /* @__PURE__ */ jsxs(ListboxOption, {
+							value: o,
+							className: "flex cursor-pointer items-center gap-x-2 px-3 py-2 hover:bg-gray-200",
+							children: [
+								/* @__PURE__ */ jsx(ReactCountryFlag, {
+									svg: true,
+									style: {
+										width: "16px",
+										height: "16px"
+									},
+									countryCode: o?.country ?? ""
+								}),
+								" ",
+								o?.label
+							]
+						}, index);
+					})
+				})
+			})
+		})]
+	}) });
+};
+
+//#endregion
+export { LayoutCountrySelect };
+//# sourceMappingURL=index.js.map

package/dist/components/layout-country-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/layout-country-select/index.tsx"],"sourcesContent":["'use client';\n\nimport { Fragment, useEffect, useMemo, useState } from 'react';\n\nimport { useParams, usePathname } from 'next/navigation';\n\nimport ReactCountryFlag from 'react-country-flag';\n\nimport {\n  Listbox,\n  ListboxButton,\n  ListboxOption,\n  ListboxOptions,\n  Transition,\n} from '@headlessui/react';\n\nimport { updateRegion } from '@/lib/data/cart';\nimport { StateType } from '@/lib/hooks/use-toggle-state';\nimport { Region } from '@/types/graphql';\n\ntype CountryOption = {\n  country: string;\n  region: string;\n  label: string;\n};\n\ntype CountrySelectProps = {\n  toggleState: StateType;\n  regions: Region[];\n};\n\nconst LayoutCountrySelect = ({ toggleState, regions }: CountrySelectProps) => {\n  const [current, setCurrent] = useState<\n    | { country: string | undefined; region: string; label: string | undefined }\n    | undefined\n  >(undefined);\n\n  const { countryCode } = useParams();\n  const currentPath = usePathname().split(`/${countryCode}`)[1] ?? 'gb';\n\n  const { state, close } = toggleState;\n\n  const options = useMemo(() => {\n    return regions\n      .map((r) => {\n        return r.countries?.map((c) => ({\n          country: c?.iso2 ?? undefined,\n          region: r.id,\n          label: c?.name ?? undefined,\n        }));\n      })\n      .flat()\n      .sort((a, b) => (a?.label ?? '').localeCompare(b?.label ?? ''));\n  }, [regions]);\n\n  useEffect(() => {\n    if (countryCode) {\n      const option = options?.find((o) => o?.country === countryCode);\n      setCurrent(option);\n    }\n  }, [options, countryCode]);\n\n  const handleChange = (option: CountryOption) => {\n    updateRegion(option.country, currentPath);\n    close();\n  };\n\n  return (\n    <div>\n      <Listbox\n        as=\"span\"\n        onChange={handleChange}\n        defaultValue={\n          countryCode\n            ? options?.find(\n                (o): o is CountryOption => o?.country === countryCode\n              )\n            : undefined\n        }\n      >\n        <ListboxButton className=\"w-full py-1\">\n          <div className=\"txt-compact-small flex items-start gap-x-2\">\n            <span>Shipping to:</span>\n            {current && (\n              <span className=\"txt-compact-small flex items-center gap-x-2\">\n                {/* @ts-ignore */}\n                <ReactCountryFlag\n                  svg\n                  style={{\n                    width: '16px',\n                    height: '16px',\n                  }}\n                  countryCode={current.country ?? ''}\n                />\n                {current.label}\n              </span>\n            )}\n          </div>\n        </ListboxButton>\n        <div className=\"relative flex w-full min-w-[320px]\">\n          <Transition\n            show={state}\n            as={Fragment}\n            leave=\"transition ease-in duration-150\"\n            leaveFrom=\"opacity-100\"\n            leaveTo=\"opacity-0\"\n          >\n            <ListboxOptions\n              className=\"text-small-regular no-scrollbar rounded-rounded xsmall:left-auto xsmall:right-0 absolute -bottom-[calc(100%-36px)] left-0 z-[900] max-h-[442px] w-full overflow-y-scroll bg-white text-black uppercase drop-shadow-md\"\n              static\n            >\n              {options?.map((o, index) => {\n                return (\n                  <ListboxOption\n                    key={index}\n                    value={o}\n                    className=\"flex cursor-pointer items-center gap-x-2 px-3 py-2 hover:bg-gray-200\"\n                  >\n                    {/* @ts-ignore */}\n                    <ReactCountryFlag\n                      svg\n                      style={{\n                        width: '16px',\n                        height: '16px',\n                      }}\n                      countryCode={o?.country ?? ''}\n                    />{' '}\n                    {o?.label}\n                  </ListboxOption>\n                );\n              })}\n            </ListboxOptions>\n          </Transition>\n        </div>\n      </Listbox>\n    </div>\n  );\n};\n\nexport { LayoutCountrySelect };\n"],"mappings":";;;;;;;;;;AA+BA,MAAM,uBAAuB,EAAE,aAAa,cAAkC;CAC5E,MAAM,CAAC,SAAS,cAAc,SAG5B,OAAU;CAEZ,MAAM,EAAE,gBAAgB,WAAW;CACnC,MAAM,cAAc,aAAa,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM;CAEjE,MAAM,EAAE,OAAO,UAAU;CAEzB,MAAM,UAAU,cAAc;AAC5B,SAAO,QACJ,KAAK,MAAM;AACV,UAAO,EAAE,WAAW,KAAK,OAAO;IAC9B,SAAS,GAAG,QAAQ;IACpB,QAAQ,EAAE;IACV,OAAO,GAAG,QAAQ;IACnB,EAAE;IACH,CACD,MAAM,CACN,MAAM,GAAG,OAAO,GAAG,SAAS,IAAI,cAAc,GAAG,SAAS,GAAG,CAAC;IAChE,CAAC,QAAQ,CAAC;AAEb,iBAAgB;AACd,MAAI,aAAa;GACf,MAAM,SAAS,SAAS,MAAM,MAAM,GAAG,YAAY,YAAY;AAC/D,cAAW,OAAO;;IAEnB,CAAC,SAAS,YAAY,CAAC;CAE1B,MAAM,gBAAgB,WAA0B;AAC9C,eAAa,OAAO,SAAS,YAAY;AACzC,SAAO;;AAGT,QACE,oBAAC,mBACC,qBAAC;EACC,IAAG;EACH,UAAU;EACV,cACE,cACI,SAAS,MACN,MAA0B,GAAG,YAAY,YAC3C,GACD;aAGN,oBAAC;GAAc,WAAU;aACvB,qBAAC;IAAI,WAAU;eACb,oBAAC,oBAAK,iBAAmB,EACxB,WACC,qBAAC;KAAK,WAAU;gBAEd,oBAAC;MACC;MACA,OAAO;OACL,OAAO;OACP,QAAQ;OACT;MACD,aAAa,QAAQ,WAAW;OAChC,EACD,QAAQ;MACJ;KAEL;IACQ,EAChB,oBAAC;GAAI,WAAU;aACb,oBAAC;IACC,MAAM;IACN,IAAI;IACJ,OAAM;IACN,WAAU;IACV,SAAQ;cAER,oBAAC;KACC,WAAU;KACV;eAEC,SAAS,KAAK,GAAG,UAAU;AAC1B,aACE,qBAAC;OAEC,OAAO;OACP,WAAU;;QAGV,oBAAC;SACC;SACA,OAAO;UACL,OAAO;UACP,QAAQ;UACT;SACD,aAAa,GAAG,WAAW;UAC3B;QAAC;QACF,GAAG;;SAbC,MAcS;OAElB;MACa;KACN;IACT;GACE,GACN"}

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

@@ -1,5 +1,5 @@
-import { Kt as Maybe, zn as ProductVariant } from "../../graphql-CdTGi4Pp.js";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import { Maybe, ProductVariant } from "../../types/graphql.js";
+import * as react_jsx_runtime18 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_runtime10.JSX.Element;
+}: LineItemOptionsProps) => react_jsx_runtime18.JSX.Element;
 //#endregion
 export { LineItemOptions };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/line-item-options/index.js

@@ -1,3 +1,16 @@
-import { t as LineItemOptions } from "../../line-item-options-l_eRZIIq.js";
+import { jsxs } from "react/jsx-runtime";
+import { Text } from "@medusajs/ui";
 
-export { LineItemOptions };
+//#region src/components/line-item-options/index.tsx
+const LineItemOptions = ({ variant, "data-testid": dataTestid, "data-value": dataValue }) => {
+	return /* @__PURE__ */ jsxs(Text, {
+		"data-testid": dataTestid,
+		"data-value": dataValue,
+		className: "txt-medium text-ui-fg-subtle inline-block w-full overflow-hidden text-ellipsis",
+		children: ["Variant: ", variant?.title]
+	});
+};
+
+//#endregion
+export { LineItemOptions };
+//# sourceMappingURL=index.js.map

package/dist/components/line-item-options/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/line-item-options/index.tsx"],"sourcesContent":["import { Text } from '@medusajs/ui';\n\nimport { Maybe, ProductVariant } from '@/types/graphql';\n\ntype LineItemOptionsProps = {\n  variant?: Maybe<ProductVariant>;\n  'data-testid'?: string;\n  'data-value'?: Maybe<ProductVariant>;\n};\n\nconst LineItemOptions = ({\n  variant,\n  'data-testid': dataTestid,\n  'data-value': dataValue,\n}: LineItemOptionsProps) => {\n  return (\n    <Text\n      data-testid={dataTestid}\n      data-value={dataValue}\n      className=\"txt-medium text-ui-fg-subtle inline-block w-full overflow-hidden text-ellipsis\"\n    >\n      Variant: {variant?.title}\n    </Text>\n  );\n};\n\nexport { LineItemOptions };\n"],"mappings":";;;;AAUA,MAAM,mBAAmB,EACvB,SACA,eAAe,YACf,cAAc,gBACY;AAC1B,QACE,qBAAC;EACC,eAAa;EACb,cAAY;EACZ,WAAU;aACX,aACW,SAAS;GACd"}

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

@@ -1,5 +1,5 @@
-import { Nt as LineItem } from "../../graphql-CdTGi4Pp.js";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import { LineItem } from "../../types/graphql.js";
+import * as react_jsx_runtime20 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_runtime8.JSX.Element;
+}: LineItemPriceProps) => react_jsx_runtime20.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,kBAAA,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,mBAAA,CAAA,GAAA,CAAA,OAJE"}

package/dist/components/line-item-price/index.js

@@ -1,3 +1,47 @@
-import { t as LineItemPrice } from "../../line-item-price-BlTwskFC.js";
+import { convertToLocale } from "../../lib/utils/money.js";
+import { getPercentageDiff } from "../../lib/utils/get-percentage-diff.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { clx } from "@medusajs/ui";
 
-export { LineItemPrice };
+//#region src/components/line-item-price/index.tsx
+const LineItemPrice = ({ item, style = "default", currencyCode }) => {
+	const { total, originalTotal } = item;
+	const originalPrice = originalTotal;
+	const currentPrice = total;
+	const hasReducedPrice = currentPrice && originalPrice && currentPrice < originalPrice;
+	return /* @__PURE__ */ jsx("div", {
+		className: "text-ui-fg-subtle flex flex-col items-end gap-x-2",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "text-left",
+			children: [hasReducedPrice && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("p", { children: [style === "default" && /* @__PURE__ */ jsx("span", {
+				className: "text-ui-fg-subtle",
+				children: "Original: "
+			}), /* @__PURE__ */ jsx("span", {
+				className: "text-ui-fg-muted line-through",
+				"data-testid": "product-original-price",
+				children: convertToLocale({
+					amount: originalPrice,
+					currency_code: currencyCode
+				})
+			})] }), style === "default" && /* @__PURE__ */ jsxs("span", {
+				className: "text-ui-fg-interactive",
+				children: [
+					"-",
+					getPercentageDiff(originalPrice, currentPrice || 0),
+					"%"
+				]
+			})] }), /* @__PURE__ */ jsx("span", {
+				className: clx("text-base-regular", { "text-ui-fg-interactive": hasReducedPrice }),
+				"data-testid": "product-price",
+				children: convertToLocale({
+					amount: currentPrice ?? 0,
+					currency_code: currencyCode
+				})
+			})]
+		})
+	});
+};
+
+//#endregion
+export { LineItemPrice };
+//# sourceMappingURL=index.js.map

package/dist/components/line-item-price/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/line-item-price/index.tsx"],"sourcesContent":["import { clx } from '@medusajs/ui';\n\nimport { getPercentageDiff } from '@/lib/utils/get-percentage-diff';\nimport { convertToLocale } from '@/lib/utils/money';\nimport { LineItem } from '@/types/graphql';\n\ntype LineItemPriceProps = {\n  item: LineItem;\n  style?: 'default' | 'tight';\n  currencyCode: string;\n};\n\nconst LineItemPrice = ({\n  item,\n  style = 'default',\n  currencyCode,\n}: LineItemPriceProps) => {\n  const { total, originalTotal } = item;\n  const originalPrice = originalTotal;\n  const currentPrice = total;\n  const hasReducedPrice =\n    currentPrice && originalPrice && currentPrice < originalPrice;\n\n  return (\n    <div className=\"text-ui-fg-subtle flex flex-col items-end gap-x-2\">\n      <div className=\"text-left\">\n        {hasReducedPrice && (\n          <>\n            <p>\n              {style === 'default' && (\n                <span className=\"text-ui-fg-subtle\">Original: </span>\n              )}\n              <span\n                className=\"text-ui-fg-muted line-through\"\n                data-testid=\"product-original-price\"\n              >\n                {convertToLocale({\n                  amount: originalPrice,\n                  currency_code: currencyCode,\n                })}\n              </span>\n            </p>\n            {style === 'default' && (\n              <span className=\"text-ui-fg-interactive\">\n                -{getPercentageDiff(originalPrice, currentPrice || 0)}%\n              </span>\n            )}\n          </>\n        )}\n        <span\n          className={clx('text-base-regular', {\n            'text-ui-fg-interactive': hasReducedPrice,\n          })}\n          data-testid=\"product-price\"\n        >\n          {convertToLocale({\n            amount: currentPrice ?? 0,\n            currency_code: currencyCode,\n          })}\n        </span>\n      </div>\n    </div>\n  );\n};\n\nexport { LineItemPrice };\n"],"mappings":";;;;;;AAYA,MAAM,iBAAiB,EACrB,MACA,QAAQ,WACR,mBACwB;CACxB,MAAM,EAAE,OAAO,kBAAkB;CACjC,MAAM,gBAAgB;CACtB,MAAM,eAAe;CACrB,MAAM,kBACJ,gBAAgB,iBAAiB,eAAe;AAElD,QACE,oBAAC;EAAI,WAAU;YACb,qBAAC;GAAI,WAAU;cACZ,mBACC,4CACE,qBAAC,kBACE,UAAU,aACT,oBAAC;IAAK,WAAU;cAAoB;KAAiB,EAEvD,oBAAC;IACC,WAAU;IACV,eAAY;cAEX,gBAAgB;KACf,QAAQ;KACR,eAAe;KAChB,CAAC;KACG,IACL,EACH,UAAU,aACT,qBAAC;IAAK,WAAU;;KAAyB;KACrC,kBAAkB,eAAe,gBAAgB,EAAE;KAAC;;KACjD,IAER,EAEL,oBAAC;IACC,WAAW,IAAI,qBAAqB,EAClC,0BAA0B,iBAC3B,CAAC;IACF,eAAY;cAEX,gBAAgB;KACf,QAAQ,gBAAgB;KACxB,eAAe;KAChB,CAAC;KACG;IACH;GACF"}

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

@@ -1,24 +1,17 @@
-import React from "react";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import { AnchorHTMLAttributes, DetailedHTMLProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/localized-client-link/index.d.ts
-
+type LocalizedClientLinkProps = DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
 /**
- * Use this component to create a Next.js `<Link />` that persists the current country code in the url,
+ * Use this component to create an anchor link that persists the current country code in the url,
  * without having to explicitly pass it as a prop.
  */
 declare const LocalizedClientLink: ({
   children,
   href,
   ...props
-}: {
-  children?: React.ReactNode;
-  href: string;
-  className?: string;
-  onClick?: () => void;
-  passHref?: true;
-  [x: string]: any;
-}) => react_jsx_runtime21.JSX.Element;
+}: LocalizedClientLinkProps) => react_jsx_runtime0.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":";;;;;;;;AAE0B;cASpB,mBAAuB,EAAA,CAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;CAAA,EAAA;EAAA,QAAA,CAAA,EAKhB,KAAA,CAAM,SALU;EAKhB,IAAM,EAAA,MAAA;EAMlB,SAAA,CAAA,EAAA,MAAA;EAQA,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;;;MARA,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/localized-client-link/index.tsx"],"sourcesContent":[],"mappings":";;;;KAMK,wBAAA,GAA2B,kBAC9B,qBAAqB,oBACrB;;;AAN8D;;cAa1D,mBARJ,EAAA,CAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAYC,wBAZD,EAAA,GAYyB,kBAAA,CAAA,GAAA,CAAA,OAZzB"}

package/dist/components/localized-client-link/index.js

@@ -1,5 +1,22 @@
 'use client';
 
-import { t as LocalizedClientLink } from "../../localized-client-link-CthmRcvb.js";
+import { useParams } from "next/navigation";
+import { jsx } from "react/jsx-runtime";
 
-export { LocalizedClientLink };
+//#region src/components/localized-client-link/index.tsx
+/**
+* Use this component to create an anchor link that persists the current country code in the url,
+* without having to explicitly pass it as a prop.
+*/
+const LocalizedClientLink = ({ children, href, ...props }) => {
+	const { countryCode } = useParams();
+	return /* @__PURE__ */ jsx("a", {
+		href: `/${countryCode}${href}`,
+		...props,
+		children
+	});
+};
+
+//#endregion
+export { LocalizedClientLink };
+//# sourceMappingURL=index.js.map

package/dist/components/localized-client-link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/localized-client-link/index.tsx"],"sourcesContent":["'use client';\n\nimport { AnchorHTMLAttributes, DetailedHTMLProps } from 'react';\n\nimport { useParams } from 'next/navigation';\n\ntype LocalizedClientLinkProps = DetailedHTMLProps<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  HTMLAnchorElement\n>;\n\n/**\n * Use this component to create an anchor link that persists the current country code in the url,\n * without having to explicitly pass it as a prop.\n */\nconst LocalizedClientLink = ({\n  children,\n  href,\n  ...props\n}: LocalizedClientLinkProps) => {\n  const { countryCode } = useParams();\n\n  return (\n    <a href={`/${countryCode}${href}`} {...props}>\n      {children}\n    </a>\n  );\n};\n\nexport { LocalizedClientLink };\n"],"mappings":";;;;;;;;;;AAeA,MAAM,uBAAuB,EAC3B,UACA,MACA,GAAG,YAC2B;CAC9B,MAAM,EAAE,gBAAgB,WAAW;AAEnC,QACE,oBAAC;EAAE,MAAM,IAAI,cAAc;EAAQ,GAAI;EACpC;GACC"}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime5 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_runtime7.JSX.Element;
+  }: ModalProps): react_jsx_runtime5.JSX.Element;
   Title: React.FC<{
     children: React.ReactNode;
   }>;

package/dist/components/modal/index.js

@@ -1,4 +1,102 @@
-import "../../modal-context-02cA-7jy.js";
-import { t as Modal } from "../../modal-BASYY-YM.js";
+import { ModalProvider, useModal } from "../../lib/context/modal-context.js";
+import React, { Fragment } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Dialog, Transition } from "@headlessui/react";
+import { clx } from "@medusajs/ui";
+import { X } from "@gfed-medusa/sf-lib-ui/icons/x";
 
-export { Modal };
+//#region src/components/modal/index.tsx
+const Modal = ({ isOpen, close, size = "medium", search = false, children, "data-testid": dataTestId, "aria-label": ariaLabel }) => {
+	return /* @__PURE__ */ jsx(Transition, {
+		appear: true,
+		show: isOpen,
+		as: Fragment,
+		children: /* @__PURE__ */ jsxs(Dialog, {
+			as: "div",
+			className: "relative z-[75]",
+			onClose: close,
+			"aria-label": ariaLabel,
+			children: [/* @__PURE__ */ jsx(Transition.Child, {
+				as: Fragment,
+				enter: "ease-out duration-300",
+				enterFrom: "opacity-0",
+				enterTo: "opacity-100",
+				leave: "ease-in duration-200",
+				leaveFrom: "opacity-100",
+				leaveTo: "opacity-0",
+				children: /* @__PURE__ */ jsx("div", { className: "fixed inset-0 h-screen bg-opacity-75 backdrop-blur-md" })
+			}), /* @__PURE__ */ jsx("div", {
+				className: "fixed inset-0 overflow-y-hidden",
+				children: /* @__PURE__ */ jsx("div", {
+					className: clx("flex h-full min-h-full justify-center p-4 text-center", {
+						"items-center": !search,
+						"items-start": search
+					}),
+					children: /* @__PURE__ */ jsx(Transition.Child, {
+						as: Fragment,
+						enter: "ease-out duration-300",
+						enterFrom: "opacity-0 scale-95",
+						enterTo: "opacity-100 scale-100",
+						leave: "ease-in duration-200",
+						leaveFrom: "opacity-100 scale-100",
+						leaveTo: "opacity-0 scale-95",
+						children: /* @__PURE__ */ jsx(Dialog.Panel, {
+							"data-testid": dataTestId,
+							className: clx("flex h-fit max-h-[75vh] w-full transform flex-col justify-start p-5 text-left align-middle transition-all", {
+								"max-w-md": size === "small",
+								"max-w-xl": size === "medium",
+								"max-w-3xl": size === "large",
+								"bg-transparent shadow-none": search,
+								"rounded-rounded border bg-white shadow-xl": !search
+							}),
+							children: /* @__PURE__ */ jsx(ModalProvider, {
+								close,
+								children
+							})
+						})
+					})
+				})
+			})]
+		})
+	});
+};
+const Title = ({ children }) => {
+	const { close } = useModal();
+	return /* @__PURE__ */ jsxs(Dialog.Title, {
+		className: "flex items-center justify-between",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "text-large-semi",
+			children
+		}), /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("button", {
+			onClick: close,
+			"data-testid": "close-modal-button",
+			children: /* @__PURE__ */ jsx(X, { size: 20 })
+		}) })]
+	});
+};
+const Description = ({ children }) => {
+	return /* @__PURE__ */ jsx(Dialog.Description, {
+		className: "text-small-regular text-ui-fg-base flex h-full items-center justify-center pb-4 pt-2",
+		children
+	});
+};
+const Body = ({ children }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex justify-center",
+		children
+	});
+};
+const Footer = ({ children }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex items-center justify-end gap-x-4",
+		children
+	});
+};
+Modal.Title = Title;
+Modal.Description = Description;
+Modal.Body = Body;
+Modal.Footer = Footer;
+
+//#endregion
+export { Modal };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Title: React.FC<{ children: React.ReactNode }>","Description: React.FC<{ children: React.ReactNode }>","Body: React.FC<{ children: React.ReactNode }>","Footer: React.FC<{ children: React.ReactNode }>"],"sources":["../../../src/components/modal/index.tsx"],"sourcesContent":["import React, { Fragment } from 'react';\n\nimport { X } from '@gfed-medusa/sf-lib-ui/icons/x';\nimport { Dialog, Transition } from '@headlessui/react';\nimport { clx } from '@medusajs/ui';\n\nimport { ModalProvider, useModal } from '@/lib/context/modal-context';\n\ntype ModalProps = {\n  isOpen: boolean;\n  close: () => void;\n  size?: 'small' | 'medium' | 'large';\n  search?: boolean;\n  children: React.ReactNode;\n  'data-testid'?: string;\n  'aria-label'?: string;\n};\n\nconst Modal = ({\n  isOpen,\n  close,\n  size = 'medium',\n  search = false,\n  children,\n  'data-testid': dataTestId,\n  'aria-label': ariaLabel,\n}: ModalProps) => {\n  return (\n    <Transition appear show={isOpen} as={Fragment}>\n      <Dialog\n        as=\"div\"\n        className=\"relative z-[75]\"\n        onClose={close}\n        aria-label={ariaLabel}\n      >\n        <Transition.Child\n          as={Fragment}\n          enter=\"ease-out duration-300\"\n          enterFrom=\"opacity-0\"\n          enterTo=\"opacity-100\"\n          leave=\"ease-in duration-200\"\n          leaveFrom=\"opacity-100\"\n          leaveTo=\"opacity-0\"\n        >\n          <div className=\"fixed inset-0 h-screen bg-opacity-75 backdrop-blur-md\" />\n        </Transition.Child>\n\n        <div className=\"fixed inset-0 overflow-y-hidden\">\n          <div\n            className={clx(\n              'flex h-full min-h-full justify-center p-4 text-center',\n              {\n                'items-center': !search,\n                'items-start': search,\n              }\n            )}\n          >\n            <Transition.Child\n              as={Fragment}\n              enter=\"ease-out duration-300\"\n              enterFrom=\"opacity-0 scale-95\"\n              enterTo=\"opacity-100 scale-100\"\n              leave=\"ease-in duration-200\"\n              leaveFrom=\"opacity-100 scale-100\"\n              leaveTo=\"opacity-0 scale-95\"\n            >\n              <Dialog.Panel\n                data-testid={dataTestId}\n                className={clx(\n                  'flex h-fit max-h-[75vh] w-full transform flex-col justify-start p-5 text-left align-middle transition-all',\n                  {\n                    'max-w-md': size === 'small',\n                    'max-w-xl': size === 'medium',\n                    'max-w-3xl': size === 'large',\n                    'bg-transparent shadow-none': search,\n                    'rounded-rounded border bg-white shadow-xl': !search,\n                  }\n                )}\n              >\n                <ModalProvider close={close}>{children}</ModalProvider>\n              </Dialog.Panel>\n            </Transition.Child>\n          </div>\n        </div>\n      </Dialog>\n    </Transition>\n  );\n};\n\nconst Title: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const { close } = useModal();\n\n  return (\n    <Dialog.Title className=\"flex items-center justify-between\">\n      <div className=\"text-large-semi\">{children}</div>\n      <div>\n        <button onClick={close} data-testid=\"close-modal-button\">\n          <X size={20} />\n        </button>\n      </div>\n    </Dialog.Title>\n  );\n};\n\nconst Description: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  return (\n    <Dialog.Description className=\"text-small-regular text-ui-fg-base flex h-full items-center justify-center pb-4 pt-2\">\n      {children}\n    </Dialog.Description>\n  );\n};\n\nconst Body: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  return <div className=\"flex justify-center\">{children}</div>;\n};\n\nconst Footer: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  return (\n    <div className=\"flex items-center justify-end gap-x-4\">{children}</div>\n  );\n};\n\nModal.Title = Title;\nModal.Description = Description;\nModal.Body = Body;\nModal.Footer = Footer;\n\nexport { Modal };\n"],"mappings":";;;;;;;;AAkBA,MAAM,SAAS,EACb,QACA,OACA,OAAO,UACP,SAAS,OACT,UACA,eAAe,YACf,cAAc,gBACE;AAChB,QACE,oBAAC;EAAW;EAAO,MAAM;EAAQ,IAAI;YACnC,qBAAC;GACC,IAAG;GACH,WAAU;GACV,SAAS;GACT,cAAY;cAEZ,oBAAC,WAAW;IACV,IAAI;IACJ,OAAM;IACN,WAAU;IACV,SAAQ;IACR,OAAM;IACN,WAAU;IACV,SAAQ;cAER,oBAAC,SAAI,WAAU,0DAA0D;KACxD,EAEnB,oBAAC;IAAI,WAAU;cACb,oBAAC;KACC,WAAW,IACT,yDACA;MACE,gBAAgB,CAAC;MACjB,eAAe;MAChB,CACF;eAED,oBAAC,WAAW;MACV,IAAI;MACJ,OAAM;MACN,WAAU;MACV,SAAQ;MACR,OAAM;MACN,WAAU;MACV,SAAQ;gBAER,oBAAC,OAAO;OACN,eAAa;OACb,WAAW,IACT,6GACA;QACE,YAAY,SAAS;QACrB,YAAY,SAAS;QACrB,aAAa,SAAS;QACtB,8BAA8B;QAC9B,6CAA6C,CAAC;QAC/C,CACF;iBAED,oBAAC;QAAqB;QAAQ;SAAyB;QAC1C;OACE;MACf;KACF;IACC;GACE;;AAIjB,MAAMA,SAAkD,EAAE,eAAe;CACvE,MAAM,EAAE,UAAU,UAAU;AAE5B,QACE,qBAAC,OAAO;EAAM,WAAU;aACtB,oBAAC;GAAI,WAAU;GAAmB;IAAe,EACjD,oBAAC,mBACC,oBAAC;GAAO,SAAS;GAAO,eAAY;aAClC,oBAAC,KAAE,MAAM,KAAM;IACR,GACL;GACO;;AAInB,MAAMC,eAAwD,EAAE,eAAe;AAC7E,QACE,oBAAC,OAAO;EAAY,WAAU;EAC3B;GACkB;;AAIzB,MAAMC,QAAiD,EAAE,eAAe;AACtE,QAAO,oBAAC;EAAI,WAAU;EAAuB;GAAe;;AAG9D,MAAMC,UAAmD,EAAE,eAAe;AACxE,QACE,oBAAC;EAAI,WAAU;EAAyC;GAAe;;AAI3E,MAAM,QAAQ;AACd,MAAM,cAAc;AACpB,MAAM,OAAO;AACb,MAAM,SAAS"}

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

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/components/nav/index.d.ts
-declare function Nav(): Promise<react_jsx_runtime5.JSX.Element>;
+declare function Nav(): Promise<react_jsx_runtime6.JSX.Element>;
 //#endregion
 export { Nav };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/nav/index.js

@@ -1,27 +1,8 @@
-import "../../medusa-TumrpCF2.js";
-import "../../apollo-client-Bw50r80c.js";
-import "../../product-COu5D1mS.js";
-import "../../cart-BNoIGQmw.js";
-import "../../cart-IHaLnQC4.js";
-import "../../cart-DH8urwwT.js";
-import "../../cookies-lksVIe4_.js";
-import { n as listRegions } from "../../regions-r1AvxfT8.js";
-import "../../cart-xkcyWLfU.js";
-import "../../delete-button-Bnm5bof2.js";
-import "../../line-item-options-l_eRZIIq.js";
-import "../../line-item-price-BlTwskFC.js";
-import { t as LocalizedClientLink } from "../../localized-client-link-CthmRcvb.js";
-import "../../thumbnail-C0TU3rh-.js";
-import "../../cart-dropdown-D_PUJarp.js";
-import { t as CartButton } from "../../cart-button-Dj_zRxop.js";
-import "../../product-C3HQUIgX.js";
-import "../../layout-country-select-C7Ra-opl.js";
-import "../../modal-context-02cA-7jy.js";
-import "../../modal-BASYY-YM.js";
-import "../../search-D7Gw7jAk.js";
-import "../../use-search-VX-u8o1D.js";
-import { t as SearchModal } from "../../search-modal-DaXadYWM.js";
-import { t as SideMenu } from "../../side-menu-B6IjTd5M.js";
+import { listRegions } from "../../lib/data/regions.js";
+import { LocalizedClientLink } from "../localized-client-link/index.js";
+import { CartButton } from "../cart-button/index.js";
+import { SearchModal } from "../search-modal/index.js";
+import { SideMenu } from "../side-menu/index.js";
 import { Suspense } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -38,7 +19,7 @@ async function Nav() {
 						className: "flex h-full flex-1 basis-0 items-center",
 						children: /* @__PURE__ */ jsx("div", {
 							className: "h-full",
-							children: /* @__PURE__ */ jsx(SideMenu, { regions: await listRegions().then((regions) => regions) })
+							children: /* @__PURE__ */ jsx(SideMenu, { regions: await listRegions().then((regions) => regions).catch(() => null) })
 						})
 					}),
 					/* @__PURE__ */ jsx("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import { Suspense } from 'react';\n\nimport { listRegions } from '@/lib/data/regions';\nimport { Region } from '@/types/graphql';\n\nimport { CartButton } from '../cart-button';\nimport { LocalizedClientLink } from '../localized-client-link';\nimport { SearchModal } from '../search-modal';\nimport { SideMenu } from '../side-menu';\n\nasync function Nav() {\n  const regions = await listRegions().then((regions: Region[]) => regions);\n\n  return (\n    <div className=\"group sticky inset-x-0 top-0 z-50\">\n      <header className=\"border-ui-border-base relative mx-auto h-16 border-b bg-white duration-200\">\n        <nav className=\"content-container text-small-regular txt-xsmall-plus text-ui-fg-subtle flex h-full w-full items-center justify-between\">\n          <div className=\"flex h-full flex-1 basis-0 items-center\">\n            <div className=\"h-full\">\n              <SideMenu regions={regions} />\n            </div>\n          </div>\n\n          <div className=\"flex h-full items-center\">\n            <LocalizedClientLink\n              href=\"/\"\n              className=\"txt-compact-xlarge-plus hover:text-ui-fg-base uppercase\"\n              data-testid=\"nav-store-link\"\n            >\n              Medusa Store\n            </LocalizedClientLink>\n          </div>\n\n          <div className=\"flex h-full flex-1 basis-0 items-center justify-end gap-x-6\">\n            <SearchModal />\n            <div className=\"small:flex hidden h-full items-center gap-x-6\">\n              <LocalizedClientLink\n                className=\"hover:text-ui-fg-base\"\n                href=\"/account\"\n                data-testid=\"nav-account-link\"\n              >\n                Account\n              </LocalizedClientLink>\n            </div>\n            <Suspense\n              fallback={\n                <LocalizedClientLink\n                  className=\"hover:text-ui-fg-base flex gap-2\"\n                  href=\"/cart\"\n                  data-testid=\"nav-cart-link\"\n                >\n                  Cart (0)\n                </LocalizedClientLink>\n              }\n            >\n              <CartButton />\n            </Suspense>\n          </div>\n        </nav>\n      </header>\n    </div>\n  );\n}\n\nexport { Nav };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,eAAe,MAAM;AAGnB,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAO,WAAU;aAChB,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAI,WAAU;gBACb,oBAAC;OAAI,WAAU;iBACb,oBAAC,YAAS,SARN,MAAM,aAAa,CAAC,MAAM,YAAsB,QAAQ,GAQ9B;QAC1B;OACF;KAEN,oBAAC;MAAI,WAAU;gBACb,oBAAC;OACC,MAAK;OACL,WAAU;OACV,eAAY;iBACb;QAEqB;OAClB;KAEN,qBAAC;MAAI,WAAU;;OACb,oBAAC,gBAAc;OACf,oBAAC;QAAI,WAAU;kBACb,oBAAC;SACC,WAAU;SACV,MAAK;SACL,eAAY;mBACb;UAEqB;SAClB;OACN,oBAAC;QACC,UACE,oBAAC;SACC,WAAU;SACV,MAAK;SACL,eAAY;mBACb;UAEqB;kBAGxB,oBAAC,eAAa;SACL;;OACP;;KACF;IACC;GACL"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import { Suspense } from 'react';\n\nimport { listRegions } from '@/lib/data/regions';\nimport { Region } from '@/types/graphql';\n\nimport { CartButton } from '../cart-button';\nimport { LocalizedClientLink } from '../localized-client-link';\nimport { SearchModal } from '../search-modal';\nimport { SideMenu } from '../side-menu';\n\nasync function Nav() {\n  const regions = await listRegions()\n    .then((regions: Region[]) => regions)\n    .catch(() => null);\n\n  return (\n    <div className=\"group sticky inset-x-0 top-0 z-50\">\n      <header className=\"border-ui-border-base relative mx-auto h-16 border-b bg-white duration-200\">\n        <nav className=\"content-container text-small-regular txt-xsmall-plus text-ui-fg-subtle flex h-full w-full items-center justify-between\">\n          <div className=\"flex h-full flex-1 basis-0 items-center\">\n            <div className=\"h-full\">\n              <SideMenu regions={regions} />\n            </div>\n          </div>\n\n          <div className=\"flex h-full items-center\">\n            <LocalizedClientLink\n              href=\"/\"\n              className=\"txt-compact-xlarge-plus hover:text-ui-fg-base uppercase\"\n              data-testid=\"nav-store-link\"\n            >\n              Medusa Store\n            </LocalizedClientLink>\n          </div>\n\n          <div className=\"flex h-full flex-1 basis-0 items-center justify-end gap-x-6\">\n            <SearchModal />\n            <div className=\"small:flex hidden h-full items-center gap-x-6\">\n              <LocalizedClientLink\n                className=\"hover:text-ui-fg-base\"\n                href=\"/account\"\n                data-testid=\"nav-account-link\"\n              >\n                Account\n              </LocalizedClientLink>\n            </div>\n            <Suspense\n              fallback={\n                <LocalizedClientLink\n                  className=\"hover:text-ui-fg-base flex gap-2\"\n                  href=\"/cart\"\n                  data-testid=\"nav-cart-link\"\n                >\n                  Cart (0)\n                </LocalizedClientLink>\n              }\n            >\n              <CartButton />\n            </Suspense>\n          </div>\n        </nav>\n      </header>\n    </div>\n  );\n}\n\nexport { Nav };\n"],"mappings":";;;;;;;;;AAUA,eAAe,MAAM;AAKnB,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAO,WAAU;aAChB,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAI,WAAU;gBACb,oBAAC;OAAI,WAAU;iBACb,oBAAC,YAAS,SAVN,MAAM,aAAa,CAChC,MAAM,YAAsB,QAAQ,CACpC,YAAY,KAAK,GAQsB;QAC1B;OACF;KAEN,oBAAC;MAAI,WAAU;gBACb,oBAAC;OACC,MAAK;OACL,WAAU;OACV,eAAY;iBACb;QAEqB;OAClB;KAEN,qBAAC;MAAI,WAAU;;OACb,oBAAC,gBAAc;OACf,oBAAC;QAAI,WAAU;kBACb,oBAAC;SACC,WAAU;SACV,MAAK;SACL,eAAY;mBACb;UAEqB;SAClB;OACN,oBAAC;QACC,UACE,oBAAC;SACC,WAAU;SACV,MAAK;SACL,eAAY;mBACb;UAEqB;kBAGxB,oBAAC,eAAa;SACL;;OACP;;KACF;IACC;GACL"}

package/dist/components/portable-text/index.d.ts

@@ -1,5 +1,5 @@
-import { ar as RichTextBlock } from "../../graphql-CdTGi4Pp.js";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import { RichTextBlock } from "../../types/graphql.js";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/components/portable-text/index.d.ts
 type PortableTextProps = {
@@ -7,7 +7,7 @@ type PortableTextProps = {
 };
 declare const PortableText: ({
   value
-}: PortableTextProps) => react_jsx_runtime6.JSX.Element | null;
+}: PortableTextProps) => react_jsx_runtime8.JSX.Element | null;
 //#endregion
 export { PortableText };
 //# sourceMappingURL=index.d.ts.map