@anoki/fse-ui 2.1.0-SNAPSHOT53 → 2.1.0-SNAPSHOT55

package/dist/index.cjs117.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Search/Search.css');const e=require("./index.cjs250.js");;/* empty css              */const t=require("./index.cjs253.js"),p=require("react"),d=require("./index.cjs225.js"),m=require("./index.cjs34.js"),j=({btnText:l,helperText:c,onChangeValue:r,value:n,variant:u="basic",onSearch:i,dimensionStrategy:o="fixed"})=>{const[a,x]=p.useState(n);return e.jsxRuntimeExports.jsx("div",{className:t.clsx("ui-search","br-x4 bg-border-secondary w-full",u,{"ui-search-auto":o==="auto"}),children:u==="basic"?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("input",{id:"search",type:"search",className:t.clsx("ui-search-input","bg-white fs-6 text-slate-20 br-x4 w-full pl-x24"),placeholder:c,"aria-label":"Barra di ricerca",autoComplete:"off",value:a,onChange:s=>{r&&r(s.target.value),x(s.target.value)}}),e.jsxRuntimeExports.jsx("div",{className:t.clsx("ui-div-btn"),children:e.jsxRuntimeExports.jsx(m.Button,{className:t.clsx("ui-btn-search","bg-primary text-white fs-7 fw-semibold br-x4"),onClick:()=>i==null?void 0:i(a),children:l})})]}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:"ui-search-icon",children:e.jsxRuntimeExports.jsx(d.SearchIcon,{width:20,height:20})}),e.jsxRuntimeExports.jsx("input",{id:"search",type:"search",className:t.clsx("ui-search-input","bg-white fs-6 text-slate-20 br-x4 w-full pl-x24"),placeholder:c,"aria-label":"Barra di ricerca",autoComplete:"off",value:a,onChange:s=>{r&&r(s.target.value),x(s.target.value)}})]})})};exports.Search=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Search/Search.css');const e=require("./index.cjs250.js");;/* empty css              */const t=require("./index.cjs252.js"),p=require("react"),d=require("./index.cjs225.js"),m=require("./index.cjs34.js"),j=({btnText:l,helperText:c,onChangeValue:r,value:n,variant:u="basic",onSearch:i,dimensionStrategy:o="fixed"})=>{const[a,x]=p.useState(n);return e.jsxRuntimeExports.jsx("div",{className:t.clsx("ui-search","br-x4 bg-border-secondary w-full",u,{"ui-search-auto":o==="auto"}),children:u==="basic"?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("input",{id:"search",type:"search",className:t.clsx("ui-search-input","bg-white fs-6 text-slate-20 br-x4 w-full pl-x24"),placeholder:c,"aria-label":"Barra di ricerca",autoComplete:"off",value:a,onChange:s=>{r&&r(s.target.value),x(s.target.value)}}),e.jsxRuntimeExports.jsx("div",{className:t.clsx("ui-div-btn"),children:e.jsxRuntimeExports.jsx(m.Button,{className:t.clsx("ui-btn-search","bg-primary text-white fs-7 fw-semibold br-x4"),onClick:()=>i==null?void 0:i(a),children:l})})]}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:"ui-search-icon",children:e.jsxRuntimeExports.jsx(d.SearchIcon,{width:20,height:20})}),e.jsxRuntimeExports.jsx("input",{id:"search",type:"search",className:t.clsx("ui-search-input","bg-white fs-6 text-slate-20 br-x4 w-full pl-x24"),placeholder:c,"aria-label":"Barra di ricerca",autoComplete:"off",value:a,onChange:s=>{r&&r(s.target.value),x(s.target.value)}})]})})};exports.Search=j;
 //# sourceMappingURL=index.cjs117.js.map

package/dist/index.cjs117.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs117.js","sources":["../src/components/ui/Search/index.tsx"],"sourcesContent":["import \"./Search.scss\";\r\nimport clsx from \"clsx\";\r\nimport { useState } from \"react\";\r\nimport { Button } from \"@/components\";\r\nimport { SearchIcon } from \"@/icons\";\r\n\r\ntype SearchProps = {\r\n  btnText: string;\r\n  helperText: string;\r\n  value: string;\r\n  variant?: \"outlined\" | \"basic\";\r\n  onChangeValue?: (value: string) => void;\r\n  onSearch?: (value: string) => void;\r\n  dimensionStrategy?: \"fixed\" | \"auto\";\r\n};\r\n\r\nexport const Search = ({\r\n  btnText,\r\n  helperText,\r\n  onChangeValue,\r\n  value,\r\n  variant = \"basic\",\r\n  onSearch,\r\n  dimensionStrategy = \"fixed\"\r\n}: SearchProps) => {\r\n  const [valueInput, setValueInput] = useState(value);\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"ui-search\",\r\n        \"br-x4 bg-border-secondary w-full\",\r\n        variant,\r\n        {\r\n          \"ui-search-auto\": dimensionStrategy === \"auto\",\r\n        },\r\n      )}\r\n    >\r\n      {variant === \"basic\" ? (\r\n        <>\r\n          <input\r\n            id=\"search\"\r\n            type=\"search\"\r\n            className={clsx(\r\n              \"ui-search-input\",\r\n              \"bg-white fs-6 text-slate-20 br-x4 w-full pl-x24\",\r\n            )}\r\n            placeholder={helperText}\r\n            aria-label=\"Barra di ricerca\"\r\n            autoComplete=\"off\"\r\n            value={valueInput}\r\n            onChange={(e) => {\r\n              if (onChangeValue) {\r\n                onChangeValue(e.target.value);\r\n              }\r\n              setValueInput(e.target.value);\r\n            }}\r\n          />\r\n\r\n          <div className={clsx(\"ui-div-btn\")}>\r\n            <Button\r\n              className={clsx(\r\n                \"ui-btn-search\",\r\n                \"bg-primary text-white fs-7 fw-semibold br-x4\",\r\n              )}\r\n              onClick={() => onSearch?.(valueInput)}\r\n            >\r\n              {btnText}\r\n            </Button>\r\n          </div>\r\n        </>\r\n      ) : (\r\n        <>\r\n          <div className=\"ui-search-icon\">\r\n            <SearchIcon width={20} height={20} />\r\n          </div>\r\n          <input\r\n            id=\"search\"\r\n            type=\"search\"\r\n            className={clsx(\r\n              \"ui-search-input\",\r\n              \"bg-white fs-6 text-slate-20 br-x4 w-full pl-x24\",\r\n            )}\r\n            placeholder={helperText}\r\n            aria-label=\"Barra di ricerca\"\r\n            autoComplete=\"off\"\r\n            value={valueInput}\r\n            onChange={(e) => {\r\n              if (onChangeValue) {\r\n                onChangeValue(e.target.value);\r\n              }\r\n              setValueInput(e.target.value);\r\n            }}\r\n          />\r\n        </>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["Search","btnText","helperText","onChangeValue","value","variant","onSearch","dimensionStrategy","valueInput","setValueInput","useState","jsx","clsx","jsxs","Fragment","e","Button","SearchIcon"],"mappings":"uQAgBaA,EAAS,CAAC,CACrB,QAAAC,EACA,WAAAC,EACA,cAAAC,EACA,MAAAC,EACA,QAAAC,EAAU,QACV,SAAAC,EACA,kBAAAC,EAAoB,OACtB,IAAmB,CACjB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAASN,CAAK,EAEhD,OAAAO,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,EAAA,KACT,YACA,mCACAP,EACA,CACE,iBAAkBE,IAAsB,MAAA,CAE5C,EAEC,SAAAF,IAAY,QAETQ,EAAA,kBAAA,KAAAC,EAAA,kBAAA,SAAA,CAAA,SAAA,CAAAH,EAAA,kBAAA,IAAC,QAAA,CACC,GAAG,SACH,KAAK,SACL,UAAWC,EAAA,KACT,kBACA,iDACF,EACA,YAAaV,EACb,aAAW,mBACX,aAAa,MACb,MAAOM,EACP,SAAWO,GAAM,CACXZ,GACYA,EAAAY,EAAE,OAAO,KAAK,EAEhBN,EAAAM,EAAE,OAAO,KAAK,CAAA,CAC9B,CACF,EAECJ,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAWC,EAAA,KAAK,YAAY,EAC/B,SAAAD,EAAA,kBAAA,IAACK,EAAA,OAAA,CACC,UAAWJ,EAAA,KACT,gBACA,8CACF,EACA,QAAS,IAAMN,GAAA,YAAAA,EAAWE,GAEzB,SAAAP,CAAA,CAAA,CAEL,CAAA,CAAA,CAAA,CACF,EAGEY,EAAAA,kBAAAA,KAAAC,EAAA,kBAAA,SAAA,CAAA,SAAA,CAACH,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,iBACb,SAAAA,EAAA,kBAAA,IAACM,cAAW,MAAO,GAAI,OAAQ,EAAA,CAAI,CACrC,CAAA,EACAN,EAAA,kBAAA,IAAC,QAAA,CACC,GAAG,SACH,KAAK,SACL,UAAWC,EAAA,KACT,kBACA,iDACF,EACA,YAAaV,EACb,aAAW,mBACX,aAAa,MACb,MAAOM,EACP,SAAWO,GAAM,CACXZ,GACYA,EAAAY,EAAE,OAAO,KAAK,EAEhBN,EAAAM,EAAE,OAAO,KAAK,CAAA,CAC9B,CAAA,CACF,CACF,CAAA,CAAA,CAEJ,CAEJ"}
+{"version":3,"file":"index.cjs117.js","sources":["../src/components/ui/Search/index.tsx"],"sourcesContent":["import \"./Search.scss\";\nimport clsx from \"clsx\";\nimport { useState } from \"react\";\nimport { Button } from \"@/components\";\nimport { SearchIcon } from \"@/icons\";\n\ntype SearchProps = {\n  btnText: string;\n  helperText: string;\n  value: string;\n  variant?: \"outlined\" | \"basic\";\n  onChangeValue?: (value: string) => void;\n  onSearch?: (value: string) => void;\n  dimensionStrategy?: \"fixed\" | \"auto\";\n};\n\nexport const Search = ({\n  btnText,\n  helperText,\n  onChangeValue,\n  value,\n  variant = \"basic\",\n  onSearch,\n  dimensionStrategy = \"fixed\"\n}: SearchProps) => {\n  const [valueInput, setValueInput] = useState(value);\n  return (\n    <div\n      className={clsx(\n        \"ui-search\",\n        \"br-x4 bg-border-secondary w-full\",\n        variant,\n        {\n          \"ui-search-auto\": dimensionStrategy === \"auto\",\n        },\n      )}\n    >\n      {variant === \"basic\" ? (\n        <>\n          <input\n            id=\"search\"\n            type=\"search\"\n            className={clsx(\n              \"ui-search-input\",\n              \"bg-white fs-6 text-slate-20 br-x4 w-full pl-x24\",\n            )}\n            placeholder={helperText}\n            aria-label=\"Barra di ricerca\"\n            autoComplete=\"off\"\n            value={valueInput}\n            onChange={(e) => {\n              if (onChangeValue) {\n                onChangeValue(e.target.value);\n              }\n              setValueInput(e.target.value);\n            }}\n          />\n\n          <div className={clsx(\"ui-div-btn\")}>\n            <Button\n              className={clsx(\n                \"ui-btn-search\",\n                \"bg-primary text-white fs-7 fw-semibold br-x4\",\n              )}\n              onClick={() => onSearch?.(valueInput)}\n            >\n              {btnText}\n            </Button>\n          </div>\n        </>\n      ) : (\n        <>\n          <div className=\"ui-search-icon\">\n            <SearchIcon width={20} height={20} />\n          </div>\n          <input\n            id=\"search\"\n            type=\"search\"\n            className={clsx(\n              \"ui-search-input\",\n              \"bg-white fs-6 text-slate-20 br-x4 w-full pl-x24\",\n            )}\n            placeholder={helperText}\n            aria-label=\"Barra di ricerca\"\n            autoComplete=\"off\"\n            value={valueInput}\n            onChange={(e) => {\n              if (onChangeValue) {\n                onChangeValue(e.target.value);\n              }\n              setValueInput(e.target.value);\n            }}\n          />\n        </>\n      )}\n    </div>\n  );\n};\n"],"names":["Search","btnText","helperText","onChangeValue","value","variant","onSearch","dimensionStrategy","valueInput","setValueInput","useState","jsx","clsx","jsxs","Fragment","e","Button","SearchIcon"],"mappings":"uQAgBaA,EAAS,CAAC,CACrB,QAAAC,EACA,WAAAC,EACA,cAAAC,EACA,MAAAC,EACA,QAAAC,EAAU,QACV,SAAAC,EACA,kBAAAC,EAAoB,OACtB,IAAmB,CACjB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAASN,CAAK,EAEhD,OAAAO,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,EAAA,KACT,YACA,mCACAP,EACA,CACE,iBAAkBE,IAAsB,MAAA,CAE5C,EAEC,SAAAF,IAAY,QAETQ,EAAA,kBAAA,KAAAC,EAAA,kBAAA,SAAA,CAAA,SAAA,CAAAH,EAAA,kBAAA,IAAC,QAAA,CACC,GAAG,SACH,KAAK,SACL,UAAWC,EAAA,KACT,kBACA,iDACF,EACA,YAAaV,EACb,aAAW,mBACX,aAAa,MACb,MAAOM,EACP,SAAWO,GAAM,CACXZ,GACYA,EAAAY,EAAE,OAAO,KAAK,EAEhBN,EAAAM,EAAE,OAAO,KAAK,CAAA,CAC9B,CACF,EAECJ,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAWC,EAAA,KAAK,YAAY,EAC/B,SAAAD,EAAA,kBAAA,IAACK,EAAA,OAAA,CACC,UAAWJ,EAAA,KACT,gBACA,8CACF,EACA,QAAS,IAAMN,GAAA,YAAAA,EAAWE,GAEzB,SAAAP,CAAA,CAAA,CAEL,CAAA,CAAA,CAAA,CACF,EAGEY,EAAAA,kBAAAA,KAAAC,EAAA,kBAAA,SAAA,CAAA,SAAA,CAACH,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,iBACb,SAAAA,EAAA,kBAAA,IAACM,cAAW,MAAO,GAAI,OAAQ,EAAA,CAAI,CACrC,CAAA,EACAN,EAAA,kBAAA,IAAC,QAAA,CACC,GAAG,SACH,KAAK,SACL,UAAWC,EAAA,KACT,kBACA,iDACF,EACA,YAAaV,EACb,aAAW,mBACX,aAAa,MACb,MAAOM,EACP,SAAWO,GAAM,CACXZ,GACYA,EAAAY,EAAE,OAAO,KAAK,EAEhBN,EAAAM,EAAE,OAAO,KAAK,CAAA,CAC9B,CAAA,CACF,CACF,CAAA,CAAA,CAEJ,CAEJ"}

package/dist/index.cjs118.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SearchDocument/SearchDocument.css');const i=require("./index.cjs250.js");;/* empty css              */const o=require("./index.cjs253.js"),m=require("react"),v=require("./index.cjs164.js"),E=require("./index.cjs61.js"),C=require("./index.cjs34.js"),y=({btnText:p,helperText:d,value:j,items:b,setValue:f})=>{const[c,u]=m.useState(j),[h,l]=m.useState([]),g=e=>{const s=e.target.value;if(u(s),s.length>=3){const t=b.filter(a=>{var n,r;return[(r=(n=a.classification)==null?void 0:n.type)==null?void 0:r.label].some(x=>x==null?void 0:x.toLowerCase().includes(s.toLowerCase()))});l(t)}else l([])},R=e=>{var s,t;u((t=(s=e.classification)==null?void 0:s.type)==null?void 0:t.label),l([])},w=(e,s)=>{if(!s)return e;const t=e.toLowerCase().indexOf(s.toLowerCase());if(t===-1)return e;const a=e.slice(0,t),n=e.slice(t,t+s.length),r=e.slice(t+s.length);return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[a,i.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:n}),r]})};return i.jsxRuntimeExports.jsxs("div",{className:o.clsx("ui-search","br-x4 bg-border-secondary w-full"),children:[i.jsxRuntimeExports.jsxs("div",{className:"position-relative",children:[i.jsxRuntimeExports.jsx("input",{id:"search",type:"search",className:o.clsx("ui-search-input","fs-6 text-slate-20 br-x4 w-full pl-x24"),placeholder:d,"aria-label":"Barra di ricerca",value:c,onChange:g}),c&&c.length>=3&&i.jsxRuntimeExports.jsx(v.Close,{className:"ui-clean-button",onClick:()=>{u(""),l([])}})]}),h.length>0&&i.jsxRuntimeExports.jsx("div",{className:"ui-wrap-list-item-search shadow position-absolute p-x24",children:i.jsxRuntimeExports.jsx(E.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto ",children:h.map((e,s)=>{var t,a,n,r;return i.jsxRuntimeExports.jsx("div",{onClick:()=>R(e),children:(a=(t=e.classification)==null?void 0:t.type)!=null&&a.label?w((r=(n=e.classification)==null?void 0:n.type)==null?void 0:r.label,c||""):""},s)})})}),i.jsxRuntimeExports.jsx("div",{className:o.clsx("ui-div-btn"),children:i.jsxRuntimeExports.jsx(C.Button,{className:o.clsx("ui-btn-search","bg-primary text-white fs-7 fw-semibold br-x4"),onClick:()=>{l([]),f(c??"")},children:p})})]})};exports.SearchDocument=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SearchDocument/SearchDocument.css');const i=require("./index.cjs250.js");;/* empty css              */const o=require("./index.cjs252.js"),m=require("react"),v=require("./index.cjs164.js"),E=require("./index.cjs61.js"),C=require("./index.cjs34.js"),y=({btnText:p,helperText:d,value:j,items:b,setValue:f})=>{const[c,u]=m.useState(j),[h,l]=m.useState([]),g=e=>{const s=e.target.value;if(u(s),s.length>=3){const t=b.filter(a=>{var n,r;return[(r=(n=a.classification)==null?void 0:n.type)==null?void 0:r.label].some(x=>x==null?void 0:x.toLowerCase().includes(s.toLowerCase()))});l(t)}else l([])},R=e=>{var s,t;u((t=(s=e.classification)==null?void 0:s.type)==null?void 0:t.label),l([])},w=(e,s)=>{if(!s)return e;const t=e.toLowerCase().indexOf(s.toLowerCase());if(t===-1)return e;const a=e.slice(0,t),n=e.slice(t,t+s.length),r=e.slice(t+s.length);return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[a,i.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:n}),r]})};return i.jsxRuntimeExports.jsxs("div",{className:o.clsx("ui-search","br-x4 bg-border-secondary w-full"),children:[i.jsxRuntimeExports.jsxs("div",{className:"position-relative",children:[i.jsxRuntimeExports.jsx("input",{id:"search",type:"search",className:o.clsx("ui-search-input","fs-6 text-slate-20 br-x4 w-full pl-x24"),placeholder:d,"aria-label":"Barra di ricerca",value:c,onChange:g}),c&&c.length>=3&&i.jsxRuntimeExports.jsx(v.Close,{className:"ui-clean-button",onClick:()=>{u(""),l([])}})]}),h.length>0&&i.jsxRuntimeExports.jsx("div",{className:"ui-wrap-list-item-search shadow position-absolute p-x24",children:i.jsxRuntimeExports.jsx(E.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto ",children:h.map((e,s)=>{var t,a,n,r;return i.jsxRuntimeExports.jsx("div",{onClick:()=>R(e),children:(a=(t=e.classification)==null?void 0:t.type)!=null&&a.label?w((r=(n=e.classification)==null?void 0:n.type)==null?void 0:r.label,c||""):""},s)})})}),i.jsxRuntimeExports.jsx("div",{className:o.clsx("ui-div-btn"),children:i.jsxRuntimeExports.jsx(C.Button,{className:o.clsx("ui-btn-search","bg-primary text-white fs-7 fw-semibold br-x4"),onClick:()=>{l([]),f(c??"")},children:p})})]})};exports.SearchDocument=y;
 //# sourceMappingURL=index.cjs118.js.map

package/dist/index.cjs118.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs118.js","sources":["../src/components/ui/SearchDocument/index.tsx"],"sourcesContent":["import \"./SearchDocument.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ChangeEvent, useState } from \"react\";\r\nimport { Button, Col } from \"@/components\";\r\nimport { Close } from \"@/icons\";\r\n\r\nexport type SearchDocumentProps = {\r\n  btnText: string;\r\n  helperText: string;\r\n  value: string;\r\n  items: any;\r\n  setValue: (value: string) => void;\r\n};\r\n\r\nexport const SearchDocument = ({\r\n  btnText,\r\n  helperText,\r\n  value,\r\n  items,\r\n  setValue,\r\n}: SearchDocumentProps) => {\r\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\r\n  const [filteredItems, setFilteredItems] = useState<any>([]);\r\n\r\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    const inputValue = e.target.value;\r\n    setValueInput(inputValue);\r\n\r\n    if (inputValue.length >= 3) {\r\n      const results = items.filter((item: any) =>\r\n        [item.classification?.type?.label].some((field) =>\r\n          field?.toLowerCase().includes(inputValue.toLowerCase()),\r\n        ),\r\n      );\r\n      setFilteredItems(results);\r\n    } else {\r\n      setFilteredItems([]);\r\n    }\r\n  };\r\n\r\n  const handleSelectItem = (item: any) => {\r\n    setValueInput(item.classification?.type?.label);\r\n    setFilteredItems([]);\r\n  };\r\n\r\n  const highlightMatch = (text: string, query: string) => {\r\n    if (!query) return text;\r\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\r\n    if (index === -1) return text;\r\n\r\n    const beforeMatch = text.slice(0, index);\r\n    const match = text.slice(index, index + query.length);\r\n    const afterMatch = text.slice(index + query.length);\r\n\r\n    return (\r\n      <>\r\n        {beforeMatch}\r\n        <span className={\"text-primary fw-bold\"}>{match}</span>\r\n        {afterMatch}\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\r\n      <div className={\"position-relative\"}>\r\n        <input\r\n          id=\"search\"\r\n          type=\"search\"\r\n          className={clsx(\r\n            \"ui-search-input\",\r\n            \"fs-6 text-slate-20 br-x4 w-full pl-x24\",\r\n          )}\r\n          placeholder={helperText}\r\n          aria-label=\"Barra di ricerca\"\r\n          value={valueInput}\r\n          onChange={handleInputChange}\r\n        />\r\n        {valueInput && valueInput.length >= 3 && (\r\n          <Close\r\n            className={\"ui-clean-button\"}\r\n            onClick={() => {\r\n              setValueInput(\"\");\r\n              setFilteredItems([]);\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n      {filteredItems.length > 0 && (\r\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\r\n          <Col\r\n            gap={\"x24\"}\r\n            fw={\"regular\"}\r\n            text={\"secondary\"}\r\n            fs={\"6\"}\r\n            className=\"ui-list-item-search overflow-y-auto \"\r\n          >\r\n            {filteredItems.map((item: any, index: any) => (\r\n              <div key={index} onClick={() => handleSelectItem(item)}>\r\n                {item.classification?.type?.label\r\n                  ? highlightMatch(\r\n                      item.classification?.type?.label,\r\n                      valueInput || \"\",\r\n                    )\r\n                  : \"\"}\r\n              </div>\r\n            ))}\r\n          </Col>\r\n        </div>\r\n      )}\r\n      <div className={clsx(\"ui-div-btn\")}>\r\n        <Button\r\n          className={clsx(\r\n            \"ui-btn-search\",\r\n            \"bg-primary text-white fs-7 fw-semibold br-x4\",\r\n          )}\r\n          onClick={() => {\r\n            setFilteredItems([]);\r\n            setValue(valueInput ?? \"\");\r\n          }}\r\n        >\r\n          {btnText}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["SearchDocument","btnText","helperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","inputValue","results","item","_b","_a","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","_d","_c","Button"],"mappings":"qSAcaA,EAAiB,CAAC,CAC7B,QAAAC,EACA,WAAAC,EACA,MAAAC,EACA,MAAAC,EACA,SAAAC,CACF,IAA2B,CACzB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAA6BL,CAAK,EAChE,CAACM,EAAeC,CAAgB,EAAIF,EAAAA,SAAc,CAAA,CAAE,EAEpDG,EAAqB,GAAqC,CACxD,MAAAC,EAAa,EAAE,OAAO,MAGxB,GAFJL,EAAcK,CAAU,EAEpBA,EAAW,QAAU,EAAG,CAC1B,MAAMC,EAAUT,EAAM,OAAQU,GAC5B,SAAA,QAACC,GAAAC,EAAAF,EAAK,iBAAL,YAAAE,EAAqB,OAArB,YAAAD,EAA2B,KAAK,EAAE,KAAME,GACvCA,GAAA,YAAAA,EAAO,cAAc,SAASL,EAAW,YAAa,EAAA,EAE1D,EACAF,EAAiBG,CAAO,CAAA,MAExBH,EAAiB,CAAA,CAAE,CAEvB,EAEMQ,EAAoBJ,GAAc,SACxBP,GAAAQ,GAAAC,EAAAF,EAAK,iBAAL,YAAAE,EAAqB,OAArB,YAAAD,EAA2B,KAAK,EAC9CL,EAAiB,CAAA,CAAE,CACrB,EAEMS,EAAiB,CAACC,EAAcC,IAAkB,CAClD,GAAA,CAACA,EAAc,OAAAD,EACnB,MAAME,EAAQF,EAAK,YAAA,EAAc,QAAQC,EAAM,aAAa,EACxD,GAAAC,IAAU,GAAW,OAAAF,EAEzB,MAAMG,EAAcH,EAAK,MAAM,EAAGE,CAAK,EACjCE,EAAQJ,EAAK,MAAME,EAAOA,EAAQD,EAAM,MAAM,EAC9CI,EAAaL,EAAK,MAAME,EAAQD,EAAM,MAAM,EAElD,OAEKK,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAJ,EACAK,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAW,uBAAyB,SAAMJ,EAAA,EAC/CC,CAAA,EACH,CAEJ,EAEA,gCACG,MAAI,CAAA,UAAWI,EAAK,KAAA,YAAa,kCAAkC,EAClE,SAAA,CAACH,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAW,oBACd,SAAA,CAAAE,EAAA,kBAAA,IAAC,QAAA,CACC,GAAG,SACH,KAAK,SACL,UAAWC,EAAA,KACT,kBACA,wCACF,EACA,YAAa3B,EACb,aAAW,mBACX,MAAOI,EACP,SAAUK,CAAA,CACZ,EACCL,GAAcA,EAAW,QAAU,GAClCsB,EAAA,kBAAA,IAACE,EAAA,MAAA,CACC,UAAW,kBACX,QAAS,IAAM,CACbvB,EAAc,EAAE,EAChBG,EAAiB,CAAA,CAAE,CAAA,CACrB,CAAA,CACF,EAEJ,EACCD,EAAc,OAAS,GACrBmB,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,0DACb,SAAAA,EAAA,kBAAA,IAACG,EAAA,IAAA,CACC,IAAK,MACL,GAAI,UACJ,KAAM,YACN,GAAI,IACJ,UAAU,uCAET,SAActB,EAAA,IAAI,CAACK,EAAWQ,IAC5BM,aAAAA,OAAAA,EAAAA,kBAAAA,IAAA,MAAA,CAAgB,QAAS,IAAMV,EAAiBJ,CAAI,EAClD,UAAKC,GAAAC,EAAAF,EAAA,iBAAA,YAAAE,EAAgB,OAAhB,MAAAD,EAAsB,MACxBI,GACEa,GAAAC,EAAAnB,EAAK,iBAAL,YAAAmB,EAAqB,OAArB,YAAAD,EAA2B,MAC3B1B,GAAc,EAAA,EAEhB,EANI,EAAAgB,CAOV,EACD,CAAA,CAAA,EAEL,EAEDM,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAWC,EAAA,KAAK,YAAY,EAC/B,SAAAD,EAAA,kBAAA,IAACM,EAAA,OAAA,CACC,UAAWL,EAAA,KACT,gBACA,8CACF,EACA,QAAS,IAAM,CACbnB,EAAiB,CAAA,CAAE,EACnBL,EAASC,GAAc,EAAE,CAC3B,EAEC,SAAAL,CAAA,CAAA,CAEL,CAAA,CAAA,EACF,CAEJ"}
+{"version":3,"file":"index.cjs118.js","sources":["../src/components/ui/SearchDocument/index.tsx"],"sourcesContent":["import \"./SearchDocument.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close } from \"@/icons\";\n\nexport type SearchDocumentProps = {\n  btnText: string;\n  helperText: string;\n  value: string;\n  items: any;\n  setValue: (value: string) => void;\n};\n\nexport const SearchDocument = ({\n  btnText,\n  helperText,\n  value,\n  items,\n  setValue,\n}: SearchDocumentProps) => {\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\n  const [filteredItems, setFilteredItems] = useState<any>([]);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n\n    if (inputValue.length >= 3) {\n      const results = items.filter((item: any) =>\n        [item.classification?.type?.label].some((field) =>\n          field?.toLowerCase().includes(inputValue.toLowerCase()),\n        ),\n      );\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: any) => {\n    setValueInput(item.classification?.type?.label);\n    setFilteredItems([]);\n  };\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query) return text;\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  return (\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\n      <div className={\"position-relative\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-search-input\",\n            \"fs-6 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        />\n        {valueInput && valueInput.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n            }}\n          />\n        )}\n      </div>\n      {filteredItems.length > 0 && (\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\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            {filteredItems.map((item: any, index: any) => (\n              <div key={index} onClick={() => handleSelectItem(item)}>\n                {item.classification?.type?.label\n                  ? highlightMatch(\n                      item.classification?.type?.label,\n                      valueInput || \"\",\n                    )\n                  : \"\"}\n              </div>\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 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            setFilteredItems([]);\n            setValue(valueInput ?? \"\");\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["SearchDocument","btnText","helperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","inputValue","results","item","_b","_a","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","_d","_c","Button"],"mappings":"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"}

package/dist/index.cjs119.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SearchGeneric/SearchGeneric.css');const e=require("./index.cjs250.js"),j=require("react"),x=require("./index.cjs253.js");;/* empty css              */const G=require("./index.cjs259.js"),Q=require("./index.cjs164.js"),z=require("./index.cjs61.js"),B=require("./index.cjs34.js");function O({btnText:N,helperText:d,instructionsText:c="Inserisci almeno $minCharsToSearch caratteri per iniziare la ricerca.",mobileHelperText:y=d,value:C,items:$,setValue:m,setTypedValue:b,getSearchField:g,getDisplayField:f=g,onItemSelect:v,minCharsToSearch:u=3,className:I,dimensionStrategy:q="fixed"}){const[i,p]=j.useState(C||""),[r,n]=j.useState([]),L=G.useMediaQuery("(min-width: 768px)"),a=j.useId(),R=`${a}-listbox`,w=`${a}-instructions`,S=`${a}-label`,E=t=>{const s=t.target.value;if(p(s),b&&b(s),s.length>=u){const h=$.filter(l=>{const o=g(l);return o==null?void 0:o.toLowerCase().includes(s.toLowerCase())});n(h)}else n([])},k=t=>{const s=f(t);p(s),m(s),n([]),v&&v(t)},M=(t,s)=>{if(!s)return t;const h=t.split(new RegExp(`(${s})`,"gi"));return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:h.map((l,o)=>l.toLowerCase()===s.toLowerCase()?e.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:l},o):l)})};return e.jsxRuntimeExports.jsxs("div",{className:x.clsx("ui-search","br-x4 bg-border-secondary w-full",I,{"ui-search-generic-auto":q==="auto"}),children:[e.jsxRuntimeExports.jsx("label",{id:S,htmlFor:a,className:"sr-only",children:d}),c&&e.jsxRuntimeExports.jsx("div",{id:w,className:"sr-only",children:c==null?void 0:c.replace("$minCharsToSearch",String(u))}),e.jsxRuntimeExports.jsxs("div",{className:"position-relative",children:[e.jsxRuntimeExports.jsx("input",{id:a,type:"text",role:"combobox","aria-expanded":r.length>0,"aria-haspopup":"listbox","aria-owns":r.length>0?R:void 0,"aria-describedby":w,className:x.clsx("ui-search-input","fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24",i&&i.length>=3&&"has-clear-icon"),placeholder:L?d:y,value:i,onChange:E,maxLength:30,autoComplete:"off"}),i&&e.jsxRuntimeExports.jsx(Q.Close,{className:"ui-clean-button",ariaLabel:"Cancella ricerca",onClick:()=>{p(""),n([]),m(""),E({target:{value:""}})}})]}),r.length>0&&e.jsxRuntimeExports.jsx("div",{className:"ui-wrap-list-item-search shadow position-absolute p-x24",role:"listbox",id:R,"aria-label":`${r.length} risultati disponibili`,children:e.jsxRuntimeExports.jsx(z.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto ",children:r.map((t,s)=>e.jsxRuntimeExports.jsx("div",{id:`${a}-option-${s}`,role:"option",onClick:()=>k(t),className:"hover:bg-primary",children:M(f(t),i)},s))})}),e.jsxRuntimeExports.jsxs("div",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:[r.length>0&&i.length>=u&&`${r.length} risultati trovati`,i.length>=u&&r.length===0&&"Nessun risultato trovato"]}),e.jsxRuntimeExports.jsx("div",{className:x.clsx("ui-div-btn"),children:e.jsxRuntimeExports.jsx(B.Button,{className:x.clsx("ui-btn-search","bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"),onClick:()=>{n([]),m(i)},children:N})})]})}exports.SearchGeneric=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SearchGeneric/SearchGeneric.css');const e=require("./index.cjs250.js"),j=require("react"),x=require("./index.cjs252.js");;/* empty css              */const G=require("./index.cjs291.js"),Q=require("./index.cjs164.js"),z=require("./index.cjs61.js"),B=require("./index.cjs34.js");function O({btnText:N,helperText:d,instructionsText:c="Inserisci almeno $minCharsToSearch caratteri per iniziare la ricerca.",mobileHelperText:y=d,value:C,items:$,setValue:m,setTypedValue:b,getSearchField:g,getDisplayField:f=g,onItemSelect:v,minCharsToSearch:u=3,className:I,dimensionStrategy:q="fixed"}){const[i,p]=j.useState(C||""),[r,n]=j.useState([]),L=G.useMediaQuery("(min-width: 768px)"),a=j.useId(),R=`${a}-listbox`,w=`${a}-instructions`,S=`${a}-label`,E=t=>{const s=t.target.value;if(p(s),b&&b(s),s.length>=u){const h=$.filter(l=>{const o=g(l);return o==null?void 0:o.toLowerCase().includes(s.toLowerCase())});n(h)}else n([])},k=t=>{const s=f(t);p(s),m(s),n([]),v&&v(t)},M=(t,s)=>{if(!s)return t;const h=t.split(new RegExp(`(${s})`,"gi"));return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:h.map((l,o)=>l.toLowerCase()===s.toLowerCase()?e.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:l},o):l)})};return e.jsxRuntimeExports.jsxs("div",{className:x.clsx("ui-search","br-x4 bg-border-secondary w-full",I,{"ui-search-generic-auto":q==="auto"}),children:[e.jsxRuntimeExports.jsx("label",{id:S,htmlFor:a,className:"sr-only",children:d}),c&&e.jsxRuntimeExports.jsx("div",{id:w,className:"sr-only",children:c==null?void 0:c.replace("$minCharsToSearch",String(u))}),e.jsxRuntimeExports.jsxs("div",{className:"position-relative",children:[e.jsxRuntimeExports.jsx("input",{id:a,type:"text",role:"combobox","aria-expanded":r.length>0,"aria-haspopup":"listbox","aria-owns":r.length>0?R:void 0,"aria-describedby":w,className:x.clsx("ui-search-input","fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24",i&&i.length>=3&&"has-clear-icon"),placeholder:L?d:y,value:i,onChange:E,maxLength:30,autoComplete:"off"}),i&&e.jsxRuntimeExports.jsx(Q.Close,{className:"ui-clean-button",ariaLabel:"Cancella ricerca",onClick:()=>{p(""),n([]),m(""),E({target:{value:""}})}})]}),r.length>0&&e.jsxRuntimeExports.jsx("div",{className:"ui-wrap-list-item-search shadow position-absolute p-x24",role:"listbox",id:R,"aria-label":`${r.length} risultati disponibili`,children:e.jsxRuntimeExports.jsx(z.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto ",children:r.map((t,s)=>e.jsxRuntimeExports.jsx("div",{id:`${a}-option-${s}`,role:"option",onClick:()=>k(t),className:"hover:bg-primary",children:M(f(t),i)},s))})}),e.jsxRuntimeExports.jsxs("div",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:[r.length>0&&i.length>=u&&`${r.length} risultati trovati`,i.length>=u&&r.length===0&&"Nessun risultato trovato"]}),e.jsxRuntimeExports.jsx("div",{className:x.clsx("ui-div-btn"),children:e.jsxRuntimeExports.jsx(B.Button,{className:x.clsx("ui-btn-search","bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"),onClick:()=>{n([]),m(i)},children:N})})]})}exports.SearchGeneric=O;
 //# sourceMappingURL=index.cjs119.js.map

package/dist/index.cjs119.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs119.js","sources":["../src/components/ui/SearchGeneric/index.tsx"],"sourcesContent":["import { ChangeEvent, useState, useId } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { Button, Col } from \"@/components\";\r\nimport { Close } from \"@/icons\";\r\nimport \"./SearchGeneric.scss\";\r\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\r\n\r\nexport type SearchGenericProps<T extends object> = {\r\n  btnText: string;\r\n  helperText: string;\r\n  instructionsText?: string;\r\n  mobileHelperText?: string;\r\n  value: string;\r\n  items: T[];\r\n  setValue: (value: string) => void;\r\n  setTypedValue?: (value: string) => void;\r\n  getSearchField: (item: T) => string;\r\n  getDisplayField?: (item: T) => string;\r\n  onItemSelect?: (item: T) => void;\r\n  minCharsToSearch?: number;\r\n  className?: string;\r\n  dimensionStrategy?: \"fixed\" | \"auto\";\r\n};\r\n\r\nexport function SearchGeneric<T extends object>({\r\n  btnText,\r\n  helperText,\r\n  instructionsText = \"Inserisci almeno $minCharsToSearch caratteri per iniziare la ricerca.\",\r\n  mobileHelperText = helperText,\r\n  value,\r\n  items,\r\n  setValue,\r\n  setTypedValue,\r\n  getSearchField,\r\n  getDisplayField = getSearchField,\r\n  onItemSelect,\r\n  minCharsToSearch = 3,\r\n  className,\r\n  dimensionStrategy = \"fixed\",\r\n}: SearchGenericProps<T>) {\r\n  const [valueInput, setValueInput] = useState<string>(value || \"\");\r\n  const [filteredItems, setFilteredItems] = useState<T[]>([]);\r\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\r\n  \r\n  // Generate unique IDs for accessibility\r\n  const searchId = useId();\r\n  const listboxId = `${searchId}-listbox`;\r\n  const instructionsId = `${searchId}-instructions`;\r\n  const labelId = `${searchId}-label`;\r\n\r\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    const inputValue = e.target.value;\r\n    setValueInput(inputValue);\r\n    if (setTypedValue) {\r\n      setTypedValue(inputValue);\r\n    }\r\n    if (inputValue.length >= minCharsToSearch) {\r\n      const results = items.filter((item) => {\r\n        const searchField = getSearchField(item);\r\n        return searchField?.toLowerCase().includes(inputValue.toLowerCase());\r\n      });\r\n      setFilteredItems(results);\r\n    } else {\r\n      setFilteredItems([]);\r\n    }\r\n  };\r\n\r\n  const handleSelectItem = (item: T) => {\r\n    const displayValue = getDisplayField(item);\r\n    setValueInput(displayValue);\r\n    setValue(displayValue);\r\n    setFilteredItems([]);\r\n\r\n    if (onItemSelect) {\r\n      onItemSelect(item);\r\n    }\r\n  };\r\n\r\n  const highlightMatch = (text: string, query: string) => {\r\n    if (!query) return text;\r\n\r\n    const parts = text.split(new RegExp(`(${query})`, \"gi\"));\r\n\r\n    return (\r\n      <>\r\n        {parts.map((part, i) =>\r\n          part.toLowerCase() === query.toLowerCase() ? (\r\n            <span key={i} className=\"text-primary fw-bold\">\r\n              {part}\r\n            </span>\r\n          ) : (\r\n            part\r\n          ),\r\n        )}\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"ui-search\",\r\n        \"br-x4 bg-border-secondary w-full\",\r\n        className,\r\n        {\r\n          \"ui-search-generic-auto\": dimensionStrategy === \"auto\",\r\n        },\r\n      )}\r\n    >\r\n      {/* Screen reader only label */}\r\n      <label id={labelId} htmlFor={searchId} className=\"sr-only\">\r\n        {helperText}\r\n      </label>\r\n      \r\n      {/* Instructions for screen readers */}\r\n      {instructionsText && <div id={instructionsId} className=\"sr-only\">\r\n        {instructionsText?.replace(\"$minCharsToSearch\", String(minCharsToSearch))}\r\n      </div>}\r\n\r\n      <div className=\"position-relative\">\r\n        <input\r\n          id={searchId}\r\n          type=\"text\"\r\n          role=\"combobox\"\r\n          aria-expanded={filteredItems.length > 0}\r\n          aria-haspopup=\"listbox\"\r\n          aria-owns={filteredItems.length > 0 ? listboxId : undefined}\r\n          aria-describedby={instructionsId}\r\n          className={clsx(\r\n            \"ui-search-input\",\r\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\r\n            valueInput && valueInput.length >= 3 && \"has-clear-icon\",\r\n          )}\r\n          placeholder={isDesktop ? helperText : mobileHelperText}\r\n          value={valueInput}\r\n          onChange={handleInputChange}\r\n          maxLength={30}\r\n          autoComplete=\"off\"\r\n        />\r\n        {valueInput && (\r\n          <Close\r\n            className=\"ui-clean-button\"\r\n            ariaLabel=\"Cancella ricerca\"\r\n            onClick={() => {\r\n              setValueInput(\"\");\r\n              setFilteredItems([]);\r\n              setValue(\"\");\r\n              handleInputChange({ target: { value: \"\" } } as any);\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n      {filteredItems.length > 0 && (\r\n        <div \r\n          className=\"ui-wrap-list-item-search shadow position-absolute p-x24\"\r\n          role=\"listbox\"\r\n          id={listboxId}\r\n          aria-label={`${filteredItems.length} risultati disponibili`}\r\n        >\r\n          <Col\r\n            gap={\"x24\"}\r\n            fw={\"regular\"}\r\n            text={\"secondary\"}\r\n            fs={\"6\"}\r\n            className=\"ui-list-item-search overflow-y-auto \"\r\n          >\r\n            {filteredItems.map((item, index) => (\r\n              <div\r\n                key={index}\r\n                id={`${searchId}-option-${index}`}\r\n                role=\"option\"\r\n                onClick={() => handleSelectItem(item)}\r\n                className=\"hover:bg-primary\"\r\n              >\r\n                {highlightMatch(getDisplayField(item), valueInput)}\r\n              </div>\r\n            ))}\r\n          </Col>\r\n        </div>\r\n      )}\r\n      \r\n      {/* Live region for announcing search results */}\r\n      <div aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\r\n        {filteredItems.length > 0 && valueInput.length >= minCharsToSearch && \r\n          `${filteredItems.length} risultati trovati`}\r\n        {valueInput.length >= minCharsToSearch && filteredItems.length === 0 && \r\n          \"Nessun risultato trovato\"}\r\n      </div>\r\n      <div className={clsx(\"ui-div-btn\")}>\r\n        <Button\r\n          className={clsx(\r\n            \"ui-btn-search\",\r\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\r\n          )}\r\n          onClick={() => {\r\n            setFilteredItems([]);\r\n            setValue(valueInput);\r\n          }}\r\n        >\r\n          {btnText}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["SearchGeneric","btnText","helperText","instructionsText","mobileHelperText","value","items","setValue","setTypedValue","getSearchField","getDisplayField","onItemSelect","minCharsToSearch","className","dimensionStrategy","valueInput","setValueInput","useState","filteredItems","setFilteredItems","isDesktop","useMediaQuery","searchId","useId","listboxId","instructionsId","labelId","handleInputChange","e","inputValue","results","item","searchField","handleSelectItem","displayValue","highlightMatch","text","query","parts","part","i","jsxs","clsx","jsx","Close","Col","index","Button"],"mappings":"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"}
+{"version":3,"file":"index.cjs119.js","sources":["../src/components/ui/SearchGeneric/index.tsx"],"sourcesContent":["import { ChangeEvent, useState, useId } from \"react\";\nimport clsx from \"clsx\";\nimport { Button, Col } from \"@/components\";\nimport { Close } from \"@/icons\";\nimport \"./SearchGeneric.scss\";\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\n\nexport type SearchGenericProps<T extends object> = {\n  btnText: string;\n  helperText: string;\n  instructionsText?: string;\n  mobileHelperText?: string;\n  value: string;\n  items: T[];\n  setValue: (value: string) => void;\n  setTypedValue?: (value: string) => void;\n  getSearchField: (item: T) => string;\n  getDisplayField?: (item: T) => string;\n  onItemSelect?: (item: T) => void;\n  minCharsToSearch?: number;\n  className?: string;\n  dimensionStrategy?: \"fixed\" | \"auto\";\n};\n\nexport function SearchGeneric<T extends object>({\n  btnText,\n  helperText,\n  instructionsText = \"Inserisci almeno $minCharsToSearch caratteri per iniziare la ricerca.\",\n  mobileHelperText = helperText,\n  value,\n  items,\n  setValue,\n  setTypedValue,\n  getSearchField,\n  getDisplayField = getSearchField,\n  onItemSelect,\n  minCharsToSearch = 3,\n  className,\n  dimensionStrategy = \"fixed\",\n}: SearchGenericProps<T>) {\n  const [valueInput, setValueInput] = useState<string>(value || \"\");\n  const [filteredItems, setFilteredItems] = useState<T[]>([]);\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\n  \n  // Generate unique IDs for accessibility\n  const searchId = useId();\n  const listboxId = `${searchId}-listbox`;\n  const instructionsId = `${searchId}-instructions`;\n  const labelId = `${searchId}-label`;\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n    if (setTypedValue) {\n      setTypedValue(inputValue);\n    }\n    if (inputValue.length >= minCharsToSearch) {\n      const results = items.filter((item) => {\n        const searchField = getSearchField(item);\n        return searchField?.toLowerCase().includes(inputValue.toLowerCase());\n      });\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: T) => {\n    const displayValue = getDisplayField(item);\n    setValueInput(displayValue);\n    setValue(displayValue);\n    setFilteredItems([]);\n\n    if (onItemSelect) {\n      onItemSelect(item);\n    }\n  };\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query) return text;\n\n    const parts = text.split(new RegExp(`(${query})`, \"gi\"));\n\n    return (\n      <>\n        {parts.map((part, i) =>\n          part.toLowerCase() === query.toLowerCase() ? (\n            <span key={i} className=\"text-primary fw-bold\">\n              {part}\n            </span>\n          ) : (\n            part\n          ),\n        )}\n      </>\n    );\n  };\n\n  return (\n    <div\n      className={clsx(\n        \"ui-search\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n        {\n          \"ui-search-generic-auto\": dimensionStrategy === \"auto\",\n        },\n      )}\n    >\n      {/* Screen reader only label */}\n      <label id={labelId} htmlFor={searchId} className=\"sr-only\">\n        {helperText}\n      </label>\n      \n      {/* Instructions for screen readers */}\n      {instructionsText && <div id={instructionsId} className=\"sr-only\">\n        {instructionsText?.replace(\"$minCharsToSearch\", String(minCharsToSearch))}\n      </div>}\n\n      <div className=\"position-relative\">\n        <input\n          id={searchId}\n          type=\"text\"\n          role=\"combobox\"\n          aria-expanded={filteredItems.length > 0}\n          aria-haspopup=\"listbox\"\n          aria-owns={filteredItems.length > 0 ? listboxId : undefined}\n          aria-describedby={instructionsId}\n          className={clsx(\n            \"ui-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n            valueInput && valueInput.length >= 3 && \"has-clear-icon\",\n          )}\n          placeholder={isDesktop ? helperText : mobileHelperText}\n          value={valueInput}\n          onChange={handleInputChange}\n          maxLength={30}\n          autoComplete=\"off\"\n        />\n        {valueInput && (\n          <Close\n            className=\"ui-clean-button\"\n            ariaLabel=\"Cancella ricerca\"\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n              setValue(\"\");\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n      {filteredItems.length > 0 && (\n        <div \n          className=\"ui-wrap-list-item-search shadow position-absolute p-x24\"\n          role=\"listbox\"\n          id={listboxId}\n          aria-label={`${filteredItems.length} risultati disponibili`}\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            {filteredItems.map((item, index) => (\n              <div\n                key={index}\n                id={`${searchId}-option-${index}`}\n                role=\"option\"\n                onClick={() => handleSelectItem(item)}\n                className=\"hover:bg-primary\"\n              >\n                {highlightMatch(getDisplayField(item), valueInput)}\n              </div>\n            ))}\n          </Col>\n        </div>\n      )}\n      \n      {/* Live region for announcing search results */}\n      <div aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n        {filteredItems.length > 0 && valueInput.length >= minCharsToSearch && \n          `${filteredItems.length} risultati trovati`}\n        {valueInput.length >= minCharsToSearch && filteredItems.length === 0 && \n          \"Nessun risultato trovato\"}\n      </div>\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          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["SearchGeneric","btnText","helperText","instructionsText","mobileHelperText","value","items","setValue","setTypedValue","getSearchField","getDisplayField","onItemSelect","minCharsToSearch","className","dimensionStrategy","valueInput","setValueInput","useState","filteredItems","setFilteredItems","isDesktop","useMediaQuery","searchId","useId","listboxId","instructionsId","labelId","handleInputChange","e","inputValue","results","item","searchField","handleSelectItem","displayValue","highlightMatch","text","query","parts","part","i","jsxs","clsx","jsx","Close","Col","index","Button"],"mappings":"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"}

package/dist/index.cjs12.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/navigations/HeaderPostLogin/HeaderPostLogin.css');const e=require("./index.cjs250.js"),o=require("./index.cjs11.js"),r=require("./index.cjs253.js"),x=require("./index.cjs72.js");;/* empty css              */const b=require("./index.cjs229.js"),f=require("./index.cjs230.js"),l=require("./index.cjs61.js"),N=require("./index.cjs116.js"),w=({shortTitle:c,region:a,asLink:u="a",navigationItems:n,generalClassName:j,navItemsClassName:p,isExpanded:t=!0,expandTitle:m="Apri",toggleExpand:h})=>{const d=u,R=o.LOGOS.nazionale,g=o.LOGOS[a];return e.jsxRuntimeExports.jsxs("nav",{role:"navigation",className:r.clsx("ui-hpl-menu",j,t?"expanded":"closed"),style:{"--navbar-elements":n.length??0},children:[e.jsxRuntimeExports.jsxs(l.Col,{pt:"x80",px:t?"x40":"x20",gap:"x16",justifyContent:"center",className:"position-relative",children:[e.jsxRuntimeExports.jsxs(N.Row,{gap:t?"x24":"x12",alignItems:"center",justifyContent:"center",children:[e.jsxRuntimeExports.jsx(R,{width:t?27:20,height:t?44:37}),e.jsxRuntimeExports.jsx(x.Divider,{bg:"border-divider",direction:"vertical"}),e.jsxRuntimeExports.jsx(g,{width:t?44:37,height:t?44:37})]}),e.jsxRuntimeExports.jsx("h1",{className:"shortTitle fs-custom fw-normal text-slate-20 text-align-center",children:c})]}),e.jsxRuntimeExports.jsx("div",{className:t?"p-x40":"py-x40",children:e.jsxRuntimeExports.jsx(x.Divider,{bg:"border-divider"})}),e.jsxRuntimeExports.jsx(l.Col,{as:"ul",gap:"x12",className:r.clsx("list-style-none ui-hpl-list",p),role:"list",children:n.map((s,v)=>{const i=s==null?void 0:s.icon;return e.jsxRuntimeExports.jsx("li",{className:r.clsx("ui-hpl-list-item",s.active&&"active"),children:e.jsxRuntimeExports.jsxs(d,{href:s.href,className:r.clsx("text-decoration-none text-primary fs-custom base-row gap-x16 align-items-center pr-x8",s.active?"fw-bold":"fw-normal"),target:s.isNewTab?"_blank":void 0,rel:s.isNewTab?"noopener noreferrer":void 0,children:[i&&e.jsxRuntimeExports.jsx(i,{color:"primary",filled:s.active}),e.jsxRuntimeExports.jsx("span",{className:"ui-hpl-text",children:s.label}),s.active&&e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:"Attivo"})]})},v)})}),e.jsxRuntimeExports.jsxs("button",{onClick:h,className:"ui-toggle-menu-button py-x24",children:[t?e.jsxRuntimeExports.jsx(b.CirlceLeftArrow,{}):e.jsxRuntimeExports.jsx(f.CircleRightArrow,{}),m]})]})};exports.HeaderPostLogin=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/navigations/HeaderPostLogin/HeaderPostLogin.css');const e=require("./index.cjs250.js"),o=require("./index.cjs11.js"),r=require("./index.cjs252.js"),x=require("./index.cjs72.js");;/* empty css              */const b=require("./index.cjs229.js"),f=require("./index.cjs230.js"),l=require("./index.cjs61.js"),N=require("./index.cjs116.js"),w=({shortTitle:c,region:a,asLink:u="a",navigationItems:n,generalClassName:j,navItemsClassName:p,isExpanded:t=!0,expandTitle:m="Apri",toggleExpand:h})=>{const d=u,R=o.LOGOS.nazionale,g=o.LOGOS[a];return e.jsxRuntimeExports.jsxs("nav",{role:"navigation",className:r.clsx("ui-hpl-menu",j,t?"expanded":"closed"),style:{"--navbar-elements":n.length??0},children:[e.jsxRuntimeExports.jsxs(l.Col,{pt:"x80",px:t?"x40":"x20",gap:"x16",justifyContent:"center",className:"position-relative",children:[e.jsxRuntimeExports.jsxs(N.Row,{gap:t?"x24":"x12",alignItems:"center",justifyContent:"center",children:[e.jsxRuntimeExports.jsx(R,{width:t?27:20,height:t?44:37}),e.jsxRuntimeExports.jsx(x.Divider,{bg:"border-divider",direction:"vertical"}),e.jsxRuntimeExports.jsx(g,{width:t?44:37,height:t?44:37})]}),e.jsxRuntimeExports.jsx("h1",{className:"shortTitle fs-custom fw-normal text-slate-20 text-align-center",children:c})]}),e.jsxRuntimeExports.jsx("div",{className:t?"p-x40":"py-x40",children:e.jsxRuntimeExports.jsx(x.Divider,{bg:"border-divider"})}),e.jsxRuntimeExports.jsx(l.Col,{as:"ul",gap:"x12",className:r.clsx("list-style-none ui-hpl-list",p),role:"list",children:n.map((s,v)=>{const i=s==null?void 0:s.icon;return e.jsxRuntimeExports.jsx("li",{className:r.clsx("ui-hpl-list-item",s.active&&"active"),children:e.jsxRuntimeExports.jsxs(d,{href:s.href,className:r.clsx("text-decoration-none text-primary fs-custom base-row gap-x16 align-items-center pr-x8",s.active?"fw-bold":"fw-normal"),target:s.isNewTab?"_blank":void 0,rel:s.isNewTab?"noopener noreferrer":void 0,children:[i&&e.jsxRuntimeExports.jsx(i,{color:"primary",filled:s.active}),e.jsxRuntimeExports.jsx("span",{className:"ui-hpl-text",children:s.label}),s.active&&e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:"Attivo"})]})},v)})}),e.jsxRuntimeExports.jsxs("button",{onClick:h,className:"ui-toggle-menu-button py-x24",children:[t?e.jsxRuntimeExports.jsx(b.CirlceLeftArrow,{}):e.jsxRuntimeExports.jsx(f.CircleRightArrow,{}),m]})]})};exports.HeaderPostLogin=w;
 //# sourceMappingURL=index.cjs12.js.map

package/dist/index.cjs12.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs12.js","sources":["../src/components/navigations/HeaderPostLogin/index.tsx"],"sourcesContent":["import { LOGOS, Region } from \"../Header\";\r\nimport clsx from \"clsx\";\r\nimport { Divider } from \"@/components/ui/Divider\";\r\nimport \"./HeaderPostLogin.scss\";\r\nimport { ComponentType, ReactNode } from \"react\";\r\nimport { Col, Row } from \"@/components\";\r\nimport { CircleRightArrow, CirlceLeftArrow } from \"@/icons\";\r\n\r\ntype NavigationItem = {\r\n  label: string;\r\n  href: string;\r\n  icon?: ComponentType<any>;\r\n  active?: boolean;\r\n  isNewTab?: boolean;\r\n};\r\n\r\nexport type HeaderPostLoginProps = {\r\n  shortTitle: ReactNode;\r\n  region: Region;\r\n  navigationItems: NavigationItem[];\r\n  loginLink?: string;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  generalClassName?: string;\r\n  navItemsClassName?: string;\r\n  isExpanded?: boolean;\r\n  toggleExpand?: () => void;\r\n  expandTitle?: string;\r\n};\r\n\r\nexport const HeaderPostLogin = ({\r\n  shortTitle,\r\n  region,\r\n  asLink = \"a\",\r\n  navigationItems,\r\n  generalClassName,\r\n  navItemsClassName,\r\n  isExpanded = true,\r\n  expandTitle = \"Apri\",\r\n  toggleExpand,\r\n}: HeaderPostLoginProps) => {\r\n  const LinkComponent = asLink;\r\n  const NationalIcon = LOGOS[\"nazionale\"];\r\n  const RegionIcon = LOGOS[region];\r\n\r\n  return (\r\n    <nav\r\n      role=\"navigation\"\r\n      className={clsx(\r\n        \"ui-hpl-menu\",\r\n        generalClassName,\r\n        isExpanded ? \"expanded\" : \"closed\",\r\n      )}\r\n      style={\r\n        {\r\n          \"--navbar-elements\": navigationItems.length ?? 0,\r\n        } as React.CSSProperties\r\n      }\r\n    >\r\n      <Col\r\n        pt={\"x80\"}\r\n        px={isExpanded ? \"x40\" : \"x20\"}\r\n        gap={\"x16\"}\r\n        justifyContent={\"center\"}\r\n        className=\"position-relative\"\r\n      >\r\n        <Row\r\n          gap={isExpanded ? \"x24\" : \"x12\"}\r\n          alignItems={\"center\"}\r\n          justifyContent={\"center\"}\r\n        >\r\n          <NationalIcon\r\n            width={isExpanded ? 27 : 20}\r\n            height={isExpanded ? 44 : 37}\r\n          />\r\n          <Divider bg=\"border-divider\" direction=\"vertical\" />\r\n          <RegionIcon\r\n            width={isExpanded ? 44 : 37}\r\n            height={isExpanded ? 44 : 37}\r\n          />\r\n        </Row>\r\n        <h1 className=\"shortTitle fs-custom fw-normal text-slate-20 text-align-center\">\r\n          {shortTitle}\r\n        </h1>\r\n      </Col>\r\n      <div className={isExpanded ? \"p-x40\" : \"py-x40\"}>\r\n        <Divider bg=\"border-divider\" />\r\n      </div>\r\n      <Col\r\n        as={\"ul\"}\r\n        gap={\"x12\"}\r\n        className={clsx(\"list-style-none ui-hpl-list\", navItemsClassName)}\r\n        role=\"list\"\r\n      >\r\n        {navigationItems.map((item, index) => {\r\n          const IconComponent = item?.icon;\r\n          return (\r\n            <li\r\n              key={index}\r\n              className={clsx(\"ui-hpl-list-item\", item.active && \"active\")}\r\n            >\r\n              <LinkComponent\r\n                href={item.href}\r\n                className={clsx(\r\n                  \"text-decoration-none text-primary fs-custom base-row gap-x16 align-items-center pr-x8\",\r\n                  item.active ? \"fw-bold\" : \"fw-normal\",\r\n                )}\r\n                target={item.isNewTab ? \"_blank\" : undefined}\r\n                rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\r\n              >\r\n                {IconComponent && (\r\n                  <IconComponent color=\"primary\" filled={item.active} />\r\n                )}\r\n                <span className=\"ui-hpl-text\">{item.label}</span>\r\n                {item.active && <span className=\"visually-hidden\">Attivo</span>}\r\n              </LinkComponent>\r\n            </li>\r\n          );\r\n        })}\r\n      </Col>\r\n      <button onClick={toggleExpand} className=\"ui-toggle-menu-button py-x24\">\r\n        {isExpanded ? <CirlceLeftArrow /> : <CircleRightArrow />}\r\n        {expandTitle}\r\n      </button>\r\n    </nav>\r\n  );\r\n};\r\n"],"names":["HeaderPostLogin","shortTitle","region","asLink","navigationItems","generalClassName","navItemsClassName","isExpanded","expandTitle","toggleExpand","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsxs","clsx","Col","Row","jsx","Divider","item","index","IconComponent","CirlceLeftArrow","CircleRightArrow"],"mappings":"8WA6BaA,EAAkB,CAAC,CAC9B,WAAAC,EACA,OAAAC,EACA,OAAAC,EAAS,IACT,gBAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,WAAAC,EAAa,GACb,YAAAC,EAAc,OACd,aAAAC,CACF,IAA4B,CAC1B,MAAMC,EAAgBP,EAChBQ,EAAeC,QAAM,UACrBC,EAAaD,QAAMV,CAAM,EAG7B,OAAAY,EAAA,kBAAA,KAAC,MAAA,CACC,KAAK,aACL,UAAWC,EAAA,KACT,cACAV,EACAE,EAAa,WAAa,QAC5B,EACA,MACE,CACE,oBAAqBH,EAAgB,QAAU,CACjD,EAGF,SAAA,CAAAU,EAAA,kBAAA,KAACE,EAAA,IAAA,CACC,GAAI,MACJ,GAAIT,EAAa,MAAQ,MACzB,IAAK,MACL,eAAgB,SAChB,UAAU,oBAEV,SAAA,CAAAO,EAAA,kBAAA,KAACG,EAAA,IAAA,CACC,IAAKV,EAAa,MAAQ,MAC1B,WAAY,SACZ,eAAgB,SAEhB,SAAA,CAAAW,EAAA,kBAAA,IAACP,EAAA,CACC,MAAOJ,EAAa,GAAK,GACzB,OAAQA,EAAa,GAAK,EAAA,CAC5B,EACCW,EAAA,kBAAA,IAAAC,EAAA,QAAA,CAAQ,GAAG,iBAAiB,UAAU,WAAW,EAClDD,EAAA,kBAAA,IAACL,EAAA,CACC,MAAON,EAAa,GAAK,GACzB,OAAQA,EAAa,GAAK,EAAA,CAAA,CAC5B,CAAA,CACF,EACCW,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,iEACX,SACHjB,CAAA,CAAA,CAAA,CAAA,CACF,EACAiB,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAWX,EAAa,QAAU,SACrC,SAACW,EAAAA,kBAAAA,IAAAC,EAAAA,QAAA,CAAQ,GAAG,gBAAA,CAAiB,CAC/B,CAAA,EACAD,EAAA,kBAAA,IAACF,EAAA,IAAA,CACC,GAAI,KACJ,IAAK,MACL,UAAWD,EAAAA,KAAK,8BAA+BT,CAAiB,EAChE,KAAK,OAEJ,SAAgBF,EAAA,IAAI,CAACgB,EAAMC,IAAU,CACpC,MAAMC,EAAgBF,GAAA,YAAAA,EAAM,KAE1B,OAAAF,EAAA,kBAAA,IAAC,KAAA,CAEC,UAAWH,EAAAA,KAAK,mBAAoBK,EAAK,QAAU,QAAQ,EAE3D,SAAAN,EAAA,kBAAA,KAACJ,EAAA,CACC,KAAMU,EAAK,KACX,UAAWL,EAAA,KACT,wFACAK,EAAK,OAAS,UAAY,WAC5B,EACA,OAAQA,EAAK,SAAW,SAAW,OACnC,IAAKA,EAAK,SAAW,sBAAwB,OAE5C,SAAA,CAAAE,2BACEA,EAAc,CAAA,MAAM,UAAU,OAAQF,EAAK,OAAQ,EAErDF,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,cAAe,WAAK,MAAM,EACzCE,EAAK,QAAUF,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,kBAAkB,SAAM,QAAA,CAAA,CAAA,CAAA,CAAA,CAC1D,EAjBKG,CAkBP,CAEH,CAAA,CAAA,CACH,EACCP,EAAA,kBAAA,KAAA,SAAA,CAAO,QAASL,EAAc,UAAU,+BACtC,SAAA,CAAAF,EAAcW,EAAA,kBAAA,IAAAK,kBAAA,CAAA,CAAgB,EAAKL,EAAA,kBAAA,IAACM,EAAiB,iBAAA,EAAA,EACrDhB,CAAA,CACH,CAAA,CAAA,CAAA,CACF,CAEJ"}
+{"version":3,"file":"index.cjs12.js","sources":["../src/components/navigations/HeaderPostLogin/index.tsx"],"sourcesContent":["import { LOGOS, Region } from \"../Header\";\nimport clsx from \"clsx\";\nimport { Divider } from \"@/components/ui/Divider\";\nimport \"./HeaderPostLogin.scss\";\nimport { ComponentType, ReactNode } from \"react\";\nimport { Col, Row } from \"@/components\";\nimport { CircleRightArrow, CirlceLeftArrow } from \"@/icons\";\n\ntype NavigationItem = {\n  label: string;\n  href: string;\n  icon?: ComponentType<any>;\n  active?: boolean;\n  isNewTab?: boolean;\n};\n\nexport type HeaderPostLoginProps = {\n  shortTitle: ReactNode;\n  region: Region;\n  navigationItems: NavigationItem[];\n  loginLink?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  generalClassName?: string;\n  navItemsClassName?: string;\n  isExpanded?: boolean;\n  toggleExpand?: () => void;\n  expandTitle?: string;\n};\n\nexport const HeaderPostLogin = ({\n  shortTitle,\n  region,\n  asLink = \"a\",\n  navigationItems,\n  generalClassName,\n  navItemsClassName,\n  isExpanded = true,\n  expandTitle = \"Apri\",\n  toggleExpand,\n}: HeaderPostLoginProps) => {\n  const LinkComponent = asLink;\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  return (\n    <nav\n      role=\"navigation\"\n      className={clsx(\n        \"ui-hpl-menu\",\n        generalClassName,\n        isExpanded ? \"expanded\" : \"closed\",\n      )}\n      style={\n        {\n          \"--navbar-elements\": navigationItems.length ?? 0,\n        } as React.CSSProperties\n      }\n    >\n      <Col\n        pt={\"x80\"}\n        px={isExpanded ? \"x40\" : \"x20\"}\n        gap={\"x16\"}\n        justifyContent={\"center\"}\n        className=\"position-relative\"\n      >\n        <Row\n          gap={isExpanded ? \"x24\" : \"x12\"}\n          alignItems={\"center\"}\n          justifyContent={\"center\"}\n        >\n          <NationalIcon\n            width={isExpanded ? 27 : 20}\n            height={isExpanded ? 44 : 37}\n          />\n          <Divider bg=\"border-divider\" direction=\"vertical\" />\n          <RegionIcon\n            width={isExpanded ? 44 : 37}\n            height={isExpanded ? 44 : 37}\n          />\n        </Row>\n        <h1 className=\"shortTitle fs-custom fw-normal text-slate-20 text-align-center\">\n          {shortTitle}\n        </h1>\n      </Col>\n      <div className={isExpanded ? \"p-x40\" : \"py-x40\"}>\n        <Divider bg=\"border-divider\" />\n      </div>\n      <Col\n        as={\"ul\"}\n        gap={\"x12\"}\n        className={clsx(\"list-style-none ui-hpl-list\", navItemsClassName)}\n        role=\"list\"\n      >\n        {navigationItems.map((item, index) => {\n          const IconComponent = item?.icon;\n          return (\n            <li\n              key={index}\n              className={clsx(\"ui-hpl-list-item\", item.active && \"active\")}\n            >\n              <LinkComponent\n                href={item.href}\n                className={clsx(\n                  \"text-decoration-none text-primary fs-custom base-row gap-x16 align-items-center pr-x8\",\n                  item.active ? \"fw-bold\" : \"fw-normal\",\n                )}\n                target={item.isNewTab ? \"_blank\" : undefined}\n                rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\n              >\n                {IconComponent && (\n                  <IconComponent color=\"primary\" filled={item.active} />\n                )}\n                <span className=\"ui-hpl-text\">{item.label}</span>\n                {item.active && <span className=\"visually-hidden\">Attivo</span>}\n              </LinkComponent>\n            </li>\n          );\n        })}\n      </Col>\n      <button onClick={toggleExpand} className=\"ui-toggle-menu-button py-x24\">\n        {isExpanded ? <CirlceLeftArrow /> : <CircleRightArrow />}\n        {expandTitle}\n      </button>\n    </nav>\n  );\n};\n"],"names":["HeaderPostLogin","shortTitle","region","asLink","navigationItems","generalClassName","navItemsClassName","isExpanded","expandTitle","toggleExpand","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsxs","clsx","Col","Row","jsx","Divider","item","index","IconComponent","CirlceLeftArrow","CircleRightArrow"],"mappings":"8WA6BaA,EAAkB,CAAC,CAC9B,WAAAC,EACA,OAAAC,EACA,OAAAC,EAAS,IACT,gBAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,WAAAC,EAAa,GACb,YAAAC,EAAc,OACd,aAAAC,CACF,IAA4B,CAC1B,MAAMC,EAAgBP,EAChBQ,EAAeC,QAAM,UACrBC,EAAaD,QAAMV,CAAM,EAG7B,OAAAY,EAAA,kBAAA,KAAC,MAAA,CACC,KAAK,aACL,UAAWC,EAAA,KACT,cACAV,EACAE,EAAa,WAAa,QAC5B,EACA,MACE,CACE,oBAAqBH,EAAgB,QAAU,CACjD,EAGF,SAAA,CAAAU,EAAA,kBAAA,KAACE,EAAA,IAAA,CACC,GAAI,MACJ,GAAIT,EAAa,MAAQ,MACzB,IAAK,MACL,eAAgB,SAChB,UAAU,oBAEV,SAAA,CAAAO,EAAA,kBAAA,KAACG,EAAA,IAAA,CACC,IAAKV,EAAa,MAAQ,MAC1B,WAAY,SACZ,eAAgB,SAEhB,SAAA,CAAAW,EAAA,kBAAA,IAACP,EAAA,CACC,MAAOJ,EAAa,GAAK,GACzB,OAAQA,EAAa,GAAK,EAAA,CAC5B,EACCW,EAAA,kBAAA,IAAAC,EAAA,QAAA,CAAQ,GAAG,iBAAiB,UAAU,WAAW,EAClDD,EAAA,kBAAA,IAACL,EAAA,CACC,MAAON,EAAa,GAAK,GACzB,OAAQA,EAAa,GAAK,EAAA,CAAA,CAC5B,CAAA,CACF,EACCW,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,iEACX,SACHjB,CAAA,CAAA,CAAA,CAAA,CACF,EACAiB,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAWX,EAAa,QAAU,SACrC,SAACW,EAAAA,kBAAAA,IAAAC,EAAAA,QAAA,CAAQ,GAAG,gBAAA,CAAiB,CAC/B,CAAA,EACAD,EAAA,kBAAA,IAACF,EAAA,IAAA,CACC,GAAI,KACJ,IAAK,MACL,UAAWD,EAAAA,KAAK,8BAA+BT,CAAiB,EAChE,KAAK,OAEJ,SAAgBF,EAAA,IAAI,CAACgB,EAAMC,IAAU,CACpC,MAAMC,EAAgBF,GAAA,YAAAA,EAAM,KAE1B,OAAAF,EAAA,kBAAA,IAAC,KAAA,CAEC,UAAWH,EAAAA,KAAK,mBAAoBK,EAAK,QAAU,QAAQ,EAE3D,SAAAN,EAAA,kBAAA,KAACJ,EAAA,CACC,KAAMU,EAAK,KACX,UAAWL,EAAA,KACT,wFACAK,EAAK,OAAS,UAAY,WAC5B,EACA,OAAQA,EAAK,SAAW,SAAW,OACnC,IAAKA,EAAK,SAAW,sBAAwB,OAE5C,SAAA,CAAAE,2BACEA,EAAc,CAAA,MAAM,UAAU,OAAQF,EAAK,OAAQ,EAErDF,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,cAAe,WAAK,MAAM,EACzCE,EAAK,QAAUF,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,kBAAkB,SAAM,QAAA,CAAA,CAAA,CAAA,CAAA,CAC1D,EAjBKG,CAkBP,CAEH,CAAA,CAAA,CACH,EACCP,EAAA,kBAAA,KAAA,SAAA,CAAO,QAASL,EAAc,UAAU,+BACtC,SAAA,CAAAF,EAAcW,EAAA,kBAAA,IAAAK,kBAAA,CAAA,CAAgB,EAAKL,EAAA,kBAAA,IAACM,EAAiB,iBAAA,EAAA,EACrDhB,CAAA,CACH,CAAA,CAAA,CAAA,CACF,CAEJ"}

package/dist/index.cjs120.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SearchService/SearchService.css');const s=require("./index.cjs250.js");;/* empty css              */const c=require("./index.cjs253.js"),x=require("react"),R=require("./index.cjs164.js"),w=require("./index.cjs61.js"),E=require("./index.cjs34.js"),C=({btnText:m,helperText:h,value:d,items:p,setValue:j})=>{const[n,l]=x.useState(d),[u,i]=x.useState([]),g=e=>{const t=e.target.value;if(l(t),t.length>=3){const r=p.filter(o=>[o.name].some(a=>a==null?void 0:a.toLowerCase().includes(t.toLowerCase())));i(r)}else i([])},b=e=>{l(e.name),i([])},f=(e,t)=>{if(!t)return e;const r=e.toLowerCase().indexOf(t.toLowerCase());if(r===-1)return e;const o=e.slice(0,r),a=e.slice(r,r+t.length),v=e.slice(r+t.length);return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[o,s.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:a}),v]})};return s.jsxRuntimeExports.jsxs("div",{className:c.clsx("ui-search","br-x4 bg-border-secondary w-full"),children:[s.jsxRuntimeExports.jsxs("div",{className:"position-relative",children:[s.jsxRuntimeExports.jsx("input",{id:"search",type:"search",className:c.clsx("ui-search-input","fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24"),placeholder:h,"aria-label":"Barra di ricerca",value:n,onChange:g}),n&&n.length>=3&&s.jsxRuntimeExports.jsx(R.Close,{className:"ui-clean-button",onClick:()=>{l(""),i([])}})]}),u.length>0&&s.jsxRuntimeExports.jsx("div",{className:"ui-wrap-list-item-search shadow position-absolute p-x24",children:s.jsxRuntimeExports.jsx(w.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto",children:u.map((e,t)=>s.jsxRuntimeExports.jsx("div",{onClick:()=>b(e),children:f(e.name,n||"")},t))})}),s.jsxRuntimeExports.jsx("div",{className:c.clsx("ui-div-btn"),children:s.jsxRuntimeExports.jsx(E.Button,{className:c.clsx("ui-btn-search","bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"),onClick:()=>{i([]),j(n??"")},children:m})})]})};exports.SearchService=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SearchService/SearchService.css');const s=require("./index.cjs250.js");;/* empty css              */const c=require("./index.cjs252.js"),x=require("react"),R=require("./index.cjs164.js"),w=require("./index.cjs61.js"),E=require("./index.cjs34.js"),C=({btnText:m,helperText:h,value:d,items:p,setValue:j})=>{const[n,l]=x.useState(d),[u,i]=x.useState([]),g=e=>{const t=e.target.value;if(l(t),t.length>=3){const r=p.filter(o=>[o.name].some(a=>a==null?void 0:a.toLowerCase().includes(t.toLowerCase())));i(r)}else i([])},b=e=>{l(e.name),i([])},f=(e,t)=>{if(!t)return e;const r=e.toLowerCase().indexOf(t.toLowerCase());if(r===-1)return e;const o=e.slice(0,r),a=e.slice(r,r+t.length),v=e.slice(r+t.length);return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[o,s.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:a}),v]})};return s.jsxRuntimeExports.jsxs("div",{className:c.clsx("ui-search","br-x4 bg-border-secondary w-full"),children:[s.jsxRuntimeExports.jsxs("div",{className:"position-relative",children:[s.jsxRuntimeExports.jsx("input",{id:"search",type:"search",className:c.clsx("ui-search-input","fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24"),placeholder:h,"aria-label":"Barra di ricerca",value:n,onChange:g}),n&&n.length>=3&&s.jsxRuntimeExports.jsx(R.Close,{className:"ui-clean-button",onClick:()=>{l(""),i([])}})]}),u.length>0&&s.jsxRuntimeExports.jsx("div",{className:"ui-wrap-list-item-search shadow position-absolute p-x24",children:s.jsxRuntimeExports.jsx(w.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto",children:u.map((e,t)=>s.jsxRuntimeExports.jsx("div",{onClick:()=>b(e),children:f(e.name,n||"")},t))})}),s.jsxRuntimeExports.jsx("div",{className:c.clsx("ui-div-btn"),children:s.jsxRuntimeExports.jsx(E.Button,{className:c.clsx("ui-btn-search","bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"),onClick:()=>{i([]),j(n??"")},children:m})})]})};exports.SearchService=C;
 //# sourceMappingURL=index.cjs120.js.map

package/dist/index.cjs120.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs120.js","sources":["../src/components/ui/SearchService/index.tsx"],"sourcesContent":["import \"./SearchService.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ChangeEvent, useState } from \"react\";\r\nimport { Button, Col } from \"@/components\";\r\nimport { Close } from \"@/icons\";\r\nimport { Service } from \"@anoki/fse-common\";\r\n\r\nexport type SearchServiceProps = {\r\n  btnText: string;\r\n  helperText: string;\r\n  value: string;\r\n  items: Service[];\r\n  setValue: (value: string) => void;\r\n};\r\n\r\nexport const SearchService = ({\r\n  btnText,\r\n  helperText,\r\n  value,\r\n  items,\r\n  setValue,\r\n}: SearchServiceProps) => {\r\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\r\n  const [filteredItems, setFilteredItems] = useState<Service[]>([]);\r\n\r\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    const inputValue = e.target.value;\r\n    setValueInput(inputValue);\r\n\r\n    if (inputValue.length >= 3) {\r\n      const results = items.filter((item) =>\r\n        [item.name].some((field) =>\r\n          field?.toLowerCase().includes(inputValue.toLowerCase()),\r\n        ),\r\n      );\r\n      setFilteredItems(results);\r\n    } else {\r\n      setFilteredItems([]);\r\n    }\r\n  };\r\n\r\n  const handleSelectItem = (item: Service) => {\r\n    setValueInput(item.name);\r\n    setFilteredItems([]);\r\n  };\r\n\r\n  const highlightMatch = (text: string, query: string) => {\r\n    if (!query) return text;\r\n\r\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\r\n    if (index === -1) return text;\r\n\r\n    const beforeMatch = text.slice(0, index);\r\n    const match = text.slice(index, index + query.length);\r\n    const afterMatch = text.slice(index + query.length);\r\n\r\n    return (\r\n      <>\r\n        {beforeMatch}\r\n        <span className={\"text-primary fw-bold\"}>{match}</span>\r\n        {afterMatch}\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\r\n      <div className={\"position-relative\"}>\r\n        <input\r\n          id=\"search\"\r\n          type=\"search\"\r\n          className={clsx(\r\n            \"ui-search-input\",\r\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\r\n          )}\r\n          placeholder={helperText}\r\n          aria-label=\"Barra di ricerca\"\r\n          value={valueInput}\r\n          onChange={handleInputChange}\r\n        />\r\n        {valueInput && valueInput.length >= 3 && (\r\n          <Close\r\n            className={\"ui-clean-button\"}\r\n            onClick={() => {\r\n              setValueInput(\"\");\r\n              setFilteredItems([]);\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n      {filteredItems.length > 0 && (\r\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\r\n          <Col\r\n            gap={\"x24\"}\r\n            fw={\"regular\"}\r\n            text={\"secondary\"}\r\n            fs={\"6\"}\r\n            className=\"ui-list-item-search overflow-y-auto\"\r\n          >\r\n            {filteredItems.map((item, index) => (\r\n              <div key={index} onClick={() => handleSelectItem(item)}>\r\n                {highlightMatch(item.name, valueInput || \"\")}\r\n              </div>\r\n            ))}\r\n          </Col>\r\n        </div>\r\n      )}\r\n      <div className={clsx(\"ui-div-btn\")}>\r\n        <Button\r\n          className={clsx(\r\n            \"ui-btn-search\",\r\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\r\n          )}\r\n          onClick={() => {\r\n            setFilteredItems([]);\r\n            setValue(valueInput ?? \"\");\r\n          }}\r\n        >\r\n          {btnText}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["SearchService","btnText","helperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","inputValue","results","item","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","Button"],"mappings":"qSAeaA,EAAgB,CAAC,CAC5B,QAAAC,EACA,WAAAC,EACA,MAAAC,EACA,MAAAC,EACA,SAAAC,CACF,IAA0B,CACxB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAA6BL,CAAK,EAChE,CAACM,EAAeC,CAAgB,EAAIF,EAAAA,SAAoB,CAAA,CAAE,EAE1DG,EAAqB,GAAqC,CACxD,MAAAC,EAAa,EAAE,OAAO,MAGxB,GAFJL,EAAcK,CAAU,EAEpBA,EAAW,QAAU,EAAG,CAC1B,MAAMC,EAAUT,EAAM,OAAQU,GAC5B,CAACA,EAAK,IAAI,EAAE,KAAMC,GAChBA,GAAA,YAAAA,EAAO,cAAc,SAASH,EAAW,YAAa,EAAA,CAE1D,EACAF,EAAiBG,CAAO,CAAA,MAExBH,EAAiB,CAAA,CAAE,CAEvB,EAEMM,EAAoBF,GAAkB,CAC1CP,EAAcO,EAAK,IAAI,EACvBJ,EAAiB,CAAA,CAAE,CACrB,EAEMO,EAAiB,CAACC,EAAcC,IAAkB,CAClD,GAAA,CAACA,EAAc,OAAAD,EAEnB,MAAME,EAAQF,EAAK,YAAA,EAAc,QAAQC,EAAM,aAAa,EACxD,GAAAC,IAAU,GAAW,OAAAF,EAEzB,MAAMG,EAAcH,EAAK,MAAM,EAAGE,CAAK,EACjCE,EAAQJ,EAAK,MAAME,EAAOA,EAAQD,EAAM,MAAM,EAC9CI,EAAaL,EAAK,MAAME,EAAQD,EAAM,MAAM,EAElD,OAEKK,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAJ,EACAK,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAW,uBAAyB,SAAMJ,EAAA,EAC/CC,CAAA,EACH,CAEJ,EAEA,gCACG,MAAI,CAAA,UAAWI,EAAK,KAAA,YAAa,kCAAkC,EAClE,SAAA,CAACH,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAW,oBACd,SAAA,CAAAE,EAAA,kBAAA,IAAC,QAAA,CACC,GAAG,SACH,KAAK,SACL,UAAWC,EAAA,KACT,kBACA,qDACF,EACA,YAAazB,EACb,aAAW,mBACX,MAAOI,EACP,SAAUK,CAAA,CACZ,EACCL,GAAcA,EAAW,QAAU,GAClCoB,EAAA,kBAAA,IAACE,EAAA,MAAA,CACC,UAAW,kBACX,QAAS,IAAM,CACbrB,EAAc,EAAE,EAChBG,EAAiB,CAAA,CAAE,CAAA,CACrB,CAAA,CACF,EAEJ,EACCD,EAAc,OAAS,GACrBiB,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,0DACb,SAAAA,EAAA,kBAAA,IAACG,EAAA,IAAA,CACC,IAAK,MACL,GAAI,UACJ,KAAM,YACN,GAAI,IACJ,UAAU,sCAET,WAAc,IAAI,CAACf,EAAMM,IACxBM,EAAA,kBAAA,IAAC,OAAgB,QAAS,IAAMV,EAAiBF,CAAI,EAClD,WAAeA,EAAK,KAAMR,GAAc,EAAE,CAAA,EADnCc,CAEV,CACD,CAAA,CAAA,EAEL,EAEDM,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAWC,EAAA,KAAK,YAAY,EAC/B,SAAAD,EAAA,kBAAA,IAACI,EAAA,OAAA,CACC,UAAWH,EAAA,KACT,gBACA,sDACF,EACA,QAAS,IAAM,CACbjB,EAAiB,CAAA,CAAE,EACnBL,EAASC,GAAc,EAAE,CAC3B,EAEC,SAAAL,CAAA,CAAA,CAEL,CAAA,CAAA,EACF,CAEJ"}
+{"version":3,"file":"index.cjs120.js","sources":["../src/components/ui/SearchService/index.tsx"],"sourcesContent":["import \"./SearchService.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close } from \"@/icons\";\nimport { Service } from \"@anoki/fse-common\";\n\nexport type SearchServiceProps = {\n  btnText: string;\n  helperText: string;\n  value: string;\n  items: Service[];\n  setValue: (value: string) => void;\n};\n\nexport const SearchService = ({\n  btnText,\n  helperText,\n  value,\n  items,\n  setValue,\n}: SearchServiceProps) => {\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\n  const [filteredItems, setFilteredItems] = useState<Service[]>([]);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n\n    if (inputValue.length >= 3) {\n      const results = items.filter((item) =>\n        [item.name].some((field) =>\n          field?.toLowerCase().includes(inputValue.toLowerCase()),\n        ),\n      );\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: Service) => {\n    setValueInput(item.name);\n    setFilteredItems([]);\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  return (\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\n      <div className={\"position-relative\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-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        />\n        {valueInput && valueInput.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n            }}\n          />\n        )}\n      </div>\n      {filteredItems.length > 0 && (\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\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            {filteredItems.map((item, index) => (\n              <div key={index} onClick={() => handleSelectItem(item)}>\n                {highlightMatch(item.name, valueInput || \"\")}\n              </div>\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          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["SearchService","btnText","helperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","inputValue","results","item","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","Button"],"mappings":"qSAeaA,EAAgB,CAAC,CAC5B,QAAAC,EACA,WAAAC,EACA,MAAAC,EACA,MAAAC,EACA,SAAAC,CACF,IAA0B,CACxB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAA6BL,CAAK,EAChE,CAACM,EAAeC,CAAgB,EAAIF,EAAAA,SAAoB,CAAA,CAAE,EAE1DG,EAAqB,GAAqC,CACxD,MAAAC,EAAa,EAAE,OAAO,MAGxB,GAFJL,EAAcK,CAAU,EAEpBA,EAAW,QAAU,EAAG,CAC1B,MAAMC,EAAUT,EAAM,OAAQU,GAC5B,CAACA,EAAK,IAAI,EAAE,KAAMC,GAChBA,GAAA,YAAAA,EAAO,cAAc,SAASH,EAAW,YAAa,EAAA,CAE1D,EACAF,EAAiBG,CAAO,CAAA,MAExBH,EAAiB,CAAA,CAAE,CAEvB,EAEMM,EAAoBF,GAAkB,CAC1CP,EAAcO,EAAK,IAAI,EACvBJ,EAAiB,CAAA,CAAE,CACrB,EAEMO,EAAiB,CAACC,EAAcC,IAAkB,CAClD,GAAA,CAACA,EAAc,OAAAD,EAEnB,MAAME,EAAQF,EAAK,YAAA,EAAc,QAAQC,EAAM,aAAa,EACxD,GAAAC,IAAU,GAAW,OAAAF,EAEzB,MAAMG,EAAcH,EAAK,MAAM,EAAGE,CAAK,EACjCE,EAAQJ,EAAK,MAAME,EAAOA,EAAQD,EAAM,MAAM,EAC9CI,EAAaL,EAAK,MAAME,EAAQD,EAAM,MAAM,EAElD,OAEKK,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAJ,EACAK,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAW,uBAAyB,SAAMJ,EAAA,EAC/CC,CAAA,EACH,CAEJ,EAEA,gCACG,MAAI,CAAA,UAAWI,EAAK,KAAA,YAAa,kCAAkC,EAClE,SAAA,CAACH,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAW,oBACd,SAAA,CAAAE,EAAA,kBAAA,IAAC,QAAA,CACC,GAAG,SACH,KAAK,SACL,UAAWC,EAAA,KACT,kBACA,qDACF,EACA,YAAazB,EACb,aAAW,mBACX,MAAOI,EACP,SAAUK,CAAA,CACZ,EACCL,GAAcA,EAAW,QAAU,GAClCoB,EAAA,kBAAA,IAACE,EAAA,MAAA,CACC,UAAW,kBACX,QAAS,IAAM,CACbrB,EAAc,EAAE,EAChBG,EAAiB,CAAA,CAAE,CAAA,CACrB,CAAA,CACF,EAEJ,EACCD,EAAc,OAAS,GACrBiB,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,0DACb,SAAAA,EAAA,kBAAA,IAACG,EAAA,IAAA,CACC,IAAK,MACL,GAAI,UACJ,KAAM,YACN,GAAI,IACJ,UAAU,sCAET,WAAc,IAAI,CAACf,EAAMM,IACxBM,EAAA,kBAAA,IAAC,OAAgB,QAAS,IAAMV,EAAiBF,CAAI,EAClD,WAAeA,EAAK,KAAMR,GAAc,EAAE,CAAA,EADnCc,CAEV,CACD,CAAA,CAAA,EAEL,EAEDM,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAWC,EAAA,KAAK,YAAY,EAC/B,SAAAD,EAAA,kBAAA,IAACI,EAAA,OAAA,CACC,UAAWH,EAAA,KACT,gBACA,sDACF,EACA,QAAS,IAAM,CACbjB,EAAiB,CAAA,CAAE,EACnBL,EAASC,GAAc,EAAE,CAC3B,EAEC,SAAAL,CAAA,CAAA,CAEL,CAAA,CAAA,EACF,CAEJ"}

package/dist/index.cjs121.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SearchStructure/SearchStructure.css');const s=require("./index.cjs250.js");;/* empty css              */const o=require("./index.cjs253.js"),d=require("react"),C=require("./index.cjs259.js"),E=require("./index.cjs164.js"),N=require("./index.cjs61.js"),S=require("./index.cjs34.js"),y=({btnText:h,helperText:u,mobileHelperText:m=u,value:p,items:j,setValue:g})=>{const[r,l]=d.useState(p),[x,i]=d.useState([]),f=C.useMediaQuery("(min-width: 768px)"),b=e=>{const t=e.target.value;if(l(t),t.length>=3){const n=j.filter(a=>[a.address.streetName,a.address.zipCode,a.address.city].some(c=>c==null?void 0:c.toLowerCase().includes(t.toLowerCase())));i(n)}else i([])},w=e=>{l(e.address.plainAddress),i([])},R=(e,t)=>{if(!t)return e;const n=e.toLowerCase().indexOf(t.toLowerCase());if(n===-1)return e;const a=e.slice(0,n),c=e.slice(n,n+t.length),v=e.slice(n+t.length);return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[a,s.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:c}),v]})};return s.jsxRuntimeExports.jsxs("div",{className:o.clsx("ui-search","br-x4 bg-border-secondary w-full"),children:[s.jsxRuntimeExports.jsxs("div",{className:"position-relative",children:[s.jsxRuntimeExports.jsx("input",{id:"search",type:"text",className:o.clsx("ui-search-input","fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24",r&&r.length>=3&&"has-clear-icon"),placeholder:f?u:m,value:r,onChange:b,maxLength:30}),r&&r.length>=3&&s.jsxRuntimeExports.jsx(E.Close,{className:"ui-clean-button",onClick:()=>{l(""),i([])}})]}),x.length>0&&s.jsxRuntimeExports.jsx("div",{className:"ui-wrap-list-item-search shadow position-absolute p-x24",children:s.jsxRuntimeExports.jsx(N.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto ",children:x.map((e,t)=>s.jsxRuntimeExports.jsx("div",{onClick:()=>w(e),children:R(e.address.plainAddress,r||"")},t))})}),s.jsxRuntimeExports.jsx("div",{className:o.clsx("ui-div-btn"),children:s.jsxRuntimeExports.jsx(S.Button,{className:o.clsx("ui-btn-search","bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"),onClick:()=>{i([]),g(r??"")},children:h})})]})};exports.SearchStructure=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SearchStructure/SearchStructure.css');const s=require("./index.cjs250.js");;/* empty css              */const o=require("./index.cjs252.js"),d=require("react"),C=require("./index.cjs291.js"),E=require("./index.cjs164.js"),N=require("./index.cjs61.js"),S=require("./index.cjs34.js"),y=({btnText:h,helperText:u,mobileHelperText:m=u,value:p,items:j,setValue:g})=>{const[r,l]=d.useState(p),[x,i]=d.useState([]),f=C.useMediaQuery("(min-width: 768px)"),b=e=>{const t=e.target.value;if(l(t),t.length>=3){const n=j.filter(a=>[a.address.streetName,a.address.zipCode,a.address.city].some(c=>c==null?void 0:c.toLowerCase().includes(t.toLowerCase())));i(n)}else i([])},w=e=>{l(e.address.plainAddress),i([])},R=(e,t)=>{if(!t)return e;const n=e.toLowerCase().indexOf(t.toLowerCase());if(n===-1)return e;const a=e.slice(0,n),c=e.slice(n,n+t.length),v=e.slice(n+t.length);return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[a,s.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:c}),v]})};return s.jsxRuntimeExports.jsxs("div",{className:o.clsx("ui-search","br-x4 bg-border-secondary w-full"),children:[s.jsxRuntimeExports.jsxs("div",{className:"position-relative",children:[s.jsxRuntimeExports.jsx("input",{id:"search",type:"text",className:o.clsx("ui-search-input","fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24",r&&r.length>=3&&"has-clear-icon"),placeholder:f?u:m,value:r,onChange:b,maxLength:30}),r&&r.length>=3&&s.jsxRuntimeExports.jsx(E.Close,{className:"ui-clean-button",onClick:()=>{l(""),i([])}})]}),x.length>0&&s.jsxRuntimeExports.jsx("div",{className:"ui-wrap-list-item-search shadow position-absolute p-x24",children:s.jsxRuntimeExports.jsx(N.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto ",children:x.map((e,t)=>s.jsxRuntimeExports.jsx("div",{onClick:()=>w(e),children:R(e.address.plainAddress,r||"")},t))})}),s.jsxRuntimeExports.jsx("div",{className:o.clsx("ui-div-btn"),children:s.jsxRuntimeExports.jsx(S.Button,{className:o.clsx("ui-btn-search","bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"),onClick:()=>{i([]),g(r??"")},children:h})})]})};exports.SearchStructure=y;
 //# sourceMappingURL=index.cjs121.js.map

package/dist/index.cjs121.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs121.js","sources":["../src/components/ui/SearchStructure/index.tsx"],"sourcesContent":["import \"./SearchStructure.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ChangeEvent, useState } from \"react\";\r\nimport { Button, Col } from \"@/components\";\r\nimport { Close } from \"@/icons\";\r\nimport { Structure } from \"@anoki/fse-common\";\r\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\r\n\r\nexport type SearchProps = {\r\n  btnText: string;\r\n  helperText: string;\r\n  mobileHelperText?: string;\r\n  value: string;\r\n  items: Structure[];\r\n  setValue: (value: string) => void;\r\n};\r\n\r\nexport const SearchStructure = ({\r\n  btnText,\r\n  helperText,\r\n  mobileHelperText = helperText,\r\n  value,\r\n  items,\r\n  setValue,\r\n}: SearchProps) => {\r\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\r\n  const [filteredItems, setFilteredItems] = useState<Structure[]>([]);\r\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\r\n\r\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    const inputValue = e.target.value;\r\n    setValueInput(inputValue);\r\n\r\n    if (inputValue.length >= 3) {\r\n      const results = items.filter((item) =>\r\n        [item.address.streetName, item.address.zipCode, item.address.city].some(\r\n          (field) => field?.toLowerCase().includes(inputValue.toLowerCase()),\r\n        ),\r\n      );\r\n      setFilteredItems(results);\r\n    } else {\r\n      setFilteredItems([]);\r\n    }\r\n  };\r\n\r\n  const handleSelectItem = (item: Structure) => {\r\n    setValueInput(item.address.plainAddress);\r\n    setFilteredItems([]);\r\n  };\r\n\r\n  const highlightMatch = (text: string, query: string) => {\r\n    if (!query) return text;\r\n\r\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\r\n    if (index === -1) return text;\r\n\r\n    const beforeMatch = text.slice(0, index);\r\n    const match = text.slice(index, index + query.length);\r\n    const afterMatch = text.slice(index + query.length);\r\n\r\n    return (\r\n      <>\r\n        {beforeMatch}\r\n        <span className={\"text-primary fw-bold\"}>{match}</span>\r\n        {afterMatch}\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\r\n      <div className={\"position-relative\"}>\r\n        <input\r\n          id=\"search\"\r\n          type=\"text\"\r\n          className={clsx(\r\n            \"ui-search-input\",\r\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\r\n            valueInput && valueInput.length >= 3 && \"has-clear-icon\",\r\n          )}\r\n          placeholder={isDesktop ? helperText : mobileHelperText}\r\n          value={valueInput}\r\n          onChange={handleInputChange}\r\n          maxLength={30}\r\n        />\r\n        {valueInput && valueInput.length >= 3 && (\r\n          <Close\r\n            className={\"ui-clean-button\"}\r\n            onClick={() => {\r\n              setValueInput(\"\");\r\n              setFilteredItems([]);\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n      {filteredItems.length > 0 && (\r\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\r\n          <Col\r\n            gap={\"x24\"}\r\n            fw={\"regular\"}\r\n            text={\"secondary\"}\r\n            fs={\"6\"}\r\n            className=\"ui-list-item-search overflow-y-auto \"\r\n          >\r\n            {filteredItems.map((item, index) => (\r\n              <div key={index} onClick={() => handleSelectItem(item)}>\r\n                {highlightMatch(item.address.plainAddress, valueInput || \"\")}\r\n              </div>\r\n            ))}\r\n          </Col>\r\n        </div>\r\n      )}\r\n      <div className={clsx(\"ui-div-btn\")}>\r\n        <Button\r\n          className={clsx(\r\n            \"ui-btn-search\",\r\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\r\n          )}\r\n          onClick={() => {\r\n            setFilteredItems([]);\r\n            setValue(valueInput ?? \"\");\r\n          }}\r\n        >\r\n          {btnText}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["SearchStructure","btnText","helperText","mobileHelperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","isDesktop","useMediaQuery","handleInputChange","inputValue","results","item","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","Button"],"mappings":"oUAiBaA,EAAkB,CAAC,CAC9B,QAAAC,EACA,WAAAC,EACA,iBAAAC,EAAmBD,EACnB,MAAAE,EACA,MAAAC,EACA,SAAAC,CACF,IAAmB,CACjB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAA6BL,CAAK,EAChE,CAACM,EAAeC,CAAgB,EAAIF,EAAAA,SAAsB,CAAA,CAAE,EAC5DG,EAAYC,gBAAc,oBAAoB,EAE9CC,EAAqB,GAAqC,CACxD,MAAAC,EAAa,EAAE,OAAO,MAGxB,GAFJP,EAAcO,CAAU,EAEpBA,EAAW,QAAU,EAAG,CAC1B,MAAMC,EAAUX,EAAM,OAAQY,GAC5B,CAACA,EAAK,QAAQ,WAAYA,EAAK,QAAQ,QAASA,EAAK,QAAQ,IAAI,EAAE,KAChEC,GAAUA,GAAA,YAAAA,EAAO,cAAc,SAASH,EAAW,YAAa,EAAA,CAErE,EACAJ,EAAiBK,CAAO,CAAA,MAExBL,EAAiB,CAAA,CAAE,CAEvB,EAEMQ,EAAoBF,GAAoB,CAC9BT,EAAAS,EAAK,QAAQ,YAAY,EACvCN,EAAiB,CAAA,CAAE,CACrB,EAEMS,EAAiB,CAACC,EAAcC,IAAkB,CAClD,GAAA,CAACA,EAAc,OAAAD,EAEnB,MAAME,EAAQF,EAAK,YAAA,EAAc,QAAQC,EAAM,aAAa,EACxD,GAAAC,IAAU,GAAW,OAAAF,EAEzB,MAAMG,EAAcH,EAAK,MAAM,EAAGE,CAAK,EACjCE,EAAQJ,EAAK,MAAME,EAAOA,EAAQD,EAAM,MAAM,EAC9CI,EAAaL,EAAK,MAAME,EAAQD,EAAM,MAAM,EAElD,OAEKK,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAJ,EACAK,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAW,uBAAyB,SAAMJ,EAAA,EAC/CC,CAAA,EACH,CAEJ,EAEA,gCACG,MAAI,CAAA,UAAWI,EAAK,KAAA,YAAa,kCAAkC,EAClE,SAAA,CAACH,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAW,oBACd,SAAA,CAAAE,EAAA,kBAAA,IAAC,QAAA,CACC,GAAG,SACH,KAAK,OACL,UAAWC,EAAA,KACT,kBACA,sDACAvB,GAAcA,EAAW,QAAU,GAAK,gBAC1C,EACA,YAAaK,EAAYV,EAAaC,EACtC,MAAOI,EACP,SAAUO,EACV,UAAW,EAAA,CACb,EACCP,GAAcA,EAAW,QAAU,GAClCsB,EAAA,kBAAA,IAACE,EAAA,MAAA,CACC,UAAW,kBACX,QAAS,IAAM,CACbvB,EAAc,EAAE,EAChBG,EAAiB,CAAA,CAAE,CAAA,CACrB,CAAA,CACF,EAEJ,EACCD,EAAc,OAAS,GACrBmB,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,0DACb,SAAAA,EAAA,kBAAA,IAACG,EAAA,IAAA,CACC,IAAK,MACL,GAAI,UACJ,KAAM,YACN,GAAI,IACJ,UAAU,uCAET,SAAAtB,EAAc,IAAI,CAACO,EAAMM,IACvBM,wBAAA,MAAA,CAAgB,QAAS,IAAMV,EAAiBF,CAAI,EAClD,SAAAG,EAAeH,EAAK,QAAQ,aAAcV,GAAc,EAAE,CAAA,EADnDgB,CAEV,CACD,CAAA,CAAA,EAEL,EAEDM,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAWC,EAAA,KAAK,YAAY,EAC/B,SAAAD,EAAA,kBAAA,IAACI,EAAA,OAAA,CACC,UAAWH,EAAA,KACT,gBACA,sDACF,EACA,QAAS,IAAM,CACbnB,EAAiB,CAAA,CAAE,EACnBL,EAASC,GAAc,EAAE,CAC3B,EAEC,SAAAN,CAAA,CAAA,CAEL,CAAA,CAAA,EACF,CAEJ"}
+{"version":3,"file":"index.cjs121.js","sources":["../src/components/ui/SearchStructure/index.tsx"],"sourcesContent":["import \"./SearchStructure.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close } from \"@/icons\";\nimport { Structure } from \"@anoki/fse-common\";\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\n\nexport type SearchProps = {\n  btnText: string;\n  helperText: string;\n  mobileHelperText?: string;\n  value: string;\n  items: Structure[];\n  setValue: (value: string) => void;\n};\n\nexport const SearchStructure = ({\n  btnText,\n  helperText,\n  mobileHelperText = helperText,\n  value,\n  items,\n  setValue,\n}: SearchProps) => {\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\n  const [filteredItems, setFilteredItems] = useState<Structure[]>([]);\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n\n    if (inputValue.length >= 3) {\n      const results = items.filter((item) =>\n        [item.address.streetName, item.address.zipCode, item.address.city].some(\n          (field) => field?.toLowerCase().includes(inputValue.toLowerCase()),\n        ),\n      );\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: Structure) => {\n    setValueInput(item.address.plainAddress);\n    setFilteredItems([]);\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  return (\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\n      <div className={\"position-relative\"}>\n        <input\n          id=\"search\"\n          type=\"text\"\n          className={clsx(\n            \"ui-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n            valueInput && valueInput.length >= 3 && \"has-clear-icon\",\n          )}\n          placeholder={isDesktop ? helperText : mobileHelperText}\n          value={valueInput}\n          onChange={handleInputChange}\n          maxLength={30}\n        />\n        {valueInput && valueInput.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n            }}\n          />\n        )}\n      </div>\n      {filteredItems.length > 0 && (\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\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            {filteredItems.map((item, index) => (\n              <div key={index} onClick={() => handleSelectItem(item)}>\n                {highlightMatch(item.address.plainAddress, valueInput || \"\")}\n              </div>\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          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["SearchStructure","btnText","helperText","mobileHelperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","isDesktop","useMediaQuery","handleInputChange","inputValue","results","item","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","Button"],"mappings":"oUAiBaA,EAAkB,CAAC,CAC9B,QAAAC,EACA,WAAAC,EACA,iBAAAC,EAAmBD,EACnB,MAAAE,EACA,MAAAC,EACA,SAAAC,CACF,IAAmB,CACjB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAA6BL,CAAK,EAChE,CAACM,EAAeC,CAAgB,EAAIF,EAAAA,SAAsB,CAAA,CAAE,EAC5DG,EAAYC,gBAAc,oBAAoB,EAE9CC,EAAqB,GAAqC,CACxD,MAAAC,EAAa,EAAE,OAAO,MAGxB,GAFJP,EAAcO,CAAU,EAEpBA,EAAW,QAAU,EAAG,CAC1B,MAAMC,EAAUX,EAAM,OAAQY,GAC5B,CAACA,EAAK,QAAQ,WAAYA,EAAK,QAAQ,QAASA,EAAK,QAAQ,IAAI,EAAE,KAChEC,GAAUA,GAAA,YAAAA,EAAO,cAAc,SAASH,EAAW,YAAa,EAAA,CAErE,EACAJ,EAAiBK,CAAO,CAAA,MAExBL,EAAiB,CAAA,CAAE,CAEvB,EAEMQ,EAAoBF,GAAoB,CAC9BT,EAAAS,EAAK,QAAQ,YAAY,EACvCN,EAAiB,CAAA,CAAE,CACrB,EAEMS,EAAiB,CAACC,EAAcC,IAAkB,CAClD,GAAA,CAACA,EAAc,OAAAD,EAEnB,MAAME,EAAQF,EAAK,YAAA,EAAc,QAAQC,EAAM,aAAa,EACxD,GAAAC,IAAU,GAAW,OAAAF,EAEzB,MAAMG,EAAcH,EAAK,MAAM,EAAGE,CAAK,EACjCE,EAAQJ,EAAK,MAAME,EAAOA,EAAQD,EAAM,MAAM,EAC9CI,EAAaL,EAAK,MAAME,EAAQD,EAAM,MAAM,EAElD,OAEKK,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAJ,EACAK,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAW,uBAAyB,SAAMJ,EAAA,EAC/CC,CAAA,EACH,CAEJ,EAEA,gCACG,MAAI,CAAA,UAAWI,EAAK,KAAA,YAAa,kCAAkC,EAClE,SAAA,CAACH,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAW,oBACd,SAAA,CAAAE,EAAA,kBAAA,IAAC,QAAA,CACC,GAAG,SACH,KAAK,OACL,UAAWC,EAAA,KACT,kBACA,sDACAvB,GAAcA,EAAW,QAAU,GAAK,gBAC1C,EACA,YAAaK,EAAYV,EAAaC,EACtC,MAAOI,EACP,SAAUO,EACV,UAAW,EAAA,CACb,EACCP,GAAcA,EAAW,QAAU,GAClCsB,EAAA,kBAAA,IAACE,EAAA,MAAA,CACC,UAAW,kBACX,QAAS,IAAM,CACbvB,EAAc,EAAE,EAChBG,EAAiB,CAAA,CAAE,CAAA,CACrB,CAAA,CACF,EAEJ,EACCD,EAAc,OAAS,GACrBmB,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,0DACb,SAAAA,EAAA,kBAAA,IAACG,EAAA,IAAA,CACC,IAAK,MACL,GAAI,UACJ,KAAM,YACN,GAAI,IACJ,UAAU,uCAET,SAAAtB,EAAc,IAAI,CAACO,EAAMM,IACvBM,wBAAA,MAAA,CAAgB,QAAS,IAAMV,EAAiBF,CAAI,EAClD,SAAAG,EAAeH,EAAK,QAAQ,aAAcV,GAAc,EAAE,CAAA,EADnDgB,CAEV,CACD,CAAA,CAAA,EAEL,EAEDM,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAWC,EAAA,KAAK,YAAY,EAC/B,SAAAD,EAAA,kBAAA,IAACI,EAAA,OAAA,CACC,UAAWH,EAAA,KACT,gBACA,sDACF,EACA,QAAS,IAAM,CACbnB,EAAiB,CAAA,CAAE,EACnBL,EAASC,GAAc,EAAE,CAC3B,EAEC,SAAAN,CAAA,CAAA,CAEL,CAAA,CAAA,EACF,CAEJ"}

package/dist/index.cjs122.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs122.js","sources":["../src/components/ui/SearchStructureSkeleton/index.tsx"],"sourcesContent":["import \"./SearchStructureSkeleton.scss\";\r\n\r\nexport const SearchStructureSkeleton = () => {\r\n  return (\r\n    <div className=\"search-structure-skeleton-container\">\r\n      {/* Breadcrumb */}\r\n      <div className=\"search-structure-skeleton-breadcrumb\">\r\n        <div className=\"search-structure-skeleton-breadcrumb-item pulse\"></div>\r\n        <div className=\"search-structure-skeleton-breadcrumb-separator\"></div>\r\n        <div className=\"search-structure-skeleton-breadcrumb-item pulse\"></div>\r\n      </div>\r\n\r\n      {/* Page title */}\r\n      <div className=\"search-structure-skeleton-title pulse\"></div>\r\n\r\n      {/* Description */}\r\n      <div className=\"search-structure-skeleton-description-structure pulse\"></div>\r\n\r\n      {/* Search filters and results */}\r\n      <div className=\"search-structure-skeleton-content\">\r\n        {/* Filters column */}\r\n        <div className=\"search-structure-skeleton-filters\">\r\n          <div className=\"search-structure-skeleton-filter-title pulse\"></div>\r\n          <div className=\"search-structure-skeleton-filter-divider\"></div>\r\n          <div className=\"search-structure-skeleton-filter-items\">\r\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\r\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\r\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\r\n          </div>\r\n          <div className=\"search-structure-skeleton-filter-items\">\r\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\r\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\r\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\r\n          </div>\r\n          <div className=\"search-structure-skeleton-filter-items\">\r\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\r\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\r\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Results column */}\r\n        <div className=\"search-structure-skeleton-results\">\r\n          {/* Search input */}\r\n          <div className=\"search-structure-skeleton-search-input pulse\"></div>\r\n\r\n          {/* Results map */}\r\n          <div className=\"search-structure-skeleton-map pulse\"></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["SearchStructureSkeleton","jsxs","jsx"],"mappings":"kJAEO,MAAMA,EAA0B,IAEnCC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,sCAEb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,uCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,iDAAkD,CAAA,EACjEA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,gDAAiD,CAAA,EAChEA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,iDAAkD,CAAA,CAAA,EACnE,EAGAA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,uCAAwC,CAAA,EAGvDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,uDAAwD,CAAA,EAGvED,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,oCAEb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,oCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,8CAA+C,CAAA,EAC9DA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,0CAA2C,CAAA,EAC1DD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,yCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,6CAA8C,CAAA,EAC7DA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,6CAA8C,CAAA,EAC7DA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,6CAA8C,CAAA,CAAA,EAC/D,EACAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,yCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,6CAA8C,CAAA,EAC7DA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,6CAA8C,CAAA,EAC7DA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,6CAA8C,CAAA,CAAA,EAC/D,EACAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,yCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,6CAA8C,CAAA,EAC7DA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,6CAA8C,CAAA,EAC7DA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,6CAA8C,CAAA,CAAA,CAC/D,CAAA,CAAA,EACF,EAGAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,oCAEb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,8CAA+C,CAAA,EAG9DA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,qCAAsC,CAAA,CAAA,CACvD,CAAA,CAAA,CACF,CAAA,CAAA,EACF"}
+{"version":3,"file":"index.cjs122.js","sources":["../src/components/ui/SearchStructureSkeleton/index.tsx"],"sourcesContent":["import \"./SearchStructureSkeleton.scss\";\n\nexport const SearchStructureSkeleton = () => {\n  return (\n    <div className=\"search-structure-skeleton-container\">\n      {/* Breadcrumb */}\n      <div className=\"search-structure-skeleton-breadcrumb\">\n        <div className=\"search-structure-skeleton-breadcrumb-item pulse\"></div>\n        <div className=\"search-structure-skeleton-breadcrumb-separator\"></div>\n        <div className=\"search-structure-skeleton-breadcrumb-item pulse\"></div>\n      </div>\n\n      {/* Page title */}\n      <div className=\"search-structure-skeleton-title pulse\"></div>\n\n      {/* Description */}\n      <div className=\"search-structure-skeleton-description-structure pulse\"></div>\n\n      {/* Search filters and results */}\n      <div className=\"search-structure-skeleton-content\">\n        {/* Filters column */}\n        <div className=\"search-structure-skeleton-filters\">\n          <div className=\"search-structure-skeleton-filter-title pulse\"></div>\n          <div className=\"search-structure-skeleton-filter-divider\"></div>\n          <div className=\"search-structure-skeleton-filter-items\">\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\n          </div>\n          <div className=\"search-structure-skeleton-filter-items\">\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\n          </div>\n          <div className=\"search-structure-skeleton-filter-items\">\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\n            <div className=\"search-structure-skeleton-filter-item pulse\"></div>\n          </div>\n        </div>\n\n        {/* Results column */}\n        <div className=\"search-structure-skeleton-results\">\n          {/* Search input */}\n          <div className=\"search-structure-skeleton-search-input pulse\"></div>\n\n          {/* Results map */}\n          <div className=\"search-structure-skeleton-map pulse\"></div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["SearchStructureSkeleton","jsxs","jsx"],"mappings":"kJAEO,MAAMA,EAA0B,IAEnCC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,sCAEb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,uCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,iDAAkD,CAAA,EACjEA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,gDAAiD,CAAA,EAChEA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,iDAAkD,CAAA,CAAA,EACnE,EAGAA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,uCAAwC,CAAA,EAGvDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,uDAAwD,CAAA,EAGvED,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,oCAEb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,oCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,8CAA+C,CAAA,EAC9DA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,0CAA2C,CAAA,EAC1DD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,yCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,6CAA8C,CAAA,EAC7DA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,6CAA8C,CAAA,EAC7DA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,6CAA8C,CAAA,CAAA,EAC/D,EACAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,yCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,6CAA8C,CAAA,EAC7DA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,6CAA8C,CAAA,EAC7DA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,6CAA8C,CAAA,CAAA,EAC/D,EACAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,yCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,6CAA8C,CAAA,EAC7DA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,6CAA8C,CAAA,EAC7DA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,6CAA8C,CAAA,CAAA,CAC/D,CAAA,CAAA,EACF,EAGAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,oCAEb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,8CAA+C,CAAA,EAG9DA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,qCAAsC,CAAA,CAAA,CACvD,CAAA,CAAA,CACF,CAAA,CAAA,EACF"}

package/dist/index.cjs123.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs250.js"),c=require("./index.cjs419.js"),o=require("./index.cjs420.js"),r=require("./index.cjs253.js"),t=({className:i,children:s})=>e.jsxRuntimeExports.jsx("section",{className:i,children:s}),p=({className:i,title:s,color:x="primary",titleMarginBottom:u="mb-x16",descriptionClassName:l="",descriptionMarginBottom:m="mb-x40",description:n,children:j,mdFs:a="2",fs:d="4"})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[s&&e.jsxRuntimeExports.jsxs("div",{className:r.clsx("ui-sections__title",u,i),children:[e.jsxRuntimeExports.jsx(c.Title,{fs:d,mdFs:a,as:"h1",color:x,children:s}),j]}),n&&e.jsxRuntimeExports.jsx(o.Description,{className:r.clsx("ui-sections__description",m,l),children:n})]});t.Title=c.Title;t.Description=o.Description;exports.Section=t;exports.SectionHeading=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs250.js"),c=require("./index.cjs442.js"),o=require("./index.cjs443.js"),r=require("./index.cjs252.js"),t=({className:i,children:s})=>e.jsxRuntimeExports.jsx("section",{className:i,children:s}),p=({className:i,title:s,color:x="primary",titleMarginBottom:u="mb-x16",descriptionClassName:l="",descriptionMarginBottom:m="mb-x40",description:n,children:j,mdFs:a="2",fs:d="4"})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[s&&e.jsxRuntimeExports.jsxs("div",{className:r.clsx("ui-sections__title",u,i),children:[e.jsxRuntimeExports.jsx(c.Title,{fs:d,mdFs:a,as:"h1",color:x,children:s}),j]}),n&&e.jsxRuntimeExports.jsx(o.Description,{className:r.clsx("ui-sections__description",m,l),children:n})]});t.Title=c.Title;t.Description=o.Description;exports.Section=t;exports.SectionHeading=p;
 //# sourceMappingURL=index.cjs123.js.map

package/dist/index.cjs123.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs123.js","sources":["../src/components/ui/Section/index.tsx"],"sourcesContent":["import { Title as SectionTitle } from \"./Title\";\r\nimport { Description as SectionDescription } from \"./Description\";\r\nimport { FC, PropsWithChildren, ReactNode } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { ColorKeys } from \"@/theme/colors\";\r\nimport { TypographyKeys } from \"@/theme/typography\";\r\n\r\ntype SectionProps = PropsWithChildren<{\r\n  className?: string;\r\n}>;\r\n\r\ninterface SectionComponent extends FC<SectionProps> {\r\n  Title: typeof SectionTitle;\r\n  Description: typeof SectionDescription;\r\n}\r\n\r\nconst Section: SectionComponent = ({ className, children }: SectionProps) => {\r\n  return <section className={className}>{children}</section>;\r\n};\r\n\r\ninterface SeactionHeadingProps {\r\n  className?: string;\r\n  titleMarginBottom?: string;\r\n  descriptionMarginBottom?: string;\r\n  descriptionClassName?: string;\r\n  title?: string | ReactNode;\r\n  mdFs?: TypographyKeys;\r\n  fs?: TypographyKeys;\r\n  color?: ColorKeys;\r\n  description?: string | ReactNode;\r\n  children?: ReactNode;\r\n}\r\n\r\nconst SectionHeading = ({\r\n  className,\r\n  title,\r\n  color = \"primary\",\r\n  titleMarginBottom = \"mb-x16\",\r\n  descriptionClassName = \"\",\r\n  descriptionMarginBottom = \"mb-x40\",\r\n  description,\r\n  children,\r\n  mdFs = \"2\",\r\n  fs = \"4\",\r\n}: SeactionHeadingProps) => {\r\n  return (\r\n    <>\r\n      {title && (\r\n        <div\r\n          className={clsx(\"ui-sections__title\", titleMarginBottom, className)}\r\n        >\r\n          <SectionTitle fs={fs} mdFs={mdFs} as={\"h1\"} color={color}>\r\n            {title}\r\n          </SectionTitle>\r\n          {children}\r\n        </div>\r\n      )}\r\n      {description && (\r\n        <SectionDescription\r\n          className={clsx(\r\n            \"ui-sections__description\",\r\n            descriptionMarginBottom,\r\n            descriptionClassName,\r\n          )}\r\n        >\r\n          {description}\r\n        </SectionDescription>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nSection.Title = SectionTitle;\r\nSection.Description = SectionDescription;\r\n\r\nexport { Section, SectionHeading };\r\n"],"names":["Section","className","children","jsx","SectionHeading","title","color","titleMarginBottom","descriptionClassName","descriptionMarginBottom","description","mdFs","fs","jsxs","Fragment","clsx","SectionTitle","SectionDescription"],"mappings":"kNAgBMA,EAA4B,CAAC,CAAE,UAAAC,EAAW,SAAAC,KACvCC,EAAA,kBAAA,IAAC,UAAQ,CAAA,UAAAF,EAAuB,SAAAC,CAAS,CAAA,EAgB5CE,EAAiB,CAAC,CACtB,UAAAH,EACA,MAAAI,EACA,MAAAC,EAAQ,UACR,kBAAAC,EAAoB,SACpB,qBAAAC,EAAuB,GACvB,wBAAAC,EAA0B,SAC1B,YAAAC,EACA,SAAAR,EACA,KAAAS,EAAO,IACP,GAAAC,EAAK,GACP,IAGOC,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CACCT,GAAAQ,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWE,EAAA,KAAK,qBAAsBR,EAAmBN,CAAS,EAElE,SAAA,CAAAE,wBAACa,EAAAA,OAAa,GAAAJ,EAAQ,KAAAD,EAAY,GAAI,KAAM,MAAAL,EACzC,SACHD,EAAA,EACCH,CAAA,CAAA,CACH,EAEDQ,GACCP,EAAA,kBAAA,IAACc,EAAA,YAAA,CACC,UAAWF,EAAA,KACT,2BACAN,EACAD,CACF,EAEC,SAAAE,CAAA,CAAA,CACH,EAEJ,EAIJV,EAAQ,MAAQgB,EAAA,MAChBhB,EAAQ,YAAciB,EAAA"}
+{"version":3,"file":"index.cjs123.js","sources":["../src/components/ui/Section/index.tsx"],"sourcesContent":["import { Title as SectionTitle } from \"./Title\";\nimport { Description as SectionDescription } from \"./Description\";\nimport { FC, PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport { TypographyKeys } from \"@/theme/typography\";\n\ntype SectionProps = PropsWithChildren<{\n  className?: string;\n}>;\n\ninterface SectionComponent extends FC<SectionProps> {\n  Title: typeof SectionTitle;\n  Description: typeof SectionDescription;\n}\n\nconst Section: SectionComponent = ({ className, children }: SectionProps) => {\n  return <section className={className}>{children}</section>;\n};\n\ninterface SeactionHeadingProps {\n  className?: string;\n  titleMarginBottom?: string;\n  descriptionMarginBottom?: string;\n  descriptionClassName?: string;\n  title?: string | ReactNode;\n  mdFs?: TypographyKeys;\n  fs?: TypographyKeys;\n  color?: ColorKeys;\n  description?: string | ReactNode;\n  children?: ReactNode;\n}\n\nconst SectionHeading = ({\n  className,\n  title,\n  color = \"primary\",\n  titleMarginBottom = \"mb-x16\",\n  descriptionClassName = \"\",\n  descriptionMarginBottom = \"mb-x40\",\n  description,\n  children,\n  mdFs = \"2\",\n  fs = \"4\",\n}: SeactionHeadingProps) => {\n  return (\n    <>\n      {title && (\n        <div\n          className={clsx(\"ui-sections__title\", titleMarginBottom, className)}\n        >\n          <SectionTitle fs={fs} mdFs={mdFs} as={\"h1\"} color={color}>\n            {title}\n          </SectionTitle>\n          {children}\n        </div>\n      )}\n      {description && (\n        <SectionDescription\n          className={clsx(\n            \"ui-sections__description\",\n            descriptionMarginBottom,\n            descriptionClassName,\n          )}\n        >\n          {description}\n        </SectionDescription>\n      )}\n    </>\n  );\n};\n\nSection.Title = SectionTitle;\nSection.Description = SectionDescription;\n\nexport { Section, SectionHeading };\n"],"names":["Section","className","children","jsx","SectionHeading","title","color","titleMarginBottom","descriptionClassName","descriptionMarginBottom","description","mdFs","fs","jsxs","Fragment","clsx","SectionTitle","SectionDescription"],"mappings":"kNAgBMA,EAA4B,CAAC,CAAE,UAAAC,EAAW,SAAAC,KACvCC,EAAA,kBAAA,IAAC,UAAQ,CAAA,UAAAF,EAAuB,SAAAC,CAAS,CAAA,EAgB5CE,EAAiB,CAAC,CACtB,UAAAH,EACA,MAAAI,EACA,MAAAC,EAAQ,UACR,kBAAAC,EAAoB,SACpB,qBAAAC,EAAuB,GACvB,wBAAAC,EAA0B,SAC1B,YAAAC,EACA,SAAAR,EACA,KAAAS,EAAO,IACP,GAAAC,EAAK,GACP,IAGOC,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CACCT,GAAAQ,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWE,EAAA,KAAK,qBAAsBR,EAAmBN,CAAS,EAElE,SAAA,CAAAE,wBAACa,EAAAA,OAAa,GAAAJ,EAAQ,KAAAD,EAAY,GAAI,KAAM,MAAAL,EACzC,SACHD,EAAA,EACCH,CAAA,CAAA,CACH,EAEDQ,GACCP,EAAA,kBAAA,IAACc,EAAA,YAAA,CACC,UAAWF,EAAA,KACT,2BACAN,EACAD,CACF,EAEC,SAAAE,CAAA,CAAA,CACH,EAEJ,EAIJV,EAAQ,MAAQgB,EAAA,MAChBhB,EAAQ,YAAciB,EAAA"}

package/dist/index.cjs124.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs124.js","sources":["../src/components/ui/ServicesListSkeleton/index.tsx"],"sourcesContent":["import \"./ServicesListSkeleton.scss\";\r\n\r\nexport const ServicesListSkeleton = () => {\r\n  return (\r\n    <div className=\"services-skeleton-container\">\r\n      {/* Breadcrumb */}\r\n      <div className=\"services-skeleton-breadcrumb\">\r\n        <div className=\"services-skeleton-breadcrumb-item pulse\"></div>\r\n        <div className=\"services-skeleton-breadcrumb-separator\"></div>\r\n        <div className=\"services-skeleton-breadcrumb-item pulse\"></div>\r\n      </div>\r\n\r\n      {/* Page title */}\r\n      <div className=\"services-skeleton-title pulse\"></div>\r\n\r\n      {/* Description */}\r\n      <div className=\"services-skeleton-description pulse\"></div>\r\n\r\n      {/* Search bar */}\r\n      <div className=\"services-skeleton-search\">\r\n        <div className=\"services-skeleton-search-input pulse\"></div>\r\n        <div className=\"services-skeleton-search-button pulse\"></div>\r\n      </div>\r\n\r\n      {/* Suggested services section */}\r\n      <div className=\"services-skeleton-section\">\r\n        <div className=\"services-skeleton-section-title pulse\"></div>\r\n\r\n        <div className=\"services-skeleton-suggested-grid\">\r\n          {/* Left service card */}\r\n          <div className=\"services-skeleton-card-large pulse\"></div>\r\n\r\n          {/* Right service card */}\r\n          <div className=\"services-skeleton-card-large pulse\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Services for you section */}\r\n      <div className=\"services-skeleton-section\">\r\n        <div className=\"services-skeleton-section-title pulse\"></div>\r\n\r\n        <div className=\"services-skeleton-services-grid\">\r\n          {/* Service card 1 */}\r\n          <div className=\"services-skeleton-card\">\r\n            <div className=\"services-skeleton-card-content\">\r\n              <div className=\"services-skeleton-card-title pulse\"></div>\r\n              <div className=\"services-skeleton-card-description pulse\"></div>\r\n            </div>\r\n            <div className=\"services-skeleton-card-icon pulse\"></div>\r\n          </div>\r\n\r\n          {/* Service card 2 */}\r\n          <div className=\"services-skeleton-card\">\r\n            <div className=\"services-skeleton-card-content\">\r\n              <div className=\"services-skeleton-card-title pulse\"></div>\r\n              <div className=\"services-skeleton-card-description pulse\"></div>\r\n            </div>\r\n            <div className=\"services-skeleton-card-icon pulse\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["ServicesListSkeleton","jsxs","jsx"],"mappings":"kJAEO,MAAMA,EAAuB,IAEhCC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,8BAEb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,+BACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,yCAA0C,CAAA,EACzDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,wCAAyC,CAAA,EACxDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,yCAA0C,CAAA,CAAA,EAC3D,EAGAA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,+BAAgC,CAAA,EAG/CA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,qCAAsC,CAAA,EAGrDD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,2BACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,sCAAuC,CAAA,EACtDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,uCAAwC,CAAA,CAAA,EACzD,EAGAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,4BACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,uCAAwC,CAAA,EAEvDD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,mCAEb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,oCAAqC,CAAA,EAGpDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,oCAAqC,CAAA,CAAA,CACtD,CAAA,CAAA,EACF,EAGAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,4BACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,uCAAwC,CAAA,EAEvDD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,kCAEb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,yBACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,iCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,oCAAqC,CAAA,EACpDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,0CAA2C,CAAA,CAAA,EAC5D,EACAA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,mCAAoC,CAAA,CAAA,EACrD,EAGAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,yBACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,iCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,oCAAqC,CAAA,EACpDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,0CAA2C,CAAA,CAAA,EAC5D,EACAA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,mCAAoC,CAAA,CAAA,CACrD,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,EACF"}
+{"version":3,"file":"index.cjs124.js","sources":["../src/components/ui/ServicesListSkeleton/index.tsx"],"sourcesContent":["import \"./ServicesListSkeleton.scss\";\n\nexport const ServicesListSkeleton = () => {\n  return (\n    <div className=\"services-skeleton-container\">\n      {/* Breadcrumb */}\n      <div className=\"services-skeleton-breadcrumb\">\n        <div className=\"services-skeleton-breadcrumb-item pulse\"></div>\n        <div className=\"services-skeleton-breadcrumb-separator\"></div>\n        <div className=\"services-skeleton-breadcrumb-item pulse\"></div>\n      </div>\n\n      {/* Page title */}\n      <div className=\"services-skeleton-title pulse\"></div>\n\n      {/* Description */}\n      <div className=\"services-skeleton-description pulse\"></div>\n\n      {/* Search bar */}\n      <div className=\"services-skeleton-search\">\n        <div className=\"services-skeleton-search-input pulse\"></div>\n        <div className=\"services-skeleton-search-button pulse\"></div>\n      </div>\n\n      {/* Suggested services section */}\n      <div className=\"services-skeleton-section\">\n        <div className=\"services-skeleton-section-title pulse\"></div>\n\n        <div className=\"services-skeleton-suggested-grid\">\n          {/* Left service card */}\n          <div className=\"services-skeleton-card-large pulse\"></div>\n\n          {/* Right service card */}\n          <div className=\"services-skeleton-card-large pulse\"></div>\n        </div>\n      </div>\n\n      {/* Services for you section */}\n      <div className=\"services-skeleton-section\">\n        <div className=\"services-skeleton-section-title pulse\"></div>\n\n        <div className=\"services-skeleton-services-grid\">\n          {/* Service card 1 */}\n          <div className=\"services-skeleton-card\">\n            <div className=\"services-skeleton-card-content\">\n              <div className=\"services-skeleton-card-title pulse\"></div>\n              <div className=\"services-skeleton-card-description pulse\"></div>\n            </div>\n            <div className=\"services-skeleton-card-icon pulse\"></div>\n          </div>\n\n          {/* Service card 2 */}\n          <div className=\"services-skeleton-card\">\n            <div className=\"services-skeleton-card-content\">\n              <div className=\"services-skeleton-card-title pulse\"></div>\n              <div className=\"services-skeleton-card-description pulse\"></div>\n            </div>\n            <div className=\"services-skeleton-card-icon pulse\"></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["ServicesListSkeleton","jsxs","jsx"],"mappings":"kJAEO,MAAMA,EAAuB,IAEhCC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,8BAEb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,+BACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,yCAA0C,CAAA,EACzDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,wCAAyC,CAAA,EACxDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,yCAA0C,CAAA,CAAA,EAC3D,EAGAA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,+BAAgC,CAAA,EAG/CA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,qCAAsC,CAAA,EAGrDD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,2BACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,sCAAuC,CAAA,EACtDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,uCAAwC,CAAA,CAAA,EACzD,EAGAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,4BACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,uCAAwC,CAAA,EAEvDD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,mCAEb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,oCAAqC,CAAA,EAGpDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,oCAAqC,CAAA,CAAA,CACtD,CAAA,CAAA,EACF,EAGAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,4BACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,uCAAwC,CAAA,EAEvDD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,kCAEb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,yBACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,iCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,oCAAqC,CAAA,EACpDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,0CAA2C,CAAA,CAAA,EAC5D,EACAA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,mCAAoC,CAAA,CAAA,EACrD,EAGAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,yBACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,iCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,oCAAqC,CAAA,EACpDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,0CAA2C,CAAA,CAAA,EAC5D,EACAA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,mCAAoC,CAAA,CAAA,CACrD,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,EACF"}

package/dist/index.cjs125.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/ShareButton/ShareButton.css');const n=require("./index.cjs250.js");;/* empty css              */require("./index.cjs.js");const x=require("./index.cjs253.js"),c=require("react"),m=require("./index.cjs210.js"),d=require("./index.cjs222.js"),p=require("./index.cjs221.js"),j=require("./index.cjs219.js"),h=require("./index.cjs220.js"),w=require("./index.cjs223.js"),$=require("./index.cjs20.js"),R=[{name:"Facebook",Icon:n.jsxRuntimeExports.jsx(d.Meta,{}),link:e=>`https://www.facebook.com/sharer/sharer.php?u=${e}`},{name:"X",Icon:n.jsxRuntimeExports.jsx(p.Twitter,{}),link:(e,t)=>`https://twitter.com/intent/tweet?url=${e}&text=${t}`},{name:"Email",Icon:n.jsxRuntimeExports.jsx(j.Email,{}),link:(e,t)=>`mailto:?subject=${t}&body=${e}`},{name:"Linkedin",Icon:n.jsxRuntimeExports.jsx(h.Linkedin,{}),link:(e,t)=>`https://www.linkedin.com/shareArticle?mini=true&url=${e}&title=${t}`},{name:"Whatsapp",Icon:n.jsxRuntimeExports.jsx(w.Whatsapp,{}),link:(e,t)=>`https://wa.me/?text=${`Dai un'occhiata a ${t}! ${e}`}`}],f=({textLabel:e,titleShared:t=""})=>{const[s,a]=c.useState(!1),l=()=>{a(!s)},u=()=>{a(!1)},i=c.useRef(null);return c.useEffect(()=>{function o(r){i.current&&!i.current.contains(r.target)&&u()}return document.addEventListener("mousedown",o),()=>{document.removeEventListener("mousedown",o)}},[u]),n.jsxRuntimeExports.jsxs("div",{className:x.clsx("social-dropdown-container",{open:s}),ref:i,children:[n.jsxRuntimeExports.jsx($.ActionIconText,{classNameComponent:"toggle-button",textLabel:e,icon:n.jsxRuntimeExports.jsx(m.ShareLink,{}),handleAction:l,classNameText:"fw-bold fs-7"}),n.jsxRuntimeExports.jsx("div",{className:"social-links",children:R.map((o,r)=>n.jsxRuntimeExports.jsxs("button",{className:"social-item",onClick:()=>window.open(`${o.link(encodeURIComponent(window.location.href),encodeURIComponent(t))}`),rel:"noopener noreferrer",children:[o.Icon,o.name]},`socialIcon-${r}`))})]})};exports.ShareButton=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/ShareButton/ShareButton.css');const n=require("./index.cjs250.js");;/* empty css              */require("./index.cjs.js");const x=require("./index.cjs252.js"),c=require("react"),m=require("./index.cjs210.js"),d=require("./index.cjs222.js"),p=require("./index.cjs221.js"),j=require("./index.cjs219.js"),h=require("./index.cjs220.js"),w=require("./index.cjs223.js"),$=require("./index.cjs20.js"),R=[{name:"Facebook",Icon:n.jsxRuntimeExports.jsx(d.Meta,{}),link:e=>`https://www.facebook.com/sharer/sharer.php?u=${e}`},{name:"X",Icon:n.jsxRuntimeExports.jsx(p.Twitter,{}),link:(e,t)=>`https://twitter.com/intent/tweet?url=${e}&text=${t}`},{name:"Email",Icon:n.jsxRuntimeExports.jsx(j.Email,{}),link:(e,t)=>`mailto:?subject=${t}&body=${e}`},{name:"Linkedin",Icon:n.jsxRuntimeExports.jsx(h.Linkedin,{}),link:(e,t)=>`https://www.linkedin.com/shareArticle?mini=true&url=${e}&title=${t}`},{name:"Whatsapp",Icon:n.jsxRuntimeExports.jsx(w.Whatsapp,{}),link:(e,t)=>`https://wa.me/?text=${`Dai un'occhiata a ${t}! ${e}`}`}],f=({textLabel:e,titleShared:t=""})=>{const[s,a]=c.useState(!1),l=()=>{a(!s)},u=()=>{a(!1)},i=c.useRef(null);return c.useEffect(()=>{function o(r){i.current&&!i.current.contains(r.target)&&u()}return document.addEventListener("mousedown",o),()=>{document.removeEventListener("mousedown",o)}},[u]),n.jsxRuntimeExports.jsxs("div",{className:x.clsx("social-dropdown-container",{open:s}),ref:i,children:[n.jsxRuntimeExports.jsx($.ActionIconText,{classNameComponent:"toggle-button",textLabel:e,icon:n.jsxRuntimeExports.jsx(m.ShareLink,{}),handleAction:l,classNameText:"fw-bold fs-7"}),n.jsxRuntimeExports.jsx("div",{className:"social-links",children:R.map((o,r)=>n.jsxRuntimeExports.jsxs("button",{className:"social-item",onClick:()=>window.open(`${o.link(encodeURIComponent(window.location.href),encodeURIComponent(t))}`),rel:"noopener noreferrer",children:[o.Icon,o.name]},`socialIcon-${r}`))})]})};exports.ShareButton=f;
 //# sourceMappingURL=index.cjs125.js.map

package/dist/index.cjs125.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs125.js","sources":["../src/components/ui/ShareButton/index.tsx"],"sourcesContent":["import \"./ShareButton.scss\";\r\nimport {\r\n  ActionIconText,\r\n  Email,\r\n  Linkedin,\r\n  Meta,\r\n  ShareLink,\r\n  Twitter,\r\n  Whatsapp,\r\n} from \"@/index\";\r\nimport clsx from \"clsx\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\n\r\ntype Props = {\r\n  textLabel: string;\r\n  titleShared?: string;\r\n};\r\n\r\nconst socials = [\r\n  {\r\n    name: \"Facebook\",\r\n    Icon: <Meta />,\r\n    link: (url: string) =>\r\n      `https://www.facebook.com/sharer/sharer.php?u=${url}`,\r\n  },\r\n  {\r\n    name: \"X\",\r\n    Icon: <Twitter />,\r\n    link: (url: string, title?: string) =>\r\n      `https://twitter.com/intent/tweet?url=${url}&text=${title}`,\r\n  },\r\n  {\r\n    name: \"Email\",\r\n    Icon: <Email />,\r\n    link: (url: string, title?: string) =>\r\n      `mailto:?subject=${title}&body=${url}`,\r\n  },\r\n  {\r\n    name: \"Linkedin\",\r\n    Icon: <Linkedin />,\r\n    link: (url: string, title?: string) =>\r\n      `https://www.linkedin.com/shareArticle?mini=true&url=${url}&title=${title}`,\r\n  },\r\n  {\r\n    name: \"Whatsapp\",\r\n    Icon: <Whatsapp />,\r\n    link: (url: string, title?: string) => {\r\n      const message = `Dai un'occhiata a ${title}! ${url}`;\r\n      return `https://wa.me/?text=${message}`;\r\n    },\r\n  },\r\n];\r\n\r\nexport const ShareButton = ({ textLabel, titleShared = \"\" }: Props) => {\r\n  const [openAlert, setopenAlert] = useState(false);\r\n  const toggleButton = () => {\r\n    setopenAlert(!openAlert);\r\n  };\r\n\r\n  const onClose = () => {\r\n    setopenAlert(false);\r\n  };\r\n\r\n  const popupRef = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    function handleClickOutside(event: MouseEvent) {\r\n      if (\r\n        popupRef.current &&\r\n        !popupRef.current.contains(event.target as Node)\r\n      ) {\r\n        onClose();\r\n      }\r\n    }\r\n\r\n    document.addEventListener(\"mousedown\", handleClickOutside);\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [onClose]);\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\"social-dropdown-container\", { open: openAlert })}\r\n      ref={popupRef}\r\n    >\r\n      <ActionIconText\r\n        classNameComponent=\"toggle-button\"\r\n        textLabel={textLabel}\r\n        icon={<ShareLink />}\r\n        handleAction={toggleButton}\r\n        classNameText={\"fw-bold fs-7\"}\r\n      />\r\n      <div className=\"social-links\">\r\n        {socials.map((social, index) => (\r\n          <button\r\n            key={`socialIcon-${index}`}\r\n            className=\"social-item\"\r\n            onClick={() =>\r\n              window.open(\r\n                `${social.link(encodeURIComponent(window.location.href), encodeURIComponent(titleShared))}`,\r\n              )\r\n            }\r\n            rel=\"noopener noreferrer\"\r\n          >\r\n            {social.Icon}\r\n            {social.name}\r\n          </button>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["socials","Meta","url","Twitter","title","Email","Linkedin","Whatsapp","ShareButton","textLabel","titleShared","openAlert","setopenAlert","useState","toggleButton","onClose","popupRef","useRef","useEffect","handleClickOutside","event","jsxs","clsx","jsx","ActionIconText","ShareLink","social","index"],"mappings":"4bAkBMA,EAAU,CACd,CACE,KAAM,WACN,6BAAOC,EAAK,KAAA,EAAA,EACZ,KAAOC,GACL,gDAAgDA,CAAG,EACvD,EACA,CACE,KAAM,IACN,6BAAOC,EAAQ,QAAA,EAAA,EACf,KAAM,CAACD,EAAaE,IAClB,wCAAwCF,CAAG,SAASE,CAAK,EAC7D,EACA,CACE,KAAM,QACN,6BAAOC,EAAM,MAAA,EAAA,EACb,KAAM,CAACH,EAAaE,IAClB,mBAAmBA,CAAK,SAASF,CAAG,EACxC,EACA,CACE,KAAM,WACN,6BAAOI,EAAS,SAAA,EAAA,EAChB,KAAM,CAACJ,EAAaE,IAClB,uDAAuDF,CAAG,UAAUE,CAAK,EAC7E,EACA,CACE,KAAM,WACN,6BAAOG,EAAS,SAAA,EAAA,EAChB,KAAM,CAACL,EAAaE,IAEX,uBADS,qBAAqBA,CAAK,KAAKF,CAAG,EACb,EACvC,CAEJ,EAEaM,EAAc,CAAC,CAAE,UAAAC,EAAW,YAAAC,EAAc,MAAgB,CACrE,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAC1CC,EAAe,IAAM,CACzBF,EAAa,CAACD,CAAS,CACzB,EAEMI,EAAU,IAAM,CACpBH,EAAa,EAAK,CACpB,EAEMI,EAAWC,SAAuB,IAAI,EAE5CC,OAAAA,EAAAA,UAAU,IAAM,CACd,SAASC,EAAmBC,EAAmB,CAE3CJ,EAAS,SACT,CAACA,EAAS,QAAQ,SAASI,EAAM,MAAc,GAEvCL,EAAA,CACV,CAGO,gBAAA,iBAAiB,YAAaI,CAAkB,EAElD,IAAM,CACF,SAAA,oBAAoB,YAAaA,CAAkB,CAC9D,CAAA,EACC,CAACJ,CAAO,CAAC,EAGVM,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,KAAK,4BAA6B,CAAE,KAAMX,EAAW,EAChE,IAAKK,EAEL,SAAA,CAAAO,EAAA,kBAAA,IAACC,EAAA,eAAA,CACC,mBAAmB,gBACnB,UAAAf,EACA,6BAAOgB,EAAU,UAAA,EAAA,EACjB,aAAcX,EACd,cAAe,cAAA,CACjB,EACAS,EAAAA,kBAAAA,IAAC,OAAI,UAAU,eACZ,WAAQ,IAAI,CAACG,EAAQC,IACpBN,EAAA,kBAAA,KAAC,SAAA,CAEC,UAAU,cACV,QAAS,IACP,OAAO,KACL,GAAGK,EAAO,KAAK,mBAAmB,OAAO,SAAS,IAAI,EAAG,mBAAmBhB,CAAW,CAAC,CAAC,EAC3F,EAEF,IAAI,sBAEH,SAAA,CAAOgB,EAAA,KACPA,EAAO,IAAA,CAAA,EAVH,cAAcC,CAAK,EAAA,CAY3B,CACH,CAAA,CAAA,CAAA,CACF,CAEJ"}
+{"version":3,"file":"index.cjs125.js","sources":["../src/components/ui/ShareButton/index.tsx"],"sourcesContent":["import \"./ShareButton.scss\";\nimport {\n  ActionIconText,\n  Email,\n  Linkedin,\n  Meta,\n  ShareLink,\n  Twitter,\n  Whatsapp,\n} from \"@/index\";\nimport clsx from \"clsx\";\nimport { useEffect, useRef, useState } from \"react\";\n\ntype Props = {\n  textLabel: string;\n  titleShared?: string;\n};\n\nconst socials = [\n  {\n    name: \"Facebook\",\n    Icon: <Meta />,\n    link: (url: string) =>\n      `https://www.facebook.com/sharer/sharer.php?u=${url}`,\n  },\n  {\n    name: \"X\",\n    Icon: <Twitter />,\n    link: (url: string, title?: string) =>\n      `https://twitter.com/intent/tweet?url=${url}&text=${title}`,\n  },\n  {\n    name: \"Email\",\n    Icon: <Email />,\n    link: (url: string, title?: string) =>\n      `mailto:?subject=${title}&body=${url}`,\n  },\n  {\n    name: \"Linkedin\",\n    Icon: <Linkedin />,\n    link: (url: string, title?: string) =>\n      `https://www.linkedin.com/shareArticle?mini=true&url=${url}&title=${title}`,\n  },\n  {\n    name: \"Whatsapp\",\n    Icon: <Whatsapp />,\n    link: (url: string, title?: string) => {\n      const message = `Dai un'occhiata a ${title}! ${url}`;\n      return `https://wa.me/?text=${message}`;\n    },\n  },\n];\n\nexport const ShareButton = ({ textLabel, titleShared = \"\" }: Props) => {\n  const [openAlert, setopenAlert] = useState(false);\n  const toggleButton = () => {\n    setopenAlert(!openAlert);\n  };\n\n  const onClose = () => {\n    setopenAlert(false);\n  };\n\n  const popupRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (\n        popupRef.current &&\n        !popupRef.current.contains(event.target as Node)\n      ) {\n        onClose();\n      }\n    }\n\n    document.addEventListener(\"mousedown\", handleClickOutside);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [onClose]);\n\n  return (\n    <div\n      className={clsx(\"social-dropdown-container\", { open: openAlert })}\n      ref={popupRef}\n    >\n      <ActionIconText\n        classNameComponent=\"toggle-button\"\n        textLabel={textLabel}\n        icon={<ShareLink />}\n        handleAction={toggleButton}\n        classNameText={\"fw-bold fs-7\"}\n      />\n      <div className=\"social-links\">\n        {socials.map((social, index) => (\n          <button\n            key={`socialIcon-${index}`}\n            className=\"social-item\"\n            onClick={() =>\n              window.open(\n                `${social.link(encodeURIComponent(window.location.href), encodeURIComponent(titleShared))}`,\n              )\n            }\n            rel=\"noopener noreferrer\"\n          >\n            {social.Icon}\n            {social.name}\n          </button>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["socials","Meta","url","Twitter","title","Email","Linkedin","Whatsapp","ShareButton","textLabel","titleShared","openAlert","setopenAlert","useState","toggleButton","onClose","popupRef","useRef","useEffect","handleClickOutside","event","jsxs","clsx","jsx","ActionIconText","ShareLink","social","index"],"mappings":"4bAkBMA,EAAU,CACd,CACE,KAAM,WACN,6BAAOC,EAAK,KAAA,EAAA,EACZ,KAAOC,GACL,gDAAgDA,CAAG,EACvD,EACA,CACE,KAAM,IACN,6BAAOC,EAAQ,QAAA,EAAA,EACf,KAAM,CAACD,EAAaE,IAClB,wCAAwCF,CAAG,SAASE,CAAK,EAC7D,EACA,CACE,KAAM,QACN,6BAAOC,EAAM,MAAA,EAAA,EACb,KAAM,CAACH,EAAaE,IAClB,mBAAmBA,CAAK,SAASF,CAAG,EACxC,EACA,CACE,KAAM,WACN,6BAAOI,EAAS,SAAA,EAAA,EAChB,KAAM,CAACJ,EAAaE,IAClB,uDAAuDF,CAAG,UAAUE,CAAK,EAC7E,EACA,CACE,KAAM,WACN,6BAAOG,EAAS,SAAA,EAAA,EAChB,KAAM,CAACL,EAAaE,IAEX,uBADS,qBAAqBA,CAAK,KAAKF,CAAG,EACb,EACvC,CAEJ,EAEaM,EAAc,CAAC,CAAE,UAAAC,EAAW,YAAAC,EAAc,MAAgB,CACrE,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAC1CC,EAAe,IAAM,CACzBF,EAAa,CAACD,CAAS,CACzB,EAEMI,EAAU,IAAM,CACpBH,EAAa,EAAK,CACpB,EAEMI,EAAWC,SAAuB,IAAI,EAE5CC,OAAAA,EAAAA,UAAU,IAAM,CACd,SAASC,EAAmBC,EAAmB,CAE3CJ,EAAS,SACT,CAACA,EAAS,QAAQ,SAASI,EAAM,MAAc,GAEvCL,EAAA,CACV,CAGO,gBAAA,iBAAiB,YAAaI,CAAkB,EAElD,IAAM,CACF,SAAA,oBAAoB,YAAaA,CAAkB,CAC9D,CAAA,EACC,CAACJ,CAAO,CAAC,EAGVM,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,KAAK,4BAA6B,CAAE,KAAMX,EAAW,EAChE,IAAKK,EAEL,SAAA,CAAAO,EAAA,kBAAA,IAACC,EAAA,eAAA,CACC,mBAAmB,gBACnB,UAAAf,EACA,6BAAOgB,EAAU,UAAA,EAAA,EACjB,aAAcX,EACd,cAAe,cAAA,CACjB,EACAS,EAAAA,kBAAAA,IAAC,OAAI,UAAU,eACZ,WAAQ,IAAI,CAACG,EAAQC,IACpBN,EAAA,kBAAA,KAAC,SAAA,CAEC,UAAU,cACV,QAAS,IACP,OAAO,KACL,GAAGK,EAAO,KAAK,mBAAmB,OAAO,SAAS,IAAI,EAAG,mBAAmBhB,CAAW,CAAC,CAAC,EAC3F,EAEF,IAAI,sBAEH,SAAA,CAAOgB,EAAA,KACPA,EAAO,IAAA,CAAA,EAVH,cAAcC,CAAK,EAAA,CAY3B,CACH,CAAA,CAAA,CAAA,CACF,CAEJ"}

package/dist/index.cjs126.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SupportBanner/SupportBanner.css');const e=require("./index.cjs250.js"),t=require("./index.cjs253.js");;/* empty css              */const f=require("react"),y=require("./index.cjs424.js"),R=require("./index.cjs61.js"),N=({bannerType:i="outline",title:u,description:a="",titleTag:c="h1",mainLayout:s="layout1",className:l="",classNameTitle:x="",classNameDescription:d="",links:n=[],asLink:m="a"})=>{const o=m,b=f.useMemo(()=>!n||n.length===0?null:n.map((r,p)=>{const j=r.variant??(r.href?"outlineButtonHref":"button"),h=y.CTA_COMPONENTS(o)[j];return e.jsxRuntimeExports.jsx("div",{className:"ui-banner-link",children:h(r)},p)}),[n,o]);return e.jsxRuntimeExports.jsxs(R.Col,{br:"x4",gap:"x16",className:t.clsx(l,i==="outline"?"ui-outline":"bg-lightblue-a03","ui-banner shadow "),children:[e.jsxRuntimeExports.jsx(c,{className:t.clsx("ui-banner-title text-slate-20",x||"fs-4 fw-bold"),children:u}),e.jsxRuntimeExports.jsxs("main",{className:t.clsx(s==="layout1"?"ui-banner-content-layout1 fs-6 text-secondary justify-content-between ":"ui-banner-content-layout2","ui-banner-content fs-6 text-secondary w-100"),children:[e.jsxRuntimeExports.jsx("div",{className:t.clsx(d,s==="layout1"?"ui-banner-description":""),children:a}),e.jsxRuntimeExports.jsx("div",{className:t.clsx("ui-banner-cta"),children:b})]})]})};exports.SupportBanner=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SupportBanner/SupportBanner.css');const e=require("./index.cjs250.js"),t=require("./index.cjs252.js");;/* empty css              */const f=require("react"),y=require("./index.cjs447.js"),R=require("./index.cjs61.js"),N=({bannerType:i="outline",title:u,description:a="",titleTag:c="h1",mainLayout:s="layout1",className:l="",classNameTitle:x="",classNameDescription:d="",links:n=[],asLink:m="a"})=>{const o=m,b=f.useMemo(()=>!n||n.length===0?null:n.map((r,p)=>{const j=r.variant??(r.href?"outlineButtonHref":"button"),h=y.CTA_COMPONENTS(o)[j];return e.jsxRuntimeExports.jsx("div",{className:"ui-banner-link",children:h(r)},p)}),[n,o]);return e.jsxRuntimeExports.jsxs(R.Col,{br:"x4",gap:"x16",className:t.clsx(l,i==="outline"?"ui-outline":"bg-lightblue-a03","ui-banner shadow "),children:[e.jsxRuntimeExports.jsx(c,{className:t.clsx("ui-banner-title text-slate-20",x||"fs-4 fw-bold"),children:u}),e.jsxRuntimeExports.jsxs("main",{className:t.clsx(s==="layout1"?"ui-banner-content-layout1 fs-6 text-secondary justify-content-between ":"ui-banner-content-layout2","ui-banner-content fs-6 text-secondary w-100"),children:[e.jsxRuntimeExports.jsx("div",{className:t.clsx(d,s==="layout1"?"ui-banner-description":""),children:a}),e.jsxRuntimeExports.jsx("div",{className:t.clsx("ui-banner-cta"),children:b})]})]})};exports.SupportBanner=N;
 //# sourceMappingURL=index.cjs126.js.map

package/dist/index.cjs126.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs126.js","sources":["../src/components/ui/SupportBanner/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./SupportBanner.scss\";\r\nimport { Col } from \"@/components\";\r\nimport { useMemo } from \"react\";\r\nimport { CTA_COMPONENTS, SupportBannerLink } from \"./ctaComponents\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\n\r\ntype SupportBannerProps = {\r\n  bannerType?: \"filled\" | \"outline\";\r\n  title: string;\r\n  description?: string;\r\n  titleTag?: HeadingLevel;\r\n  mainLayout?: \"layout1\" | \"layout2\";\r\n  className?: string;\r\n  classNameTitle?: string;\r\n  classNameDescription?: string;\r\n  links?: SupportBannerLink[];\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n};\r\n\r\nexport const SupportBanner = ({\r\n  bannerType = \"outline\",\r\n  title,\r\n  description = \"\",\r\n  titleTag: TitleTag = \"h1\",\r\n  mainLayout = \"layout1\",\r\n  className = \"\",\r\n  classNameTitle = \"\",\r\n  classNameDescription = \"\",\r\n  links = [],\r\n  asLink = \"a\",\r\n}: SupportBannerProps) => {\r\n  const LinkComponent = asLink;\r\n  const renderCTA = useMemo(() => {\r\n    if (!links || links.length === 0) return null;\r\n    return links.map((link, index) => {\r\n      const variant =\r\n        link.variant ?? (link.href ? \"outlineButtonHref\" : \"button\");\r\n      const Renderer = CTA_COMPONENTS(LinkComponent)[variant];\r\n      return (\r\n        <div key={index} className=\"ui-banner-link\">\r\n          {Renderer(link)}\r\n        </div>\r\n      );\r\n    });\r\n  }, [links, LinkComponent]);\r\n\r\n  return (\r\n    <Col\r\n      br={\"x4\"}\r\n      gap={\"x16\"}\r\n      className={clsx(\r\n        className,\r\n        bannerType === \"outline\" ? \"ui-outline\" : \"bg-lightblue-a03\",\r\n        \"ui-banner shadow \",\r\n      )}\r\n    >\r\n      <TitleTag\r\n        className={clsx(\r\n          \"ui-banner-title text-slate-20\",\r\n          classNameTitle || \"fs-4 fw-bold\",\r\n        )}\r\n      >\r\n        {title}\r\n      </TitleTag>\r\n      <main\r\n        className={clsx(\r\n          mainLayout === \"layout1\"\r\n            ? \"ui-banner-content-layout1 fs-6 text-secondary justify-content-between \"\r\n            : \"ui-banner-content-layout2\",\r\n          \"ui-banner-content fs-6 text-secondary w-100\",\r\n        )}\r\n      >\r\n        <div\r\n          className={clsx(\r\n            classNameDescription,\r\n            mainLayout === \"layout1\" ? \"ui-banner-description\" : \"\",\r\n          )}\r\n        >\r\n          {description}\r\n        </div>\r\n\r\n        <div className={clsx(\"ui-banner-cta\")}>{renderCTA}</div>\r\n      </main>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["SupportBanner","bannerType","title","description","TitleTag","mainLayout","className","classNameTitle","classNameDescription","links","asLink","LinkComponent","renderCTA","useMemo","link","index","variant","Renderer","CTA_COMPONENTS","jsxs","Col","clsx","jsx"],"mappings":"uQAoBaA,EAAgB,CAAC,CAC5B,WAAAC,EAAa,UACb,MAAAC,EACA,YAAAC,EAAc,GACd,SAAUC,EAAW,KACrB,WAAAC,EAAa,UACb,UAAAC,EAAY,GACZ,eAAAC,EAAiB,GACjB,qBAAAC,EAAuB,GACvB,MAAAC,EAAQ,CAAC,EACT,OAAAC,EAAS,GACX,IAA0B,CACxB,MAAMC,EAAgBD,EAChBE,EAAYC,EAAAA,QAAQ,IACpB,CAACJ,GAASA,EAAM,SAAW,EAAU,KAClCA,EAAM,IAAI,CAACK,EAAMC,IAAU,CAChC,MAAMC,EACJF,EAAK,UAAYA,EAAK,KAAO,oBAAsB,UAC/CG,EAAWC,EAAAA,eAAeP,CAAa,EAAEK,CAAO,EACtD,+BACG,MAAgB,CAAA,UAAU,iBACxB,SAASC,EAAAH,CAAI,GADNC,CAEV,CAAA,CAEH,EACA,CAACN,EAAOE,CAAa,CAAC,EAGvB,OAAAQ,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,GAAI,KACJ,IAAK,MACL,UAAWC,EAAA,KACTf,EACAL,IAAe,UAAY,aAAe,mBAC1C,mBACF,EAEA,SAAA,CAAAqB,EAAA,kBAAA,IAAClB,EAAA,CACC,UAAWiB,EAAA,KACT,gCACAd,GAAkB,cACpB,EAEC,SAAAL,CAAA,CACH,EACAiB,EAAA,kBAAA,KAAC,OAAA,CACC,UAAWE,EAAA,KACThB,IAAe,UACX,yEACA,4BACJ,6CACF,EAEA,SAAA,CAAAiB,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWD,EAAA,KACTb,EACAH,IAAe,UAAY,wBAA0B,EACvD,EAEC,SAAAF,CAAA,CACH,0BAEC,MAAI,CAAA,UAAWkB,EAAK,KAAA,eAAe,EAAI,SAAUT,CAAA,CAAA,CAAA,CAAA,CAAA,CACpD,CAAA,CACF,CAEJ"}
+{"version":3,"file":"index.cjs126.js","sources":["../src/components/ui/SupportBanner/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./SupportBanner.scss\";\nimport { Col } from \"@/components\";\nimport { useMemo } from \"react\";\nimport { CTA_COMPONENTS, SupportBannerLink } from \"./ctaComponents\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype SupportBannerProps = {\n  bannerType?: \"filled\" | \"outline\";\n  title: string;\n  description?: string;\n  titleTag?: HeadingLevel;\n  mainLayout?: \"layout1\" | \"layout2\";\n  className?: string;\n  classNameTitle?: string;\n  classNameDescription?: string;\n  links?: SupportBannerLink[];\n  asLink?: \"a\" | React.ComponentType<any>;\n};\n\nexport const SupportBanner = ({\n  bannerType = \"outline\",\n  title,\n  description = \"\",\n  titleTag: TitleTag = \"h1\",\n  mainLayout = \"layout1\",\n  className = \"\",\n  classNameTitle = \"\",\n  classNameDescription = \"\",\n  links = [],\n  asLink = \"a\",\n}: SupportBannerProps) => {\n  const LinkComponent = asLink;\n  const renderCTA = useMemo(() => {\n    if (!links || links.length === 0) return null;\n    return links.map((link, index) => {\n      const variant =\n        link.variant ?? (link.href ? \"outlineButtonHref\" : \"button\");\n      const Renderer = CTA_COMPONENTS(LinkComponent)[variant];\n      return (\n        <div key={index} className=\"ui-banner-link\">\n          {Renderer(link)}\n        </div>\n      );\n    });\n  }, [links, LinkComponent]);\n\n  return (\n    <Col\n      br={\"x4\"}\n      gap={\"x16\"}\n      className={clsx(\n        className,\n        bannerType === \"outline\" ? \"ui-outline\" : \"bg-lightblue-a03\",\n        \"ui-banner shadow \",\n      )}\n    >\n      <TitleTag\n        className={clsx(\n          \"ui-banner-title text-slate-20\",\n          classNameTitle || \"fs-4 fw-bold\",\n        )}\n      >\n        {title}\n      </TitleTag>\n      <main\n        className={clsx(\n          mainLayout === \"layout1\"\n            ? \"ui-banner-content-layout1 fs-6 text-secondary justify-content-between \"\n            : \"ui-banner-content-layout2\",\n          \"ui-banner-content fs-6 text-secondary w-100\",\n        )}\n      >\n        <div\n          className={clsx(\n            classNameDescription,\n            mainLayout === \"layout1\" ? \"ui-banner-description\" : \"\",\n          )}\n        >\n          {description}\n        </div>\n\n        <div className={clsx(\"ui-banner-cta\")}>{renderCTA}</div>\n      </main>\n    </Col>\n  );\n};\n"],"names":["SupportBanner","bannerType","title","description","TitleTag","mainLayout","className","classNameTitle","classNameDescription","links","asLink","LinkComponent","renderCTA","useMemo","link","index","variant","Renderer","CTA_COMPONENTS","jsxs","Col","clsx","jsx"],"mappings":"uQAoBaA,EAAgB,CAAC,CAC5B,WAAAC,EAAa,UACb,MAAAC,EACA,YAAAC,EAAc,GACd,SAAUC,EAAW,KACrB,WAAAC,EAAa,UACb,UAAAC,EAAY,GACZ,eAAAC,EAAiB,GACjB,qBAAAC,EAAuB,GACvB,MAAAC,EAAQ,CAAC,EACT,OAAAC,EAAS,GACX,IAA0B,CACxB,MAAMC,EAAgBD,EAChBE,EAAYC,EAAAA,QAAQ,IACpB,CAACJ,GAASA,EAAM,SAAW,EAAU,KAClCA,EAAM,IAAI,CAACK,EAAMC,IAAU,CAChC,MAAMC,EACJF,EAAK,UAAYA,EAAK,KAAO,oBAAsB,UAC/CG,EAAWC,EAAAA,eAAeP,CAAa,EAAEK,CAAO,EACtD,+BACG,MAAgB,CAAA,UAAU,iBACxB,SAASC,EAAAH,CAAI,GADNC,CAEV,CAAA,CAEH,EACA,CAACN,EAAOE,CAAa,CAAC,EAGvB,OAAAQ,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,GAAI,KACJ,IAAK,MACL,UAAWC,EAAA,KACTf,EACAL,IAAe,UAAY,aAAe,mBAC1C,mBACF,EAEA,SAAA,CAAAqB,EAAA,kBAAA,IAAClB,EAAA,CACC,UAAWiB,EAAA,KACT,gCACAd,GAAkB,cACpB,EAEC,SAAAL,CAAA,CACH,EACAiB,EAAA,kBAAA,KAAC,OAAA,CACC,UAAWE,EAAA,KACThB,IAAe,UACX,yEACA,4BACJ,6CACF,EAEA,SAAA,CAAAiB,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWD,EAAA,KACTb,EACAH,IAAe,UAAY,wBAA0B,EACvD,EAEC,SAAAF,CAAA,CACH,0BAEC,MAAI,CAAA,UAAWkB,EAAK,KAAA,eAAe,EAAI,SAAUT,CAAA,CAAA,CAAA,CAAA,CAAA,CACpD,CAAA,CACF,CAEJ"}

package/dist/index.cjs127.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs127.js","sources":["../src/components/ui/SvgIcon/index.tsx"],"sourcesContent":["import { IconInfoType } from \"@/sections/FaqSections\";\r\nimport React, { useEffect, useState } from \"react\";\r\n\r\ninterface SvgIconProps {\r\n  icon: IconInfoType;\r\n  className?: string;\r\n  style?: React.CSSProperties;\r\n}\r\n\r\nexport const SvgIcon: React.FC<SvgIconProps> = ({ \r\n  icon, \r\n  className = \"\",\r\n  style = {}\r\n}) => {\r\n  const [svgContent, setSvgContent] = useState<string>(\"\");\r\n  const [error, setError] = useState<boolean>(false);\r\n  const [isLoading, setIsLoading] = useState<boolean>(true);\r\n\r\n  const isDecorative = icon?.data?.additionalInfo?.customData?.isDecorative;\r\n  const altText = icon?.data?.additionalInfo?.customData?.translations?.it?.altText || \"Icona\";\r\n\r\n  useEffect(() => {\r\n    if (!icon?.url) {\r\n      setError(true);\r\n      setIsLoading(false);\r\n      return;\r\n    }\r\n\r\n    const fetchSvg = async () => {\r\n      try {\r\n        setIsLoading(true);\r\n        const response = await fetch(icon.url!);\r\n        if (!response.ok) throw new Error(`HTTP ${response.status}: Failed to fetch SVG`);\r\n        \r\n        const svgText = await response.text();\r\n        \r\n        // Basic validation to ensure it's actually SVG content\r\n        if (!svgText.includes('<svg')) {\r\n          throw new Error('Response is not valid SVG content');\r\n        }\r\n        \r\n        setSvgContent(svgText);\r\n        setError(false);\r\n      } catch (err) {\r\n        console.error('Error fetching SVG:', err);\r\n        setError(true);\r\n      } finally {\r\n        setIsLoading(false);\r\n      }\r\n    };\r\n\r\n    fetchSvg();\r\n  }, [icon?.url]);\r\n\r\n  const containerStyle = {\r\n    width: icon?.size?.width ?? 40,\r\n    height: icon?.size?.height ?? 40,\r\n    ...(icon?.position?.x !== undefined || icon?.position?.y !== undefined\r\n      ? {\r\n          transform: `translate(${icon?.position?.x ?? 0}px, ${icon?.position?.y ?? 0}px)`,\r\n        }\r\n      : {}),\r\n    ...style\r\n  };\r\n\r\n  // Show loading state or fallback while fetching\r\n  if (isLoading || error || !svgContent) {\r\n    return (\r\n      <img\r\n        src={icon?.url || \"\"}\r\n        alt={isDecorative ? \"\" : altText}\r\n        aria-hidden={isDecorative}\r\n        width={icon?.size?.width ?? 40}\r\n        height={icon?.size?.height ?? 40}\r\n        className={className}\r\n        style={{ \r\n          opacity: isLoading ? 0.5 : 1,\r\n          transition: 'opacity 0.2s ease-in-out',\r\n          ...containerStyle\r\n        }}\r\n      />\r\n    );\r\n  }\r\n\r\n  // For decorative images, hide from screen readers\r\n  if (isDecorative) {\r\n    return (\r\n      <div\r\n        className={className}\r\n        style={containerStyle}\r\n        aria-hidden=\"true\"\r\n        dangerouslySetInnerHTML={{ __html: svgContent }}\r\n      />\r\n    );\r\n  }\r\n\r\n  // For non-decorative images, include aria-label\r\n  return (\r\n    <div\r\n      className={className}\r\n      style={containerStyle}\r\n      role=\"img\"\r\n      aria-label={altText}\r\n      dangerouslySetInnerHTML={{ __html: svgContent }}\r\n    />\r\n  );\r\n};"],"names":["SvgIcon","icon","className","style","svgContent","setSvgContent","useState","error","setError","isLoading","setIsLoading","isDecorative","_c","_b","_a","altText","_h","_g","_f","_e","_d","useEffect","response","svgText","err","containerStyle","_i","_j","_k","_l","_m","_n","jsx","_o","_p"],"mappings":"wIASaA,EAAkC,CAAC,CAC9C,KAAAC,EACA,UAAAC,EAAY,GACZ,MAAAC,EAAQ,CAAA,CACV,IAAM,qCACJ,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAiB,EAAE,EACjD,CAACC,EAAOC,CAAQ,EAAIF,EAAAA,SAAkB,EAAK,EAC3C,CAACG,EAAWC,CAAY,EAAIJ,EAAAA,SAAkB,EAAI,EAElDK,GAAeC,GAAAC,GAAAC,EAAAb,GAAA,YAAAA,EAAM,OAAN,YAAAa,EAAY,iBAAZ,YAAAD,EAA4B,aAA5B,YAAAD,EAAwC,aACvDG,IAAUC,GAAAC,GAAAC,GAAAC,GAAAC,EAAAnB,GAAA,YAAAA,EAAM,OAAN,YAAAmB,EAAY,iBAAZ,YAAAD,EAA4B,aAA5B,YAAAD,EAAwC,eAAxC,YAAAD,EAAsD,KAAtD,YAAAD,EAA0D,UAAW,QAErFK,EAAAA,UAAU,IAAM,CACV,GAAA,EAACpB,GAAA,MAAAA,EAAM,KAAK,CACdO,EAAS,EAAI,EACbE,EAAa,EAAK,EAClB,MAAA,EAGe,SAAY,CACvB,GAAA,CACFA,EAAa,EAAI,EACjB,MAAMY,EAAW,MAAM,MAAMrB,EAAK,GAAI,EAClC,GAAA,CAACqB,EAAS,GAAI,MAAM,IAAI,MAAM,QAAQA,EAAS,MAAM,uBAAuB,EAE1E,MAAAC,EAAU,MAAMD,EAAS,KAAK,EAGpC,GAAI,CAACC,EAAQ,SAAS,MAAM,EACpB,MAAA,IAAI,MAAM,mCAAmC,EAGrDlB,EAAckB,CAAO,EACrBf,EAAS,EAAK,QACPgB,EAAK,CACJ,QAAA,MAAM,sBAAuBA,CAAG,EACxChB,EAAS,EAAI,CAAA,QACb,CACAE,EAAa,EAAK,CAAA,CAEtB,GAES,CAAA,EACR,CAACT,GAAA,YAAAA,EAAM,GAAG,CAAC,EAEd,MAAMwB,EAAiB,CACrB,QAAOC,EAAAzB,GAAA,YAAAA,EAAM,OAAN,YAAAyB,EAAY,QAAS,GAC5B,SAAQC,EAAA1B,GAAA,YAAAA,EAAM,OAAN,YAAA0B,EAAY,SAAU,GAC9B,KAAIC,EAAA3B,GAAA,YAAAA,EAAM,WAAN,YAAA2B,EAAgB,KAAM,UAAaC,EAAA5B,GAAA,YAAAA,EAAM,WAAN,YAAA4B,EAAgB,KAAM,OACzD,CACE,UAAW,eAAaC,EAAA7B,GAAA,YAAAA,EAAM,WAAN,YAAA6B,EAAgB,IAAK,CAAC,SAAOC,EAAA9B,GAAA,YAAAA,EAAM,WAAN,YAAA8B,EAAgB,IAAK,CAAC,KAAA,EAE7E,CAAC,EACL,GAAG5B,CACL,EAGI,OAAAM,GAAaF,GAAS,CAACH,EAEvB4B,EAAA,kBAAA,IAAC,MAAA,CACC,KAAK/B,GAAA,YAAAA,EAAM,MAAO,GAClB,IAAKU,EAAe,GAAKI,EACzB,cAAaJ,EACb,QAAOsB,EAAAhC,GAAA,YAAAA,EAAM,OAAN,YAAAgC,EAAY,QAAS,GAC5B,SAAQC,EAAAjC,GAAA,YAAAA,EAAM,OAAN,YAAAiC,EAAY,SAAU,GAC9B,UAAAhC,EACA,MAAO,CACL,QAASO,EAAY,GAAM,EAC3B,WAAY,2BACZ,GAAGgB,CAAA,CACL,CACF,EAKAd,EAEAqB,EAAA,kBAAA,IAAC,MAAA,CACC,UAAA9B,EACA,MAAOuB,EACP,cAAY,OACZ,wBAAyB,CAAE,OAAQrB,CAAW,CAAA,CAChD,EAMF4B,EAAA,kBAAA,IAAC,MAAA,CACC,UAAA9B,EACA,MAAOuB,EACP,KAAK,MACL,aAAYV,EACZ,wBAAyB,CAAE,OAAQX,CAAW,CAAA,CAChD,CAEJ"}
+{"version":3,"file":"index.cjs127.js","sources":["../src/components/ui/SvgIcon/index.tsx"],"sourcesContent":["import { IconInfoType } from \"@/sections/FaqSections\";\nimport React, { useEffect, useState } from \"react\";\n\ninterface SvgIconProps {\n  icon: IconInfoType;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport const SvgIcon: React.FC<SvgIconProps> = ({ \n  icon, \n  className = \"\",\n  style = {}\n}) => {\n  const [svgContent, setSvgContent] = useState<string>(\"\");\n  const [error, setError] = useState<boolean>(false);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n\n  const isDecorative = icon?.data?.additionalInfo?.customData?.isDecorative;\n  const altText = icon?.data?.additionalInfo?.customData?.translations?.it?.altText || \"Icona\";\n\n  useEffect(() => {\n    if (!icon?.url) {\n      setError(true);\n      setIsLoading(false);\n      return;\n    }\n\n    const fetchSvg = async () => {\n      try {\n        setIsLoading(true);\n        const response = await fetch(icon.url!);\n        if (!response.ok) throw new Error(`HTTP ${response.status}: Failed to fetch SVG`);\n        \n        const svgText = await response.text();\n        \n        // Basic validation to ensure it's actually SVG content\n        if (!svgText.includes('<svg')) {\n          throw new Error('Response is not valid SVG content');\n        }\n        \n        setSvgContent(svgText);\n        setError(false);\n      } catch (err) {\n        console.error('Error fetching SVG:', err);\n        setError(true);\n      } finally {\n        setIsLoading(false);\n      }\n    };\n\n    fetchSvg();\n  }, [icon?.url]);\n\n  const containerStyle = {\n    width: icon?.size?.width ?? 40,\n    height: icon?.size?.height ?? 40,\n    ...(icon?.position?.x !== undefined || icon?.position?.y !== undefined\n      ? {\n          transform: `translate(${icon?.position?.x ?? 0}px, ${icon?.position?.y ?? 0}px)`,\n        }\n      : {}),\n    ...style\n  };\n\n  // Show loading state or fallback while fetching\n  if (isLoading || error || !svgContent) {\n    return (\n      <img\n        src={icon?.url || \"\"}\n        alt={isDecorative ? \"\" : altText}\n        aria-hidden={isDecorative}\n        width={icon?.size?.width ?? 40}\n        height={icon?.size?.height ?? 40}\n        className={className}\n        style={{ \n          opacity: isLoading ? 0.5 : 1,\n          transition: 'opacity 0.2s ease-in-out',\n          ...containerStyle\n        }}\n      />\n    );\n  }\n\n  // For decorative images, hide from screen readers\n  if (isDecorative) {\n    return (\n      <div\n        className={className}\n        style={containerStyle}\n        aria-hidden=\"true\"\n        dangerouslySetInnerHTML={{ __html: svgContent }}\n      />\n    );\n  }\n\n  // For non-decorative images, include aria-label\n  return (\n    <div\n      className={className}\n      style={containerStyle}\n      role=\"img\"\n      aria-label={altText}\n      dangerouslySetInnerHTML={{ __html: svgContent }}\n    />\n  );\n};"],"names":["SvgIcon","icon","className","style","svgContent","setSvgContent","useState","error","setError","isLoading","setIsLoading","isDecorative","_c","_b","_a","altText","_h","_g","_f","_e","_d","useEffect","response","svgText","err","containerStyle","_i","_j","_k","_l","_m","_n","jsx","_o","_p"],"mappings":"wIASaA,EAAkC,CAAC,CAC9C,KAAAC,EACA,UAAAC,EAAY,GACZ,MAAAC,EAAQ,CAAA,CACV,IAAM,qCACJ,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAiB,EAAE,EACjD,CAACC,EAAOC,CAAQ,EAAIF,EAAAA,SAAkB,EAAK,EAC3C,CAACG,EAAWC,CAAY,EAAIJ,EAAAA,SAAkB,EAAI,EAElDK,GAAeC,GAAAC,GAAAC,EAAAb,GAAA,YAAAA,EAAM,OAAN,YAAAa,EAAY,iBAAZ,YAAAD,EAA4B,aAA5B,YAAAD,EAAwC,aACvDG,IAAUC,GAAAC,GAAAC,GAAAC,GAAAC,EAAAnB,GAAA,YAAAA,EAAM,OAAN,YAAAmB,EAAY,iBAAZ,YAAAD,EAA4B,aAA5B,YAAAD,EAAwC,eAAxC,YAAAD,EAAsD,KAAtD,YAAAD,EAA0D,UAAW,QAErFK,EAAAA,UAAU,IAAM,CACV,GAAA,EAACpB,GAAA,MAAAA,EAAM,KAAK,CACdO,EAAS,EAAI,EACbE,EAAa,EAAK,EAClB,MAAA,EAGe,SAAY,CACvB,GAAA,CACFA,EAAa,EAAI,EACjB,MAAMY,EAAW,MAAM,MAAMrB,EAAK,GAAI,EAClC,GAAA,CAACqB,EAAS,GAAI,MAAM,IAAI,MAAM,QAAQA,EAAS,MAAM,uBAAuB,EAE1E,MAAAC,EAAU,MAAMD,EAAS,KAAK,EAGpC,GAAI,CAACC,EAAQ,SAAS,MAAM,EACpB,MAAA,IAAI,MAAM,mCAAmC,EAGrDlB,EAAckB,CAAO,EACrBf,EAAS,EAAK,QACPgB,EAAK,CACJ,QAAA,MAAM,sBAAuBA,CAAG,EACxChB,EAAS,EAAI,CAAA,QACb,CACAE,EAAa,EAAK,CAAA,CAEtB,GAES,CAAA,EACR,CAACT,GAAA,YAAAA,EAAM,GAAG,CAAC,EAEd,MAAMwB,EAAiB,CACrB,QAAOC,EAAAzB,GAAA,YAAAA,EAAM,OAAN,YAAAyB,EAAY,QAAS,GAC5B,SAAQC,EAAA1B,GAAA,YAAAA,EAAM,OAAN,YAAA0B,EAAY,SAAU,GAC9B,KAAIC,EAAA3B,GAAA,YAAAA,EAAM,WAAN,YAAA2B,EAAgB,KAAM,UAAaC,EAAA5B,GAAA,YAAAA,EAAM,WAAN,YAAA4B,EAAgB,KAAM,OACzD,CACE,UAAW,eAAaC,EAAA7B,GAAA,YAAAA,EAAM,WAAN,YAAA6B,EAAgB,IAAK,CAAC,SAAOC,EAAA9B,GAAA,YAAAA,EAAM,WAAN,YAAA8B,EAAgB,IAAK,CAAC,KAAA,EAE7E,CAAC,EACL,GAAG5B,CACL,EAGI,OAAAM,GAAaF,GAAS,CAACH,EAEvB4B,EAAA,kBAAA,IAAC,MAAA,CACC,KAAK/B,GAAA,YAAAA,EAAM,MAAO,GAClB,IAAKU,EAAe,GAAKI,EACzB,cAAaJ,EACb,QAAOsB,EAAAhC,GAAA,YAAAA,EAAM,OAAN,YAAAgC,EAAY,QAAS,GAC5B,SAAQC,EAAAjC,GAAA,YAAAA,EAAM,OAAN,YAAAiC,EAAY,SAAU,GAC9B,UAAAhC,EACA,MAAO,CACL,QAASO,EAAY,GAAM,EAC3B,WAAY,2BACZ,GAAGgB,CAAA,CACL,CACF,EAKAd,EAEAqB,EAAA,kBAAA,IAAC,MAAA,CACC,UAAA9B,EACA,MAAOuB,EACP,cAAY,OACZ,wBAAyB,CAAE,OAAQrB,CAAW,CAAA,CAChD,EAMF4B,EAAA,kBAAA,IAAC,MAAA,CACC,UAAA9B,EACA,MAAOuB,EACP,KAAK,MACL,aAAYV,EACZ,wBAAyB,CAAE,OAAQX,CAAW,CAAA,CAChD,CAEJ"}

package/dist/index.cjs128.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Switch/Switch.css');const e=require("./index.cjs250.js"),r=require("./index.cjs425.js"),h=require("./index.cjs116.js");;/* empty css              */const l=require("./index.cjs216.js"),m=require("./index.cjs164.js"),a=({id:t=void 0,label:s="Visibile",checked:i=!1,setValue:n,name:o,disabled:x=!1,className:u})=>e.jsxRuntimeExports.jsxs(h.Row,{alignItems:"center",gap:"x16",className:u,children:[s&&e.jsxRuntimeExports.jsx("label",{className:"text-muted fs-6 fw-bold",htmlFor:t,children:s}),e.jsxRuntimeExports.jsx(r.Root,{id:t,disabled:x,checked:i,onCheckedChange:c=>{n(o??"",c)},className:"ui-switch","aria-label":s,children:e.jsxRuntimeExports.jsx(r.Thumb,{className:"ui-switch-thumb",children:i?e.jsxRuntimeExports.jsx(l.CheckIcon,{width:12,height:12}):e.jsxRuntimeExports.jsx(m.Close,{width:12,height:12})})})]});exports.Switch=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Switch/Switch.css');const e=require("./index.cjs250.js"),r=require("./index.cjs448.js"),h=require("./index.cjs116.js");;/* empty css              */const l=require("./index.cjs216.js"),m=require("./index.cjs164.js"),a=({id:t=void 0,label:s="Visibile",checked:i=!1,setValue:n,name:o,disabled:x=!1,className:u})=>e.jsxRuntimeExports.jsxs(h.Row,{alignItems:"center",gap:"x16",className:u,children:[s&&e.jsxRuntimeExports.jsx("label",{className:"text-muted fs-6 fw-bold",htmlFor:t,children:s}),e.jsxRuntimeExports.jsx(r.Root,{id:t,disabled:x,checked:i,onCheckedChange:c=>{n(o??"",c)},className:"ui-switch","aria-label":s,children:e.jsxRuntimeExports.jsx(r.Thumb,{className:"ui-switch-thumb",children:i?e.jsxRuntimeExports.jsx(l.CheckIcon,{width:12,height:12}):e.jsxRuntimeExports.jsx(m.Close,{width:12,height:12})})})]});exports.Switch=a;
 //# sourceMappingURL=index.cjs128.js.map