@solidxai/core-ui 0.1.5-beta.10 → 0.1.5-beta.12

package/dist/components/layout/AdminTopHeader.tsx

@@ -1,135 +0,0 @@
-import { useContext, useMemo } from "react";
-import { usePathname } from "../../hooks/usePathname";
-import { useSearchParams } from "../../hooks/useSearchParams";
-import { useRouter } from "../../hooks/useRouter";
-import { useGetSolidActionByIdQuery } from "../../redux/api/solidActionApi";
-import { LayoutContext } from "./context/layoutcontext";
-
-const SIDEBAR_TOGGLE_EVENT = "solidx:sidebar-toggle";
-
-const toLabel = (value: string) =>
-  decodeURIComponent(value)
-    .replace(/[-_]/g, " ")
-    .replace(/\b\w/g, (m) => m.toUpperCase());
-
-export const AdminTopHeader = () => {
-  const pathname = usePathname();
-  const searchParams = useSearchParams();
-  const router = useRouter();
-  const { toggleThemeMode } = useContext(LayoutContext);
-
-  // We treat actionId as the source of truth for breadcrumb labels.
-  // If present, we resolve module/model/action via action-metadata API
-  // so breadcrumbs are consistent across list/form/tree/kanban pages.
-  const actionId = searchParams.get("actionId");
-  const { data: actionResponse } = useGetSolidActionByIdQuery(actionId as string, {
-    skip: !actionId,
-  });
-
-  const crumbs = useMemo(() => {
-    // API response shapes vary by adapter layer, so normalize defensively.
-    const actionData = actionResponse?.data?.data ?? actionResponse?.data ?? actionResponse;
-    const moduleFromApi = actionData?.module?.displayName || actionData?.module?.name;
-    const modelFromApi = actionData?.model?.displayName || actionData?.model?.name;
-    const actionFromApi = actionData?.displayName || actionData?.name;
-    const actionDataId = actionData?.id != null ? String(actionData.id) : null;
-    const hasMatchingActionData = Boolean(actionId) && actionDataId === actionId;
-
-    // Priority 1: exact business breadcrumb contract requested:
-    // <module> > <model> > <action>.
-    // We only trust API crumbs when they belong to the current URL's actionId.
-    // This avoids stale list breadcrumbs bleeding into form routes that do not
-    // carry actionId in their query string.
-    if (hasMatchingActionData && (moduleFromApi || modelFromApi || actionFromApi)) {
-      return [moduleFromApi, modelFromApi, actionFromApi].filter(Boolean);
-    }
-
-    const segments = pathname.split("/").filter(Boolean);
-    // Priority 2: derive from route segments when API data is unavailable.
-    // This is intentionally ahead of query fallback so form pages don't
-    // inherit stale list query labels after list -> form navigation.
-    if (segments[0] === "admin" && segments[1] === "core") {
-      const moduleName = segments[2];
-      const modelName = segments[3];
-      const viewName = segments[4];
-      const next = [moduleName, modelName, viewName].filter(Boolean).map((item) => toLabel(item!));
-      return next.length ? next : ["Admin"];
-    }
-
-    const menuItemName = searchParams.get("menuItemName");
-    const actionName = searchParams.get("actionName");
-
-    // Priority 3: legacy URL-query fallback for older links/pages.
-    if (menuItemName || actionName) {
-      return [menuItemName, actionName].filter(Boolean).map((item) => toLabel(item!));
-    }
-
-    return ["Admin"];
-  }, [actionId, actionResponse, pathname, searchParams]);
-
-  const showBack = /\/admin\/core\/[^/]+\/[^/]+\/form\/[^/]+/.test(pathname);
-
-  const triggerSidebar = () => {
-    window.dispatchEvent(new CustomEvent(SIDEBAR_TOGGLE_EVENT));
-  };
-
-  return (
-    <header className="solid-admin-header">
-      <div className="solid-admin-header-inner">
-        <button
-          type="button"
-          className="solid-admin-sidebar-trigger"
-          onClick={triggerSidebar}
-          aria-label="Toggle sidebar"
-        >
-          <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true">
-            <rect x="1.5" y="2" width="13" height="12" rx="2" stroke="currentColor" />
-            <path d="M5.5 2V14" stroke="currentColor" />
-            <rect x="8" y="5.25" width="4.5" height="5.5" rx="0.9" stroke="currentColor" />
-          </svg>
-        </button>
-
-        <div className="solid-admin-header-sep" />
-
-        <nav className="solid-admin-breadcrumbs" aria-label="Breadcrumb">
-          {crumbs.map((crumb, index) => (
-            <span key={`${crumb}-${index}`} className="solid-admin-crumb">
-              {index > 0 && <span className="solid-admin-crumb-sep">›</span>}
-              <span>{crumb}</span>
-            </span>
-          ))}
-        </nav>
-
-        <div className="solid-admin-header-actions">
-          <button
-            type="button"
-            className="solid-admin-theme-toggle"
-            onClick={toggleThemeMode}
-            aria-label="Toggle theme"
-            title="Toggle theme"
-          >
-            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
-              <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
-              <path d="M12 3l0 18" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
-              <path d="M12 9l4.65 -4.65" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
-              <path d="M12 14.3l7.37 -7.37" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
-              <path d="M12 19.6l8.85 -8.85" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
-            </svg>
-            <span className="solid-sr-only">Toggle theme</span>
-          </button>
-
-          {showBack && (
-            <button
-              type="button"
-              className="solid-admin-back-btn"
-              onClick={() => router.back()}
-              aria-label="Go back"
-            >
-              Back
-            </button>
-          )}
-        </div>
-      </div>
-    </header>
-  );
-};

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

@@ -1,24 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,224 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"]}