@anoki/fse-ui 2.3.0-16-SNAPSHOT47 → 2.3.0-16-SNAPSHOT49

package/dist/index.es214.js

@@ -1,9 +1,9 @@
 import { j as x } from "./index.es264.js";
 import { useMemo as y } from "react";
-import { clsx as g } from "./index.es266.js";
-import { createSpacingClasses as j } from "./index.es387.js";
-import { createColorClasses as u } from "./index.es339.js";
-import { createTypographyClasses as h } from "./index.es388.js";
+import { clsx as g } from "./index.es267.js";
+import { createSpacingClasses as j } from "./index.es361.js";
+import { createColorClasses as u } from "./index.es306.js";
+import { createTypographyClasses as h } from "./index.es362.js";
 const E = ({
   as: o,
   className: r,

package/dist/index.es215.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es264.js";
 import { Section as d, SectionHeading as h } from "./index.es224.js";
-import { clsx as v } from "./index.es266.js";
-import { l as t } from "./index.es267.js";
+import { clsx as v } from "./index.es267.js";
+import { l as t } from "./index.es471.js";
 import { useMemo as f } from "react";
 import { RichText as g } from "./index.es213.js";
 import './sections/Services/Services.css';/* empty css            */

package/dist/index.es216.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es264.js";
 import './components/ui/Search/Search.css';/* empty css            */
-import { clsx as r } from "./index.es266.js";
+import { clsx as r } from "./index.es267.js";
 import { useState as x } from "react";
 import { Button as d } from "./index.es36.js";
 import { SearchIcon as h } from "./index.es220.js";

package/dist/index.es217.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es264.js";
 import './components/ui/SearchDocument/SearchDocument.css';/* empty css            */
-import { clsx as n } from "./index.es266.js";
+import { clsx as n } from "./index.es267.js";
 import { useState as u } from "react";
 import { Close as C } from "./index.es80.js";
 import { Col as N } from "./index.es82.js";

package/dist/index.es218.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es264.js";
 import { useState as C, useId as G } from "react";
-import { clsx as m } from "./index.es266.js";
+import { clsx as m } from "./index.es267.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
-import { useMediaQuery as Q } from "./index.es307.js";
+import { useMediaQuery as Q } from "./index.es273.js";
 import { Close as S } from "./index.es80.js";
 import { Col as A } from "./index.es82.js";
 import { Button as D } from "./index.es36.js";

package/dist/index.es219.js

@@ -1,56 +1,55 @@
 import { j as e } from "./index.es264.js";
 import './components/ui/SearchGenericV2/SearchGenericV2.css';/* empty css            */
-import { clsx as d } from "./index.es266.js";
-import { useState as z, useCallback as B, useMemo as f, Fragment as _ } from "react";
-import { Spinner as L } from "./index.es230.js";
-import { Close as D } from "./index.es80.js";
-import { Col as E } from "./index.es82.js";
+import { clsx as x } from "./index.es267.js";
+import { useState as L, useCallback as M, useMemo as f, Fragment as C } from "react";
+import { Spinner as D } from "./index.es230.js";
+import { Close as E } from "./index.es80.js";
+import { Col as O } from "./index.es82.js";
 import { Button as P } from "./index.es36.js";
-function Q(x) {
+function U(g) {
   const {
-    btnText: y,
-    helperText: C = "Cosa vuoi approfondire?",
+    btnText: S,
+    helperText: k = "Cosa vuoi approfondire?",
     value: a,
-    loading: n,
-    items: o,
-    emptyLabel: S = "Nessun risultato disponibile",
-    minCharsToShow: c = 3,
-    setValue: k,
-    setSelectedElement: F,
-    className: M,
-    dimensionStrategy: I = "fixed"
-  } = x, r = "mode" in x && x.mode === "flat" ? "flat" : "categorized", [j, h] = z(!1), p = (s) => {
-    k(s.target.value);
-  }, b = (s) => {
-    F(s), h(!1);
-  }, N = B((s, t) => {
-    if (!t) return s;
-    const l = s.toLowerCase().indexOf(t.toLowerCase());
-    if (l === -1) return s;
-    const i = s.slice(0, l), u = s.slice(l, l + t.length), T = s.slice(l + t.length);
-    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      i,
-      /* @__PURE__ */ e.jsx("span", { className: "text-primary fw-bold", children: u }),
-      T
-    ] });
-  }, []), m = f(
-    () => r === "flat" ? o : [],
-    [r, o]
-  ), g = f(
-    () => r === "categorized" ? o : [],
-    [r, o]
-  ), v = f(() => r === "flat" ? m.length === 0 : g.every((s) => s.items.length === 0), [r, m, g]), w = f(() => !j || a.length < c ? !1 : !(n && v), [j, a.length, c, n, v]);
+    loading: c,
+    items: u,
+    emptyLabel: F = "Nessun risultato disponibile",
+    minCharsToShow: m = 3,
+    setValue: I,
+    setSelectedElement: T,
+    className: z,
+    dimensionStrategy: B = "fixed"
+  } = g, n = "mode" in g && g.mode === "flat" ? "flat" : "categorized", [w, d] = L(!1), v = (s) => {
+    I(s.target.value);
+  }, N = (s) => {
+    T(s), d(!1);
+  }, _ = M((s, l) => {
+    if (!l) return s;
+    const h = s.toLowerCase(), i = l.toLowerCase(), t = [];
+    let o = 0, r = h.indexOf(i);
+    for (; r !== -1; )
+      r > o && t.push(s.slice(o, r)), t.push(
+        /* @__PURE__ */ e.jsx("span", { className: "text-primary fw-bold", children: s.slice(r, r + l.length) }, r)
+      ), o = r + l.length, r = h.indexOf(i, o);
+    return o < s.length && t.push(s.slice(o)), t.length > 0 ? /* @__PURE__ */ e.jsx(e.Fragment, { children: t }) : s;
+  }, []), p = f(
+    () => n === "flat" ? u : [],
+    [n, u]
+  ), j = f(
+    () => n === "categorized" ? u : [],
+    [n, u]
+  ), b = f(() => n === "flat" ? p.length === 0 : j.every((s) => s.items.length === 0), [n, p, j]), y = f(() => !w || a.length < m ? !1 : !(c && b), [w, a.length, m, c, b]);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: d(
+      className: x(
         "ui-search-v2",
         "br-x4 bg-border-secondary w-full",
-        M,
-        { "ui-search-v2--auto": I === "auto" }
+        z,
+        { "ui-search-v2--auto": B === "auto" }
       ),
       onBlur: () => {
-        setTimeout(() => h(!1), 150);
+        setTimeout(() => d(!1), 150);
       },
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "position-relative w-full", children: [
@@ -58,25 +57,25 @@ function Q(x) {
             "input",
             {
               type: "search",
-              className: d(
+              className: x(
                 "ui-search-v2__input",
                 "fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24",
-                a && a.length >= c && "has-clear-icon"
+                a && a.length >= m && "has-clear-icon"
               ),
-              placeholder: C,
+              placeholder: k,
               "aria-label": "Barra di ricerca",
               value: a,
-              onChange: p,
-              onFocus: () => h(!0)
+              onChange: v,
+              onFocus: () => d(!0)
             }
           ),
-          n && /* @__PURE__ */ e.jsx(L, { className: "ui-search-v2__spinner" }),
-          a && a.length >= c && !n && /* @__PURE__ */ e.jsx(
-            D,
+          c && /* @__PURE__ */ e.jsx(D, { className: "ui-search-v2__spinner" }),
+          a && a.length >= m && !c && /* @__PURE__ */ e.jsx(
+            E,
             {
               className: "ui-search-v2__clear",
               onClick: () => {
-                p({ target: { value: "" } });
+                v({ target: { value: "" } });
               }
             }
           )
@@ -84,48 +83,48 @@ function Q(x) {
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: d("ui-search-v2__dropdown shadow position-absolute", {
-              "py-x24": w
+            className: x("ui-search-v2__dropdown shadow position-absolute", {
+              "py-x24": y
             }),
             children: /* @__PURE__ */ e.jsx(
-              E,
+              O,
               {
                 gap: "x24",
                 fw: "regular",
                 text: "secondary",
                 fs: "6",
                 className: "ui-search-v2__list overflow-y-auto",
-                children: w && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  r === "flat" ? m.length > 0 && /* @__PURE__ */ e.jsx("ul", { className: "list-unstyled", children: m.map((s) => /* @__PURE__ */ e.jsx(
+                children: y && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  n === "flat" ? p.length > 0 && /* @__PURE__ */ e.jsx("ul", { className: "list-unstyled", children: p.map((s) => /* @__PURE__ */ e.jsx(
                     "li",
                     {
-                      onClick: (t) => {
-                        t.stopPropagation(), t.preventDefault(), b(s);
+                      onClick: (l) => {
+                        l.stopPropagation(), l.preventDefault(), N(s);
                       },
                       className: "cursor-pointer py-x8 px-x24",
-                      children: N(s.label, a || "")
+                      children: _(s.label, a || "")
                     },
                     s.value
-                  )) }) : g.map(
-                    (s, t) => {
-                      var l;
-                      return (l = s.items) != null && l.length ? /* @__PURE__ */ e.jsx(_, { children: /* @__PURE__ */ e.jsxs("div", { children: [
+                  )) }) : j.map(
+                    (s, l) => {
+                      var h;
+                      return (h = s.items) != null && h.length ? /* @__PURE__ */ e.jsx(C, { children: /* @__PURE__ */ e.jsxs("div", { children: [
                         /* @__PURE__ */ e.jsx("h1", { className: "ui-search-v2__category fw-semibold text-dark fs-6 mb-x8 px-x24", children: s.category }),
                         /* @__PURE__ */ e.jsx("ul", { className: "list-unstyled", children: s.items.map((i) => /* @__PURE__ */ e.jsx(
                           "li",
                           {
-                            onClick: (u) => {
-                              u.stopPropagation(), u.preventDefault(), b(i);
+                            onClick: (t) => {
+                              t.stopPropagation(), t.preventDefault(), N(i);
                             },
                             className: "cursor-pointer py-x8 px-x24",
-                            children: N(i.label, a || "")
+                            children: _(i.label, a || "")
                           },
                           i.value
                         )) })
-                      ] }) }, t) : /* @__PURE__ */ e.jsx(_, {}, t);
+                      ] }) }, l) : /* @__PURE__ */ e.jsx(C, {}, l);
                     }
                   ),
-                  !n && v ? /* @__PURE__ */ e.jsx("p", { className: "px-x24 fs-6", children: S }) : ""
+                  !c && b ? /* @__PURE__ */ e.jsx("p", { className: "px-x24 fs-6", children: F }) : ""
                 ] })
               }
             )
@@ -134,14 +133,14 @@ function Q(x) {
         /* @__PURE__ */ e.jsx("div", { className: "ui-search-v2__btn-wrap", children: /* @__PURE__ */ e.jsx(
           P,
           {
-            className: d(
+            className: x(
               "ui-search-v2__btn",
               "bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"
             ),
             onClick: () => {
-              p({ target: { value: a } }), h(!0);
+              v({ target: { value: a } }), d(!0);
             },
-            children: y
+            children: S
           }
         ) })
       ]
@@ -149,6 +148,6 @@ function Q(x) {
   );
 }
 export {
-  Q as SearchGenericV2
+  U as SearchGenericV2
 };
 //# sourceMappingURL=index.es219.js.map

package/dist/index.es219.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es219.js","sources":["../src/components/ui/SearchGenericV2/index.tsx"],"sourcesContent":["import \"./SearchGenericV2.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, Fragment, useCallback, useMemo, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close, Spinner } from \"@/icons\";\n\nexport type SearchGenericV2Item<T = unknown> = {\n  value: string;\n  label: string;\n  originalData: T;\n};\n\nexport type SearchGenericV2Suggestion<T = unknown> = {\n  category: string;\n  items: SearchGenericV2Item<T>[];\n};\n\ntype SearchGenericV2BaseProps<T = unknown> = {\n  btnText: string;\n  helperText?: string;\n  value: string;\n  loading?: boolean;\n  emptyLabel?: string;\n  minCharsToShow?: number;\n  setValue: (value: string) => void;\n  setSelectedElement: (item: SearchGenericV2Item<T>) => void;\n  className?: string;\n  dimensionStrategy?: \"fixed\" | \"auto\";\n};\n\ntype SearchGenericV2CategorizedProps<T = unknown> =\n  SearchGenericV2BaseProps<T> & {\n    mode?: \"categorized\";\n    items: SearchGenericV2Suggestion<T>[];\n  };\n\ntype SearchGenericV2FlatProps<T = unknown> = SearchGenericV2BaseProps<T> & {\n  mode: \"flat\";\n  items: SearchGenericV2Item<T>[];\n};\n\nexport type SearchGenericV2Props<T = unknown> =\n  | SearchGenericV2CategorizedProps<T>\n  | SearchGenericV2FlatProps<T>;\n\nexport function SearchGenericV2<T = unknown>(props: SearchGenericV2Props<T>) {\n  const {\n    btnText,\n    helperText = \"Cosa vuoi approfondire?\",\n    value,\n    loading,\n    items,\n    emptyLabel = \"Nessun risultato disponibile\",\n    minCharsToShow = 3,\n    setValue,\n    setSelectedElement,\n    className,\n    dimensionStrategy = \"fixed\",\n  } = props;\n\n  const mode =\n    \"mode\" in props && props.mode === \"flat\" ? \"flat\" : \"categorized\";\n\n  const [focus, setFocus] = useState(false);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    setValue(e.target.value);\n  };\n\n  const handleSelectItem = (item: SearchGenericV2Item<T>) => {\n    setSelectedElement(item);\n    setFocus(false);\n  };\n\n  const highlightMatch = useCallback((text: string, query: string) => {\n    if (!query) return text;\n\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\n    if (index === -1) return text;\n\n    const beforeMatch = text.slice(0, index);\n    const match = text.slice(index, index + query.length);\n    const afterMatch = text.slice(index + query.length);\n\n    return (\n      <>\n        {beforeMatch}\n        <span className=\"text-primary fw-bold\">{match}</span>\n        {afterMatch}\n      </>\n    );\n  }, []);\n\n  const flatItems = useMemo(\n    () => (mode === \"flat\" ? (items as SearchGenericV2Item<T>[]) : []),\n    [mode, items],\n  );\n\n  const categorizedItems = useMemo(\n    () =>\n      mode === \"categorized\" ? (items as SearchGenericV2Suggestion<T>[]) : [],\n    [mode, items],\n  );\n\n  const hasNoResults = useMemo(() => {\n    if (mode === \"flat\") return flatItems.length === 0;\n    return categorizedItems.every((s) => s.items.length === 0);\n  }, [mode, flatItems, categorizedItems]);\n\n  const showMenu = useMemo(() => {\n    if (!focus) return false;\n    if (value.length < minCharsToShow) return false;\n    return !(loading && hasNoResults);\n  }, [focus, value.length, minCharsToShow, loading, hasNoResults]);\n\n  return (\n    <div\n      className={clsx(\n        \"ui-search-v2\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n        { \"ui-search-v2--auto\": dimensionStrategy === \"auto\" },\n      )}\n      onBlur={() => {\n        setTimeout(() => setFocus(false), 150);\n      }}\n    >\n      <div className=\"position-relative w-full\">\n        <input\n          type=\"search\"\n          className={clsx(\n            \"ui-search-v2__input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n            value && value.length >= minCharsToShow && \"has-clear-icon\",\n          )}\n          placeholder={helperText}\n          aria-label=\"Barra di ricerca\"\n          value={value}\n          onChange={handleInputChange}\n          onFocus={() => setFocus(true)}\n        />\n        {loading && <Spinner className=\"ui-search-v2__spinner\" />}\n        {value && value.length >= minCharsToShow && !loading && (\n          <Close\n            className=\"ui-search-v2__clear\"\n            onClick={() => {\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n\n      <div\n        className={clsx(\"ui-search-v2__dropdown shadow position-absolute\", {\n          \"py-x24\": showMenu,\n        })}\n      >\n        <Col\n          gap=\"x24\"\n          fw=\"regular\"\n          text=\"secondary\"\n          fs=\"6\"\n          className=\"ui-search-v2__list overflow-y-auto\"\n        >\n          {showMenu && (\n            <>\n              {mode === \"flat\"\n                ? flatItems.length > 0 && (\n                    <ul className=\"list-unstyled\">\n                      {flatItems.map((item) => (\n                        <li\n                          key={item.value}\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            e.preventDefault();\n                            handleSelectItem(item);\n                          }}\n                          className=\"cursor-pointer py-x8 px-x24\"\n                        >\n                          {highlightMatch(item.label, value || \"\")}\n                        </li>\n                      ))}\n                    </ul>\n                  )\n                : categorizedItems.map((group, index) =>\n                    group.items?.length ? (\n                      <Fragment key={index}>\n                        <div>\n                          <h1 className=\"ui-search-v2__category fw-semibold text-dark fs-6 mb-x8 px-x24\">\n                            {group.category}\n                          </h1>\n                          <ul className=\"list-unstyled\">\n                            {group.items.map((item) => (\n                              <li\n                                key={item.value}\n                                onClick={(e) => {\n                                  e.stopPropagation();\n                                  e.preventDefault();\n                                  handleSelectItem(item);\n                                }}\n                                className=\"cursor-pointer py-x8 px-x24\"\n                              >\n                                {highlightMatch(item.label, value || \"\")}\n                              </li>\n                            ))}\n                          </ul>\n                        </div>\n                      </Fragment>\n                    ) : (\n                      <Fragment key={index} />\n                    ),\n                  )}\n\n              {!loading && hasNoResults ? (\n                <p className=\"px-x24 fs-6\">{emptyLabel}</p>\n              ) : (\n                \"\"\n              )}\n            </>\n          )}\n        </Col>\n      </div>\n\n      <div className=\"ui-search-v2__btn-wrap\">\n        <Button\n          className={clsx(\n            \"ui-search-v2__btn\",\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            handleInputChange({ target: { value } } as any);\n            setFocus(true);\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["SearchGenericV2","props","btnText","helperText","value","loading","items","emptyLabel","minCharsToShow","setValue","setSelectedElement","className","dimensionStrategy","mode","focus","setFocus","useState","handleInputChange","e","handleSelectItem","item","highlightMatch","useCallback","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","flatItems","useMemo","categorizedItems","hasNoResults","showMenu","clsx","Spinner","Close","Col","group","_a","Button"],"mappings":"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"}
+{"version":3,"file":"index.es219.js","sources":["../src/components/ui/SearchGenericV2/index.tsx"],"sourcesContent":["import \"./SearchGenericV2.scss\";\nimport clsx from \"clsx\";\nimport {\n  ChangeEvent,\n  Fragment,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close, Spinner } from \"@/icons\";\n\nexport type SearchGenericV2Item<T = unknown> = {\n  value: string;\n  label: string;\n  originalData: T;\n};\n\nexport type SearchGenericV2Suggestion<T = unknown> = {\n  category: string;\n  items: SearchGenericV2Item<T>[];\n};\n\ntype SearchGenericV2BaseProps<T = unknown> = {\n  btnText: string;\n  helperText?: string;\n  value: string;\n  loading?: boolean;\n  emptyLabel?: string;\n  minCharsToShow?: number;\n  setValue: (value: string) => void;\n  setSelectedElement: (item: SearchGenericV2Item<T>) => void;\n  className?: string;\n  dimensionStrategy?: \"fixed\" | \"auto\";\n};\n\ntype SearchGenericV2CategorizedProps<T = unknown> =\n  SearchGenericV2BaseProps<T> & {\n    mode?: \"categorized\";\n    items: SearchGenericV2Suggestion<T>[];\n  };\n\ntype SearchGenericV2FlatProps<T = unknown> = SearchGenericV2BaseProps<T> & {\n  mode: \"flat\";\n  items: SearchGenericV2Item<T>[];\n};\n\nexport type SearchGenericV2Props<T = unknown> =\n  | SearchGenericV2CategorizedProps<T>\n  | SearchGenericV2FlatProps<T>;\n\nexport function SearchGenericV2<T = unknown>(props: SearchGenericV2Props<T>) {\n  const {\n    btnText,\n    helperText = \"Cosa vuoi approfondire?\",\n    value,\n    loading,\n    items,\n    emptyLabel = \"Nessun risultato disponibile\",\n    minCharsToShow = 3,\n    setValue,\n    setSelectedElement,\n    className,\n    dimensionStrategy = \"fixed\",\n  } = props;\n\n  const mode =\n    \"mode\" in props && props.mode === \"flat\" ? \"flat\" : \"categorized\";\n\n  const [focus, setFocus] = useState(false);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    setValue(e.target.value);\n  };\n\n  const handleSelectItem = (item: SearchGenericV2Item<T>) => {\n    setSelectedElement(item);\n    setFocus(false);\n  };\n\n  const highlightMatch = useCallback((text: string, query: string) => {\n    if (!query) return text;\n\n    const lowerText = text.toLowerCase();\n    const lowerQuery = query.toLowerCase();\n    const parts: ReactNode[] = [];\n    let lastIndex = 0;\n    let index = lowerText.indexOf(lowerQuery);\n\n    while (index !== -1) {\n      if (index > lastIndex) {\n        parts.push(text.slice(lastIndex, index));\n      }\n      parts.push(\n        <span key={index} className=\"text-primary fw-bold\">\n          {text.slice(index, index + query.length)}\n        </span>,\n      );\n      lastIndex = index + query.length;\n      index = lowerText.indexOf(lowerQuery, lastIndex);\n    }\n\n    if (lastIndex < text.length) {\n      parts.push(text.slice(lastIndex));\n    }\n\n    return parts.length > 0 ? <>{parts}</> : text;\n  }, []);\n\n  const flatItems = useMemo(\n    () => (mode === \"flat\" ? (items as SearchGenericV2Item<T>[]) : []),\n    [mode, items],\n  );\n\n  const categorizedItems = useMemo(\n    () =>\n      mode === \"categorized\" ? (items as SearchGenericV2Suggestion<T>[]) : [],\n    [mode, items],\n  );\n\n  const hasNoResults = useMemo(() => {\n    if (mode === \"flat\") return flatItems.length === 0;\n    return categorizedItems.every((s) => s.items.length === 0);\n  }, [mode, flatItems, categorizedItems]);\n\n  const showMenu = useMemo(() => {\n    if (!focus) return false;\n    if (value.length < minCharsToShow) return false;\n    return !(loading && hasNoResults);\n  }, [focus, value.length, minCharsToShow, loading, hasNoResults]);\n\n  return (\n    <div\n      className={clsx(\n        \"ui-search-v2\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n        { \"ui-search-v2--auto\": dimensionStrategy === \"auto\" },\n      )}\n      onBlur={() => {\n        setTimeout(() => setFocus(false), 150);\n      }}\n    >\n      <div className=\"position-relative w-full\">\n        <input\n          type=\"search\"\n          className={clsx(\n            \"ui-search-v2__input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n            value && value.length >= minCharsToShow && \"has-clear-icon\",\n          )}\n          placeholder={helperText}\n          aria-label=\"Barra di ricerca\"\n          value={value}\n          onChange={handleInputChange}\n          onFocus={() => setFocus(true)}\n        />\n        {loading && <Spinner className=\"ui-search-v2__spinner\" />}\n        {value && value.length >= minCharsToShow && !loading && (\n          <Close\n            className=\"ui-search-v2__clear\"\n            onClick={() => {\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n\n      <div\n        className={clsx(\"ui-search-v2__dropdown shadow position-absolute\", {\n          \"py-x24\": showMenu,\n        })}\n      >\n        <Col\n          gap=\"x24\"\n          fw=\"regular\"\n          text=\"secondary\"\n          fs=\"6\"\n          className=\"ui-search-v2__list overflow-y-auto\"\n        >\n          {showMenu && (\n            <>\n              {mode === \"flat\"\n                ? flatItems.length > 0 && (\n                    <ul className=\"list-unstyled\">\n                      {flatItems.map((item) => (\n                        <li\n                          key={item.value}\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            e.preventDefault();\n                            handleSelectItem(item);\n                          }}\n                          className=\"cursor-pointer py-x8 px-x24\"\n                        >\n                          {highlightMatch(item.label, value || \"\")}\n                        </li>\n                      ))}\n                    </ul>\n                  )\n                : categorizedItems.map((group, index) =>\n                    group.items?.length ? (\n                      <Fragment key={index}>\n                        <div>\n                          <h1 className=\"ui-search-v2__category fw-semibold text-dark fs-6 mb-x8 px-x24\">\n                            {group.category}\n                          </h1>\n                          <ul className=\"list-unstyled\">\n                            {group.items.map((item) => (\n                              <li\n                                key={item.value}\n                                onClick={(e) => {\n                                  e.stopPropagation();\n                                  e.preventDefault();\n                                  handleSelectItem(item);\n                                }}\n                                className=\"cursor-pointer py-x8 px-x24\"\n                              >\n                                {highlightMatch(item.label, value || \"\")}\n                              </li>\n                            ))}\n                          </ul>\n                        </div>\n                      </Fragment>\n                    ) : (\n                      <Fragment key={index} />\n                    ),\n                  )}\n\n              {!loading && hasNoResults ? (\n                <p className=\"px-x24 fs-6\">{emptyLabel}</p>\n              ) : (\n                \"\"\n              )}\n            </>\n          )}\n        </Col>\n      </div>\n\n      <div className=\"ui-search-v2__btn-wrap\">\n        <Button\n          className={clsx(\n            \"ui-search-v2__btn\",\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            handleInputChange({ target: { value } } as any);\n            setFocus(true);\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["SearchGenericV2","props","btnText","helperText","value","loading","items","emptyLabel","minCharsToShow","setValue","setSelectedElement","className","dimensionStrategy","mode","focus","setFocus","useState","handleInputChange","e","handleSelectItem","item","highlightMatch","useCallback","text","query","lowerText","lowerQuery","parts","lastIndex","index","jsx","Fragment","flatItems","useMemo","categorizedItems","hasNoResults","showMenu","jsxs","clsx","Spinner","Close","Col","group","_a","Button"],"mappings":"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"}

package/dist/index.es22.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es264.js";
-import { clsx as m } from "./index.es266.js";
-import { createColorClasses as n } from "./index.es339.js";
+import { clsx as m } from "./index.es267.js";
+import { createColorClasses as n } from "./index.es306.js";
 const w = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es221.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es264.js";
 import './components/ui/SearchService/SearchService.css';/* empty css            */
-import { clsx as n } from "./index.es266.js";
+import { clsx as n } from "./index.es267.js";
 import { useState as h } from "react";
 import { Close as v } from "./index.es80.js";
 import { Col as C } from "./index.es82.js";

package/dist/index.es222.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es264.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
-import { clsx as l } from "./index.es266.js";
+import { clsx as l } from "./index.es267.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es307.js";
+import { useMediaQuery as N } from "./index.es273.js";
 import { Close as I } from "./index.es80.js";
 import { Col as y } from "./index.es82.js";
 import { Button as L } from "./index.es36.js";

package/dist/index.es224.js

@@ -1,7 +1,7 @@
 import { j as i } from "./index.es264.js";
-import { Title as o } from "./index.es473.js";
-import { Description as n } from "./index.es474.js";
-import { clsx as t } from "./index.es266.js";
+import { Title as o } from "./index.es448.js";
+import { Description as n } from "./index.es449.js";
+import { clsx as t } from "./index.es267.js";
 import './components/ui/Section/Section.css';/* empty css            */
 const c = ({ className: r, children: s }) => /* @__PURE__ */ i.jsx("section", { className: r, children: s }), D = ({
   className: r,

package/dist/index.es226.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es264.js";
-import { clsx as m } from "./index.es266.js";
-import { createColorClasses as n } from "./index.es339.js";
+import { clsx as m } from "./index.es267.js";
+import { createColorClasses as n } from "./index.es306.js";
 const x = ({
   width: l = 16,
   height: o = 29,

package/dist/index.es227.js

@@ -1,7 +1,7 @@
 import { j as o } from "./index.es264.js";
 import './components/ui/ShareButton/ShareButton.css';/* empty css            */
 import "./index.es.js";
-import { clsx as l } from "./index.es266.js";
+import { clsx as l } from "./index.es267.js";
 import { useState as p, useRef as u, useEffect as d } from "react";
 import { ShareLink as f } from "./index.es228.js";
 import { Meta as h } from "./index.es189.js";

package/dist/index.es228.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es264.js";
-import { clsx as m } from "./index.es266.js";
-import { createColorClasses as n } from "./index.es339.js";
+import { clsx as m } from "./index.es267.js";
+import { createColorClasses as n } from "./index.es306.js";
 const x = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es229.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es264.js";
-import { clsx as a } from "./index.es266.js";
-import { createColorClasses as p } from "./index.es339.js";
+import { clsx as a } from "./index.es267.js";
+import { createColorClasses as p } from "./index.es306.js";
 const m = ({
   width: r = 24,
   height: t = 24,

package/dist/index.es23.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es264.js";
-import { clsx as m } from "./index.es266.js";
-import { createColorClasses as p } from "./index.es339.js";
+import { clsx as m } from "./index.es267.js";
+import { createColorClasses as p } from "./index.es306.js";
 const w = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es230.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es264.js";
-import { clsx as n } from "./index.es266.js";
+import { clsx as n } from "./index.es267.js";
 const c = ({
   width: i = 24,
   height: o = 24,

package/dist/index.es231.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es264.js";
-import { d as l } from "./index.es319.js";
+import { d as l } from "./index.es285.js";
 import { DateTime as m } from "./index.es3.js";
 import { ArrowLink as h } from "./index.es21.js";
 import './components/ui/VerticalCardStepper/VerticalCardStepper.css';/* empty css            */

package/dist/index.es232.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es264.js";
 import { Section as c } from "./index.es224.js";
-import { clsx as p } from "./index.es266.js";
+import { clsx as p } from "./index.es267.js";
 import './sections/SuggestedServices/SuggestedServices.css';/* empty css            */
 import { CardService as x } from "./index.es62.js";
 import { Col as g } from "./index.es82.js";

package/dist/index.es233.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es264.js";
-import { clsx as i } from "./index.es266.js";
+import { clsx as i } from "./index.es267.js";
 const m = ({
   width: o = 40,
   height: a = 40,

package/dist/index.es234.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es264.js";
-import { clsx as n } from "./index.es266.js";
+import { clsx as n } from "./index.es267.js";
 import './components/ui/SupportBanner/SupportBanner.css';/* empty css            */
 import { useMemo as N } from "react";
-import { CTA_COMPONENTS as y } from "./index.es480.js";
+import { CTA_COMPONENTS as y } from "./index.es455.js";
 import { Col as w } from "./index.es82.js";
 import { Row as g } from "./index.es214.js";
 const M = ({

package/dist/index.es235.js

@@ -1,5 +1,5 @@
 import { j as l } from "./index.es264.js";
-import { clsx as s } from "./index.es266.js";
+import { clsx as s } from "./index.es267.js";
 const n = ({
   width: e = 40,
   height: o = 40,

package/dist/index.es237.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es264.js";
-import { Root as l, Thumb as c } from "./index.es481.js";
+import { Root as l, Thumb as c } from "./index.es456.js";
 import { Row as n } from "./index.es214.js";
 import './components/ui/Switch/Switch.css';/* empty css            */
 import { CheckIcon as x } from "./index.es72.js";

package/dist/index.es238.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es264.js";
-import { clsx as r } from "./index.es266.js";
+import { clsx as r } from "./index.es267.js";
 import './components/navigations/TabBar/TabBar.css';/* empty css            */
 import { Row as i } from "./index.es214.js";
 const p = ({

package/dist/index.es239.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es264.js";
-import { clsx as s } from "./index.es266.js";
+import { clsx as s } from "./index.es267.js";
 import { RichText as x } from "./index.es213.js";
 import './sections/TableList/TableList.css';/* empty css            */
 import { Section as p, SectionHeading as d } from "./index.es224.js";

package/dist/index.es24.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es264.js";
-import { clsx as m } from "./index.es266.js";
-import { createColorClasses as n } from "./index.es339.js";
+import { clsx as m } from "./index.es267.js";
+import { createColorClasses as n } from "./index.es306.js";
 const p = ({
   width: t = 24,
   height: r = 24,

package/dist/index.es240.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es264.js";
 import './sections/TableCard/TableCard.css';/* empty css            */
 import { useState as p, useMemo as x } from "react";
-import { useDebouncedValue as d } from "./index.es280.js";
+import { useDebouncedValue as d } from "./index.es483.js";
 import { Search as u } from "./index.es216.js";
 import { GridContainer as f } from "./index.es155.js";
 import { GridItem as j } from "./index.es156.js";

package/dist/index.es241.js

@@ -1,5 +1,5 @@
 import { j as i } from "./index.es264.js";
-import { clsx as s } from "./index.es266.js";
+import { clsx as s } from "./index.es267.js";
 import { RichText as C } from "./index.es213.js";
 import { TableAlignment as E } from "./index.es239.js";
 import './sections/TableMobileList/TableMobileList.css';/* empty css            */

package/dist/index.es242.js

@@ -1,11 +1,11 @@
 import { j as o } from "./index.es264.js";
 import d, { useState as E, useEffect as h, useCallback as I } from "react";
 import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
-import { useMediaQueryV2 as R } from "./index.es307.js";
-import { clsx as x } from "./index.es266.js";
+import { useMediaQueryV2 as R } from "./index.es273.js";
+import { clsx as x } from "./index.es267.js";
 import { Row as k } from "./index.es214.js";
 import { ArrowDown as C } from "./index.es19.js";
-import { ScrollArea as A } from "./index.es486.js";
+import { ScrollArea as A } from "./index.es461.js";
 const O = ({
   title: w = "Indice",
   headings: l,

package/dist/index.es244.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es264.js";
 import './components/ui/TabsGlossary/TabsGlossary.css';/* empty css            */
-import { clsx as i } from "./index.es266.js";
+import { clsx as i } from "./index.es267.js";
 import u, { useState as x } from "react";
 import { Row as p } from "./index.es214.js";
 import { Loader as b } from "./index.es183.js";

package/dist/index.es245.js

@@ -1,5 +1,5 @@
 import { j as i } from "./index.es264.js";
-import { clsx as m } from "./index.es266.js";
+import { clsx as m } from "./index.es267.js";
 import './components/ui/Tags/Tags.css';/* empty css            */
 const x = ({
   label: t,

package/dist/index.es249.js

@@ -1,6 +1,6 @@
 import { j as i } from "./index.es264.js";
 import './components/ui/TitleSection/TitleSection.css';/* empty css            */
-import { clsx as d } from "./index.es266.js";
+import { clsx as d } from "./index.es267.js";
 import { useState as N } from "react";
 import { ArrowLink as v } from "./index.es21.js";
 import { MoreActions as b } from "./index.es192.js";

package/dist/index.es250.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es264.js";
-import { clsx as h } from "./index.es266.js";
-import { createColorClasses as m } from "./index.es339.js";
+import { clsx as h } from "./index.es267.js";
+import { createColorClasses as m } from "./index.es306.js";
 const p = ({
   width: o = 32,
   height: s = 32,

package/dist/index.es252.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es264.js";
-import { clsx as m } from "./index.es266.js";
-import { createColorClasses as c } from "./index.es339.js";
+import { clsx as m } from "./index.es267.js";
+import { createColorClasses as c } from "./index.es306.js";
 const f = ({
   width: s = 13,
   height: e = 9,