@anoki/fse-ui 2.3.0-7-SNAPSHOT2 → 2.3.0-7-SNAPSHOT3

package/dist/index.es120.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es243.js";
 import { useState as C, useId as G } from "react";
 import { clsx as m } from "./index.es245.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
-import { useMediaQuery as Q } from "./index.es287.js";
+import { useMediaQuery as Q } from "./index.es286.js";
 import { Close as S } from "./index.es184.js";
 import { Col as A } from "./index.es61.js";
 import { Button as D } from "./index.es32.js";

package/dist/index.es120.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es120.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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"}
+{"version":3,"file":"index.es120.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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"}

package/dist/index.es121.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es121.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":"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"}
+{"version":3,"file":"index.es121.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":"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"}

package/dist/index.es122.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es243.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
 import { clsx as l } from "./index.es245.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es287.js";
+import { useMediaQuery as N } from "./index.es286.js";
 import { Close as I } from "./index.es184.js";
 import { Col as y } from "./index.es61.js";
 import { Button as L } from "./index.es32.js";

package/dist/index.es122.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es122.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","e","inputValue","results","item","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","Button"],"mappings":"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"}
+{"version":3,"file":"index.es122.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","e","inputValue","results","item","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","Button"],"mappings":"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"}

package/dist/index.es123.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es123.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":";;AAEO,MAAMA,IAA0B,MAEnCC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,uCAEb,UAAA;AAAA,EAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,wCACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kDAAA,CAAkD;AAAA,IACjEA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,iDAAA,CAAiD;AAAA,IAChEA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kDAAA,CAAkD;AAAA,EAAA,GACnE;AAAA,EAGAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wCAAA,CAAwC;AAAA,EAGvDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wDAAA,CAAwD;AAAA,EAGvED,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,qCAEb,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,+CAAA,CAA+C;AAAA,MAC9DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2CAAA,CAA2C;AAAA,MAC1DD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,MAAA,GAC/D;AAAA,MACAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,MAAA,GAC/D;AAAA,MACAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,MAAA,EAAA,CAC/D;AAAA,IAAA,GACF;AAAA,IAGAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,qCAEb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,+CAAA,CAA+C;AAAA,MAG9DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,sCAAA,CAAsC;AAAA,IAAA,EAAA,CACvD;AAAA,EAAA,EAAA,CACF;AAAA,GACF;"}
+{"version":3,"file":"index.es123.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":";;AAEO,MAAMA,IAA0B,MAEnCC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,uCAEb,UAAA;AAAA,EAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,wCACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kDAAA,CAAkD;AAAA,IACjEA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,iDAAA,CAAiD;AAAA,IAChEA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kDAAA,CAAkD;AAAA,EAAA,GACnE;AAAA,EAGAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wCAAA,CAAwC;AAAA,EAGvDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wDAAA,CAAwD;AAAA,EAGvED,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,qCAEb,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,+CAAA,CAA+C;AAAA,MAC9DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2CAAA,CAA2C;AAAA,MAC1DD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,MAAA,GAC/D;AAAA,MACAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,MAAA,GAC/D;AAAA,MACAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,QAC7DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8CAAA,CAA8C;AAAA,MAAA,EAAA,CAC/D;AAAA,IAAA,GACF;AAAA,IAGAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,qCAEb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,+CAAA,CAA+C;AAAA,MAG9DA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,sCAAA,CAAsC;AAAA,IAAA,EAAA,CACvD;AAAA,EAAA,EAAA,CACF;AAAA,GACF;"}

package/dist/index.es124.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es124.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  titleId?: string;\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  titleId,\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(\n            \"ui-sections__title d-flex align-items-end gap-x16\",\n            titleMarginBottom,\n            className,\n          )}\n        >\n          <SectionTitle id={titleId} fs={fs} mdFs={mdFs} as={\"h2\"} 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","titleId","color","titleMarginBottom","descriptionClassName","descriptionMarginBottom","description","mdFs","fs","jsxs","Fragment","clsx","SectionTitle","SectionDescription"],"mappings":";;;;AAgBA,MAAMA,IAA4B,CAAC,EAAE,WAAAC,GAAW,UAAAC,QACvCC,gBAAAA,EAAAA,IAAC,WAAA,EAAQ,WAAAF,GAAuB,UAAAC,EAAA,CAAS,GAiB5CE,IAAiB,CAAC;AAAA,EACtB,WAAAH;AAAA,EACA,OAAAI;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,mBAAAC,IAAoB;AAAA,EACpB,sBAAAC,IAAuB;AAAA,EACvB,yBAAAC,IAA0B;AAAA,EAC1B,aAAAC;AAAA,EACA,UAAAT;AAAA,EACA,MAAAU,IAAO;AAAA,EACP,IAAAC,IAAK;AACP,MAEIC,gBAAAA,EAAAA,KAAAC,YAAA,EACG,UAAA;AAAA,EAAAV,KACCS,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAR;AAAA,QACAP;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAE,gBAAAA,EAAAA,IAACc,GAAA,EAAa,IAAIX,GAAS,IAAAO,GAAQ,MAAAD,GAAY,IAAI,MAAM,OAAAL,GACtD,UAAAF,EAAA,CACH;AAAA,QACCH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAGJS,KACCR,gBAAAA,EAAAA;AAAAA,IAACe;AAAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACAN;AAAA,QACAD;AAAA,MAAA;AAAA,MAGD,UAAAE;AAAA,IAAA;AAAA,EAAA;AACH,GAEJ;AAIJX,EAAQ,QAAQiB;AAChBjB,EAAQ,cAAckB;"}
+{"version":3,"file":"index.es124.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  titleId?: string;\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  titleId,\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(\r\n            \"ui-sections__title d-flex align-items-end gap-x16\",\r\n            titleMarginBottom,\r\n            className,\r\n          )}\r\n        >\r\n          <SectionTitle id={titleId} fs={fs} mdFs={mdFs} as={\"h2\"} 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","titleId","color","titleMarginBottom","descriptionClassName","descriptionMarginBottom","description","mdFs","fs","jsxs","Fragment","clsx","SectionTitle","SectionDescription"],"mappings":";;;;AAgBA,MAAMA,IAA4B,CAAC,EAAE,WAAAC,GAAW,UAAAC,QACvCC,gBAAAA,EAAAA,IAAC,WAAA,EAAQ,WAAAF,GAAuB,UAAAC,EAAA,CAAS,GAiB5CE,IAAiB,CAAC;AAAA,EACtB,WAAAH;AAAA,EACA,OAAAI;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,mBAAAC,IAAoB;AAAA,EACpB,sBAAAC,IAAuB;AAAA,EACvB,yBAAAC,IAA0B;AAAA,EAC1B,aAAAC;AAAA,EACA,UAAAT;AAAA,EACA,MAAAU,IAAO;AAAA,EACP,IAAAC,IAAK;AACP,MAEIC,gBAAAA,EAAAA,KAAAC,YAAA,EACG,UAAA;AAAA,EAAAV,KACCS,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAR;AAAA,QACAP;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAE,gBAAAA,EAAAA,IAACc,GAAA,EAAa,IAAIX,GAAS,IAAAO,GAAQ,MAAAD,GAAY,IAAI,MAAM,OAAAL,GACtD,UAAAF,EAAA,CACH;AAAA,QACCH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAGJS,KACCR,gBAAAA,EAAAA;AAAAA,IAACe;AAAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACAN;AAAA,QACAD;AAAA,MAAA;AAAA,MAGD,UAAAE;AAAA,IAAA;AAAA,EAAA;AACH,GAEJ;AAIJX,EAAQ,QAAQiB;AAChBjB,EAAQ,cAAckB;"}

package/dist/index.es125.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es125.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":";;AAEO,MAAMA,IAAuB,MAEhCC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,+BAEb,UAAA;AAAA,EAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,0CAAA,CAA0C;AAAA,IACzDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yCAAA,CAAyC;AAAA,IACxDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,0CAAA,CAA0C;AAAA,EAAA,GAC3D;AAAA,EAGAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,gCAAA,CAAgC;AAAA,EAG/CA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,sCAAA,CAAsC;AAAA,EAGrDD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,4BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,uCAAA,CAAuC;AAAA,IACtDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wCAAA,CAAwC;AAAA,EAAA,GACzD;AAAA,EAGAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wCAAA,CAAwC;AAAA,IAEvDD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,oCAEb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,MAGpDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,IAAA,EAAA,CACtD;AAAA,EAAA,GACF;AAAA,EAGAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wCAAA,CAAwC;AAAA,IAEvDD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,mCAEb,UAAA;AAAA,MAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,QAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,UAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,UACpDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2CAAA,CAA2C;AAAA,QAAA,GAC5D;AAAA,QACAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oCAAA,CAAoC;AAAA,MAAA,GACrD;AAAA,MAGAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,QAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,UAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,UACpDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2CAAA,CAA2C;AAAA,QAAA,GAC5D;AAAA,QACAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oCAAA,CAAoC;AAAA,MAAA,EAAA,CACrD;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF;AAAA,GACF;"}
+{"version":3,"file":"index.es125.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":";;AAEO,MAAMA,IAAuB,MAEhCC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,+BAEb,UAAA;AAAA,EAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,0CAAA,CAA0C;AAAA,IACzDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yCAAA,CAAyC;AAAA,IACxDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,0CAAA,CAA0C;AAAA,EAAA,GAC3D;AAAA,EAGAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,gCAAA,CAAgC;AAAA,EAG/CA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,sCAAA,CAAsC;AAAA,EAGrDD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,4BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,uCAAA,CAAuC;AAAA,IACtDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wCAAA,CAAwC;AAAA,EAAA,GACzD;AAAA,EAGAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wCAAA,CAAwC;AAAA,IAEvDD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,oCAEb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,MAGpDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,IAAA,EAAA,CACtD;AAAA,EAAA,GACF;AAAA,EAGAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,wCAAA,CAAwC;AAAA,IAEvDD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,mCAEb,UAAA;AAAA,MAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,QAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,UAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,UACpDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2CAAA,CAA2C;AAAA,QAAA,GAC5D;AAAA,QACAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oCAAA,CAAoC;AAAA,MAAA,GACrD;AAAA,MAGAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,QAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,UAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,UACpDA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2CAAA,CAA2C;AAAA,QAAA,GAC5D;AAAA,QACAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oCAAA,CAAoC;AAAA,MAAA,EAAA,CACrD;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF;AAAA,GACF;"}

package/dist/index.es126.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es126.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":";;;;;;;;;;;;AAkBA,MAAMA,IAAU;AAAA,EACd;AAAA,IACE,MAAM;AAAA,IACN,4BAAOC,GAAA,EAAK;AAAA,IACZ,MAAM,CAACC,MACL,gDAAgDA,CAAG;AAAA,EAAA;AAAA,EAEvD;AAAA,IACE,MAAM;AAAA,IACN,4BAAOC,GAAA,EAAQ;AAAA,IACf,MAAM,CAACD,GAAaE,MAClB,wCAAwCF,CAAG,SAASE,CAAK;AAAA,EAAA;AAAA,EAE7D;AAAA,IACE,MAAM;AAAA,IACN,4BAAOC,GAAA,EAAM;AAAA,IACb,MAAM,CAACH,GAAaE,MAClB,mBAAmBA,CAAK,SAASF,CAAG;AAAA,EAAA;AAAA,EAExC;AAAA,IACE,MAAM;AAAA,IACN,4BAAOI,GAAA,EAAS;AAAA,IAChB,MAAM,CAACJ,GAAaE,MAClB,uDAAuDF,CAAG,UAAUE,CAAK;AAAA,EAAA;AAAA,EAE7E;AAAA,IACE,MAAM;AAAA,IACN,4BAAOG,GAAA,EAAS;AAAA,IAChB,MAAM,CAACL,GAAaE,MAEX,uBADS,qBAAqBA,CAAK,KAAKF,CAAG,EACb;AAAA,EACvC;AAEJ,GAEaM,IAAc,CAAC,EAAE,WAAAC,GAAW,aAAAC,IAAc,SAAgB;AACrE,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAe,MAAM;AACzB,IAAAF,EAAa,CAACD,CAAS;AAAA,EACzB,GAEMI,IAAU,MAAM;AACpB,IAAAH,EAAa,EAAK;AAAA,EACpB,GAEMI,IAAWC,EAAuB,IAAI;AAE5C,SAAAC,EAAU,MAAM;AACd,aAASC,EAAmBC,GAAmB;AAC7C,MACEJ,EAAS,WACT,CAACA,EAAS,QAAQ,SAASI,EAAM,MAAc,KAE/CL,EAAA;AAAA,IAEJ;AAEA,oBAAS,iBAAiB,aAAaI,CAAkB,GAElD,MAAM;AACX,eAAS,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EACF,GAAG,CAACJ,CAAO,CAAC,GAGVM,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,6BAA6B,EAAE,MAAMX,GAAW;AAAA,MAChE,KAAKK;AAAA,MAEL,UAAA;AAAA,QAAAO,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,oBAAmB;AAAA,YACnB,WAAAf;AAAA,YACA,4BAAOgB,GAAA,EAAU;AAAA,YACjB,cAAcX;AAAA,YACd,eAAe;AAAA,UAAA;AAAA,QAAA;AAAA,QAEjBS,gBAAAA,EAAAA,IAAC,SAAI,WAAU,gBACZ,YAAQ,IAAI,CAACG,GAAQC,MACpBN,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YACV,SAAS,MACP,OAAO;AAAA,cACL,GAAGK,EAAO,KAAK,mBAAmB,OAAO,SAAS,IAAI,GAAG,mBAAmBhB,CAAW,CAAC,CAAC;AAAA,YAAA;AAAA,YAG7F,KAAI;AAAA,YAEH,UAAA;AAAA,cAAAgB,EAAO;AAAA,cACPA,EAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAVH,cAAcC,CAAK;AAAA,QAAA,CAY3B,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es126.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":";;;;;;;;;;;;AAkBA,MAAMA,IAAU;AAAA,EACd;AAAA,IACE,MAAM;AAAA,IACN,4BAAOC,GAAA,EAAK;AAAA,IACZ,MAAM,CAACC,MACL,gDAAgDA,CAAG;AAAA,EAAA;AAAA,EAEvD;AAAA,IACE,MAAM;AAAA,IACN,4BAAOC,GAAA,EAAQ;AAAA,IACf,MAAM,CAACD,GAAaE,MAClB,wCAAwCF,CAAG,SAASE,CAAK;AAAA,EAAA;AAAA,EAE7D;AAAA,IACE,MAAM;AAAA,IACN,4BAAOC,GAAA,EAAM;AAAA,IACb,MAAM,CAACH,GAAaE,MAClB,mBAAmBA,CAAK,SAASF,CAAG;AAAA,EAAA;AAAA,EAExC;AAAA,IACE,MAAM;AAAA,IACN,4BAAOI,GAAA,EAAS;AAAA,IAChB,MAAM,CAACJ,GAAaE,MAClB,uDAAuDF,CAAG,UAAUE,CAAK;AAAA,EAAA;AAAA,EAE7E;AAAA,IACE,MAAM;AAAA,IACN,4BAAOG,GAAA,EAAS;AAAA,IAChB,MAAM,CAACL,GAAaE,MAEX,uBADS,qBAAqBA,CAAK,KAAKF,CAAG,EACb;AAAA,EACvC;AAEJ,GAEaM,IAAc,CAAC,EAAE,WAAAC,GAAW,aAAAC,IAAc,SAAgB;AACrE,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAe,MAAM;AACzB,IAAAF,EAAa,CAACD,CAAS;AAAA,EACzB,GAEMI,IAAU,MAAM;AACpB,IAAAH,EAAa,EAAK;AAAA,EACpB,GAEMI,IAAWC,EAAuB,IAAI;AAE5C,SAAAC,EAAU,MAAM;AACd,aAASC,EAAmBC,GAAmB;AAC7C,MACEJ,EAAS,WACT,CAACA,EAAS,QAAQ,SAASI,EAAM,MAAc,KAE/CL,EAAA;AAAA,IAEJ;AAEA,oBAAS,iBAAiB,aAAaI,CAAkB,GAElD,MAAM;AACX,eAAS,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EACF,GAAG,CAACJ,CAAO,CAAC,GAGVM,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,6BAA6B,EAAE,MAAMX,GAAW;AAAA,MAChE,KAAKK;AAAA,MAEL,UAAA;AAAA,QAAAO,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,oBAAmB;AAAA,YACnB,WAAAf;AAAA,YACA,4BAAOgB,GAAA,EAAU;AAAA,YACjB,cAAcX;AAAA,YACd,eAAe;AAAA,UAAA;AAAA,QAAA;AAAA,QAEjBS,gBAAAA,EAAAA,IAAC,SAAI,WAAU,gBACZ,YAAQ,IAAI,CAACG,GAAQC,MACpBN,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YACV,SAAS,MACP,OAAO;AAAA,cACL,GAAGK,EAAO,KAAK,mBAAmB,OAAO,SAAS,IAAI,GAAG,mBAAmBhB,CAAW,CAAC,CAAC;AAAA,YAAA;AAAA,YAG7F,KAAI;AAAA,YAEH,UAAA;AAAA,cAAAgB,EAAO;AAAA,cACPA,EAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAVH,cAAcC,CAAK;AAAA,QAAA,CAY3B,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/index.es127.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es127.js","sources":["../src/components/ui/SupportBanner/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./SupportBanner.scss\";\nimport { Col, Row } 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  children?: React.ReactNode;\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  children,\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        <Row justifyContent=\"space-between\">\n          {children}\n          <div className={clsx(\"ui-banner-cta\")}>{renderCTA}</div>\n        </Row>\n      </main>\n    </Col>\n  );\n};\n"],"names":["SupportBanner","bannerType","title","description","TitleTag","mainLayout","className","classNameTitle","classNameDescription","links","asLink","children","LinkComponent","renderCTA","useMemo","link","index","variant","Renderer","CTA_COMPONENTS","jsxs","Col","clsx","jsx","Row"],"mappings":";;;;;;;AAqBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,YAAAC,IAAa;AAAA,EACb,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAUC,IAAW;AAAA,EACrB,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,sBAAAC,IAAuB;AAAA,EACvB,OAAAC,IAAQ,CAAA;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,UAAAC;AACF,MAA0B;AACxB,QAAMC,IAAgBF,GAChBG,IAAYC,EAAQ,MACpB,CAACL,KAASA,EAAM,WAAW,IAAU,OAClCA,EAAM,IAAI,CAACM,GAAMC,MAAU;AAChC,UAAMC,IACJF,EAAK,YAAYA,EAAK,OAAO,sBAAsB,WAC/CG,IAAWC,EAAeP,CAAa,EAAEK,CAAO;AACtD,iCACG,OAAA,EAAgB,WAAU,kBACxB,UAAAC,EAASH,CAAI,KADNC,CAEV;AAAA,EAEJ,CAAC,GACA,CAACP,GAAOG,CAAa,CAAC;AAEzB,SACEQ,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,WAAWC;AAAA,QACThB;AAAA,QACAL,MAAe,YAAY,eAAe;AAAA,QAC1C;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAsB,gBAAAA,EAAAA;AAAAA,UAACnB;AAAA,UAAA;AAAA,YACC,WAAWkB;AAAA,cACT;AAAA,cACAf,KAAkB;AAAA,YAAA;AAAA,YAGnB,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,QAEHkB,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE;AAAA,cACTjB,MAAe,YACX,2EACA;AAAA,cACJ;AAAA,YAAA;AAAA,YAGF,UAAA;AAAA,cAAAkB,gBAAAA,EAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWD;AAAA,oBACTd;AAAA,oBACAH,MAAe,YAAY,0BAA0B;AAAA,kBAAA;AAAA,kBAGtD,UAAAF;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGHiB,gBAAAA,EAAAA,KAACI,GAAA,EAAI,gBAAe,iBACjB,UAAA;AAAA,gBAAAb;AAAA,sCACA,OAAA,EAAI,WAAWW,EAAK,eAAe,GAAI,UAAAT,EAAA,CAAU;AAAA,cAAA,EAAA,CACpD;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es127.js","sources":["../src/components/ui/SupportBanner/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./SupportBanner.scss\";\r\nimport { Col, Row } 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  children?: React.ReactNode;\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  children,\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        <Row justifyContent=\"space-between\">\r\n          {children}\r\n          <div className={clsx(\"ui-banner-cta\")}>{renderCTA}</div>\r\n        </Row>\r\n      </main>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["SupportBanner","bannerType","title","description","TitleTag","mainLayout","className","classNameTitle","classNameDescription","links","asLink","children","LinkComponent","renderCTA","useMemo","link","index","variant","Renderer","CTA_COMPONENTS","jsxs","Col","clsx","jsx","Row"],"mappings":";;;;;;;AAqBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,YAAAC,IAAa;AAAA,EACb,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAUC,IAAW;AAAA,EACrB,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,sBAAAC,IAAuB;AAAA,EACvB,OAAAC,IAAQ,CAAA;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,UAAAC;AACF,MAA0B;AACxB,QAAMC,IAAgBF,GAChBG,IAAYC,EAAQ,MACpB,CAACL,KAASA,EAAM,WAAW,IAAU,OAClCA,EAAM,IAAI,CAACM,GAAMC,MAAU;AAChC,UAAMC,IACJF,EAAK,YAAYA,EAAK,OAAO,sBAAsB,WAC/CG,IAAWC,EAAeP,CAAa,EAAEK,CAAO;AACtD,iCACG,OAAA,EAAgB,WAAU,kBACxB,UAAAC,EAASH,CAAI,KADNC,CAEV;AAAA,EAEJ,CAAC,GACA,CAACP,GAAOG,CAAa,CAAC;AAEzB,SACEQ,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,WAAWC;AAAA,QACThB;AAAA,QACAL,MAAe,YAAY,eAAe;AAAA,QAC1C;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAsB,gBAAAA,EAAAA;AAAAA,UAACnB;AAAA,UAAA;AAAA,YACC,WAAWkB;AAAA,cACT;AAAA,cACAf,KAAkB;AAAA,YAAA;AAAA,YAGnB,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,QAEHkB,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE;AAAA,cACTjB,MAAe,YACX,2EACA;AAAA,cACJ;AAAA,YAAA;AAAA,YAGF,UAAA;AAAA,cAAAkB,gBAAAA,EAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWD;AAAA,oBACTd;AAAA,oBACAH,MAAe,YAAY,0BAA0B;AAAA,kBAAA;AAAA,kBAGtD,UAAAF;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGHiB,gBAAAA,EAAAA,KAACI,GAAA,EAAI,gBAAe,iBACjB,UAAA;AAAA,gBAAAb;AAAA,sCACA,OAAA,EAAI,WAAWW,EAAK,eAAe,GAAI,UAAAT,EAAA,CAAU;AAAA,cAAA,EAAA,CACpD;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/index.es128.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es128.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":"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"}
+{"version":3,"file":"index.es128.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":"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"}

package/dist/index.es129.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es129.js","sources":["../src/components/ui/Switch/index.tsx"],"sourcesContent":["import * as SwitchRadix from \"@radix-ui/react-switch\";\nimport { Row } from \"../Row\";\nimport { Close, CheckIcon } from \"@/icons\";\nimport \"./Switch.scss\";\n\ntype SwitchProps = {\n  id?: string;\n  label?: string;\n  checked?: boolean;\n  name?: string;\n  disabled?: boolean;\n  setValue: (name: string, value: boolean) => void;\n  className?: string;\n};\n\nexport const Switch = ({\n  id = undefined,\n  label = \"Visibile\",\n  checked = false,\n  setValue,\n  name,\n  disabled = false,\n  className,\n}: SwitchProps) => {\n  return (\n    <Row alignItems=\"center\" gap=\"x16\" className={className}>\n      {label && (\n        <label className=\"text-muted fs-6 fw-bold\" htmlFor={id}>\n          {label}\n        </label>\n      )}\n      <SwitchRadix.Root\n        id={id}\n        disabled={disabled}\n        checked={checked}\n        onCheckedChange={(value) => {\n          setValue(name ?? \"\", value);\n        }}\n        className={\"ui-switch\"}\n        aria-label={label}\n      >\n        <SwitchRadix.Thumb className={\"ui-switch-thumb\"}>\n          {checked ? (\n            <CheckIcon width={12} height={12} />\n          ) : (\n            <Close width={12} height={12} />\n          )}\n        </SwitchRadix.Thumb>\n      </SwitchRadix.Root>\n    </Row>\n  );\n};\n"],"names":["Switch","id","label","checked","setValue","name","disabled","className","Row","jsx","SwitchRadix.Root","value","SwitchRadix.Thumb","CheckIcon","Close"],"mappings":";;;;;;AAeO,MAAMA,IAAS,CAAC;AAAA,EACrB,IAAAC,IAAK;AAAA,EACL,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AACF,6BAEKC,GAAA,EAAI,YAAW,UAAS,KAAI,OAAM,WAAAD,GAChC,UAAA;AAAA,EAAAL,2BACE,SAAA,EAAM,WAAU,2BAA0B,SAASD,GACjD,UAAAC,GACH;AAAA,EAEFO,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAAT;AAAA,MACA,UAAAK;AAAA,MACA,SAAAH;AAAA,MACA,iBAAiB,CAACQ,MAAU;AAC1B,QAAAP,EAASC,KAAQ,IAAIM,CAAK;AAAA,MAC5B;AAAA,MACA,WAAW;AAAA,MACX,cAAYT;AAAA,MAEZ,UAAAO,gBAAAA,EAAAA,IAACG,GAAA,EAAkB,WAAW,mBAC3B,UAAAT,0BACEU,GAAA,EAAU,OAAO,IAAI,QAAQ,GAAA,CAAI,IAElCJ,gBAAAA,EAAAA,IAACK,GAAA,EAAM,OAAO,IAAI,QAAQ,IAAI,EAAA,CAElC;AAAA,IAAA;AAAA,EAAA;AACF,GACF;"}
+{"version":3,"file":"index.es129.js","sources":["../src/components/ui/Switch/index.tsx"],"sourcesContent":["import * as SwitchRadix from \"@radix-ui/react-switch\";\r\nimport { Row } from \"../Row\";\r\nimport { Close, CheckIcon } from \"@/icons\";\r\nimport \"./Switch.scss\";\r\n\r\ntype SwitchProps = {\r\n  id?: string;\r\n  label?: string;\r\n  checked?: boolean;\r\n  name?: string;\r\n  disabled?: boolean;\r\n  setValue: (name: string, value: boolean) => void;\r\n  className?: string;\r\n};\r\n\r\nexport const Switch = ({\r\n  id = undefined,\r\n  label = \"Visibile\",\r\n  checked = false,\r\n  setValue,\r\n  name,\r\n  disabled = false,\r\n  className,\r\n}: SwitchProps) => {\r\n  return (\r\n    <Row alignItems=\"center\" gap=\"x16\" className={className}>\r\n      {label && (\r\n        <label className=\"text-muted fs-6 fw-bold\" htmlFor={id}>\r\n          {label}\r\n        </label>\r\n      )}\r\n      <SwitchRadix.Root\r\n        id={id}\r\n        disabled={disabled}\r\n        checked={checked}\r\n        onCheckedChange={(value) => {\r\n          setValue(name ?? \"\", value);\r\n        }}\r\n        className={\"ui-switch\"}\r\n        aria-label={label}\r\n      >\r\n        <SwitchRadix.Thumb className={\"ui-switch-thumb\"}>\r\n          {checked ? (\r\n            <CheckIcon width={12} height={12} />\r\n          ) : (\r\n            <Close width={12} height={12} />\r\n          )}\r\n        </SwitchRadix.Thumb>\r\n      </SwitchRadix.Root>\r\n    </Row>\r\n  );\r\n};\r\n"],"names":["Switch","id","label","checked","setValue","name","disabled","className","Row","jsx","SwitchRadix.Root","value","SwitchRadix.Thumb","CheckIcon","Close"],"mappings":";;;;;;AAeO,MAAMA,IAAS,CAAC;AAAA,EACrB,IAAAC,IAAK;AAAA,EACL,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AACF,6BAEKC,GAAA,EAAI,YAAW,UAAS,KAAI,OAAM,WAAAD,GAChC,UAAA;AAAA,EAAAL,2BACE,SAAA,EAAM,WAAU,2BAA0B,SAASD,GACjD,UAAAC,GACH;AAAA,EAEFO,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAAT;AAAA,MACA,UAAAK;AAAA,MACA,SAAAH;AAAA,MACA,iBAAiB,CAACQ,MAAU;AAC1B,QAAAP,EAASC,KAAQ,IAAIM,CAAK;AAAA,MAC5B;AAAA,MACA,WAAW;AAAA,MACX,cAAYT;AAAA,MAEZ,UAAAO,gBAAAA,EAAAA,IAACG,GAAA,EAAkB,WAAW,mBAC3B,UAAAT,0BACEU,GAAA,EAAU,OAAO,IAAI,QAAQ,GAAA,CAAI,IAElCJ,gBAAAA,EAAAA,IAACK,GAAA,EAAM,OAAO,IAAI,QAAQ,IAAI,EAAA,CAElC;AAAA,IAAA;AAAA,EAAA;AACF,GACF;"}

package/dist/index.es131.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es131.js","sources":["../src/components/ui/TableMobile/index.tsx"],"sourcesContent":["import {\n  ActionData,\n  ActionIconText,\n  Col,\n  ColumnConfig,\n  DoubleLineData,\n  Row,\n  TableRowData,\n} from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./TableMobile.scss\";\nimport { Download, Info, TriangleDown, TriangleUp } from \"@/icons\";\nimport { ReactNode } from \"react\";\nimport * as React from \"react\";\nimport { CommonIconsType } from \"@/types/icons.ts\";\nimport { useState } from \"react\";\n\nexport type TableMobileProps = {\n  data: TableRowData[];\n  columns: ColumnConfig[];\n  pagination?: boolean;\n  resultsPerPage?: number;\n  totalResults?: number;\n  initialCurrentPage?: number;\n  serverSidePagination?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  onPageChange?: (page: number) => void;\n  setCurrentPage?: (page: number) => void;\n  sortConfig?: { key: string; direction: \"asc\" | \"desc\" } | null;\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n};\n\nexport const TableMobile = ({\n  data,\n  columns,\n  pagination = true,\n  resultsPerPage = 5,\n  totalResults,\n  initialCurrentPage = 1,\n  serverSidePagination = false,\n  totalItems,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\n  onPageChange,\n  setCurrentPage: externalSetCurrentPage,\n  sortConfig = null,\n  onSortChange,\n}: TableMobileProps) => {\n  const [currentPage, setInternalCurrentPage] = useState(initialCurrentPage);\n  const handleSetCurrentPage = (page: number) => {\n    setInternalCurrentPage(page);\n    externalSetCurrentPage?.(page);\n  };\n\n  const sortedData = React.useMemo(() => {\n    if (!sortConfig) return data;\n\n    return [...data].sort((a, b) => {\n      const aValue = a[sortConfig.key];\n      const bValue = b[sortConfig.key];\n\n      const aText =\n        typeof aValue === \"object\" && \"firstLine\" in aValue\n          ? aValue.firstLine\n          : aValue;\n      const bText =\n        typeof bValue === \"object\" && \"firstLine\" in bValue\n          ? bValue.firstLine\n          : bValue;\n\n      if (aText < bText) {\n        return sortConfig.direction === \"asc\" ? -1 : 1;\n      }\n      if (aText > bText) {\n        return sortConfig.direction === \"asc\" ? 1 : -1;\n      }\n      return 0;\n    });\n  }, [data, sortConfig]);\n\n  const startIndex = serverSidePagination\n    ? 0\n    : (currentPage - 1) * resultsPerPage;\n  const endIndex = serverSidePagination\n    ? sortedData.length\n    : Math.min(startIndex + resultsPerPage, sortedData.length);\n  const currentPageData = sortedData.slice(startIndex, endIndex);\n\n  return (\n    <Col className={\"w-full h-full\"} gap={\"x16\"}>\n      {currentPageData.map((data, index) => (\n        <CardTable\n          columns={columns}\n          key={index}\n          data={data}\n          sortConfig={sortConfig}\n          onSortChange={onSortChange}\n        />\n      ))}\n\n      {pagination && (\n        <TableMobilePagination\n          currentPage={currentPage}\n          totalResults={totalResults || sortedData.length}\n          resultsPerPage={resultsPerPage}\n          setCurrentPage={handleSetCurrentPage}\n          onPageChange={onPageChange}\n          serverSide={serverSidePagination}\n          totalItems={totalItems}\n          hasNextPage={hasNextPage}\n          hasPreviousPage={hasPreviousPage}\n          onNextPage={onNextPage}\n          onPreviousPage={onPreviousPage}\n          currentResultsPerPage={\n            serverSidePagination ? sortedData.length : resultsPerPage\n          }\n          className=\"mt-x16\"\n        />\n      )}\n    </Col>\n  );\n};\n\nexport type CardTableProps = {\n  columns: ColumnConfig[];\n  data: TableRowData;\n  sortConfig: { key: string; direction: \"asc\" | \"desc\" } | null;\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n};\n\nconst ActionContent: React.FC<{ data: ActionData }> = ({ data }) => {\n  if (data.type === \"link\" && data.link) {\n    return (\n      <a href={data.link} aria-label={data.ariaLabel}>\n        {data.label}\n      </a>\n    );\n  }\n  return (\n    <button onClick={data.action} aria-label={data.ariaLabel}>\n      {data.label}\n    </button>\n  );\n};\n\nexport const CardTable = ({\n  columns,\n  sortConfig,\n  data,\n  onSortChange,\n}: CardTableProps) => {\n  const renderColumnValue = (value: any): ReactNode => {\n    if (!value) return \"\";\n\n    if (typeof value === \"object\" && \"firstLine\" in value) {\n      const doubleLineValue = value as DoubleLineData;\n      return `${doubleLineValue.firstLine}${doubleLineValue.secondLine ? ` ${doubleLineValue.secondLine}` : \"\"}`;\n    }\n\n    if (typeof value === \"object\" && \"label\" in value && \"type\" in value) {\n      return <ActionContent data={value} />;\n    }\n\n    return value;\n  };\n\n  const renderIcon = (icon: React.ReactNode | CommonIconsType) => {\n    switch (icon) {\n      case \"info\":\n        return <Info />;\n      case \"download\":\n        return <Download />;\n      default:\n        return icon;\n    }\n  };\n\n  const handleSortClick = (key: string) => {\n    if (!onSortChange || !sortConfig) return;\n\n    const newDirection =\n      sortConfig.key === key\n        ? sortConfig.direction === \"asc\"\n          ? \"desc\"\n          : \"asc\"\n        : \"asc\";\n\n    onSortChange(key, newDirection);\n  };\n\n  return (\n    <div\n      className={clsx(\"ui-card-table shadow br-x4 text-slate-28 fs-custom \")}\n    >\n      {columns.map((column, index) => {\n        if (!column.key || column.key === \"actionData\") {\n          return (\n            <Row\n              key={index}\n              p={\"x16\"}\n              className={\"ui-table-header\"}\n              justifyContent={\"space-between\"}\n            >\n              <Col justifyContent={\"end\"} gap={\"x4\"} className={\"w-full\"}>\n                <Row justifyContent={\"end\"} className=\"table-mobile-actions\">\n                  {renderColumnValue(data.actionData)}\n                </Row>\n              </Col>\n            </Row>\n          );\n        }\n\n        const columnValue = data[column.key];\n        const config = column;\n        const isSorted = sortConfig?.key === column.key;\n        const sortDirection = isSorted ? sortConfig.direction : null;\n\n        return (\n          <Row\n            key={index}\n            p={\"x16\"}\n            className={\"ui-table-header\"}\n            justifyContent={\"space-between\"}\n          >\n            <Col justifyContent={\"center\"} gap={\"x4\"} className={\"w-full\"}>\n              <ActionIconText\n                justifyContent={\"space-between\"}\n                alignItems={\"center\"}\n                icon={renderIcon(config.icon)}\n                noIcon={!renderIcon(config.icon)}\n                textLabel={config.label}\n                iconPosition={config.iconPosition}\n                popupInfo={config.popupInfo}\n                positionPopUp={\"left\"}\n                classNameText={\"fw-bold text-slate-28 fs-custom md-fs-6\"}\n              >\n                {config.sortable && (\n                  <span\n                    className=\"sort-indicator\"\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      handleSortClick(column.key!);\n                    }}\n                  >\n                    <TriangleUp\n                      filled={isSorted && sortDirection === \"desc\"}\n                      className={clsx(\"sort-indicator__triangle\", {\n                        active: isSorted && sortDirection === \"desc\",\n                      })}\n                    />\n                    <TriangleDown\n                      filled={isSorted && sortDirection === \"asc\"}\n                      className={clsx(\"sort-indicator__triangle\", {\n                        active: isSorted && sortDirection === \"asc\",\n                      })}\n                    />\n                  </span>\n                )}\n              </ActionIconText>\n              <Row>{renderColumnValue(columnValue)}</Row>\n            </Col>\n          </Row>\n        );\n      })}\n    </div>\n  );\n};\n\nexport type TableMobilePaginationProps = {\n  currentPage?: number;\n  totalResults?: number;\n  resultsPerPage: number;\n  setCurrentPage?: (page: number) => void;\n  onPageChange?: (page: number) => void;\n  className?: string;\n  serverSide?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  currentResultsPerPage?: number;\n};\n\nexport const TableMobilePagination: React.FC<TableMobilePaginationProps> = ({\n  currentPage = 1,\n  totalResults = 0,\n  resultsPerPage,\n  setCurrentPage,\n  onPageChange,\n  className,\n  serverSide = false,\n  totalItems,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\n  currentResultsPerPage = resultsPerPage,\n}) => {\n  const totalPages = serverSide\n    ? Math.ceil((totalItems || totalResults) / resultsPerPage)\n    : Math.ceil(totalResults / resultsPerPage);\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage?.(page);\n    if (onPageChange) {\n      onPageChange(page);\n    }\n  };\n\n  const handleNextPage = () => {\n    const nextPage = currentPage + 1;\n    if (serverSide && onNextPage) {\n      onNextPage();\n    }\n    handlePageChange(nextPage);\n  };\n\n  const handlePreviousPage = () => {\n    const prevPage = currentPage - 1;\n    if (serverSide && onPreviousPage) {\n      onPreviousPage();\n    }\n    handlePageChange(prevPage);\n  };\n\n  const isNextDisabled = serverSide ? !hasNextPage : currentPage === totalPages;\n  const isPrevDisabled = serverSide ? !hasPreviousPage : currentPage === 1;\n\n  const getPageNumbers = () => {\n    const pages = [];\n    const maxVisiblePages = 5;\n\n    if (totalPages <= maxVisiblePages) {\n      for (let i = 1; i <= totalPages; i++) {\n        pages.push(i);\n      }\n    } else {\n      pages.push(1);\n\n      let start = Math.max(2, currentPage - 1);\n      let end = Math.min(totalPages - 1, currentPage + 1);\n\n      if (currentPage <= 3) {\n        end = 4;\n      } else if (currentPage >= totalPages - 2) {\n        start = totalPages - 3;\n      }\n\n      if (start > 2) {\n        pages.push(\"...\");\n      }\n\n      for (let i = start; i <= end; i++) {\n        pages.push(i);\n      }\n\n      if (end < totalPages - 1) {\n        pages.push(\"...\");\n      }\n\n      pages.push(totalPages);\n    }\n\n    return pages;\n  };\n\n  return (\n    <div className={clsx(\"pagination-mobile\", className)}>\n      <div className=\"pagination-mobile__info\">\n        Stai visualizzando{\" \"}\n        <span className=\"pagination-mobile__info__resultsPerPage\">\n          {serverSide\n            ? currentResultsPerPage\n            : currentPage === totalPages && totalResults % resultsPerPage !== 0\n              ? totalResults % resultsPerPage\n              : resultsPerPage}\n        </span>{\" \"}\n        di {serverSide ? totalItems || totalResults : totalResults} risultati\n      </div>\n      <div className=\"pagination-mobile__nav\">\n        <button\n          className={clsx(\n            \"pagination-mobile__button\",\n            isPrevDisabled && \"pagination-mobile__button--disabled\",\n          )}\n          onClick={handlePreviousPage}\n          disabled={isPrevDisabled}\n          aria-label=\"Previous page\"\n        >\n          <svg\n            className=\"pagination-mobile__button-arrow\"\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path d=\"M15 18l-6-6 6-6\" />\n          </svg>\n        </button>\n\n        {getPageNumbers().map((page, index) =>\n          page === \"...\" ? (\n            <span\n              key={`ellipsis-${index}`}\n              className=\"pagination-mobile__ellipsis\"\n            >\n              ...\n            </span>\n          ) : (\n            <button\n              key={page}\n              className={clsx(\n                \"pagination-mobile__button\",\n                currentPage === page && \"pagination-mobile__button--active\",\n              )}\n              onClick={() => handlePageChange(page as number)}\n              disabled={page === currentPage}\n            >\n              {page}\n            </button>\n          ),\n        )}\n\n        <button\n          className={clsx(\n            \"pagination-mobile__button\",\n            isNextDisabled && \"pagination-mobile__button--disabled\",\n          )}\n          onClick={handleNextPage}\n          disabled={isNextDisabled}\n          aria-label=\"Next page\"\n        >\n          <svg\n            className=\"pagination-mobile__button-arrow\"\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path d=\"M9 6l6 6-6 6\" />\n          </svg>\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"names":["TableMobile","data","columns","pagination","resultsPerPage","totalResults","initialCurrentPage","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","externalSetCurrentPage","sortConfig","onSortChange","currentPage","setInternalCurrentPage","useState","handleSetCurrentPage","page","sortedData","React","a","b","aValue","bValue","aText","bText","startIndex","endIndex","currentPageData","jsxs","Col","index","jsx","CardTable","TableMobilePagination","ActionContent","renderColumnValue","value","doubleLineValue","renderIcon","icon","Info","Download","handleSortClick","key","newDirection","clsx","column","Row","columnValue","config","isSorted","sortDirection","ActionIconText","e","TriangleUp","TriangleDown","setCurrentPage","className","serverSide","currentResultsPerPage","totalPages","handlePageChange","handleNextPage","nextPage","handlePreviousPage","prevPage","isNextDisabled","isPrevDisabled","getPageNumbers","pages","i","start","end"],"mappings":"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"}
+{"version":3,"file":"index.es131.js","sources":["../src/components/ui/TableMobile/index.tsx"],"sourcesContent":["import {\r\n  ActionData,\r\n  ActionIconText,\r\n  Col,\r\n  ColumnConfig,\r\n  DoubleLineData,\r\n  Row,\r\n  TableRowData,\r\n} from \"@/components\";\r\nimport clsx from \"clsx\";\r\nimport \"./TableMobile.scss\";\r\nimport { Download, Info, TriangleDown, TriangleUp } from \"@/icons\";\r\nimport { ReactNode } from \"react\";\r\nimport * as React from \"react\";\r\nimport { CommonIconsType } from \"@/types/icons.ts\";\r\nimport { useState } from \"react\";\r\n\r\nexport type TableMobileProps = {\r\n  data: TableRowData[];\r\n  columns: ColumnConfig[];\r\n  pagination?: boolean;\r\n  resultsPerPage?: number;\r\n  totalResults?: number;\r\n  initialCurrentPage?: number;\r\n  serverSidePagination?: boolean;\r\n  totalItems?: number;\r\n  hasNextPage?: boolean;\r\n  hasPreviousPage?: boolean;\r\n  onNextPage?: () => void;\r\n  onPreviousPage?: () => void;\r\n  onPageChange?: (page: number) => void;\r\n  setCurrentPage?: (page: number) => void;\r\n  sortConfig?: { key: string; direction: \"asc\" | \"desc\" } | null;\r\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\r\n};\r\n\r\nexport const TableMobile = ({\r\n  data,\r\n  columns,\r\n  pagination = true,\r\n  resultsPerPage = 5,\r\n  totalResults,\r\n  initialCurrentPage = 1,\r\n  serverSidePagination = false,\r\n  totalItems,\r\n  hasNextPage,\r\n  hasPreviousPage,\r\n  onNextPage,\r\n  onPreviousPage,\r\n  onPageChange,\r\n  setCurrentPage: externalSetCurrentPage,\r\n  sortConfig = null,\r\n  onSortChange,\r\n}: TableMobileProps) => {\r\n  const [currentPage, setInternalCurrentPage] = useState(initialCurrentPage);\r\n  const handleSetCurrentPage = (page: number) => {\r\n    setInternalCurrentPage(page);\r\n    externalSetCurrentPage?.(page);\r\n  };\r\n\r\n  const sortedData = React.useMemo(() => {\r\n    if (!sortConfig) return data;\r\n\r\n    return [...data].sort((a, b) => {\r\n      const aValue = a[sortConfig.key];\r\n      const bValue = b[sortConfig.key];\r\n\r\n      const aText =\r\n        typeof aValue === \"object\" && \"firstLine\" in aValue\r\n          ? aValue.firstLine\r\n          : aValue;\r\n      const bText =\r\n        typeof bValue === \"object\" && \"firstLine\" in bValue\r\n          ? bValue.firstLine\r\n          : bValue;\r\n\r\n      if (aText < bText) {\r\n        return sortConfig.direction === \"asc\" ? -1 : 1;\r\n      }\r\n      if (aText > bText) {\r\n        return sortConfig.direction === \"asc\" ? 1 : -1;\r\n      }\r\n      return 0;\r\n    });\r\n  }, [data, sortConfig]);\r\n\r\n  const startIndex = serverSidePagination\r\n    ? 0\r\n    : (currentPage - 1) * resultsPerPage;\r\n  const endIndex = serverSidePagination\r\n    ? sortedData.length\r\n    : Math.min(startIndex + resultsPerPage, sortedData.length);\r\n  const currentPageData = sortedData.slice(startIndex, endIndex);\r\n\r\n  return (\r\n    <Col className={\"w-full h-full\"} gap={\"x16\"}>\r\n      {currentPageData.map((data, index) => (\r\n        <CardTable\r\n          columns={columns}\r\n          key={index}\r\n          data={data}\r\n          sortConfig={sortConfig}\r\n          onSortChange={onSortChange}\r\n        />\r\n      ))}\r\n\r\n      {pagination && (\r\n        <TableMobilePagination\r\n          currentPage={currentPage}\r\n          totalResults={totalResults || sortedData.length}\r\n          resultsPerPage={resultsPerPage}\r\n          setCurrentPage={handleSetCurrentPage}\r\n          onPageChange={onPageChange}\r\n          serverSide={serverSidePagination}\r\n          totalItems={totalItems}\r\n          hasNextPage={hasNextPage}\r\n          hasPreviousPage={hasPreviousPage}\r\n          onNextPage={onNextPage}\r\n          onPreviousPage={onPreviousPage}\r\n          currentResultsPerPage={\r\n            serverSidePagination ? sortedData.length : resultsPerPage\r\n          }\r\n          className=\"mt-x16\"\r\n        />\r\n      )}\r\n    </Col>\r\n  );\r\n};\r\n\r\nexport type CardTableProps = {\r\n  columns: ColumnConfig[];\r\n  data: TableRowData;\r\n  sortConfig: { key: string; direction: \"asc\" | \"desc\" } | null;\r\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\r\n};\r\n\r\nconst ActionContent: React.FC<{ data: ActionData }> = ({ data }) => {\r\n  if (data.type === \"link\" && data.link) {\r\n    return (\r\n      <a href={data.link} aria-label={data.ariaLabel}>\r\n        {data.label}\r\n      </a>\r\n    );\r\n  }\r\n  return (\r\n    <button onClick={data.action} aria-label={data.ariaLabel}>\r\n      {data.label}\r\n    </button>\r\n  );\r\n};\r\n\r\nexport const CardTable = ({\r\n  columns,\r\n  sortConfig,\r\n  data,\r\n  onSortChange,\r\n}: CardTableProps) => {\r\n  const renderColumnValue = (value: any): ReactNode => {\r\n    if (!value) return \"\";\r\n\r\n    if (typeof value === \"object\" && \"firstLine\" in value) {\r\n      const doubleLineValue = value as DoubleLineData;\r\n      return `${doubleLineValue.firstLine}${doubleLineValue.secondLine ? ` ${doubleLineValue.secondLine}` : \"\"}`;\r\n    }\r\n\r\n    if (typeof value === \"object\" && \"label\" in value && \"type\" in value) {\r\n      return <ActionContent data={value} />;\r\n    }\r\n\r\n    return value;\r\n  };\r\n\r\n  const renderIcon = (icon: React.ReactNode | CommonIconsType) => {\r\n    switch (icon) {\r\n      case \"info\":\r\n        return <Info />;\r\n      case \"download\":\r\n        return <Download />;\r\n      default:\r\n        return icon;\r\n    }\r\n  };\r\n\r\n  const handleSortClick = (key: string) => {\r\n    if (!onSortChange || !sortConfig) return;\r\n\r\n    const newDirection =\r\n      sortConfig.key === key\r\n        ? sortConfig.direction === \"asc\"\r\n          ? \"desc\"\r\n          : \"asc\"\r\n        : \"asc\";\r\n\r\n    onSortChange(key, newDirection);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\"ui-card-table shadow br-x4 text-slate-28 fs-custom \")}\r\n    >\r\n      {columns.map((column, index) => {\r\n        if (!column.key || column.key === \"actionData\") {\r\n          return (\r\n            <Row\r\n              key={index}\r\n              p={\"x16\"}\r\n              className={\"ui-table-header\"}\r\n              justifyContent={\"space-between\"}\r\n            >\r\n              <Col justifyContent={\"end\"} gap={\"x4\"} className={\"w-full\"}>\r\n                <Row justifyContent={\"end\"} className=\"table-mobile-actions\">\r\n                  {renderColumnValue(data.actionData)}\r\n                </Row>\r\n              </Col>\r\n            </Row>\r\n          );\r\n        }\r\n\r\n        const columnValue = data[column.key];\r\n        const config = column;\r\n        const isSorted = sortConfig?.key === column.key;\r\n        const sortDirection = isSorted ? sortConfig.direction : null;\r\n\r\n        return (\r\n          <Row\r\n            key={index}\r\n            p={\"x16\"}\r\n            className={\"ui-table-header\"}\r\n            justifyContent={\"space-between\"}\r\n          >\r\n            <Col justifyContent={\"center\"} gap={\"x4\"} className={\"w-full\"}>\r\n              <ActionIconText\r\n                justifyContent={\"space-between\"}\r\n                alignItems={\"center\"}\r\n                icon={renderIcon(config.icon)}\r\n                noIcon={!renderIcon(config.icon)}\r\n                textLabel={config.label}\r\n                iconPosition={config.iconPosition}\r\n                popupInfo={config.popupInfo}\r\n                positionPopUp={\"left\"}\r\n                classNameText={\"fw-bold text-slate-28 fs-custom md-fs-6\"}\r\n              >\r\n                {config.sortable && (\r\n                  <span\r\n                    className=\"sort-indicator\"\r\n                    onClick={(e) => {\r\n                      e.stopPropagation();\r\n                      handleSortClick(column.key!);\r\n                    }}\r\n                  >\r\n                    <TriangleUp\r\n                      filled={isSorted && sortDirection === \"desc\"}\r\n                      className={clsx(\"sort-indicator__triangle\", {\r\n                        active: isSorted && sortDirection === \"desc\",\r\n                      })}\r\n                    />\r\n                    <TriangleDown\r\n                      filled={isSorted && sortDirection === \"asc\"}\r\n                      className={clsx(\"sort-indicator__triangle\", {\r\n                        active: isSorted && sortDirection === \"asc\",\r\n                      })}\r\n                    />\r\n                  </span>\r\n                )}\r\n              </ActionIconText>\r\n              <Row>{renderColumnValue(columnValue)}</Row>\r\n            </Col>\r\n          </Row>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport type TableMobilePaginationProps = {\r\n  currentPage?: number;\r\n  totalResults?: number;\r\n  resultsPerPage: number;\r\n  setCurrentPage?: (page: number) => void;\r\n  onPageChange?: (page: number) => void;\r\n  className?: string;\r\n  serverSide?: boolean;\r\n  totalItems?: number;\r\n  hasNextPage?: boolean;\r\n  hasPreviousPage?: boolean;\r\n  onNextPage?: () => void;\r\n  onPreviousPage?: () => void;\r\n  currentResultsPerPage?: number;\r\n};\r\n\r\nexport const TableMobilePagination: React.FC<TableMobilePaginationProps> = ({\r\n  currentPage = 1,\r\n  totalResults = 0,\r\n  resultsPerPage,\r\n  setCurrentPage,\r\n  onPageChange,\r\n  className,\r\n  serverSide = false,\r\n  totalItems,\r\n  hasNextPage,\r\n  hasPreviousPage,\r\n  onNextPage,\r\n  onPreviousPage,\r\n  currentResultsPerPage = resultsPerPage,\r\n}) => {\r\n  const totalPages = serverSide\r\n    ? Math.ceil((totalItems || totalResults) / resultsPerPage)\r\n    : Math.ceil(totalResults / resultsPerPage);\r\n\r\n  const handlePageChange = (page: number) => {\r\n    setCurrentPage?.(page);\r\n    if (onPageChange) {\r\n      onPageChange(page);\r\n    }\r\n  };\r\n\r\n  const handleNextPage = () => {\r\n    const nextPage = currentPage + 1;\r\n    if (serverSide && onNextPage) {\r\n      onNextPage();\r\n    }\r\n    handlePageChange(nextPage);\r\n  };\r\n\r\n  const handlePreviousPage = () => {\r\n    const prevPage = currentPage - 1;\r\n    if (serverSide && onPreviousPage) {\r\n      onPreviousPage();\r\n    }\r\n    handlePageChange(prevPage);\r\n  };\r\n\r\n  const isNextDisabled = serverSide ? !hasNextPage : currentPage === totalPages;\r\n  const isPrevDisabled = serverSide ? !hasPreviousPage : currentPage === 1;\r\n\r\n  const getPageNumbers = () => {\r\n    const pages = [];\r\n    const maxVisiblePages = 5;\r\n\r\n    if (totalPages <= maxVisiblePages) {\r\n      for (let i = 1; i <= totalPages; i++) {\r\n        pages.push(i);\r\n      }\r\n    } else {\r\n      pages.push(1);\r\n\r\n      let start = Math.max(2, currentPage - 1);\r\n      let end = Math.min(totalPages - 1, currentPage + 1);\r\n\r\n      if (currentPage <= 3) {\r\n        end = 4;\r\n      } else if (currentPage >= totalPages - 2) {\r\n        start = totalPages - 3;\r\n      }\r\n\r\n      if (start > 2) {\r\n        pages.push(\"...\");\r\n      }\r\n\r\n      for (let i = start; i <= end; i++) {\r\n        pages.push(i);\r\n      }\r\n\r\n      if (end < totalPages - 1) {\r\n        pages.push(\"...\");\r\n      }\r\n\r\n      pages.push(totalPages);\r\n    }\r\n\r\n    return pages;\r\n  };\r\n\r\n  return (\r\n    <div className={clsx(\"pagination-mobile\", className)}>\r\n      <div className=\"pagination-mobile__info\">\r\n        Stai visualizzando{\" \"}\r\n        <span className=\"pagination-mobile__info__resultsPerPage\">\r\n          {serverSide\r\n            ? currentResultsPerPage\r\n            : currentPage === totalPages && totalResults % resultsPerPage !== 0\r\n              ? totalResults % resultsPerPage\r\n              : resultsPerPage}\r\n        </span>{\" \"}\r\n        di {serverSide ? totalItems || totalResults : totalResults} risultati\r\n      </div>\r\n      <div className=\"pagination-mobile__nav\">\r\n        <button\r\n          className={clsx(\r\n            \"pagination-mobile__button\",\r\n            isPrevDisabled && \"pagination-mobile__button--disabled\",\r\n          )}\r\n          onClick={handlePreviousPage}\r\n          disabled={isPrevDisabled}\r\n          aria-label=\"Previous page\"\r\n        >\r\n          <svg\r\n            className=\"pagination-mobile__button-arrow\"\r\n            viewBox=\"0 0 24 24\"\r\n            aria-hidden=\"true\"\r\n            role=\"presentation\"\r\n          >\r\n            <path d=\"M15 18l-6-6 6-6\" />\r\n          </svg>\r\n        </button>\r\n\r\n        {getPageNumbers().map((page, index) =>\r\n          page === \"...\" ? (\r\n            <span\r\n              key={`ellipsis-${index}`}\r\n              className=\"pagination-mobile__ellipsis\"\r\n            >\r\n              ...\r\n            </span>\r\n          ) : (\r\n            <button\r\n              key={page}\r\n              className={clsx(\r\n                \"pagination-mobile__button\",\r\n                currentPage === page && \"pagination-mobile__button--active\",\r\n              )}\r\n              onClick={() => handlePageChange(page as number)}\r\n              disabled={page === currentPage}\r\n            >\r\n              {page}\r\n            </button>\r\n          ),\r\n        )}\r\n\r\n        <button\r\n          className={clsx(\r\n            \"pagination-mobile__button\",\r\n            isNextDisabled && \"pagination-mobile__button--disabled\",\r\n          )}\r\n          onClick={handleNextPage}\r\n          disabled={isNextDisabled}\r\n          aria-label=\"Next page\"\r\n        >\r\n          <svg\r\n            className=\"pagination-mobile__button-arrow\"\r\n            viewBox=\"0 0 24 24\"\r\n            aria-hidden=\"true\"\r\n            role=\"presentation\"\r\n          >\r\n            <path d=\"M9 6l6 6-6 6\" />\r\n          </svg>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TableMobile","data","columns","pagination","resultsPerPage","totalResults","initialCurrentPage","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","externalSetCurrentPage","sortConfig","onSortChange","currentPage","setInternalCurrentPage","useState","handleSetCurrentPage","page","sortedData","React","a","b","aValue","bValue","aText","bText","startIndex","endIndex","currentPageData","jsxs","Col","index","jsx","CardTable","TableMobilePagination","ActionContent","renderColumnValue","value","doubleLineValue","renderIcon","icon","Info","Download","handleSortClick","key","newDirection","clsx","column","Row","columnValue","config","isSorted","sortDirection","ActionIconText","e","TriangleUp","TriangleDown","setCurrentPage","className","serverSide","currentResultsPerPage","totalPages","handlePageChange","handleNextPage","nextPage","handlePreviousPage","prevPage","isNextDisabled","isPrevDisabled","getPageNumbers","pages","i","start","end"],"mappings":"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"}

package/dist/index.es132.js

@@ -1,7 +1,7 @@
 import { j as s } from "./index.es243.js";
 import E, { useState as I, useEffect as f, useCallback as S } from "react";
 import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
-import { useMediaQueryV2 as T } from "./index.es287.js";
+import { useMediaQueryV2 as T } from "./index.es286.js";
 import { clsx as u } from "./index.es245.js";
 import { Row as C } from "./index.es117.js";
 import { ArrowDown as H } from "./index.es169.js";

package/dist/index.es132.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es132.js","sources":["../src/components/ui/TableOfContents/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { ScrollArea } from \"@radix-ui/themes\";\nimport \"./TableOfContents.scss\";\nimport { Row } from \"@/components\";\nimport { useMediaQueryV2 } from \"@/hooks/useMediaQuery.ts\";\nimport { ArrowDown } from \"@/icons\";\nimport clsx from \"clsx\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype Heading = {\n  id: string;\n  text: string;\n};\n\ntype TableOfContentsProps = {\n  title: string;\n  headings: Heading[];\n  titleTag?: HeadingLevel;\n  modeAuthenticated?: boolean;\n  isOpen?: boolean;\n  onToggle?: () => void;\n};\n\nexport const TableOfContents = ({\n  title = \"Indice\",\n  headings,\n  titleTag: TitleTag = \"h1\",\n  modeAuthenticated = false,\n  isOpen,\n  onToggle = () => {},\n}: TableOfContentsProps) => {\n  const [activeId, setActiveId] = React.useState(\"\");\n  const [scrollProgress, setScrollProgress] = useState(0);\n  const isDesktop = useMediaQueryV2(\"(min-width: 768px)\", false);\n  const showScrollArea = isDesktop || isOpen;\n\n  useEffect(() => {\n    const updateScrollProgress = () => {\n      const scrollTop = window.scrollY;\n      const docHeight =\n        document.documentElement.scrollHeight - window.innerHeight;\n      const scrollPercent =\n        docHeight > 0 ? Math.min((scrollTop / docHeight) * 100, 100) : 0;\n      setScrollProgress(scrollPercent);\n    };\n\n    window.addEventListener(\"scroll\", updateScrollProgress);\n    updateScrollProgress();\n\n    return () => window.removeEventListener(\"scroll\", updateScrollProgress);\n  }, []);\n\n  const scrollToActiveItem = useCallback(\n    (activeId: string) => {\n      if (window.innerWidth < 768) return;\n\n      const activeLink = document.querySelector(\n        `a[href=\"#${activeId}\"]`,\n      ) as HTMLElement;\n      const scrollContainer = document.querySelector(\n        \".toc-scroll\",\n      ) as HTMLElement;\n\n      if (activeLink && scrollContainer) {\n        const containerRect = scrollContainer.getBoundingClientRect();\n        const linkRect = activeLink.getBoundingClientRect();\n\n        const isVisible =\n          linkRect.top >= containerRect.top &&\n          linkRect.bottom <= containerRect.bottom;\n\n        if (!isVisible) {\n          const linkOffsetTop = activeLink.offsetTop;\n          const containerHeight = scrollContainer.clientHeight;\n          const linkHeight = activeLink.offsetHeight;\n\n          const scrollTop =\n            linkOffsetTop - containerHeight / 2 + linkHeight / 2;\n\n          scrollContainer.scrollTo({\n            top: scrollTop,\n            behavior: \"smooth\",\n          });\n        }\n      }\n    },\n    [isDesktop],\n  );\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            setActiveId(entry.target.id);\n            scrollToActiveItem(entry.target.id);\n          }\n        });\n      },\n      {\n        rootMargin: \"-90px 0px -70% 0px\",\n        threshold: 0,\n      },\n    );\n\n    headings.forEach(({ id }) => {\n      const element = document.getElementById(id);\n      if (element) observer.observe(element);\n    });\n\n    return () => observer.disconnect();\n  }, [headings]);\n\n  return (\n    <div\n      className={clsx(\"toc-container\", {\n        \"toc-container-authenticated\": modeAuthenticated,\n      })}\n    >\n      <button\n        className={\"ui-button-accordion-toc\"}\n        onClick={onToggle}\n        type=\"button\"\n      >\n        <Row className={\"ui-header-table-of-contents\"}>\n          <TitleTag className=\"text-slate-20 fw-semibold fs-7\">\n            {title}\n          </TitleTag>\n          <ArrowDown\n            color={\"primary\"}\n            className={clsx(\"ui-arrow-toc\", { \"ui-expanded-toc\": isOpen })}\n          />\n        </Row>\n      </button>\n\n      <div className=\"scroll-progress-bar\">\n        <div\n          className=\"scroll-progress\"\n          style={{ width: `${scrollProgress}%` }}\n        />\n      </div>\n\n      {showScrollArea && (\n        <ScrollArea\n          type=\"always\"\n          scrollbars=\"vertical\"\n          className=\"toc-scroll fw-semibold fs-6\"\n        >\n          <div className=\"toc-list base-col\">\n            {headings.map((item) => (\n              <div key={item.id} className=\"toc-item\">\n                <a\n                  href={`#${item.id}`}\n                  className={`toc-link ${activeId === item.id ? \"active text-primary\" : \"text-slate-28\"}`}\n                  onClick={(e) => {\n                    e.preventDefault();\n                    setActiveId(item.id);\n\n                    setTimeout(() => {\n                      scrollToActiveItem(item.id);\n                    }, 100);\n\n                    document\n                      .getElementById(item.id)\n                      ?.scrollIntoView({ behavior: \"smooth\" });\n                    onToggle();\n                  }}\n                >\n                  {item.text}\n                </a>\n              </div>\n            ))}\n          </div>\n        </ScrollArea>\n      )}\n    </div>\n  );\n};\n"],"names":["TableOfContents","title","headings","TitleTag","modeAuthenticated","isOpen","onToggle","activeId","setActiveId","React","scrollProgress","setScrollProgress","useState","isDesktop","useMediaQueryV2","showScrollArea","useEffect","updateScrollProgress","scrollTop","docHeight","scrollPercent","scrollToActiveItem","useCallback","activeLink","scrollContainer","containerRect","linkRect","linkOffsetTop","containerHeight","linkHeight","observer","entries","entry","id","element","jsxs","clsx","jsx","Row","ArrowDown","ScrollArea","item","e","_a"],"mappings":"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"}
+{"version":3,"file":"index.es132.js","sources":["../src/components/ui/TableOfContents/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\r\nimport { ScrollArea } from \"@radix-ui/themes\";\r\nimport \"./TableOfContents.scss\";\r\nimport { Row } from \"@/components\";\r\nimport { useMediaQueryV2 } from \"@/hooks/useMediaQuery.ts\";\r\nimport { ArrowDown } from \"@/icons\";\r\nimport clsx from \"clsx\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\n\r\ntype Heading = {\r\n  id: string;\r\n  text: string;\r\n};\r\n\r\ntype TableOfContentsProps = {\r\n  title: string;\r\n  headings: Heading[];\r\n  titleTag?: HeadingLevel;\r\n  modeAuthenticated?: boolean;\r\n  isOpen?: boolean;\r\n  onToggle?: () => void;\r\n};\r\n\r\nexport const TableOfContents = ({\r\n  title = \"Indice\",\r\n  headings,\r\n  titleTag: TitleTag = \"h1\",\r\n  modeAuthenticated = false,\r\n  isOpen,\r\n  onToggle = () => {},\r\n}: TableOfContentsProps) => {\r\n  const [activeId, setActiveId] = React.useState(\"\");\r\n  const [scrollProgress, setScrollProgress] = useState(0);\r\n  const isDesktop = useMediaQueryV2(\"(min-width: 768px)\", false);\r\n  const showScrollArea = isDesktop || isOpen;\r\n\r\n  useEffect(() => {\r\n    const updateScrollProgress = () => {\r\n      const scrollTop = window.scrollY;\r\n      const docHeight =\r\n        document.documentElement.scrollHeight - window.innerHeight;\r\n      const scrollPercent =\r\n        docHeight > 0 ? Math.min((scrollTop / docHeight) * 100, 100) : 0;\r\n      setScrollProgress(scrollPercent);\r\n    };\r\n\r\n    window.addEventListener(\"scroll\", updateScrollProgress);\r\n    updateScrollProgress();\r\n\r\n    return () => window.removeEventListener(\"scroll\", updateScrollProgress);\r\n  }, []);\r\n\r\n  const scrollToActiveItem = useCallback(\r\n    (activeId: string) => {\r\n      if (window.innerWidth < 768) return;\r\n\r\n      const activeLink = document.querySelector(\r\n        `a[href=\"#${activeId}\"]`,\r\n      ) as HTMLElement;\r\n      const scrollContainer = document.querySelector(\r\n        \".toc-scroll\",\r\n      ) as HTMLElement;\r\n\r\n      if (activeLink && scrollContainer) {\r\n        const containerRect = scrollContainer.getBoundingClientRect();\r\n        const linkRect = activeLink.getBoundingClientRect();\r\n\r\n        const isVisible =\r\n          linkRect.top >= containerRect.top &&\r\n          linkRect.bottom <= containerRect.bottom;\r\n\r\n        if (!isVisible) {\r\n          const linkOffsetTop = activeLink.offsetTop;\r\n          const containerHeight = scrollContainer.clientHeight;\r\n          const linkHeight = activeLink.offsetHeight;\r\n\r\n          const scrollTop =\r\n            linkOffsetTop - containerHeight / 2 + linkHeight / 2;\r\n\r\n          scrollContainer.scrollTo({\r\n            top: scrollTop,\r\n            behavior: \"smooth\",\r\n          });\r\n        }\r\n      }\r\n    },\r\n    [isDesktop],\r\n  );\r\n\r\n  useEffect(() => {\r\n    const observer = new IntersectionObserver(\r\n      (entries) => {\r\n        entries.forEach((entry) => {\r\n          if (entry.isIntersecting) {\r\n            setActiveId(entry.target.id);\r\n            scrollToActiveItem(entry.target.id);\r\n          }\r\n        });\r\n      },\r\n      {\r\n        rootMargin: \"-90px 0px -70% 0px\",\r\n        threshold: 0,\r\n      },\r\n    );\r\n\r\n    headings.forEach(({ id }) => {\r\n      const element = document.getElementById(id);\r\n      if (element) observer.observe(element);\r\n    });\r\n\r\n    return () => observer.disconnect();\r\n  }, [headings]);\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\"toc-container\", {\r\n        \"toc-container-authenticated\": modeAuthenticated,\r\n      })}\r\n    >\r\n      <button\r\n        className={\"ui-button-accordion-toc\"}\r\n        onClick={onToggle}\r\n        type=\"button\"\r\n      >\r\n        <Row className={\"ui-header-table-of-contents\"}>\r\n          <TitleTag className=\"text-slate-20 fw-semibold fs-7\">\r\n            {title}\r\n          </TitleTag>\r\n          <ArrowDown\r\n            color={\"primary\"}\r\n            className={clsx(\"ui-arrow-toc\", { \"ui-expanded-toc\": isOpen })}\r\n          />\r\n        </Row>\r\n      </button>\r\n\r\n      <div className=\"scroll-progress-bar\">\r\n        <div\r\n          className=\"scroll-progress\"\r\n          style={{ width: `${scrollProgress}%` }}\r\n        />\r\n      </div>\r\n\r\n      {showScrollArea && (\r\n        <ScrollArea\r\n          type=\"always\"\r\n          scrollbars=\"vertical\"\r\n          className=\"toc-scroll fw-semibold fs-6\"\r\n        >\r\n          <div className=\"toc-list base-col\">\r\n            {headings.map((item) => (\r\n              <div key={item.id} className=\"toc-item\">\r\n                <a\r\n                  href={`#${item.id}`}\r\n                  className={`toc-link ${activeId === item.id ? \"active text-primary\" : \"text-slate-28\"}`}\r\n                  onClick={(e) => {\r\n                    e.preventDefault();\r\n                    setActiveId(item.id);\r\n\r\n                    setTimeout(() => {\r\n                      scrollToActiveItem(item.id);\r\n                    }, 100);\r\n\r\n                    document\r\n                      .getElementById(item.id)\r\n                      ?.scrollIntoView({ behavior: \"smooth\" });\r\n                    onToggle();\r\n                  }}\r\n                >\r\n                  {item.text}\r\n                </a>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </ScrollArea>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TableOfContents","title","headings","TitleTag","modeAuthenticated","isOpen","onToggle","activeId","setActiveId","React","scrollProgress","setScrollProgress","useState","isDesktop","useMediaQueryV2","showScrollArea","useEffect","updateScrollProgress","scrollTop","docHeight","scrollPercent","scrollToActiveItem","useCallback","activeLink","scrollContainer","containerRect","linkRect","linkOffsetTop","containerHeight","linkHeight","observer","entries","entry","id","element","jsxs","clsx","jsx","Row","ArrowDown","ScrollArea","item","e","_a"],"mappings":"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"}