@enadhq/enad-react-sdk 1.0.2 → 1.1.0

package/dist/client/storefront/components/infinite-scroll.d.ts

@@ -1,37 +1,59 @@
-import * as React from "react";
-export interface UseInfiniteScrollOptions {
-    /** Called when sentinel enters viewport */
-    onLoadMore: () => void;
-    /** Whether more items can be loaded */
-    hasMore: boolean;
-    /** Whether currently loading */
-    loading?: boolean;
-    /** IntersectionObserver rootMargin — controls how early to trigger */
-    threshold?: string;
-    /** Root element for intersection (defaults to viewport) */
-    root?: React.RefObject<Element | null>;
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/components/infinite-scroll.d.ts
+interface UseInfiniteScrollOptions {
+  /** Called when sentinel enters viewport */
+  onLoadMore: () => void;
+  /** Whether more items can be loaded */
+  hasMore: boolean;
+  /** Whether currently loading */
+  loading?: boolean;
+  /** IntersectionObserver rootMargin — controls how early to trigger */
+  threshold?: string;
+  /** Root element for intersection (defaults to viewport) */
+  root?: React$1.RefObject<Element | null>;
 }
-export interface UseInfiniteScrollReturn {
-    sentinelRef: React.RefCallback<HTMLElement>;
-    loading: boolean;
-    hasMore: boolean;
+interface UseInfiniteScrollReturn {
+  sentinelRef: React$1.RefCallback<HTMLElement>;
+  loading: boolean;
+  hasMore: boolean;
 }
-export declare function useInfiniteScroll({ onLoadMore, hasMore, loading, threshold, root, }: UseInfiniteScrollOptions): UseInfiniteScrollReturn;
-export interface InfiniteScrollProps {
-    onLoadMore: () => void;
-    hasMore: boolean;
-    loading?: boolean;
-    /** IntersectionObserver rootMargin */
-    threshold?: string;
-    /** Fallback "Load more" button for accessibility */
-    showLoadMoreButton?: boolean;
-    loadMoreLabel?: string;
-    /** Loading indicator slot */
-    loadingIndicator?: React.ReactNode;
-    /** End-of-list indicator slot */
-    endIndicator?: React.ReactNode;
-    children: React.ReactNode;
-    className?: string;
+declare function useInfiniteScroll({
+  onLoadMore,
+  hasMore,
+  loading,
+  threshold,
+  root
+}: UseInfiniteScrollOptions): UseInfiniteScrollReturn;
+interface InfiniteScrollProps {
+  onLoadMore: () => void;
+  hasMore: boolean;
+  loading?: boolean;
+  /** IntersectionObserver rootMargin */
+  threshold?: string;
+  /** Fallback "Load more" button for accessibility */
+  showLoadMoreButton?: boolean;
+  loadMoreLabel?: string;
+  /** Loading indicator slot */
+  loadingIndicator?: React$1.ReactNode;
+  /** End-of-list indicator slot */
+  endIndicator?: React$1.ReactNode;
+  children: React$1.ReactNode;
+  className?: string;
 }
-export declare function InfiniteScroll({ onLoadMore, hasMore, loading, threshold, showLoadMoreButton, loadMoreLabel, loadingIndicator, endIndicator, children, className, }: InfiniteScrollProps): import("react/jsx-runtime").JSX.Element;
+declare function InfiniteScroll({
+  onLoadMore,
+  hasMore,
+  loading,
+  threshold,
+  showLoadMoreButton,
+  loadMoreLabel,
+  loadingIndicator,
+  endIndicator,
+  children,
+  className
+}: InfiniteScrollProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { InfiniteScroll, InfiniteScrollProps, UseInfiniteScrollOptions, UseInfiniteScrollReturn, useInfiniteScroll };
 //# sourceMappingURL=infinite-scroll.d.ts.map

package/dist/client/storefront/components/infinite-scroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"infinite-scroll.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/components/infinite-scroll.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,wBAAwB;IACvC,2CAA2C;IAC3C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,uCAAuC;IACvC,OAAO,EAAE,OAAO,CAAC;IACjB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,OAAO,EACP,OAAe,EACf,SAAmB,EACnB,IAAI,GACL,EAAE,wBAAwB,GAAG,uBAAuB,CAuCpD;AAID,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6BAA6B;IAC7B,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,iCAAiC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,OAAO,EACP,OAAe,EACf,SAAmB,EACnB,kBAA0B,EAC1B,aAA2B,EAC3B,gBAAgB,EAChB,YAAY,EACZ,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,2CA6CrB"}
+{"version":3,"file":"infinite-scroll.d.ts","names":[],"sources":["../../../../src/client/storefront/components/infinite-scroll.tsx"],"mappings":";;;;UAOiB,wBAAA;;EAEf,UAAA;EAFe;EAIf,OAAA;;EAEA,OAAA;EAJA;EAMA,SAAA;EAFA;EAIA,IAAA,GAAO,OAAA,CAAM,SAAA,CAAU,OAAA;AAAA;AAAA,UAGR,uBAAA;EACf,WAAA,EAAa,OAAA,CAAM,WAAA,CAAY,WAAA;EAC/B,OAAA;EACA,OAAA;AAAA;AAAA,iBAGc,iBAAA,CAAA;EACd,UAAA;EACA,OAAA;EACA,OAAA;EACA,SAAA;EACA;AAAA,GACC,wBAAA,GAA2B,uBAAA;AAAA,UA2Cb,mBAAA;EACf,UAAA;EACA,OAAA;EACA,OAAA;EAzDa;EA2Db,SAAA;EA3D+B;EA6D/B,kBAAA;EACA,aAAA;EA5DO;EA8DP,gBAAA,GAAmB,OAAA,CAAM,SAAA;EA3DX;EA6Dd,YAAA,GAAe,OAAA,CAAM,SAAA;EACrB,QAAA,EAAU,OAAA,CAAM,SAAA;EAChB,SAAA;AAAA;AAAA,iBAGc,cAAA,CAAA;EACd,UAAA;EACA,OAAA;EACA,OAAA;EACA,SAAA;EACA,kBAAA;EACA,aAAA;EACA,gBAAA;EACA,YAAA;EACA,QAAA;EACA;AAAA,GACC,mBAAA,GAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/components/infinite-scroll.mjs

@@ -1,83 +1,81 @@
 "use client";
+import { cn } from "../../ui/utils.mjs";
+import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../ui/utils";
-function useInfiniteScroll({
-  onLoadMore,
-  hasMore,
-  loading = false,
-  threshold = "200px",
-  root
-}) {
-  const observerRef = React.useRef(null);
-  const callbackRef = React.useRef(onLoadMore);
-  callbackRef.current = onLoadMore;
-  const sentinelRef = React.useCallback(
-    (node) => {
-      if (observerRef.current) {
-        observerRef.current.disconnect();
-        observerRef.current = null;
-      }
-      if (!node || !hasMore || loading) return;
-      observerRef.current = new IntersectionObserver(
-        (entries) => {
-          if (entries[0]?.isIntersecting) {
-            callbackRef.current();
-          }
-        },
-        {
-          rootMargin: threshold,
-          root: root?.current ?? null
-        }
-      );
-      observerRef.current.observe(node);
-    },
-    [hasMore, loading, threshold, root]
-  );
-  React.useEffect(() => {
-    return () => {
-      observerRef.current?.disconnect();
-    };
-  }, []);
-  return { sentinelRef, loading, hasMore };
+//#region src/client/storefront/components/infinite-scroll.tsx
+function useInfiniteScroll({ onLoadMore, hasMore, loading = false, threshold = "200px", root }) {
+	const observerRef = React$1.useRef(null);
+	const callbackRef = React$1.useRef(onLoadMore);
+	callbackRef.current = onLoadMore;
+	const sentinelRef = React$1.useCallback((node) => {
+		if (observerRef.current) {
+			observerRef.current.disconnect();
+			observerRef.current = null;
+		}
+		if (!node || !hasMore || loading) return;
+		observerRef.current = new IntersectionObserver((entries) => {
+			if (entries[0]?.isIntersecting) callbackRef.current();
+		}, {
+			rootMargin: threshold,
+			root: root?.current ?? null
+		});
+		observerRef.current.observe(node);
+	}, [
+		hasMore,
+		loading,
+		threshold,
+		root
+	]);
+	React$1.useEffect(() => {
+		return () => {
+			observerRef.current?.disconnect();
+		};
+	}, []);
+	return {
+		sentinelRef,
+		loading,
+		hasMore
+	};
 }
-function InfiniteScroll({
-  onLoadMore,
-  hasMore,
-  loading = false,
-  threshold = "200px",
-  showLoadMoreButton = false,
-  loadMoreLabel = "Load more",
-  loadingIndicator,
-  endIndicator,
-  children,
-  className
-}) {
-  const { sentinelRef } = useInfiniteScroll({
-    onLoadMore,
-    hasMore,
-    loading,
-    threshold
-  });
-  const defaultLoadingIndicator = /* @__PURE__ */ jsx("div", { className: "flex justify-center py-8", children: /* @__PURE__ */ jsx("div", { className: "size-6 animate-spin rounded-full border-2 border-muted-foreground/30 border-t-foreground" }) });
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", className), children: [
-    children,
-    hasMore && !showLoadMoreButton && /* @__PURE__ */ jsx("div", { ref: sentinelRef, className: "h-px w-full", "aria-hidden": "true" }),
-    hasMore && showLoadMoreButton && !loading && /* @__PURE__ */ jsx("div", { className: "flex justify-center py-6", children: /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onLoadMore,
-        className: "rounded-md border border-border px-6 py-2 text-sm font-medium hover:bg-muted transition-colors",
-        children: loadMoreLabel
-      }
-    ) }),
-    /* @__PURE__ */ jsx("div", { role: "status", "aria-live": "polite", children: loading && (loadingIndicator ?? defaultLoadingIndicator) }),
-    !hasMore && !loading && endIndicator
-  ] });
+function InfiniteScroll({ onLoadMore, hasMore, loading = false, threshold = "200px", showLoadMoreButton = false, loadMoreLabel = "Load more", loadingIndicator, endIndicator, children, className }) {
+	const { sentinelRef } = useInfiniteScroll({
+		onLoadMore,
+		hasMore,
+		loading,
+		threshold
+	});
+	const defaultLoadingIndicator = /* @__PURE__ */ jsx("div", {
+		className: "flex justify-center py-8",
+		children: /* @__PURE__ */ jsx("div", { className: "size-6 animate-spin rounded-full border-2 border-muted-foreground/30 border-t-foreground" })
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col", className),
+		children: [
+			children,
+			hasMore && !showLoadMoreButton && /* @__PURE__ */ jsx("div", {
+				ref: sentinelRef,
+				className: "h-px w-full",
+				"aria-hidden": "true"
+			}),
+			hasMore && showLoadMoreButton && !loading && /* @__PURE__ */ jsx("div", {
+				className: "flex justify-center py-6",
+				children: /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: onLoadMore,
+					className: "rounded-md border border-border px-6 py-2 text-sm font-medium hover:bg-muted transition-colors",
+					children: loadMoreLabel
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				role: "status",
+				"aria-live": "polite",
+				children: loading && (loadingIndicator ?? defaultLoadingIndicator)
+			}),
+			!hasMore && !loading && endIndicator
+		]
+	});
 }
-export {
-  InfiniteScroll,
-  useInfiniteScroll
-};
+//#endregion
+export { InfiniteScroll, useInfiniteScroll };
+
 //# sourceMappingURL=infinite-scroll.mjs.map

package/dist/client/storefront/components/infinite-scroll.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/components/infinite-scroll.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\n\n/* ─── Hook ─── */\n\nexport interface UseInfiniteScrollOptions {\n  /** Called when sentinel enters viewport */\n  onLoadMore: () => void;\n  /** Whether more items can be loaded */\n  hasMore: boolean;\n  /** Whether currently loading */\n  loading?: boolean;\n  /** IntersectionObserver rootMargin — controls how early to trigger */\n  threshold?: string;\n  /** Root element for intersection (defaults to viewport) */\n  root?: React.RefObject<Element | null>;\n}\n\nexport interface UseInfiniteScrollReturn {\n  sentinelRef: React.RefCallback<HTMLElement>;\n  loading: boolean;\n  hasMore: boolean;\n}\n\nexport function useInfiniteScroll({\n  onLoadMore,\n  hasMore,\n  loading = false,\n  threshold = \"200px\",\n  root,\n}: UseInfiniteScrollOptions): UseInfiniteScrollReturn {\n  const observerRef = React.useRef<IntersectionObserver | null>(null);\n  const callbackRef = React.useRef(onLoadMore);\n  callbackRef.current = onLoadMore;\n\n  const sentinelRef = React.useCallback(\n    (node: HTMLElement | null) => {\n      if (observerRef.current) {\n        observerRef.current.disconnect();\n        observerRef.current = null;\n      }\n\n      if (!node || !hasMore || loading) return;\n\n      observerRef.current = new IntersectionObserver(\n        (entries) => {\n          if (entries[0]?.isIntersecting) {\n            callbackRef.current();\n          }\n        },\n        {\n          rootMargin: threshold,\n          root: root?.current ?? null,\n        },\n      );\n\n      observerRef.current.observe(node);\n    },\n    [hasMore, loading, threshold, root],\n  );\n\n  // Cleanup on unmount\n  React.useEffect(() => {\n    return () => {\n      observerRef.current?.disconnect();\n    };\n  }, []);\n\n  return { sentinelRef, loading, hasMore };\n}\n\n/* ─── Component ─── */\n\nexport interface InfiniteScrollProps {\n  onLoadMore: () => void;\n  hasMore: boolean;\n  loading?: boolean;\n  /** IntersectionObserver rootMargin */\n  threshold?: string;\n  /** Fallback \"Load more\" button for accessibility */\n  showLoadMoreButton?: boolean;\n  loadMoreLabel?: string;\n  /** Loading indicator slot */\n  loadingIndicator?: React.ReactNode;\n  /** End-of-list indicator slot */\n  endIndicator?: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function InfiniteScroll({\n  onLoadMore,\n  hasMore,\n  loading = false,\n  threshold = \"200px\",\n  showLoadMoreButton = false,\n  loadMoreLabel = \"Load more\",\n  loadingIndicator,\n  endIndicator,\n  children,\n  className,\n}: InfiniteScrollProps) {\n  const { sentinelRef } = useInfiniteScroll({\n    onLoadMore,\n    hasMore,\n    loading,\n    threshold,\n  });\n\n  const defaultLoadingIndicator = (\n    <div className=\"flex justify-center py-8\">\n      <div className=\"size-6 animate-spin rounded-full border-2 border-muted-foreground/30 border-t-foreground\" />\n    </div>\n  );\n\n  return (\n    <div className={cn(\"flex flex-col\", className)}>\n      {children}\n\n      {/* Sentinel for IntersectionObserver */}\n      {hasMore && !showLoadMoreButton && (\n        <div ref={sentinelRef} className=\"h-px w-full\" aria-hidden=\"true\" />\n      )}\n\n      {/* Manual load-more button fallback */}\n      {hasMore && showLoadMoreButton && !loading && (\n        <div className=\"flex justify-center py-6\">\n          <button\n            type=\"button\"\n            onClick={onLoadMore}\n            className=\"rounded-md border border-border px-6 py-2 text-sm font-medium hover:bg-muted transition-colors\"\n          >\n            {loadMoreLabel}\n          </button>\n        </div>\n      )}\n\n      {/* Loading state */}\n      <div role=\"status\" aria-live=\"polite\">\n        {loading && (loadingIndicator ?? defaultLoadingIndicator)}\n      </div>\n\n      {/* End of list */}\n      {!hasMore && !loading && endIndicator}\n    </div>\n  );\n}\n"],"mappings":";AAiHM,cAKF,YALE;AA/GN,YAAY,WAAW;AACvB,SAAS,UAAU;AAuBZ,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AACF,GAAsD;AACpD,QAAM,cAAc,MAAM,OAAoC,IAAI;AAClE,QAAM,cAAc,MAAM,OAAO,UAAU;AAC3C,cAAY,UAAU;AAEtB,QAAM,cAAc,MAAM;AAAA,IACxB,CAAC,SAA6B;AAC5B,UAAI,YAAY,SAAS;AACvB,oBAAY,QAAQ,WAAW;AAC/B,oBAAY,UAAU;AAAA,MACxB;AAEA,UAAI,CAAC,QAAQ,CAAC,WAAW,QAAS;AAElC,kBAAY,UAAU,IAAI;AAAA,QACxB,CAAC,YAAY;AACX,cAAI,QAAQ,CAAC,GAAG,gBAAgB;AAC9B,wBAAY,QAAQ;AAAA,UACtB;AAAA,QACF;AAAA,QACA;AAAA,UACE,YAAY;AAAA,UACZ,MAAM,MAAM,WAAW;AAAA,QACzB;AAAA,MACF;AAEA,kBAAY,QAAQ,QAAQ,IAAI;AAAA,IAClC;AAAA,IACA,CAAC,SAAS,SAAS,WAAW,IAAI;AAAA,EACpC;AAGA,QAAM,UAAU,MAAM;AACpB,WAAO,MAAM;AACX,kBAAY,SAAS,WAAW;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,aAAa,SAAS,QAAQ;AACzC;AAqBO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,EAAE,YAAY,IAAI,kBAAkB;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,0BACJ,oBAAC,SAAI,WAAU,4BACb,8BAAC,SAAI,WAAU,4FAA2F,GAC5G;AAGF,SACE,qBAAC,SAAI,WAAW,GAAG,iBAAiB,SAAS,GAC1C;AAAA;AAAA,IAGA,WAAW,CAAC,sBACX,oBAAC,SAAI,KAAK,aAAa,WAAU,eAAc,eAAY,QAAO;AAAA,IAInE,WAAW,sBAAsB,CAAC,WACjC,oBAAC,SAAI,WAAU,4BACb;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,WAAU;AAAA,QAET;AAAA;AAAA,IACH,GACF;AAAA,IAIF,oBAAC,SAAI,MAAK,UAAS,aAAU,UAC1B,sBAAY,oBAAoB,0BACnC;AAAA,IAGC,CAAC,WAAW,CAAC,WAAW;AAAA,KAC3B;AAEJ;","names":[]}
+{"version":3,"file":"infinite-scroll.mjs","names":["React"],"sources":["../../../../src/client/storefront/components/infinite-scroll.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\n\n/* ─── Hook ─── */\n\nexport interface UseInfiniteScrollOptions {\n  /** Called when sentinel enters viewport */\n  onLoadMore: () => void;\n  /** Whether more items can be loaded */\n  hasMore: boolean;\n  /** Whether currently loading */\n  loading?: boolean;\n  /** IntersectionObserver rootMargin — controls how early to trigger */\n  threshold?: string;\n  /** Root element for intersection (defaults to viewport) */\n  root?: React.RefObject<Element | null>;\n}\n\nexport interface UseInfiniteScrollReturn {\n  sentinelRef: React.RefCallback<HTMLElement>;\n  loading: boolean;\n  hasMore: boolean;\n}\n\nexport function useInfiniteScroll({\n  onLoadMore,\n  hasMore,\n  loading = false,\n  threshold = \"200px\",\n  root,\n}: UseInfiniteScrollOptions): UseInfiniteScrollReturn {\n  const observerRef = React.useRef<IntersectionObserver | null>(null);\n  const callbackRef = React.useRef(onLoadMore);\n  callbackRef.current = onLoadMore;\n\n  const sentinelRef = React.useCallback(\n    (node: HTMLElement | null) => {\n      if (observerRef.current) {\n        observerRef.current.disconnect();\n        observerRef.current = null;\n      }\n\n      if (!node || !hasMore || loading) return;\n\n      observerRef.current = new IntersectionObserver(\n        (entries) => {\n          if (entries[0]?.isIntersecting) {\n            callbackRef.current();\n          }\n        },\n        {\n          rootMargin: threshold,\n          root: root?.current ?? null,\n        },\n      );\n\n      observerRef.current.observe(node);\n    },\n    [hasMore, loading, threshold, root],\n  );\n\n  // Cleanup on unmount\n  React.useEffect(() => {\n    return () => {\n      observerRef.current?.disconnect();\n    };\n  }, []);\n\n  return { sentinelRef, loading, hasMore };\n}\n\n/* ─── Component ─── */\n\nexport interface InfiniteScrollProps {\n  onLoadMore: () => void;\n  hasMore: boolean;\n  loading?: boolean;\n  /** IntersectionObserver rootMargin */\n  threshold?: string;\n  /** Fallback \"Load more\" button for accessibility */\n  showLoadMoreButton?: boolean;\n  loadMoreLabel?: string;\n  /** Loading indicator slot */\n  loadingIndicator?: React.ReactNode;\n  /** End-of-list indicator slot */\n  endIndicator?: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function InfiniteScroll({\n  onLoadMore,\n  hasMore,\n  loading = false,\n  threshold = \"200px\",\n  showLoadMoreButton = false,\n  loadMoreLabel = \"Load more\",\n  loadingIndicator,\n  endIndicator,\n  children,\n  className,\n}: InfiniteScrollProps) {\n  const { sentinelRef } = useInfiniteScroll({\n    onLoadMore,\n    hasMore,\n    loading,\n    threshold,\n  });\n\n  const defaultLoadingIndicator = (\n    <div className=\"flex justify-center py-8\">\n      <div className=\"size-6 animate-spin rounded-full border-2 border-muted-foreground/30 border-t-foreground\" />\n    </div>\n  );\n\n  return (\n    <div className={cn(\"flex flex-col\", className)}>\n      {children}\n\n      {/* Sentinel for IntersectionObserver */}\n      {hasMore && !showLoadMoreButton && (\n        <div ref={sentinelRef} className=\"h-px w-full\" aria-hidden=\"true\" />\n      )}\n\n      {/* Manual load-more button fallback */}\n      {hasMore && showLoadMoreButton && !loading && (\n        <div className=\"flex justify-center py-6\">\n          <button\n            type=\"button\"\n            onClick={onLoadMore}\n            className=\"rounded-md border border-border px-6 py-2 text-sm font-medium hover:bg-muted transition-colors\"\n          >\n            {loadMoreLabel}\n          </button>\n        </div>\n      )}\n\n      {/* Loading state */}\n      <div role=\"status\" aria-live=\"polite\">\n        {loading && (loadingIndicator ?? defaultLoadingIndicator)}\n      </div>\n\n      {/* End of list */}\n      {!hasMore && !loading && endIndicator}\n    </div>\n  );\n}\n"],"mappings":";;;;;AA0BA,SAAgB,kBAAkB,EAChC,YACA,SACA,UAAU,OACV,YAAY,SACZ,QACoD;CACpD,MAAM,cAAcA,QAAM,OAAoC,KAAK;CACnE,MAAM,cAAcA,QAAM,OAAO,WAAW;AAC5C,aAAY,UAAU;CAEtB,MAAM,cAAcA,QAAM,aACvB,SAA6B;AAC5B,MAAI,YAAY,SAAS;AACvB,eAAY,QAAQ,YAAY;AAChC,eAAY,UAAU;;AAGxB,MAAI,CAAC,QAAQ,CAAC,WAAW,QAAS;AAElC,cAAY,UAAU,IAAI,sBACvB,YAAY;AACX,OAAI,QAAQ,IAAI,eACd,aAAY,SAAS;KAGzB;GACE,YAAY;GACZ,MAAM,MAAM,WAAW;GACxB,CACF;AAED,cAAY,QAAQ,QAAQ,KAAK;IAEnC;EAAC;EAAS;EAAS;EAAW;EAAK,CACpC;AAGD,SAAM,gBAAgB;AACpB,eAAa;AACX,eAAY,SAAS,YAAY;;IAElC,EAAE,CAAC;AAEN,QAAO;EAAE;EAAa;EAAS;EAAS;;AAsB1C,SAAgB,eAAe,EAC7B,YACA,SACA,UAAU,OACV,YAAY,SACZ,qBAAqB,OACrB,gBAAgB,aAChB,kBACA,cACA,UACA,aACsB;CACtB,MAAM,EAAE,gBAAgB,kBAAkB;EACxC;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,0BACJ,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,OAAD,EAAK,WAAU,4FAA6F,CAAA;EACxG,CAAA;AAGR,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,iBAAiB,UAAU;YAA9C;GACG;GAGA,WAAW,CAAC,sBACX,oBAAC,OAAD;IAAK,KAAK;IAAa,WAAU;IAAc,eAAY;IAAS,CAAA;GAIrE,WAAW,sBAAsB,CAAC,WACjC,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;eAET;KACM,CAAA;IACL,CAAA;GAIR,oBAAC,OAAD;IAAK,MAAK;IAAS,aAAU;cAC1B,YAAY,oBAAoB;IAC7B,CAAA;GAGL,CAAC,WAAW,CAAC,WAAW;GACrB"}

package/dist/client/storefront/components/language-selector.d.ts

@@ -1,5 +1,16 @@
-import type { LanguageSelectorProps, LanguageOption } from "../types";
-declare function LanguageSelector({ languages, value, onValueChange, variant, size, className, labels, }: LanguageSelectorProps): import("react/jsx-runtime").JSX.Element;
-export { LanguageSelector };
-export type { LanguageSelectorProps, LanguageOption };
+import { LanguageOption, LanguageSelectorProps } from "../types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/components/language-selector.d.ts
+declare function LanguageSelector({
+  languages,
+  value,
+  onValueChange,
+  variant,
+  size,
+  className,
+  labels
+}: LanguageSelectorProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { type LanguageOption, LanguageSelector, type LanguageSelectorProps };
 //# sourceMappingURL=language-selector.d.ts.map

package/dist/client/storefront/components/language-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"language-selector.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/components/language-selector.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAuBrE,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAK,EACL,aAAa,EACb,OAAgB,EAChB,IAAgB,EAChB,SAAS,EACT,MAAM,GACP,EAAE,qBAAqB,2CAsCvB;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA;AAC3B,YAAY,EAAE,qBAAqB,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"language-selector.d.ts","names":[],"sources":["../../../../src/client/storefront/components/language-selector.tsx"],"mappings":";;;;iBAmCS,gBAAA,CAAA;EACP,SAAA;EACA,KAAA;EACA,aAAA;EACA,OAAA;EACA,IAAA;EACA,SAAA;EACA;AAAA,GACC,qBAAA,GAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/components/language-selector.mjs

@@ -1,58 +1,55 @@
 "use client";
+import { useIcon } from "../../icons/icon-context.mjs";
+import { cn } from "../../ui/utils.mjs";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../ui/select.mjs";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useIcon } from "../../icons/icon-context";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue
-} from "../../ui/select";
-import { cn } from "../../ui/utils";
-function LanguageItemContent({
-  language,
-  variant
-}) {
-  if (variant === "code") {
-    return /* @__PURE__ */ jsx("span", { children: language.code.toUpperCase() });
-  }
-  return /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
-    variant === "icon" && language.icon && /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0", children: language.icon }),
-    language.label
-  ] });
+//#region src/client/storefront/components/language-selector.tsx
+function LanguageItemContent({ language, variant }) {
+	if (variant === "code") return /* @__PURE__ */ jsx("span", { children: language.code.toUpperCase() });
+	return /* @__PURE__ */ jsxs("span", {
+		className: "flex items-center gap-2",
+		children: [variant === "icon" && language.icon && /* @__PURE__ */ jsx("span", {
+			className: "inline-flex shrink-0",
+			children: language.icon
+		}), language.label]
+	});
 }
-function LanguageSelector({
-  languages,
-  value,
-  onValueChange,
-  variant = "full",
-  size = "default",
-  className,
-  labels
-}) {
-  const GlobeIcon = useIcon("globe");
-  const selected = languages.find((l) => l.code === value);
-  return /* @__PURE__ */ jsxs(Select, { value, onValueChange, children: [
-    /* @__PURE__ */ jsx(
-      SelectTrigger,
-      {
-        size,
-        className: cn(
-          variant === "code" && "border-none shadow-none bg-transparent px-1.5 gap-1",
-          className
-        ),
-        "aria-label": labels?.changeLanguage ?? "Change language",
-        children: /* @__PURE__ */ jsx(SelectValue, { children: selected && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
-          variant === "icon" && selected.icon && /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0", children: selected.icon }),
-          variant === "code" && /* @__PURE__ */ jsx(GlobeIcon, { className: "size-4" }),
-          variant === "code" ? selected.code.toUpperCase() : selected.label
-        ] }) })
-      }
-    ),
-    /* @__PURE__ */ jsx(SelectContent, { position: "popper", align: "end", children: languages.map((lang) => /* @__PURE__ */ jsx(SelectItem, { value: lang.code, children: /* @__PURE__ */ jsx(LanguageItemContent, { language: lang, variant }) }, lang.code)) })
-  ] });
+function LanguageSelector({ languages, value, onValueChange, variant = "full", size = "default", className, labels }) {
+	const GlobeIcon = useIcon("globe");
+	const selected = languages.find((l) => l.code === value);
+	return /* @__PURE__ */ jsxs(Select, {
+		value,
+		onValueChange,
+		children: [/* @__PURE__ */ jsx(SelectTrigger, {
+			size,
+			className: cn(variant === "code" && "border-none shadow-none bg-transparent px-1.5 gap-1", className),
+			"aria-label": labels?.changeLanguage ?? "Change language",
+			children: /* @__PURE__ */ jsx(SelectValue, { children: selected && /* @__PURE__ */ jsxs("span", {
+				className: "flex items-center gap-2",
+				children: [
+					variant === "icon" && selected.icon && /* @__PURE__ */ jsx("span", {
+						className: "inline-flex shrink-0",
+						children: selected.icon
+					}),
+					variant === "code" && /* @__PURE__ */ jsx(GlobeIcon, { className: "size-4" }),
+					variant === "code" ? selected.code.toUpperCase() : selected.label
+				]
+			}) })
+		}), /* @__PURE__ */ jsx(SelectContent, {
+			position: "popper",
+			align: "end",
+			children: languages.map((lang) => /* @__PURE__ */ jsx(SelectItem, {
+				value: lang.code,
+				children: /* @__PURE__ */ jsx(LanguageItemContent, {
+					language: lang,
+					variant
+				})
+			}, lang.code))
+		})]
+	});
 }
-export {
-  LanguageSelector
-};
+//#endregion
+export { LanguageSelector };
+
 //# sourceMappingURL=language-selector.mjs.map

package/dist/client/storefront/components/language-selector.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/components/language-selector.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { useIcon } from \"../../icons/icon-context\"\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../ui/select\"\nimport { cn } from \"../../ui/utils\"\nimport type { LanguageSelectorProps, LanguageOption } from \"../types\"\n\nfunction LanguageItemContent({\n  language,\n  variant,\n}: {\n  language: LanguageOption\n  variant: \"code\" | \"full\" | \"icon\"\n}) {\n  if (variant === \"code\") {\n    return <span>{language.code.toUpperCase()}</span>\n  }\n\n  return (\n    <span className=\"flex items-center gap-2\">\n      {variant === \"icon\" && language.icon && (\n        <span className=\"inline-flex shrink-0\">{language.icon}</span>\n      )}\n      {language.label}\n    </span>\n  )\n}\n\nfunction LanguageSelector({\n  languages,\n  value,\n  onValueChange,\n  variant = \"full\",\n  size = \"default\",\n  className,\n  labels,\n}: LanguageSelectorProps) {\n  const GlobeIcon = useIcon(\"globe\")\n\n  const selected = languages.find((l) => l.code === value)\n\n  return (\n    <Select value={value} onValueChange={onValueChange}>\n      <SelectTrigger\n        size={size}\n        className={cn(\n          variant === \"code\" && \"border-none shadow-none bg-transparent px-1.5 gap-1\",\n          className,\n        )}\n        aria-label={labels?.changeLanguage ?? \"Change language\"}\n      >\n        <SelectValue>\n          {selected && (\n            <span className=\"flex items-center gap-2\">\n              {variant === \"icon\" && selected.icon && (\n                <span className=\"inline-flex shrink-0\">{selected.icon}</span>\n              )}\n              {variant === \"code\" && (\n                <GlobeIcon className=\"size-4\" />\n              )}\n              {variant === \"code\" ? selected.code.toUpperCase() : selected.label}\n            </span>\n          )}\n        </SelectValue>\n      </SelectTrigger>\n      <SelectContent position=\"popper\" align=\"end\">\n        {languages.map((lang) => (\n          <SelectItem key={lang.code} value={lang.code}>\n            <LanguageItemContent language={lang} variant={variant} />\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  )\n}\n\nexport { LanguageSelector }\nexport type { LanguageSelectorProps, LanguageOption }\n"],"mappings":";AAsBW,cAIP,YAJO;AAnBX,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU;AAGnB,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AACF,GAGG;AACD,MAAI,YAAY,QAAQ;AACtB,WAAO,oBAAC,UAAM,mBAAS,KAAK,YAAY,GAAE;AAAA,EAC5C;AAEA,SACE,qBAAC,UAAK,WAAU,2BACb;AAAA,gBAAY,UAAU,SAAS,QAC9B,oBAAC,UAAK,WAAU,wBAAwB,mBAAS,MAAK;AAAA,IAEvD,SAAS;AAAA,KACZ;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,YAAY,QAAQ,OAAO;AAEjC,QAAM,WAAW,UAAU,KAAK,CAAC,MAAM,EAAE,SAAS,KAAK;AAEvD,SACE,qBAAC,UAAO,OAAc,eACpB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,YAAY,UAAU;AAAA,UACtB;AAAA,QACF;AAAA,QACA,cAAY,QAAQ,kBAAkB;AAAA,QAEtC,8BAAC,eACE,sBACC,qBAAC,UAAK,WAAU,2BACb;AAAA,sBAAY,UAAU,SAAS,QAC9B,oBAAC,UAAK,WAAU,wBAAwB,mBAAS,MAAK;AAAA,UAEvD,YAAY,UACX,oBAAC,aAAU,WAAU,UAAS;AAAA,UAE/B,YAAY,SAAS,SAAS,KAAK,YAAY,IAAI,SAAS;AAAA,WAC/D,GAEJ;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,iBAAc,UAAS,UAAS,OAAM,OACpC,oBAAU,IAAI,CAAC,SACd,oBAAC,cAA2B,OAAO,KAAK,MACtC,8BAAC,uBAAoB,UAAU,MAAM,SAAkB,KADxC,KAAK,IAEtB,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"file":"language-selector.mjs","names":[],"sources":["../../../../src/client/storefront/components/language-selector.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { useIcon } from \"../../icons/icon-context\"\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../ui/select\"\nimport { cn } from \"../../ui/utils\"\nimport type { LanguageSelectorProps, LanguageOption } from \"../types\"\n\nfunction LanguageItemContent({\n  language,\n  variant,\n}: {\n  language: LanguageOption\n  variant: \"code\" | \"full\" | \"icon\"\n}) {\n  if (variant === \"code\") {\n    return <span>{language.code.toUpperCase()}</span>\n  }\n\n  return (\n    <span className=\"flex items-center gap-2\">\n      {variant === \"icon\" && language.icon && (\n        <span className=\"inline-flex shrink-0\">{language.icon}</span>\n      )}\n      {language.label}\n    </span>\n  )\n}\n\nfunction LanguageSelector({\n  languages,\n  value,\n  onValueChange,\n  variant = \"full\",\n  size = \"default\",\n  className,\n  labels,\n}: LanguageSelectorProps) {\n  const GlobeIcon = useIcon(\"globe\")\n\n  const selected = languages.find((l) => l.code === value)\n\n  return (\n    <Select value={value} onValueChange={onValueChange}>\n      <SelectTrigger\n        size={size}\n        className={cn(\n          variant === \"code\" && \"border-none shadow-none bg-transparent px-1.5 gap-1\",\n          className,\n        )}\n        aria-label={labels?.changeLanguage ?? \"Change language\"}\n      >\n        <SelectValue>\n          {selected && (\n            <span className=\"flex items-center gap-2\">\n              {variant === \"icon\" && selected.icon && (\n                <span className=\"inline-flex shrink-0\">{selected.icon}</span>\n              )}\n              {variant === \"code\" && (\n                <GlobeIcon className=\"size-4\" />\n              )}\n              {variant === \"code\" ? selected.code.toUpperCase() : selected.label}\n            </span>\n          )}\n        </SelectValue>\n      </SelectTrigger>\n      <SelectContent position=\"popper\" align=\"end\">\n        {languages.map((lang) => (\n          <SelectItem key={lang.code} value={lang.code}>\n            <LanguageItemContent language={lang} variant={variant} />\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  )\n}\n\nexport { LanguageSelector }\nexport type { LanguageSelectorProps, LanguageOption }\n"],"mappings":";;;;;;;AAcA,SAAS,oBAAoB,EAC3B,UACA,WAIC;AACD,KAAI,YAAY,OACd,QAAO,oBAAC,QAAD,EAAA,UAAO,SAAS,KAAK,aAAa,EAAQ,CAAA;AAGnD,QACE,qBAAC,QAAD;EAAM,WAAU;YAAhB,CACG,YAAY,UAAU,SAAS,QAC9B,oBAAC,QAAD;GAAM,WAAU;aAAwB,SAAS;GAAY,CAAA,EAE9D,SAAS,MACL;;;AAIX,SAAS,iBAAiB,EACxB,WACA,OACA,eACA,UAAU,QACV,OAAO,WACP,WACA,UACwB;CACxB,MAAM,YAAY,QAAQ,QAAQ;CAElC,MAAM,WAAW,UAAU,MAAM,MAAM,EAAE,SAAS,MAAM;AAExD,QACE,qBAAC,QAAD;EAAe;EAAsB;YAArC,CACE,oBAAC,eAAD;GACQ;GACN,WAAW,GACT,YAAY,UAAU,uDACtB,UACD;GACD,cAAY,QAAQ,kBAAkB;aAEtC,oBAAC,aAAD,EAAA,UACG,YACC,qBAAC,QAAD;IAAM,WAAU;cAAhB;KACG,YAAY,UAAU,SAAS,QAC9B,oBAAC,QAAD;MAAM,WAAU;gBAAwB,SAAS;MAAY,CAAA;KAE9D,YAAY,UACX,oBAAC,WAAD,EAAW,WAAU,UAAW,CAAA;KAEjC,YAAY,SAAS,SAAS,KAAK,aAAa,GAAG,SAAS;KACxD;OAEG,CAAA;GACA,CAAA,EAChB,oBAAC,eAAD;GAAe,UAAS;GAAS,OAAM;aACpC,UAAU,KAAK,SACd,oBAAC,YAAD;IAA4B,OAAO,KAAK;cACtC,oBAAC,qBAAD;KAAqB,UAAU;KAAe;KAAW,CAAA;IAC9C,EAFI,KAAK,KAET,CACb;GACY,CAAA,CACT"}

package/dist/client/storefront/components/newsletter-signup.d.ts

@@ -1,14 +1,27 @@
-export interface NewsletterSignupProps {
-    onSubmit: (email: string) => void | Promise<void>;
-    placeholder?: string;
-    buttonLabel?: string;
-    successMessage?: string;
-    errorMessage?: string;
-    labels?: {
-        heading?: string;
-        description?: string;
-    };
-    className?: string;
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/components/newsletter-signup.d.ts
+interface NewsletterSignupProps {
+  onSubmit: (email: string) => void | Promise<void>;
+  placeholder?: string;
+  buttonLabel?: string;
+  successMessage?: string;
+  errorMessage?: string;
+  labels?: {
+    heading?: string;
+    description?: string;
+  };
+  className?: string;
 }
-export declare function NewsletterSignup({ onSubmit, placeholder, buttonLabel, successMessage, errorMessage, labels, className, }: NewsletterSignupProps): import("react/jsx-runtime").JSX.Element;
+declare function NewsletterSignup({
+  onSubmit,
+  placeholder,
+  buttonLabel,
+  successMessage,
+  errorMessage,
+  labels,
+  className
+}: NewsletterSignupProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { NewsletterSignup, NewsletterSignupProps };
 //# sourceMappingURL=newsletter-signup.d.ts.map

package/dist/client/storefront/components/newsletter-signup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"newsletter-signup.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/components/newsletter-signup.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACjD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,WAAgC,EAChC,WAAyB,EACzB,cAA0C,EAC1C,YAAY,EACZ,MAAW,EACX,SAAS,GACV,EAAE,qBAAqB,2CA4EvB"}
+{"version":3,"file":"newsletter-signup.d.ts","names":[],"sources":["../../../../src/client/storefront/components/newsletter-signup.tsx"],"mappings":";;;UAQiB,qBAAA;EACf,QAAA,GAAW,KAAA,oBAAyB,OAAA;EACpC,WAAA;EACA,WAAA;EACA,cAAA;EACA,YAAA;EACA,MAAA;IACE,OAAA;IACA,WAAA;EAAA;EAEF,SAAA;AAAA;AAAA,iBAGc,gBAAA,CAAA;EACd,QAAA;EACA,WAAA;EACA,WAAA;EACA,cAAA;EACA,YAAA;EACA,MAAA;EACA;AAAA,GACC,qBAAA,GAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}