@enadhq/enad-react-sdk 1.0.2 → 1.1.0

package/dist/client/storefront/components/search-autocomplete.d.ts

@@ -1,25 +1,41 @@
-export interface SearchSuggestion {
-    id: string;
-    label: string;
-    type?: "product" | "category" | "recent" | "suggestion";
-    imageUrl?: string;
-    meta?: string;
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/components/search-autocomplete.d.ts
+interface SearchSuggestion {
+  id: string;
+  label: string;
+  type?: "product" | "category" | "recent" | "suggestion";
+  imageUrl?: string;
+  meta?: string;
 }
-export interface SearchAutocompleteProps {
-    value?: string;
-    onValueChange?: (value: string) => void;
-    onSearch?: (query: string) => void;
-    onSelect?: (suggestion: SearchSuggestion) => void;
-    suggestions?: SearchSuggestion[];
-    loading?: boolean;
-    placeholder?: string;
-    debounceMs?: number;
-    className?: string;
-    labels?: {
-        clear?: string;
-        noResults?: string;
-        searching?: string;
-    };
+interface SearchAutocompleteProps {
+  value?: string;
+  onValueChange?: (value: string) => void;
+  onSearch?: (query: string) => void;
+  onSelect?: (suggestion: SearchSuggestion) => void;
+  suggestions?: SearchSuggestion[];
+  loading?: boolean;
+  placeholder?: string;
+  debounceMs?: number;
+  className?: string;
+  labels?: {
+    clear?: string;
+    noResults?: string;
+    searching?: string;
+  };
 }
-export declare function SearchAutocomplete({ value: controlledValue, onValueChange, onSearch, onSelect, suggestions, loading, placeholder, debounceMs, className, labels, }: SearchAutocompleteProps): import("react/jsx-runtime").JSX.Element;
+declare function SearchAutocomplete({
+  value: controlledValue,
+  onValueChange,
+  onSearch,
+  onSelect,
+  suggestions,
+  loading,
+  placeholder,
+  debounceMs,
+  className,
+  labels
+}: SearchAutocompleteProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SearchAutocomplete, SearchAutocompleteProps, SearchSuggestion };
 //# sourceMappingURL=search-autocomplete.d.ts.map

package/dist/client/storefront/components/search-autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/components/search-autocomplete.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,YAAY,CAAC;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,WAAgB,EAChB,OAAe,EACf,WAAyB,EACzB,UAAgB,EAChB,SAAS,EACT,MAAW,GACZ,EAAE,uBAAuB,2CAgMzB"}
+{"version":3,"file":"search-autocomplete.d.ts","names":[],"sources":["../../../../src/client/storefront/components/search-autocomplete.tsx"],"mappings":";;;UAOiB,gBAAA;EACf,EAAA;EACA,KAAA;EACA,IAAA;EACA,QAAA;EACA,IAAA;AAAA;AAAA,UAGe,uBAAA;EACf,KAAA;EACA,aAAA,IAAiB,KAAA;EACjB,QAAA,IAAY,KAAA;EACZ,QAAA,IAAY,UAAA,EAAY,gBAAA;EACxB,WAAA,GAAc,gBAAA;EACd,OAAA;EACA,WAAA;EACA,UAAA;EACA,SAAA;EACA,MAAA;IACE,KAAA;IACA,SAAA;IACA,SAAA;EAAA;AAAA;AAAA,iBAIY,kBAAA,CAAA;EACd,KAAA,EAAO,eAAA;EACP,aAAA;EACA,QAAA;EACA,QAAA;EACA,WAAA;EACA,OAAA;EACA,WAAA;EACA,UAAA;EACA,SAAA;EACA;AAAA,GACC,uBAAA,GAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/components/search-autocomplete.mjs

@@ -1,183 +1,167 @@
 "use client";
+import { useIcon } from "../../icons/icon-context.mjs";
+import { cn } from "../../ui/utils.mjs";
+import { Input } from "../../ui-resolver/input.mjs";
+import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../ui/utils";
-import { useIcon } from "../../icons/icon-context";
-import { Input } from "../../ui-resolver/input";
-function SearchAutocomplete({
-  value: controlledValue,
-  onValueChange,
-  onSearch,
-  onSelect,
-  suggestions = [],
-  loading = false,
-  placeholder = "Search...",
-  debounceMs = 300,
-  className,
-  labels = {}
-}) {
-  const {
-    clear: clearLabel = "Clear",
-    noResults = "No results found",
-    searching: searchingLabel = "Searching..."
-  } = labels;
-  const SearchIcon = useIcon("search");
-  const CloseIcon = useIcon("close");
-  const listboxId = React.useId();
-  const [internalValue, setInternalValue] = React.useState("");
-  const value = controlledValue ?? internalValue;
-  const setValue = onValueChange ?? setInternalValue;
-  const [isOpen, setIsOpen] = React.useState(false);
-  const [activeIndex, setActiveIndex] = React.useState(-1);
-  const containerRef = React.useRef(null);
-  const inputRef = React.useRef(null);
-  const debounceRef = React.useRef(void 0);
-  const onSearchRef = React.useRef(onSearch);
-  onSearchRef.current = onSearch;
-  const showDropdown = isOpen && value.length > 0;
-  React.useEffect(() => {
-    if (!value.trim() || !onSearchRef.current) return;
-    clearTimeout(debounceRef.current);
-    debounceRef.current = setTimeout(() => {
-      onSearchRef.current?.(value.trim());
-    }, debounceMs);
-    return () => clearTimeout(debounceRef.current);
-  }, [value, debounceMs]);
-  React.useEffect(() => {
-    setActiveIndex(-1);
-  }, [suggestions]);
-  React.useEffect(() => {
-    function handleClick(e) {
-      if (containerRef.current && !containerRef.current.contains(e.target)) {
-        setIsOpen(false);
-      }
-    }
-    document.addEventListener("mousedown", handleClick);
-    return () => document.removeEventListener("mousedown", handleClick);
-  }, []);
-  function handleKeyDown(e) {
-    if (!showDropdown) {
-      if (e.key === "ArrowDown" && value.length > 0) {
-        setIsOpen(true);
-        e.preventDefault();
-      }
-      return;
-    }
-    switch (e.key) {
-      case "ArrowDown":
-        e.preventDefault();
-        setActiveIndex((i) => i < suggestions.length - 1 ? i + 1 : 0);
-        break;
-      case "ArrowUp":
-        e.preventDefault();
-        setActiveIndex((i) => i > 0 ? i - 1 : suggestions.length - 1);
-        break;
-      case "Enter":
-        e.preventDefault();
-        if (activeIndex >= 0 && suggestions[activeIndex]) {
-          onSelect?.(suggestions[activeIndex]);
-          setIsOpen(false);
-        } else if (onSearch) {
-          onSearch(value.trim());
-          setIsOpen(false);
-        }
-        break;
-      case "Escape":
-        setIsOpen(false);
-        inputRef.current?.blur();
-        break;
-    }
-  }
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: cn("font-enad relative", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx(SearchIcon, { className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-(--enad-text-muted-color)" }),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          ref: inputRef,
-          type: "search",
-          value,
-          onChange: (e) => {
-            setValue(e.target.value);
-            setIsOpen(true);
-          },
-          onFocus: () => value.length > 0 && setIsOpen(true),
-          onKeyDown: handleKeyDown,
-          placeholder,
-          className: "pl-9 pr-9",
-          role: "combobox",
-          "aria-expanded": showDropdown,
-          "aria-autocomplete": "list",
-          "aria-controls": listboxId,
-          "aria-activedescendant": activeIndex >= 0 ? `${listboxId}-option-${activeIndex}` : void 0
-        }
-      ),
-      value.length > 0 && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => {
-            setValue("");
-            setIsOpen(false);
-            inputRef.current?.focus();
-          },
-          className: "absolute right-3 top-1/2 -translate-y-1/2 text-(--enad-text-muted-color) hover:text-(--enad-text-primary-color)",
-          "aria-label": clearLabel,
-          children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-4" })
-        }
-      )
-    ] }),
-    showDropdown && /* @__PURE__ */ jsxs(
-      "ul",
-      {
-        id: listboxId,
-        role: "listbox",
-        className: cn(
-          "absolute z-50 mt-1 w-full overflow-hidden rounded-(--enad-card-radius) border border-(--enad-border-color)",
-          "bg-(--enad-surface) shadow-lg"
-        ),
-        children: [
-          loading && /* @__PURE__ */ jsx("li", { className: "px-4 py-3 text-sm text-(--enad-text-muted-color) animate-pulse", children: searchingLabel }),
-          !loading && suggestions.length === 0 && /* @__PURE__ */ jsx("li", { className: "px-4 py-3 text-sm text-(--enad-text-muted-color)", children: noResults }),
-          !loading && suggestions.map((suggestion, index) => /* @__PURE__ */ jsxs(
-            "li",
-            {
-              id: `${listboxId}-option-${index}`,
-              role: "option",
-              "aria-selected": index === activeIndex,
-              onMouseEnter: () => setActiveIndex(index),
-              onClick: () => {
-                onSelect?.(suggestion);
-                setIsOpen(false);
-              },
-              className: cn(
-                "flex cursor-pointer items-center gap-3 px-4 py-2.5 text-sm transition-colors",
-                index === activeIndex ? "bg-(--enad-hover-bg)" : "hover:bg-(--enad-hover-bg)"
-              ),
-              children: [
-                suggestion.imageUrl ? /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    src: suggestion.imageUrl,
-                    alt: "",
-                    className: "size-8 shrink-0 rounded object-cover"
-                  }
-                ) : /* @__PURE__ */ jsx("span", { className: "flex size-8 shrink-0 items-center justify-center text-(--enad-text-muted-color)", children: /* @__PURE__ */ jsx(SearchIcon, { className: "size-4" }) }),
-                /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsx("p", { className: "truncate text-(--enad-text-primary-color)", children: suggestion.label }),
-                  suggestion.meta && /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-(--enad-text-muted-color)", children: suggestion.meta })
-                ] }),
-                suggestion.type && /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-full bg-(--enad-hover-bg) px-2 py-0.5 text-[10px] font-medium text-(--enad-text-muted-color) capitalize", children: suggestion.type })
-              ]
-            },
-            suggestion.id
-          ))
-        ]
-      }
-    )
-  ] });
+//#region src/client/storefront/components/search-autocomplete.tsx
+function SearchAutocomplete({ value: controlledValue, onValueChange, onSearch, onSelect, suggestions = [], loading = false, placeholder = "Search...", debounceMs = 300, className, labels = {} }) {
+	const { clear: clearLabel = "Clear", noResults = "No results found", searching: searchingLabel = "Searching..." } = labels;
+	const SearchIcon = useIcon("search");
+	const CloseIcon = useIcon("close");
+	const listboxId = React$1.useId();
+	const [internalValue, setInternalValue] = React$1.useState("");
+	const value = controlledValue ?? internalValue;
+	const setValue = onValueChange ?? setInternalValue;
+	const [isOpen, setIsOpen] = React$1.useState(false);
+	const [activeIndex, setActiveIndex] = React$1.useState(-1);
+	const containerRef = React$1.useRef(null);
+	const inputRef = React$1.useRef(null);
+	const debounceRef = React$1.useRef(void 0);
+	const onSearchRef = React$1.useRef(onSearch);
+	onSearchRef.current = onSearch;
+	const showDropdown = isOpen && value.length > 0;
+	React$1.useEffect(() => {
+		if (!value.trim() || !onSearchRef.current) return;
+		clearTimeout(debounceRef.current);
+		debounceRef.current = setTimeout(() => {
+			onSearchRef.current?.(value.trim());
+		}, debounceMs);
+		return () => clearTimeout(debounceRef.current);
+	}, [value, debounceMs]);
+	React$1.useEffect(() => {
+		setActiveIndex(-1);
+	}, [suggestions]);
+	React$1.useEffect(() => {
+		function handleClick(e) {
+			if (containerRef.current && !containerRef.current.contains(e.target)) setIsOpen(false);
+		}
+		document.addEventListener("mousedown", handleClick);
+		return () => document.removeEventListener("mousedown", handleClick);
+	}, []);
+	function handleKeyDown(e) {
+		if (!showDropdown) {
+			if (e.key === "ArrowDown" && value.length > 0) {
+				setIsOpen(true);
+				e.preventDefault();
+			}
+			return;
+		}
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault();
+				setActiveIndex((i) => i < suggestions.length - 1 ? i + 1 : 0);
+				break;
+			case "ArrowUp":
+				e.preventDefault();
+				setActiveIndex((i) => i > 0 ? i - 1 : suggestions.length - 1);
+				break;
+			case "Enter":
+				e.preventDefault();
+				if (activeIndex >= 0 && suggestions[activeIndex]) {
+					onSelect?.(suggestions[activeIndex]);
+					setIsOpen(false);
+				} else if (onSearch) {
+					onSearch(value.trim());
+					setIsOpen(false);
+				}
+				break;
+			case "Escape":
+				setIsOpen(false);
+				inputRef.current?.blur();
+				break;
+		}
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		ref: containerRef,
+		className: cn("font-enad relative", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			children: [
+				/* @__PURE__ */ jsx(SearchIcon, { className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-(--enad-text-muted-color)" }),
+				/* @__PURE__ */ jsx(Input, {
+					ref: inputRef,
+					type: "search",
+					value,
+					onChange: (e) => {
+						setValue(e.target.value);
+						setIsOpen(true);
+					},
+					onFocus: () => value.length > 0 && setIsOpen(true),
+					onKeyDown: handleKeyDown,
+					placeholder,
+					className: "pl-9 pr-9",
+					role: "combobox",
+					"aria-expanded": showDropdown,
+					"aria-autocomplete": "list",
+					"aria-controls": listboxId,
+					"aria-activedescendant": activeIndex >= 0 ? `${listboxId}-option-${activeIndex}` : void 0
+				}),
+				value.length > 0 && /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: () => {
+						setValue("");
+						setIsOpen(false);
+						inputRef.current?.focus();
+					},
+					className: "absolute right-3 top-1/2 -translate-y-1/2 text-(--enad-text-muted-color) hover:text-(--enad-text-primary-color)",
+					"aria-label": clearLabel,
+					children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-4" })
+				})
+			]
+		}), showDropdown && /* @__PURE__ */ jsxs("ul", {
+			id: listboxId,
+			role: "listbox",
+			className: cn("absolute z-50 mt-1 w-full overflow-hidden rounded-(--enad-card-radius) border border-(--enad-border-color)", "bg-(--enad-surface) shadow-lg"),
+			children: [
+				loading && /* @__PURE__ */ jsx("li", {
+					className: "px-4 py-3 text-sm text-(--enad-text-muted-color) animate-pulse",
+					children: searchingLabel
+				}),
+				!loading && suggestions.length === 0 && /* @__PURE__ */ jsx("li", {
+					className: "px-4 py-3 text-sm text-(--enad-text-muted-color)",
+					children: noResults
+				}),
+				!loading && suggestions.map((suggestion, index) => /* @__PURE__ */ jsxs("li", {
+					id: `${listboxId}-option-${index}`,
+					role: "option",
+					"aria-selected": index === activeIndex,
+					onMouseEnter: () => setActiveIndex(index),
+					onClick: () => {
+						onSelect?.(suggestion);
+						setIsOpen(false);
+					},
+					className: cn("flex cursor-pointer items-center gap-3 px-4 py-2.5 text-sm transition-colors", index === activeIndex ? "bg-(--enad-hover-bg)" : "hover:bg-(--enad-hover-bg)"),
+					children: [
+						suggestion.imageUrl ? /* @__PURE__ */ jsx("img", {
+							src: suggestion.imageUrl,
+							alt: "",
+							className: "size-8 shrink-0 rounded object-cover"
+						}) : /* @__PURE__ */ jsx("span", {
+							className: "flex size-8 shrink-0 items-center justify-center text-(--enad-text-muted-color)",
+							children: /* @__PURE__ */ jsx(SearchIcon, { className: "size-4" })
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex-1 min-w-0",
+							children: [/* @__PURE__ */ jsx("p", {
+								className: "truncate text-(--enad-text-primary-color)",
+								children: suggestion.label
+							}), suggestion.meta && /* @__PURE__ */ jsx("p", {
+								className: "truncate text-xs text-(--enad-text-muted-color)",
+								children: suggestion.meta
+							})]
+						}),
+						suggestion.type && /* @__PURE__ */ jsx("span", {
+							className: "shrink-0 rounded-full bg-(--enad-hover-bg) px-2 py-0.5 text-[10px] font-medium text-(--enad-text-muted-color) capitalize",
+							children: suggestion.type
+						})
+					]
+				}, suggestion.id))
+			]
+		})]
+	});
 }
-export {
-  SearchAutocomplete
-};
+//#endregion
+export { SearchAutocomplete };
+
 //# sourceMappingURL=search-autocomplete.mjs.map

package/dist/client/storefront/components/search-autocomplete.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/components/search-autocomplete.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\nimport { useIcon } from \"../../icons/icon-context\";\nimport { Input } from \"../../ui-resolver/input\";\n\nexport interface SearchSuggestion {\n  id: string;\n  label: string;\n  type?: \"product\" | \"category\" | \"recent\" | \"suggestion\";\n  imageUrl?: string;\n  meta?: string;\n}\n\nexport interface SearchAutocompleteProps {\n  value?: string;\n  onValueChange?: (value: string) => void;\n  onSearch?: (query: string) => void;\n  onSelect?: (suggestion: SearchSuggestion) => void;\n  suggestions?: SearchSuggestion[];\n  loading?: boolean;\n  placeholder?: string;\n  debounceMs?: number;\n  className?: string;\n  labels?: {\n    clear?: string;\n    noResults?: string;\n    searching?: string;\n  };\n}\n\nexport function SearchAutocomplete({\n  value: controlledValue,\n  onValueChange,\n  onSearch,\n  onSelect,\n  suggestions = [],\n  loading = false,\n  placeholder = \"Search...\",\n  debounceMs = 300,\n  className,\n  labels = {},\n}: SearchAutocompleteProps) {\n  const {\n    clear: clearLabel = \"Clear\",\n    noResults = \"No results found\",\n    searching: searchingLabel = \"Searching...\",\n  } = labels;\n\n  const SearchIcon = useIcon(\"search\");\n  const CloseIcon = useIcon(\"close\");\n\n  const listboxId = React.useId();\n  const [internalValue, setInternalValue] = React.useState(\"\");\n  const value = controlledValue ?? internalValue;\n  const setValue = onValueChange ?? setInternalValue;\n\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [activeIndex, setActiveIndex] = React.useState(-1);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const debounceRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const onSearchRef = React.useRef(onSearch);\n  onSearchRef.current = onSearch;\n\n  const showDropdown = isOpen && value.length > 0;\n\n  React.useEffect(() => {\n    if (!value.trim() || !onSearchRef.current) return;\n    clearTimeout(debounceRef.current);\n    debounceRef.current = setTimeout(() => {\n      onSearchRef.current?.(value.trim());\n    }, debounceMs);\n    return () => clearTimeout(debounceRef.current);\n  }, [value, debounceMs]);\n\n  React.useEffect(() => {\n    setActiveIndex(-1);\n  }, [suggestions]);\n\n  // Close on outside click\n  React.useEffect(() => {\n    function handleClick(e: MouseEvent) {\n      if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n        setIsOpen(false);\n      }\n    }\n    document.addEventListener(\"mousedown\", handleClick);\n    return () => document.removeEventListener(\"mousedown\", handleClick);\n  }, []);\n\n  function handleKeyDown(e: React.KeyboardEvent) {\n    if (!showDropdown) {\n      if (e.key === \"ArrowDown\" && value.length > 0) {\n        setIsOpen(true);\n        e.preventDefault();\n      }\n      return;\n    }\n\n    switch (e.key) {\n      case \"ArrowDown\":\n        e.preventDefault();\n        setActiveIndex((i) => (i < suggestions.length - 1 ? i + 1 : 0));\n        break;\n      case \"ArrowUp\":\n        e.preventDefault();\n        setActiveIndex((i) => (i > 0 ? i - 1 : suggestions.length - 1));\n        break;\n      case \"Enter\":\n        e.preventDefault();\n        if (activeIndex >= 0 && suggestions[activeIndex]) {\n          onSelect?.(suggestions[activeIndex]);\n          setIsOpen(false);\n        } else if (onSearch) {\n          onSearch(value.trim());\n          setIsOpen(false);\n        }\n        break;\n      case \"Escape\":\n        setIsOpen(false);\n        inputRef.current?.blur();\n        break;\n    }\n  }\n\n  return (\n    <div ref={containerRef} className={cn(\"font-enad relative\", className)}>\n      <div className=\"relative\">\n        <SearchIcon className=\"pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-(--enad-text-muted-color)\" />\n        <Input\n          ref={inputRef}\n          type=\"search\"\n          value={value}\n          onChange={(e) => {\n            setValue(e.target.value);\n            setIsOpen(true);\n          }}\n          onFocus={() => value.length > 0 && setIsOpen(true)}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          className=\"pl-9 pr-9\"\n          role=\"combobox\"\n          aria-expanded={showDropdown}\n          aria-autocomplete=\"list\"\n          aria-controls={listboxId}\n          aria-activedescendant={\n            activeIndex >= 0 ? `${listboxId}-option-${activeIndex}` : undefined\n          }\n        />\n        {value.length > 0 && (\n          <button\n            type=\"button\"\n            onClick={() => {\n              setValue(\"\");\n              setIsOpen(false);\n              inputRef.current?.focus();\n            }}\n            className=\"absolute right-3 top-1/2 -translate-y-1/2 text-(--enad-text-muted-color) hover:text-(--enad-text-primary-color)\"\n            aria-label={clearLabel}\n          >\n            <CloseIcon className=\"size-4\" />\n          </button>\n        )}\n      </div>\n\n      {showDropdown && (\n        <ul\n          id={listboxId}\n          role=\"listbox\"\n          className={cn(\n            \"absolute z-50 mt-1 w-full overflow-hidden rounded-(--enad-card-radius) border border-(--enad-border-color)\",\n            \"bg-(--enad-surface) shadow-lg\",\n          )}\n        >\n          {loading && (\n            <li className=\"px-4 py-3 text-sm text-(--enad-text-muted-color) animate-pulse\">\n              {searchingLabel}\n            </li>\n          )}\n\n          {!loading && suggestions.length === 0 && (\n            <li className=\"px-4 py-3 text-sm text-(--enad-text-muted-color)\">{noResults}</li>\n          )}\n\n          {!loading &&\n            suggestions.map((suggestion, index) => (\n              <li\n                key={suggestion.id}\n                id={`${listboxId}-option-${index}`}\n                role=\"option\"\n                aria-selected={index === activeIndex}\n                onMouseEnter={() => setActiveIndex(index)}\n                onClick={() => {\n                  onSelect?.(suggestion);\n                  setIsOpen(false);\n                }}\n                className={cn(\n                  \"flex cursor-pointer items-center gap-3 px-4 py-2.5 text-sm transition-colors\",\n                  index === activeIndex ? \"bg-(--enad-hover-bg)\" : \"hover:bg-(--enad-hover-bg)\",\n                )}\n              >\n                {suggestion.imageUrl ? (\n                  <img\n                    src={suggestion.imageUrl}\n                    alt=\"\"\n                    className=\"size-8 shrink-0 rounded object-cover\"\n                  />\n                ) : (\n                  <span className=\"flex size-8 shrink-0 items-center justify-center text-(--enad-text-muted-color)\">\n                    <SearchIcon className=\"size-4\" />\n                  </span>\n                )}\n\n                <div className=\"flex-1 min-w-0\">\n                  <p className=\"truncate text-(--enad-text-primary-color)\">{suggestion.label}</p>\n                  {suggestion.meta && (\n                    <p className=\"truncate text-xs text-(--enad-text-muted-color)\">\n                      {suggestion.meta}\n                    </p>\n                  )}\n                </div>\n\n                {suggestion.type && (\n                  <span className=\"shrink-0 rounded-full bg-(--enad-hover-bg) px-2 py-0.5 text-[10px] font-medium text-(--enad-text-muted-color) capitalize\">\n                    {suggestion.type}\n                  </span>\n                )}\n              </li>\n            ))}\n        </ul>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"file":"search-autocomplete.mjs","names":["React"],"sources":["../../../../src/client/storefront/components/search-autocomplete.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\nimport { useIcon } from \"../../icons/icon-context\";\nimport { Input } from \"../../ui-resolver/input\";\n\nexport interface SearchSuggestion {\n  id: string;\n  label: string;\n  type?: \"product\" | \"category\" | \"recent\" | \"suggestion\";\n  imageUrl?: string;\n  meta?: string;\n}\n\nexport interface SearchAutocompleteProps {\n  value?: string;\n  onValueChange?: (value: string) => void;\n  onSearch?: (query: string) => void;\n  onSelect?: (suggestion: SearchSuggestion) => void;\n  suggestions?: SearchSuggestion[];\n  loading?: boolean;\n  placeholder?: string;\n  debounceMs?: number;\n  className?: string;\n  labels?: {\n    clear?: string;\n    noResults?: string;\n    searching?: string;\n  };\n}\n\nexport function SearchAutocomplete({\n  value: controlledValue,\n  onValueChange,\n  onSearch,\n  onSelect,\n  suggestions = [],\n  loading = false,\n  placeholder = \"Search...\",\n  debounceMs = 300,\n  className,\n  labels = {},\n}: SearchAutocompleteProps) {\n  const {\n    clear: clearLabel = \"Clear\",\n    noResults = \"No results found\",\n    searching: searchingLabel = \"Searching...\",\n  } = labels;\n\n  const SearchIcon = useIcon(\"search\");\n  const CloseIcon = useIcon(\"close\");\n\n  const listboxId = React.useId();\n  const [internalValue, setInternalValue] = React.useState(\"\");\n  const value = controlledValue ?? internalValue;\n  const setValue = onValueChange ?? setInternalValue;\n\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [activeIndex, setActiveIndex] = React.useState(-1);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const debounceRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const onSearchRef = React.useRef(onSearch);\n  onSearchRef.current = onSearch;\n\n  const showDropdown = isOpen && value.length > 0;\n\n  React.useEffect(() => {\n    if (!value.trim() || !onSearchRef.current) return;\n    clearTimeout(debounceRef.current);\n    debounceRef.current = setTimeout(() => {\n      onSearchRef.current?.(value.trim());\n    }, debounceMs);\n    return () => clearTimeout(debounceRef.current);\n  }, [value, debounceMs]);\n\n  React.useEffect(() => {\n    setActiveIndex(-1);\n  }, [suggestions]);\n\n  // Close on outside click\n  React.useEffect(() => {\n    function handleClick(e: MouseEvent) {\n      if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n        setIsOpen(false);\n      }\n    }\n    document.addEventListener(\"mousedown\", handleClick);\n    return () => document.removeEventListener(\"mousedown\", handleClick);\n  }, []);\n\n  function handleKeyDown(e: React.KeyboardEvent) {\n    if (!showDropdown) {\n      if (e.key === \"ArrowDown\" && value.length > 0) {\n        setIsOpen(true);\n        e.preventDefault();\n      }\n      return;\n    }\n\n    switch (e.key) {\n      case \"ArrowDown\":\n        e.preventDefault();\n        setActiveIndex((i) => (i < suggestions.length - 1 ? i + 1 : 0));\n        break;\n      case \"ArrowUp\":\n        e.preventDefault();\n        setActiveIndex((i) => (i > 0 ? i - 1 : suggestions.length - 1));\n        break;\n      case \"Enter\":\n        e.preventDefault();\n        if (activeIndex >= 0 && suggestions[activeIndex]) {\n          onSelect?.(suggestions[activeIndex]);\n          setIsOpen(false);\n        } else if (onSearch) {\n          onSearch(value.trim());\n          setIsOpen(false);\n        }\n        break;\n      case \"Escape\":\n        setIsOpen(false);\n        inputRef.current?.blur();\n        break;\n    }\n  }\n\n  return (\n    <div ref={containerRef} className={cn(\"font-enad relative\", className)}>\n      <div className=\"relative\">\n        <SearchIcon className=\"pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-(--enad-text-muted-color)\" />\n        <Input\n          ref={inputRef}\n          type=\"search\"\n          value={value}\n          onChange={(e) => {\n            setValue(e.target.value);\n            setIsOpen(true);\n          }}\n          onFocus={() => value.length > 0 && setIsOpen(true)}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          className=\"pl-9 pr-9\"\n          role=\"combobox\"\n          aria-expanded={showDropdown}\n          aria-autocomplete=\"list\"\n          aria-controls={listboxId}\n          aria-activedescendant={\n            activeIndex >= 0 ? `${listboxId}-option-${activeIndex}` : undefined\n          }\n        />\n        {value.length > 0 && (\n          <button\n            type=\"button\"\n            onClick={() => {\n              setValue(\"\");\n              setIsOpen(false);\n              inputRef.current?.focus();\n            }}\n            className=\"absolute right-3 top-1/2 -translate-y-1/2 text-(--enad-text-muted-color) hover:text-(--enad-text-primary-color)\"\n            aria-label={clearLabel}\n          >\n            <CloseIcon className=\"size-4\" />\n          </button>\n        )}\n      </div>\n\n      {showDropdown && (\n        <ul\n          id={listboxId}\n          role=\"listbox\"\n          className={cn(\n            \"absolute z-50 mt-1 w-full overflow-hidden rounded-(--enad-card-radius) border border-(--enad-border-color)\",\n            \"bg-(--enad-surface) shadow-lg\",\n          )}\n        >\n          {loading && (\n            <li className=\"px-4 py-3 text-sm text-(--enad-text-muted-color) animate-pulse\">\n              {searchingLabel}\n            </li>\n          )}\n\n          {!loading && suggestions.length === 0 && (\n            <li className=\"px-4 py-3 text-sm text-(--enad-text-muted-color)\">{noResults}</li>\n          )}\n\n          {!loading &&\n            suggestions.map((suggestion, index) => (\n              <li\n                key={suggestion.id}\n                id={`${listboxId}-option-${index}`}\n                role=\"option\"\n                aria-selected={index === activeIndex}\n                onMouseEnter={() => setActiveIndex(index)}\n                onClick={() => {\n                  onSelect?.(suggestion);\n                  setIsOpen(false);\n                }}\n                className={cn(\n                  \"flex cursor-pointer items-center gap-3 px-4 py-2.5 text-sm transition-colors\",\n                  index === activeIndex ? \"bg-(--enad-hover-bg)\" : \"hover:bg-(--enad-hover-bg)\",\n                )}\n              >\n                {suggestion.imageUrl ? (\n                  <img\n                    src={suggestion.imageUrl}\n                    alt=\"\"\n                    className=\"size-8 shrink-0 rounded object-cover\"\n                  />\n                ) : (\n                  <span className=\"flex size-8 shrink-0 items-center justify-center text-(--enad-text-muted-color)\">\n                    <SearchIcon className=\"size-4\" />\n                  </span>\n                )}\n\n                <div className=\"flex-1 min-w-0\">\n                  <p className=\"truncate text-(--enad-text-primary-color)\">{suggestion.label}</p>\n                  {suggestion.meta && (\n                    <p className=\"truncate text-xs text-(--enad-text-muted-color)\">\n                      {suggestion.meta}\n                    </p>\n                  )}\n                </div>\n\n                {suggestion.type && (\n                  <span className=\"shrink-0 rounded-full bg-(--enad-hover-bg) px-2 py-0.5 text-[10px] font-medium text-(--enad-text-muted-color) capitalize\">\n                    {suggestion.type}\n                  </span>\n                )}\n              </li>\n            ))}\n        </ul>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/client/storefront/components/section-nav.d.ts

@@ -1,20 +1,30 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/components/section-nav.d.ts
 interface SectionLink {
-    label: string;
-    /** Anchor href, e.g. "#specs" */
-    href: string;
-    /** Optional group name for the overflow popover */
-    group?: string;
+  label: string;
+  /** Anchor href, e.g. "#specs" */
+  href: string;
+  /** Optional group name for the overflow popover */
+  group?: string;
 }
 interface SectionNavProps {
-    links: SectionLink[];
-    /** How many pills to show inline before overflow (default: 4) */
-    visibleCount?: number;
-    /** Top offset in px for sticky positioning, e.g. header height (default: 0) */
-    stickyOffset?: number;
-    /** Label for the overflow trigger (default: "More") */
-    moreLabel?: string;
-    className?: string;
+  links: SectionLink[];
+  /** How many pills to show inline before overflow (default: 4) */
+  visibleCount?: number;
+  /** Top offset in px for sticky positioning, e.g. header height (default: 0) */
+  stickyOffset?: number;
+  /** Label for the overflow trigger (default: "More") */
+  moreLabel?: string;
+  className?: string;
 }
-declare function SectionNav({ links, visibleCount, stickyOffset, moreLabel, className, }: SectionNavProps): import("react/jsx-runtime").JSX.Element;
-export { SectionNav, type SectionLink, type SectionNavProps };
+declare function SectionNav({
+  links,
+  visibleCount,
+  stickyOffset,
+  moreLabel,
+  className
+}: SectionNavProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { type SectionLink, SectionNav, type SectionNavProps };
 //# sourceMappingURL=section-nav.d.ts.map

package/dist/client/storefront/components/section-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"section-nav.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/components/section-nav.tsx"],"names":[],"mappings":"AASA,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAe;IACvB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,YAAgB,EAChB,YAAgB,EAChB,SAAkB,EAClB,SAAS,GACV,EAAE,eAAe,2CA2MjB;AAED,OAAO,EAAE,UAAU,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAE,CAAC"}
+{"version":3,"file":"section-nav.d.ts","names":[],"sources":["../../../../src/client/storefront/components/section-nav.tsx"],"mappings":";;;UASU,WAAA;EACR,KAAA;;EAEA,IAAA;EAHmB;EAKnB,KAAA;AAAA;AAAA,UAGQ,eAAA;EACR,KAAA,EAAO,WAAA;EAJP;EAMA,YAAA;EANK;EAQL,YAAA;EALuB;EAOvB,SAAA;EACA,SAAA;AAAA;AAAA,iBAGO,UAAA,CAAA;EACP,KAAA;EACA,YAAA;EACA,YAAA;EACA,SAAA;EACA;AAAA,GACC,eAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}