@solidxai/core-ui 0.1.5-beta.9 → 0.1.7-beta.0

package/dist/components/layout/navbar-two-menu.tsx

@@ -1,20 +1,30 @@
 import Link from "../common/Link";
 import { usePathname } from "../../hooks/usePathname";
 import { PanelMenu } from "primereact/panelmenu";
-import { useState } from "react";
+import { useState, useEffect } from "react";
+import { useSearchParams } from "../../hooks/useSearchParams";
 
 const NavbarTwoMenu = ({ menuItems }: any) => {
-    const pathname = usePathname();
+    const searchParams = useSearchParams();
     const [expandedKeys, setExpandedKeys] = useState<any>({});
+
+    const activeId = searchParams.get("menuItemId");
+    const hasActiveChild = (items: any[]): boolean => {
+        if (!activeId) return false;
+        return items?.some((item) =>
+            (item.id !== null && item.id === activeId) || hasActiveChild(item.items ?? [])
+        );
+    };
     const itemRenderer = (item: any, options: any) => {
-        const isSelected = pathname === item.url
+        const isSelected = activeId !== null && item.id !== null && item.id === activeId;
+        const isParentActive = activeId !== null && item.items?.length > 0 && hasActiveChild(item.items);
         return (
-            <div key={item?.key} className={`flex align-items-center cursor-pointer menuHead px-3 ${isSelected ? ' p-highlight' : ''}`} onClick={options.onClick}>
-                <Link href={item?.url ? item?.url : '#'} className="w-full flex justify-content-between font-normal">
+            <div key={item?.key} className={`flex align-items-center cursor-pointer menuHead px-3 ${isSelected || isParentActive ? "p-highlight" : ""}`} onClick={options.onClick} >
+                <Link href={item?.url ? item?.url : "#"} className="w-full flex justify-content-between font-normal">
                     <div className="flex align-items-center" style={{ gap: 10 }}>
                         {item.icon && (
                             // material-symbols-${item.iconVariant ?? 'outlined'}
-                            <span className={`material-symbols-outlined`} style={{ fontSize: 18 }}>
+                            <span className="material-symbols-outlined" style={{ fontSize: 18 }}>
                                 {item.icon}
                             </span>
                         )}
@@ -22,45 +32,53 @@ const NavbarTwoMenu = ({ menuItems }: any) => {
                             {item.label}
                         </span>
                     </div>
-                    {item?.items && item?.items?.length > 0 &&
-                        <span className={`sidebar-chevrons ${expandedKeys[item.key] === true ? "pi pi-angle-up" : "pi pi-angle-down"}`} />
+                    {item?.items?.length > 0 &&
+                        <span className={`sidebar-chevrons ${expandedKeys[item.key] ? "pi pi-angle-up" : "pi pi-angle-down"}`} />
                     }
                 </Link>
             </div>
         )
     };
 
-    const createMenuItems = (menuItems: any[]): any[] => {
-        return menuItems.map((mi) => ({
-            key: mi.key,
-            label: mi.title,
-            icon: mi.icon ?? "",
-            // iconVariant: mi.iconVariant,
-            template: itemRenderer,
-            url: mi.path ? mi.path : null,
-            items: mi.children ? createMenuItems(mi.children) : null, // Recursively add children
-        }));
-    };
+    const createMenuItems = (menuItems: any[]): any[] =>
+        menuItems.map((mi) => {
+            const menuItemId = new URLSearchParams(mi.path?.split("?")[1]).get("menuItemId");
+            return {
+                key: mi.key,
+                id: menuItemId,   // ← extracted from path
+                label: mi.title,
+                icon: mi.icon ?? "",
+                // iconVariant: mi.iconVariant,
+                template: itemRenderer,
+                url: mi.path ?? null,
+                items: mi.children ? createMenuItems(mi.children) : null,
+            };
+        })
 
-    const items = createMenuItems(menuItems);
 
-    const onExpandedKeysChange = (keys: any) => {
-        setExpandedKeys(keys);
-    };
+    const items = createMenuItems(menuItems);
 
-    const expandNode = (node: any) => {
-        if (node.items && node.items.length) {
-            expandedKeys[node.key] = true;
-            node.items.forEach(expandNode);
-        }
-    };
+    // Auto-expand parents with active child when activeId changes
+    useEffect(() => {
+        const newExpandedKeys: any = {};
+        const expandIfActive = (items: any[]) => {
+            items?.forEach((item) => {
+                if (item.items?.length && hasActiveChild(item.items)) {
+                    newExpandedKeys[item.key] = true;
+                    expandIfActive(item.items);
+                }
+            });
+        };
+        expandIfActive(createMenuItems(menuItems));
+        setExpandedKeys((prev: any) => ({ ...prev, ...newExpandedKeys }));
+    }, [activeId]);
 
     return (
         <div className="solid-panel-menu">
             <PanelMenu
                 model={items}
                 expandedKeys={expandedKeys}
-                onExpandedKeysChange={onExpandedKeysChange}
+                onExpandedKeysChange={setExpandedKeys}
                 className="w-full"
                 multiple
             />

package/dist/components/shad-cn-ui/SolidAutocomplete.d.ts

@@ -0,0 +1,24 @@
+type SolidAutocompleteProps = {
+    value?: any;
+    suggestions?: any[];
+    completeMethod?: (event: {
+        query: string;
+    }) => void | Promise<void>;
+    onChange?: (event: {
+        value: any;
+    }) => void;
+    onSelect?: (event: {
+        value: any;
+    }) => void;
+    field?: string;
+    placeholder?: string;
+    className?: string;
+    inputClassName?: string;
+    dropdown?: boolean;
+    forceSelection?: boolean;
+    multiple?: boolean;
+    maxVisibleChips?: number;
+};
+export declare function SolidAutocomplete({ value, suggestions, completeMethod, onChange, onSelect, field, placeholder, className, inputClassName, dropdown, forceSelection, multiple, maxVisibleChips, }: SolidAutocompleteProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidAutocomplete.d.ts.map

package/dist/components/shad-cn-ui/SolidAutocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidAutocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidAutocomplete.tsx"],"names":[],"mappings":"AAEA,KAAK,sBAAsB,GAAG;IAC5B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAiBF,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,WAAgB,EAChB,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,KAAe,EACf,WAAW,EACX,SAAS,EACT,cAAc,EACd,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,eAAmB,GACpB,EAAE,sBAAsB,2CAmSxB"}

package/dist/components/shad-cn-ui/SolidAutocomplete.js

@@ -0,0 +1,224 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
+function cx() {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+}
+function getDisplayValue(value, field) {
+    if (value == null)
+        return "";
+    if (typeof value === "string" || typeof value === "number")
+        return String(value);
+    if (typeof value === "object") {
+        var direct = value === null || value === void 0 ? void 0 : value[field];
+        if (direct != null)
+            return String(direct);
+        if ((value === null || value === void 0 ? void 0 : value.label) != null)
+            return String(value.label);
+    }
+    return "";
+}
+export function SolidAutocomplete(_a) {
+    var value = _a.value, _b = _a.suggestions, suggestions = _b === void 0 ? [] : _b, completeMethod = _a.completeMethod, onChange = _a.onChange, onSelect = _a.onSelect, _c = _a.field, field = _c === void 0 ? "label" : _c, placeholder = _a.placeholder, className = _a.className, inputClassName = _a.inputClassName, dropdown = _a.dropdown, forceSelection = _a.forceSelection, multiple = _a.multiple, _d = _a.maxVisibleChips, maxVisibleChips = _d === void 0 ? 2 : _d;
+    var rootRef = useRef(null);
+    var completeTimerRef = useRef(null);
+    var _e = useState(false), open = _e[0], setOpen = _e[1];
+    var _f = useState(false), manageOpen = _f[0], setManageOpen = _f[1];
+    var _g = useState(""), query = _g[0], setQuery = _g[1];
+    var _h = useState(-1), activeIndex = _h[0], setActiveIndex = _h[1];
+    var _j = useState(false), isFocused = _j[0], setIsFocused = _j[1];
+    useEffect(function () {
+        if (multiple)
+            return;
+        if (!value || typeof value === "string") {
+            setQuery(typeof value === "string" ? value : "");
+            return;
+        }
+        setQuery("");
+    }, [value, field, multiple]);
+    useEffect(function () {
+        return function () {
+            if (completeTimerRef.current) {
+                window.clearTimeout(completeTimerRef.current);
+            }
+        };
+    }, []);
+    var runCompleteMethod = function (nextQuery, immediate) {
+        if (immediate === void 0) { immediate = false; }
+        if (!completeMethod)
+            return;
+        if (completeTimerRef.current) {
+            window.clearTimeout(completeTimerRef.current);
+            completeTimerRef.current = null;
+        }
+        if (immediate) {
+            void completeMethod({ query: nextQuery });
+            return;
+        }
+        completeTimerRef.current = window.setTimeout(function () {
+            void completeMethod({ query: nextQuery });
+        }, 140);
+    };
+    useEffect(function () {
+        function handleOutsideClick(event) {
+            if (!rootRef.current)
+                return;
+            if (!rootRef.current.contains(event.target)) {
+                setOpen(false);
+                setManageOpen(false);
+                setIsFocused(false);
+            }
+        }
+        document.addEventListener("mousedown", handleOutsideClick);
+        return function () { return document.removeEventListener("mousedown", handleOutsideClick); };
+    }, []);
+    var normalizedSuggestions = useMemo(function () {
+        return (suggestions || []).map(function (item) { return ({
+            raw: item,
+            label: getDisplayValue(item, field),
+        }); });
+    }, [suggestions, field]);
+    var selectedItems = useMemo(function () {
+        if (multiple) {
+            if (!Array.isArray(value))
+                return [];
+            return value.filter(function (item) { return item !== null && item !== undefined && item !== ""; });
+        }
+        if (!value || typeof value === "string")
+            return [];
+        return [value];
+    }, [multiple, value]);
+    var visibleSelectedItems = selectedItems.slice(0, maxVisibleChips);
+    var hiddenSelectedItems = selectedItems.slice(maxVisibleChips);
+    useEffect(function () {
+        if (multiple && hiddenSelectedItems.length === 0 && manageOpen) {
+            setManageOpen(false);
+        }
+    }, [multiple, hiddenSelectedItems.length, manageOpen]);
+    var toItemKey = function (item, index) {
+        if (item && typeof item === "object") {
+            if (item.value !== undefined && item.value !== null)
+                return String(item.value);
+            if (item.id !== undefined && item.id !== null)
+                return String(item.id);
+        }
+        var label = getDisplayValue(item, field);
+        return label ? "".concat(label, "-").concat(index) : String(index);
+    };
+    var toComparableKey = function (item) {
+        if (item && typeof item === "object") {
+            if (item.value !== undefined && item.value !== null)
+                return "value:".concat(String(item.value));
+            if (item.id !== undefined && item.id !== null)
+                return "id:".concat(String(item.id));
+        }
+        return "label:".concat(getDisplayValue(item, field));
+    };
+    var removeSelectedAt = function (index) {
+        if (multiple) {
+            var existing = Array.isArray(value) ? __spreadArray([], value, true) : [];
+            existing.splice(index, 1);
+            onChange === null || onChange === void 0 ? void 0 : onChange({ value: existing });
+            return;
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange({ value: null });
+    };
+    var clearAllSelected = function () {
+        onChange === null || onChange === void 0 ? void 0 : onChange({ value: multiple ? [] : null });
+        setManageOpen(false);
+    };
+    var commitSelection = function (item) {
+        if (multiple) {
+            var existing = Array.isArray(value) ? __spreadArray([], value, true) : [];
+            var exists = existing.some(function (entry) { return toComparableKey(entry) === toComparableKey(item); });
+            if (!exists) {
+                onChange === null || onChange === void 0 ? void 0 : onChange({ value: __spreadArray(__spreadArray([], existing, true), [item], false) });
+            }
+            setQuery("");
+            setOpen(false);
+            setManageOpen(false);
+            setActiveIndex(-1);
+            return;
+        }
+        setQuery("");
+        onChange === null || onChange === void 0 ? void 0 : onChange({ value: item });
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect({ value: item });
+        setOpen(false);
+        setManageOpen(false);
+        setActiveIndex(-1);
+    };
+    return (_jsxs("div", { ref: rootRef, className: cx("solid-autocomplete", className), children: [_jsxs("div", { className: cx("solid-autocomplete-control solid-autocomplete-chip-control", isFocused && "is-focused"), children: [visibleSelectedItems.map(function (item, index) { return (_jsxs("span", { className: "solid-autocomplete-chip", children: [_jsx("span", { className: "solid-autocomplete-chip-label", children: getDisplayValue(item, field) }), _jsx("button", { type: "button", className: "solid-autocomplete-chip-remove", onMouseDown: function (event) { return event.preventDefault(); }, onClick: function () { return removeSelectedAt(index); }, "aria-label": "Remove selection", children: _jsx("i", { className: "pi pi-times" }) })] }, toItemKey(item, index))); }), multiple && hiddenSelectedItems.length > 0 && (_jsxs("button", { type: "button", className: "solid-autocomplete-chip-manage", onMouseDown: function (event) { return event.preventDefault(); }, onClick: function () {
+                            setOpen(false);
+                            setManageOpen(function (prev) { return !prev; });
+                        }, children: ["+", hiddenSelectedItems.length, " more"] })), _jsx("input", { className: cx("solid-input solid-autocomplete-input solid-autocomplete-inline-input", inputClassName), value: query, placeholder: selectedItems.length > 0 ? "" : placeholder, onFocus: function () {
+                            setIsFocused(true);
+                            setOpen(true);
+                            setManageOpen(false);
+                            runCompleteMethod(query, true);
+                        }, onChange: function (event) {
+                            var next = event.target.value;
+                            setQuery(next);
+                            setOpen(true);
+                            setManageOpen(false);
+                            runCompleteMethod(next, false);
+                        }, onClick: function () {
+                            setOpen(true);
+                            setManageOpen(false);
+                        }, onBlur: function () {
+                            setIsFocused(false);
+                            if (!forceSelection)
+                                return;
+                            var matched = normalizedSuggestions.find(function (item) { return item.label.toLowerCase() === query.toLowerCase(); });
+                            if (matched) {
+                                onChange === null || onChange === void 0 ? void 0 : onChange({ value: matched.raw });
+                                setQuery("");
+                            }
+                        }, onKeyDown: function (event) {
+                            if (!open && (event.key === "ArrowDown" || event.key === "ArrowUp")) {
+                                setOpen(true);
+                                return;
+                            }
+                            if (!normalizedSuggestions.length)
+                                return;
+                            if (event.key === "ArrowDown") {
+                                event.preventDefault();
+                                setActiveIndex(function (prev) { return (prev + 1) % normalizedSuggestions.length; });
+                            }
+                            if (event.key === "ArrowUp") {
+                                event.preventDefault();
+                                setActiveIndex(function (prev) {
+                                    return prev <= 0 ? normalizedSuggestions.length - 1 : prev - 1;
+                                });
+                            }
+                            if (event.key === "Enter" && activeIndex >= 0) {
+                                event.preventDefault();
+                                commitSelection(normalizedSuggestions[activeIndex].raw);
+                            }
+                            if (event.key === "Backspace" && !query && selectedItems.length > 0) {
+                                event.preventDefault();
+                                removeSelectedAt(selectedItems.length - 1);
+                            }
+                        } }), dropdown && (_jsx("button", { type: "button", className: "solid-autocomplete-trigger", onMouseDown: function (event) { return event.preventDefault(); }, onClick: function () {
+                            var nextOpen = !open;
+                            setOpen(nextOpen);
+                            if (nextOpen) {
+                                setManageOpen(false);
+                            }
+                            if (nextOpen) {
+                                runCompleteMethod(query, true);
+                            }
+                        }, "aria-label": "Toggle suggestions", children: _jsx("i", { className: open ? "pi pi-chevron-up" : "pi pi-chevron-down" }) }))] }), multiple && manageOpen && selectedItems.length > 0 && (_jsxs("div", { className: "solid-autocomplete-manager-panel", children: [_jsxs("div", { className: "solid-autocomplete-manager-header", children: [_jsxs("div", { className: "solid-autocomplete-manager-title", children: ["Selected (", selectedItems.length, ")"] }), _jsx("button", { type: "button", className: "solid-autocomplete-manager-clear", onClick: clearAllSelected, children: "Clear all" })] }), _jsx("div", { className: "solid-autocomplete-manager-body", children: selectedItems.map(function (item, index) { return (_jsxs("span", { className: "solid-autocomplete-chip", children: [_jsx("span", { className: "solid-autocomplete-chip-label", children: getDisplayValue(item, field) }), _jsx("button", { type: "button", className: "solid-autocomplete-chip-remove", onClick: function () { return removeSelectedAt(index); }, "aria-label": "Remove selection", children: _jsx("i", { className: "pi pi-times" }) })] }, "managed-".concat(toItemKey(item, index)))); }) })] })), open && normalizedSuggestions.length > 0 && (_jsx("div", { className: "solid-autocomplete-panel", role: "listbox", children: normalizedSuggestions.map(function (item, index) { return (_jsx("button", { type: "button", className: cx("solid-autocomplete-option", activeIndex === index && "is-active"), onMouseEnter: function () { return setActiveIndex(index); }, onMouseDown: function (event) { return event.preventDefault(); }, onClick: function () { return commitSelection(item.raw); }, children: item.label }, "".concat(item.label, "-").concat(index))); }) }))] }));
+}
+//# sourceMappingURL=SolidAutocomplete.js.map

package/dist/components/shad-cn-ui/SolidAutocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidAutocomplete.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidAutocomplete.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\";\n\ntype SolidAutocompleteProps = {\n  value?: any;\n  suggestions?: any[];\n  completeMethod?: (event: { query: string }) => void | Promise<void>;\n  onChange?: (event: { value: any }) => void;\n  onSelect?: (event: { value: any }) => void;\n  field?: string;\n  placeholder?: string;\n  className?: string;\n  inputClassName?: string;\n  dropdown?: boolean;\n  forceSelection?: boolean;\n  multiple?: boolean;\n  maxVisibleChips?: number;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nfunction getDisplayValue(value: any, field: string) {\n  if (value == null) return \"\";\n  if (typeof value === \"string\" || typeof value === \"number\") return String(value);\n  if (typeof value === \"object\") {\n    const direct = value?.[field];\n    if (direct != null) return String(direct);\n    if (value?.label != null) return String(value.label);\n  }\n  return \"\";\n}\n\nexport function SolidAutocomplete({\n  value,\n  suggestions = [],\n  completeMethod,\n  onChange,\n  onSelect,\n  field = \"label\",\n  placeholder,\n  className,\n  inputClassName,\n  dropdown,\n  forceSelection,\n  multiple,\n  maxVisibleChips = 2,\n}: SolidAutocompleteProps) {\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const completeTimerRef = useRef<number | null>(null);\n  const [open, setOpen] = useState(false);\n  const [manageOpen, setManageOpen] = useState(false);\n  const [query, setQuery] = useState(\"\");\n  const [activeIndex, setActiveIndex] = useState(-1);\n  const [isFocused, setIsFocused] = useState(false);\n\n  useEffect(() => {\n    if (multiple) return;\n    if (!value || typeof value === \"string\") {\n      setQuery(typeof value === \"string\" ? value : \"\");\n      return;\n    }\n    setQuery(\"\");\n  }, [value, field, multiple]);\n\n  useEffect(() => {\n    return () => {\n      if (completeTimerRef.current) {\n        window.clearTimeout(completeTimerRef.current);\n      }\n    };\n  }, []);\n\n  const runCompleteMethod = (nextQuery: string, immediate = false) => {\n    if (!completeMethod) return;\n    if (completeTimerRef.current) {\n      window.clearTimeout(completeTimerRef.current);\n      completeTimerRef.current = null;\n    }\n    if (immediate) {\n      void completeMethod({ query: nextQuery });\n      return;\n    }\n    completeTimerRef.current = window.setTimeout(() => {\n      void completeMethod({ query: nextQuery });\n    }, 140);\n  };\n\n  useEffect(() => {\n    function handleOutsideClick(event: MouseEvent) {\n      if (!rootRef.current) return;\n      if (!rootRef.current.contains(event.target as Node)) {\n        setOpen(false);\n        setManageOpen(false);\n        setIsFocused(false);\n      }\n    }\n    document.addEventListener(\"mousedown\", handleOutsideClick);\n    return () => document.removeEventListener(\"mousedown\", handleOutsideClick);\n  }, []);\n\n  const normalizedSuggestions = useMemo(\n    () =>\n      (suggestions || []).map((item) => ({\n        raw: item,\n        label: getDisplayValue(item, field),\n      })),\n    [suggestions, field]\n  );\n\n  const selectedItems = useMemo(() => {\n    if (multiple) {\n      if (!Array.isArray(value)) return [];\n      return value.filter((item) => item !== null && item !== undefined && item !== \"\");\n    }\n    if (!value || typeof value === \"string\") return [];\n    return [value];\n  }, [multiple, value]);\n\n  const visibleSelectedItems = selectedItems.slice(0, maxVisibleChips);\n  const hiddenSelectedItems = selectedItems.slice(maxVisibleChips);\n\n  useEffect(() => {\n    if (multiple && hiddenSelectedItems.length === 0 && manageOpen) {\n      setManageOpen(false);\n    }\n  }, [multiple, hiddenSelectedItems.length, manageOpen]);\n\n  const toItemKey = (item: any, index: number) => {\n    if (item && typeof item === \"object\") {\n      if (item.value !== undefined && item.value !== null) return String(item.value);\n      if (item.id !== undefined && item.id !== null) return String(item.id);\n    }\n    const label = getDisplayValue(item, field);\n    return label ? `${label}-${index}` : String(index);\n  };\n\n  const toComparableKey = (item: any) => {\n    if (item && typeof item === \"object\") {\n      if (item.value !== undefined && item.value !== null) return `value:${String(item.value)}`;\n      if (item.id !== undefined && item.id !== null) return `id:${String(item.id)}`;\n    }\n    return `label:${getDisplayValue(item, field)}`;\n  };\n\n  const removeSelectedAt = (index: number) => {\n    if (multiple) {\n      const existing = Array.isArray(value) ? [...value] : [];\n      existing.splice(index, 1);\n      onChange?.({ value: existing });\n      return;\n    }\n    onChange?.({ value: null });\n  };\n\n  const clearAllSelected = () => {\n    onChange?.({ value: multiple ? [] : null });\n    setManageOpen(false);\n  };\n\n  const commitSelection = (item: any) => {\n    if (multiple) {\n      const existing = Array.isArray(value) ? [...value] : [];\n      const exists = existing.some((entry) => toComparableKey(entry) === toComparableKey(item));\n      if (!exists) {\n        onChange?.({ value: [...existing, item] });\n      }\n      setQuery(\"\");\n      setOpen(false);\n      setManageOpen(false);\n      setActiveIndex(-1);\n      return;\n    }\n    setQuery(\"\");\n    onChange?.({ value: item });\n    onSelect?.({ value: item });\n    setOpen(false);\n    setManageOpen(false);\n    setActiveIndex(-1);\n  };\n\n  return (\n    <div ref={rootRef} className={cx(\"solid-autocomplete\", className)}>\n      <div className={cx(\"solid-autocomplete-control solid-autocomplete-chip-control\", isFocused && \"is-focused\")}>\n      {visibleSelectedItems.map((item, index) => (\n          <span key={toItemKey(item, index)} className=\"solid-autocomplete-chip\">\n            <span className=\"solid-autocomplete-chip-label\">{getDisplayValue(item, field)}</span>\n            <button\n              type=\"button\"\n              className=\"solid-autocomplete-chip-remove\"\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => removeSelectedAt(index)}\n              aria-label=\"Remove selection\"\n            >\n              <i className=\"pi pi-times\" />\n            </button>\n          </span>\n        ))}\n        {multiple && hiddenSelectedItems.length > 0 && (\n          <button\n            type=\"button\"\n            className=\"solid-autocomplete-chip-manage\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => {\n              setOpen(false);\n              setManageOpen((prev) => !prev);\n            }}\n          >\n            +{hiddenSelectedItems.length} more\n          </button>\n        )}\n        <input\n          className={cx(\"solid-input solid-autocomplete-input solid-autocomplete-inline-input\", inputClassName)}\n          value={query}\n          placeholder={selectedItems.length > 0 ? \"\" : placeholder}\n          onFocus={() => {\n            setIsFocused(true);\n            setOpen(true);\n            setManageOpen(false);\n            runCompleteMethod(query, true);\n          }}\n          onChange={(event) => {\n            const next = event.target.value;\n            setQuery(next);\n            setOpen(true);\n            setManageOpen(false);\n            runCompleteMethod(next, false);\n          }}\n          onClick={() => {\n            setOpen(true);\n            setManageOpen(false);\n          }}\n          onBlur={() => {\n            setIsFocused(false);\n            if (!forceSelection) return;\n            const matched = normalizedSuggestions.find(\n              (item) => item.label.toLowerCase() === query.toLowerCase()\n            );\n            if (matched) {\n              onChange?.({ value: matched.raw });\n              setQuery(\"\");\n            }\n          }}\n          onKeyDown={(event) => {\n            if (!open && (event.key === \"ArrowDown\" || event.key === \"ArrowUp\")) {\n              setOpen(true);\n              return;\n            }\n            if (!normalizedSuggestions.length) return;\n            if (event.key === \"ArrowDown\") {\n              event.preventDefault();\n              setActiveIndex((prev) => (prev + 1) % normalizedSuggestions.length);\n            }\n            if (event.key === \"ArrowUp\") {\n              event.preventDefault();\n              setActiveIndex((prev) =>\n                prev <= 0 ? normalizedSuggestions.length - 1 : prev - 1\n              );\n            }\n            if (event.key === \"Enter\" && activeIndex >= 0) {\n              event.preventDefault();\n              commitSelection(normalizedSuggestions[activeIndex].raw);\n            }\n            if (event.key === \"Backspace\" && !query && selectedItems.length > 0) {\n              event.preventDefault();\n              removeSelectedAt(selectedItems.length - 1);\n            }\n          }}\n        />\n        {dropdown && (\n          <button\n            type=\"button\"\n            className=\"solid-autocomplete-trigger\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => {\n              const nextOpen = !open;\n              setOpen(nextOpen);\n              if (nextOpen) {\n                setManageOpen(false);\n              }\n              if (nextOpen) {\n                runCompleteMethod(query, true);\n              }\n            }}\n            aria-label=\"Toggle suggestions\"\n          >\n            <i className={open ? \"pi pi-chevron-up\" : \"pi pi-chevron-down\"} />\n          </button>\n        )}\n      </div>\n\n      {multiple && manageOpen && selectedItems.length > 0 && (\n        <div className=\"solid-autocomplete-manager-panel\">\n          <div className=\"solid-autocomplete-manager-header\">\n            <div className=\"solid-autocomplete-manager-title\">Selected ({selectedItems.length})</div>\n            <button type=\"button\" className=\"solid-autocomplete-manager-clear\" onClick={clearAllSelected}>\n              Clear all\n            </button>\n          </div>\n          <div className=\"solid-autocomplete-manager-body\">\n            {selectedItems.map((item, index) => (\n              <span key={`managed-${toItemKey(item, index)}`} className=\"solid-autocomplete-chip\">\n                <span className=\"solid-autocomplete-chip-label\">{getDisplayValue(item, field)}</span>\n                <button\n                  type=\"button\"\n                  className=\"solid-autocomplete-chip-remove\"\n                  onClick={() => removeSelectedAt(index)}\n                  aria-label=\"Remove selection\"\n                >\n                  <i className=\"pi pi-times\" />\n                </button>\n              </span>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {open && normalizedSuggestions.length > 0 && (\n        <div className=\"solid-autocomplete-panel\" role=\"listbox\">\n          {normalizedSuggestions.map((item, index) => (\n            <button\n              key={`${item.label}-${index}`}\n              type=\"button\"\n              className={cx(\n                \"solid-autocomplete-option\",\n                activeIndex === index && \"is-active\"\n              )}\n              onMouseEnter={() => setActiveIndex(index)}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => commitSelection(item.raw)}\n            >\n              {item.label}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}