@anoki/fse-ui 1.0.770 → 1.0.771

package/dist/index.es118.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es118.js","sources":["../src/components/ui/DeclarantsSelect/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { useEffect, useMemo, useRef, useState } from \"react\";\r\nimport { Col } from \"@/components\";\r\nimport \"./DeclarantsSelect.scss\";\r\nimport { ArrowDown, Close } from \"@/icons\";\r\n\r\nexport type Labels = {\r\n  it?: string;\r\n};\r\n\r\nexport type IncomeBasedDeclarant = {\r\n  code?: string;\r\n  labels: Labels;\r\n};\r\n\r\ntype DeclarantsSelectProps = {\r\n  size?: \"small\" | \"large\";\r\n  items: IncomeBasedDeclarant[];\r\n  className?: string;\r\n  selectedItem: string | null;\r\n  setSelectedItem: (item: string | null) => void;\r\n  placeholder?: string;\r\n  btnText?: string;\r\n};\r\n\r\nexport const DeclarantsSelect = ({\r\n  size = \"large\",\r\n  items = [],\r\n  className,\r\n  selectedItem,\r\n  setSelectedItem,\r\n  placeholder = \"\",\r\n}: DeclarantsSelectProps) => {\r\n  const [isExpanded, setIsExpanded] = useState(false);\r\n  const [searchTerm, setSearchTerm] = useState(\"\");\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const filteredItems = items.filter((item) => {\r\n    const fullName = `${item.labels?.it}`.toLowerCase();\r\n    return fullName.includes(searchTerm.toLowerCase());\r\n  });\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(event.target as Node)\r\n      ) {\r\n        setIsExpanded(false);\r\n      }\r\n    };\r\n\r\n    if (isExpanded) {\r\n      document.addEventListener(\"mousedown\", handleClickOutside);\r\n    } else {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [isExpanded]);\r\n\r\n  useEffect(() => {\r\n    if (isExpanded) {\r\n      setSearchTerm(\"\");\r\n      if (inputRef.current) {\r\n        inputRef.current.focus();\r\n      }\r\n    }\r\n  }, [isExpanded]);\r\n\r\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (isExpanded) {\r\n      setSearchTerm(e.target.value);\r\n    }\r\n  };\r\n\r\n  const handleInputClick = () => {\r\n    setIsExpanded(!isExpanded);\r\n  };\r\n\r\n  const handleClearClick = (e: React.MouseEvent) => {\r\n    e.stopPropagation();\r\n    setSelectedItem(null);\r\n    setSearchTerm(\"\");\r\n  };\r\n\r\n  const displayValue = useMemo(() => {\r\n    if (!isExpanded && selectedItem) {\r\n      return items.find((item) => item.code === selectedItem)?.labels.it || \"\";\r\n    }\r\n    return searchTerm;\r\n  }, [isExpanded, selectedItem, searchTerm]);\r\n\r\n  const showCloseButton = selectedItem !== null || searchTerm.length > 0;\r\n\r\n  const highlightMatch = (text: string, query: string) => {\r\n    if (!query || query.trim() === \"\")\r\n      return (\r\n        <span style={{ color: \"black\", fontSize: \"0.85rem\" }}> {text} </span>\r\n      );\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      <span style={{ color: \"black\", fontSize: \"0.85rem\" }}>\r\n        {beforeMatch}\r\n        <span style={{ fontSize: \"0.85rem\" }} className=\"text-primary fw-bold\">\r\n          {match}\r\n        </span>\r\n        {afterMatch}\r\n      </span>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={clsx(\r\n        \"ui-related-dropdown\",\r\n        \"br-x4 bg-border-secondary w-full\",\r\n        className,\r\n      )}\r\n      style={size === \"large\" ? { maxWidth: \"100%\" } : { maxWidth: \"553px\" }}\r\n    >\r\n      <div className=\"ui-input-container\">\r\n        <input\r\n          ref={inputRef}\r\n          className={clsx(\r\n            \"ui-related-dropdown-input\",\r\n            \"bg-white fs-6 br-x4 w-full pl-x24\",\r\n            { active: isExpanded },\r\n          )}\r\n          value={displayValue}\r\n          onChange={handleInputChange}\r\n          placeholder={placeholder}\r\n          onClick={handleInputClick}\r\n        />\r\n\r\n        {showCloseButton && (\r\n          <div className=\"ui-close-button\" onClick={handleClearClick}>\r\n            <Close width={40} />\r\n          </div>\r\n        )}\r\n\r\n        {!showCloseButton && (\r\n          <div className=\"ui-close-button\">\r\n            <ArrowDown width={40} height={40} />\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {isExpanded && (\r\n        <div className=\"ui-related-dropdown-options\">\r\n          <div className=\"px-x24 shadow w-full\">\r\n            <Col\r\n              gap={\"x4\"}\r\n              text={\"primary\"}\r\n              fs={\"custom\"}\r\n              fw={\"regular\"}\r\n              className={\"ui-options-list fw-regular\"}\r\n            >\r\n              {filteredItems.length > 0 ? (\r\n                filteredItems.map((item, index) => {\r\n                  const fullName = `${item.labels?.it} `;\r\n                  return (\r\n                    <div\r\n                      className=\"ui-option-item\"\r\n                      key={item?.code || index}\r\n                      onClick={() => {\r\n                        setSelectedItem(item?.code || \"\");\r\n                        setIsExpanded(false);\r\n                      }}\r\n                    >\r\n                      {highlightMatch(fullName, searchTerm)}\r\n                    </div>\r\n                  );\r\n                })\r\n              ) : (\r\n                <div className=\"ui-option-item no-results\">\r\n                  <span style={{ color: \"gray\" }}>\r\n                    Nessun risultato trovato\r\n                  </span>\r\n                </div>\r\n              )}\r\n            </Col>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DeclarantsSelect","size","items","className","selectedItem","setSelectedItem","placeholder","isExpanded","setIsExpanded","useState","searchTerm","setSearchTerm","dropdownRef","useRef","inputRef","filteredItems","item","_a","useEffect","handleClickOutside","event","handleInputChange","handleInputClick","handleClearClick","displayValue","useMemo","showCloseButton","highlightMatch","text","query","jsxs","index","beforeMatch","match","afterMatch","jsx","clsx","Close","ArrowDown","Col","fullName"],"mappings":"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"}
+{"version":3,"file":"index.es118.js","sources":["../src/components/ui/DeclarantsSelect/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { Col } from \"@/components\";\nimport \"./DeclarantsSelect.scss\";\nimport { ArrowDown, Close } from \"@/icons\";\n\nexport type Labels = {\n  it?: string;\n};\n\nexport type IncomeBasedDeclarant = {\n  code?: string;\n  labels: Labels;\n};\n\ntype DeclarantsSelectProps = {\n  size?: \"small\" | \"large\";\n  items: IncomeBasedDeclarant[];\n  className?: string;\n  selectedItem: string | null;\n  setSelectedItem: (item: string | null) => void;\n  placeholder?: string;\n  btnText?: string;\n};\n\nexport const DeclarantsSelect = ({\n  size = \"large\",\n  items = [],\n  className,\n  selectedItem,\n  setSelectedItem,\n  placeholder = \"\",\n}: DeclarantsSelectProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [searchTerm, setSearchTerm] = useState(\"\");\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const filteredItems = items.filter((item) => {\n    const fullName = `${item.labels?.it}`.toLowerCase();\n    return fullName.includes(searchTerm.toLowerCase());\n  });\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsExpanded(false);\n      }\n    };\n\n    if (isExpanded) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isExpanded]);\n\n  useEffect(() => {\n    if (isExpanded) {\n      setSearchTerm(\"\");\n      if (inputRef.current) {\n        inputRef.current.focus();\n      }\n    }\n  }, [isExpanded]);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (isExpanded) {\n      setSearchTerm(e.target.value);\n    }\n  };\n\n  const handleInputClick = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const handleClearClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    setSelectedItem(null);\n    setSearchTerm(\"\");\n  };\n\n  const displayValue = useMemo(() => {\n    if (!isExpanded && selectedItem) {\n      return items.find((item) => item.code === selectedItem)?.labels.it || \"\";\n    }\n    return searchTerm;\n  }, [isExpanded, selectedItem, searchTerm]);\n\n  const showCloseButton = selectedItem !== null || searchTerm.length > 0;\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query || query.trim() === \"\")\n      return (\n        <span style={{ color: \"black\", fontSize: \"0.85rem\" }}> {text} </span>\n      );\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      <span style={{ color: \"black\", fontSize: \"0.85rem\" }}>\n        {beforeMatch}\n        <span style={{ fontSize: \"0.85rem\" }} className=\"text-primary fw-bold\">\n          {match}\n        </span>\n        {afterMatch}\n      </span>\n    );\n  };\n\n  return (\n    <div\n      ref={dropdownRef}\n      className={clsx(\n        \"ui-related-dropdown\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n      )}\n      style={size === \"large\" ? { maxWidth: \"100%\" } : { maxWidth: \"553px\" }}\n    >\n      <div className=\"ui-input-container\">\n        <input\n          ref={inputRef}\n          className={clsx(\n            \"ui-related-dropdown-input\",\n            \"bg-white fs-6 br-x4 w-full pl-x24\",\n            { active: isExpanded },\n          )}\n          value={displayValue}\n          onChange={handleInputChange}\n          placeholder={placeholder}\n          onClick={handleInputClick}\n        />\n\n        {showCloseButton && (\n          <div className=\"ui-close-button\" onClick={handleClearClick}>\n            <Close width={40} />\n          </div>\n        )}\n\n        {!showCloseButton && (\n          <div className=\"ui-close-button\">\n            <ArrowDown width={40} height={40} />\n          </div>\n        )}\n      </div>\n\n      {isExpanded && (\n        <div className=\"ui-related-dropdown-options\">\n          <div className=\"px-x24 shadow w-full\">\n            <Col\n              gap={\"x4\"}\n              text={\"primary\"}\n              fs={\"custom\"}\n              fw={\"regular\"}\n              className={\"ui-options-list fw-regular\"}\n            >\n              {filteredItems.length > 0 ? (\n                filteredItems.map((item, index) => {\n                  const fullName = `${item.labels?.it} `;\n                  return (\n                    <div\n                      className=\"ui-option-item\"\n                      key={item?.code || index}\n                      onClick={() => {\n                        setSelectedItem(item?.code || \"\");\n                        setIsExpanded(false);\n                      }}\n                    >\n                      {highlightMatch(fullName, searchTerm)}\n                    </div>\n                  );\n                })\n              ) : (\n                <div className=\"ui-option-item no-results\">\n                  <span style={{ color: \"gray\" }}>\n                    Nessun risultato trovato\n                  </span>\n                </div>\n              )}\n            </Col>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DeclarantsSelect","size","items","className","selectedItem","setSelectedItem","placeholder","isExpanded","setIsExpanded","useState","searchTerm","setSearchTerm","dropdownRef","useRef","inputRef","filteredItems","item","_a","useEffect","handleClickOutside","event","handleInputChange","handleInputClick","handleClearClick","displayValue","useMemo","showCloseButton","highlightMatch","text","query","jsxs","index","beforeMatch","match","afterMatch","jsx","clsx","Close","ArrowDown","Col","fullName"],"mappings":"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"}

package/dist/index.es119.js

@@ -1,8 +1,8 @@
 import { j as m } from "./index.es216.js";
-import { clsx as s } from "./index.es217.js";
+import { clsx as s } from "./index.es218.js";
 import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
-import { CreateReservationModalFooter as i } from "./index.es369.js";
-import { CreateReservationModalContent as n } from "./index.es370.js";
+import { CreateReservationModalFooter as i } from "./index.es381.js";
+import { CreateReservationModalContent as n } from "./index.es382.js";
 import { BaseModal as p } from "./index.es39.js";
 const o = ({
   open: r,

package/dist/index.es119.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es119.js","sources":["../src/components/ui/CreateReservationModal/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./CreateReservationModal.scss\";\r\nimport { BaseModal } from \"@/components\";\r\nimport { CreateReservationModalFooter } from \"@/components/ui/CreateReservationModal/CreateReservationModalFooter\";\r\nimport { CreateReservationModalContent } from \"@/components/ui/CreateReservationModal/CreateReservationModalContent\";\r\n\r\ntype CreateReservationModalProps = {\r\n  open: boolean;\r\n  overrideClassNames?: string;\r\n  setOpen: (open: boolean) => void;\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst CreateReservationModal = ({\r\n  open,\r\n  overrideClassNames,\r\n  setOpen,\r\n  children,\r\n}: CreateReservationModalProps) => {\r\n  return (\r\n    <BaseModal\r\n      open={open}\r\n      setOpen={setOpen}\r\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\r\n    >\r\n      {children}\r\n    </BaseModal>\r\n  );\r\n};\r\n\r\nCreateReservationModal.Content = CreateReservationModalContent;\r\nCreateReservationModal.Footer = CreateReservationModalFooter;\r\n\r\nexport { CreateReservationModal };\r\n"],"names":["CreateReservationModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","CreateReservationModalContent","CreateReservationModalFooter"],"mappings":";;;;;;AAaA,MAAMA,IAAyB,CAAC;AAAA,EAC9B,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAL;AAAA,IACA,SAAAE;AAAA,IACA,oBAAoBI,EAAK,6BAA6BL,CAAkB;AAAA,IAEvE,UAAAE;AAAA,EAAA;AACH;AAIJJ,EAAuB,UAAUQ;AACjCR,EAAuB,SAASS;"}
+{"version":3,"file":"index.es119.js","sources":["../src/components/ui/CreateReservationModal/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./CreateReservationModal.scss\";\nimport { BaseModal } from \"@/components\";\nimport { CreateReservationModalFooter } from \"@/components/ui/CreateReservationModal/CreateReservationModalFooter\";\nimport { CreateReservationModalContent } from \"@/components/ui/CreateReservationModal/CreateReservationModalContent\";\n\ntype CreateReservationModalProps = {\n  open: boolean;\n  overrideClassNames?: string;\n  setOpen: (open: boolean) => void;\n  children: React.ReactNode;\n};\n\nconst CreateReservationModal = ({\n  open,\n  overrideClassNames,\n  setOpen,\n  children,\n}: CreateReservationModalProps) => {\n  return (\n    <BaseModal\n      open={open}\n      setOpen={setOpen}\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\n    >\n      {children}\n    </BaseModal>\n  );\n};\n\nCreateReservationModal.Content = CreateReservationModalContent;\nCreateReservationModal.Footer = CreateReservationModalFooter;\n\nexport { CreateReservationModal };\n"],"names":["CreateReservationModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","CreateReservationModalContent","CreateReservationModalFooter"],"mappings":";;;;;;AAaA,MAAMA,IAAyB,CAAC;AAAA,EAC9B,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAL;AAAA,IACA,SAAAE;AAAA,IACA,oBAAoBI,EAAK,6BAA6BL,CAAkB;AAAA,IAEvE,UAAAE;AAAA,EAAA;AACH;AAIJJ,EAAuB,UAAUQ;AACjCR,EAAuB,SAASS;"}

package/dist/index.es12.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es216.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
-import { clsx as l } from "./index.es217.js";
+import { clsx as l } from "./index.es218.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es224.js";
+import { useMediaQuery as N } from "./index.es237.js";
 import { Close as I } from "./index.es138.js";
 import { Col as y } from "./index.es10.js";
 import { Button as L } from "./index.es26.js";

package/dist/index.es12.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es12.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          aria-label=\"Barra di ricerca\"\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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"}
+{"version":3,"file":"index.es12.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          aria-label=\"Barra di ricerca\"\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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"}

package/dist/index.es120.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es216.js";
-import { clsx as e } from "./index.es217.js";
+import { clsx as e } from "./index.es218.js";
 import './components/ui/InfoSectionCard/InfoSectionCard.css';/* empty css            */
 import { Col as s } from "./index.es10.js";
 const d = ({ title: o, children: t }) => /* @__PURE__ */ r.jsx("label", { className: e("shadow  br-x4 ui-radio-card-container"), children: /* @__PURE__ */ r.jsxs(s, { style: { width: "100%" }, children: [

package/dist/index.es120.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es120.js","sources":["../src/components/ui/InfoSectionCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./InfoSectionCard.scss\";\r\nimport { Col } from \"@/components\";\r\n\r\ntype InfoSectionCardProps = {\r\n  title?: string;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const InfoSectionCard = ({ title, children }: InfoSectionCardProps) => {\r\n  return (\r\n    <label className={clsx(\"shadow  br-x4 ui-radio-card-container\")}>\r\n      <Col style={{ width: \"100%\" }}>\r\n        <Col py={\"x32\"} px={\"x24\"}>\r\n          <div className=\"fw-semibold text-slate-20 fs-4\">{title}</div>\r\n        </Col>\r\n        <Col\r\n          style={{\r\n            height: 1,\r\n            backgroundColor: \"#C5C7C9\",\r\n            width: \"100%\",\r\n          }}\r\n        />\r\n        <Col p={\"x24\"}>{children}</Col>\r\n      </Col>\r\n    </label>\r\n  );\r\n};\r\n"],"names":["InfoSectionCard","title","children","jsx","clsx","jsxs","Col"],"mappings":";;;;AASO,MAAMA,IAAkB,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAEpCC,gBAAAA,EAAAA,IAAA,SAAA,EAAM,WAAWC,EAAK,uCAAuC,GAC5D,UAACC,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,OAAO,EAAE,OAAO,OACnB,GAAA,UAAA;AAAA,EAACH,gBAAAA,EAAA,IAAAG,GAAA,EAAI,IAAI,OAAO,IAAI,OAClB,gCAAC,OAAI,EAAA,WAAU,kCAAkC,UAAAL,EAAM,CAAA,GACzD;AAAA,EACAE,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAAA,EACCH,gBAAAA,EAAAA,IAAAG,GAAA,EAAI,GAAG,OAAQ,UAAAJ,EAAS,CAAA;AAAA,EAAA,CAC3B,EACF,CAAA;"}
+{"version":3,"file":"index.es120.js","sources":["../src/components/ui/InfoSectionCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./InfoSectionCard.scss\";\nimport { Col } from \"@/components\";\n\ntype InfoSectionCardProps = {\n  title?: string;\n  children?: React.ReactNode;\n};\n\nexport const InfoSectionCard = ({ title, children }: InfoSectionCardProps) => {\n  return (\n    <label className={clsx(\"shadow  br-x4 ui-radio-card-container\")}>\n      <Col style={{ width: \"100%\" }}>\n        <Col py={\"x32\"} px={\"x24\"}>\n          <div className=\"fw-semibold text-slate-20 fs-4\">{title}</div>\n        </Col>\n        <Col\n          style={{\n            height: 1,\n            backgroundColor: \"#C5C7C9\",\n            width: \"100%\",\n          }}\n        />\n        <Col p={\"x24\"}>{children}</Col>\n      </Col>\n    </label>\n  );\n};\n"],"names":["InfoSectionCard","title","children","jsx","clsx","jsxs","Col"],"mappings":";;;;AASO,MAAMA,IAAkB,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAEpCC,gBAAAA,EAAAA,IAAA,SAAA,EAAM,WAAWC,EAAK,uCAAuC,GAC5D,UAACC,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,OAAO,EAAE,OAAO,OACnB,GAAA,UAAA;AAAA,EAACH,gBAAAA,EAAA,IAAAG,GAAA,EAAI,IAAI,OAAO,IAAI,OAClB,gCAAC,OAAI,EAAA,WAAU,kCAAkC,UAAAL,EAAM,CAAA,GACzD;AAAA,EACAE,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAAA,EACCH,gBAAAA,EAAAA,IAAAG,GAAA,EAAI,GAAG,OAAQ,UAAAJ,EAAS,CAAA;AAAA,EAAA,CAC3B,EACF,CAAA;"}

package/dist/index.es121.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es216.js";
-import { clsx as h } from "./index.es217.js";
+import { clsx as h } from "./index.es218.js";
 import './components/ui/ReservationRecapCard/ReservationRecapCard.css';/* empty css            */
-import { CreditCard as f } from "./index.es373.js";
+import { CreditCard as f } from "./index.es385.js";
 import { EditPencil as b } from "./index.es179.js";
 import { Col as s } from "./index.es10.js";
 import { Row as t } from "./index.es9.js";

package/dist/index.es121.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es121.js","sources":["../src/components/ui/ReservationRecapCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./ReservationRecapCard.scss\";\r\nimport { ActionIconText, Button, Col, Row } from \"@/components\";\r\nimport { EditPencil } from \"@/icons\";\r\nimport { CreditCard } from \"@/icons/CreditCard/CreditCard.tsx\";\r\n\r\ntype InfoSectionCardProps = {\r\n  title?: string;\r\n  firstStatusLabel?: string;\r\n  secondStatusLabel?: string;\r\n  code?: string;\r\n  description?: any;\r\n  onPressPay?: () => void;\r\n  onPressEdit?: () => void;\r\n  onPressDownload?: () => void;\r\n  downloadLabel?: string;\r\n  payLabel?: string;\r\n  editLabel?: string;\r\n};\r\n\r\nexport const ReservationRecapCard = ({\r\n  title,\r\n  code,\r\n  onPressDownload,\r\n  firstStatusLabel,\r\n  secondStatusLabel,\r\n  description,\r\n  onPressPay,\r\n  onPressEdit,\r\n  downloadLabel,\r\n  payLabel,\r\n  editLabel,\r\n}: InfoSectionCardProps) => {\r\n  return (\r\n    <label\r\n      className={clsx(\"shadow  br-x4 ui-radio-card-container-reservations\")}\r\n    >\r\n      <Col p={\"x24\"} style={{ width: \"100%\" }}>\r\n        <Col gap={\"x8\"}>\r\n          <span className={\"fs-7 fw-semibold text-slate-28\"}>{code}</span>\r\n          <span className={\"text-slate-20 fw-semibold fs-4\"}>{title}</span>\r\n        </Col>\r\n        <Row mt={\"x16\"} gap={\"x16\"}>\r\n          <div className={\"  px-x16 py-x4 bg-blue-15  rounded \"}>\r\n            <span className={\"text-white fs-7 fw-bold\"}>\r\n              {firstStatusLabel}\r\n            </span>\r\n          </div>\r\n          <div className={\"  px-x16 py-x4 bg-status-warning  rounded \"}>\r\n            <span className={\"text-white fs-7 fw-bold\"}>\r\n              {secondStatusLabel}\r\n            </span>\r\n          </div>\r\n        </Row>\r\n        <Col mt={\"x24\"}>{description}</Col>\r\n        <Col mt={\"x36\"} mb={\"x16\"} className={\"ui-reservation-recap-divider\"} />\r\n        <Row alignItems={\"center\"} justifyContent={\"space-between\"}>\r\n          <Row alignItems={\"center\"} gap={\"x16\"} className={\"action-link\"}>\r\n            <ActionIconText\r\n              textLabel={payLabel}\r\n              icon={<CreditCard />}\r\n              handleAction={onPressPay}\r\n              classNameText={\"fw-bold\"}\r\n            />\r\n            <div className={\"share-divider-reservations\"}>\r\n              <ActionIconText\r\n                textLabel={editLabel}\r\n                icon={<EditPencil />}\r\n                handleAction={onPressEdit}\r\n                classNameText={\"fw-bold\"}\r\n              />\r\n            </div>\r\n          </Row>\r\n          <Button onClick={onPressDownload} variant=\"secondary\">\r\n            {downloadLabel}\r\n          </Button>\r\n        </Row>\r\n      </Col>\r\n    </label>\r\n  );\r\n};\r\n"],"names":["ReservationRecapCard","title","code","onPressDownload","firstStatusLabel","secondStatusLabel","description","onPressPay","onPressEdit","downloadLabel","payLabel","editLabel","jsx","clsx","jsxs","Col","Row","ActionIconText","CreditCard","EditPencil","Button"],"mappings":";;;;;;;;;AAoBO,MAAMA,IAAuB,CAAC;AAAA,EACnC,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,oDAAoD;AAAA,IAEpE,UAAAC,gBAAAA,EAAA,KAACC,KAAI,GAAG,OAAO,OAAO,EAAE,OAAO,OAC7B,GAAA,UAAA;AAAA,MAACD,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,KAAK,MACR,UAAA;AAAA,QAACH,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,kCAAmC,UAAKV,GAAA;AAAA,QACxDU,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,kCAAmC,UAAMX,EAAA,CAAA;AAAA,MAAA,GAC5D;AAAA,MACCa,gBAAAA,EAAA,KAAAE,GAAA,EAAI,IAAI,OAAO,KAAK,OACnB,UAAA;AAAA,QAACJ,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAW,uCACd,UAAAA,gBAAAA,EAAA,IAAC,UAAK,WAAW,2BACd,aACH,EACF,CAAA;AAAA,QACAA,gBAAAA,EAAAA,IAAC,SAAI,WAAW,8CACd,gCAAC,QAAK,EAAA,WAAW,2BACd,UAAAP,EACH,CAAA,EACF,CAAA;AAAA,MAAA,GACF;AAAA,MACCO,gBAAAA,EAAA,IAAAG,GAAA,EAAI,IAAI,OAAQ,UAAYT,GAAA;AAAA,4BAC5BS,GAAI,EAAA,IAAI,OAAO,IAAI,OAAO,WAAW,gCAAgC;AAAA,MACrED,gBAAAA,EAAA,KAAAE,GAAA,EAAI,YAAY,UAAU,gBAAgB,iBACzC,UAAA;AAAA,QAAAF,gBAAAA,OAACE,KAAI,YAAY,UAAU,KAAK,OAAO,WAAW,eAChD,UAAA;AAAA,UAAAJ,gBAAAA,EAAA;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAWP;AAAA,cACX,4BAAOQ,GAAW,EAAA;AAAA,cAClB,cAAcX;AAAA,cACd,eAAe;AAAA,YAAA;AAAA,UACjB;AAAA,UACAK,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,8BACd,UAAAA,gBAAAA,EAAA;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAWN;AAAA,cACX,4BAAOQ,GAAW,EAAA;AAAA,cAClB,cAAcX;AAAA,cACd,eAAe;AAAA,YAAA;AAAA,UAAA,EAEnB,CAAA;AAAA,QAAA,GACF;AAAA,8BACCY,GAAO,EAAA,SAASjB,GAAiB,SAAQ,aACvC,UACHM,EAAA,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es121.js","sources":["../src/components/ui/ReservationRecapCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./ReservationRecapCard.scss\";\nimport { ActionIconText, Button, Col, Row } from \"@/components\";\nimport { EditPencil } from \"@/icons\";\nimport { CreditCard } from \"@/icons/CreditCard/CreditCard.tsx\";\n\ntype InfoSectionCardProps = {\n  title?: string;\n  firstStatusLabel?: string;\n  secondStatusLabel?: string;\n  code?: string;\n  description?: any;\n  onPressPay?: () => void;\n  onPressEdit?: () => void;\n  onPressDownload?: () => void;\n  downloadLabel?: string;\n  payLabel?: string;\n  editLabel?: string;\n};\n\nexport const ReservationRecapCard = ({\n  title,\n  code,\n  onPressDownload,\n  firstStatusLabel,\n  secondStatusLabel,\n  description,\n  onPressPay,\n  onPressEdit,\n  downloadLabel,\n  payLabel,\n  editLabel,\n}: InfoSectionCardProps) => {\n  return (\n    <label\n      className={clsx(\"shadow  br-x4 ui-radio-card-container-reservations\")}\n    >\n      <Col p={\"x24\"} style={{ width: \"100%\" }}>\n        <Col gap={\"x8\"}>\n          <span className={\"fs-7 fw-semibold text-slate-28\"}>{code}</span>\n          <span className={\"text-slate-20 fw-semibold fs-4\"}>{title}</span>\n        </Col>\n        <Row mt={\"x16\"} gap={\"x16\"}>\n          <div className={\"  px-x16 py-x4 bg-blue-15  rounded \"}>\n            <span className={\"text-white fs-7 fw-bold\"}>\n              {firstStatusLabel}\n            </span>\n          </div>\n          <div className={\"  px-x16 py-x4 bg-status-warning  rounded \"}>\n            <span className={\"text-white fs-7 fw-bold\"}>\n              {secondStatusLabel}\n            </span>\n          </div>\n        </Row>\n        <Col mt={\"x24\"}>{description}</Col>\n        <Col mt={\"x36\"} mb={\"x16\"} className={\"ui-reservation-recap-divider\"} />\n        <Row alignItems={\"center\"} justifyContent={\"space-between\"}>\n          <Row alignItems={\"center\"} gap={\"x16\"} className={\"action-link\"}>\n            <ActionIconText\n              textLabel={payLabel}\n              icon={<CreditCard />}\n              handleAction={onPressPay}\n              classNameText={\"fw-bold\"}\n            />\n            <div className={\"share-divider-reservations\"}>\n              <ActionIconText\n                textLabel={editLabel}\n                icon={<EditPencil />}\n                handleAction={onPressEdit}\n                classNameText={\"fw-bold\"}\n              />\n            </div>\n          </Row>\n          <Button onClick={onPressDownload} variant=\"secondary\">\n            {downloadLabel}\n          </Button>\n        </Row>\n      </Col>\n    </label>\n  );\n};\n"],"names":["ReservationRecapCard","title","code","onPressDownload","firstStatusLabel","secondStatusLabel","description","onPressPay","onPressEdit","downloadLabel","payLabel","editLabel","jsx","clsx","jsxs","Col","Row","ActionIconText","CreditCard","EditPencil","Button"],"mappings":";;;;;;;;;AAoBO,MAAMA,IAAuB,CAAC;AAAA,EACnC,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,oDAAoD;AAAA,IAEpE,UAAAC,gBAAAA,EAAA,KAACC,KAAI,GAAG,OAAO,OAAO,EAAE,OAAO,OAC7B,GAAA,UAAA;AAAA,MAACD,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,KAAK,MACR,UAAA;AAAA,QAACH,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,kCAAmC,UAAKV,GAAA;AAAA,QACxDU,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,kCAAmC,UAAMX,EAAA,CAAA;AAAA,MAAA,GAC5D;AAAA,MACCa,gBAAAA,EAAA,KAAAE,GAAA,EAAI,IAAI,OAAO,KAAK,OACnB,UAAA;AAAA,QAACJ,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAW,uCACd,UAAAA,gBAAAA,EAAA,IAAC,UAAK,WAAW,2BACd,aACH,EACF,CAAA;AAAA,QACAA,gBAAAA,EAAAA,IAAC,SAAI,WAAW,8CACd,gCAAC,QAAK,EAAA,WAAW,2BACd,UAAAP,EACH,CAAA,EACF,CAAA;AAAA,MAAA,GACF;AAAA,MACCO,gBAAAA,EAAA,IAAAG,GAAA,EAAI,IAAI,OAAQ,UAAYT,GAAA;AAAA,4BAC5BS,GAAI,EAAA,IAAI,OAAO,IAAI,OAAO,WAAW,gCAAgC;AAAA,MACrED,gBAAAA,EAAA,KAAAE,GAAA,EAAI,YAAY,UAAU,gBAAgB,iBACzC,UAAA;AAAA,QAAAF,gBAAAA,OAACE,KAAI,YAAY,UAAU,KAAK,OAAO,WAAW,eAChD,UAAA;AAAA,UAAAJ,gBAAAA,EAAA;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAWP;AAAA,cACX,4BAAOQ,GAAW,EAAA;AAAA,cAClB,cAAcX;AAAA,cACd,eAAe;AAAA,YAAA;AAAA,UACjB;AAAA,UACAK,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,8BACd,UAAAA,gBAAAA,EAAA;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,WAAWN;AAAA,cACX,4BAAOQ,GAAW,EAAA;AAAA,cAClB,cAAcX;AAAA,cACd,eAAe;AAAA,YAAA;AAAA,UAAA,EAEnB,CAAA;AAAA,QAAA,GACF;AAAA,8BACCY,GAAO,EAAA,SAASjB,GAAiB,SAAQ,aACvC,UACHM,EAAA,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA;AACF;"}

package/dist/index.es122.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es122.js","sources":["../src/sections/Login/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\r\nimport { Col, EntryButton } from \"@/components\";\r\nimport \"./Login.scss\";\r\nimport { Config } from \"@/utils/config.ts\";\r\n\r\nexport type LoginProps = {\r\n  title: React.ReactNode;\r\n  description?: React.ReactNode;\r\n  loginTitle: string;\r\n  loginDescription: React.ReactNode;\r\n  buttonLabel: string;\r\n  buttonAriaLabel: string;\r\n  buttonHref: string;\r\n  asImage?: \"img\";\r\n  region?: Config[\"REGION\"];\r\n  authSrc?: string;\r\n};\r\n\r\nexport const Login = ({\r\n  title,\r\n  description,\r\n  loginTitle,\r\n  loginDescription,\r\n  buttonLabel,\r\n  buttonAriaLabel,\r\n  buttonHref,\r\n  asImage = \"img\",\r\n  region = \"marche\",\r\n  authSrc = \"\",\r\n}: LoginProps) => {\r\n  const ImageComponent = asImage;\r\n\r\n  console.log(region);\r\n\r\n  return (\r\n    <Section className=\"base-col ui-login-section\">\r\n      <Col className=\"ui-login-content\">\r\n        <Section.Title fs=\"1\" className=\"md-fs-0 ui-login-title\" mdFs=\"0\">\r\n          {title}\r\n        </Section.Title>\r\n        {description && (\r\n          <Section.Description className=\"ui-login-description\">\r\n            {description}\r\n          </Section.Description>\r\n        )}\r\n      </Col>\r\n      <div className=\"bg-white shadow br-x4 ui-login-body\">\r\n        <Col gap={\"x16\"}>\r\n          <h3 className=\"text-slate-20 fw-semibold fs-5 md-fs-4\">\r\n            {loginTitle}\r\n          </h3>\r\n          <Section.Description>{loginDescription}</Section.Description>\r\n          <EntryButton\r\n            // showIcon={region === \"marche\"}\r\n            ariaLabel={buttonAriaLabel}\r\n            href={buttonHref}\r\n          >\r\n            {buttonLabel}\r\n          </EntryButton>\r\n        </Col>\r\n\r\n        <div className=\"ui-login-body-img h-full\">\r\n          <ImageComponent\r\n            src={authSrc}\r\n            alt=\"\"\r\n            aria-hidden=\"true\"\r\n            width={246}\r\n            height={746}\r\n          />\r\n        </div>\r\n      </div>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Login","title","description","loginTitle","loginDescription","buttonLabel","buttonAriaLabel","buttonHref","asImage","region","authSrc","ImageComponent","jsxs","Section","Col","jsx","EntryButton"],"mappings":";;;;;AAkBO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AACZ,MAAkB;AAChB,QAAMC,IAAiBH;AAEvB,iBAAQ,IAAIC,CAAM,GAGhBG,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,6BACjB,UAAA;AAAA,IAACD,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAAF,EAAQ,OAAR,EAAc,IAAG,KAAI,WAAU,0BAAyB,MAAK,KAC3D,UACHZ,EAAA,CAAA;AAAA,MACCC,KACEa,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAoB,WAAU,wBAC5B,UACHX,EAAA,CAAA;AAAA,IAAA,GAEJ;AAAA,IACAU,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,MAACA,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,KAAK,OACR,UAAA;AAAA,QAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,0CACX,UACHZ,GAAA;AAAA,QACCY,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAqB,UAAiBT,EAAA,CAAA;AAAA,QACvCW,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YAEC,WAAWV;AAAA,YACX,MAAMC;AAAA,YAEL,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAEAU,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,4BACb,UAAAA,gBAAAA,EAAA;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,KAAKD;AAAA,UACL,KAAI;AAAA,UACJ,eAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA,EAEZ,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es122.js","sources":["../src/sections/Login/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { Col, EntryButton } from \"@/components\";\nimport \"./Login.scss\";\nimport { Config } from \"@/utils/config.ts\";\n\nexport type LoginProps = {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  loginTitle: string;\n  loginDescription: React.ReactNode;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  buttonHref: string;\n  asImage?: \"img\";\n  region?: Config[\"REGION\"];\n  authSrc?: string;\n};\n\nexport const Login = ({\n  title,\n  description,\n  loginTitle,\n  loginDescription,\n  buttonLabel,\n  buttonAriaLabel,\n  buttonHref,\n  asImage = \"img\",\n  region = \"marche\",\n  authSrc = \"\",\n}: LoginProps) => {\n  const ImageComponent = asImage;\n\n  console.log(region);\n\n  return (\n    <Section className=\"base-col ui-login-section\">\n      <Col className=\"ui-login-content\">\n        <Section.Title fs=\"1\" className=\"md-fs-0 ui-login-title\" mdFs=\"0\">\n          {title}\n        </Section.Title>\n        {description && (\n          <Section.Description className=\"ui-login-description\">\n            {description}\n          </Section.Description>\n        )}\n      </Col>\n      <div className=\"bg-white shadow br-x4 ui-login-body\">\n        <Col gap={\"x16\"}>\n          <h3 className=\"text-slate-20 fw-semibold fs-5 md-fs-4\">\n            {loginTitle}\n          </h3>\n          <Section.Description>{loginDescription}</Section.Description>\n          <EntryButton\n            // showIcon={region === \"marche\"}\n            ariaLabel={buttonAriaLabel}\n            href={buttonHref}\n          >\n            {buttonLabel}\n          </EntryButton>\n        </Col>\n\n        <div className=\"ui-login-body-img h-full\">\n          <ImageComponent\n            src={authSrc}\n            alt=\"\"\n            aria-hidden=\"true\"\n            width={246}\n            height={746}\n          />\n        </div>\n      </div>\n    </Section>\n  );\n};\n"],"names":["Login","title","description","loginTitle","loginDescription","buttonLabel","buttonAriaLabel","buttonHref","asImage","region","authSrc","ImageComponent","jsxs","Section","Col","jsx","EntryButton"],"mappings":";;;;;AAkBO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AACZ,MAAkB;AAChB,QAAMC,IAAiBH;AAEvB,iBAAQ,IAAIC,CAAM,GAGhBG,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,6BACjB,UAAA;AAAA,IAACD,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAAF,EAAQ,OAAR,EAAc,IAAG,KAAI,WAAU,0BAAyB,MAAK,KAC3D,UACHZ,EAAA,CAAA;AAAA,MACCC,KACEa,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAoB,WAAU,wBAC5B,UACHX,EAAA,CAAA;AAAA,IAAA,GAEJ;AAAA,IACAU,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,MAACA,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,KAAK,OACR,UAAA;AAAA,QAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,0CACX,UACHZ,GAAA;AAAA,QACCY,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAqB,UAAiBT,EAAA,CAAA;AAAA,QACvCW,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YAEC,WAAWV;AAAA,YACX,MAAMC;AAAA,YAEL,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAEAU,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,4BACb,UAAAA,gBAAAA,EAAA;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,KAAKD;AAAA,UACL,KAAI;AAAA,UACJ,eAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA,EAEZ,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es123.js

@@ -1,9 +1,9 @@
 import { j as r } from "./index.es216.js";
 import { Section as l } from "./index.es48.js";
-import { clsx as v } from "./index.es217.js";
+import { clsx as v } from "./index.es218.js";
 import './sections/HomeServices/HomeServices.css';/* empty css            */
 import { useMemo as j } from "react";
-import { l as c } from "./index.es376.js";
+import { l as c } from "./index.es220.js";
 import { CardCategory as m } from "./index.es27.js";
 import { Col as g } from "./index.es10.js";
 import { ArrowLink as T } from "./index.es37.js";

package/dist/index.es123.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es123.js","sources":["../src/sections/HomeServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\r\nimport { ArrowLink, CardCategory, Col } from \"@/components\";\r\nimport clsx from \"clsx\";\r\nimport \"./HomeServices.scss\";\r\nimport { ComponentType, ReactNode, useMemo } from \"react\";\r\nimport { omit } from \"lodash\";\r\n\r\nexport const HOME_SERVICES_LAYOUTS = {\r\n  LayoutOne: \"LayoutOne\",\r\n  LayoutTwo: \"LayoutTwo\",\r\n  LayoutThree: \"LayoutThree\",\r\n  LayoutFour: \"LayoutFour\",\r\n} as const;\r\n\r\ntype Layout =\r\n  (typeof HOME_SERVICES_LAYOUTS)[keyof typeof HOME_SERVICES_LAYOUTS];\r\n\r\nexport type AggregationItemsProps = {\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  goToLabel?: string;\r\n  href?: string;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  items: any[];\r\n  layout?: Layout;\r\n  className?: string;\r\n  showBlueBackground?: boolean;\r\n};\r\n\r\nexport const HomeServices = ({\r\n  title,\r\n  description,\r\n  goToLabel,\r\n  href,\r\n  asLink = \"a\",\r\n  items,\r\n  layout = HOME_SERVICES_LAYOUTS.LayoutOne,\r\n  className,\r\n  showBlueBackground = false,\r\n}: AggregationItemsProps) => {\r\n  const layoutClassName =\r\n    layout === HOME_SERVICES_LAYOUTS.LayoutOne\r\n      ? \"ui-home-services-layout-one\"\r\n      : layout === HOME_SERVICES_LAYOUTS.LayoutTwo\r\n        ? \"ui-home-services-layout-two\"\r\n        : layout === HOME_SERVICES_LAYOUTS.LayoutThree\r\n        ? \"ui-home-services-layout-three\"\r\n        : layout === HOME_SERVICES_LAYOUTS.LayoutFour\r\n          ? \"ui-home-services-layout-four\"\r\n          : \"\";\r\n\r\n  const itemsNormalized = useMemo(() => {\r\n    switch (layout) {\r\n      case HOME_SERVICES_LAYOUTS.LayoutOne:\r\n        return items.map((item, index) => {\r\n          const removeImage = index !== 0;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      case HOME_SERVICES_LAYOUTS.LayoutTwo:\r\n        return items.map((item) => {\r\n          const removeImage = false;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      case HOME_SERVICES_LAYOUTS.LayoutThree:\r\n        return items.map((item, index) => {\r\n          const removeImage = index !== 0;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      case HOME_SERVICES_LAYOUTS.LayoutFour:\r\n        return items.map((item, index) => {\r\n          const removeImage = index !== 2;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      default:\r\n        return items;\r\n    }\r\n  }, [items, layout]);\r\n\r\n  return (\r\n    <Section className={clsx(\"base-col ui-home-services-section\", className, showBlueBackground ? \"blue-background\" : \"\")}>\r\n      <Col className=\"ui-home-services-section-content\">\r\n        <div className=\"ui-home-services-section-title\">\r\n          <Section.Title fs=\"2\">{title}</Section.Title>\r\n          {goToLabel && href && (\r\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\r\n              {goToLabel.toUpperCase()}\r\n            </ArrowLink>\r\n          )}\r\n        </div>\r\n        {description && (\r\n          <Section.Description>{description}</Section.Description>\r\n        )}\r\n      </Col>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`list-style-none ${layoutClassName}`}\r\n      >\r\n        {itemsNormalized?.map((item) => {\r\n          return (\r\n            <li key={item._id}>\r\n              <CardCategory\r\n                key={item._id}\r\n                title={item?.name}\r\n                description={item?.description}\r\n                image={item?.image}\r\n                href={item?.link || item?.externalLink}\r\n                showIcon={item?.externalLink}\r\n                asLink={asLink}\r\n                isExternal={item?.externalLink}\r\n              />\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["HOME_SERVICES_LAYOUTS","HomeServices","title","description","goToLabel","href","asLink","items","layout","className","showBlueBackground","layoutClassName","itemsNormalized","useMemo","item","index","removeImage","omit","jsxs","Section","clsx","Col","jsx","ArrowLink","CardCategory"],"mappings":"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"}
+{"version":3,"file":"index.es123.js","sources":["../src/sections/HomeServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { ArrowLink, CardCategory, Col } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./HomeServices.scss\";\nimport { ComponentType, ReactNode, useMemo } from \"react\";\nimport { omit } from \"lodash\";\n\nexport const HOME_SERVICES_LAYOUTS = {\n  LayoutOne: \"LayoutOne\",\n  LayoutTwo: \"LayoutTwo\",\n  LayoutThree: \"LayoutThree\",\n  LayoutFour: \"LayoutFour\",\n} as const;\n\ntype Layout =\n  (typeof HOME_SERVICES_LAYOUTS)[keyof typeof HOME_SERVICES_LAYOUTS];\n\nexport type AggregationItemsProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  goToLabel?: string;\n  href?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  items: any[];\n  layout?: Layout;\n  className?: string;\n  showBlueBackground?: boolean;\n};\n\nexport const HomeServices = ({\n  title,\n  description,\n  goToLabel,\n  href,\n  asLink = \"a\",\n  items,\n  layout = HOME_SERVICES_LAYOUTS.LayoutOne,\n  className,\n  showBlueBackground = false,\n}: AggregationItemsProps) => {\n  const layoutClassName =\n    layout === HOME_SERVICES_LAYOUTS.LayoutOne\n      ? \"ui-home-services-layout-one\"\n      : layout === HOME_SERVICES_LAYOUTS.LayoutTwo\n        ? \"ui-home-services-layout-two\"\n        : layout === HOME_SERVICES_LAYOUTS.LayoutThree\n        ? \"ui-home-services-layout-three\"\n        : layout === HOME_SERVICES_LAYOUTS.LayoutFour\n          ? \"ui-home-services-layout-four\"\n          : \"\";\n\n  const itemsNormalized = useMemo(() => {\n    switch (layout) {\n      case HOME_SERVICES_LAYOUTS.LayoutOne:\n        return items.map((item, index) => {\n          const removeImage = index !== 0;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case HOME_SERVICES_LAYOUTS.LayoutTwo:\n        return items.map((item) => {\n          const removeImage = false;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case HOME_SERVICES_LAYOUTS.LayoutThree:\n        return items.map((item, index) => {\n          const removeImage = index !== 0;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case HOME_SERVICES_LAYOUTS.LayoutFour:\n        return items.map((item, index) => {\n          const removeImage = index !== 2;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      default:\n        return items;\n    }\n  }, [items, layout]);\n\n  return (\n    <Section className={clsx(\"base-col ui-home-services-section\", className, showBlueBackground ? \"blue-background\" : \"\")}>\n      <Col className=\"ui-home-services-section-content\">\n        <div className=\"ui-home-services-section-title\">\n          <Section.Title fs=\"2\">{title}</Section.Title>\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </div>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {itemsNormalized?.map((item) => {\n          return (\n            <li key={item._id}>\n              <CardCategory\n                key={item._id}\n                title={item?.name}\n                description={item?.description}\n                image={item?.image}\n                href={item?.link || item?.externalLink}\n                showIcon={item?.externalLink}\n                asLink={asLink}\n                isExternal={item?.externalLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["HOME_SERVICES_LAYOUTS","HomeServices","title","description","goToLabel","href","asLink","items","layout","className","showBlueBackground","layoutClassName","itemsNormalized","useMemo","item","index","removeImage","omit","jsxs","Section","clsx","Col","jsx","ArrowLink","CardCategory"],"mappings":"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"}

package/dist/index.es124.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es216.js";
 import './sections/WhatDoYouNeed/WhatDoYouNeed.css';/* empty css            */
-import { clsx as m } from "./index.es217.js";
+import { clsx as m } from "./index.es218.js";
 import { Section as o } from "./index.es48.js";
 import { Col as h } from "./index.es10.js";
 import { Button as u } from "./index.es26.js";

package/dist/index.es124.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es124.js","sources":["../src/sections/WhatDoYouNeed/index.tsx"],"sourcesContent":["import { Button, Col, Section } from \"@/components\";\r\nimport { SectionLink } from \"@anoki/fse-common\";\r\nimport \"./WhatDoYouNeed.scss\";\r\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\r\nimport clsx from \"clsx\";\r\n\r\ntype WhatDoYouNeedProps = PropsWithChildren<{\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  links: EnhancedSectionLink[];\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  showBlueBackground?: boolean;\r\n}>;\r\n\r\ntype EnhancedSectionLink = SectionLink & {\r\n  isNewTab?: boolean;\r\n};\r\n\r\nexport const WhatDoYouNeed = ({\r\n  title,\r\n  description,\r\n  links,\r\n  asLink = \"a\",\r\n  showBlueBackground = false,\r\n}: WhatDoYouNeedProps) => {\r\n  return (\r\n    <Section className={`base-col ui-what-do-you-need-section ${showBlueBackground ? \"blue-background\" : \"\"}`}>\r\n      <Col className=\"ui-what-do-you-need-content\">\r\n        <Section.Title fs=\"2\">{title}</Section.Title>\r\n        {description && (\r\n          <Section.Description>{description}</Section.Description>\r\n        )}\r\n      </Col>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={clsx(\"list-style-none ui-what-do-you-need-links\", links.length < 4 ? \"row\" : \"grid\")}\r\n      >\r\n        {links?.map(({ link, title, isNewTab }, index) => (\r\n          <li key={link}>\r\n            <Button\r\n              asLink={asLink}\r\n              href={link}\r\n              size=\"2\"\r\n              variant={index > 0 ? \"secondary\" : \"primary\"}\r\n              // textColor={index > 0 ? \"primary\" : undefined}\r\n              // bg={index > 0 ? \"white\" : undefined}\r\n              // className={index > 0 ? \"br-color-primary\" : undefined}\r\n              target={isNewTab ? \"_blank\" : undefined}\r\n              rel={isNewTab ? \"noopener noreferrer\" : undefined}\r\n            >\r\n              {title}\r\n            </Button>\r\n          </li>\r\n        ))}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["WhatDoYouNeed","title","description","links","asLink","showBlueBackground","Section","jsxs","Col","jsx","clsx","link","isNewTab","index","Button"],"mappings":";;;;;;AAkBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,oBAAAC,IAAqB;AACvB,6BAEKC,GAAQ,EAAA,WAAW,wCAAwCD,IAAqB,oBAAoB,EAAE,IACrG,UAAA;AAAA,EAACE,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,+BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACH,EAAQ,OAAR,EAAc,IAAG,KAAK,UAAML,GAAA;AAAA,IAC5BC,KACCO,gBAAAA,EAAA,IAACH,EAAQ,aAAR,EAAqB,UAAYJ,EAAA,CAAA;AAAA,EAAA,GAEtC;AAAA,EACAO,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYR,CAAK;AAAA,MAC7B,WAAWS,EAAK,6CAA6CP,EAAM,SAAS,IAAI,QAAQ,MAAM;AAAA,MAE7F,UAAAA,KAAA,gBAAAA,EAAO,IAAI,CAAC,EAAE,MAAAQ,GAAM,OAAAV,GAAO,UAAAW,EAAS,GAAGC,MACtCJ,gBAAAA,EAAAA,IAAC,MACC,EAAA,UAAAA,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,QAAAV;AAAA,UACA,MAAMO;AAAA,UACN,MAAK;AAAA,UACL,SAASE,IAAQ,IAAI,cAAc;AAAA,UAInC,QAAQD,IAAW,WAAW;AAAA,UAC9B,KAAKA,IAAW,wBAAwB;AAAA,UAEvC,UAAAX;AAAAA,QAAA;AAAA,MACH,EAAA,GAbOU,CAcT;AAAA,IACD;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es124.js","sources":["../src/sections/WhatDoYouNeed/index.tsx"],"sourcesContent":["import { Button, Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport \"./WhatDoYouNeed.scss\";\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\n\ntype WhatDoYouNeedProps = PropsWithChildren<{\n  title: ReactNode;\n  description?: ReactNode;\n  links: EnhancedSectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  showBlueBackground?: boolean;\n}>;\n\ntype EnhancedSectionLink = SectionLink & {\n  isNewTab?: boolean;\n};\n\nexport const WhatDoYouNeed = ({\n  title,\n  description,\n  links,\n  asLink = \"a\",\n  showBlueBackground = false,\n}: WhatDoYouNeedProps) => {\n  return (\n    <Section className={`base-col ui-what-do-you-need-section ${showBlueBackground ? \"blue-background\" : \"\"}`}>\n      <Col className=\"ui-what-do-you-need-content\">\n        <Section.Title fs=\"2\">{title}</Section.Title>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={clsx(\"list-style-none ui-what-do-you-need-links\", links.length < 4 ? \"row\" : \"grid\")}\n      >\n        {links?.map(({ link, title, isNewTab }, index) => (\n          <li key={link}>\n            <Button\n              asLink={asLink}\n              href={link}\n              size=\"2\"\n              variant={index > 0 ? \"secondary\" : \"primary\"}\n              // textColor={index > 0 ? \"primary\" : undefined}\n              // bg={index > 0 ? \"white\" : undefined}\n              // className={index > 0 ? \"br-color-primary\" : undefined}\n              target={isNewTab ? \"_blank\" : undefined}\n              rel={isNewTab ? \"noopener noreferrer\" : undefined}\n            >\n              {title}\n            </Button>\n          </li>\n        ))}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["WhatDoYouNeed","title","description","links","asLink","showBlueBackground","Section","jsxs","Col","jsx","clsx","link","isNewTab","index","Button"],"mappings":";;;;;;AAkBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,oBAAAC,IAAqB;AACvB,6BAEKC,GAAQ,EAAA,WAAW,wCAAwCD,IAAqB,oBAAoB,EAAE,IACrG,UAAA;AAAA,EAACE,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,+BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACH,EAAQ,OAAR,EAAc,IAAG,KAAK,UAAML,GAAA;AAAA,IAC5BC,KACCO,gBAAAA,EAAA,IAACH,EAAQ,aAAR,EAAqB,UAAYJ,EAAA,CAAA;AAAA,EAAA,GAEtC;AAAA,EACAO,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYR,CAAK;AAAA,MAC7B,WAAWS,EAAK,6CAA6CP,EAAM,SAAS,IAAI,QAAQ,MAAM;AAAA,MAE7F,UAAAA,KAAA,gBAAAA,EAAO,IAAI,CAAC,EAAE,MAAAQ,GAAM,OAAAV,GAAO,UAAAW,EAAS,GAAGC,MACtCJ,gBAAAA,EAAAA,IAAC,MACC,EAAA,UAAAA,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,QAAAV;AAAA,UACA,MAAMO;AAAA,UACN,MAAK;AAAA,UACL,SAASE,IAAQ,IAAI,cAAc;AAAA,UAInC,QAAQD,IAAW,WAAW;AAAA,UAC9B,KAAKA,IAAW,wBAAwB;AAAA,UAEvC,UAAAX;AAAAA,QAAA;AAAA,MACH,EAAA,GAbOU,CAcT;AAAA,IACD;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es125.js

@@ -2,7 +2,7 @@ import { j as t } from "./index.es216.js";
 import './sections/RichText/RichText.css';/* empty css            */
 import { HTMLBalancer as a } from "./index.es130.js";
 import n from "react";
-import { clsx as x } from "./index.es217.js";
+import { clsx as x } from "./index.es218.js";
 import { Section as s } from "./index.es48.js";
 import { Col as f } from "./index.es10.js";
 const T = ({

package/dist/index.es125.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es125.js","sources":["../src/sections/RichText/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\r\nimport { SectionLink } from \"@anoki/fse-common\";\r\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\r\nimport \"./RichText.scss\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { HTMLBalancer } from \"../HTMLBalancer\";\r\nimport React from \"react\";\r\nimport clsx from \"clsx\";\r\n\r\ntype RichTextProps = PropsWithChildren<{\r\n  title?: ReactNode;\r\n  description?: ReactNode;\r\n  links?: SectionLink[];\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  fontSize?: TypographyKeys;\r\n  mdFontSize?: TypographyKeys;\r\n  classNameTitle?: string;\r\n  additionalClass?: string;\r\n}>;\r\n\r\nexport const RichText = ({\r\n  title,\r\n  description,\r\n  fontSize = \"2\",\r\n  mdFontSize = \"2\",\r\n  classNameTitle,\r\n  additionalClass,\r\n  children,\r\n}: RichTextProps) => {\r\n  return (\r\n    <Section className={clsx(\"base-col ui-rich-text-section\", additionalClass)}>\r\n      <Col className=\"ui-rich-text-content\">\r\n        {title && (\r\n          <Section.Title\r\n            fs={fontSize}\r\n            mdFs={mdFontSize}\r\n            className={classNameTitle}\r\n          >\r\n            {title}\r\n          </Section.Title>\r\n        )}\r\n        {description && (\r\n          <Section.Description>\r\n            {typeof description === \"string\" &&\r\n            React.isValidElement(description) ? (\r\n              description\r\n            ) : (\r\n              <div className=\"\">\r\n                {HTMLBalancer(description.toString(), \"p\")}\r\n              </div>\r\n            )}\r\n          </Section.Description>\r\n        )}\r\n      </Col>\r\n      {children}\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["RichText","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","children","Section","clsx","jsxs","Col","jsx","React","HTMLBalancer"],"mappings":";;;;;;;AAoBO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AACF,6BAEKC,GAAQ,EAAA,WAAWC,EAAK,iCAAiCH,CAAe,GACvE,UAAA;AAAA,EAACI,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,wBACZ,UAAA;AAAA,IACCV,KAAAW,gBAAAA,EAAA;AAAA,MAACJ,EAAQ;AAAA,MAAR;AAAA,QACC,IAAIL;AAAA,QACJ,MAAMC;AAAA,QACN,WAAWC;AAAA,QAEV,UAAAJ;AAAA,MAAA;AAAA,IACH;AAAA,IAEDC,2BACEM,EAAQ,aAAR,EACE,UAAO,OAAAN,KAAgB,YACxBW,EAAM,eAAeX,CAAW,IAC9BA,IAEAU,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,IACZ,UAAAE,EAAaZ,EAAY,SAAS,GAAG,GAAG,EAC3C,CAAA,EAEJ,CAAA;AAAA,EAAA,GAEJ;AAAA,EACCK;AAAA,GACH;"}
+{"version":3,"file":"index.es125.js","sources":["../src/sections/RichText/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\nimport \"./RichText.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { HTMLBalancer } from \"../HTMLBalancer\";\nimport React from \"react\";\nimport clsx from \"clsx\";\n\ntype RichTextProps = PropsWithChildren<{\n  title?: ReactNode;\n  description?: ReactNode;\n  links?: SectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  fontSize?: TypographyKeys;\n  mdFontSize?: TypographyKeys;\n  classNameTitle?: string;\n  additionalClass?: string;\n}>;\n\nexport const RichText = ({\n  title,\n  description,\n  fontSize = \"2\",\n  mdFontSize = \"2\",\n  classNameTitle,\n  additionalClass,\n  children,\n}: RichTextProps) => {\n  return (\n    <Section className={clsx(\"base-col ui-rich-text-section\", additionalClass)}>\n      <Col className=\"ui-rich-text-content\">\n        {title && (\n          <Section.Title\n            fs={fontSize}\n            mdFs={mdFontSize}\n            className={classNameTitle}\n          >\n            {title}\n          </Section.Title>\n        )}\n        {description && (\n          <Section.Description>\n            {typeof description === \"string\" &&\n            React.isValidElement(description) ? (\n              description\n            ) : (\n              <div className=\"\">\n                {HTMLBalancer(description.toString(), \"p\")}\n              </div>\n            )}\n          </Section.Description>\n        )}\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["RichText","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","children","Section","clsx","jsxs","Col","jsx","React","HTMLBalancer"],"mappings":";;;;;;;AAoBO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AACF,6BAEKC,GAAQ,EAAA,WAAWC,EAAK,iCAAiCH,CAAe,GACvE,UAAA;AAAA,EAACI,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,wBACZ,UAAA;AAAA,IACCV,KAAAW,gBAAAA,EAAA;AAAA,MAACJ,EAAQ;AAAA,MAAR;AAAA,QACC,IAAIL;AAAA,QACJ,MAAMC;AAAA,QACN,WAAWC;AAAA,QAEV,UAAAJ;AAAA,MAAA;AAAA,IACH;AAAA,IAEDC,2BACEM,EAAQ,aAAR,EACE,UAAO,OAAAN,KAAgB,YACxBW,EAAM,eAAeX,CAAW,IAC9BA,IAEAU,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,IACZ,UAAAE,EAAaZ,EAAY,SAAS,GAAG,GAAG,EAC3C,CAAA,EAEJ,CAAA;AAAA,EAAA,GAEJ;AAAA,EACCK;AAAA,GACH;"}

package/dist/index.es126.js

@@ -1,9 +1,9 @@
 import { j as o } from "./index.es216.js";
 import { Section as l } from "./index.es48.js";
-import { clsx as f } from "./index.es217.js";
+import { clsx as f } from "./index.es218.js";
 import './sections/Services/Services.css';/* empty css            */
 import { useMemo as j } from "react";
-import { l as a } from "./index.es376.js";
+import { l as a } from "./index.es220.js";
 import { Col as m } from "./index.es10.js";
 import { ArrowLink as v } from "./index.es37.js";
 import { CardCategory as g } from "./index.es27.js";

package/dist/index.es127.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es216.js";
 import { Section as c } from "./index.es48.js";
-import { clsx as u } from "./index.es217.js";
+import { clsx as u } from "./index.es218.js";
 import './sections/SuggestedServices/SuggestedServices.css';/* empty css            */
 import { CardService as p } from "./index.es30.js";
 import { Col as x } from "./index.es10.js";

package/dist/index.es127.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es127.js","sources":["../src/sections/SuggestedServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\r\nimport { ArrowLink, CardService, Col } from \"@/components\";\r\nimport clsx from \"clsx\";\r\nimport \"./SuggestedServices.scss\";\r\nimport { ComponentType, ReactNode } from \"react\";\r\n\r\nexport type SuggestedServicesProps = {\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  goToLabel?: string;\r\n  href?: string;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  items: any[];\r\n  className?: string;\r\n};\r\n\r\nexport const SuggestedServices = ({\r\n  title,\r\n  description,\r\n  goToLabel,\r\n  href,\r\n  asLink = \"a\",\r\n  items,\r\n  className,\r\n}: SuggestedServicesProps) => {\r\n  return (\r\n    <Section\r\n      className={clsx(\"base-col ui-suggested-services-section\", className)}\r\n    >\r\n      <Col className=\"ui-suggested-services-sectirron-content\">\r\n        <div className=\"ui-suggested-services-section-title\">\r\n          <Section.Description color={\"slate-14\"} className={\"fw-regular fs-3\"}>\r\n            {title}\r\n          </Section.Description>\r\n          {goToLabel && href && (\r\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\r\n              {goToLabel.toUpperCase()}\r\n            </ArrowLink>\r\n          )}\r\n        </div>\r\n        {description && (\r\n          <Section.Description>{description}</Section.Description>\r\n        )}\r\n      </Col>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`list-style-none ui-suggested-services-layout`}\r\n      >\r\n        {items?.map((item, index) => {\r\n          return (\r\n            <li key={item._id}>\r\n              <CardService\r\n                key={item._id}\r\n                title={item?.name}\r\n                href={item?.link || item?.externalLink}\r\n                iconType={\r\n                  index === 1 ? \"icon2\" : index === 2 ? \"icon3\" : \"icon1\"\r\n                }\r\n                titleTag={\"h3\"}\r\n                asLink={asLink}\r\n              />\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["SuggestedServices","title","description","goToLabel","href","asLink","items","className","jsxs","Section","clsx","Col","jsx","ArrowLink","item","index","CardService"],"mappings":";;;;;;;AAgBO,MAAMA,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,WAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,0CAA0CH,CAAS;AAAA,IAEnE,UAAA;AAAA,MAACC,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,WAAU,2CACb,UAAA;AAAA,QAACH,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,UAAAI,gBAAAA,MAACH,EAAQ,aAAR,EAAoB,OAAO,YAAY,WAAW,mBAChD,UACHR,GAAA;AAAA,UACCE,KAAaC,KACZQ,gBAAAA,MAACC,GAAU,EAAA,MAAAT,GAAY,QAAAC,GAAgB,IAAG,KACvC,UAAUF,EAAA,YAAA,EACb,CAAA;AAAA,QAAA,GAEJ;AAAA,QACCD,KACCU,gBAAAA,EAAA,IAACH,EAAQ,aAAR,EAAqB,UAAYP,EAAA,CAAA;AAAA,MAAA,GAEtC;AAAA,MACAU,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY,YAAYX,CAAK;AAAA,UAC7B,WAAW;AAAA,UAEV,UAAOK,KAAA,gBAAAA,EAAA,IAAI,CAACQ,GAAMC,4BAEd,MACC,EAAA,UAAAH,gBAAAA,EAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cAEC,OAAOF,KAAA,gBAAAA,EAAM;AAAA,cACb,OAAMA,KAAA,gBAAAA,EAAM,UAAQA,KAAA,gBAAAA,EAAM;AAAA,cAC1B,UACEC,MAAU,IAAI,UAAUA,MAAU,IAAI,UAAU;AAAA,cAElD,UAAU;AAAA,cACV,QAAAV;AAAA,YAAA;AAAA,YAPKS,EAAK;AAAA,UAAA,EAQZ,GAVOA,EAAK,GAWd;AAAA,QAEH;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es127.js","sources":["../src/sections/SuggestedServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { ArrowLink, CardService, Col } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./SuggestedServices.scss\";\nimport { ComponentType, ReactNode } from \"react\";\n\nexport type SuggestedServicesProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  goToLabel?: string;\n  href?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  items: any[];\n  className?: string;\n};\n\nexport const SuggestedServices = ({\n  title,\n  description,\n  goToLabel,\n  href,\n  asLink = \"a\",\n  items,\n  className,\n}: SuggestedServicesProps) => {\n  return (\n    <Section\n      className={clsx(\"base-col ui-suggested-services-section\", className)}\n    >\n      <Col className=\"ui-suggested-services-sectirron-content\">\n        <div className=\"ui-suggested-services-section-title\">\n          <Section.Description color={\"slate-14\"} className={\"fw-regular fs-3\"}>\n            {title}\n          </Section.Description>\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </div>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-suggested-services-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={item._id}>\n              <CardService\n                key={item._id}\n                title={item?.name}\n                href={item?.link || item?.externalLink}\n                iconType={\n                  index === 1 ? \"icon2\" : index === 2 ? \"icon3\" : \"icon1\"\n                }\n                titleTag={\"h3\"}\n                asLink={asLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["SuggestedServices","title","description","goToLabel","href","asLink","items","className","jsxs","Section","clsx","Col","jsx","ArrowLink","item","index","CardService"],"mappings":";;;;;;;AAgBO,MAAMA,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,WAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,0CAA0CH,CAAS;AAAA,IAEnE,UAAA;AAAA,MAACC,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,WAAU,2CACb,UAAA;AAAA,QAACH,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,UAAAI,gBAAAA,MAACH,EAAQ,aAAR,EAAoB,OAAO,YAAY,WAAW,mBAChD,UACHR,GAAA;AAAA,UACCE,KAAaC,KACZQ,gBAAAA,MAACC,GAAU,EAAA,MAAAT,GAAY,QAAAC,GAAgB,IAAG,KACvC,UAAUF,EAAA,YAAA,EACb,CAAA;AAAA,QAAA,GAEJ;AAAA,QACCD,KACCU,gBAAAA,EAAA,IAACH,EAAQ,aAAR,EAAqB,UAAYP,EAAA,CAAA;AAAA,MAAA,GAEtC;AAAA,MACAU,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY,YAAYX,CAAK;AAAA,UAC7B,WAAW;AAAA,UAEV,UAAOK,KAAA,gBAAAA,EAAA,IAAI,CAACQ,GAAMC,4BAEd,MACC,EAAA,UAAAH,gBAAAA,EAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cAEC,OAAOF,KAAA,gBAAAA,EAAM;AAAA,cACb,OAAMA,KAAA,gBAAAA,EAAM,UAAQA,KAAA,gBAAAA,EAAM;AAAA,cAC1B,UACEC,MAAU,IAAI,UAAUA,MAAU,IAAI,UAAU;AAAA,cAElD,UAAU;AAAA,cACV,QAAAV;AAAA,YAAA;AAAA,YAPKS,EAAK;AAAA,UAAA,EAQZ,GAVOA,EAAK,GAWd;AAAA,QAEH;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AACF;"}

package/dist/index.es128.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es128.js","sources":["../src/sections/Documents/index.tsx"],"sourcesContent":["import { CardFile, CardFileProps, Section } from \"@/components\";\r\nimport \"./Documents.scss\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { ColorKeys } from \"@theme/colors.ts\";\r\nimport { ReactNode } from \"react\";\r\n\r\ntype Props = {\r\n  title?: string;\r\n  description?: string | ReactNode;\r\n  items: CardFileProps[];\r\n  colorTitle?: ColorKeys;\r\n  fontSizeTitle?: TypographyKeys;\r\n};\r\n\r\nexport const Documents = ({\r\n  title,\r\n  description,\r\n  items = [],\r\n  colorTitle = \"primary\",\r\n  fontSizeTitle = \"2\",\r\n}: Props) => {\r\n  return (\r\n    <Section className=\"ui-document-section\">\r\n      <div className=\"ui-document-items-section-title\">\r\n        <Section.Title\r\n          fs={fontSizeTitle}\r\n          mdFs={\"2\"}\r\n          as={\"h3\"}\r\n          color={colorTitle}\r\n        >\r\n          {title}\r\n        </Section.Title>\r\n      </div>\r\n      {description && (\r\n        <Section.Description className=\"ui-document-section-description mb-x40\">\r\n          {description}\r\n        </Section.Description>\r\n      )}\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`list-style-none ui-document-items-layout`}\r\n      >\r\n        {items?.map((item, index) => {\r\n          return (\r\n            <li key={index}>\r\n              <CardFile\r\n                action={item?.action}\r\n                issued_at={item.issued_at}\r\n                title={item.title}\r\n                file={item.file}\r\n                description={item.description}\r\n              />\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Documents","title","description","items","colorTitle","fontSizeTitle","jsxs","Section","jsx","item","index","CardFile"],"mappings":";;;;AAcO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAClB,MAEIC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,uBACjB,UAAA;AAAA,EAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,mCACb,UAAAA,gBAAAA,EAAA;AAAA,IAACD,EAAQ;AAAA,IAAR;AAAA,MACC,IAAIF;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAOD;AAAA,MAEN,UAAAH;AAAA,IAAA;AAAA,EAAA,GAEL;AAAA,EACCC,KACEM,gBAAAA,EAAAA,IAAAD,EAAQ,aAAR,EAAoB,WAAU,0CAC5B,UACHL,GAAA;AAAA,EAEFM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYP,CAAK;AAAA,MAC7B,WAAW;AAAA,MAEV,UAAOE,KAAA,gBAAAA,EAAA,IAAI,CAACM,GAAMC,4BAEd,MACC,EAAA,UAAAF,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,QAAQF,KAAA,gBAAAA,EAAM;AAAA,UACd,WAAWA,EAAK;AAAA,UAChB,OAAOA,EAAK;AAAA,UACZ,MAAMA,EAAK;AAAA,UACX,aAAaA,EAAK;AAAA,QAAA;AAAA,WANbC,CAQT;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es128.js","sources":["../src/sections/Documents/index.tsx"],"sourcesContent":["import { CardFile, CardFileProps, Section } from \"@/components\";\nimport \"./Documents.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { ColorKeys } from \"@theme/colors.ts\";\nimport { ReactNode } from \"react\";\n\ntype Props = {\n  title?: string;\n  description?: string | ReactNode;\n  items: CardFileProps[];\n  colorTitle?: ColorKeys;\n  fontSizeTitle?: TypographyKeys;\n};\n\nexport const Documents = ({\n  title,\n  description,\n  items = [],\n  colorTitle = \"primary\",\n  fontSizeTitle = \"2\",\n}: Props) => {\n  return (\n    <Section className=\"ui-document-section\">\n      <div className=\"ui-document-items-section-title\">\n        <Section.Title\n          fs={fontSizeTitle}\n          mdFs={\"2\"}\n          as={\"h3\"}\n          color={colorTitle}\n        >\n          {title}\n        </Section.Title>\n      </div>\n      {description && (\n        <Section.Description className=\"ui-document-section-description mb-x40\">\n          {description}\n        </Section.Description>\n      )}\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-document-items-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={index}>\n              <CardFile\n                action={item?.action}\n                issued_at={item.issued_at}\n                title={item.title}\n                file={item.file}\n                description={item.description}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["Documents","title","description","items","colorTitle","fontSizeTitle","jsxs","Section","jsx","item","index","CardFile"],"mappings":";;;;AAcO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAClB,MAEIC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,uBACjB,UAAA;AAAA,EAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,mCACb,UAAAA,gBAAAA,EAAA;AAAA,IAACD,EAAQ;AAAA,IAAR;AAAA,MACC,IAAIF;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAOD;AAAA,MAEN,UAAAH;AAAA,IAAA;AAAA,EAAA,GAEL;AAAA,EACCC,KACEM,gBAAAA,EAAAA,IAAAD,EAAQ,aAAR,EAAoB,WAAU,0CAC5B,UACHL,GAAA;AAAA,EAEFM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYP,CAAK;AAAA,MAC7B,WAAW;AAAA,MAEV,UAAOE,KAAA,gBAAAA,EAAA,IAAI,CAACM,GAAMC,4BAEd,MACC,EAAA,UAAAF,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,QAAQF,KAAA,gBAAAA,EAAM;AAAA,UACd,WAAWA,EAAK;AAAA,UAChB,OAAOA,EAAK;AAAA,UACZ,MAAMA,EAAK;AAAA,UACX,aAAaA,EAAK;AAAA,QAAA;AAAA,WANbC,CAQT;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es129.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es129.js","sources":["../src/sections/Tags/index.tsx"],"sourcesContent":["import { Section, TagsGroup } from \"@/components\";\r\nimport \"./Tags.scss\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  items: any[];\r\n};\r\n\r\nexport const Tags = ({ title, items = [] }: Props) => {\r\n  return (\r\n    <Section className=\"ui-tags-section\">\r\n      <Section.Title\r\n        fs={\"6\"}\r\n        mdFs={\"6\"}\r\n        as={\"h3\"}\r\n        color={\"slate-28\"}\r\n        className=\"ui-tags-items-section-title\"\r\n      >\r\n        {title}\r\n      </Section.Title>\r\n      <TagsGroup topics={items} />\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Tags","title","items","jsxs","Section","jsx","TagsGroup"],"mappings":";;;;AAQO,MAAMA,IAAO,CAAC,EAAE,OAAAC,GAAO,OAAAC,IAAQ,SAElCC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,mBACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAA;AAAA,IAACD,EAAQ;AAAA,IAAR;AAAA,MACC,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAU;AAAA,MAET,UAAAH;AAAA,IAAA;AAAA,EACH;AAAA,EACAI,gBAAAA,EAAAA,IAACC,GAAU,EAAA,QAAQJ,EAAO,CAAA;AAAA,GAC5B;"}
+{"version":3,"file":"index.es129.js","sources":["../src/sections/Tags/index.tsx"],"sourcesContent":["import { Section, TagsGroup } from \"@/components\";\nimport \"./Tags.scss\";\n\ntype Props = {\n  title: string;\n  items: any[];\n};\n\nexport const Tags = ({ title, items = [] }: Props) => {\n  return (\n    <Section className=\"ui-tags-section\">\n      <Section.Title\n        fs={\"6\"}\n        mdFs={\"6\"}\n        as={\"h3\"}\n        color={\"slate-28\"}\n        className=\"ui-tags-items-section-title\"\n      >\n        {title}\n      </Section.Title>\n      <TagsGroup topics={items} />\n    </Section>\n  );\n};\n"],"names":["Tags","title","items","jsxs","Section","jsx","TagsGroup"],"mappings":";;;;AAQO,MAAMA,IAAO,CAAC,EAAE,OAAAC,GAAO,OAAAC,IAAQ,SAElCC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,mBACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAA;AAAA,IAACD,EAAQ;AAAA,IAAR;AAAA,MACC,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAU;AAAA,MAET,UAAAH;AAAA,IAAA;AAAA,EACH;AAAA,EACAI,gBAAAA,EAAAA,IAACC,GAAU,EAAA,QAAQJ,EAAO,CAAA;AAAA,GAC5B;"}

package/dist/index.es13.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es216.js";
 import './components/ui/SearchService/SearchService.css';/* empty css            */
-import { clsx as n } from "./index.es217.js";
+import { clsx as n } from "./index.es218.js";
 import { useState as h } from "react";
 import { Close as v } from "./index.es138.js";
 import { Col as C } from "./index.es10.js";

package/dist/index.es13.js.map

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

package/dist/index.es130.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es216.js";
-import i from "./index.es383.js";
-import o from "./index.es292.js";
+import i from "./index.es227.js";
+import o from "./index.es228.js";
 const c = (t, n = void 0) => {
   const r = i.sanitize(t).replace(
     /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\/\1>$/i,

package/dist/index.es130.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es130.js","sources":["../src/sections/HTMLBalancer/index.tsx"],"sourcesContent":["import DOMPurify from \"isomorphic-dompurify\";\r\nimport Balancer from \"react-wrap-balancer\";\r\n\r\nexport const HTMLBalancer = (\r\n  html: string,\r\n  as: string | undefined = undefined,\r\n) => {\r\n  const sanitized = DOMPurify.sanitize(html);\r\n  const innerContent = sanitized.replace(\r\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\r\n    \"$3\",\r\n  );\r\n  return (\r\n    <Balancer dangerouslySetInnerHTML={{ __html: innerContent }} as={as} />\r\n  );\r\n};\r\n"],"names":["HTMLBalancer","html","as","innerContent","DOMPurify","Balancer"],"mappings":";;;AAGO,MAAMA,IAAe,CAC1BC,GACAC,IAAyB,WACtB;AAEH,QAAMC,IADYC,EAAU,SAASH,CAAI,EACV;AAAA,IAC7B;AAAA,IACA;AAAA,EACF;AACA,+BACGI,GAAS,EAAA,yBAAyB,EAAE,QAAQF,EAAA,GAAgB,IAAAD,GAAQ;AAEzE;"}
+{"version":3,"file":"index.es130.js","sources":["../src/sections/HTMLBalancer/index.tsx"],"sourcesContent":["import DOMPurify from \"isomorphic-dompurify\";\nimport Balancer from \"react-wrap-balancer\";\n\nexport const HTMLBalancer = (\n  html: string,\n  as: string | undefined = undefined,\n) => {\n  const sanitized = DOMPurify.sanitize(html);\n  const innerContent = sanitized.replace(\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\n    \"$3\",\n  );\n  return (\n    <Balancer dangerouslySetInnerHTML={{ __html: innerContent }} as={as} />\n  );\n};\n"],"names":["HTMLBalancer","html","as","innerContent","DOMPurify","Balancer"],"mappings":";;;AAGO,MAAMA,IAAe,CAC1BC,GACAC,IAAyB,WACtB;AAEH,QAAMC,IADYC,EAAU,SAASH,CAAI,EACV;AAAA,IAC7B;AAAA,IACA;AAAA,EACF;AACA,+BACGI,GAAS,EAAA,yBAAyB,EAAE,QAAQF,EAAA,GAAgB,IAAAD,GAAQ;AAEzE;"}

package/dist/index.es131.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es131.js","sources":["../src/sections/Insights/index.tsx"],"sourcesContent":["import { CardPreviewProps, CardPreview, Section } from \"@/components\";\r\nimport { ColorKeys } from \"@/theme/colors\";\r\nimport \"./Insights.scss\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  items: CardPreviewProps[];\r\n  colorTitle?: ColorKeys;\r\n  showBackgroundRectangle?: boolean;\r\n};\r\n\r\nexport const Insights = ({\r\n  title,\r\n  items = [],\r\n  colorTitle = \"slate-20\",\r\n  showBackgroundRectangle = true,\r\n}: Props) => {\r\n  return (\r\n    <Section className=\"ui-insights-section\">\r\n      {showBackgroundRectangle && (\r\n        <div className=\"ui-insights-background-rectangle\"></div>\r\n      )}\r\n      <div className=\"ui-insights-items-section-title\">\r\n        <Section.Title\r\n          className=\"ui-insights-items-section-title\"\r\n          as={\"h3\"}\r\n          color={colorTitle}\r\n        >\r\n          {title}\r\n        </Section.Title>\r\n      </div>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`list-style-none ui-insights-items-layout`}\r\n      >\r\n        {items?.map((item, index) => {\r\n          return (\r\n            <li key={index}>\r\n              <CardPreview {...item} />\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Insights","title","items","colorTitle","showBackgroundRectangle","jsxs","Section","jsx","item","index","CardPreview"],"mappings":";;;;AAWO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,yBAAAC,IAA0B;AAC5B,MAEIC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,uBAChB,UAAA;AAAA,EACCF,KAAAG,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mCAAmC,CAAA;AAAA,EAEpDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mCACb,UAAAA,gBAAAA,EAAA;AAAA,IAACD,EAAQ;AAAA,IAAR;AAAA,MACC,WAAU;AAAA,MACV,IAAI;AAAA,MACJ,OAAOH;AAAA,MAEN,UAAAF;AAAA,IAAA;AAAA,EAAA,GAEL;AAAA,EACAM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYN,CAAK;AAAA,MAC7B,WAAW;AAAA,MAEV,UAAOC,KAAA,gBAAAA,EAAA,IAAI,CAACM,GAAMC,4BAEd,MACC,EAAA,UAAAF,gBAAAA,EAAA,IAACG,KAAa,GAAGF,EAAA,CAAM,KADhBC,CAET;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es131.js","sources":["../src/sections/Insights/index.tsx"],"sourcesContent":["import { CardPreviewProps, CardPreview, Section } from \"@/components\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport \"./Insights.scss\";\n\ntype Props = {\n  title: string;\n  items: CardPreviewProps[];\n  colorTitle?: ColorKeys;\n  showBackgroundRectangle?: boolean;\n};\n\nexport const Insights = ({\n  title,\n  items = [],\n  colorTitle = \"slate-20\",\n  showBackgroundRectangle = true,\n}: Props) => {\n  return (\n    <Section className=\"ui-insights-section\">\n      {showBackgroundRectangle && (\n        <div className=\"ui-insights-background-rectangle\"></div>\n      )}\n      <div className=\"ui-insights-items-section-title\">\n        <Section.Title\n          className=\"ui-insights-items-section-title\"\n          as={\"h3\"}\n          color={colorTitle}\n        >\n          {title}\n        </Section.Title>\n      </div>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-insights-items-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={index}>\n              <CardPreview {...item} />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["Insights","title","items","colorTitle","showBackgroundRectangle","jsxs","Section","jsx","item","index","CardPreview"],"mappings":";;;;AAWO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,yBAAAC,IAA0B;AAC5B,MAEIC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,uBAChB,UAAA;AAAA,EACCF,KAAAG,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mCAAmC,CAAA;AAAA,EAEpDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mCACb,UAAAA,gBAAAA,EAAA;AAAA,IAACD,EAAQ;AAAA,IAAR;AAAA,MACC,WAAU;AAAA,MACV,IAAI;AAAA,MACJ,OAAOH;AAAA,MAEN,UAAAF;AAAA,IAAA;AAAA,EAAA,GAEL;AAAA,EACAM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYN,CAAK;AAAA,MAC7B,WAAW;AAAA,MAEV,UAAOC,KAAA,gBAAAA,EAAA,IAAI,CAACM,GAAMC,4BAEd,MACC,EAAA,UAAAF,gBAAAA,EAAA,IAACG,KAAa,GAAGF,EAAA,CAAM,KADhBC,CAET;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es132.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es216.js";
-import { clsx as c } from "./index.es217.js";
+import { clsx as c } from "./index.es218.js";
 import './sections/ImagesDescription/ImagesDescription.css';/* empty css            */
 import { Section as l } from "./index.es48.js";
 const _ = {

package/dist/index.es132.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es132.js","sources":["../src/sections/ImagesDescription/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { Section } from \"../../components\";\r\nimport \"./ImagesDescription.scss\";\r\n\r\nexport const IMAGES_DESCRIPTION_LAYOUTS = {\r\n  // Layout FULL (1 colonna)\r\n  FULL_1_1: \"FULL_1_1\",\r\n  FULL_4_3: \"FULL_4_3\",\r\n  FULL_16_9: \"FULL_16_9\",\r\n  FULL_21_9: \"FULL_21_9\",\r\n  FULL_32_9: \"FULL_32_9\",\r\n  // Layout TWO_COL (2 colonne)\r\n  TWO_COL_1_1: \"TWO_COL_1_1\",\r\n  TWO_COL_4_3: \"TWO_COL_4_3\",\r\n  TWO_COL_16_9: \"TWO_COL_16_9\",\r\n  TWO_COL_21_9: \"TWO_COL_21_9\",\r\n  TWO_COL_32_9: \"TWO_COL_32_9\",\r\n  // Layout THREE_COL (3 colonne)\r\n  THREE_COL_1_1: \"THREE_COL_1_1\",\r\n  THREE_COL_4_3: \"THREE_COL_4_3\",\r\n  THREE_COL_16_9: \"THREE_COL_16_9\",\r\n  THREE_COL_21_9: \"THREE_COL_21_9\",\r\n  THREE_COL_32_9: \"THREE_COL_32_9\",\r\n} as const;\r\n\r\nexport type ImagesDescriptionLayout =\r\n  (typeof IMAGES_DESCRIPTION_LAYOUTS)[keyof typeof IMAGES_DESCRIPTION_LAYOUTS];\r\n\r\nexport interface ImageDescriptionItem {\r\n  _id: string;\r\n  image: {\r\n    src: string;\r\n    alt: string;\r\n    title?: string;\r\n  };\r\n  description: string;\r\n}\r\n\r\nexport interface ImagesDescriptionProps {\r\n  title: ReactNode;\r\n  items: ImageDescriptionItem[];\r\n  layout?: ImagesDescriptionLayout;\r\n  className?: string;\r\n}\r\n\r\nexport const ImagesDescription = ({\r\n  title,\r\n  items = [],\r\n  layout = IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1,\r\n  className,\r\n}: ImagesDescriptionProps) => {\r\n  const getLayoutClassName = (l: ImagesDescriptionLayout) => {\r\n    switch (l) {\r\n      // Layout FULL (1 colonna)\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1:\r\n        return \"images-description-layout-full-1-1\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_4_3:\r\n        return \"images-description-layout-full-4-3\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_16_9:\r\n        return \"images-description-layout-full-16-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_21_9:\r\n        return \"images-description-layout-full-21-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_32_9:\r\n        return \"images-description-layout-full-32-9\";\r\n\r\n      // Layout TWO_COL (2 colonne)\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_1_1:\r\n        return \"images-description-layout-two-col-1-1\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_4_3:\r\n        return \"images-description-layout-two-col-4-3\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_16_9:\r\n        return \"images-description-layout-two-col-16-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_21_9:\r\n        return \"images-description-layout-two-col-21-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_32_9:\r\n        return \"images-description-layout-two-col-32-9\";\r\n\r\n      // Layout THREE_COL (3 colonne)\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_1_1:\r\n        return \"images-description-layout-three-col-1-1\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_4_3:\r\n        return \"images-description-layout-three-col-4-3\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_16_9:\r\n        return \"images-description-layout-three-col-16-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_21_9:\r\n        return \"images-description-layout-three-col-21-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_32_9:\r\n        return \"images-description-layout-three-col-32-9\";\r\n\r\n      default:\r\n        return \"\";\r\n    }\r\n  };\r\n\r\n  /* const isFullLayout = layout.startsWith(\"FULL_\");\r\n  const isThreeColLayout = layout.startsWith(\"THREE_COL_\");\r\n\r\n  const limitedItems = isFullLayout\r\n    ? items.slice(0, 1)\r\n    : isThreeColLayout\r\n      ? items.slice(0, 3)\r\n      : items.slice(0, 2); */\r\n\r\n  const layoutClassName = getLayoutClassName(layout);\r\n\r\n  return (\r\n    <Section className={clsx(\"base-col images-description-section\", className)}>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Raccolta di ${title}`}\r\n        className={`list-style-none ${layoutClassName}`}\r\n      >\r\n        {items?.map((item) => (\r\n          <li key={item._id} className=\"images-description-item\">\r\n            <div className=\"images-description-item-image-container\">\r\n              <img\r\n                src={item.image.src}\r\n                alt={item.image.alt}\r\n                title={item.image.title}\r\n                className=\"images-description-item-image\"\r\n              />\r\n            </div>\r\n            <div className=\"images-description-item-content\">\r\n              <p className=\"images-description-item-description text-slate-28 fs-9\">\r\n                {item.description}\r\n              </p>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["IMAGES_DESCRIPTION_LAYOUTS","ImagesDescription","title","items","layout","className","layoutClassName","l","Section","clsx","jsx","item","jsxs"],"mappings":";;;;AAKO,MAAMA,IAA6B;AAAA;AAAA,EAExC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA;AAAA,EAEX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA;AAAA,EAEd,eAAe;AAAA,EACf,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAClB,GAsBaC,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,QAAAC,IAASJ,EAA2B;AAAA,EACpC,WAAAK;AACF,MAA8B;AAqDtB,QAAAC,KApDqB,CAACC,MAA+B;AACzD,YAAQA,GAAG;AAAA;AAAA,MAET,KAAKP,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA;AAAA,MAGT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA;AAAA,MAGT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MAET;AACS,eAAA;AAAA,IAAA;AAAA,EAEb,GAW2CI,CAAM;AAEjD,+BACGI,GAAQ,EAAA,WAAWC,EAAK,uCAAuCJ,CAAS,GACvE,UAAAK,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,eAAeR,CAAK;AAAA,MAChC,WAAW,mBAAmBI,CAAe;AAAA,MAE5C,iCAAO,IAAI,CAACK,MACVC,gBAAAA,OAAA,MAAA,EAAkB,WAAU,2BAC3B,UAAA;AAAA,QAACF,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,2CACb,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKC,EAAK,MAAM;AAAA,YAChB,KAAKA,EAAK,MAAM;AAAA,YAChB,OAAOA,EAAK,MAAM;AAAA,YAClB,WAAU;AAAA,UAAA;AAAA,QAAA,GAEd;AAAA,QACAD,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mCACb,UAAAA,gBAAAA,EAAA,IAAC,OAAE,WAAU,0DACV,UAAKC,EAAA,YACR,CAAA,EACF,CAAA;AAAA,MAAA,EAbO,GAAAA,EAAK,GAcd;AAAA,IACD;AAAA,EAAA,GAEL;AAEJ;"}
+{"version":3,"file":"index.es132.js","sources":["../src/sections/ImagesDescription/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { Section } from \"../../components\";\nimport \"./ImagesDescription.scss\";\n\nexport const IMAGES_DESCRIPTION_LAYOUTS = {\n  // Layout FULL (1 colonna)\n  FULL_1_1: \"FULL_1_1\",\n  FULL_4_3: \"FULL_4_3\",\n  FULL_16_9: \"FULL_16_9\",\n  FULL_21_9: \"FULL_21_9\",\n  FULL_32_9: \"FULL_32_9\",\n  // Layout TWO_COL (2 colonne)\n  TWO_COL_1_1: \"TWO_COL_1_1\",\n  TWO_COL_4_3: \"TWO_COL_4_3\",\n  TWO_COL_16_9: \"TWO_COL_16_9\",\n  TWO_COL_21_9: \"TWO_COL_21_9\",\n  TWO_COL_32_9: \"TWO_COL_32_9\",\n  // Layout THREE_COL (3 colonne)\n  THREE_COL_1_1: \"THREE_COL_1_1\",\n  THREE_COL_4_3: \"THREE_COL_4_3\",\n  THREE_COL_16_9: \"THREE_COL_16_9\",\n  THREE_COL_21_9: \"THREE_COL_21_9\",\n  THREE_COL_32_9: \"THREE_COL_32_9\",\n} as const;\n\nexport type ImagesDescriptionLayout =\n  (typeof IMAGES_DESCRIPTION_LAYOUTS)[keyof typeof IMAGES_DESCRIPTION_LAYOUTS];\n\nexport interface ImageDescriptionItem {\n  _id: string;\n  image: {\n    src: string;\n    alt: string;\n    title?: string;\n  };\n  description: string;\n}\n\nexport interface ImagesDescriptionProps {\n  title: ReactNode;\n  items: ImageDescriptionItem[];\n  layout?: ImagesDescriptionLayout;\n  className?: string;\n}\n\nexport const ImagesDescription = ({\n  title,\n  items = [],\n  layout = IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1,\n  className,\n}: ImagesDescriptionProps) => {\n  const getLayoutClassName = (l: ImagesDescriptionLayout) => {\n    switch (l) {\n      // Layout FULL (1 colonna)\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1:\n        return \"images-description-layout-full-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_4_3:\n        return \"images-description-layout-full-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_16_9:\n        return \"images-description-layout-full-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_21_9:\n        return \"images-description-layout-full-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_32_9:\n        return \"images-description-layout-full-32-9\";\n\n      // Layout TWO_COL (2 colonne)\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_1_1:\n        return \"images-description-layout-two-col-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_4_3:\n        return \"images-description-layout-two-col-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_16_9:\n        return \"images-description-layout-two-col-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_21_9:\n        return \"images-description-layout-two-col-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_32_9:\n        return \"images-description-layout-two-col-32-9\";\n\n      // Layout THREE_COL (3 colonne)\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_1_1:\n        return \"images-description-layout-three-col-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_4_3:\n        return \"images-description-layout-three-col-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_16_9:\n        return \"images-description-layout-three-col-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_21_9:\n        return \"images-description-layout-three-col-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_32_9:\n        return \"images-description-layout-three-col-32-9\";\n\n      default:\n        return \"\";\n    }\n  };\n\n  /* const isFullLayout = layout.startsWith(\"FULL_\");\n  const isThreeColLayout = layout.startsWith(\"THREE_COL_\");\n\n  const limitedItems = isFullLayout\n    ? items.slice(0, 1)\n    : isThreeColLayout\n      ? items.slice(0, 3)\n      : items.slice(0, 2); */\n\n  const layoutClassName = getLayoutClassName(layout);\n\n  return (\n    <Section className={clsx(\"base-col images-description-section\", className)}>\n      <ul\n        role=\"list\"\n        aria-label={`Raccolta di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {items?.map((item) => (\n          <li key={item._id} className=\"images-description-item\">\n            <div className=\"images-description-item-image-container\">\n              <img\n                src={item.image.src}\n                alt={item.image.alt}\n                title={item.image.title}\n                className=\"images-description-item-image\"\n              />\n            </div>\n            <div className=\"images-description-item-content\">\n              <p className=\"images-description-item-description text-slate-28 fs-9\">\n                {item.description}\n              </p>\n            </div>\n          </li>\n        ))}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["IMAGES_DESCRIPTION_LAYOUTS","ImagesDescription","title","items","layout","className","layoutClassName","l","Section","clsx","jsx","item","jsxs"],"mappings":";;;;AAKO,MAAMA,IAA6B;AAAA;AAAA,EAExC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA;AAAA,EAEX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA;AAAA,EAEd,eAAe;AAAA,EACf,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAClB,GAsBaC,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,QAAAC,IAASJ,EAA2B;AAAA,EACpC,WAAAK;AACF,MAA8B;AAqDtB,QAAAC,KApDqB,CAACC,MAA+B;AACzD,YAAQA,GAAG;AAAA;AAAA,MAET,KAAKP,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA;AAAA,MAGT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA;AAAA,MAGT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MAET;AACS,eAAA;AAAA,IAAA;AAAA,EAEb,GAW2CI,CAAM;AAEjD,+BACGI,GAAQ,EAAA,WAAWC,EAAK,uCAAuCJ,CAAS,GACvE,UAAAK,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,eAAeR,CAAK;AAAA,MAChC,WAAW,mBAAmBI,CAAe;AAAA,MAE5C,iCAAO,IAAI,CAACK,MACVC,gBAAAA,OAAA,MAAA,EAAkB,WAAU,2BAC3B,UAAA;AAAA,QAACF,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,2CACb,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKC,EAAK,MAAM;AAAA,YAChB,KAAKA,EAAK,MAAM;AAAA,YAChB,OAAOA,EAAK,MAAM;AAAA,YAClB,WAAU;AAAA,UAAA;AAAA,QAAA,GAEd;AAAA,QACAD,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mCACb,UAAAA,gBAAAA,EAAA,IAAC,OAAE,WAAU,0DACV,UAAKC,EAAA,YACR,CAAA,EACF,CAAA;AAAA,MAAA,EAbO,GAAAA,EAAK,GAcd;AAAA,IACD;AAAA,EAAA,GAEL;AAEJ;"}

package/dist/index.es133.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es133.js","sources":["../src/sections/VerticalCardStepperSection/index.tsx"],"sourcesContent":["import { Section, Step, StepVariantEnum, VerticalCardStepper } from \"@/components\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  description: string;\r\n  steps: Step[];\r\n  type: StepVariantEnum;\r\n};\r\n\r\nexport const VerticalCardStepperSection = ({\r\n  title,\r\n  description,\r\n  steps,\r\n  type,\r\n}: Props) => {\r\n  return (\r\n    <Section>\r\n      <Section.Title color=\"blue-48\" fs=\"2\" mdFs=\"1\" className=\"mb-x16\">\r\n        {title}\r\n      </Section.Title>\r\n      <Section.Description color=\"slate-14\" fs=\"6\" className=\"mb-x36\">\r\n        {description}\r\n      </Section.Description>\r\n\r\n      <VerticalCardStepper steps={steps} type={type} />\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["VerticalCardStepperSection","title","description","steps","type","Section","jsx","VerticalCardStepper"],"mappings":";;;AASO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AACF,6BAEKC,GACC,EAAA,UAAA;AAAA,EAACC,gBAAAA,EAAAA,IAAAD,EAAQ,OAAR,EAAc,OAAM,WAAU,IAAG,KAAI,MAAK,KAAI,WAAU,UACtD,UACHJ,EAAA,CAAA;AAAA,EACAK,gBAAAA,EAAAA,IAACD,EAAQ,aAAR,EAAoB,OAAM,YAAW,IAAG,KAAI,WAAU,UACpD,UACHH,EAAA,CAAA;AAAA,EAEAI,gBAAAA,EAAAA,IAACC,GAAoB,EAAA,OAAAJ,GAAc,MAAAC,EAAY,CAAA;AAAA,GACjD;"}
+{"version":3,"file":"index.es133.js","sources":["../src/sections/VerticalCardStepperSection/index.tsx"],"sourcesContent":["import { Section, Step, StepVariantEnum, VerticalCardStepper } from \"@/components\";\n\ntype Props = {\n  title: string;\n  description: string;\n  steps: Step[];\n  type: StepVariantEnum;\n};\n\nexport const VerticalCardStepperSection = ({\n  title,\n  description,\n  steps,\n  type,\n}: Props) => {\n  return (\n    <Section>\n      <Section.Title color=\"blue-48\" fs=\"2\" mdFs=\"1\" className=\"mb-x16\">\n        {title}\n      </Section.Title>\n      <Section.Description color=\"slate-14\" fs=\"6\" className=\"mb-x36\">\n        {description}\n      </Section.Description>\n\n      <VerticalCardStepper steps={steps} type={type} />\n    </Section>\n  );\n};\n"],"names":["VerticalCardStepperSection","title","description","steps","type","Section","jsx","VerticalCardStepper"],"mappings":";;;AASO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AACF,6BAEKC,GACC,EAAA,UAAA;AAAA,EAACC,gBAAAA,EAAAA,IAAAD,EAAQ,OAAR,EAAc,OAAM,WAAU,IAAG,KAAI,MAAK,KAAI,WAAU,UACtD,UACHJ,EAAA,CAAA;AAAA,EACAK,gBAAAA,EAAAA,IAACD,EAAQ,aAAR,EAAoB,OAAM,YAAW,IAAG,KAAI,WAAU,UACpD,UACHH,EAAA,CAAA;AAAA,EAEAI,gBAAAA,EAAAA,IAACC,GAAoB,EAAA,OAAAJ,GAAc,MAAAC,EAAY,CAAA;AAAA,GACjD;"}

package/dist/index.es134.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es216.js";
-import { clsx as t } from "./index.es217.js";
-import { createColorClasses as e } from "./index.es220.js";
+import { clsx as t } from "./index.es218.js";
+import { createColorClasses as e } from "./index.es231.js";
 const n = ({
   width: a = 24,
   height: r = 24,