@anoki/fse-ui 1.0.0-beta1.42 → 1.0.0-beta1.43

package/dist/{index.cjs584.js.map → index.cjs580.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.cjs584.js","sources":["../node_modules/react-style-singleton/dist/es2015/hook.js"],"sourcesContent":["import * as React from 'react';\nimport { stylesheetSingleton } from './singleton';\n/**\n * creates a hook to control style singleton\n * @see {@link styleSingleton} for a safer component version\n * @example\n * ```tsx\n * const useStyle = styleHookSingleton();\n * ///\n * useStyle('body { overflow: hidden}');\n */\nexport var styleHookSingleton = function () {\n    var sheet = stylesheetSingleton();\n    return function (styles, isDynamic) {\n        React.useEffect(function () {\n            sheet.add(styles);\n            return function () {\n                sheet.remove();\n            };\n        }, [styles && isDynamic]);\n    };\n};\n"],"names":["styleHookSingleton","sheet","stylesheetSingleton","styles","isDynamic","React"],"mappings":"kaAWU,IAACA,EAAqB,UAAY,CACxC,IAAIC,EAAQC,EAAAA,oBAAqB,EACjC,OAAO,SAAUC,EAAQC,EAAW,CAChCC,EAAM,UAAU,UAAY,CACxB,OAAAJ,EAAM,IAAIE,CAAM,EACT,UAAY,CACfF,EAAM,OAAQ,CACjB,CACb,EAAW,CAACE,GAAUC,CAAS,CAAC,CAC3B,CACL","x_google_ignoreList":[0]}
+{"version":3,"file":"index.cjs580.js","sources":["../node_modules/react-style-singleton/dist/es2015/hook.js"],"sourcesContent":["import * as React from 'react';\nimport { stylesheetSingleton } from './singleton';\n/**\n * creates a hook to control style singleton\n * @see {@link styleSingleton} for a safer component version\n * @example\n * ```tsx\n * const useStyle = styleHookSingleton();\n * ///\n * useStyle('body { overflow: hidden}');\n */\nexport var styleHookSingleton = function () {\n    var sheet = stylesheetSingleton();\n    return function (styles, isDynamic) {\n        React.useEffect(function () {\n            sheet.add(styles);\n            return function () {\n                sheet.remove();\n            };\n        }, [styles && isDynamic]);\n    };\n};\n"],"names":["styleHookSingleton","sheet","stylesheetSingleton","styles","isDynamic","React"],"mappings":"kaAWU,IAACA,EAAqB,UAAY,CACxC,IAAIC,EAAQC,EAAAA,oBAAqB,EACjC,OAAO,SAAUC,EAAQC,EAAW,CAChCC,EAAM,UAAU,UAAY,CACxB,OAAAJ,EAAM,IAAIE,CAAM,EACT,UAAY,CACfF,EAAM,OAAQ,CACjB,CACb,EAAW,CAACE,GAAUC,CAAS,CAAC,CAC3B,CACL","x_google_ignoreList":[0]}

package/dist/{index.cjs585.js → index.cjs581.js}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index.cjs586.js");function r(){if(!document)return null;var t=document.createElement("style");t.type="text/css";var e=o.getNonce();return e&&t.setAttribute("nonce",e),t}function l(t,e){t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}function i(t){var e=document.head||document.getElementsByTagName("head")[0];e.appendChild(t)}var u=function(){var t=0,e=null;return{add:function(n){t==0&&(e=r())&&(l(e,n),i(e)),t++},remove:function(){t--,!t&&e&&(e.parentNode&&e.parentNode.removeChild(e),e=null)}}};exports.stylesheetSingleton=u;
-//# sourceMappingURL=index.cjs585.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index.cjs582.js");function r(){if(!document)return null;var t=document.createElement("style");t.type="text/css";var e=o.getNonce();return e&&t.setAttribute("nonce",e),t}function l(t,e){t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}function i(t){var e=document.head||document.getElementsByTagName("head")[0];e.appendChild(t)}var u=function(){var t=0,e=null;return{add:function(n){t==0&&(e=r())&&(l(e,n),i(e)),t++},remove:function(){t--,!t&&e&&(e.parentNode&&e.parentNode.removeChild(e),e=null)}}};exports.stylesheetSingleton=u;
+//# sourceMappingURL=index.cjs581.js.map

package/dist/{index.cjs585.js.map → index.cjs581.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.cjs585.js","sources":["../node_modules/react-style-singleton/dist/es2015/singleton.js"],"sourcesContent":["import { getNonce } from 'get-nonce';\nfunction makeStyleTag() {\n    if (!document)\n        return null;\n    var tag = document.createElement('style');\n    tag.type = 'text/css';\n    var nonce = getNonce();\n    if (nonce) {\n        tag.setAttribute('nonce', nonce);\n    }\n    return tag;\n}\nfunction injectStyles(tag, css) {\n    // @ts-ignore\n    if (tag.styleSheet) {\n        // @ts-ignore\n        tag.styleSheet.cssText = css;\n    }\n    else {\n        tag.appendChild(document.createTextNode(css));\n    }\n}\nfunction insertStyleTag(tag) {\n    var head = document.head || document.getElementsByTagName('head')[0];\n    head.appendChild(tag);\n}\nexport var stylesheetSingleton = function () {\n    var counter = 0;\n    var stylesheet = null;\n    return {\n        add: function (style) {\n            if (counter == 0) {\n                if ((stylesheet = makeStyleTag())) {\n                    injectStyles(stylesheet, style);\n                    insertStyleTag(stylesheet);\n                }\n            }\n            counter++;\n        },\n        remove: function () {\n            counter--;\n            if (!counter && stylesheet) {\n                stylesheet.parentNode && stylesheet.parentNode.removeChild(stylesheet);\n                stylesheet = null;\n            }\n        },\n    };\n};\n"],"names":["makeStyleTag","tag","nonce","getNonce","injectStyles","css","insertStyleTag","head","stylesheetSingleton","counter","stylesheet","style"],"mappings":"qHACA,SAASA,GAAe,CACpB,GAAI,CAAC,SACD,OAAO,KACX,IAAIC,EAAM,SAAS,cAAc,OAAO,EACxCA,EAAI,KAAO,WACX,IAAIC,EAAQC,EAAAA,SAAU,EACtB,OAAID,GACAD,EAAI,aAAa,QAASC,CAAK,EAE5BD,CACX,CACA,SAASG,EAAaH,EAAKI,EAAK,CAExBJ,EAAI,WAEJA,EAAI,WAAW,QAAUI,EAGzBJ,EAAI,YAAY,SAAS,eAAeI,CAAG,CAAC,CAEpD,CACA,SAASC,EAAeL,EAAK,CACzB,IAAIM,EAAO,SAAS,MAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC,EACnEA,EAAK,YAAYN,CAAG,CACxB,CACU,IAACO,EAAsB,UAAY,CACzC,IAAIC,EAAU,EACVC,EAAa,KACjB,MAAO,CACH,IAAK,SAAUC,EAAO,CACdF,GAAW,IACNC,EAAaV,OACdI,EAAaM,EAAYC,CAAK,EAC9BL,EAAeI,CAAU,GAGjCD,GACH,EACD,OAAQ,UAAY,CAChBA,IACI,CAACA,GAAWC,IACZA,EAAW,YAAcA,EAAW,WAAW,YAAYA,CAAU,EACrEA,EAAa,KAEpB,CACJ,CACL","x_google_ignoreList":[0]}
+{"version":3,"file":"index.cjs581.js","sources":["../node_modules/react-style-singleton/dist/es2015/singleton.js"],"sourcesContent":["import { getNonce } from 'get-nonce';\nfunction makeStyleTag() {\n    if (!document)\n        return null;\n    var tag = document.createElement('style');\n    tag.type = 'text/css';\n    var nonce = getNonce();\n    if (nonce) {\n        tag.setAttribute('nonce', nonce);\n    }\n    return tag;\n}\nfunction injectStyles(tag, css) {\n    // @ts-ignore\n    if (tag.styleSheet) {\n        // @ts-ignore\n        tag.styleSheet.cssText = css;\n    }\n    else {\n        tag.appendChild(document.createTextNode(css));\n    }\n}\nfunction insertStyleTag(tag) {\n    var head = document.head || document.getElementsByTagName('head')[0];\n    head.appendChild(tag);\n}\nexport var stylesheetSingleton = function () {\n    var counter = 0;\n    var stylesheet = null;\n    return {\n        add: function (style) {\n            if (counter == 0) {\n                if ((stylesheet = makeStyleTag())) {\n                    injectStyles(stylesheet, style);\n                    insertStyleTag(stylesheet);\n                }\n            }\n            counter++;\n        },\n        remove: function () {\n            counter--;\n            if (!counter && stylesheet) {\n                stylesheet.parentNode && stylesheet.parentNode.removeChild(stylesheet);\n                stylesheet = null;\n            }\n        },\n    };\n};\n"],"names":["makeStyleTag","tag","nonce","getNonce","injectStyles","css","insertStyleTag","head","stylesheetSingleton","counter","stylesheet","style"],"mappings":"qHACA,SAASA,GAAe,CACpB,GAAI,CAAC,SACD,OAAO,KACX,IAAIC,EAAM,SAAS,cAAc,OAAO,EACxCA,EAAI,KAAO,WACX,IAAIC,EAAQC,EAAAA,SAAU,EACtB,OAAID,GACAD,EAAI,aAAa,QAASC,CAAK,EAE5BD,CACX,CACA,SAASG,EAAaH,EAAKI,EAAK,CAExBJ,EAAI,WAEJA,EAAI,WAAW,QAAUI,EAGzBJ,EAAI,YAAY,SAAS,eAAeI,CAAG,CAAC,CAEpD,CACA,SAASC,EAAeL,EAAK,CACzB,IAAIM,EAAO,SAAS,MAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC,EACnEA,EAAK,YAAYN,CAAG,CACxB,CACU,IAACO,EAAsB,UAAY,CACzC,IAAIC,EAAU,EACVC,EAAa,KACjB,MAAO,CACH,IAAK,SAAUC,EAAO,CACdF,GAAW,IACNC,EAAaV,OACdI,EAAaM,EAAYC,CAAK,EAC9BL,EAAeI,CAAU,GAGjCD,GACH,EACD,OAAQ,UAAY,CAChBA,IACI,CAACA,GAAWC,IACZA,EAAW,YAAcA,EAAW,WAAW,YAAYA,CAAU,EACrEA,EAAa,KAEpB,CACJ,CACL","x_google_ignoreList":[0]}

package/dist/index.cjs582.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs237.js");function o({children:e}){return t.jsxRuntimeExports.jsx("article",{className:"shadow rounded h-100 w-100 bg-white d-flex flex-column",children:e})}exports.CardRoot=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};exports.getNonce=e;
 //# sourceMappingURL=index.cjs582.js.map

package/dist/index.cjs582.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs582.js","sources":["../src/components/ui/card/CardRoot.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\n\nexport function CardRoot({ children }: PropsWithChildren) {\n  return (\n    <article className=\"shadow rounded h-100 w-100 bg-white d-flex flex-column\">\n      {children}\n    </article>\n  );\n}\n"],"names":["CardRoot","children","jsx"],"mappings":"qHAEgB,SAAAA,EAAS,CAAE,SAAAC,GAA+B,CACxD,OACGC,EAAAA,kBAAAA,IAAA,UAAA,CAAQ,UAAU,yDAChB,SAAAD,CACH,CAAA,CAEJ"}
+{"version":3,"file":"index.cjs582.js","sources":["../node_modules/get-nonce/dist/es2015/index.js"],"sourcesContent":["var currentNonce;\nexport var setNonce = function (nonce) {\n    currentNonce = nonce;\n};\nexport var getNonce = function () {\n    if (currentNonce) {\n        return currentNonce;\n    }\n    if (typeof __webpack_nonce__ !== 'undefined') {\n        return __webpack_nonce__;\n    }\n    return undefined;\n};\n"],"names":["getNonce"],"mappings":"gFAIU,IAACA,EAAW,UAAY,CAI9B,GAAI,OAAO,kBAAsB,IAC7B,OAAO,iBAGf","x_google_ignoreList":[0]}

package/dist/index.cjs586.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};exports.getNonce=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs237.js");function o({children:e}){return t.jsxRuntimeExports.jsx("article",{className:"shadow rounded h-100 w-100 bg-white d-flex flex-column",children:e})}exports.CardRoot=o;
 //# sourceMappingURL=index.cjs586.js.map

package/dist/index.cjs586.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs586.js","sources":["../node_modules/get-nonce/dist/es2015/index.js"],"sourcesContent":["var currentNonce;\nexport var setNonce = function (nonce) {\n    currentNonce = nonce;\n};\nexport var getNonce = function () {\n    if (currentNonce) {\n        return currentNonce;\n    }\n    if (typeof __webpack_nonce__ !== 'undefined') {\n        return __webpack_nonce__;\n    }\n    return undefined;\n};\n"],"names":["getNonce"],"mappings":"gFAIU,IAACA,EAAW,UAAY,CAI9B,GAAI,OAAO,kBAAsB,IAC7B,OAAO,iBAGf","x_google_ignoreList":[0]}
+{"version":3,"file":"index.cjs586.js","sources":["../src/components/ui/card/CardRoot.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\n\nexport function CardRoot({ children }: PropsWithChildren) {\n  return (\n    <article className=\"shadow rounded h-100 w-100 bg-white d-flex flex-column\">\n      {children}\n    </article>\n  );\n}\n"],"names":["CardRoot","children","jsx"],"mappings":"qHAEgB,SAAAA,EAAS,CAAE,SAAAC,GAA+B,CACxD,OACGC,EAAAA,kBAAAA,IAAA,UAAA,CAAQ,UAAU,yDAChB,SAAAD,CACH,CAAA,CAEJ"}

package/dist/index.cjs588.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index.cjs449.js");var h,E;function V(){if(E)return h;E=1;var L="Expected a function",O=NaN,G="[object Symbol]",M=/^\s+|\s+$/g,q=/^[-+]0x[0-9a-f]+$/i,C=/^0b[01]+$/i,N=/^0o[0-7]+$/i,R=parseInt,W=typeof g.commonjsGlobal=="object"&&g.commonjsGlobal&&g.commonjsGlobal.Object===Object&&g.commonjsGlobal,$=typeof self=="object"&&self&&self.Object===Object&&self,A=W||$||Function("return this")(),B=Object.prototype,F=B.toString,P=Math.max,H=Math.min,y=function(){return A.Date.now()};function D(e,r,i){var a,u,l,c,t,f,s=0,S=!1,d=!1,p=!0;if(typeof e!="function")throw new TypeError(L);r=I(r)||0,j(i)&&(S=!!i.leading,d="maxWait"in i,l=d?P(I(i.maxWait)||0,r):l,p="trailing"in i?!!i.trailing:p);function v(n){var o=a,m=u;return a=u=void 0,s=n,c=e.apply(m,o),c}function z(n){return s=n,t=setTimeout(b,r),S?v(n):c}function J(n){var o=n-f,m=n-s,k=r-o;return d?H(k,l-m):k}function x(n){var o=n-f,m=n-s;return f===void 0||o>=r||o<0||d&&m>=l}function b(){var n=y();if(x(n))return _(n);t=setTimeout(b,J(n))}function _(n){return t=void 0,p&&a?v(n):(a=u=void 0,c)}function K(){t!==void 0&&clearTimeout(t),s=0,a=f=u=t=void 0}function Q(){return t===void 0?c:_(y())}function T(){var n=y(),o=x(n);if(a=arguments,u=this,f=n,o){if(t===void 0)return z(f);if(d)return t=setTimeout(b,r),v(f)}return t===void 0&&(t=setTimeout(b,r)),c}return T.cancel=K,T.flush=Q,T}function j(e){var r=typeof e;return!!e&&(r=="object"||r=="function")}function U(e){return!!e&&typeof e=="object"}function X(e){return typeof e=="symbol"||U(e)&&F.call(e)==G}function I(e){if(typeof e=="number")return e;if(X(e))return O;if(j(e)){var r=typeof e.valueOf=="function"?e.valueOf():e;e=j(r)?r+"":r}if(typeof e!="string")return e===0?e:+e;e=e.replace(M,"");var i=C.test(e);return i||N.test(e)?R(e.slice(2),i?2:8):q.test(e)?O:+e}return h=D,h}exports.__require=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index.cjs450.js");var h,E;function V(){if(E)return h;E=1;var L="Expected a function",O=NaN,G="[object Symbol]",M=/^\s+|\s+$/g,q=/^[-+]0x[0-9a-f]+$/i,C=/^0b[01]+$/i,N=/^0o[0-7]+$/i,R=parseInt,W=typeof g.commonjsGlobal=="object"&&g.commonjsGlobal&&g.commonjsGlobal.Object===Object&&g.commonjsGlobal,$=typeof self=="object"&&self&&self.Object===Object&&self,A=W||$||Function("return this")(),B=Object.prototype,F=B.toString,P=Math.max,H=Math.min,y=function(){return A.Date.now()};function D(e,r,i){var a,u,l,c,t,f,s=0,S=!1,d=!1,p=!0;if(typeof e!="function")throw new TypeError(L);r=I(r)||0,j(i)&&(S=!!i.leading,d="maxWait"in i,l=d?P(I(i.maxWait)||0,r):l,p="trailing"in i?!!i.trailing:p);function v(n){var o=a,m=u;return a=u=void 0,s=n,c=e.apply(m,o),c}function z(n){return s=n,t=setTimeout(b,r),S?v(n):c}function J(n){var o=n-f,m=n-s,k=r-o;return d?H(k,l-m):k}function x(n){var o=n-f,m=n-s;return f===void 0||o>=r||o<0||d&&m>=l}function b(){var n=y();if(x(n))return _(n);t=setTimeout(b,J(n))}function _(n){return t=void 0,p&&a?v(n):(a=u=void 0,c)}function K(){t!==void 0&&clearTimeout(t),s=0,a=f=u=t=void 0}function Q(){return t===void 0?c:_(y())}function T(){var n=y(),o=x(n);if(a=arguments,u=this,f=n,o){if(t===void 0)return z(f);if(d)return t=setTimeout(b,r),v(f)}return t===void 0&&(t=setTimeout(b,r)),c}return T.cancel=K,T.flush=Q,T}function j(e){var r=typeof e;return!!e&&(r=="object"||r=="function")}function U(e){return!!e&&typeof e=="object"}function X(e){return typeof e=="symbol"||U(e)&&F.call(e)==G}function I(e){if(typeof e=="number")return e;if(X(e))return O;if(j(e)){var r=typeof e.valueOf=="function"?e.valueOf():e;e=j(r)?r+"":r}if(typeof e!="string")return e===0?e:+e;e=e.replace(M,"");var i=C.test(e);return i||N.test(e)?R(e.slice(2),i?2:8):q.test(e)?O:+e}return h=D,h}exports.__require=V;
 //# sourceMappingURL=index.cjs588.js.map

package/dist/index.es135.js

@@ -1,65 +1,49 @@
 import { j as e } from "./index.es237.js";
 import './components/ui/CommunicationSeach/CommunicationSearch.css';/* empty css            */
-import { clsx as c } from "./index.es239.js";
-import { useState as w, useEffect as S, useMemo as N } from "react";
-import { useToggle as B } from "./index.es441.js";
-import { Spinner as E } from "./index.es193.js";
-import { Close as I } from "./index.es158.js";
-import { Col as D } from "./index.es10.js";
-import { Button as O } from "./index.es28.js";
-const P = ({
-  btnText: v,
-  helperText: C = "Cosa vuoi approfondire?",
-  value: y,
-  loading: p,
-  items: l,
-  emptyLabel: F = "Nessun risultato disponibile",
+import { clsx as o } from "./index.es239.js";
+import { useState as C, useCallback as y, useMemo as v } from "react";
+import { Spinner as F } from "./index.es193.js";
+import { Close as k } from "./index.es158.js";
+import { Col as M } from "./index.es10.js";
+import { Button as S } from "./index.es28.js";
+const T = ({
+  btnText: p,
+  helperText: x = "Cosa vuoi approfondire?",
+  value: n,
+  loading: u,
+  items: r,
+  emptyLabel: f = "Nessun risultato disponibile",
   setValue: g,
-  setSelectedElement: M
+  setSelectedElement: j
 }) => {
-  const [t, d] = w(y ?? ""), [i, o] = w([]), [x, R, m] = B(), u = (s) => {
-    const r = s.target.value;
-    if (d(r), g(r), r.length >= 3) {
-      const a = l.map((n) => ({
-        category: n.category,
-        items: n.items.filter(
-          (f) => {
-            var h;
-            return (h = f.name) == null ? void 0 : h.toLowerCase().includes(r.toLowerCase());
-          }
-        )
-      })).filter((n) => n.items.length > 0);
-      o(a);
-    } else
-      o([]);
-  }, k = (s) => {
-    d(s.name), o([]), M(s), m(!1);
-  }, L = (s, r) => {
-    if (!r) return s;
-    const a = s.toLowerCase().indexOf(r.toLowerCase());
+  const [h, l] = C(!1), m = (s) => {
+    const t = s.target.value;
+    g(t);
+  }, b = (s) => {
+    j(s), l(!1);
+  }, N = y((s, t) => {
+    if (!t) return s;
+    const a = s.toLowerCase().indexOf(t.toLowerCase());
     if (a === -1) return s;
-    const n = s.slice(0, a), f = s.slice(a, a + r.length), h = s.slice(a + r.length);
+    const i = s.slice(0, a), c = s.slice(a, a + t.length), w = s.slice(a + t.length);
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      n,
-      /* @__PURE__ */ e.jsx("span", { className: "text-primary fw-bold", children: f }),
-      h
+      i,
+      /* @__PURE__ */ e.jsx("span", { className: "text-primary fw-bold", children: c }),
+      w
     ] });
-  };
-  S(() => {
-    if ((t == null ? void 0 : t.length) >= 3) {
-      u({ target: { value: t } });
-      return;
-    }
-  }, [l]);
-  const j = N(() => x || t.length >= 3 && ((i == null ? void 0 : i.length) > 0 || l.length > 0) ? !0 : x, [i, x]), b = N(() => [...i.length ? i : l], [i, l]);
+  }, []), d = v(() => h || n.length >= 3 && (r == null ? void 0 : r.length) > 0 ? !0 : h, [h, r == null ? void 0 : r.length, n.length]);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: c(
+      className: o(
         "ui-communication-search",
         "br-x4 bg-border-secondary w-full"
       ),
-      onBlur: () => m(!1),
+      onBlur: () => {
+        setTimeout(() => {
+          l(!1);
+        }, 150);
+      },
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "position-relative", children: [
           /* @__PURE__ */ e.jsx(
@@ -67,24 +51,24 @@ const P = ({
             {
               id: "search",
               type: "search",
-              className: c(
+              className: o(
                 "ui-communication-search-input",
                 "fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24"
               ),
-              placeholder: C,
+              placeholder: x,
               "aria-label": "Barra di ricerca",
-              value: t,
-              onChange: u,
-              onFocus: () => m(!0)
+              value: n,
+              onChange: m,
+              onFocus: () => l(!0)
             }
           ),
-          p && /* @__PURE__ */ e.jsx(E, { className: "ui-loading-spinner" }),
-          t && t.length >= 3 && /* @__PURE__ */ e.jsx(
-            I,
+          u && /* @__PURE__ */ e.jsx(F, { className: "ui-loading-spinner" }),
+          n && n.length >= 3 && /* @__PURE__ */ e.jsx(
+            k,
             {
               className: "ui-clean-button",
               onClick: () => {
-                d(""), o([]), u({ target: { value: "" } });
+                m({ target: { value: "" } });
               }
             }
           )
@@ -92,57 +76,57 @@ const P = ({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: c("ui-wrap-list-item-search shadow position-absolute", {
-              "py-x24": j
+            className: o("ui-wrap-list-item-search shadow position-absolute", {
+              "py-x24": d
             }),
             children: /* @__PURE__ */ e.jsx(
-              D,
+              M,
               {
                 gap: "x24",
                 fw: "regular",
                 text: "secondary",
                 fs: "6",
                 className: "ui-list-item-search overflow-y-auto",
-                children: j && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  b.map(
-                    (s, r) => {
+                children: d && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  r.map(
+                    (s, t) => {
                       var a;
                       return (a = s.items) != null && a.length ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
                         " ",
                         /* @__PURE__ */ e.jsxs("div", { children: [
                           /* @__PURE__ */ e.jsx("h4", { className: "category-title fw-semibold text-dark fs-6 mb-x8 px-x24", children: s.category }),
-                          /* @__PURE__ */ e.jsx("ul", { className: "list-unstyled", children: s.items.map((n) => /* @__PURE__ */ e.jsx(
+                          /* @__PURE__ */ e.jsx("ul", { className: "list-unstyled", children: s.items.map((i) => /* @__PURE__ */ e.jsx(
                             "li",
                             {
-                              onClick: () => k(n),
+                              onClick: (c) => {
+                                c.stopPropagation(), c.preventDefault(), b(i);
+                              },
                               className: "cursor-pointer py-x8 px-x24",
-                              children: L(n.name, t || "")
+                              children: N(i.name, n || "")
                             },
-                            n.id
+                            i.id
                           )) })
-                        ] }, r)
+                        ] }, t)
                       ] }) : /* @__PURE__ */ e.jsx(e.Fragment, {});
                     }
                   ),
-                  !p && b.every(
-                    (s) => s.items.length === 0
-                  ) ? /* @__PURE__ */ e.jsx("p", { className: " px-x24 fs-6", children: F }) : ""
+                  !u && r.every((s) => s.items.length === 0) ? /* @__PURE__ */ e.jsx("p", { className: " px-x24 fs-6", children: f }) : ""
                 ] })
               }
             )
           }
         ),
-        /* @__PURE__ */ e.jsx("div", { className: c("ui-div-btn"), children: /* @__PURE__ */ e.jsx(
-          O,
+        /* @__PURE__ */ e.jsx("div", { className: o("ui-div-btn"), children: /* @__PURE__ */ e.jsx(
+          S,
           {
-            className: c(
+            className: o(
               "ui-btn-search",
               "bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"
             ),
             onClick: () => {
-              o([]), g(t ?? ""), u({ target: { value: t } }), m(!0);
+              m({ target: { value: n } }), l(!0);
             },
-            children: v
+            children: p
           }
         ) })
       ]
@@ -150,6 +134,6 @@ const P = ({
   );
 };
 export {
-  P as CommunicationSearch
+  T as CommunicationSearch
 };
 //# sourceMappingURL=index.es135.js.map

package/dist/index.es135.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es135.js","sources":["../src/components/ui/CommunicationSeach/index.tsx"],"sourcesContent":["import \"./CommunicationSearch.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useEffect, useMemo, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close, Spinner } from \"@/icons\";\nimport { Service } from \"@anoki/fse-common\";\nimport { useToggle } from \"usehooks-ts\";\n\nexport type Suggestion = {\n  category: string;\n  items: Service[];\n};\n\nexport type CommunicationSearchProps = {\n  btnText: string;\n  helperText?: string;\n  value: string;\n  items: Suggestion[];\n  loading?: boolean;\n  emptyLabel?: string;\n  setValue: (value: string) => void;\n  setSelectedElement: (value: Service) => void;\n};\n\nexport const CommunicationSearch = ({\n  btnText,\n  helperText = \"Cosa vuoi approfondire?\",\n  value,\n  loading,\n  items,\n  emptyLabel = \"Nessun risultato disponibile\",\n  setValue,\n  setSelectedElement,\n}: CommunicationSearchProps) => {\n  const [valueInput, setValueInput] = useState<string>(value ?? \"\");\n  const [filteredItems, setFilteredItems] = useState<Suggestion[]>([]);\n  const [focus, _, setFocus] = useToggle(false);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n    setValue(inputValue);\n\n    if (inputValue.length >= 3) {\n      const results = items\n        .map((group) => ({\n          category: group.category,\n          items: group.items.filter((item) =>\n            item.name?.toLowerCase().includes(inputValue.toLowerCase()),\n          ),\n        }))\n        .filter((group) => group.items.length > 0);\n\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: Service) => {\n    setValueInput(item.name);\n    setFilteredItems([]);\n    setSelectedElement(item);\n    setFocus(false);\n  };\n\n  const highlightMatch = (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  useEffect(() => {\n    if (valueInput?.length >= 3) {\n      handleInputChange({ target: { value: valueInput } } as any);\n      return;\n    }\n\n    return;\n  }, [items]);\n\n  const showMenu = useMemo(() => {\n    if (focus) {\n      return true;\n    }\n\n    if (\n      valueInput.length >= 3 &&\n      (filteredItems?.length > 0 || items.length > 0)\n    ) {\n      return true;\n    }\n\n    return focus;\n  }, [filteredItems, focus]);\n\n  const parsedData = useMemo(() => {\n    return [...(filteredItems.length ? filteredItems : items)];\n  }, [filteredItems, items]);\n\n  return (\n    <div\n      className={clsx(\n        \"ui-communication-search\",\n        \"br-x4 bg-border-secondary w-full\",\n      )}\n      onBlur={() => setFocus(false)}\n    >\n      <div className={\"position-relative\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-communication-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n          )}\n          placeholder={helperText}\n          aria-label=\"Barra di ricerca\"\n          value={valueInput}\n          onChange={handleInputChange}\n          onFocus={() => setFocus(true)}\n        />\n        {loading && <Spinner className=\"ui-loading-spinner\" />}\n        {valueInput && valueInput.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n\n      <div\n        className={clsx(\"ui-wrap-list-item-search 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-list-item-search overflow-y-auto\"\n        >\n          {showMenu && (\n            <>\n              {parsedData.map((group, index) =>\n                group.items?.length ? (\n                  <>\n                    {\" \"}\n                    <div key={index}>\n                      <h4 className=\"category-title fw-semibold text-dark fs-6 mb-x8 px-x24\">\n                        {group.category}\n                      </h4>\n                      <ul className=\"list-unstyled\">\n                        {group.items.map((item) => (\n                          <li\n                            key={item.id}\n                            onClick={() => handleSelectItem(item)}\n                            className=\"cursor-pointer py-x8 px-x24\"\n                          >\n                            {highlightMatch(item.name, valueInput || \"\")}\n                          </li>\n                        ))}\n                      </ul>\n                    </div>\n                  </>\n                ) : (\n                  <></>\n                ),\n              )}\n\n              {!loading &&\n              parsedData.every(\n                (suggestion) => suggestion.items.length === 0,\n              ) ? (\n                <p className=\" px-x24 fs-6\">{emptyLabel}</p>\n              ) : (\n                \"\"\n              )}\n            </>\n          )}\n        </Col>\n      </div>\n\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            setFilteredItems([]);\n            setValue(valueInput ?? \"\");\n            handleInputChange({ target: { value: valueInput } } as any);\n            setFocus(true);\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["CommunicationSearch","btnText","helperText","value","loading","items","emptyLabel","setValue","setSelectedElement","valueInput","setValueInput","useState","filteredItems","setFilteredItems","focus","_","setFocus","useToggle","handleInputChange","e","inputValue","results","group","item","_a","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","useEffect","showMenu","useMemo","parsedData","clsx","Spinner","Close","Col","suggestion","Button"],"mappings":";;;;;;;;;AAwBO,MAAMA,IAAsB,CAAC;AAAA,EAClC,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,oBAAAC;AACF,MAAgC;AAC9B,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAiBR,KAAS,EAAE,GAC1D,CAACS,GAAeC,CAAgB,IAAIF,EAAuB,CAAA,CAAE,GAC7D,CAACG,GAAOC,GAAGC,CAAQ,IAAIC,EAAe,GAEtCC,IAAoB,CAACC,MAAqC;AACxD,UAAAC,IAAaD,EAAE,OAAO;AAIxB,QAHJT,EAAcU,CAAU,GACxBb,EAASa,CAAU,GAEfA,EAAW,UAAU,GAAG;AAC1B,YAAMC,IAAUhB,EACb,IAAI,CAACiB,OAAW;AAAA,QACf,UAAUA,EAAM;AAAA,QAChB,OAAOA,EAAM,MAAM;AAAA,UAAO,CAACC,MACzB;;AAAA,oBAAAC,IAAAD,EAAK,SAAL,gBAAAC,EAAW,cAAc,SAASJ,EAAW,YAAa;AAAA;AAAA,QAAA;AAAA,MAC5D,EACA,EACD,OAAO,CAACE,MAAUA,EAAM,MAAM,SAAS,CAAC;AAE3C,MAAAT,EAAiBQ,CAAO;AAAA,IAAA;AAExB,MAAAR,EAAiB,CAAA,CAAE;AAAA,EAEvB,GAEMY,IAAmB,CAACF,MAAkB;AAC1C,IAAAb,EAAca,EAAK,IAAI,GACvBV,EAAiB,CAAA,CAAE,GACnBL,EAAmBe,CAAI,GACvBP,EAAS,EAAK;AAAA,EAChB,GAEMU,IAAiB,CAACC,GAAcC,MAAkB;AAClD,QAAA,CAACA,EAAc,QAAAD;AAEnB,UAAME,IAAQF,EAAK,YAAA,EAAc,QAAQC,EAAM,aAAa;AACxD,QAAAC,MAAU,GAAW,QAAAF;AAEzB,UAAMG,IAAcH,EAAK,MAAM,GAAGE,CAAK,GACjCE,IAAQJ,EAAK,MAAME,GAAOA,IAAQD,EAAM,MAAM,GAC9CI,IAAaL,EAAK,MAAME,IAAQD,EAAM,MAAM;AAElD,WAEKK,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,MAAAJ;AAAA,MACAK,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,wBAAyB,UAAMJ,GAAA;AAAA,MAC/CC;AAAA,IAAA,GACH;AAAA,EAEJ;AAEA,EAAAI,EAAU,MAAM;AACV,SAAA3B,KAAA,gBAAAA,EAAY,WAAU,GAAG;AAC3B,MAAAS,EAAkB,EAAE,QAAQ,EAAE,OAAOT,KAAqB;AAC1D;AAAA,IAAA;AAAA,EAGF,GACC,CAACJ,CAAK,CAAC;AAEJ,QAAAgC,IAAWC,EAAQ,MACnBxB,KAKFL,EAAW,UAAU,OACpBG,KAAA,gBAAAA,EAAe,UAAS,KAAKP,EAAM,SAAS,KAEtC,KAGFS,GACN,CAACF,GAAeE,CAAK,CAAC,GAEnByB,IAAaD,EAAQ,MAClB,CAAC,GAAI1B,EAAc,SAASA,IAAgBP,CAAM,GACxD,CAACO,GAAeP,CAAK,CAAC;AAGvB,SAAA4B,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWO;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,QAAQ,MAAMxB,EAAS,EAAK;AAAA,MAE5B,UAAA;AAAA,QAACiB,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAW,qBACd,UAAA;AAAA,UAAAE,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,MAAK;AAAA,cACL,WAAWK;AAAA,gBACT;AAAA,gBACA;AAAA,cACF;AAAA,cACA,aAAatC;AAAA,cACb,cAAW;AAAA,cACX,OAAOO;AAAA,cACP,UAAUS;AAAA,cACV,SAAS,MAAMF,EAAS,EAAI;AAAA,YAAA;AAAA,UAC9B;AAAA,UACCZ,KAAW+B,gBAAAA,EAAAA,IAACM,GAAQ,EAAA,WAAU,qBAAqB,CAAA;AAAA,UACnDhC,KAAcA,EAAW,UAAU,KAClC0B,gBAAAA,EAAA;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,SAAS,MAAM;AACb,gBAAAhC,EAAc,EAAE,GAChBG,EAAiB,CAAA,CAAE,GACnBK,EAAkB,EAAE,QAAQ,EAAE,OAAO,MAAa;AAAA,cAAA;AAAA,YACpD;AAAA,UAAA;AAAA,QACF,GAEJ;AAAA,QAEAiB,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWK,EAAK,qDAAqD;AAAA,cACnE,UAAUH;AAAA,YAAA,CACX;AAAA,YAED,UAAAF,gBAAAA,EAAA;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACC,KAAI;AAAA,gBACJ,IAAG;AAAA,gBACH,MAAK;AAAA,gBACL,IAAG;AAAA,gBACH,WAAU;AAAA,gBAET,eAEIV,gBAAAA,EAAAA,KAAAC,EAAA,UAAA,EAAA,UAAA;AAAA,kBAAWK,EAAA;AAAA,oBAAI,CAACjB,GAAOO,MAAA;;AACtB,8BAAAL,IAAAF,EAAM,UAAN,QAAAE,EAAa,SAERS,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,wBAAA;AAAA,+CACA,OACC,EAAA,UAAA;AAAA,0BAAAC,gBAAAA,EAAA,IAAC,MAAG,EAAA,WAAU,0DACX,UAAAb,EAAM,UACT;AAAA,0BACAa,gBAAAA,EAAAA,IAAC,QAAG,WAAU,iBACX,YAAM,MAAM,IAAI,CAACZ,MAChBY,gBAAAA,EAAA;AAAA,4BAAC;AAAA,4BAAA;AAAA,8BAEC,SAAS,MAAMV,EAAiBF,CAAI;AAAA,8BACpC,WAAU;AAAA,8BAET,UAAeG,EAAAH,EAAK,MAAMd,KAAc,EAAE;AAAA,4BAAA;AAAA,4BAJtCc,EAAK;AAAA,0BAAA,CAMb,EACH,CAAA;AAAA,wBAAA,EAAA,GAdQM,CAeV;AAAA,sBAAA,GACF,IAEEM,gBAAAA,MAAAD,EAAAA,UAAA,CAAA,CAAA;AAAA;AAAA,kBAEN;AAAA,kBAEC,CAAC9B,KACFmC,EAAW;AAAA,oBACT,CAACK,MAAeA,EAAW,MAAM,WAAW;AAAA,kBAAA,IAE3CT,gBAAAA,EAAAA,IAAA,KAAA,EAAE,WAAU,gBAAgB,aAAW,IAExC;AAAA,gBAAA,EAEJ,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,QACF;AAAA,QAECA,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAWK,EAAK,YAAY,GAC/B,UAAAL,gBAAAA,EAAA;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,WAAWL;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACA,SAAS,MAAM;AACb,cAAA3B,EAAiB,CAAA,CAAE,GACnBN,EAASE,KAAc,EAAE,GACzBS,EAAkB,EAAE,QAAQ,EAAE,OAAOT,KAAqB,GAC1DO,EAAS,EAAI;AAAA,YACf;AAAA,YAEC,UAAAf;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es135.js","sources":["../src/components/ui/CommunicationSeach/index.tsx"],"sourcesContent":["import \"./CommunicationSearch.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useCallback, useMemo, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close, Spinner } from \"@/icons\";\nimport { Service } from \"@anoki/fse-common\";\n\nexport type Suggestion = {\n  category: string;\n  items: Service[];\n};\n\nexport type CommunicationSearchProps = {\n  btnText: string;\n  helperText?: string;\n  value: string;\n  items: Suggestion[];\n  loading?: boolean;\n  emptyLabel?: string;\n  setValue: (value: string) => void;\n  setSelectedElement: (value: Service) => void;\n};\n\nexport const CommunicationSearch = ({\n  btnText,\n  helperText = \"Cosa vuoi approfondire?\",\n  value,\n  loading,\n  items,\n  emptyLabel = \"Nessun risultato disponibile\",\n  setValue,\n  setSelectedElement,\n}: CommunicationSearchProps) => {\n  const [focus, setFocus] = useState(false);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValue(inputValue);\n  };\n\n  const handleSelectItem = (item: Service) => {\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 showMenu = useMemo(() => {\n    if (focus) {\n      return true;\n    }\n\n    if (value.length >= 3 && items?.length > 0) {\n      return true;\n    }\n\n    return focus;\n  }, [focus, items?.length, value.length]);\n\n  return (\n    <div\n      className={clsx(\n        \"ui-communication-search\",\n        \"br-x4 bg-border-secondary w-full\",\n      )}\n      onBlur={() => {\n        setTimeout(() => {\n          setFocus(false);\n        }, 150);\n      }}\n    >\n      <div className={\"position-relative\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-communication-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\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-loading-spinner\" />}\n        {value && value.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n\n      <div\n        className={clsx(\"ui-wrap-list-item-search 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-list-item-search overflow-y-auto\"\n        >\n          {showMenu && (\n            <>\n              {items.map((group, index) =>\n                group.items?.length ? (\n                  <>\n                    {\" \"}\n                    <div key={index}>\n                      <h4 className=\"category-title fw-semibold text-dark fs-6 mb-x8 px-x24\">\n                        {group.category}\n                      </h4>\n                      <ul className=\"list-unstyled\">\n                        {group.items.map((item) => (\n                          <li\n                            key={item.id}\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              e.preventDefault();\n\n                              handleSelectItem(item);\n                            }}\n                            className=\"cursor-pointer py-x8 px-x24\"\n                          >\n                            {highlightMatch(item.name, value || \"\")}\n                          </li>\n                        ))}\n                      </ul>\n                    </div>\n                  </>\n                ) : (\n                  <></>\n                ),\n              )}\n\n              {!loading &&\n              items.every((suggestion) => suggestion.items.length === 0) ? (\n                <p className=\" px-x24 fs-6\">{emptyLabel}</p>\n              ) : (\n                \"\"\n              )}\n            </>\n          )}\n        </Col>\n      </div>\n\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\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":["CommunicationSearch","btnText","helperText","value","loading","items","emptyLabel","setValue","setSelectedElement","focus","setFocus","useState","handleInputChange","e","inputValue","handleSelectItem","item","highlightMatch","useCallback","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","showMenu","useMemo","clsx","Spinner","Close","Col","group","_a","suggestion","Button"],"mappings":"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"}

package/dist/index.es221.js

@@ -1,4 +1,4 @@
-import { eraForDateTime as D, monthForDateTime as F, weekdayForDateTime as M, meridiemForDateTime as S } from "./index.es443.js";
+import { eraForDateTime as D, monthForDateTime as F, weekdayForDateTime as M, meridiemForDateTime as S } from "./index.es442.js";
 import { DATETIME_HUGE_WITH_SECONDS as _, DATETIME_FULL_WITH_SECONDS as p, DATETIME_MED_WITH_SECONDS as k, DATETIME_SHORT_WITH_SECONDS as w, DATETIME_HUGE as I, DATETIME_FULL as L, DATETIME_MED as g, DATETIME_SHORT as O, TIME_24_WITH_LONG_OFFSET as Z, TIME_24_WITH_SHORT_OFFSET as H, TIME_24_WITH_SECONDS as W, TIME_24_SIMPLE as d, TIME_WITH_LONG_OFFSET as N, TIME_WITH_SHORT_OFFSET as A, TIME_WITH_SECONDS as G, TIME_SIMPLE as C, DATE_HUGE as b, DATE_FULL as v, DATE_MED as R, DATE_SHORT as U } from "./index.es229.js";
 import { padStart as q } from "./index.es224.js";
 function T(E, e) {

package/dist/index.es223.js

@@ -1,5 +1,5 @@
 import { validateWeekSettings as C, hasLocaleWeekInfo as S, roundTo as N, padStart as O, hasRelative as F } from "./index.es224.js";
-import { formatRelativeTime as I, months as W, weekdays as D, meridiems as x, eras as Z } from "./index.es443.js";
+import { formatRelativeTime as I, months as W, weekdays as D, meridiems as x, eras as Z } from "./index.es442.js";
 import m from "./index.es4.js";
 import l from "./index.es218.js";
 import v from "./index.es232.js";

package/dist/index.es237.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es444.js";
+import { __require as r } from "./index.es443.js";
 var i = r();
 export {
   i as j

package/dist/index.es241.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es448.js";
+import { __require as r } from "./index.es449.js";
 var a = r();
 export {
   a as l

package/dist/index.es248.js

@@ -1,5 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./index.es449.js";
-import { __require as o } from "./index.es451.js";
+import { getDefaultExportFromCjs as r } from "./index.es450.js";
+import { __require as o } from "./index.es447.js";
 var e = o();
 const a = /* @__PURE__ */ r(e);
 export {

package/dist/index.es254.js

@@ -1,7 +1,7 @@
 import a, { forwardRef as W, useState as P, useRef as u, useEffect as _, createContext as q, useLayoutEffect as Q } from "react";
-import { S as X } from "./index.es453.js";
-import { g as Y, m as Z, a as ee, u as re } from "./index.es454.js";
-import { d as D, w as te, n as ne, b as se, a as ae, e as V, u as ie } from "./index.es455.js";
+import { S as X } from "./index.es452.js";
+import { g as Y, m as Z, a as ee, u as re } from "./index.es453.js";
+import { d as D, w as te, n as ne, b as se, a as ae, e as V, u as ie } from "./index.es454.js";
 function k() {
   return k = Object.assign ? Object.assign.bind() : function(n) {
     for (var r = 1; r < arguments.length; r++) {

package/dist/index.es255.js

@@ -1,5 +1,5 @@
-import { c as w } from "./index.es487.js";
-import { m as l } from "./index.es486.js";
+import { c as w } from "./index.es472.js";
+import { m as l } from "./index.es473.js";
 function N(x) {
   let {
     swiper: a,

package/dist/index.es256.js

@@ -1,6 +1,6 @@
-import { c as $ } from "./index.es488.js";
-import { c as E } from "./index.es487.js";
-import { m, b as q, s as P, h as G, i as S } from "./index.es486.js";
+import { c as $ } from "./index.es474.js";
+import { c as E } from "./index.es472.js";
+import { m, b as q, s as P, h as G, i as S } from "./index.es473.js";
 function j(O) {
   let {
     swiper: e,

package/dist/index.es257.js

@@ -1,6 +1,6 @@
-import { g as F } from "./index.es485.js";
-import { c as y } from "./index.es488.js";
-import { c as K, m as n, i as j, s as J } from "./index.es486.js";
+import { g as F } from "./index.es475.js";
+import { c as y } from "./index.es474.js";
+import { c as K, m as n, i as j, s as J } from "./index.es473.js";
 function Z(P) {
   let {
     swiper: i,

package/dist/index.es285.js

@@ -1,11 +1,11 @@
 import * as p from "react";
-import { composeEventHandlers as m } from "./index.es457.js";
-import { composeRefs as E } from "./index.es458.js";
-import { createContextScope as S } from "./index.es459.js";
-import { useControllableState as P } from "./index.es460.js";
-import { Primitive as y } from "./index.es461.js";
-import { createMenuScope as D, Root as O, Anchor as T, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es462.js";
-import { useId as g } from "./index.es463.js";
+import { composeEventHandlers as m } from "./index.es456.js";
+import { composeRefs as E } from "./index.es457.js";
+import { createContextScope as S } from "./index.es458.js";
+import { useControllableState as P } from "./index.es459.js";
+import { Primitive as y } from "./index.es460.js";
+import { createMenuScope as D, Root as O, Anchor as T, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es461.js";
+import { useId as g } from "./index.es462.js";
 import { j as a } from "./index.es237.js";
 var M = "DropdownMenu", [z, bo] = S(
   M,

package/dist/index.es290.js

@@ -3,7 +3,7 @@ import { Button as m } from "./index.es28.js";
 import { HeaderTopBanner as g } from "./index.es21.js";
 import { useState as y, useRef as w, useCallback as C, useEffect as u } from "react";
 import { clsx as r } from "./index.es239.js";
-import { useFocusTrap as N } from "./index.es464.js";
+import { useFocusTrap as N } from "./index.es463.js";
 import { Container as k } from "./index.es6.js";
 import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */
 import { Col as L } from "./index.es10.js";

package/dist/index.es298.js

@@ -1,12 +1,12 @@
 import * as n from "react";
-import { useComposedRefs as N } from "./index.es458.js";
-import { createContextScope as M } from "./index.es459.js";
-import { composeEventHandlers as S } from "./index.es457.js";
-import { useControllableState as O } from "./index.es460.js";
-import { usePrevious as A } from "./index.es467.js";
-import { useSize as B } from "./index.es468.js";
-import { Presence as H } from "./index.es469.js";
-import { Primitive as j } from "./index.es461.js";
+import { useComposedRefs as N } from "./index.es457.js";
+import { createContextScope as M } from "./index.es458.js";
+import { composeEventHandlers as S } from "./index.es456.js";
+import { useControllableState as O } from "./index.es459.js";
+import { usePrevious as A } from "./index.es466.js";
+import { useSize as B } from "./index.es467.js";
+import { Presence as H } from "./index.es468.js";
+import { Primitive as j } from "./index.es460.js";
 import { j as f } from "./index.es237.js";
 var R = "Checkbox", [K, Y] = M(R), [L, q] = K(R), I = n.forwardRef(
   (e, l) => {

package/dist/index.es308.js

@@ -1,4 +1,4 @@
-import { useCopyToClipboard as c } from "./index.es441.js";
+import { useCopyToClipboard as c } from "./index.es471.js";
 import { useState as n } from "react";
 const l = () => {
   const [e, t] = c(), [p, o] = n(!1);

package/dist/index.es315.js

@@ -1,18 +1,18 @@
 import * as s from "react";
-import { composeEventHandlers as p } from "./index.es457.js";
-import { useComposedRefs as C } from "./index.es458.js";
-import { createContextScope as B, createContext as H } from "./index.es459.js";
-import { useId as x } from "./index.es463.js";
-import { useControllableState as V } from "./index.es460.js";
-import { DismissableLayer as q } from "./index.es475.js";
-import { FocusScope as K } from "./index.es476.js";
-import { Portal as U } from "./index.es477.js";
-import { Presence as R } from "./index.es469.js";
-import { Primitive as m } from "./index.es461.js";
-import { useFocusGuards as Y } from "./index.es478.js";
-import Z from "./index.es479.js";
-import { hideOthers as z } from "./index.es480.js";
-import { createSlot as J } from "./index.es481.js";
+import { composeEventHandlers as p } from "./index.es456.js";
+import { useComposedRefs as C } from "./index.es457.js";
+import { createContextScope as B, createContext as H } from "./index.es458.js";
+import { useId as x } from "./index.es462.js";
+import { useControllableState as V } from "./index.es459.js";
+import { DismissableLayer as q } from "./index.es479.js";
+import { FocusScope as K } from "./index.es480.js";
+import { Portal as U } from "./index.es481.js";
+import { Presence as R } from "./index.es468.js";
+import { Primitive as m } from "./index.es460.js";
+import { useFocusGuards as Y } from "./index.es482.js";
+import Z from "./index.es483.js";
+import { hideOthers as z } from "./index.es484.js";
+import { createSlot as J } from "./index.es485.js";
 import { j as i } from "./index.es237.js";
 var _ = "Dialog", [N, he] = B(_), [Q, u] = N(_), P = (e) => {
   const {

package/dist/index.es346.js

@@ -1,11 +1,11 @@
 import * as s from "react";
-import { composeEventHandlers as T } from "./index.es457.js";
-import { useComposedRefs as _ } from "./index.es458.js";
-import { createContextScope as H } from "./index.es459.js";
-import { useControllableState as I } from "./index.es460.js";
-import { usePrevious as M } from "./index.es467.js";
-import { useSize as N } from "./index.es468.js";
-import { Primitive as w } from "./index.es461.js";
+import { composeEventHandlers as T } from "./index.es456.js";
+import { useComposedRefs as _ } from "./index.es457.js";
+import { createContextScope as H } from "./index.es458.js";
+import { useControllableState as I } from "./index.es459.js";
+import { usePrevious as M } from "./index.es466.js";
+import { useSize as N } from "./index.es467.js";
+import { Primitive as w } from "./index.es460.js";
 import { j as p } from "./index.es237.js";
 var S = "Switch", [B, J] = H(S), [q, z] = B(S), C = s.forwardRef(
   (e, n) => {

package/dist/index.es364.js

@@ -1,10 +1,10 @@
 import * as e from "react";
-import c from "./index.es519.js";
-import { extractProps as i } from "./index.es522.js";
-import { requireReactElement as a } from "./index.es527.js";
-import { popoverContentPropDefs as l } from "./index.es528.js";
-import { Theme as f } from "./index.es529.js";
-import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es530.js";
+import c from "./index.es522.js";
+import { extractProps as i } from "./index.es525.js";
+import { requireReactElement as a } from "./index.es530.js";
+import { popoverContentPropDefs as l } from "./index.es531.js";
+import { Theme as f } from "./index.es532.js";
+import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es533.js";
 const v = (r) => e.createElement(p, { ...r });
 v.displayName = "Popover.Root";
 const g = e.forwardRef(({ children: r, ...o }, t) => e.createElement(d, { ...o, ref: t, asChild: !0 }, a(r)));

package/dist/index.es365.js

@@ -1,6 +1,6 @@
 import * as t from "react";
-import r from "./index.es519.js";
-import { BaseButton as m } from "./index.es520.js";
+import r from "./index.es522.js";
+import { BaseButton as m } from "./index.es523.js";
 const s = t.forwardRef(({ className: o, ...a }, e) => t.createElement(m, { ...a, ref: e, className: r("rt-Button", o) }));
 s.displayName = "Button";
 export {

package/dist/index.es387.js

@@ -1,9 +1,9 @@
 import * as l from "react";
-import { createContextScope as T } from "./index.es459.js";
-import { useComposedRefs as A } from "./index.es458.js";
+import { createContextScope as T } from "./index.es458.js";
+import { useComposedRefs as A } from "./index.es457.js";
 import { createDialogScope as v, Root as O, Portal as j, Overlay as b, WarningProvider as w, Content as M, Title as I, Description as L, Close as f, Trigger as $ } from "./index.es315.js";
-import { composeEventHandlers as F } from "./index.es457.js";
-import { createSlottable as G } from "./index.es481.js";
+import { composeEventHandlers as F } from "./index.es456.js";
+import { createSlottable as G } from "./index.es485.js";
 import { j as i } from "./index.es237.js";
 var D = "AlertDialog", [W, te] = T(D, [
   v

package/dist/index.es393.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es570.js";
+import { __require as r } from "./index.es574.js";
 var i = r();
 export {
   i as F