@anoki/fse-ui 1.0.0-beta1.48.23 → 1.0.0-beta1.48.26

package/dist/index.cjs73.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs73.js","sources":["../src/components/ui/Table/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport clsx from \"clsx\";\nimport \"./Table.scss\";\nimport { Download, Info, TriangleDown, TriangleUp } from \"@/icons\";\nimport { ActionIconText } from \"@/components\";\nimport { CommonIconsType } from \"@/types/icons\";\nimport { InfoPopupProps } from \"../InfoPopup\";\nimport { useEffect } from \"react\";\n\n// per le celle che vanno renderizzate su due righe\nexport interface DoubleLineData {\n  firstLine: string;\n  secondLine: string;\n}\n\n//per le celle che renderizzano un link o un bottone\nexport interface ActionData {\n  label: string | React.ReactNode;\n  ariaLabel: string;\n  type: \"link\" | \"button\";\n  link?: string;\n  action?: () => void;\n}\n\nexport interface ColumnConfig {\n  label: string;\n  ariaLabel: string;\n  sortable: boolean;\n  action?: () => void;\n  iconAction?: () => void;\n  popupInfo?: InfoPopupProps;\n  icon?: React.ReactNode | CommonIconsType;\n  iconPosition?: \"left\" | \"right\";\n  key?: string;\n  type?: \"string\" | \"date\" | \"number\";\n}\n\nexport interface TableRowData {\n  [key: string]: string | DoubleLineData | ActionData;\n}\n\nexport interface TableHeaderProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableBodyProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableRowProps\n  extends React.HTMLAttributes<HTMLTableRowElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableHeadProps\n  extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableCellBaseProps\n  extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, \"content\"> {\n  type?: \"double-line\" | \"action\";\n}\n\nexport interface TableCellProps extends TableCellBaseProps {\n  content: string | DoubleLineData | ActionData;\n}\n\nexport interface PaginationProps {\n  currentPage: number;\n  totalResults: number;\n  currentResultsPerPage?: number; // used to display 8 di 188 if user is in the last page\n  resultsPerPage: number;\n  setCurrentPage: (page: number) => void;\n  onPageChange?: (page: number) => void;\n  className?: string;\n  serverSide?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n}\n\nexport interface TableProps\n  extends React.TableHTMLAttributes<HTMLTableElement> {\n  className?: string;\n  columns: ColumnConfig[];\n  data: TableRowData[];\n  pagination?: boolean;\n  initialCurrentPage?: number;\n  resultsPerPage?: number;\n  defaultSortDirection?: \"asc\" | \"desc\";\n  setSelectedSort?: (sortConfig: {\n    key: string;\n    direction: \"asc\" | \"desc\";\n  }) => void;\n  initialSortConfig?: { key: string; direction: \"asc\" | \"desc\" };\n  serverSidePagination?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  onPageChange?: (page: number) => void;\n  variant?: \"default\" | \"exemptions\";\n}\n\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\n  (\n    {\n      className,\n      columns,\n      data,\n      pagination,\n      initialCurrentPage = 1,\n      resultsPerPage = 10,\n      defaultSortDirection = \"desc\",\n      setSelectedSort,\n      initialSortConfig,\n      serverSidePagination = false,\n      totalItems,\n      hasNextPage,\n      hasPreviousPage,\n      onNextPage,\n      onPreviousPage,\n      onPageChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const [sortConfig, setSortConfig] = React.useState<{\n      key: string;\n      direction: \"asc\" | \"desc\";\n    }>(\n      initialSortConfig || {\n        key: columns[0].key || columns[0].label,\n        direction: defaultSortDirection,\n      },\n    );\n    const [currentPage, setCurrentPage] = React.useState(initialCurrentPage);\n\n    useEffect(() => {\n      if (initialSortConfig) {\n        setSortConfig(initialSortConfig);\n      }\n    }, [initialSortConfig]);\n\n    const sortedData = React.useMemo(() => {\n      return [...data].sort((a, b) => {\n        const aValue = a[sortConfig.key];\n        const bValue = b[sortConfig.key];\n        const column = columns.find(\n          (col) => (col.key || col.label) === sortConfig.key,\n        );\n\n        if (typeof aValue === \"string\" && typeof bValue === \"string\") {\n          if (column?.type === \"date\") {\n            // Convert Italian date format (DD/MM/YYYY - HH:mm) to Date object\n            const parseDate = (dateStr: string) => {\n              const [datePart, timePart] = dateStr.split(\" - \");\n              const [day, month, year] = datePart.split(\"/\").map(Number);\n              const [hours, minutes] = timePart.split(\":\").map(Number);\n              return new Date(year, month - 1, day, hours, minutes);\n            };\n\n            const dateA = parseDate(aValue);\n            const dateB = parseDate(bValue);\n            return sortConfig.direction === \"asc\"\n              ? dateA.getTime() - dateB.getTime()\n              : dateB.getTime() - dateA.getTime();\n          }\n\n          if (column?.type === \"number\") {\n            const numA = parseFloat(aValue);\n            const numB = parseFloat(bValue);\n            return sortConfig.direction === \"asc\" ? numA - numB : numB - numA;\n          }\n\n          return sortConfig.direction === \"asc\"\n            ? aValue.localeCompare(bValue)\n            : bValue.localeCompare(aValue);\n        }\n\n        if (isDoubleLineData(aValue) && isDoubleLineData(bValue)) {\n          return sortConfig.direction === \"asc\"\n            ? aValue.firstLine.localeCompare(bValue.firstLine)\n            : bValue.firstLine.localeCompare(aValue.firstLine);\n        }\n\n        return 0;\n      });\n    }, [data, sortConfig, columns]);\n\n    const handleSort = (columnKey: string) => {\n      const newSortConfig = {\n        key: columnKey,\n        direction:\n          sortConfig.key === columnKey && sortConfig.direction === \"asc\"\n            ? \"desc\"\n            : \"asc\",\n      } as { key: string; direction: \"asc\" | \"desc\" };\n\n      setSortConfig(newSortConfig);\n      if (setSelectedSort) {\n        setSelectedSort(newSortConfig);\n      }\n    };\n\n    const startIndex =\n      pagination && !serverSidePagination\n        ? (currentPage - 1) * resultsPerPage\n        : 0;\n    const endIndex =\n      pagination && !serverSidePagination\n        ? Math.min(startIndex + resultsPerPage, sortedData.length)\n        : sortedData.length;\n    const currentPageData = serverSidePagination\n      ? sortedData\n      : sortedData.slice(startIndex, endIndex);\n\n    return (\n      <div className=\"position-relative w-full\">\n        <table\n          ref={ref}\n          className={clsx(\"table\", className)}\n          role=\"table\"\n          {...props}\n        >\n          <TableHeader className=\"table__header\">\n            <TableRow>\n              {columns.map((column, index) => (\n                <TableHead\n                  key={`${column.label}-${index}`}\n                  config={column}\n                  sortConfig={sortConfig}\n                  onSort={() =>\n                    column.sortable && handleSort(column.key || column.label)\n                  }\n                  variant={props.variant}\n                />\n              ))}\n            </TableRow>\n          </TableHeader>\n          <TableBody className=\"table__body\">\n            {currentPageData.map((row, rowIndex) => (\n              <TableRow key={rowIndex} className=\"table__row\">\n                {columns.map((column, cellIndex) => {\n                  const key = column.key || column.label;\n                  const value = row[key];\n                  return (\n                    <TableCell\n                      key={`${key}-${cellIndex}`}\n                      content={value || \"\"}\n                      type={\n                        value && isDoubleLineData(value)\n                          ? \"double-line\"\n                          : value && isActionData(value)\n                            ? \"action\"\n                            : undefined\n                      }\n                    />\n                  );\n                })}\n              </TableRow>\n            ))}\n          </TableBody>\n        </table>\n        {pagination && (\n          <Pagination\n            currentPage={currentPage}\n            totalResults={\n              serverSidePagination ? totalItems || 0 : sortedData.length\n            }\n            currentResultsPerPage={data.length}\n            resultsPerPage={resultsPerPage}\n            setCurrentPage={setCurrentPage}\n            onPageChange={onPageChange}\n            serverSide={serverSidePagination}\n            totalItems={totalItems}\n            hasNextPage={hasNextPage}\n            hasPreviousPage={hasPreviousPage}\n            onNextPage={onNextPage}\n            onPreviousPage={onPreviousPage}\n          />\n        )}\n      </div>\n    );\n  },\n);\nTable.displayName = \"Table\";\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  ({ className, children, ...props }, ref) => (\n    <thead\n      ref={ref}\n      className={clsx(\"[&_tr]:border-b-0\", className)}\n      {...props}\n    >\n      {children}\n    </thead>\n  ),\n);\nTableHeader.displayName = \"TableHeader\";\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, children, ...props }, ref) => (\n    <tbody\n      ref={ref}\n      className={clsx(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    >\n      {children}\n    </tbody>\n  ),\n);\nTableBody.displayName = \"TableBody\";\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ className, children, ...props }, ref) => (\n    <tr\n      ref={ref}\n      className={clsx(\n        \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </tr>\n  ),\n);\nTableRow.displayName = \"TableRow\";\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  TableHeadProps & {\n    config: ColumnConfig;\n    sortConfig: { key: string; direction: \"asc\" | \"desc\" };\n    onSort?: () => void;\n    variant?: \"default\" | \"exemptions\";\n  }\n>(({ className, config, sortConfig, onSort, ...props }, ref) => {\n  const isSorted = sortConfig.key === (config.key || config.label);\n  const sortDirection = isSorted ? sortConfig.direction : null;\n\n  const getAriaSortValue = (): \"ascending\" | \"descending\" => {\n    return sortDirection === \"asc\" ? \"ascending\" : \"descending\";\n  };\n\n  const renderIcon = (icon: React.ReactNode | CommonIconsType) => {\n    switch (icon) {\n      case \"info\":\n        return <Info />;\n      case \"download\":\n        return <Download />;\n      default:\n        return icon;\n    }\n  };\n\n  return (\n    <th\n      ref={ref}\n      className={clsx(\n        \"table__cell table__cell--header\",\n        {\n          \"table__cell--sortable\": config.sortable,\n          \"table__cell--action\": config.action,\n        },\n        className,\n      )}\n      onClick={config.sortable ? onSort : config.action}\n      aria-label={config.ariaLabel}\n      aria-sort={isSorted ? getAriaSortValue() : undefined}\n      {...props}\n    >\n      <div className=\"table__cell--header--content\">\n        <div>\n          <ActionIconText\n            icon={renderIcon(config.icon)}\n            noIcon={!renderIcon(config.icon)}\n            textLabel={config.label}\n            iconPosition={config.iconPosition}\n            handleIconAction={() => {\n              if (config.iconAction) {\n                config.iconAction();\n              }\n            }}\n            popupInfo={config.popupInfo}\n            positionPopUp={config.popupInfo?.positionPopUp}\n            classNameText={\n              props.variant && \"fw-bold text-slate-28 fs-custom md-fs-6\"\n            }\n          />\n        </div>\n        {config.sortable && (\n          <span className=\"sort-indicator\">\n            <TriangleUp\n              filled={isSorted && sortDirection === \"desc\"}\n              className={clsx(\"sort-indicator__triangle\", {\n                active: isSorted && sortDirection === \"desc\",\n              })}\n            />\n            <TriangleDown\n              filled={isSorted && sortDirection === \"asc\"}\n              className={clsx(\"sort-indicator__triangle\", {\n                active: isSorted && sortDirection === \"asc\",\n              })}\n            />\n          </span>\n        )}\n      </div>\n    </th>\n  );\n});\nTableHead.displayName = \"TableHead\";\n\nconst DoubleLineContent: React.FC<{ data: DoubleLineData }> = ({ data }) => (\n  <>\n    <div className=\"table__cell--firstLine\">{data.firstLine}</div>\n    <div className=\"table__cell--secondLine\">{data.secondLine}</div>\n  </>\n);\n\nconst ActionContent: React.FC<{ data: ActionData }> = ({ data }) => {\n  if (data.type === \"link\" && data.link) {\n    return (\n      <a href={data.link} aria-label={data.ariaLabel}>\n        {data.label}\n      </a>\n    );\n  }\n  return (\n    <button onClick={data.action} aria-label={data.ariaLabel}>\n      {data.label}\n    </button>\n  );\n};\n\n// check if we are rendering a double line data\nconst isDoubleLineData = (\n  content: TableCellProps[\"content\"],\n): content is DoubleLineData => {\n  return (\n    typeof content === \"object\" &&\n    content !== null &&\n    \"firstLine\" in content &&\n    \"secondLine\" in content\n  );\n};\n\n// check if we are rendering an action data\nconst isActionData = (\n  content: TableCellProps[\"content\"],\n): content is ActionData => {\n  return (\n    typeof content === \"object\" &&\n    content !== null &&\n    \"label\" in content &&\n    \"type\" in content\n  );\n};\n\nconst TableCellContent: React.FC<{ content: TableCellProps[\"content\"] }> = ({\n  content,\n}) => {\n  if (typeof content === \"string\") {\n    return <>{content}</>;\n  }\n  if (isDoubleLineData(content)) {\n    return <DoubleLineContent data={content} />;\n  }\n  if (isActionData(content)) {\n    return <ActionContent data={content} />;\n  }\n  return null;\n};\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, content, type, ...props }, ref) => (\n    <td\n      ref={ref}\n      className={clsx(\n        \"table__cell\",\n        {\n          \"table__cell--double-line\": type === \"double-line\",\n          \"table__cell--action\": type === \"action\",\n        },\n        className,\n      )}\n      {...props}\n    >\n      <TableCellContent content={content} />\n    </td>\n  ),\n);\nTableCell.displayName = \"TableCell\";\n\nconst Pagination: React.FC<PaginationProps> = ({\n  currentPage = 1,\n  totalResults,\n  resultsPerPage,\n  currentResultsPerPage,\n  setCurrentPage,\n  onPageChange,\n  className,\n  serverSide = false,\n  totalItems,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\n}) => {\n  const totalPages = serverSide\n    ? Math.ceil((totalItems || totalResults) / resultsPerPage)\n    : Math.ceil(totalResults / resultsPerPage);\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n    if (onPageChange) {\n      onPageChange(page);\n    }\n  };\n\n  const handleNextPage = () => {\n    const nextPage = currentPage + 1;\n    if (serverSide && onNextPage) {\n      onNextPage();\n    }\n    handlePageChange(nextPage);\n  };\n\n  const handlePreviousPage = () => {\n    const prevPage = currentPage - 1;\n    if (serverSide && onPreviousPage) {\n      onPreviousPage();\n    }\n    handlePageChange(prevPage);\n  };\n\n  const isNextDisabled = serverSide ? !hasNextPage : currentPage === totalPages;\n  const isPrevDisabled = serverSide ? !hasPreviousPage : currentPage === 1;\n\n  const getPageNumbers = () => {\n    const pages = [];\n    const maxVisiblePages = 5;\n\n    if (totalPages <= maxVisiblePages) {\n      for (let i = 1; i <= totalPages; i++) {\n        pages.push(i);\n      }\n    } else {\n      pages.push(1);\n\n      let start = Math.max(2, currentPage - 1);\n      let end = Math.min(totalPages - 1, currentPage + 1);\n\n      if (currentPage <= 3) {\n        end = 4;\n      } else if (currentPage >= totalPages - 2) {\n        start = totalPages - 3;\n      }\n\n      if (start > 2) {\n        pages.push(\"...\");\n      }\n\n      for (let i = start; i <= end; i++) {\n        pages.push(i);\n      }\n\n      if (end < totalPages - 1) {\n        pages.push(\"...\");\n      }\n\n      pages.push(totalPages);\n    }\n\n    return pages;\n  };\n\n  return (\n    <div className={clsx(\"pagination\", className)}>\n      <div className=\"pagination__info\">\n        Stai visualizzando{\" \"}\n        <span className=\"pagination__info__resultsPerPage\">\n          {serverSide\n            ? currentResultsPerPage\n            : currentPage === totalPages && totalResults % resultsPerPage !== 0\n              ? totalResults % resultsPerPage\n              : resultsPerPage}\n        </span>{\" \"}\n        di {serverSide ? totalItems || totalResults : totalResults} risultati\n      </div>\n      <div className=\"pagination__nav\">\n        <button\n          className={clsx(\n            \"pagination__button\",\n            isPrevDisabled && \"pagination__button--disabled\",\n          )}\n          onClick={handlePreviousPage}\n          disabled={isPrevDisabled}\n          aria-label=\"Previous page\"\n        >\n          <svg\n            className=\"pagination__button-arrow\"\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path d=\"M15 18l-6-6 6-6\" />\n          </svg>\n        </button>\n\n        {getPageNumbers().map((page, index) =>\n          page === \"...\" ? (\n            <span key={`ellipsis-${index}`} className=\"pagination__ellipsis\">\n              ...\n            </span>\n          ) : (\n            <button\n              key={page}\n              className={clsx(\n                \"pagination__button\",\n                currentPage === page && \"pagination__button--active\",\n              )}\n              onClick={() => handlePageChange(page as number)}\n              disabled={page === currentPage}\n            >\n              {page}\n            </button>\n          ),\n        )}\n\n        <button\n          className={clsx(\n            \"pagination__button\",\n            isNextDisabled && \"pagination__button--disabled\",\n          )}\n          onClick={handleNextPage}\n          disabled={isNextDisabled}\n          aria-label=\"Next page\"\n        >\n          <svg\n            className=\"pagination__button-arrow\"\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path d=\"M9 6l6 6-6 6\" />\n          </svg>\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableHead,\n  TableRow,\n  TableCell,\n  Pagination,\n};\n"],"names":["Table","React","className","columns","data","pagination","initialCurrentPage","resultsPerPage","defaultSortDirection","setSelectedSort","initialSortConfig","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","props","ref","sortConfig","setSortConfig","currentPage","setCurrentPage","useEffect","sortedData","a","b","aValue","bValue","column","col","parseDate","dateStr","datePart","timePart","day","month","year","hours","minutes","dateA","dateB","numA","numB","isDoubleLineData","handleSort","columnKey","newSortConfig","startIndex","endIndex","currentPageData","jsxs","clsx","jsx","TableHeader","TableRow","index","TableHead","TableBody","row","rowIndex","cellIndex","key","value","TableCell","isActionData","Pagination","children","config","onSort","isSorted","sortDirection","getAriaSortValue","renderIcon","icon","Info","Download","ActionIconText","_a","TriangleUp","TriangleDown","DoubleLineContent","Fragment","ActionContent","content","TableCellContent","type","totalResults","currentResultsPerPage","serverSide","totalPages","handlePageChange","page","handleNextPage","nextPage","handlePreviousPage","prevPage","isNextDisabled","isPrevDisabled","getPageNumbers","pages","i","start","end"],"mappings":"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"}
+{"version":3,"file":"index.cjs73.js","sources":["../src/components/ui/Table/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport clsx from \"clsx\";\nimport \"./Table.scss\";\nimport { Download, Info, TriangleDown, TriangleUp } from \"@/icons\";\nimport { ActionIconText } from \"@/components\";\nimport { CommonIconsType } from \"@/types/icons\";\nimport { InfoPopupProps } from \"../InfoPopup\";\nimport { useEffect } from \"react\";\n\n// per le celle che vanno renderizzate su due righe\nexport interface DoubleLineData {\n  firstLine: string;\n  secondLine: string;\n}\n\n//per le celle che renderizzano un link o un bottone\nexport interface ActionData {\n  label: string | React.ReactNode;\n  ariaLabel: string;\n  type: \"link\" | \"button\";\n  link?: string;\n  action?: () => void;\n}\n\nexport interface ColumnConfig {\n  label: string;\n  ariaLabel: string;\n  sortable: boolean;\n  action?: () => void;\n  iconAction?: () => void;\n  popupInfo?: InfoPopupProps;\n  icon?: React.ReactNode | CommonIconsType;\n  iconPosition?: \"left\" | \"right\";\n  key?: string;\n  type?: \"string\" | \"date\" | \"number\";\n  scope?: \"col\" | \"row\" | \"colgroup\" | \"rowgroup\";\n}\n\nexport interface TableRowData {\n  [key: string]: string | DoubleLineData | ActionData;\n}\n\nexport interface TableHeaderProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableBodyProps\n  extends React.HTMLAttributes<HTMLTableSectionElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableRowProps\n  extends React.HTMLAttributes<HTMLTableRowElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableHeadProps\n  extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport interface TableCellBaseProps\n  extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, \"content\"> {\n  type?: \"double-line\" | \"action\";\n}\n\nexport interface TableCellProps extends TableCellBaseProps {\n  content: string | DoubleLineData | ActionData;\n}\n\nexport interface PaginationProps {\n  currentPage: number;\n  totalResults: number;\n  currentResultsPerPage?: number; // used to display 8 di 188 if user is in the last page\n  resultsPerPage: number;\n  setCurrentPage: (page: number) => void;\n  onPageChange?: (page: number) => void;\n  className?: string;\n  serverSide?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n}\n\nexport interface TableProps\n  extends React.TableHTMLAttributes<HTMLTableElement> {\n  className?: string;\n  columns: ColumnConfig[];\n  data: TableRowData[];\n  pagination?: boolean;\n  initialCurrentPage?: number;\n  resultsPerPage?: number;\n  defaultSortDirection?: \"asc\" | \"desc\";\n  setSelectedSort?: (sortConfig: {\n    key: string;\n    direction: \"asc\" | \"desc\";\n  }) => void;\n  initialSortConfig?: { key: string; direction: \"asc\" | \"desc\" };\n  serverSidePagination?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  onPageChange?: (page: number) => void;\n  variant?: \"default\" | \"exemptions\";\n}\n\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\n  (\n    {\n      className,\n      columns,\n      data,\n      pagination,\n      initialCurrentPage = 1,\n      resultsPerPage = 10,\n      defaultSortDirection = \"desc\",\n      setSelectedSort,\n      initialSortConfig,\n      serverSidePagination = false,\n      totalItems,\n      hasNextPage,\n      hasPreviousPage,\n      onNextPage,\n      onPreviousPage,\n      onPageChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const [sortConfig, setSortConfig] = React.useState<{\n      key: string;\n      direction: \"asc\" | \"desc\";\n    }>(\n      initialSortConfig || {\n        key: columns[0].key || columns[0].label,\n        direction: defaultSortDirection,\n      },\n    );\n    const [currentPage, setCurrentPage] = React.useState(initialCurrentPage);\n\n    useEffect(() => {\n      if (initialSortConfig) {\n        setSortConfig(initialSortConfig);\n      }\n    }, [initialSortConfig]);\n\n    const sortedData = React.useMemo(() => {\n      return [...data].sort((a, b) => {\n        const aValue = a[sortConfig.key];\n        const bValue = b[sortConfig.key];\n        const column = columns.find(\n          (col) => (col.key || col.label) === sortConfig.key,\n        );\n\n        if (typeof aValue === \"string\" && typeof bValue === \"string\") {\n          if (column?.type === \"date\") {\n            // Convert Italian date format (DD/MM/YYYY - HH:mm) to Date object\n            const parseDate = (dateStr: string) => {\n              const [datePart, timePart] = dateStr.split(\" - \");\n              const [day, month, year] = datePart.split(\"/\").map(Number);\n              const [hours, minutes] = timePart.split(\":\").map(Number);\n              return new Date(year, month - 1, day, hours, minutes);\n            };\n\n            const dateA = parseDate(aValue);\n            const dateB = parseDate(bValue);\n            return sortConfig.direction === \"asc\"\n              ? dateA.getTime() - dateB.getTime()\n              : dateB.getTime() - dateA.getTime();\n          }\n\n          if (column?.type === \"number\") {\n            const numA = parseFloat(aValue);\n            const numB = parseFloat(bValue);\n            return sortConfig.direction === \"asc\" ? numA - numB : numB - numA;\n          }\n\n          return sortConfig.direction === \"asc\"\n            ? aValue.localeCompare(bValue)\n            : bValue.localeCompare(aValue);\n        }\n\n        if (isDoubleLineData(aValue) && isDoubleLineData(bValue)) {\n          return sortConfig.direction === \"asc\"\n            ? aValue.firstLine.localeCompare(bValue.firstLine)\n            : bValue.firstLine.localeCompare(aValue.firstLine);\n        }\n\n        return 0;\n      });\n    }, [data, sortConfig, columns]);\n\n    const handleSort = (columnKey: string) => {\n      const newSortConfig = {\n        key: columnKey,\n        direction:\n          sortConfig.key === columnKey && sortConfig.direction === \"asc\"\n            ? \"desc\"\n            : \"asc\",\n      } as { key: string; direction: \"asc\" | \"desc\" };\n\n      setSortConfig(newSortConfig);\n      if (setSelectedSort) {\n        setSelectedSort(newSortConfig);\n      }\n    };\n\n    const startIndex =\n      pagination && !serverSidePagination\n        ? (currentPage - 1) * resultsPerPage\n        : 0;\n    const endIndex =\n      pagination && !serverSidePagination\n        ? Math.min(startIndex + resultsPerPage, sortedData.length)\n        : sortedData.length;\n    const currentPageData = serverSidePagination\n      ? sortedData\n      : sortedData.slice(startIndex, endIndex);\n\n    return (\n      <div className=\"position-relative w-full\">\n        <table\n          ref={ref}\n          className={clsx(\"table\", className)}\n          role=\"table\"\n          {...props}\n        >\n          <TableHeader className=\"table__header\">\n            <TableRow>\n              {columns.map((column, index) => (\n                <TableHead\n                  key={`${column.label}-${index}`}\n                  config={column}\n                  sortConfig={sortConfig}\n                  onSort={() =>\n                    column.sortable && handleSort(column.key || column.label)\n                  }\n                  variant={props.variant}\n                />\n              ))}\n            </TableRow>\n          </TableHeader>\n          <TableBody className=\"table__body\">\n            {currentPageData.map((row, rowIndex) => (\n              <TableRow key={rowIndex} className=\"table__row\">\n                {columns.map((column, cellIndex) => {\n                  const key = column.key || column.label;\n                  const value = row[key];\n                  return (\n                    <TableCell\n                      key={`${key}-${cellIndex}`}\n                      content={value || \"\"}\n                      type={\n                        value && isDoubleLineData(value)\n                          ? \"double-line\"\n                          : value && isActionData(value)\n                            ? \"action\"\n                            : undefined\n                      }\n                    />\n                  );\n                })}\n              </TableRow>\n            ))}\n          </TableBody>\n        </table>\n        {pagination && (\n          <Pagination\n            currentPage={currentPage}\n            totalResults={\n              serverSidePagination ? totalItems || 0 : sortedData.length\n            }\n            currentResultsPerPage={data.length}\n            resultsPerPage={resultsPerPage}\n            setCurrentPage={setCurrentPage}\n            onPageChange={onPageChange}\n            serverSide={serverSidePagination}\n            totalItems={totalItems}\n            hasNextPage={hasNextPage}\n            hasPreviousPage={hasPreviousPage}\n            onNextPage={onNextPage}\n            onPreviousPage={onPreviousPage}\n          />\n        )}\n      </div>\n    );\n  },\n);\nTable.displayName = \"Table\";\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  ({ className, children, ...props }, ref) => (\n    <thead\n      ref={ref}\n      className={clsx(\"[&_tr]:border-b-0\", className)}\n      {...props}\n    >\n      {children}\n    </thead>\n  ),\n);\nTableHeader.displayName = \"TableHeader\";\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, children, ...props }, ref) => (\n    <tbody\n      ref={ref}\n      className={clsx(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    >\n      {children}\n    </tbody>\n  ),\n);\nTableBody.displayName = \"TableBody\";\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ className, children, ...props }, ref) => (\n    <tr\n      ref={ref}\n      className={clsx(\n        \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </tr>\n  ),\n);\nTableRow.displayName = \"TableRow\";\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  TableHeadProps & {\n    config: ColumnConfig;\n    sortConfig: { key: string; direction: \"asc\" | \"desc\" };\n    onSort?: () => void;\n    variant?: \"default\" | \"exemptions\";\n  }\n>(({ className, config, sortConfig, onSort, ...props }, ref) => {\n  const isSorted = sortConfig.key === (config.key || config.label);\n  const sortDirection = isSorted ? sortConfig.direction : null;\n\n  const getAriaSortValue = (): \"ascending\" | \"descending\" => {\n    return sortDirection === \"asc\" ? \"ascending\" : \"descending\";\n  };\n\n  const renderIcon = (icon: React.ReactNode | CommonIconsType) => {\n    switch (icon) {\n      case \"info\":\n        return <Info />;\n      case \"download\":\n        return <Download />;\n      default:\n        return icon;\n    }\n  };\n\n  return (\n    <th\n      ref={ref}\n      className={clsx(\n        \"table__cell table__cell--header\",\n        {\n          \"table__cell--sortable\": config.sortable,\n          \"table__cell--action\": config.action,\n        },\n        className,\n      )}\n      onClick={config.sortable ? onSort : config.action}\n      aria-label={config.ariaLabel}\n      aria-sort={isSorted ? getAriaSortValue() : undefined}\n      scope={config.scope || \"col\"}\n      {...props}\n    >\n      <div className=\"table__cell--header--content\">\n        <div>\n          <ActionIconText\n            icon={renderIcon(config.icon)}\n            noIcon={!renderIcon(config.icon)}\n            textLabel={config.label}\n            iconPosition={config.iconPosition}\n            handleIconAction={() => {\n              if (config.iconAction) {\n                config.iconAction();\n              }\n            }}\n            popupInfo={config.popupInfo}\n            positionPopUp={config.popupInfo?.positionPopUp}\n            classNameText={\n              props.variant && \"fw-bold text-slate-28 fs-custom md-fs-6\"\n            }\n          />\n        </div>\n        {config.sortable && (\n          <span className=\"sort-indicator\">\n            <TriangleUp\n              filled={isSorted && sortDirection === \"desc\"}\n              className={clsx(\"sort-indicator__triangle\", {\n                active: isSorted && sortDirection === \"desc\",\n              })}\n            />\n            <TriangleDown\n              filled={isSorted && sortDirection === \"asc\"}\n              className={clsx(\"sort-indicator__triangle\", {\n                active: isSorted && sortDirection === \"asc\",\n              })}\n            />\n          </span>\n        )}\n      </div>\n    </th>\n  );\n});\nTableHead.displayName = \"TableHead\";\n\nconst DoubleLineContent: React.FC<{ data: DoubleLineData }> = ({ data }) => (\n  <>\n    <div className=\"table__cell--firstLine\">{data.firstLine}</div>\n    <div className=\"table__cell--secondLine\">{data.secondLine}</div>\n  </>\n);\n\nconst ActionContent: React.FC<{ data: ActionData }> = ({ data }) => {\n  if (data.type === \"link\" && data.link) {\n    return (\n      <a href={data.link} aria-label={data.ariaLabel}>\n        {data.label}\n      </a>\n    );\n  }\n  return (\n    <button onClick={data.action} aria-label={data.ariaLabel}>\n      {data.label}\n    </button>\n  );\n};\n\n// check if we are rendering a double line data\nconst isDoubleLineData = (\n  content: TableCellProps[\"content\"],\n): content is DoubleLineData => {\n  return (\n    typeof content === \"object\" &&\n    content !== null &&\n    \"firstLine\" in content &&\n    \"secondLine\" in content\n  );\n};\n\n// check if we are rendering an action data\nconst isActionData = (\n  content: TableCellProps[\"content\"],\n): content is ActionData => {\n  return (\n    typeof content === \"object\" &&\n    content !== null &&\n    \"label\" in content &&\n    \"type\" in content\n  );\n};\n\nconst TableCellContent: React.FC<{ content: TableCellProps[\"content\"] }> = ({\n  content,\n}) => {\n  if (typeof content === \"string\") {\n    return <>{content}</>;\n  }\n  if (isDoubleLineData(content)) {\n    return <DoubleLineContent data={content} />;\n  }\n  if (isActionData(content)) {\n    return <ActionContent data={content} />;\n  }\n  return null;\n};\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, content, type, ...props }, ref) => (\n    <td\n      ref={ref}\n      className={clsx(\n        \"table__cell\",\n        {\n          \"table__cell--double-line\": type === \"double-line\",\n          \"table__cell--action\": type === \"action\",\n        },\n        className,\n      )}\n      {...props}\n    >\n      <TableCellContent content={content} />\n    </td>\n  ),\n);\nTableCell.displayName = \"TableCell\";\n\nconst Pagination: React.FC<PaginationProps> = ({\n  currentPage = 1,\n  totalResults,\n  resultsPerPage,\n  currentResultsPerPage,\n  setCurrentPage,\n  onPageChange,\n  className,\n  serverSide = false,\n  totalItems,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\n}) => {\n  const totalPages = serverSide\n    ? Math.ceil((totalItems || totalResults) / resultsPerPage)\n    : Math.ceil(totalResults / resultsPerPage);\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n    if (onPageChange) {\n      onPageChange(page);\n    }\n  };\n\n  const handleNextPage = () => {\n    const nextPage = currentPage + 1;\n    if (serverSide && onNextPage) {\n      onNextPage();\n    }\n    handlePageChange(nextPage);\n  };\n\n  const handlePreviousPage = () => {\n    const prevPage = currentPage - 1;\n    if (serverSide && onPreviousPage) {\n      onPreviousPage();\n    }\n    handlePageChange(prevPage);\n  };\n\n  const isNextDisabled = serverSide ? !hasNextPage : currentPage === totalPages;\n  const isPrevDisabled = serverSide ? !hasPreviousPage : currentPage === 1;\n\n  const getPageNumbers = () => {\n    const pages = [];\n    const maxVisiblePages = 5;\n\n    if (totalPages <= maxVisiblePages) {\n      for (let i = 1; i <= totalPages; i++) {\n        pages.push(i);\n      }\n    } else {\n      pages.push(1);\n\n      let start = Math.max(2, currentPage - 1);\n      let end = Math.min(totalPages - 1, currentPage + 1);\n\n      if (currentPage <= 3) {\n        end = 4;\n      } else if (currentPage >= totalPages - 2) {\n        start = totalPages - 3;\n      }\n\n      if (start > 2) {\n        pages.push(\"...\");\n      }\n\n      for (let i = start; i <= end; i++) {\n        pages.push(i);\n      }\n\n      if (end < totalPages - 1) {\n        pages.push(\"...\");\n      }\n\n      pages.push(totalPages);\n    }\n\n    return pages;\n  };\n\n  return (\n    <div className={clsx(\"pagination\", className)}>\n      <div className=\"pagination__info\">\n        Stai visualizzando{\" \"}\n        <span className=\"pagination__info__resultsPerPage\">\n          {serverSide\n            ? currentResultsPerPage\n            : currentPage === totalPages && totalResults % resultsPerPage !== 0\n              ? totalResults % resultsPerPage\n              : resultsPerPage}\n        </span>{\" \"}\n        di {serverSide ? totalItems || totalResults : totalResults} risultati\n      </div>\n      <div className=\"pagination__nav\">\n        <button\n          className={clsx(\n            \"pagination__button\",\n            isPrevDisabled && \"pagination__button--disabled\",\n          )}\n          onClick={handlePreviousPage}\n          disabled={isPrevDisabled}\n          aria-label=\"Previous page\"\n        >\n          <svg\n            className=\"pagination__button-arrow\"\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path d=\"M15 18l-6-6 6-6\" />\n          </svg>\n        </button>\n\n        {getPageNumbers().map((page, index) =>\n          page === \"...\" ? (\n            <span key={`ellipsis-${index}`} className=\"pagination__ellipsis\">\n              ...\n            </span>\n          ) : (\n            <button\n              key={page}\n              className={clsx(\n                \"pagination__button\",\n                currentPage === page && \"pagination__button--active\",\n              )}\n              onClick={() => handlePageChange(page as number)}\n              disabled={page === currentPage}\n            >\n              {page}\n            </button>\n          ),\n        )}\n\n        <button\n          className={clsx(\n            \"pagination__button\",\n            isNextDisabled && \"pagination__button--disabled\",\n          )}\n          onClick={handleNextPage}\n          disabled={isNextDisabled}\n          aria-label=\"Next page\"\n        >\n          <svg\n            className=\"pagination__button-arrow\"\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path d=\"M9 6l6 6-6 6\" />\n          </svg>\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableHead,\n  TableRow,\n  TableCell,\n  Pagination,\n};\n"],"names":["Table","React","className","columns","data","pagination","initialCurrentPage","resultsPerPage","defaultSortDirection","setSelectedSort","initialSortConfig","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","props","ref","sortConfig","setSortConfig","currentPage","setCurrentPage","useEffect","sortedData","a","b","aValue","bValue","column","col","parseDate","dateStr","datePart","timePart","day","month","year","hours","minutes","dateA","dateB","numA","numB","isDoubleLineData","handleSort","columnKey","newSortConfig","startIndex","endIndex","currentPageData","jsxs","clsx","jsx","TableHeader","TableRow","index","TableHead","TableBody","row","rowIndex","cellIndex","key","value","TableCell","isActionData","Pagination","children","config","onSort","isSorted","sortDirection","getAriaSortValue","renderIcon","icon","Info","Download","ActionIconText","_a","TriangleUp","TriangleDown","DoubleLineContent","Fragment","ActionContent","content","TableCellContent","type","totalResults","currentResultsPerPage","serverSide","totalPages","handlePageChange","page","handleNextPage","nextPage","handlePreviousPage","prevPage","isNextDisabled","isPrevDisabled","getPageNumbers","pages","i","start","end"],"mappings":"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"}

package/dist/index.d.ts

@@ -144,7 +144,7 @@ declare type AggregationItemCardProps = {
     totalTags?: number;
     image?: Image_4;
     title: string;
-    titleTag?: HeadingLevel_15;
+    titleTag?: HeadingLevel;
     href?: string;
     description?: string | ReactNode;
     description2?: string;
@@ -479,7 +479,7 @@ export declare enum CalloutVariantEnum {
 }
 
 declare type CardAuthorProps = {
-    titleTag?: HeadingLevel_13;
+    titleTag?: HeadingLevel;
     authorName: string;
     avatar?: {
         initials: string;
@@ -542,7 +542,7 @@ export declare const CardDoctor: ({ titleTag: TitleTag, doctorName, specialties,
 export declare const CardDoctorInfo: ({ titleTag: TitleTag, doctorName, specialties, contactInfo, avatar, className, officesInfo, officesInfoV2, officeLabel, }: CardDoctorInfoProps) => JSX.Element;
 
 declare type CardDoctorInfoProps = {
-    titleTag?: HeadingLevel_8;
+    titleTag?: HeadingLevel;
     doctorName: string;
     specialties?: string[];
     contactInfo?: Info_2[];
@@ -558,7 +558,7 @@ declare type CardDoctorInfoProps = {
 };
 
 declare type CardDoctorProps = {
-    titleTag?: HeadingLevel_11;
+    titleTag?: HeadingLevel;
     doctorName: string;
     specialties?: string[];
     contactInfo?: Info_3[];
@@ -679,7 +679,7 @@ export declare const CardMap: ({ id, title, titleTag: TitleTag, href, descriptio
 export declare const CardMapDoctor: ({ titleTag: TitleTag, availableLabel, specialization, addressLabel, className, doctor, setSelectedCard, keepSelectionOnNavigation, ctaTitle, ctaAction, }: CardMapDoctorProps) => JSX.Element;
 
 declare type CardMapDoctorProps = {
-    titleTag: HeadingLevel_3;
+    titleTag: HeadingLevel;
     availableLabel: string;
     specialization?: string;
     addressLabel?: string;
@@ -693,7 +693,7 @@ declare type CardMapDoctorProps = {
 
 declare type CardMapDoctorProps_2 = {
     doctorCode: string;
-    titleTag: HeadingLevel_4;
+    titleTag: HeadingLevel;
     title: string;
     specialization?: string;
     tag?: string;
@@ -713,7 +713,7 @@ export declare const CardMapDoctorV2: ({ titleTag: TitleTag, title, specializati
 declare type CardMapProps = {
     id: string;
     title: string;
-    titleTag: HeadingLevel_2;
+    titleTag: HeadingLevel;
     href?: string;
     description?: string;
     isExternal?: boolean;
@@ -749,7 +749,7 @@ export declare const CardOpeningHours: ({ title, titleTag: TitleTag, openingHour
 
 declare type CardOpeningHoursProps = {
     title: string;
-    titleTag: HeadingLevel_5;
+    titleTag: HeadingLevel;
     openingHours: OpeningHours;
     weekDaysMap: WeekDaysMap;
     openLabel?: string;
@@ -789,7 +789,7 @@ declare type CardReminderProps = {
     icon?: React.ReactNode;
     title: string;
     description?: React.ReactNode;
-    titleTag?: HeadingLevel_10;
+    titleTag?: HeadingLevel;
     footer?: React.ReactNode;
 };
 
@@ -798,7 +798,7 @@ export declare const CardSelectDoctor: ({ id, title, titleTag: TitleTag, descrip
 declare type CardSelectDoctorProps = {
     id: string;
     title: string;
-    titleTag?: HeadingLevel_7;
+    titleTag?: HeadingLevel;
     href?: string;
     description?: string;
     isExternal?: boolean;
@@ -817,7 +817,7 @@ export declare const CardService: ({ title, href, titleTag: TitleTag, asLink, cl
 export declare type CardServiceProps = {
     title: string;
     href?: string;
-    titleTag: "h3";
+    titleTag: HeadingLevel;
     asLink?: "a" | ComponentType<any>;
     className?: string;
     iconType?: "icon1" | "icon2" | "icon3";
@@ -838,7 +838,7 @@ export declare type CardTableProps = {
 export declare const CardUser: ({ titleTag: TitleTag, userName, avatar, information, }: CardUserProps) => JSX.Element;
 
 declare type CardUserProps = {
-    titleTag?: HeadingLevel_12;
+    titleTag?: HeadingLevel;
     userName: string;
     avatar?: {
         initials: string;
@@ -970,6 +970,7 @@ export declare interface ColumnConfig {
     iconPosition?: "left" | "right";
     key?: string;
     type?: "string" | "date" | "number";
+    scope?: "col" | "row" | "colgroup" | "rowgroup";
 }
 
 declare type CommonIconsType = "info" | "download";
@@ -1280,7 +1281,7 @@ declare interface DocumentUploadProps {
     isLoading: boolean;
     title: string;
     description?: string;
-    titleTag: HeadingLevel_9;
+    titleTag: HeadingLevel;
     actionText?: string;
     className?: string;
     classNameTitle?: string;
@@ -1642,35 +1643,7 @@ declare type Heading = {
     text: string;
 };
 
-declare type HeadingLevel = "h1" | "h2" | "h3" | "h4";
-
-declare type HeadingLevel_10 = "h2" | "h3" | "h4";
-
-declare type HeadingLevel_11 = "h2" | "h3" | "h4";
-
-declare type HeadingLevel_12 = "h2" | "h3" | "h4";
-
-declare type HeadingLevel_13 = "h2" | "h3" | "h4";
-
-declare type HeadingLevel_14 = "h2" | "h3" | "h4";
-
-declare type HeadingLevel_15 = "h2" | "h3" | "h4";
-
-declare type HeadingLevel_2 = "h2" | "h3" | "h4";
-
-declare type HeadingLevel_3 = "h2" | "h3" | "h4";
-
-declare type HeadingLevel_4 = "h2" | "h3" | "h4";
-
-declare type HeadingLevel_5 = "h2" | "h3" | "h4";
-
-declare type HeadingLevel_6 = "h2" | "h3" | "h4";
-
-declare type HeadingLevel_7 = "h2" | "h3" | "h4";
-
-declare type HeadingLevel_8 = "h2" | "h3" | "h4";
-
-declare type HeadingLevel_9 = "h2" | "h3" | "h4";
+declare type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 
 export declare const HealthProfileSkeleton: () => JSX.Element;
 
@@ -2429,7 +2402,7 @@ declare type SupportBannerProps = {
     bannerType?: "filled" | "outline";
     title: string;
     description?: string;
-    titleTag?: HeadingLevel_6;
+    titleTag?: HeadingLevel;
     mainLayout?: "layout1" | "layout2";
     className?: string;
     classNameTitle?: string;
@@ -2615,7 +2588,7 @@ export declare const TableOfContents: ({ title, headings, titleTag: TitleTag, mo
 declare type TableOfContentsProps = {
     title: string;
     headings: Heading[];
-    titleTag?: HeadingLevel_14;
+    titleTag?: HeadingLevel;
     modeAuthenticated?: boolean;
     isOpen?: boolean;
     onToggle?: () => void;
@@ -2715,7 +2688,7 @@ declare type TitleSectionProps = PropsWithChildren<{
     classNameTitle?: string;
     isMoreOption?: boolean;
     handleMoreOption?: () => void;
-    titleTag?: "h1" | "h2" | "h3" | "h4";
+    titleTag?: HeadingLevel;
 }>;
 
 declare type ToggleLabel = {

package/dist/index.es102.js

@@ -2,7 +2,7 @@ import { j as s } from "./index.es243.js";
 import './components/ui/AuthorBlock/AuthorBlock.css';/* empty css            */
 import { Row as c } from "./index.es9.js";
 const o = ({
-  /*titleTag: TitleTag = "h3",
+  /*titleTag: TitleTag = "h1",
    authorName,
   avatar,
   avatarSize = "3", */

package/dist/index.es102.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es102.js","sources":["../src/components/ui/AuthorBlock/index.tsx"],"sourcesContent":["import { /* Avatar, */ AvatarSize } from \"../Avatar\";\r\nimport { ColorKeys } from \"@/theme/colors\";\r\nimport \"./AuthorBlock.scss\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\ntype CardAuthorProps = {\r\n  titleTag?: HeadingLevel;\r\n  authorName: string;\r\n  avatar?: {\r\n    initials: string;\r\n    bg?: ColorKeys;\r\n    textColor?: ColorKeys;\r\n  };\r\n  avatarSize?: AvatarSize;\r\n  publishedLabel?: string;\r\n  publishedDate?: string;\r\n  readingTimeLabel?: string;\r\n  readingTimeValue?: number;\r\n  readingMinuteLabel?: string;\r\n};\r\n\r\nexport const AuthorBlock = ({\r\n  /*titleTag: TitleTag = \"h3\",\r\n   authorName,\r\n  avatar,\r\n  avatarSize = \"3\", */\r\n  publishedLabel = \"Pubblicato il\",\r\n  publishedDate = \"-\",\r\n  readingTimeLabel = \"Tempo di lettura\",\r\n  readingTimeValue = 0,\r\n  readingMinuteLabel = \"minuti\",\r\n}: CardAuthorProps) => {\r\n  return (\r\n    <article className=\"bg-white br-x4 ui-card-author\">\r\n      <Row as={\"header\"} gap={\"x16\"} className=\"align-items-center\">\r\n        {/* avatar && (\r\n          <Avatar\r\n            textColor={avatar?.textColor ?? \"slate-20\"}\r\n            bg={avatar?.bg ?? \"lightblue-a01\"}\r\n            initials={avatar?.initials ?? \"\"}\r\n            className=\"ui-card-author-avatar\"\r\n            size={avatarSize}\r\n          />\r\n        ) */}\r\n\r\n        <div className={\"text-slate-28\"}>\r\n          {/* <TitleTag className=\"fs-5 md-fs-custom fw-semibold \">\r\n            {authorName}\r\n          </TitleTag> */}\r\n          <div className={\"base-row gap-x8 fs-6 text-slate-28\"}>\r\n            <div className={\"item-block\"}>\r\n              <p className=\"fw-regular\">{publishedLabel}</p>\r\n              <p className={\"fw-bold\"}>{publishedDate}</p>\r\n            </div>\r\n\r\n            <div className={\"item-block ui-author-divider\"}>\r\n              <p className=\"fw-regular \">{readingTimeLabel}</p>\r\n              <p className={\"fw-bold\"}>\r\n                {readingTimeValue} {readingMinuteLabel}\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </Row>\r\n    </article>\r\n  );\r\n};\r\n"],"names":["AuthorBlock","publishedLabel","publishedDate","readingTimeLabel","readingTimeValue","readingMinuteLabel","jsx","Row","jsxs"],"mappings":";;;AAsBO,MAAMA,IAAc,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1B,gBAAAC,IAAiB;AAAA,EACjB,eAAAC,IAAgB;AAAA,EAChB,kBAAAC,IAAmB;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,oBAAAC,IAAqB;AACvB,4BAEK,WAAQ,EAAA,WAAU,iCACjB,UAACC,gBAAAA,MAAAC,GAAA,EAAI,IAAI,UAAU,KAAK,OAAO,WAAU,sBAWvC,gCAAC,OAAI,EAAA,WAAW,iBAId,UAACC,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAW,sCACd,UAAA;AAAA,EAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAW,cACd,UAAA;AAAA,IAACF,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,cAAc,UAAeL,GAAA;AAAA,IACzCK,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,WAAY,UAAcJ,EAAA,CAAA;AAAA,EAAA,GAC1C;AAAA,EAEAM,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAW,gCACd,UAAA;AAAA,IAACF,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,eAAe,UAAiBH,GAAA;AAAA,IAC7CK,gBAAAA,EAAAA,KAAC,KAAE,EAAA,WAAW,WACX,UAAA;AAAA,MAAAJ;AAAA,MAAiB;AAAA,MAAEC;AAAA,IAAA,EACtB,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GACF,EAAA,CACF,EACF,CAAA,GACF;"}
+{"version":3,"file":"index.es102.js","sources":["../src/components/ui/AuthorBlock/index.tsx"],"sourcesContent":["import { /* Avatar, */ AvatarSize } from \"../Avatar\";\r\nimport { ColorKeys } from \"@/theme/colors\";\r\nimport \"./AuthorBlock.scss\";\r\nimport { Row } from \"@/components\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\n\r\ntype CardAuthorProps = {\r\n  titleTag?: HeadingLevel;\r\n  authorName: string;\r\n  avatar?: {\r\n    initials: string;\r\n    bg?: ColorKeys;\r\n    textColor?: ColorKeys;\r\n  };\r\n  avatarSize?: AvatarSize;\r\n  publishedLabel?: string;\r\n  publishedDate?: string;\r\n  readingTimeLabel?: string;\r\n  readingTimeValue?: number;\r\n  readingMinuteLabel?: string;\r\n};\r\n\r\nexport const AuthorBlock = ({\r\n  /*titleTag: TitleTag = \"h1\",\r\n   authorName,\r\n  avatar,\r\n  avatarSize = \"3\", */\r\n  publishedLabel = \"Pubblicato il\",\r\n  publishedDate = \"-\",\r\n  readingTimeLabel = \"Tempo di lettura\",\r\n  readingTimeValue = 0,\r\n  readingMinuteLabel = \"minuti\",\r\n}: CardAuthorProps) => {\r\n  return (\r\n    <article className=\"bg-white br-x4 ui-card-author\">\r\n      <Row as={\"header\"} gap={\"x16\"} className=\"align-items-center\">\r\n        {/* avatar && (\r\n          <Avatar\r\n            textColor={avatar?.textColor ?? \"slate-20\"}\r\n            bg={avatar?.bg ?? \"lightblue-a01\"}\r\n            initials={avatar?.initials ?? \"\"}\r\n            className=\"ui-card-author-avatar\"\r\n            size={avatarSize}\r\n          />\r\n        ) */}\r\n\r\n        <div className={\"text-slate-28\"}>\r\n          {/* <TitleTag className=\"fs-5 md-fs-custom fw-semibold \">\r\n            {authorName}\r\n          </TitleTag> */}\r\n          <div className={\"base-row gap-x8 fs-6 text-slate-28\"}>\r\n            <div className={\"item-block\"}>\r\n              <p className=\"fw-regular\">{publishedLabel}</p>\r\n              <p className={\"fw-bold\"}>{publishedDate}</p>\r\n            </div>\r\n\r\n            <div className={\"item-block ui-author-divider\"}>\r\n              <p className=\"fw-regular \">{readingTimeLabel}</p>\r\n              <p className={\"fw-bold\"}>\r\n                {readingTimeValue} {readingMinuteLabel}\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </Row>\r\n    </article>\r\n  );\r\n};\r\n"],"names":["AuthorBlock","publishedLabel","publishedDate","readingTimeLabel","readingTimeValue","readingMinuteLabel","jsx","Row","jsxs"],"mappings":";;;AAsBO,MAAMA,IAAc,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1B,gBAAAC,IAAiB;AAAA,EACjB,eAAAC,IAAgB;AAAA,EAChB,kBAAAC,IAAmB;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,oBAAAC,IAAqB;AACvB,4BAEK,WAAQ,EAAA,WAAU,iCACjB,UAACC,gBAAAA,MAAAC,GAAA,EAAI,IAAI,UAAU,KAAK,OAAO,WAAU,sBAWvC,gCAAC,OAAI,EAAA,WAAW,iBAId,UAACC,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAW,sCACd,UAAA;AAAA,EAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAW,cACd,UAAA;AAAA,IAACF,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,cAAc,UAAeL,GAAA;AAAA,IACzCK,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,WAAY,UAAcJ,EAAA,CAAA;AAAA,EAAA,GAC1C;AAAA,EAEAM,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAW,gCACd,UAAA;AAAA,IAACF,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,eAAe,UAAiBH,GAAA;AAAA,IAC7CK,gBAAAA,EAAAA,KAAC,KAAE,EAAA,WAAW,WACX,UAAA;AAAA,MAAAJ;AAAA,MAAiB;AAAA,MAAEC;AAAA,IAAA,EACtB,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GACF,EAAA,CACF,EACF,CAAA,GACF;"}

package/dist/index.es110.js

@@ -9,7 +9,7 @@ import { ScrollArea as E } from "./index.es386.js";
 const M = ({
   title: a = "Indice",
   headings: r,
-  titleTag: d = "h3",
+  titleTag: d = "h1",
   modeAuthenticated: m = !1,
   isOpen: c,
   onToggle: l = () => {

package/dist/index.es110.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es110.js","sources":["../src/components/ui/TableOfContents/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport { ScrollArea } from \"@radix-ui/themes\";\r\nimport \"./TableOfContents.scss\";\r\nimport { Row } from \"@/components\";\r\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\r\nimport { ArrowDown } from \"@/icons\";\r\nimport clsx from \"clsx\";\r\n\r\ntype Heading = {\r\n  id: string;\r\n  text: string;\r\n};\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype TableOfContentsProps = {\r\n  title: string;\r\n  headings: Heading[];\r\n  titleTag?: HeadingLevel;\r\n  modeAuthenticated?: boolean;\r\n  isOpen?: boolean;\r\n  onToggle?: () => void;\r\n};\r\n\r\nexport const TableOfContents = ({\r\n  title = \"Indice\",\r\n  headings,\r\n  titleTag: TitleTag = \"h3\",\r\n  modeAuthenticated = false,\r\n  isOpen,\r\n  onToggle = () => {},\r\n}: TableOfContentsProps) => {\r\n  const [activeId, setActiveId] = React.useState(\"\");\r\n  const [scrollProgress, setScrollProgress] = useState(0);\r\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\r\n  const showScrollArea = isDesktop || isOpen;\r\n\r\n  useEffect(() => {\r\n    const updateScrollProgress = () => {\r\n      const scrollTop = window.scrollY;\r\n      const docHeight =\r\n        document.documentElement.scrollHeight - window.innerHeight;\r\n      const scrollPercent =\r\n        docHeight > 0 ? Math.min((scrollTop / docHeight) * 100, 100) : 0;\r\n      setScrollProgress(scrollPercent);\r\n    };\r\n\r\n    window.addEventListener(\"scroll\", updateScrollProgress);\r\n    updateScrollProgress(); // Inizializza la barra di progresso\r\n\r\n    return () => window.removeEventListener(\"scroll\", updateScrollProgress);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const observer = new IntersectionObserver(\r\n      (entries) => {\r\n        entries.forEach((entry) => {\r\n          if (entry.isIntersecting) {\r\n            setActiveId(entry.target.id);\r\n          }\r\n        });\r\n      },\r\n      {\r\n        rootMargin: \"-100px 0px -50% 0px\",\r\n        threshold: 0,\r\n      },\r\n    );\r\n\r\n    headings.forEach(({ id }) => {\r\n      const element = document.getElementById(id);\r\n      if (element) observer.observe(element);\r\n    });\r\n\r\n    return () => observer.disconnect();\r\n  }, [headings]);\r\n\r\n  return (\r\n    <div className={clsx(\"toc-container\", { \"toc-container-authenticated\": modeAuthenticated })}>\r\n      <button\r\n        className={\"ui-button-accordion-toc\"}\r\n        onClick={onToggle}\r\n        type=\"button\"\r\n      >\r\n        <Row className={\"ui-header-table-of-contents\"}>\r\n          <TitleTag className=\"text-slate-20 fw-semibold fs-7\">\r\n            {title}\r\n          </TitleTag>\r\n          <ArrowDown\r\n            color={\"primary\"}\r\n            className={clsx(\"ui-arrow-toc\", { \"ui-expanded-toc\": isOpen })}\r\n          />\r\n        </Row>\r\n      </button>\r\n\r\n      <div className=\"scroll-progress-bar\">\r\n        <div\r\n          className=\"scroll-progress\"\r\n          style={{ width: `${scrollProgress}%` }}\r\n        />\r\n      </div>\r\n\r\n      {showScrollArea && (\r\n        <ScrollArea\r\n          type=\"always\"\r\n          scrollbars=\"vertical\"\r\n          className=\"toc-scroll fw-semibold fs-6\"\r\n        >\r\n          <div className=\"toc-list base-col\">\r\n            {headings.map((item) => (\r\n              <div key={item.id} className=\"toc-item\">\r\n                <a\r\n                  href={`#${item.id}`}\r\n                  className={`toc-link ${activeId === item.id ? \"active text-primary\" : \"text-slate-28\"}`}\r\n                  onClick={(e) => {\r\n                    e.preventDefault();\r\n                    document\r\n                      .getElementById(item.id)\r\n                      ?.scrollIntoView({ behavior: \"smooth\" });\r\n                    onToggle();\r\n                  }}\r\n                >\r\n                  {item.text}\r\n                </a>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </ScrollArea>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TableOfContents","title","headings","TitleTag","modeAuthenticated","isOpen","onToggle","activeId","setActiveId","React","scrollProgress","setScrollProgress","useState","showScrollArea","useMediaQuery","useEffect","updateScrollProgress","scrollTop","docHeight","scrollPercent","observer","entries","entry","id","element","jsxs","clsx","jsx","Row","ArrowDown","ScrollArea","item","e","_a"],"mappings":";;;;;;;;AAwBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,mBAAAC,IAAoB;AAAA,EACpB,QAAAC;AAAA,EACA,UAAAC,IAAW,MAAM;AAAA,EAAA;AACnB,MAA4B;AAC1B,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAM,SAAS,EAAE,GAC3C,CAACC,GAAgBC,CAAiB,IAAIC,EAAS,CAAC,GAEhDC,IADYC,EAAc,oBAAoB,KAChBT;AAEpC,SAAAU,EAAU,MAAM;AACd,UAAMC,IAAuB,MAAM;AACjC,YAAMC,IAAY,OAAO,SACnBC,IACJ,SAAS,gBAAgB,eAAe,OAAO,aAC3CC,IACJD,IAAY,IAAI,KAAK,IAAKD,IAAYC,IAAa,KAAK,GAAG,IAAI;AACjE,MAAAP,EAAkBQ,CAAa;AAAA,IACjC;AAEO,kBAAA,iBAAiB,UAAUH,CAAoB,GACjCA,EAAA,GAEd,MAAM,OAAO,oBAAoB,UAAUA,CAAoB;AAAA,EACxE,GAAG,EAAE,GAELD,EAAU,MAAM;AACd,UAAMK,IAAW,IAAI;AAAA,MACnB,CAACC,MAAY;AACH,QAAAA,EAAA,QAAQ,CAACC,MAAU;AACzB,UAAIA,EAAM,kBACId,EAAAc,EAAM,OAAO,EAAE;AAAA,QAC7B,CACD;AAAA,MACH;AAAA,MACA;AAAA,QACE,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,IAEf;AAEA,WAAApB,EAAS,QAAQ,CAAC,EAAE,IAAAqB,QAAS;AACrB,YAAAC,IAAU,SAAS,eAAeD,CAAE;AACtC,MAAAC,KAAkBJ,EAAA,QAAQI,CAAO;AAAA,IAAA,CACtC,GAEM,MAAMJ,EAAS,WAAW;AAAA,EAAA,GAChC,CAAClB,CAAQ,CAAC,GAGXuB,gBAAAA,OAAC,SAAI,WAAWC,EAAK,iBAAiB,EAAE,+BAA+BtB,GAAmB,GACxF,UAAA;AAAA,IAAAuB,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,SAASrB;AAAA,QACT,MAAK;AAAA,QAEL,UAAAmB,gBAAAA,EAAA,KAACG,GAAI,EAAA,WAAW,+BACd,UAAA;AAAA,UAACD,gBAAAA,EAAA,IAAAxB,GAAA,EAAS,WAAU,kCACjB,UACHF,GAAA;AAAA,UACA0B,gBAAAA,EAAA;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,WAAWH,EAAK,gBAAgB,EAAE,mBAAmBrB,EAAQ,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAC/D,EACF,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAEAsB,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,uBACb,UAAAA,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,OAAO,GAAGjB,CAAc,IAAI;AAAA,MAAA;AAAA,IAAA,GAEzC;AAAA,IAECG,KACCc,gBAAAA,EAAA;AAAA,MAACG;AAAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAW;AAAA,QACX,WAAU;AAAA,QAEV,UAAAH,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,qBACZ,UAAAzB,EAAS,IAAI,CAAC6B,MACbJ,gBAAAA,EAAAA,IAAC,OAAkB,EAAA,WAAU,YAC3B,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM,IAAII,EAAK,EAAE;AAAA,YACjB,WAAW,YAAYxB,MAAawB,EAAK,KAAK,wBAAwB,eAAe;AAAA,YACrF,SAAS,CAACC,MAAM;;AACd,cAAAA,EAAE,eAAe,IAEdC,IAAA,SAAA,eAAeF,EAAK,EAAE,MAAtB,QAAAE,EACC,eAAe,EAAE,UAAU,aACtB3B,EAAA;AAAA,YACX;AAAA,YAEC,UAAKyB,EAAA;AAAA,UAAA;AAAA,QAAA,KAZAA,EAAK,EAcf,CACD,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es110.js","sources":["../src/components/ui/TableOfContents/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport { ScrollArea } from \"@radix-ui/themes\";\r\nimport \"./TableOfContents.scss\";\r\nimport { Row } from \"@/components\";\r\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\r\nimport { ArrowDown } from \"@/icons\";\r\nimport clsx from \"clsx\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\n\r\ntype Heading = {\r\n  id: string;\r\n  text: string;\r\n};\r\n\r\ntype TableOfContentsProps = {\r\n  title: string;\r\n  headings: Heading[];\r\n  titleTag?: HeadingLevel;\r\n  modeAuthenticated?: boolean;\r\n  isOpen?: boolean;\r\n  onToggle?: () => void;\r\n};\r\n\r\nexport const TableOfContents = ({\r\n  title = \"Indice\",\r\n  headings,\r\n  titleTag: TitleTag = \"h1\",\r\n  modeAuthenticated = false,\r\n  isOpen,\r\n  onToggle = () => {},\r\n}: TableOfContentsProps) => {\r\n  const [activeId, setActiveId] = React.useState(\"\");\r\n  const [scrollProgress, setScrollProgress] = useState(0);\r\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\r\n  const showScrollArea = isDesktop || isOpen;\r\n\r\n  useEffect(() => {\r\n    const updateScrollProgress = () => {\r\n      const scrollTop = window.scrollY;\r\n      const docHeight =\r\n        document.documentElement.scrollHeight - window.innerHeight;\r\n      const scrollPercent =\r\n        docHeight > 0 ? Math.min((scrollTop / docHeight) * 100, 100) : 0;\r\n      setScrollProgress(scrollPercent);\r\n    };\r\n\r\n    window.addEventListener(\"scroll\", updateScrollProgress);\r\n    updateScrollProgress(); // Inizializza la barra di progresso\r\n\r\n    return () => window.removeEventListener(\"scroll\", updateScrollProgress);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const observer = new IntersectionObserver(\r\n      (entries) => {\r\n        entries.forEach((entry) => {\r\n          if (entry.isIntersecting) {\r\n            setActiveId(entry.target.id);\r\n          }\r\n        });\r\n      },\r\n      {\r\n        rootMargin: \"-100px 0px -50% 0px\",\r\n        threshold: 0,\r\n      },\r\n    );\r\n\r\n    headings.forEach(({ id }) => {\r\n      const element = document.getElementById(id);\r\n      if (element) observer.observe(element);\r\n    });\r\n\r\n    return () => observer.disconnect();\r\n  }, [headings]);\r\n\r\n  return (\r\n    <div className={clsx(\"toc-container\", { \"toc-container-authenticated\": modeAuthenticated })}>\r\n      <button\r\n        className={\"ui-button-accordion-toc\"}\r\n        onClick={onToggle}\r\n        type=\"button\"\r\n      >\r\n        <Row className={\"ui-header-table-of-contents\"}>\r\n          <TitleTag className=\"text-slate-20 fw-semibold fs-7\">\r\n            {title}\r\n          </TitleTag>\r\n          <ArrowDown\r\n            color={\"primary\"}\r\n            className={clsx(\"ui-arrow-toc\", { \"ui-expanded-toc\": isOpen })}\r\n          />\r\n        </Row>\r\n      </button>\r\n\r\n      <div className=\"scroll-progress-bar\">\r\n        <div\r\n          className=\"scroll-progress\"\r\n          style={{ width: `${scrollProgress}%` }}\r\n        />\r\n      </div>\r\n\r\n      {showScrollArea && (\r\n        <ScrollArea\r\n          type=\"always\"\r\n          scrollbars=\"vertical\"\r\n          className=\"toc-scroll fw-semibold fs-6\"\r\n        >\r\n          <div className=\"toc-list base-col\">\r\n            {headings.map((item) => (\r\n              <div key={item.id} className=\"toc-item\">\r\n                <a\r\n                  href={`#${item.id}`}\r\n                  className={`toc-link ${activeId === item.id ? \"active text-primary\" : \"text-slate-28\"}`}\r\n                  onClick={(e) => {\r\n                    e.preventDefault();\r\n                    document\r\n                      .getElementById(item.id)\r\n                      ?.scrollIntoView({ behavior: \"smooth\" });\r\n                    onToggle();\r\n                  }}\r\n                >\r\n                  {item.text}\r\n                </a>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </ScrollArea>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TableOfContents","title","headings","TitleTag","modeAuthenticated","isOpen","onToggle","activeId","setActiveId","React","scrollProgress","setScrollProgress","useState","showScrollArea","useMediaQuery","useEffect","updateScrollProgress","scrollTop","docHeight","scrollPercent","observer","entries","entry","id","element","jsxs","clsx","jsx","Row","ArrowDown","ScrollArea","item","e","_a"],"mappings":"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"}

package/dist/index.es134.js

@@ -11,7 +11,7 @@ const T = ({
   totalTags: d = 2,
   image: s,
   title: i,
-  titleTag: p = "h3",
+  titleTag: p = "h1",
   href: a,
   isExternal: n = !1,
   asImage: h = "img",

package/dist/index.es134.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es134.js","sources":["../src/components/ui/AggregationItemCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { ComponentType, ReactNode, MouseEvent } from \"react\";\r\nimport { Col } from \"../Col\";\r\nimport { Row } from \"../Row\";\r\nimport { File } from \"@/icons\";\r\nimport \"./AggregationItemCard.scss\";\r\nimport { Tag, TagProps } from \"../Tags\";\r\n\r\ntype Image = {\r\n  alt: string;\r\n  src: string;\r\n  title: string;\r\n};\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype AggregationItemCardProps = {\r\n  category?: {\r\n    type: string;\r\n    published_at: string;\r\n  };\r\n  tags?: Array<TagProps>;\r\n  totalTags?: number;\r\n  image?: Image;\r\n  title: string;\r\n  titleTag?: HeadingLevel;\r\n  href?: string;\r\n  description?: string | ReactNode;\r\n  description2?: string;\r\n  isExternal?: boolean;\r\n  asImage?: \"img\";\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  className?: string;\r\n  classNameTitle?: string;\r\n  handleOnClick?: (e: MouseEvent<HTMLAnchorElement>) => void;\r\n};\r\n\r\nexport const AggregationItemCard = ({\r\n  category,\r\n  tags = [],\r\n  totalTags = 2,\r\n  image,\r\n  title,\r\n  titleTag: TitleTag = \"h3\",\r\n  href,\r\n  isExternal = false,\r\n  asImage = \"img\",\r\n  className,\r\n  handleOnClick,\r\n}: AggregationItemCardProps) => {\r\n  const ImageComponent = asImage;\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"ui-aggregation-item-card shadow br-x4 bg-white\",\r\n        className,\r\n        handleOnClick && \"cursor-pointer\",\r\n      )}\r\n    >\r\n      <div className=\"category-header text-muted\">\r\n        <Row gap=\"x4\" alignItems=\"center\" className=\"p-x0 m-x0\">\r\n          {category && (\r\n            <File\r\n              fillColor={image?.src ? \"#fff\" : \"#5C6F82\"}\r\n              width={30}\r\n              height={30}\r\n            />\r\n          )}\r\n          {category?.type ?? \" \"}\r\n        </Row>\r\n        <p className=\"date text-muted \">{category?.published_at ?? \" \"}</p>\r\n      </div>\r\n\r\n      {image?.src && (\r\n        <header className=\"image\">\r\n          <ImageComponent\r\n            src={image?.src}\r\n            alt={image?.alt}\r\n            title={image?.title}\r\n          />\r\n          <div className=\"backdrop\"></div>\r\n        </header>\r\n      )}\r\n      <Col className=\"content-container gap-x16\">\r\n        <Row alignItems={\"center\"} justifyContent={\"space-between\"} gap={\"x4\"}>\r\n          <a\r\n            className=\"text-decoration-none\"\r\n            href={href}\r\n            target={isExternal ? \"_blank\" : undefined}\r\n            rel={isExternal ? \"noreferrer noopener\" : undefined}\r\n            onClick={handleOnClick ?? undefined}\r\n          >\r\n            <TitleTag\r\n              className={clsx(\r\n                \"title\",\r\n                \"cursor-pointer hover-underline\",\r\n                \"text-primary fs-5 md-fs-custom-2\",\r\n              )}\r\n            >\r\n              {title}\r\n            </TitleTag>\r\n          </a>\r\n        </Row>\r\n      </Col>\r\n      <Col className=\"content-container gap-x16\">\r\n        <Row\r\n          className=\"topics-container\"\r\n          gap=\"x16\"\r\n          flexWrap=\"wrap\"\r\n          alignItems=\"flex-start\"\r\n        >\r\n          {tags.slice(0, totalTags).map((topic, index) => (\r\n            <Tag key={index} {...topic} />\r\n          ))}\r\n        </Row>\r\n      </Col>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["AggregationItemCard","category","tags","totalTags","image","title","TitleTag","href","isExternal","asImage","className","handleOnClick","ImageComponent","jsxs","clsx","Row","jsx","File","Col","topic","index","Tag"],"mappings":";;;;;;;AAqCO,MAAMA,IAAsB,CAAC;AAAA,EAClC,UAAAC;AAAA,EACA,MAAAC,IAAO,CAAC;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,eAAAC;AACF,MAAgC;AAC9B,QAAMC,IAAiBH;AAErB,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,QACAC,KAAiB;AAAA,MACnB;AAAA,MAEA,UAAA;AAAA,QAACE,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,UAAAA,gBAAAA,OAACE,KAAI,KAAI,MAAK,YAAW,UAAS,WAAU,aACzC,UAAA;AAAA,YACCd,KAAAe,gBAAAA,EAAA;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,WAAWb,KAAA,QAAAA,EAAO,MAAM,SAAS;AAAA,gBACjC,OAAO;AAAA,gBACP,QAAQ;AAAA,cAAA;AAAA,YACV;AAAA,aAEDH,KAAA,gBAAAA,EAAU,SAAQ;AAAA,UAAA,GACrB;AAAA,gCACC,KAAE,EAAA,WAAU,oBAAoB,WAAAA,KAAA,gBAAAA,EAAU,iBAAgB,IAAI,CAAA;AAAA,QAAA,GACjE;AAAA,SAECG,KAAA,gBAAAA,EAAO,QACLS,gBAAAA,OAAA,UAAA,EAAO,WAAU,SAChB,UAAA;AAAA,UAAAG,gBAAAA,EAAA;AAAA,YAACJ;AAAA,YAAA;AAAA,cACC,KAAKR,KAAA,gBAAAA,EAAO;AAAA,cACZ,KAAKA,KAAA,gBAAAA,EAAO;AAAA,cACZ,OAAOA,KAAA,gBAAAA,EAAO;AAAA,YAAA;AAAA,UAChB;AAAA,UACAY,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,WAAW,CAAA;AAAA,QAAA,GAC5B;AAAA,QAEFA,gBAAAA,EAAA,IAACE,GAAI,EAAA,WAAU,6BACb,UAAAF,gBAAAA,EAAAA,IAACD,GAAI,EAAA,YAAY,UAAU,gBAAgB,iBAAiB,KAAK,MAC/D,UAAAC,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAAT;AAAA,YACA,QAAQC,IAAa,WAAW;AAAA,YAChC,KAAKA,IAAa,wBAAwB;AAAA,YAC1C,SAASG,KAAiB;AAAA,YAE1B,UAAAK,gBAAAA,EAAA;AAAA,cAACV;AAAA,cAAA;AAAA,gBACC,WAAWQ;AAAA,kBACT;AAAA,kBACA;AAAA,kBACA;AAAA,gBACF;AAAA,gBAEC,UAAAT;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,WAEJ,EACF,CAAA;AAAA,QACAW,gBAAAA,EAAAA,IAACE,GAAI,EAAA,WAAU,6BACb,UAAAF,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAI;AAAA,YACJ,UAAS;AAAA,YACT,YAAW;AAAA,YAEV,UAAKb,EAAA,MAAM,GAAGC,CAAS,EAAE,IAAI,CAACgB,GAAOC,MACnCJ,gBAAAA,EAAA,IAAAK,GAAA,EAAiB,GAAGF,EAAA,GAAXC,CAAkB,CAC7B;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es134.js","sources":["../src/components/ui/AggregationItemCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { ComponentType, ReactNode, MouseEvent } from \"react\";\r\nimport { Col } from \"../Col\";\r\nimport { Row } from \"../Row\";\r\nimport { File } from \"@/icons\";\r\nimport \"./AggregationItemCard.scss\";\r\nimport { Tag, TagProps } from \"../Tags\";\r\nimport { HeadingLevel } from \"@/types\";\r\n\r\ntype Image = {\r\n  alt: string;\r\n  src: string;\r\n  title: string;\r\n};\r\n\r\ntype AggregationItemCardProps = {\r\n  category?: {\r\n    type: string;\r\n    published_at: string;\r\n  };\r\n  tags?: Array<TagProps>;\r\n  totalTags?: number;\r\n  image?: Image;\r\n  title: string;\r\n  titleTag?: HeadingLevel;\r\n  href?: string;\r\n  description?: string | ReactNode;\r\n  description2?: string;\r\n  isExternal?: boolean;\r\n  asImage?: \"img\";\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  className?: string;\r\n  classNameTitle?: string;\r\n  handleOnClick?: (e: MouseEvent<HTMLAnchorElement>) => void;\r\n};\r\n\r\nexport const AggregationItemCard = ({\r\n  category,\r\n  tags = [],\r\n  totalTags = 2,\r\n  image,\r\n  title,\r\n  titleTag: TitleTag = \"h1\",\r\n  href,\r\n  isExternal = false,\r\n  asImage = \"img\",\r\n  className,\r\n  handleOnClick,\r\n}: AggregationItemCardProps) => {\r\n  const ImageComponent = asImage;\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"ui-aggregation-item-card shadow br-x4 bg-white\",\r\n        className,\r\n        handleOnClick && \"cursor-pointer\",\r\n      )}\r\n    >\r\n      <div className=\"category-header text-muted\">\r\n        <Row gap=\"x4\" alignItems=\"center\" className=\"p-x0 m-x0\">\r\n          {category && (\r\n            <File\r\n              fillColor={image?.src ? \"#fff\" : \"#5C6F82\"}\r\n              width={30}\r\n              height={30}\r\n            />\r\n          )}\r\n          {category?.type ?? \" \"}\r\n        </Row>\r\n        <p className=\"date text-muted \">{category?.published_at ?? \" \"}</p>\r\n      </div>\r\n\r\n      {image?.src && (\r\n        <header className=\"image\">\r\n          <ImageComponent\r\n            src={image?.src}\r\n            alt={image?.alt}\r\n            title={image?.title}\r\n          />\r\n          <div className=\"backdrop\"></div>\r\n        </header>\r\n      )}\r\n      <Col className=\"content-container gap-x16\">\r\n        <Row alignItems={\"center\"} justifyContent={\"space-between\"} gap={\"x4\"}>\r\n          <a\r\n            className=\"text-decoration-none\"\r\n            href={href}\r\n            target={isExternal ? \"_blank\" : undefined}\r\n            rel={isExternal ? \"noreferrer noopener\" : undefined}\r\n            onClick={handleOnClick ?? undefined}\r\n          >\r\n            <TitleTag\r\n              className={clsx(\r\n                \"title\",\r\n                \"cursor-pointer hover-underline\",\r\n                \"text-primary fs-5 md-fs-custom-2\",\r\n              )}\r\n            >\r\n              {title}\r\n            </TitleTag>\r\n          </a>\r\n        </Row>\r\n      </Col>\r\n      <Col className=\"content-container gap-x16\">\r\n        <Row\r\n          className=\"topics-container\"\r\n          gap=\"x16\"\r\n          flexWrap=\"wrap\"\r\n          alignItems=\"flex-start\"\r\n        >\r\n          {tags.slice(0, totalTags).map((topic, index) => (\r\n            <Tag key={index} {...topic} />\r\n          ))}\r\n        </Row>\r\n      </Col>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["AggregationItemCard","category","tags","totalTags","image","title","TitleTag","href","isExternal","asImage","className","handleOnClick","ImageComponent","jsxs","clsx","Row","jsx","File","Col","topic","index","Tag"],"mappings":";;;;;;;AAoCO,MAAMA,IAAsB,CAAC;AAAA,EAClC,UAAAC;AAAA,EACA,MAAAC,IAAO,CAAC;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,eAAAC;AACF,MAAgC;AAC9B,QAAMC,IAAiBH;AAErB,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,QACAC,KAAiB;AAAA,MACnB;AAAA,MAEA,UAAA;AAAA,QAACE,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,UAAAA,gBAAAA,OAACE,KAAI,KAAI,MAAK,YAAW,UAAS,WAAU,aACzC,UAAA;AAAA,YACCd,KAAAe,gBAAAA,EAAA;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,WAAWb,KAAA,QAAAA,EAAO,MAAM,SAAS;AAAA,gBACjC,OAAO;AAAA,gBACP,QAAQ;AAAA,cAAA;AAAA,YACV;AAAA,aAEDH,KAAA,gBAAAA,EAAU,SAAQ;AAAA,UAAA,GACrB;AAAA,gCACC,KAAE,EAAA,WAAU,oBAAoB,WAAAA,KAAA,gBAAAA,EAAU,iBAAgB,IAAI,CAAA;AAAA,QAAA,GACjE;AAAA,SAECG,KAAA,gBAAAA,EAAO,QACLS,gBAAAA,OAAA,UAAA,EAAO,WAAU,SAChB,UAAA;AAAA,UAAAG,gBAAAA,EAAA;AAAA,YAACJ;AAAA,YAAA;AAAA,cACC,KAAKR,KAAA,gBAAAA,EAAO;AAAA,cACZ,KAAKA,KAAA,gBAAAA,EAAO;AAAA,cACZ,OAAOA,KAAA,gBAAAA,EAAO;AAAA,YAAA;AAAA,UAChB;AAAA,UACAY,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,WAAW,CAAA;AAAA,QAAA,GAC5B;AAAA,QAEFA,gBAAAA,EAAA,IAACE,GAAI,EAAA,WAAU,6BACb,UAAAF,gBAAAA,EAAAA,IAACD,GAAI,EAAA,YAAY,UAAU,gBAAgB,iBAAiB,KAAK,MAC/D,UAAAC,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAAT;AAAA,YACA,QAAQC,IAAa,WAAW;AAAA,YAChC,KAAKA,IAAa,wBAAwB;AAAA,YAC1C,SAASG,KAAiB;AAAA,YAE1B,UAAAK,gBAAAA,EAAA;AAAA,cAACV;AAAA,cAAA;AAAA,gBACC,WAAWQ;AAAA,kBACT;AAAA,kBACA;AAAA,kBACA;AAAA,gBACF;AAAA,gBAEC,UAAAT;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,WAEJ,EACF,CAAA;AAAA,QACAW,gBAAAA,EAAAA,IAACE,GAAI,EAAA,WAAU,6BACb,UAAAF,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAI;AAAA,YACJ,UAAS;AAAA,YACT,YAAW;AAAA,YAEV,UAAKb,EAAA,MAAM,GAAGC,CAAS,EAAE,IAAI,CAACgB,GAAOC,MACnCJ,gBAAAA,EAAA,IAAAK,GAAA,EAAiB,GAAGF,EAAA,GAAXC,CAAkB,CAC7B;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es138.js

@@ -3,7 +3,7 @@ import { Section as l } from "./index.es54.js";
 import { clsx as v } from "./index.es244.js";
 import './sections/HomeServices/HomeServices.css';/* empty css            */
 import { useMemo as j } from "react";
-import { l as c } from "./index.es432.js";
+import { l as c } from "./index.es431.js";
 import { CardCategory as m } from "./index.es30.js";
 import { Col as g } from "./index.es10.js";
 import { ArrowLink as T } from "./index.es42.js";

package/dist/index.es141.js

@@ -3,7 +3,7 @@ import { Section as i } from "./index.es54.js";
 import { clsx as v } from "./index.es244.js";
 import './sections/Services/Services.css';/* empty css            */
 import { useMemo as f } from "react";
-import { l as s } from "./index.es432.js";
+import { l as s } from "./index.es431.js";
 import { Col as m } from "./index.es10.js";
 import { ArrowLink as g } from "./index.es42.js";
 import { CardCategory as j } from "./index.es30.js";

package/dist/index.es142.js

@@ -37,7 +37,7 @@ const C = ({
               title: s == null ? void 0 : s.name,
               href: (s == null ? void 0 : s.link) || (s == null ? void 0 : s.externalLink),
               iconType: t === 1 ? "icon2" : t === 2 ? "icon3" : "icon1",
-              titleTag: "h3",
+              titleTag: "h1",
               asLink: a
             },
             s._id

package/dist/index.es142.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es142.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.es142.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={\"h1\"}\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;"}

package/dist/index.es143.js

@@ -14,7 +14,7 @@ const m = ({
     {
       fs: l,
       mdFs: "2",
-      as: "h3",
+      as: "h1",
       color: c,
       children: r
     }

package/dist/index.es143.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es143.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                asLink={item.asLink}\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,UAClB,QAAQA,EAAK;AAAA,QAAA;AAAA,WAPRC,CAST;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es143.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={\"h1\"}\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                asLink={item.asLink}\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,UAClB,QAAQA,EAAK;AAAA,QAAA;AAAA,WAPRC,CAST;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es144.js

@@ -8,7 +8,7 @@ const l = ({ title: o, items: i = [] }) => /* @__PURE__ */ s.jsxs(t, { className
     {
       fs: "6",
       mdFs: "6",
-      as: "h3",
+      as: "h1",
       color: "slate-28",
       className: "ui-tags-items-section-title",
       children: o

package/dist/index.es144.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es144.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.es144.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={\"h1\"}\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;"}

package/dist/index.es145.js

@@ -1,5 +1,5 @@
 import { j as o } from "./index.es243.js";
-import i from "./index.es439.js";
+import i from "./index.es438.js";
 import a from "./index.es328.js";
 const z = (n, t = void 0) => {
   const e = i.sanitize(n).replace(

package/dist/index.es146.js

@@ -13,7 +13,7 @@ const d = ({
     e.Title,
     {
       className: "ui-insights-items-section-title",
-      as: "h3",
+      as: "h1",
       color: r,
       children: t
     }

package/dist/index.es146.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es146.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.es146.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={\"h1\"}\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;"}

package/dist/index.es149.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es243.js";
 import './sections/TableCard/TableCard.css';/* empty css            */
 import { useState as p, useMemo as x } from "react";
-import { useDebouncedValue as d } from "./index.es443.js";
+import { useDebouncedValue as d } from "./index.es442.js";
 import { Search as u } from "./index.es11.js";
 import { GridContainer as h } from "./index.es7.js";
 import { GridItem as f } from "./index.es8.js";
@@ -19,7 +19,7 @@ const Q = ({ title: n, headerTitle: l, data: s = [] }) => {
     )
   ) : s, [o, s]);
   return /* @__PURE__ */ e.jsxs(m, { className: "table-card", children: [
-    /* @__PURE__ */ e.jsx(m.Title, { mdFs: "2", fs: "3", color: "blue-48", as: "h2", className: "table-card-section-title", children: n }),
+    /* @__PURE__ */ e.jsx(m.Title, { mdFs: "2", fs: "3", color: "blue-48", as: "h1", className: "table-card-section-title", children: n }),
     /* @__PURE__ */ e.jsxs(j, { children: [
       /* @__PURE__ */ e.jsxs(
         b,