@solidxai/core-ui 0.1.12-beta.7 → 0.1.12-beta.9

package/dist/components/common/SolidAdmin.tsx

@@ -1,12 +1,17 @@
 import { env } from "../../adapters/env";
-import SolidLogo from '../../resources/images/SolidXLogo-dark.svg'
+import { useContext } from "react";
+import SolidLogoDark from '../../resources/images/SolidXLogo-dark.svg'
+import SolidLogoLight from '../../resources/images/SolidXLogo-light.svg'
 import { ChatIcon } from "../layout/SolidAiStudioLayout";
+import { LayoutContext } from "../layout/context/layoutcontext";
 
 export const SolidAdmin = () => {
+  const layoutContext = useContext(LayoutContext);
   const redirectUrl = env("NEXT_PUBLIC_LOGIN_REDIRECT_URL");
   const hasRedirect = Boolean(redirectUrl);
   const aiChatUrl = env("VITE_SOLIDX_AI_URL");
   const canOpenChat = Boolean(aiChatUrl);
+  const solidLogo = layoutContext?.themeMode === "dark" ? SolidLogoLight : SolidLogoDark;
 
   const handleChatLaunch = () => {
     if (!aiChatUrl) return;
@@ -129,7 +134,7 @@ export const SolidAdmin = () => {
           <div className="welcome-card-header">
             <img
               alt="solid logo"
-              src={SolidLogo}
+              src={solidLogo}
               className="mb-2 w-4rem flex-shrink-0"
               style={{ opacity: 0.9 }}
             />

package/dist/components/common/SolidBreadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidBreadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidBreadcrumb.tsx"],"names":[],"mappings":"AAaA,UAAU,KAAK;IACb,qBAAqB,CAAC,EAAE,GAAG,CAAC;IAC5B,iBAAiB,CAAC,EAAE,GAAG,CAAC;CACzB;AAcD,eAAO,MAAM,eAAe,UAAW,KAAK,4CAyG3C,CAAC"}
+{"version":3,"file":"SolidBreadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidBreadcrumb.tsx"],"names":[],"mappings":"AAaA,UAAU,KAAK;IACb,qBAAqB,CAAC,EAAE,GAAG,CAAC;IAC5B,iBAAiB,CAAC,EAAE,GAAG,CAAC;CACzB;AAOD,eAAO,MAAM,eAAe,UAAW,KAAK,4CAyG3C,CAAC"}

package/dist/components/common/SolidBreadcrumb.js

@@ -1,15 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { toTitleCase } from "../../helpers/helpers";
 import { usePathname } from "../../hooks/usePathname";
 import { useRouter } from "../../hooks/useRouter";
 import { useSearchParams } from "../../hooks/useSearchParams";
 import { useEffect, useState } from "react";
 import { ChevronRight } from "lucide-react";
-var toTitleCase = function (str) {
-    return str
-        .replace(/[-_]/g, " ")
-        .replace(/([a-z])([A-Z])/g, "$1 $2")
-        .replace(/\b\w/g, function (char) { return char.toUpperCase(); });
-};
 var truncateText = function (text, maxLength) {
     if (maxLength === void 0) { maxLength = 15; }
     if (text.length <= maxLength)

package/dist/components/common/SolidBreadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidBreadcrumb.js","sourceRoot":"","sources":["../../../src/components/common/SolidBreadcrumb.tsx"],"names":[],"mappings":"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","sourcesContent":["\n\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { useEffect, useState } from \"react\";\nimport { ChevronRight } from \"lucide-react\";\n\ninterface BreadcrumbItem {\n  label: string;\n  link?: string;\n}\n\ninterface Props {\n  solidFormViewMetaData?: any;\n  initialEntityData?: any;\n}\n\nconst toTitleCase = (str: string) => {\n  return str\n    .replace(/[-_]/g, \" \")\n    .replace(/([a-z])([A-Z])/g, \"$1 $2\")\n    .replace(/\\b\\w/g, (char) => char.toUpperCase());\n};\n\nconst truncateText = (text: string, maxLength: number = 15) => {\n  if (text.length <= maxLength) return text;\n  return `${text.substring(0, maxLength)}...`;\n};\n\nexport const SolidBreadcrumb = (props: Props) => {\n  const { solidFormViewMetaData, initialEntityData } = props;\n\n  const modelMetadata = solidFormViewMetaData?.data?.solidView?.model;\n  const pathname = usePathname();\n  const router = useRouter();\n  const searchParams = useSearchParams();\n  const segments = pathname.split(\"/\").filter(Boolean);\n\n  let userKeyFieldValue: string | null = null;\n\n  if (modelMetadata?.userKeyField) {\n    const userKeyFieldName = modelMetadata.userKeyField.name;\n    if (userKeyFieldName && initialEntityData?.[userKeyFieldName] !== undefined) {\n      userKeyFieldValue = initialEntityData[userKeyFieldName];\n    }\n  }\n\n  const queryUserKeyField = searchParams.get(\"userKeyField\");\n  const isNewForm = pathname.endsWith(\"/new\");\n\n  useEffect(() => {\n    if (!isNewForm && userKeyFieldValue && !queryUserKeyField) {\n      const params = new URLSearchParams(searchParams.toString());\n      params.set(\"userKeyField\", userKeyFieldValue);\n      const newUrl = `${pathname}?${params.toString()}`;\n      router.push(newUrl);\n    }\n  }, [pathname, userKeyFieldValue, queryUserKeyField, isNewForm, router]);\n\n  const [fromView, setFromView] = useState<\"list\" | \"kanban\" | \"card\" | \"tree\" | null>(null);\n\n  useEffect(() => {\n    if (typeof window !== \"undefined\") {\n      const storedView = sessionStorage.getItem(\"fromView\");\n      if (storedView === \"list\" || storedView === \"kanban\" || storedView === \"card\" || storedView === \"tree\") {\n        setFromView(storedView);\n      }\n    }\n  }, []);\n\n  const breadcrumbItems: BreadcrumbItem[] = [];\n\n  if (segments.length >= 4 && segments[0] === \"admin\" && segments[1] === \"core\") {\n    const moduleName = segments[2];\n    const modelName = segments[3];\n    const modelDisplayName = modelMetadata?.displayName || toTitleCase(modelName);\n\n    // Link to model list or kanban view based on stored view\n    breadcrumbItems.push({\n      label: modelDisplayName,\n      link: `/admin/core/${moduleName}/${modelName}/${fromView || \"list\"}`,\n    });\n\n    breadcrumbItems.push({\n      label: isNewForm\n        ? `Add ${modelDisplayName} Details`\n        : decodeURIComponent(queryUserKeyField || userKeyFieldValue || segments[segments.length - 1] || \"\"),\n    });\n  }\n\n  return (\n    <nav className=\"solid-breadcrumb\" aria-label=\"Breadcrumb\">\n      <ol className=\"solid-breadcrumb-list\">\n        {breadcrumbItems.map((item, index) => {\n          const fullLabel = item.label;\n          const truncatedLabel = truncateText(fullLabel, 10);\n          const shouldTruncate = fullLabel.length > 10;\n          const isLast = index === breadcrumbItems.length - 1;\n\n          const handleClick = () => {\n            if (!item.link) return;\n            if (typeof window !== \"undefined\") {\n              const storedFullUrl = sessionStorage.getItem(\"fromViewUrl\");\n              if (storedFullUrl) {\n                router.push(storedFullUrl);\n                return;\n              }\n            }\n            router.push(item.link);\n          };\n\n          return (\n            <li key={`${item.label}-${index}`} className=\"solid-breadcrumb-item\">\n              {item.link ? (\n                <button\n                  type=\"button\"\n                  className=\"solid-breadcrumb-link\"\n                  onClick={handleClick}\n                  title={shouldTruncate ? fullLabel : undefined}\n                >\n                  <span className={isLast ? \"font-bold\" : \"font-normal\"}>{truncatedLabel}</span>\n                </button>\n              ) : (\n                <span className=\"solid-breadcrumb-current\" title={shouldTruncate ? fullLabel : undefined}>\n                  {truncatedLabel}\n                </span>\n              )}\n              {!isLast ? <ChevronRight size={14} className=\"solid-breadcrumb-separator\" /> : null}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n"]}
+{"version":3,"file":"SolidBreadcrumb.js","sourceRoot":"","sources":["../../../src/components/common/SolidBreadcrumb.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { toTitleCase } from \"../../helpers/helpers\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { useEffect, useState } from \"react\";\nimport { ChevronRight } from \"lucide-react\";\n\ninterface BreadcrumbItem {\n  label: string;\n  link?: string;\n}\n\ninterface Props {\n  solidFormViewMetaData?: any;\n  initialEntityData?: any;\n}\n\nconst truncateText = (text: string, maxLength: number = 15) => {\n  if (text.length <= maxLength) return text;\n  return `${text.substring(0, maxLength)}...`;\n};\n\nexport const SolidBreadcrumb = (props: Props) => {\n  const { solidFormViewMetaData, initialEntityData } = props;\n\n  const modelMetadata = solidFormViewMetaData?.data?.solidView?.model;\n  const pathname = usePathname();\n  const router = useRouter();\n  const searchParams = useSearchParams();\n  const segments = pathname.split(\"/\").filter(Boolean);\n\n  let userKeyFieldValue: string | null = null;\n\n  if (modelMetadata?.userKeyField) {\n    const userKeyFieldName = modelMetadata.userKeyField.name;\n    if (userKeyFieldName && initialEntityData?.[userKeyFieldName] !== undefined) {\n      userKeyFieldValue = initialEntityData[userKeyFieldName];\n    }\n  }\n\n  const queryUserKeyField = searchParams.get(\"userKeyField\");\n  const isNewForm = pathname.endsWith(\"/new\");\n\n  useEffect(() => {\n    if (!isNewForm && userKeyFieldValue && !queryUserKeyField) {\n      const params = new URLSearchParams(searchParams.toString());\n      params.set(\"userKeyField\", userKeyFieldValue);\n      const newUrl = `${pathname}?${params.toString()}`;\n      router.push(newUrl);\n    }\n  }, [pathname, userKeyFieldValue, queryUserKeyField, isNewForm, router]);\n\n  const [fromView, setFromView] = useState<\"list\" | \"kanban\" | \"card\" | \"tree\" | null>(null);\n\n  useEffect(() => {\n    if (typeof window !== \"undefined\") {\n      const storedView = sessionStorage.getItem(\"fromView\");\n      if (storedView === \"list\" || storedView === \"kanban\" || storedView === \"card\" || storedView === \"tree\") {\n        setFromView(storedView);\n      }\n    }\n  }, []);\n\n  const breadcrumbItems: BreadcrumbItem[] = [];\n\n  if (segments.length >= 4 && segments[0] === \"admin\" && segments[1] === \"core\") {\n    const moduleName = segments[2];\n    const modelName = segments[3];\n    const modelDisplayName = modelMetadata?.displayName || toTitleCase(modelName);\n\n    // Link to model list or kanban view based on stored view\n    breadcrumbItems.push({\n      label: modelDisplayName,\n      link: `/admin/core/${moduleName}/${modelName}/${fromView || \"list\"}`,\n    });\n\n    breadcrumbItems.push({\n      label: isNewForm\n        ? `Add ${modelDisplayName} Details`\n        : decodeURIComponent(queryUserKeyField || userKeyFieldValue || segments[segments.length - 1] || \"\"),\n    });\n  }\n\n  return (\n    <nav className=\"solid-breadcrumb\" aria-label=\"Breadcrumb\">\n      <ol className=\"solid-breadcrumb-list\">\n        {breadcrumbItems.map((item, index) => {\n          const fullLabel = item.label;\n          const truncatedLabel = truncateText(fullLabel, 10);\n          const shouldTruncate = fullLabel.length > 10;\n          const isLast = index === breadcrumbItems.length - 1;\n\n          const handleClick = () => {\n            if (!item.link) return;\n            if (typeof window !== \"undefined\") {\n              const storedFullUrl = sessionStorage.getItem(\"fromViewUrl\");\n              if (storedFullUrl) {\n                router.push(storedFullUrl);\n                return;\n              }\n            }\n            router.push(item.link);\n          };\n\n          return (\n            <li key={`${item.label}-${index}`} className=\"solid-breadcrumb-item\">\n              {item.link ? (\n                <button\n                  type=\"button\"\n                  className=\"solid-breadcrumb-link\"\n                  onClick={handleClick}\n                  title={shouldTruncate ? fullLabel : undefined}\n                >\n                  <span className={isLast ? \"font-bold\" : \"font-normal\"}>{truncatedLabel}</span>\n                </button>\n              ) : (\n                <span className=\"solid-breadcrumb-current\" title={shouldTruncate ? fullLabel : undefined}>\n                  {truncatedLabel}\n                </span>\n              )}\n              {!isLast ? <ChevronRight size={14} className=\"solid-breadcrumb-separator\" /> : null}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n"]}

package/dist/components/common/SolidBreadcrumb.tsx

@@ -1,5 +1,5 @@
 
-
+import { toTitleCase } from "../../helpers/helpers";
 import { usePathname } from "../../hooks/usePathname";
 import { useRouter } from "../../hooks/useRouter";
 import { useSearchParams } from "../../hooks/useSearchParams";
@@ -16,13 +16,6 @@ interface Props {
   initialEntityData?: any;
 }
 
-const toTitleCase = (str: string) => {
-  return str
-    .replace(/[-_]/g, " ")
-    .replace(/([a-z])([A-Z])/g, "$1 $2")
-    .replace(/\b\w/g, (char) => char.toUpperCase());
-};
-
 const truncateText = (text: string, maxLength: number = 15) => {
   if (text.length <= maxLength) return text;
   return `${text.substring(0, maxLength)}...`;

package/dist/components/common/SolidMaterialSymbol.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+type SolidMaterialSymbolProps = React.HTMLAttributes<HTMLSpanElement> & {
+    name: string;
+    size?: number | string;
+    fallback?: React.ReactNode;
+    onSupportChange?: (supported: boolean) => void;
+};
+export declare const SolidMaterialSymbol: ({ name, size, className, style, fallback, onSupportChange, ...rest }: SolidMaterialSymbolProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidMaterialSymbol.d.ts.map

package/dist/components/common/SolidMaterialSymbol.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidMaterialSymbol.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidMaterialSymbol.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,KAAK,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACtE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,CAAC;AAsBF,eAAO,MAAM,mBAAmB,yEAQ7B,wBAAwB,4CA0D1B,CAAC"}

package/dist/components/common/SolidMaterialSymbol.js

@@ -0,0 +1,69 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+var MATERIAL_SYMBOL_WIDTH_MULTIPLIER = 2.25;
+function cx() {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+}
+function getSizeInPixels(size, computedFontSize) {
+    if (typeof size === "number") {
+        return size;
+    }
+    var explicitSize = Number.parseFloat(size);
+    if (Number.isFinite(explicitSize)) {
+        return explicitSize;
+    }
+    var computedSize = Number.parseFloat(computedFontSize);
+    return Number.isFinite(computedSize) ? computedSize : 24;
+}
+export var SolidMaterialSymbol = function (_a) {
+    var name = _a.name, _b = _a.size, size = _b === void 0 ? 24 : _b, className = _a.className, style = _a.style, _c = _a.fallback, fallback = _c === void 0 ? null : _c, onSupportChange = _a.onSupportChange, rest = __rest(_a, ["name", "size", "className", "style", "fallback", "onSupportChange"]);
+    var symbolRef = useRef(null);
+    var _d = useState(null), isSupported = _d[0], setIsSupported = _d[1];
+    useEffect(function () {
+        var frameId = 0;
+        var measureSupport = function () {
+            var node = symbolRef.current;
+            if (!node)
+                return;
+            var computedStyle = window.getComputedStyle(node);
+            var sizePx = getSizeInPixels(size, computedStyle.fontSize);
+            var renderedWidth = Math.max(node.scrollWidth, node.getBoundingClientRect().width);
+            var supported = renderedWidth <= sizePx * MATERIAL_SYMBOL_WIDTH_MULTIPLIER;
+            setIsSupported(function (previousValue) { return previousValue === supported ? previousValue : supported; });
+            onSupportChange === null || onSupportChange === void 0 ? void 0 : onSupportChange(supported);
+        };
+        frameId = window.requestAnimationFrame(measureSupport);
+        return function () { return window.cancelAnimationFrame(frameId); };
+    }, [className, name, onSupportChange, size]);
+    if (isSupported === false) {
+        return _jsx(_Fragment, { children: fallback });
+    }
+    return (_jsx("span", __assign({}, rest, { ref: symbolRef, className: cx("material-symbols-outlined", className), style: __assign({ fontFamily: "\"Material Symbols Outlined\"", fontWeight: 400, fontStyle: "normal", fontSize: size, lineHeight: 1, letterSpacing: "normal", textTransform: "none", whiteSpace: "nowrap", wordWrap: "normal", direction: "ltr", display: "inline-flex", alignItems: "center", justifyContent: "center", overflow: "hidden", WebkitFontSmoothing: "antialiased", fontFeatureSettings: "\"liga\"", WebkitFontFeatureSettings: "\"liga\"", visibility: isSupported === null ? "hidden" : undefined }, style), children: name })));
+};
+//# sourceMappingURL=SolidMaterialSymbol.js.map

package/dist/components/common/SolidMaterialSymbol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidMaterialSymbol.js","sourceRoot":"","sources":["../../../src/components/common/SolidMaterialSymbol.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\ntype SolidMaterialSymbolProps = React.HTMLAttributes<HTMLSpanElement> & {\n  name: string;\n  size?: number | string;\n  fallback?: React.ReactNode;\n  onSupportChange?: (supported: boolean) => void;\n};\n\nconst MATERIAL_SYMBOL_WIDTH_MULTIPLIER = 2.25;\n\nfunction cx(...parts: Array<string | undefined | false>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nfunction getSizeInPixels(size: number | string, computedFontSize: string): number {\n  if (typeof size === \"number\") {\n    return size;\n  }\n\n  const explicitSize = Number.parseFloat(size);\n  if (Number.isFinite(explicitSize)) {\n    return explicitSize;\n  }\n\n  const computedSize = Number.parseFloat(computedFontSize);\n  return Number.isFinite(computedSize) ? computedSize : 24;\n}\n\nexport const SolidMaterialSymbol = ({\n  name,\n  size = 24,\n  className,\n  style,\n  fallback = null,\n  onSupportChange,\n  ...rest\n}: SolidMaterialSymbolProps) => {\n  const symbolRef = useRef<HTMLSpanElement | null>(null);\n  const [isSupported, setIsSupported] = useState<boolean | null>(null);\n\n  useEffect(() => {\n    let frameId = 0;\n\n    const measureSupport = () => {\n      const node = symbolRef.current;\n      if (!node) return;\n\n      const computedStyle = window.getComputedStyle(node);\n      const sizePx = getSizeInPixels(size, computedStyle.fontSize);\n      const renderedWidth = Math.max(node.scrollWidth, node.getBoundingClientRect().width);\n      const supported = renderedWidth <= sizePx * MATERIAL_SYMBOL_WIDTH_MULTIPLIER;\n\n      setIsSupported((previousValue) => previousValue === supported ? previousValue : supported);\n      onSupportChange?.(supported);\n    };\n\n    frameId = window.requestAnimationFrame(measureSupport);\n    return () => window.cancelAnimationFrame(frameId);\n  }, [className, name, onSupportChange, size]);\n\n  if (isSupported === false) {\n    return <>{fallback}</>;\n  }\n\n  return (\n    <span\n      {...rest}\n      ref={symbolRef}\n      className={cx(\"material-symbols-outlined\", className)}\n      style={{\n        fontFamily: \"\\\"Material Symbols Outlined\\\"\",\n        fontWeight: 400,\n        fontStyle: \"normal\",\n        fontSize: size,\n        lineHeight: 1,\n        letterSpacing: \"normal\",\n        textTransform: \"none\",\n        whiteSpace: \"nowrap\",\n        wordWrap: \"normal\",\n        direction: \"ltr\",\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        overflow: \"hidden\",\n        WebkitFontSmoothing: \"antialiased\",\n        fontFeatureSettings: \"\\\"liga\\\"\",\n        WebkitFontFeatureSettings: \"\\\"liga\\\"\",\n        visibility: isSupported === null ? \"hidden\" : undefined,\n        ...style,\n      }}\n    >\n      {name}\n    </span>\n  );\n};\n"]}

package/dist/components/common/SolidMaterialSymbol.tsx

@@ -0,0 +1,96 @@
+import React, { useEffect, useRef, useState } from "react";
+
+type SolidMaterialSymbolProps = React.HTMLAttributes<HTMLSpanElement> & {
+  name: string;
+  size?: number | string;
+  fallback?: React.ReactNode;
+  onSupportChange?: (supported: boolean) => void;
+};
+
+const MATERIAL_SYMBOL_WIDTH_MULTIPLIER = 2.25;
+
+function cx(...parts: Array<string | undefined | false>) {
+  return parts.filter(Boolean).join(" ");
+}
+
+function getSizeInPixels(size: number | string, computedFontSize: string): number {
+  if (typeof size === "number") {
+    return size;
+  }
+
+  const explicitSize = Number.parseFloat(size);
+  if (Number.isFinite(explicitSize)) {
+    return explicitSize;
+  }
+
+  const computedSize = Number.parseFloat(computedFontSize);
+  return Number.isFinite(computedSize) ? computedSize : 24;
+}
+
+export const SolidMaterialSymbol = ({
+  name,
+  size = 24,
+  className,
+  style,
+  fallback = null,
+  onSupportChange,
+  ...rest
+}: SolidMaterialSymbolProps) => {
+  const symbolRef = useRef<HTMLSpanElement | null>(null);
+  const [isSupported, setIsSupported] = useState<boolean | null>(null);
+
+  useEffect(() => {
+    let frameId = 0;
+
+    const measureSupport = () => {
+      const node = symbolRef.current;
+      if (!node) return;
+
+      const computedStyle = window.getComputedStyle(node);
+      const sizePx = getSizeInPixels(size, computedStyle.fontSize);
+      const renderedWidth = Math.max(node.scrollWidth, node.getBoundingClientRect().width);
+      const supported = renderedWidth <= sizePx * MATERIAL_SYMBOL_WIDTH_MULTIPLIER;
+
+      setIsSupported((previousValue) => previousValue === supported ? previousValue : supported);
+      onSupportChange?.(supported);
+    };
+
+    frameId = window.requestAnimationFrame(measureSupport);
+    return () => window.cancelAnimationFrame(frameId);
+  }, [className, name, onSupportChange, size]);
+
+  if (isSupported === false) {
+    return <>{fallback}</>;
+  }
+
+  return (
+    <span
+      {...rest}
+      ref={symbolRef}
+      className={cx("material-symbols-outlined", className)}
+      style={{
+        fontFamily: "\"Material Symbols Outlined\"",
+        fontWeight: 400,
+        fontStyle: "normal",
+        fontSize: size,
+        lineHeight: 1,
+        letterSpacing: "normal",
+        textTransform: "none",
+        whiteSpace: "nowrap",
+        wordWrap: "normal",
+        direction: "ltr",
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        overflow: "hidden",
+        WebkitFontSmoothing: "antialiased",
+        fontFeatureSettings: "\"liga\"",
+        WebkitFontFeatureSettings: "\"liga\"",
+        visibility: isSupported === null ? "hidden" : undefined,
+        ...style,
+      }}
+    >
+      {name}
+    </span>
+  );
+};

package/dist/components/common/SolidToastProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidToastProvider.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidToastProvider.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,kBAAkB,sDA0B9B,CAAC"}
+{"version":3,"file":"SolidToastProvider.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidToastProvider.tsx"],"names":[],"mappings":"AAqBA,eAAO,MAAM,kBAAkB,sDAmC9B,CAAC"}

package/dist/components/common/SolidToastProvider.js

@@ -24,6 +24,12 @@ import { useDispatch, useSelector } from "react-redux";
 import { clearToast } from "../../redux/features/toastSlice";
 import { SolidToast } from "../shad-cn-ui";
 var toastId = 0;
+function isSameToastMessage(current, next) {
+    return (current.severity === next.severity &&
+        current.summary === next.summary &&
+        current.detail === next.detail &&
+        current.sticky === next.sticky);
+}
 export var SolidToastProvider = function () {
     var dispatch = useDispatch();
     var message = useSelector(function (state) { return state.toast.message; });
@@ -32,7 +38,14 @@ export var SolidToastProvider = function () {
         if (!message)
             return;
         toastId += 1;
-        setQueue(function (current) { return __spreadArray(__spreadArray([], current, true), [__assign({ id: toastId }, message)], false); });
+        setQueue(function (current) {
+            var lastToast = current[current.length - 1];
+            var nextToast = __assign({ id: toastId }, message);
+            if (lastToast && isSameToastMessage(lastToast, message)) {
+                return __spreadArray(__spreadArray([], current.slice(0, -1), true), [nextToast], false);
+            }
+            return __spreadArray(__spreadArray([], current, true), [nextToast], false);
+        });
         dispatch(clearToast());
     }, [dispatch, message]);
     var handleClose = function (id) {

package/dist/components/common/SolidToastProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidToastProvider.js","sourceRoot":"","sources":["../../../src/components/common/SolidToastProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAgB,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,IAAI,OAAO,GAAG,CAAC,CAAC;AAEhB,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAChC,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,OAAO,GAAG,WAAW,CAAC,UAAC,KAAgB,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,EAAnB,CAAmB,CAAC,CAAC;IACjE,IAAA,KAAoB,QAAQ,CAAe,EAAE,CAAC,EAA7C,KAAK,QAAA,EAAE,QAAQ,QAA8B,CAAC;IAErD,SAAS,CAAC;QACR,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,OAAO,IAAI,CAAC,CAAC;QACb,QAAQ,CAAC,UAAC,OAAO,IAAK,uCAAI,OAAO,qBAAI,EAAE,EAAE,OAAO,IAAK,OAAO,YAAtC,CAAyC,CAAC,CAAC;QACjE,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,IAAM,WAAW,GAAG,UAAC,EAAU;QAC7B,QAAQ,CAAC,UAAC,OAAO,IAAK,OAAA,OAAO,CAAC,MAAM,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,EAAE,KAAK,EAAE,EAAf,CAAe,CAAC,EAA1C,CAA0C,CAAC,CAAC;IACpE,CAAC,CAAC;IAEF,IAAI,CAAC,KAAK,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,CACL,cAAK,SAAS,EAAC,sBAAsB,eAAW,QAAQ,iBAAa,MAAM,YACxE,KAAK,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACpB,KAAC,UAAU,eAAoB,KAAK,IAAE,OAAO,EAAE,WAAW,KAAzC,KAAK,CAAC,EAAE,CAAqC,CAC/D,EAFqB,CAErB,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { RootState } from \"../../types/solid-core\";\nimport { clearToast, ToastMessage } from \"../../redux/features/toastSlice\";\nimport { SolidToast } from \"../shad-cn-ui\";\n\ntype QueueToast = ToastMessage & {\n  id: number;\n};\n\nlet toastId = 0;\n\nexport const SolidToastProvider = () => {\n  const dispatch = useDispatch();\n  const message = useSelector((state: RootState) => state.toast.message);\n  const [queue, setQueue] = useState<QueueToast[]>([]);\n\n  useEffect(() => {\n    if (!message) return;\n\n    toastId += 1;\n    setQueue((current) => [...current, { id: toastId, ...message }]);\n    dispatch(clearToast());\n  }, [dispatch, message]);\n\n  const handleClose = (id: number) => {\n    setQueue((current) => current.filter((toast) => toast.id !== id));\n  };\n\n  if (!queue.length) return null;\n\n  return (\n    <div className=\"solid-toast-viewport\" aria-live=\"polite\" aria-atomic=\"true\">\n      {queue.map((toast) => (\n        <SolidToast key={toast.id} {...toast} onClose={handleClose} />\n      ))}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"SolidToastProvider.js","sourceRoot":"","sources":["../../../src/components/common/SolidToastProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAgB,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,IAAI,OAAO,GAAG,CAAC,CAAC;AAEhB,SAAS,kBAAkB,CAAC,OAAqB,EAAE,IAAkB;IACnE,OAAO,CACL,OAAO,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ;QAClC,OAAO,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO;QAChC,OAAO,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM;QAC9B,OAAO,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAC/B,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAChC,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,OAAO,GAAG,WAAW,CAAC,UAAC,KAAgB,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,EAAnB,CAAmB,CAAC,CAAC;IACjE,IAAA,KAAoB,QAAQ,CAAe,EAAE,CAAC,EAA7C,KAAK,QAAA,EAAE,QAAQ,QAA8B,CAAC;IAErD,SAAS,CAAC;QACR,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,OAAO,IAAI,CAAC,CAAC;QACb,QAAQ,CAAC,UAAC,OAAO;YACf,IAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAC9C,IAAM,SAAS,cAAK,EAAE,EAAE,OAAO,IAAK,OAAO,CAAE,CAAC;YAE9C,IAAI,SAAS,IAAI,kBAAkB,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE;gBACvD,uCAAW,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAE,SAAS,UAAE;aAC7C;YAED,uCAAW,OAAO,UAAE,SAAS,UAAE;QACjC,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,IAAM,WAAW,GAAG,UAAC,EAAU;QAC7B,QAAQ,CAAC,UAAC,OAAO,IAAK,OAAA,OAAO,CAAC,MAAM,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,EAAE,KAAK,EAAE,EAAf,CAAe,CAAC,EAA1C,CAA0C,CAAC,CAAC;IACpE,CAAC,CAAC;IAEF,IAAI,CAAC,KAAK,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,CACL,cAAK,SAAS,EAAC,sBAAsB,eAAW,QAAQ,iBAAa,MAAM,YACxE,KAAK,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACpB,KAAC,UAAU,eAAoB,KAAK,IAAE,OAAO,EAAE,WAAW,KAAzC,KAAK,CAAC,EAAE,CAAqC,CAC/D,EAFqB,CAErB,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { RootState } from \"../../types/solid-core\";\nimport { clearToast, ToastMessage } from \"../../redux/features/toastSlice\";\nimport { SolidToast } from \"../shad-cn-ui\";\n\ntype QueueToast = ToastMessage & {\n  id: number;\n};\n\nlet toastId = 0;\n\nfunction isSameToastMessage(current: ToastMessage, next: ToastMessage) {\n  return (\n    current.severity === next.severity &&\n    current.summary === next.summary &&\n    current.detail === next.detail &&\n    current.sticky === next.sticky\n  );\n}\n\nexport const SolidToastProvider = () => {\n  const dispatch = useDispatch();\n  const message = useSelector((state: RootState) => state.toast.message);\n  const [queue, setQueue] = useState<QueueToast[]>([]);\n\n  useEffect(() => {\n    if (!message) return;\n\n    toastId += 1;\n    setQueue((current) => {\n      const lastToast = current[current.length - 1];\n      const nextToast = { id: toastId, ...message };\n\n      if (lastToast && isSameToastMessage(lastToast, message)) {\n        return [...current.slice(0, -1), nextToast];\n      }\n\n      return [...current, nextToast];\n    });\n    dispatch(clearToast());\n  }, [dispatch, message]);\n\n  const handleClose = (id: number) => {\n    setQueue((current) => current.filter((toast) => toast.id !== id));\n  };\n\n  if (!queue.length) return null;\n\n  return (\n    <div className=\"solid-toast-viewport\" aria-live=\"polite\" aria-atomic=\"true\">\n      {queue.map((toast) => (\n        <SolidToast key={toast.id} {...toast} onClose={handleClose} />\n      ))}\n    </div>\n  );\n};\n"]}

package/dist/components/common/SolidToastProvider.tsx

@@ -10,6 +10,15 @@ type QueueToast = ToastMessage & {
 
 let toastId = 0;
 
+function isSameToastMessage(current: ToastMessage, next: ToastMessage) {
+  return (
+    current.severity === next.severity &&
+    current.summary === next.summary &&
+    current.detail === next.detail &&
+    current.sticky === next.sticky
+  );
+}
+
 export const SolidToastProvider = () => {
   const dispatch = useDispatch();
   const message = useSelector((state: RootState) => state.toast.message);
@@ -19,7 +28,16 @@ export const SolidToastProvider = () => {
     if (!message) return;
 
     toastId += 1;
-    setQueue((current) => [...current, { id: toastId, ...message }]);
+    setQueue((current) => {
+      const lastToast = current[current.length - 1];
+      const nextToast = { id: toastId, ...message };
+
+      if (lastToast && isSameToastMessage(lastToast, message)) {
+        return [...current.slice(0, -1), nextToast];
+      }
+
+      return [...current, nextToast];
+    });
     dispatch(clearToast());
   }, [dispatch, message]);
 

package/dist/components/core/common/SolidAccountSettings/SolidAccountSettings.module.css

@@ -237,7 +237,7 @@
   width: 72px;
   height: 72px;
   border-radius: 999px;
-  overflow: hidden;
+  overflow: visible;
   border: 1px solid var(--border);
   background: var(--muted);
 }
@@ -246,6 +246,7 @@
   width: 100%;
   height: 100%;
   object-fit: cover;
+  border-radius: inherit;
 }
 
 .avatarFallback {
@@ -256,6 +257,7 @@
   color: #fff;
   font-size: 30px;
   font-weight: 700;
+  border-radius: inherit;
 }
 
 .avatarRemove {

package/dist/components/core/common/SolidGlobalSearchElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidGlobalSearchElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidGlobalSearchElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgF,MAAM,OAAO,CAAC;AAYrG,OAA0B,EAAE,eAAe,EAAE,YAAY,EAAsB,MAAM,qBAAqB,CAAC;AA0B3G,MAAM,MAAM,eAAe,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACrB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,MAAM,CAAC;CAClC,CAAA;AAoUD,eAAO,MAAM,2BAA2B,sBAAuB,GAAG,aAAa,GAAG,yBAAyB,MAAM,iBAAiB,MAAM,QAavI,CAAA;AAGD,eAAO,MAAM,mBAAmB,iBAAkB,GAAG,gBAAgB,GAAG,eAAe,GAAG,qBAAqB,GAAG,kBAAkB,YAAY,EAAE,qBAAqB,eAAe,EAAE,QAwBvL,CAAA;AAiID,eAAO,MAAM,wBAAwB,kFAiuDnC,CAAC"}
+{"version":3,"file":"SolidGlobalSearchElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidGlobalSearchElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgF,MAAM,OAAO,CAAC;AAarG,OAA0B,EAAE,eAAe,EAAE,YAAY,EAAsB,MAAM,qBAAqB,CAAC;AA0B3G,MAAM,MAAM,eAAe,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACrB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,MAAM,CAAC;CAClC,CAAA;AAoUD,eAAO,MAAM,2BAA2B,sBAAuB,GAAG,aAAa,GAAG,yBAAyB,MAAM,iBAAiB,MAAM,QAavI,CAAA;AAGD,eAAO,MAAM,mBAAmB,iBAAkB,GAAG,gBAAgB,GAAG,eAAe,GAAG,qBAAqB,GAAG,kBAAkB,YAAY,EAAE,qBAAqB,eAAe,EAAE,QAwBvL,CAAA;AAiID,eAAO,MAAM,wBAAwB,kFA4tDnC,CAAC"}

package/dist/components/core/common/SolidGlobalSearchElement.js

@@ -57,6 +57,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import FilterComponent, { FilterOperator, FilterRuleType } from "../../../components/core/common/FilterComponent";
+import { toTitleCase } from "../../../helpers/helpers";
 import { usePathname } from "../../../hooks/usePathname";
 import { useRouter } from "../../../hooks/useRouter";
 import { useSearchParams } from "../../../hooks/useSearchParams";
@@ -1582,7 +1583,7 @@ export var SolidGlobalSearchElement = forwardRef(function (_a, ref) {
     };
     var PredefinedSearchChip = function () { return (_jsx("li", { children: _jsxs("div", { className: "search-filter-chip-type", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("strong", { children: [predefinedSearchChip === null || predefinedSearchChip === void 0 ? void 0 : predefinedSearchChip.name, ":"] }), _jsx("span", { className: "custom-chip-value", children: predefinedSearchChip === null || predefinedSearchChip === void 0 ? void 0 : predefinedSearchChip.value })] }), _jsx("button", { type: "button", className: "ml-1", style: { cursor: "pointer" }, onClick: removePredefinedSearchChip, children: _jsx(X, { size: 14 }) })] }) })); };
     // predefinedfilter related code end
-    return (_jsx(_Fragment, { children: _jsxs("div", { className: "relative flex justify-center solid-custom-filter-wrapper", children: [_jsx("div", { className: "solid-global-search-element", children: _jsxs("ul", { className: "solid-global-search-chip-list", children: [visibleChipItems.map(function (chip) { return (_jsx("li", { children: _jsxs("div", { className: "search-filter-chip-type solid-chip-pill solid-chip-tone-".concat(chip.type), children: [chip.onOpen ? (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "solid-chip-open-button", title: chip.label, "aria-label": "Open ".concat(chip.label), onMouseDown: function (e) { return e.preventDefault(); }, onClick: function () { return handleManagedChipOpen(chip); }, children: _jsx("span", { className: "solid-chip-open-icon", "aria-hidden": "true", children: _jsx(Filter, { size: 12 }) }) }), _jsx("span", { className: "custom-chip-value solid-chip-pill-label solid-chip-open-label", title: chip.label, children: chip.label })] })) : (_jsx("span", { className: "custom-chip-value solid-chip-pill-label", title: chip.label, children: chip.label })), _jsx("button", { type: "button", className: "solid-chip-pill-remove", onMouseDown: function (e) { return e.preventDefault(); }, onClick: chip.onRemove, "aria-label": "Remove ".concat(chip.label), children: _jsx(X, { size: 14 }) })] }) }, chip.id)); }), hiddenChipCount > 0 && (_jsx("li", { children: _jsxs("button", { type: "button", ref: chipManagerTriggerRef, className: "solid-chip-manage-trigger", onMouseDown: function (e) { return e.preventDefault(); }, onClick: function () { return setShowChipManager(function (prev) { return !prev; }); }, children: ["+", hiddenChipCount, " more"] }) })), _jsx("li", { ref: chipsRef, className: "solid-global-search-input-item", children: _jsxs("div", { className: "relative solid-global-search-element-wrapper", children: [_jsx(SolidInput, { ref: searchInputRef, className: "solid-global-search-input", value: inputValue || "", placeholder: "Search.", onChange: function (e) {
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: "relative flex justify-center solid-custom-filter-wrapper", children: [_jsx("div", { className: "solid-global-search-element", children: _jsxs("ul", { className: "solid-global-search-chip-list", children: [visibleChipItems.map(function (chip) { return (_jsx("li", { children: _jsxs("div", { className: "search-filter-chip-type solid-chip-pill solid-chip-tone-".concat(chip.type), children: [chip.onOpen ? (_jsx("button", { type: "button", className: "solid-chip-label-button", title: chip.label, "aria-label": "Open ".concat(chip.label), onMouseDown: function (e) { return e.preventDefault(); }, onClick: function () { return handleManagedChipOpen(chip); }, children: _jsx("span", { className: "custom-chip-value solid-chip-pill-label", title: chip.label, children: chip.label }) })) : (_jsx("span", { className: "custom-chip-value solid-chip-pill-label", title: chip.label, children: chip.label })), _jsx("button", { type: "button", className: "solid-chip-pill-remove", onMouseDown: function (e) { return e.preventDefault(); }, onClick: chip.onRemove, "aria-label": "Remove ".concat(chip.label), children: _jsx(X, { size: 14 }) })] }) }, chip.id)); }), hiddenChipCount > 0 && (_jsx("li", { children: _jsxs("button", { type: "button", ref: chipManagerTriggerRef, className: "solid-chip-manage-trigger", onMouseDown: function (e) { return e.preventDefault(); }, onClick: function () { return setShowChipManager(function (prev) { return !prev; }); }, children: ["+", hiddenChipCount, " more"] }) })), _jsx("li", { ref: chipsRef, className: "solid-global-search-input-item", children: _jsxs("div", { className: "relative solid-global-search-element-wrapper", children: [_jsx(SolidInput, { ref: searchInputRef, className: "solid-global-search-input", value: inputValue || "", placeholder: "Search.", onChange: function (e) {
                                                 setInputValue(e.target.value);
                                                 setShowChipManager(false);
                                                 setShowOverlay(true);
@@ -1620,7 +1621,7 @@ export var SolidGlobalSearchElement = forwardRef(function (_a, ref) {
                                                                 setRefreshKey(function (prev) { return prev + 1; });
                                                                 setShowOverlay(false);
                                                             }
-                                                        }, onMouseEnter: function () { return setFocusedIndex(index); }, children: ["Search ", _jsx("strong", { style: { paddingLeft: "2px" }, children: value.displayName.trim() }), "\u00A0for:\u00A0 ", _jsx("span", { className: "font-bold text-color", children: inputValue })] }, index));
+                                                        }, onMouseEnter: function () { return setFocusedIndex(index); }, children: ["Search ", _jsx("strong", { style: { paddingLeft: "2px" }, children: toTitleCase(value.displayName.trim()) }), "\u00A0for:\u00A0 ", _jsx("span", { className: "font-bold text-color", children: inputValue })] }, index));
                                                 })) : (_jsxs("div", { className: "solid-search-overlay-no-fields", children: [_jsx("div", { className: "solid-search-overlay-no-fields-icon", children: _jsx(SearchX, { size: 14 }) }), _jsx("div", { className: "solid-search-overlay-no-fields-text", children: "No fields configured for search." })] }))] }), predefinedSearches && predefinedSearches.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "solid-filter-dialog-sep" }), _jsxs("div", { className: "custom-filter-search-options solid-search-overlay-section flex flex-col px-3 py-1", children: [_jsx("h6", { className: "my-1 solid-search-overlay-heading solid-search-overlay-section-title", children: "Predefined searches" }), predefinedSearches.map(function (predefinedSearch, index) { return (_jsxs(SolidButton, { variant: "ghost", size: "sm", className: "flex flex-col items-start gap-1 text-color solid-search-overlay-option solid-search-overlay-option-stacked ".concat(focusedIndex === searchableFields.length + index ? "solid-search-overlay-option-active" : ""), onMouseDown: function (e) {
                                                                 e.preventDefault();
                                                                 handlePredefinedSearch(predefinedSearch);