@anoki/fse-ui 2.1.0-SNAPSHOT38 → 2.1.0-SNAPSHOT40

package/dist/index.es127.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es127.js","sources":["../src/components/ui/SvgIcon/index.tsx"],"sourcesContent":["import { IconInfoType } from \"@/sections/FaqSections\";\r\nimport React, { useEffect, useState } from \"react\";\r\n\r\ninterface SvgIconProps {\r\n  icon: IconInfoType;\r\n  className?: string;\r\n  style?: React.CSSProperties;\r\n}\r\n\r\nexport const SvgIcon: React.FC<SvgIconProps> = ({ \r\n  icon, \r\n  className = \"\",\r\n  style = {}\r\n}) => {\r\n  const [svgContent, setSvgContent] = useState<string>(\"\");\r\n  const [error, setError] = useState<boolean>(false);\r\n  const [isLoading, setIsLoading] = useState<boolean>(true);\r\n\r\n  const isDecorative = icon?.data?.additionalInfo?.customData?.isDecorative;\r\n  const altText = icon?.data?.additionalInfo?.customData?.translations?.it?.altText || \"Icona\";\r\n\r\n  useEffect(() => {\r\n    if (!icon?.url) {\r\n      setError(true);\r\n      setIsLoading(false);\r\n      return;\r\n    }\r\n\r\n    const fetchSvg = async () => {\r\n      try {\r\n        setIsLoading(true);\r\n        const response = await fetch(icon.url!);\r\n        if (!response.ok) throw new Error(`HTTP ${response.status}: Failed to fetch SVG`);\r\n        \r\n        const svgText = await response.text();\r\n        \r\n        // Basic validation to ensure it's actually SVG content\r\n        if (!svgText.includes('<svg')) {\r\n          throw new Error('Response is not valid SVG content');\r\n        }\r\n        \r\n        setSvgContent(svgText);\r\n        setError(false);\r\n      } catch (err) {\r\n        console.error('Error fetching SVG:', err);\r\n        setError(true);\r\n      } finally {\r\n        setIsLoading(false);\r\n      }\r\n    };\r\n\r\n    fetchSvg();\r\n  }, [icon?.url]);\r\n\r\n  const containerStyle = {\r\n    width: icon?.size?.width ?? 40,\r\n    height: icon?.size?.height ?? 40,\r\n    ...(icon?.position?.x !== undefined || icon?.position?.y !== undefined\r\n      ? {\r\n          transform: `translate(${icon?.position?.x ?? 0}px, ${icon?.position?.y ?? 0}px)`,\r\n        }\r\n      : {}),\r\n    ...style\r\n  };\r\n\r\n  // Show loading state or fallback while fetching\r\n  if (isLoading || error || !svgContent) {\r\n    return (\r\n      <img\r\n        src={icon?.url || \"\"}\r\n        alt={isDecorative ? \"\" : altText}\r\n        aria-hidden={isDecorative}\r\n        width={icon?.size?.width ?? 40}\r\n        height={icon?.size?.height ?? 40}\r\n        className={className}\r\n        style={{ \r\n          opacity: isLoading ? 0.5 : 1,\r\n          transition: 'opacity 0.2s ease-in-out',\r\n          ...containerStyle\r\n        }}\r\n      />\r\n    );\r\n  }\r\n\r\n  // For decorative images, hide from screen readers\r\n  if (isDecorative) {\r\n    return (\r\n      <div\r\n        className={className}\r\n        style={containerStyle}\r\n        aria-hidden=\"true\"\r\n        dangerouslySetInnerHTML={{ __html: svgContent }}\r\n      />\r\n    );\r\n  }\r\n\r\n  // For non-decorative images, include aria-label\r\n  return (\r\n    <div\r\n      className={className}\r\n      style={containerStyle}\r\n      role=\"img\"\r\n      aria-label={altText}\r\n      dangerouslySetInnerHTML={{ __html: svgContent }}\r\n    />\r\n  );\r\n};"],"names":["SvgIcon","icon","className","style","svgContent","setSvgContent","useState","error","setError","isLoading","setIsLoading","isDecorative","_c","_b","_a","altText","_h","_g","_f","_e","_d","useEffect","response","svgText","err","containerStyle","_i","_j","_k","_l","_m","_n","jsx","_o","_p"],"mappings":";;AASO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ,CAAA;AACV,MAAM;;AACJ,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAiB,EAAE,GACjD,CAACC,GAAOC,CAAQ,IAAIF,EAAkB,EAAK,GAC3C,CAACG,GAAWC,CAAY,IAAIJ,EAAkB,EAAI,GAElDK,KAAeC,KAAAC,KAAAC,IAAAb,KAAA,gBAAAA,EAAM,SAAN,gBAAAa,EAAY,mBAAZ,gBAAAD,EAA4B,eAA5B,gBAAAD,EAAwC,cACvDG,MAAUC,KAAAC,KAAAC,KAAAC,KAAAC,IAAAnB,KAAA,gBAAAA,EAAM,SAAN,gBAAAmB,EAAY,mBAAZ,gBAAAD,EAA4B,eAA5B,gBAAAD,EAAwC,iBAAxC,gBAAAD,EAAsD,OAAtD,gBAAAD,EAA0D,YAAW;AAErF,EAAAK,EAAU,MAAM;AACV,QAAA,EAACpB,KAAA,QAAAA,EAAM,MAAK;AACd,MAAAO,EAAS,EAAI,GACbE,EAAa,EAAK;AAClB;AAAA,IAAA;AA0BO,KAvBQ,YAAY;AACvB,UAAA;AACF,QAAAA,EAAa,EAAI;AACjB,cAAMY,IAAW,MAAM,MAAMrB,EAAK,GAAI;AAClC,YAAA,CAACqB,EAAS,GAAI,OAAM,IAAI,MAAM,QAAQA,EAAS,MAAM,uBAAuB;AAE1E,cAAAC,IAAU,MAAMD,EAAS,KAAK;AAGpC,YAAI,CAACC,EAAQ,SAAS,MAAM;AACpB,gBAAA,IAAI,MAAM,mCAAmC;AAGrD,QAAAlB,EAAckB,CAAO,GACrBf,EAAS,EAAK;AAAA,eACPgB,GAAK;AACJ,gBAAA,MAAM,uBAAuBA,CAAG,GACxChB,EAAS,EAAI;AAAA,MAAA,UACb;AACA,QAAAE,EAAa,EAAK;AAAA,MAAA;AAAA,IAEtB,GAES;AAAA,EAAA,GACR,CAACT,KAAA,gBAAAA,EAAM,GAAG,CAAC;AAEd,QAAMwB,IAAiB;AAAA,IACrB,SAAOC,IAAAzB,KAAA,gBAAAA,EAAM,SAAN,gBAAAyB,EAAY,UAAS;AAAA,IAC5B,UAAQC,IAAA1B,KAAA,gBAAAA,EAAM,SAAN,gBAAA0B,EAAY,WAAU;AAAA,IAC9B,KAAIC,IAAA3B,KAAA,gBAAAA,EAAM,aAAN,gBAAA2B,EAAgB,OAAM,YAAaC,IAAA5B,KAAA,gBAAAA,EAAM,aAAN,gBAAA4B,EAAgB,OAAM,SACzD;AAAA,MACE,WAAW,eAAaC,IAAA7B,KAAA,gBAAAA,EAAM,aAAN,gBAAA6B,EAAgB,MAAK,CAAC,SAAOC,IAAA9B,KAAA,gBAAAA,EAAM,aAAN,gBAAA8B,EAAgB,MAAK,CAAC;AAAA,IAAA,IAE7E,CAAC;AAAA,IACL,GAAG5B;AAAA,EACL;AAGI,SAAAM,KAAaF,KAAS,CAACH,IAEvB4B,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK/B,KAAA,gBAAAA,EAAM,QAAO;AAAA,MAClB,KAAKU,IAAe,KAAKI;AAAA,MACzB,eAAaJ;AAAA,MACb,SAAOsB,IAAAhC,KAAA,gBAAAA,EAAM,SAAN,gBAAAgC,EAAY,UAAS;AAAA,MAC5B,UAAQC,IAAAjC,KAAA,gBAAAA,EAAM,SAAN,gBAAAiC,EAAY,WAAU;AAAA,MAC9B,WAAAhC;AAAA,MACA,OAAO;AAAA,QACL,SAASO,IAAY,MAAM;AAAA,QAC3B,YAAY;AAAA,QACZ,GAAGgB;AAAA,MAAA;AAAA,IACL;AAAA,EACF,IAKAd,IAEAqB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAA9B;AAAA,MACA,OAAOuB;AAAA,MACP,eAAY;AAAA,MACZ,yBAAyB,EAAE,QAAQrB,EAAW;AAAA,IAAA;AAAA,EAChD,IAMF4B,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAA9B;AAAA,MACA,OAAOuB;AAAA,MACP,MAAK;AAAA,MACL,cAAYV;AAAA,MACZ,yBAAyB,EAAE,QAAQX,EAAW;AAAA,IAAA;AAAA,EAChD;AAEJ;"}
+{"version":3,"file":"index.es127.js","sources":["../src/components/ui/SvgIcon/index.tsx"],"sourcesContent":["import { IconInfoType } from \"@/sections/FaqSections\";\nimport React, { useEffect, useState } from \"react\";\n\ninterface SvgIconProps {\n  icon: IconInfoType;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport const SvgIcon: React.FC<SvgIconProps> = ({ \n  icon, \n  className = \"\",\n  style = {}\n}) => {\n  const [svgContent, setSvgContent] = useState<string>(\"\");\n  const [error, setError] = useState<boolean>(false);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n\n  const isDecorative = icon?.data?.additionalInfo?.customData?.isDecorative;\n  const altText = icon?.data?.additionalInfo?.customData?.translations?.it?.altText || \"Icona\";\n\n  useEffect(() => {\n    if (!icon?.url) {\n      setError(true);\n      setIsLoading(false);\n      return;\n    }\n\n    const fetchSvg = async () => {\n      try {\n        setIsLoading(true);\n        const response = await fetch(icon.url!);\n        if (!response.ok) throw new Error(`HTTP ${response.status}: Failed to fetch SVG`);\n        \n        const svgText = await response.text();\n        \n        // Basic validation to ensure it's actually SVG content\n        if (!svgText.includes('<svg')) {\n          throw new Error('Response is not valid SVG content');\n        }\n        \n        setSvgContent(svgText);\n        setError(false);\n      } catch (err) {\n        console.error('Error fetching SVG:', err);\n        setError(true);\n      } finally {\n        setIsLoading(false);\n      }\n    };\n\n    fetchSvg();\n  }, [icon?.url]);\n\n  const containerStyle = {\n    width: icon?.size?.width ?? 40,\n    height: icon?.size?.height ?? 40,\n    ...(icon?.position?.x !== undefined || icon?.position?.y !== undefined\n      ? {\n          transform: `translate(${icon?.position?.x ?? 0}px, ${icon?.position?.y ?? 0}px)`,\n        }\n      : {}),\n    ...style\n  };\n\n  // Show loading state or fallback while fetching\n  if (isLoading || error || !svgContent) {\n    return (\n      <img\n        src={icon?.url || \"\"}\n        alt={isDecorative ? \"\" : altText}\n        aria-hidden={isDecorative}\n        width={icon?.size?.width ?? 40}\n        height={icon?.size?.height ?? 40}\n        className={className}\n        style={{ \n          opacity: isLoading ? 0.5 : 1,\n          transition: 'opacity 0.2s ease-in-out',\n          ...containerStyle\n        }}\n      />\n    );\n  }\n\n  // For decorative images, hide from screen readers\n  if (isDecorative) {\n    return (\n      <div\n        className={className}\n        style={containerStyle}\n        aria-hidden=\"true\"\n        dangerouslySetInnerHTML={{ __html: svgContent }}\n      />\n    );\n  }\n\n  // For non-decorative images, include aria-label\n  return (\n    <div\n      className={className}\n      style={containerStyle}\n      role=\"img\"\n      aria-label={altText}\n      dangerouslySetInnerHTML={{ __html: svgContent }}\n    />\n  );\n};"],"names":["SvgIcon","icon","className","style","svgContent","setSvgContent","useState","error","setError","isLoading","setIsLoading","isDecorative","_c","_b","_a","altText","_h","_g","_f","_e","_d","useEffect","response","svgText","err","containerStyle","_i","_j","_k","_l","_m","_n","jsx","_o","_p"],"mappings":"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"}

package/dist/index.es128.js.map

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

package/dist/index.es130.js.map

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

package/dist/index.es131.js.map

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

package/dist/index.es132.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es132.js","sources":["../src/components/ui/TableSkeleton/index.tsx"],"sourcesContent":["import \"./TableSkeleton.scss\";\r\n\r\nexport const TableSkeleton = () => {\r\n  return (\r\n    <div className=\"family-doctor-skeleton\">\r\n      {/* Section title */}\r\n      <div className=\"family-doctor-skeleton-title pulse\"></div>\r\n\r\n      {/* Card content */}\r\n      <div className=\"family-doctor-skeleton-card\">\r\n        {/* Avatar and doctor info */}\r\n        <div className=\"family-doctor-skeleton-header\">\r\n          <div className=\"family-doctor-skeleton-avatar pulse\"></div>\r\n          <div className=\"family-doctor-skeleton-info\">\r\n            <div className=\"family-doctor-skeleton-name pulse\"></div>\r\n            <div className=\"family-doctor-skeleton-dash pulse\"></div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Two-column layout for contact and schedule */}\r\n        <div className=\"family-doctor-skeleton-content\">\r\n          {/* Left column - Contact info */}\r\n          <div className=\"family-doctor-skeleton-left-column\">\r\n            {/* Phone */}\r\n            <div className=\"family-doctor-skeleton-field\">\r\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\r\n              <div className=\"family-doctor-skeleton-value pulse\"></div>\r\n            </div>\r\n\r\n            {/* Email */}\r\n            <div className=\"family-doctor-skeleton-field\">\r\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\r\n              <div className=\"family-doctor-skeleton-dash-value pulse\"></div>\r\n            </div>\r\n\r\n            {/* Address */}\r\n            <div className=\"family-doctor-skeleton-field\">\r\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\r\n              <div className=\"family-doctor-skeleton-value pulse\"></div>\r\n            </div>\r\n\r\n            {/* Change doctor button */}\r\n            <div className=\"family-doctor-skeleton-button pulse\"></div>\r\n          </div>\r\n\r\n          {/* Right column - Schedule */}\r\n          <div className=\"family-doctor-skeleton-right-column\">\r\n            <div className=\"family-doctor-skeleton-schedule-title pulse\"></div>\r\n            <div className=\"family-doctor-skeleton-schedule\">\r\n              {/* Row 1: Monday and Thursday */}\r\n              <div className=\"family-doctor-skeleton-schedule-column\">\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* Row 2: Tuesday and Friday */}\r\n              <div className=\"family-doctor-skeleton-schedule-column\">\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* Row 3: Wednesday */}\r\n              <div className=\"family-doctor-skeleton-schedule-column\">\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TableSkeleton","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"index.es132.js","sources":["../src/components/ui/TableSkeleton/index.tsx"],"sourcesContent":["import \"./TableSkeleton.scss\";\n\nexport const TableSkeleton = () => {\n  return (\n    <div className=\"family-doctor-skeleton\">\n      {/* Section title */}\n      <div className=\"family-doctor-skeleton-title pulse\"></div>\n\n      {/* Card content */}\n      <div className=\"family-doctor-skeleton-card\">\n        {/* Avatar and doctor info */}\n        <div className=\"family-doctor-skeleton-header\">\n          <div className=\"family-doctor-skeleton-avatar pulse\"></div>\n          <div className=\"family-doctor-skeleton-info\">\n            <div className=\"family-doctor-skeleton-name pulse\"></div>\n            <div className=\"family-doctor-skeleton-dash pulse\"></div>\n          </div>\n        </div>\n\n        {/* Two-column layout for contact and schedule */}\n        <div className=\"family-doctor-skeleton-content\">\n          {/* Left column - Contact info */}\n          <div className=\"family-doctor-skeleton-left-column\">\n            {/* Phone */}\n            <div className=\"family-doctor-skeleton-field\">\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\n              <div className=\"family-doctor-skeleton-value pulse\"></div>\n            </div>\n\n            {/* Email */}\n            <div className=\"family-doctor-skeleton-field\">\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\n              <div className=\"family-doctor-skeleton-dash-value pulse\"></div>\n            </div>\n\n            {/* Address */}\n            <div className=\"family-doctor-skeleton-field\">\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\n              <div className=\"family-doctor-skeleton-value pulse\"></div>\n            </div>\n\n            {/* Change doctor button */}\n            <div className=\"family-doctor-skeleton-button pulse\"></div>\n          </div>\n\n          {/* Right column - Schedule */}\n          <div className=\"family-doctor-skeleton-right-column\">\n            <div className=\"family-doctor-skeleton-schedule-title pulse\"></div>\n            <div className=\"family-doctor-skeleton-schedule\">\n              {/* Row 1: Monday and Thursday */}\n              <div className=\"family-doctor-skeleton-schedule-column\">\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n              </div>\n\n              {/* Row 2: Tuesday and Friday */}\n              <div className=\"family-doctor-skeleton-schedule-column\">\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n              </div>\n\n              {/* Row 3: Wednesday */}\n              <div className=\"family-doctor-skeleton-schedule-column\">\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["TableSkeleton","jsxs","jsx"],"mappings":"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"}

package/dist/index.es134.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es134.js","sources":["../src/components/ui/Tags/Tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"../Tags.scss\";\r\n\r\nexport type TagMode = \"filter\" | \"decorative\";\r\nexport type TagProps = {\r\n  label: string;\r\n  mode?: TagMode;\r\n  className?: string;\r\n  selected?: boolean;\r\n  onClick?: () => void;\r\n};\r\n\r\nexport const Tag = ({\r\n  label,\r\n  mode = \"decorative\",\r\n  selected = false,\r\n  className,\r\n  onClick,\r\n}: TagProps) => {\r\n  const TagComponent = mode === \"decorative\" ? \"div\" : \"button\";\r\n\r\n  return (\r\n    <TagComponent\r\n      className={clsx(\"tag\", { selected: selected }, className)}\r\n      onClick={onClick}\r\n    >\r\n      {label}\r\n    </TagComponent>\r\n  );\r\n};\r\n"],"names":["Tag","label","mode","selected","className","onClick","TagComponent","jsx","clsx"],"mappings":";;;AAYO,MAAMA,IAAM,CAAC;AAAA,EAClB,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,SAAAC;AACF,MAAgB;AACR,QAAAC,IAAeJ,MAAS,eAAe,QAAQ;AAGnD,SAAAK,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAWE,EAAK,OAAO,EAAE,UAAAL,EAAA,GAAsBC,CAAS;AAAA,MACxD,SAAAC;AAAA,MAEC,UAAAJ;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"index.es134.js","sources":["../src/components/ui/Tags/Tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"../Tags.scss\";\n\nexport type TagMode = \"filter\" | \"decorative\";\nexport type TagProps = {\n  label: string;\n  mode?: TagMode;\n  className?: string;\n  selected?: boolean;\n  onClick?: () => void;\n};\n\nexport const Tag = ({\n  label,\n  mode = \"decorative\",\n  selected = false,\n  className,\n  onClick,\n}: TagProps) => {\n  const TagComponent = mode === \"decorative\" ? \"div\" : \"button\";\n\n  return (\n    <TagComponent\n      className={clsx(\"tag\", { selected: selected }, className)}\n      onClick={onClick}\n    >\n      {label}\n    </TagComponent>\n  );\n};\n"],"names":["Tag","label","mode","selected","className","onClick","TagComponent","jsx","clsx"],"mappings":";;;AAYO,MAAMA,IAAM,CAAC;AAAA,EAClB,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,SAAAC;AACF,MAAgB;AACR,QAAAC,IAAeJ,MAAS,eAAe,QAAQ;AAGnD,SAAAK,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAWE,EAAK,OAAO,EAAE,UAAAL,EAAA,GAAsBC,CAAS;AAAA,MACxD,SAAAC;AAAA,MAEC,UAAAJ;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/index.es135.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es135.js","sources":["../src/components/ui/Tags/TagsGroup/TagsGroup.tsx"],"sourcesContent":["import { Tag } from \"../Tag/Tag\";\r\nimport \"../Tags.scss\";\r\n\r\ntype TagsProps = {\r\n  topics?: Array<string>;\r\n};\r\n\r\nexport const TagsGroup = ({ topics = [] }: TagsProps) => {\r\n  return (\r\n    <div className=\"tags-group-container\">\r\n      <div className=\"tags-group\">\r\n        {topics.map((topic, index) => (\r\n          <Tag key={index} label={topic} />\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TagsGroup","topics","jsx","topic","index","Tag"],"mappings":";;;AAOO,MAAMA,IAAY,CAAC,EAAE,QAAAC,IAAS,CAAA,QAEjCC,gBAAAA,MAAC,SAAI,WAAU,wBACb,gCAAC,OAAI,EAAA,WAAU,cACZ,UAAOD,EAAA,IAAI,CAACE,GAAOC,4BACjBC,GAAgB,EAAA,OAAOF,KAAdC,CAAqB,CAChC,GACH,EACF,CAAA;"}
+{"version":3,"file":"index.es135.js","sources":["../src/components/ui/Tags/TagsGroup/TagsGroup.tsx"],"sourcesContent":["import { Tag } from \"../Tag/Tag\";\nimport \"../Tags.scss\";\n\ntype TagsProps = {\n  topics?: Array<string>;\n};\n\nexport const TagsGroup = ({ topics = [] }: TagsProps) => {\n  return (\n    <div className=\"tags-group-container\">\n      <div className=\"tags-group\">\n        {topics.map((topic, index) => (\n          <Tag key={index} label={topic} />\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["TagsGroup","topics","jsx","topic","index","Tag"],"mappings":";;;AAOO,MAAMA,IAAY,CAAC,EAAE,QAAAC,IAAS,CAAA,QAEjCC,gBAAAA,MAAC,SAAI,WAAU,wBACb,gCAAC,OAAI,EAAA,WAAU,cACZ,UAAOD,EAAA,IAAI,CAACE,GAAOC,4BACjBC,GAAgB,EAAA,OAAOF,KAAdC,CAAqB,CAChC,GACH,EACF,CAAA;"}

package/dist/index.es136.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es136.js","sources":["../src/components/ui/TitleSection/index.tsx"],"sourcesContent":["import \"./TitleSection.scss\";\r\nimport clsx from \"clsx\";\r\nimport { MoreActions } from \"@/icons\";\r\nimport { PropsWithChildren, ReactNode, useState } from \"react\";\r\nimport { ActionsPopup, Row } from \"@/components\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\n\r\ntype TitleSectionProps = PropsWithChildren<{\r\n  action1?: ReactNode;\r\n  action2?: ReactNode;\r\n  mainButton?: ReactNode;\r\n  secondaryButton?: ReactNode;\r\n  titleSection: string;\r\n  classNameTitle?: string;\r\n  isMoreOption?: boolean;\r\n  handleMoreOption?: () => void;\r\n  titleTag?: HeadingLevel;\r\n}>;\r\n\r\nexport const TitleSection = ({\r\n  action1,\r\n  action2,\r\n  mainButton,\r\n  secondaryButton,\r\n  titleSection,\r\n  classNameTitle,\r\n  titleTag: TitleTag = \"h1\",\r\n}: TitleSectionProps) => {\r\n  const [openActions, setOpenActions] = useState(false);\r\n\r\n  const popupActions = [action1, action2].filter(Boolean);\r\n  return (\r\n    <div>\r\n      <div className={clsx(\"ui-title-section-container\")}>\r\n        <div className=\"ui-title-row\">\r\n          <TitleTag\r\n            className={clsx(\r\n              classNameTitle,\r\n              \"py-x8 md-py-x16 fs-4 md-fs-2 fw-bold text-slate-28\",\r\n            )}\r\n          >\r\n            {titleSection}\r\n          </TitleTag>\r\n\r\n          {popupActions.length === 2 && (\r\n            <>\r\n              <div\r\n                onClick={() => setOpenActions(!openActions)}\r\n                className=\"ui-mobile-actions\"\r\n              >\r\n                <MoreActions\r\n                  className=\"cursor-pointer\"\r\n                  aria-label=\"Altre opzioni\"\r\n                />\r\n              </div>\r\n              <ActionsPopup\r\n                isOpen={openActions}\r\n                onClickCloseBtn={() => setOpenActions(false)}\r\n                actions={popupActions}\r\n                className=\"ui-mobile-actionspopup\"\r\n              >\r\n                {secondaryButton && (\r\n                  <div className=\"ui-actions-popup-buttons\">\r\n                    {secondaryButton}\r\n                  </div>\r\n                )}\r\n              </ActionsPopup>\r\n            </>\r\n          )}\r\n        </div>\r\n\r\n        {popupActions.length === 1 && (\r\n          <div className=\"ui-mobile-single-action\">{popupActions[0]}</div>\r\n        )}\r\n\r\n        <nav className=\"ui-desktop-actions\" aria-label=\"Azioni principali\">\r\n          <Row\r\n            as={\"ul\"}\r\n            gap={\"x20\"}\r\n            fw={\"semibold\"}\r\n            text={\"primary\"}\r\n            fs={\"8\"}\r\n            className=\"list-style-none\"\r\n          >\r\n            {action1}\r\n            {action2 && <span className=\"ui-divider-title-section\"></span>}\r\n            {action2}\r\n            {secondaryButton && (\r\n              <Row\r\n                as={\"li\"}\r\n                text={\"primary\"}\r\n                justifyContent={\"center\"}\r\n                alignItems={\"center\"}\r\n                gap={\"x8\"}\r\n              >\r\n                {secondaryButton}\r\n              </Row>\r\n            )}\r\n            {mainButton && (\r\n              <Row\r\n                as={\"li\"}\r\n                text={\"primary\"}\r\n                justifyContent={\"center\"}\r\n                alignItems={\"center\"}\r\n                gap={\"x8\"}\r\n              >\r\n                {mainButton}\r\n              </Row>\r\n            )}\r\n          </Row>\r\n        </nav>\r\n      </div>\r\n      <div className=\"ui-mobile-main-button\">{mainButton}</div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TitleSection","action1","action2","mainButton","secondaryButton","titleSection","classNameTitle","TitleTag","openActions","setOpenActions","useState","popupActions","jsxs","clsx","jsx","Fragment","MoreActions","ActionsPopup","Row"],"mappings":";;;;;;;AAmBO,MAAMA,IAAe,CAAC;AAAA,EAC3B,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAUC,IAAW;AACvB,MAAyB;AACvB,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAAe,CAACV,GAASC,CAAO,EAAE,OAAO,OAAO;AACtD,gCACG,OACC,EAAA,UAAA;AAAA,IAAAU,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAWC,EAAK,4BAA4B,GAC/C,UAAA;AAAA,MAACD,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,QAAAE,gBAAAA,EAAA;AAAA,UAACP;AAAA,UAAA;AAAA,YACC,WAAWM;AAAA,cACTP;AAAA,cACA;AAAA,YACF;AAAA,YAEC,UAAAD;AAAA,UAAA;AAAA,QACH;AAAA,QAECM,EAAa,WAAW,KAErBC,gBAAAA,EAAA,KAAAG,EAAA,UAAA,EAAA,UAAA;AAAA,UAAAD,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS,MAAML,EAAe,CAACD,CAAW;AAAA,cAC1C,WAAU;AAAA,cAEV,UAAAM,gBAAAA,EAAA;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,cAAW;AAAA,gBAAA;AAAA,cAAA;AAAA,YACb;AAAA,UACF;AAAA,UACAF,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,QAAQT;AAAA,cACR,iBAAiB,MAAMC,EAAe,EAAK;AAAA,cAC3C,SAASE;AAAA,cACT,WAAU;AAAA,cAET,UACCP,KAAAU,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,4BACZ,UACHV,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ,EACF,CAAA;AAAA,MAAA,GAEJ;AAAA,MAECO,EAAa,WAAW,KACvBG,gBAAAA,EAAAA,IAAC,SAAI,WAAU,2BAA2B,UAAaH,EAAA,CAAC,EAAE,CAAA;AAAA,MAG3DG,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,sBAAqB,cAAW,qBAC7C,UAAAF,gBAAAA,EAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,KAAK;AAAA,UACL,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,IAAI;AAAA,UACJ,WAAU;AAAA,UAET,UAAA;AAAA,YAAAjB;AAAA,YACAC,KAAWY,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,2BAA2B,CAAA;AAAA,YACtDZ;AAAA,YACAE,KACCU,gBAAAA,EAAA;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,gBACJ,MAAM;AAAA,gBACN,gBAAgB;AAAA,gBAChB,YAAY;AAAA,gBACZ,KAAK;AAAA,gBAEJ,UAAAd;AAAA,cAAA;AAAA,YACH;AAAA,YAEDD,KACCW,gBAAAA,EAAA;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,gBACJ,MAAM;AAAA,gBACN,gBAAgB;AAAA,gBAChB,YAAY;AAAA,gBACZ,KAAK;AAAA,gBAEJ,UAAAf;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MAAA,EAGN,CAAA;AAAA,IAAA,GACF;AAAA,IACCW,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,yBAAyB,UAAWX,EAAA,CAAA;AAAA,EAAA,GACrD;AAEJ;"}
+{"version":3,"file":"index.es136.js","sources":["../src/components/ui/TitleSection/index.tsx"],"sourcesContent":["import \"./TitleSection.scss\";\nimport clsx from \"clsx\";\nimport { MoreActions } from \"@/icons\";\nimport { PropsWithChildren, ReactNode, useState } from \"react\";\nimport { ActionsPopup, Row } from \"@/components\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype TitleSectionProps = PropsWithChildren<{\n  action1?: ReactNode;\n  action2?: ReactNode;\n  mainButton?: ReactNode;\n  secondaryButton?: ReactNode;\n  titleSection: string;\n  classNameTitle?: string;\n  isMoreOption?: boolean;\n  handleMoreOption?: () => void;\n  titleTag?: HeadingLevel;\n}>;\n\nexport const TitleSection = ({\n  action1,\n  action2,\n  mainButton,\n  secondaryButton,\n  titleSection,\n  classNameTitle,\n  titleTag: TitleTag = \"h1\",\n}: TitleSectionProps) => {\n  const [openActions, setOpenActions] = useState(false);\n\n  const popupActions = [action1, action2].filter(Boolean);\n  return (\n    <div>\n      <div className={clsx(\"ui-title-section-container\")}>\n        <div className=\"ui-title-row\">\n          <TitleTag\n            className={clsx(\n              classNameTitle,\n              \"py-x8 md-py-x16 fs-4 md-fs-2 fw-bold text-slate-28\",\n            )}\n          >\n            {titleSection}\n          </TitleTag>\n\n          {popupActions.length === 2 && (\n            <>\n              <div\n                onClick={() => setOpenActions(!openActions)}\n                className=\"ui-mobile-actions\"\n              >\n                <MoreActions\n                  className=\"cursor-pointer\"\n                  aria-label=\"Altre opzioni\"\n                />\n              </div>\n              <ActionsPopup\n                isOpen={openActions}\n                onClickCloseBtn={() => setOpenActions(false)}\n                actions={popupActions}\n                className=\"ui-mobile-actionspopup\"\n              >\n                {secondaryButton && (\n                  <div className=\"ui-actions-popup-buttons\">\n                    {secondaryButton}\n                  </div>\n                )}\n              </ActionsPopup>\n            </>\n          )}\n        </div>\n\n        {popupActions.length === 1 && (\n          <div className=\"ui-mobile-single-action\">{popupActions[0]}</div>\n        )}\n\n        <nav className=\"ui-desktop-actions\" aria-label=\"Azioni principali\">\n          <Row\n            as={\"ul\"}\n            gap={\"x20\"}\n            fw={\"semibold\"}\n            text={\"primary\"}\n            fs={\"8\"}\n            className=\"list-style-none\"\n          >\n            {action1}\n            {action2 && <span className=\"ui-divider-title-section\"></span>}\n            {action2}\n            {secondaryButton && (\n              <Row\n                as={\"li\"}\n                text={\"primary\"}\n                justifyContent={\"center\"}\n                alignItems={\"center\"}\n                gap={\"x8\"}\n              >\n                {secondaryButton}\n              </Row>\n            )}\n            {mainButton && (\n              <Row\n                as={\"li\"}\n                text={\"primary\"}\n                justifyContent={\"center\"}\n                alignItems={\"center\"}\n                gap={\"x8\"}\n              >\n                {mainButton}\n              </Row>\n            )}\n          </Row>\n        </nav>\n      </div>\n      <div className=\"ui-mobile-main-button\">{mainButton}</div>\n    </div>\n  );\n};\n"],"names":["TitleSection","action1","action2","mainButton","secondaryButton","titleSection","classNameTitle","TitleTag","openActions","setOpenActions","useState","popupActions","jsxs","clsx","jsx","Fragment","MoreActions","ActionsPopup","Row"],"mappings":";;;;;;;AAmBO,MAAMA,IAAe,CAAC;AAAA,EAC3B,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAUC,IAAW;AACvB,MAAyB;AACvB,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAAe,CAACV,GAASC,CAAO,EAAE,OAAO,OAAO;AACtD,gCACG,OACC,EAAA,UAAA;AAAA,IAAAU,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAWC,EAAK,4BAA4B,GAC/C,UAAA;AAAA,MAACD,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,QAAAE,gBAAAA,EAAA;AAAA,UAACP;AAAA,UAAA;AAAA,YACC,WAAWM;AAAA,cACTP;AAAA,cACA;AAAA,YACF;AAAA,YAEC,UAAAD;AAAA,UAAA;AAAA,QACH;AAAA,QAECM,EAAa,WAAW,KAErBC,gBAAAA,EAAA,KAAAG,EAAA,UAAA,EAAA,UAAA;AAAA,UAAAD,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS,MAAML,EAAe,CAACD,CAAW;AAAA,cAC1C,WAAU;AAAA,cAEV,UAAAM,gBAAAA,EAAA;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,cAAW;AAAA,gBAAA;AAAA,cAAA;AAAA,YACb;AAAA,UACF;AAAA,UACAF,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,QAAQT;AAAA,cACR,iBAAiB,MAAMC,EAAe,EAAK;AAAA,cAC3C,SAASE;AAAA,cACT,WAAU;AAAA,cAET,UACCP,KAAAU,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,4BACZ,UACHV,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ,EACF,CAAA;AAAA,MAAA,GAEJ;AAAA,MAECO,EAAa,WAAW,KACvBG,gBAAAA,EAAAA,IAAC,SAAI,WAAU,2BAA2B,UAAaH,EAAA,CAAC,EAAE,CAAA;AAAA,MAG3DG,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,sBAAqB,cAAW,qBAC7C,UAAAF,gBAAAA,EAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,KAAK;AAAA,UACL,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,IAAI;AAAA,UACJ,WAAU;AAAA,UAET,UAAA;AAAA,YAAAjB;AAAA,YACAC,KAAWY,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,2BAA2B,CAAA;AAAA,YACtDZ;AAAA,YACAE,KACCU,gBAAAA,EAAA;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,gBACJ,MAAM;AAAA,gBACN,gBAAgB;AAAA,gBAChB,YAAY;AAAA,gBACZ,KAAK;AAAA,gBAEJ,UAAAd;AAAA,cAAA;AAAA,YACH;AAAA,YAEDD,KACCW,gBAAAA,EAAA;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,gBACJ,MAAM;AAAA,gBACN,gBAAgB;AAAA,gBAChB,YAAY;AAAA,gBACZ,KAAK;AAAA,gBAEJ,UAAAf;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MAAA,EAGN,CAAA;AAAA,IAAA,GACF;AAAA,IACCW,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,yBAAyB,UAAWX,EAAA,CAAA;AAAA,EAAA,GACrD;AAEJ;"}

package/dist/index.es137.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es137.js","sources":["../src/components/ui/VerticalCardStepper/index.tsx"],"sourcesContent":["import { DateTime } from \"luxon\";\r\nimport \"./VerticalCardStepper.scss\";\r\nimport { Link, LinkTypeEnum } from \"@anoki/fse-common/dist\";\r\nimport { ArrowLink } from \"../ArrowLink\";\r\nimport { ExternalLink } from \"@/icons\";\r\nimport { Link as LinkComponent } from \"@/components\";\r\n\r\nexport enum StepVariantEnum {\r\n  DATE = \"date\",\r\n  HEADLINE = \"headline\",\r\n  ORDERED = \"ordered\",\r\n  CHECK = \"check\",\r\n}\r\n\r\nexport type Step = {\r\n  label: string;\r\n  title: string;\r\n  description: string;\r\n  meta: string; // può essere una data ISO o un testo\r\n  link?: Link;\r\n  linkType?: LinkTypeEnum;\r\n};\r\n\r\ntype Props = {\r\n  type: StepVariantEnum;\r\n  steps: Array<Step>;\r\n  asLink?: \"a\" | any;\r\n};\r\n\r\nconst formatDateParts = (dateString: string) => {\r\n  const date = DateTime.fromISO(dateString);\r\n  return {\r\n    day: date.toFormat(\"dd\"),\r\n    month: date.toFormat(\"LLLL\"),\r\n    year: date.toFormat(\"yyyy\"),\r\n  };\r\n};\r\n\r\nexport const VerticalCardStepper = ({ steps, type, asLink }: Props) => {\r\n  return (\r\n    <div className=\"vertical-container\">\r\n      <div className=\"timeline\">\r\n        {steps.map((step, idx) => {\r\n          const renderMeta = () => {\r\n            switch (type) {\r\n              case \"date\": {\r\n                if (!step.meta) return null;\r\n                const { day, month, year } = formatDateParts(step.meta);\r\n                return (\r\n                  <>\r\n                    <div className=\"day\">{day}</div>\r\n                    <div className=\"month\">{month}</div>\r\n                    <div className=\"year\">{year}</div>\r\n                  </>\r\n                );\r\n              }\r\n              case \"headline\":\r\n                return <div className=\"headline\">{step.meta}</div>;\r\n\r\n              case \"ordered\":\r\n                return <div className=\"circle\">{idx + 1}</div>;\r\n\r\n              case \"check\":\r\n                return (\r\n                  <div className=\"circle\">\r\n                    <div className=\"checkmark\"></div>\r\n                  </div>\r\n                );\r\n\r\n              default:\r\n                return null;\r\n            }\r\n          };\r\n\r\n          return (\r\n            <div key={idx} className=\"step\">\r\n              <div className=\"meta\">{renderMeta()}</div>\r\n\r\n              <div className=\"vertical-line\">\r\n                <div className=\"dot\" />\r\n              </div>\r\n\r\n              <div className=\"card\">\r\n                <div className=\"label\">{step.label}</div>\r\n                <div className=\"title\">{step.title}</div>\r\n                <div className=\"\">\r\n                  <div className=\"description pb-x12\">{step.description}</div>\r\n                  <div className=\"card-footer\">\r\n                    {step.link &&\r\n                      (step.linkType === LinkTypeEnum.INTERNAL ||\r\n                        !step.linkType) && (\r\n                        <ArrowLink\r\n                          href={step.link.link}\r\n                          className=\"card-footer-detail\"\r\n                        >\r\n                          {step.link.title}\r\n                        </ArrowLink>\r\n                      )}\r\n                    {step.link && step.linkType === LinkTypeEnum.EXTERNAL && (\r\n                      <LinkComponent\r\n                        title={\"\"}\r\n                        src={step.link.link}\r\n                        icon={ExternalLink}\r\n                        decoration=\"ui-footer-logo-link\"\r\n                        transform=\"none\"\r\n                        external={true}\r\n                        asLink={asLink}\r\n                      />\r\n                    )}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          );\r\n        })}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["StepVariantEnum","formatDateParts","dateString","date","DateTime","VerticalCardStepper","steps","type","asLink","jsx","step","idx","renderMeta","day","month","year","jsxs","Fragment","LinkTypeEnum","ArrowLink","LinkComponent","ExternalLink"],"mappings":"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"}
+{"version":3,"file":"index.es137.js","sources":["../src/components/ui/VerticalCardStepper/index.tsx"],"sourcesContent":["import { DateTime } from \"luxon\";\nimport \"./VerticalCardStepper.scss\";\nimport { Link, LinkTypeEnum } from \"@anoki/fse-common/dist\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport { ExternalLink } from \"@/icons\";\nimport { Link as LinkComponent } from \"@/components\";\n\nexport enum StepVariantEnum {\n  DATE = \"date\",\n  HEADLINE = \"headline\",\n  ORDERED = \"ordered\",\n  CHECK = \"check\",\n}\n\nexport type Step = {\n  label: string;\n  title: string;\n  description: string;\n  meta: string; // può essere una data ISO o un testo\n  link?: Link;\n  linkType?: LinkTypeEnum;\n};\n\ntype Props = {\n  type: StepVariantEnum;\n  steps: Array<Step>;\n  asLink?: \"a\" | any;\n};\n\nconst formatDateParts = (dateString: string) => {\n  const date = DateTime.fromISO(dateString);\n  return {\n    day: date.toFormat(\"dd\"),\n    month: date.toFormat(\"LLLL\"),\n    year: date.toFormat(\"yyyy\"),\n  };\n};\n\nexport const VerticalCardStepper = ({ steps, type, asLink }: Props) => {\n  return (\n    <div className=\"vertical-container\">\n      <div className=\"timeline\">\n        {steps.map((step, idx) => {\n          const renderMeta = () => {\n            switch (type) {\n              case \"date\": {\n                if (!step.meta) return null;\n                const { day, month, year } = formatDateParts(step.meta);\n                return (\n                  <>\n                    <div className=\"day\">{day}</div>\n                    <div className=\"month\">{month}</div>\n                    <div className=\"year\">{year}</div>\n                  </>\n                );\n              }\n              case \"headline\":\n                return <div className=\"headline\">{step.meta}</div>;\n\n              case \"ordered\":\n                return <div className=\"circle\">{idx + 1}</div>;\n\n              case \"check\":\n                return (\n                  <div className=\"circle\">\n                    <div className=\"checkmark\"></div>\n                  </div>\n                );\n\n              default:\n                return null;\n            }\n          };\n\n          return (\n            <div key={idx} className=\"step\">\n              <div className=\"meta\">{renderMeta()}</div>\n\n              <div className=\"vertical-line\">\n                <div className=\"dot\" />\n              </div>\n\n              <div className=\"card\">\n                <div className=\"label\">{step.label}</div>\n                <div className=\"title\">{step.title}</div>\n                <div className=\"\">\n                  <div className=\"description pb-x12\">{step.description}</div>\n                  <div className=\"card-footer\">\n                    {step.link &&\n                      (step.linkType === LinkTypeEnum.INTERNAL ||\n                        !step.linkType) && (\n                        <ArrowLink\n                          href={step.link.link}\n                          className=\"card-footer-detail\"\n                        >\n                          {step.link.title}\n                        </ArrowLink>\n                      )}\n                    {step.link && step.linkType === LinkTypeEnum.EXTERNAL && (\n                      <LinkComponent\n                        title={\"\"}\n                        src={step.link.link}\n                        icon={ExternalLink}\n                        decoration=\"ui-footer-logo-link\"\n                        transform=\"none\"\n                        external={true}\n                        asLink={asLink}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],"names":["StepVariantEnum","formatDateParts","dateString","date","DateTime","VerticalCardStepper","steps","type","asLink","jsx","step","idx","renderMeta","day","month","year","jsxs","Fragment","LinkTypeEnum","ArrowLink","LinkComponent","ExternalLink"],"mappings":"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"}

package/dist/index.es138.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es138.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import { Col } from \"@/components\";\r\nimport { PlayVideo } from \"@/icons\";\r\nimport { ArrowDown } from \"@/icons/ArrowDown\";\r\nimport { RichText } from \"@/sections/RichText\";\r\nimport clsx from \"clsx\";\r\nimport { useRef, useState } from \"react\";\r\nimport \"./VideoPlayer.scss\";\r\nimport type { VideoPlayerProps } from \"./VideoPlayer.types\";\r\nimport { VIDEO_PLAYER_SIZE } from \"./VideoPlayer.types\";\r\n\r\nconst sizeStyles = {\r\n  [VIDEO_PLAYER_SIZE.SMALL]: {\r\n    width: \"311px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\r\n    width: \"388px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.LARGE]: {\r\n    width: \"642px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\r\n    width: \"992px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\r\n    width: \"100%\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\r\n    width: \"360px\",\r\n  },\r\n};\r\n\r\nconst imgSize = {\r\n  [VIDEO_PLAYER_SIZE.SMALL]: {\r\n    heightImg: \"170px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\r\n    heightImg: \"183px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.LARGE]: {\r\n    heightImg: \"357px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\r\n    heightImg: \"400px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\r\n    heightImg: \"640px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\r\n    heightImg: \"525px\",\r\n  },\r\n};\r\n\r\nexport const VideoPlayer = ({\r\n  btnText = \"Trascrizione\",\r\n  sizeComp = VIDEO_PLAYER_SIZE.LARGE,\r\n  transcription,\r\n  previewImageSrc,\r\n  videoSrc,\r\n  videoTitle,\r\n  videoLang,\r\n  playButtonLabel = \"Riproduci\",\r\n  videoAriaLabel = \"Video player\",\r\n}: VideoPlayerProps) => {\r\n  const [isPlaying, setIsPlaying] = useState(false);\r\n  const [hasPlayedOnce, setHasPlayedOnce] = useState(false);\r\n  const { width } = sizeStyles[sizeComp];\r\n  const { heightImg } = imgSize[sizeComp];\r\n  const [isExpanded, setExpanded] = useState(false);\r\n  const videoRef = useRef<HTMLVideoElement>(null);\r\n\r\n  const isVertical = sizeComp === VIDEO_PLAYER_SIZE.VERTICAL;\r\n  const isLargeSize =\r\n    sizeComp === VIDEO_PLAYER_SIZE.EXTRA_LARGE ||\r\n    sizeComp === VIDEO_PLAYER_SIZE.FULL_WIDTH;\r\n  const containerWidth = isVertical ? \"642px\" : width;\r\n  const videoHeight = isVertical ? \"640px\" : heightImg;\r\n  const videoWidth = isVertical ? \"360px\" : width;\r\n\r\n  const handlePlay = async (e?: React.MouseEvent) => {\r\n    if (e) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n    }\r\n\r\n    const video = videoRef.current;\r\n\r\n    if (!video) {\r\n      console.error(\"no video element found\");\r\n      return;\r\n    }\r\n\r\n    try {\r\n      if (!hasPlayedOnce) {\r\n        setHasPlayedOnce(true);\r\n        setIsPlaying(true);\r\n        await video.play();\r\n      }\r\n    } catch (error) {\r\n      console.error(\"Error controlling video:\", error);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Col\r\n      br={\"x4\"}\r\n      style={{ width: containerWidth }}\r\n      className={clsx(\"video-section-container\")}\r\n    >\r\n      <div\r\n        className=\"video-player-container\"\r\n        style={{\r\n          height: videoHeight,\r\n          width: videoWidth,\r\n          ...(isVertical && { alignSelf: \"center\" }),\r\n        }}\r\n      >\r\n        <button\r\n          className={clsx(\"start-video-container\", {\r\n            \"fade-out\": isPlaying || hasPlayedOnce,\r\n          })}\r\n          style={{\r\n            backgroundImage:\r\n              previewImageSrc && !hasPlayedOnce\r\n                ? `url(\"${previewImageSrc}\")`\r\n                : \"none\",\r\n            display: hasPlayedOnce ? \"none\" : \"block\",\r\n          }}\r\n          onClick={(e) => handlePlay(e)}\r\n          type=\"button\"\r\n        >\r\n          <div className={clsx(\"play-button-container\", { hidden: isPlaying })}>\r\n            <div className=\"play-button-icon\">\r\n              <PlayVideo decorative />\r\n            </div>\r\n            <div className=\"play-button-text\">\r\n              {playButtonLabel}\r\n            </div>\r\n          </div>\r\n        </button>\r\n        <div className=\"video-container\">\r\n          <video\r\n            ref={videoRef}\r\n            controls\r\n            src={videoSrc || undefined}\r\n            aria-label={videoAriaLabel}\r\n            title={videoTitle ? videoTitle : undefined}\r\n          >\r\n            <source src={videoSrc || undefined} />\r\n            {videoLang  && (\r\n              <track kind=\"subtitles\" src=\"subtitles_en.vtt\" srcLang={videoLang === 'italiano' ? \"it\" : \"en\"} />\r\n            )} {/* da integrare con file VTT :  www.w3schools.com/TAGS/att_srclang.asp */}\r\n          </video>\r\n        </div>\r\n      </div>\r\n\r\n      {transcription && (\r\n        <div\r\n          className={clsx(\r\n            isLargeSize ? \"transcription-container\" : \"ui-has-border-bottom\",\r\n          )}\r\n          style={{ width: containerWidth }}\r\n        >\r\n          <div\r\n            className={clsx(\r\n              \"expand-button-container\",\r\n              \"accordion\",\r\n              \"base-row justify-content-between align-items-center\",\r\n            )}\r\n          >\r\n            <button\r\n              className={clsx(\r\n                \"ui-btn-accordion-video\",\r\n                \"base-row justify-content-between align-items-center\",\r\n              )}\r\n              type=\"button\"\r\n              onClick={() => setExpanded(!isExpanded)}\r\n              aria-expanded={isExpanded}\r\n              aria-controls=\"transcription-content\"\r\n            >\r\n              <span\r\n                className={clsx(\r\n                  \"fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline\",\r\n                )}\r\n              >\r\n                {btnText}\r\n              </span>\r\n              <ArrowDown\r\n                color={\"primary\"}\r\n                className={clsx(\"ui-arrow\", { expanded: isExpanded })}\r\n                decorative\r\n              />\r\n            </button>\r\n          </div>\r\n          {isExpanded && (\r\n            <div\r\n              id=\"transcription-content\"\r\n              className={clsx(\r\n                \"transcription-text-container\",\r\n                \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\r\n              )}\r\n            >\r\n              <RichText\r\n                additionalClass=\"text-black text-charcoal-dust rich-text-element\"\r\n                classNameTitle=\"heading-2-lg fw-extra-bold text-black text-charcoal-dust\"\r\n                description={transcription}\r\n              />\r\n            </div>\r\n          )}\r\n        </div>\r\n      )}\r\n    </Col>\r\n  );\r\n};\r\n\r\nexport { VIDEO_PLAYER_SIZE };\r\nexport type { VideoPlayerProps };\r\n\r\n"],"names":["sizeStyles","VIDEO_PLAYER_SIZE","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","videoTitle","videoLang","playButtonLabel","videoAriaLabel","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","width","heightImg","isExpanded","setExpanded","videoRef","useRef","isVertical","isLargeSize","containerWidth","videoHeight","videoWidth","handlePlay","e","video","error","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown","RichText"],"mappings":"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"}
+{"version":3,"file":"index.es138.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import { Col } from \"@/components\";\nimport { PlayVideo } from \"@/icons\";\nimport { ArrowDown } from \"@/icons/ArrowDown\";\nimport { RichText } from \"@/sections/RichText\";\nimport clsx from \"clsx\";\nimport { useRef, useState } from \"react\";\nimport \"./VideoPlayer.scss\";\nimport type { VideoPlayerProps } from \"./VideoPlayer.types\";\nimport { VIDEO_PLAYER_SIZE } from \"./VideoPlayer.types\";\n\nconst sizeStyles = {\n  [VIDEO_PLAYER_SIZE.SMALL]: {\n    width: \"311px\",\n  },\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\n    width: \"388px\",\n  },\n  [VIDEO_PLAYER_SIZE.LARGE]: {\n    width: \"642px\",\n  },\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\n    width: \"992px\",\n  },\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\n    width: \"100%\",\n  },\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\n    width: \"360px\",\n  },\n};\n\nconst imgSize = {\n  [VIDEO_PLAYER_SIZE.SMALL]: {\n    heightImg: \"170px\",\n  },\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\n    heightImg: \"183px\",\n  },\n  [VIDEO_PLAYER_SIZE.LARGE]: {\n    heightImg: \"357px\",\n  },\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\n    heightImg: \"400px\",\n  },\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\n    heightImg: \"640px\",\n  },\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\n    heightImg: \"525px\",\n  },\n};\n\nexport const VideoPlayer = ({\n  btnText = \"Trascrizione\",\n  sizeComp = VIDEO_PLAYER_SIZE.LARGE,\n  transcription,\n  previewImageSrc,\n  videoSrc,\n  videoTitle,\n  videoLang,\n  playButtonLabel = \"Riproduci\",\n  videoAriaLabel = \"Video player\",\n}: VideoPlayerProps) => {\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [hasPlayedOnce, setHasPlayedOnce] = useState(false);\n  const { width } = sizeStyles[sizeComp];\n  const { heightImg } = imgSize[sizeComp];\n  const [isExpanded, setExpanded] = useState(false);\n  const videoRef = useRef<HTMLVideoElement>(null);\n\n  const isVertical = sizeComp === VIDEO_PLAYER_SIZE.VERTICAL;\n  const isLargeSize =\n    sizeComp === VIDEO_PLAYER_SIZE.EXTRA_LARGE ||\n    sizeComp === VIDEO_PLAYER_SIZE.FULL_WIDTH;\n  const containerWidth = isVertical ? \"642px\" : width;\n  const videoHeight = isVertical ? \"640px\" : heightImg;\n  const videoWidth = isVertical ? \"360px\" : width;\n\n  const handlePlay = async (e?: React.MouseEvent) => {\n    if (e) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n\n    const video = videoRef.current;\n\n    if (!video) {\n      console.error(\"no video element found\");\n      return;\n    }\n\n    try {\n      if (!hasPlayedOnce) {\n        setHasPlayedOnce(true);\n        setIsPlaying(true);\n        await video.play();\n      }\n    } catch (error) {\n      console.error(\"Error controlling video:\", error);\n    }\n  };\n\n  return (\n    <Col\n      br={\"x4\"}\n      style={{ width: containerWidth }}\n      className={clsx(\"video-section-container\")}\n    >\n      <div\n        className=\"video-player-container\"\n        style={{\n          height: videoHeight,\n          width: videoWidth,\n          ...(isVertical && { alignSelf: \"center\" }),\n        }}\n      >\n        <button\n          className={clsx(\"start-video-container\", {\n            \"fade-out\": isPlaying || hasPlayedOnce,\n          })}\n          style={{\n            backgroundImage:\n              previewImageSrc && !hasPlayedOnce\n                ? `url(\"${previewImageSrc}\")`\n                : \"none\",\n            display: hasPlayedOnce ? \"none\" : \"block\",\n          }}\n          onClick={(e) => handlePlay(e)}\n          type=\"button\"\n        >\n          <div className={clsx(\"play-button-container\", { hidden: isPlaying })}>\n            <div className=\"play-button-icon\">\n              <PlayVideo decorative />\n            </div>\n            <div className=\"play-button-text\">\n              {playButtonLabel}\n            </div>\n          </div>\n        </button>\n        <div className=\"video-container\">\n          <video\n            ref={videoRef}\n            controls\n            src={videoSrc || undefined}\n            aria-label={videoAriaLabel}\n            title={videoTitle ? videoTitle : undefined}\n          >\n            <source src={videoSrc || undefined} />\n            {videoLang  && (\n              <track kind=\"subtitles\" src=\"subtitles_en.vtt\" srcLang={videoLang === 'italiano' ? \"it\" : \"en\"} />\n            )} {/* da integrare con file VTT :  www.w3schools.com/TAGS/att_srclang.asp */}\n          </video>\n        </div>\n      </div>\n\n      {transcription && (\n        <div\n          className={clsx(\n            isLargeSize ? \"transcription-container\" : \"ui-has-border-bottom\",\n          )}\n          style={{ width: containerWidth }}\n        >\n          <div\n            className={clsx(\n              \"expand-button-container\",\n              \"accordion\",\n              \"base-row justify-content-between align-items-center\",\n            )}\n          >\n            <button\n              className={clsx(\n                \"ui-btn-accordion-video\",\n                \"base-row justify-content-between align-items-center\",\n              )}\n              type=\"button\"\n              onClick={() => setExpanded(!isExpanded)}\n              aria-expanded={isExpanded}\n              aria-controls=\"transcription-content\"\n            >\n              <span\n                className={clsx(\n                  \"fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline\",\n                )}\n              >\n                {btnText}\n              </span>\n              <ArrowDown\n                color={\"primary\"}\n                className={clsx(\"ui-arrow\", { expanded: isExpanded })}\n                decorative\n              />\n            </button>\n          </div>\n          {isExpanded && (\n            <div\n              id=\"transcription-content\"\n              className={clsx(\n                \"transcription-text-container\",\n                \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\n              )}\n            >\n              <RichText\n                additionalClass=\"text-black text-charcoal-dust rich-text-element\"\n                classNameTitle=\"heading-2-lg fw-extra-bold text-black text-charcoal-dust\"\n                description={transcription}\n              />\n            </div>\n          )}\n        </div>\n      )}\n    </Col>\n  );\n};\n\nexport { VIDEO_PLAYER_SIZE };\nexport type { VideoPlayerProps };\n\n"],"names":["sizeStyles","VIDEO_PLAYER_SIZE","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","videoTitle","videoLang","playButtonLabel","videoAriaLabel","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","width","heightImg","isExpanded","setExpanded","videoRef","useRef","isVertical","isLargeSize","containerWidth","videoHeight","videoWidth","handlePlay","e","video","error","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown","RichText"],"mappings":"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"}

package/dist/index.es139.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es139.js","sources":["../src/components/ui/VideoPlayer/VideoPlayer.types.ts"],"sourcesContent":["export enum VIDEO_PLAYER_SIZE {\r\n  SMALL = \"small\",\r\n  MEDIUM = \"medium\",\r\n  LARGE = \"large\",\r\n  EXTRA_LARGE = \"extra-large\",\r\n  VERTICAL = \"vertical\",\r\n  FULL_WIDTH = \"full-width\",\r\n}\r\n\r\nexport type VideoPlayerProps = {\r\n  btnText?: string;\r\n  sizeComp?: VIDEO_PLAYER_SIZE;\r\n  previewImageSrc?: string;\r\n  transcription?: string;\r\n  videoSrc: string;\r\n  videoTitle?: string;\r\n  videoLang?: string;\r\n  playButtonLabel?: string;\r\n  videoAriaLabel?: string;\r\n  transcriptionHeading?: string;\r\n  transcriptionHeadingLevel?: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n};\r\n"],"names":["VIDEO_PLAYER_SIZE"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,cAAc,eACdA,EAAA,WAAW,YACXA,EAAA,aAAa,cANHA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"index.es139.js","sources":["../src/components/ui/VideoPlayer/VideoPlayer.types.ts"],"sourcesContent":["export enum VIDEO_PLAYER_SIZE {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  EXTRA_LARGE = \"extra-large\",\n  VERTICAL = \"vertical\",\n  FULL_WIDTH = \"full-width\",\n}\n\nexport type VideoPlayerProps = {\n  btnText?: string;\n  sizeComp?: VIDEO_PLAYER_SIZE;\n  previewImageSrc?: string;\n  transcription?: string;\n  videoSrc: string;\n  videoTitle?: string;\n  videoLang?: string;\n  playButtonLabel?: string;\n  videoAriaLabel?: string;\n  transcriptionHeading?: string;\n  transcriptionHeadingLevel?: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n};\n"],"names":["VIDEO_PLAYER_SIZE"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,cAAc,eACdA,EAAA,WAAW,YACXA,EAAA,aAAa,cANHA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/index.es14.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es14.js","sources":["../src/components/navigations/HeaderTopBanner/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Container } from \"@/components/ui/Container\";\r\nimport { Region, LOGOS } from \"../Header\";\r\nimport { Divider } from \"@/components/ui/Divider\";\r\nimport clsx from \"clsx\";\r\nimport { Row } from \"@/components\";\r\n\r\nexport type HeaderTopBannerProps = {\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  shortTitle: React.ReactNode;\r\n  region?: Region;\r\n  className?: string;\r\n};\r\n\r\nexport const HeaderTopBanner = ({\r\n  asLink = \"a\",\r\n  shortTitle,\r\n  region = \"marche\",\r\n  className,\r\n}: HeaderTopBannerProps) => {\r\n  const LinkComponent = asLink;\r\n\r\n  const NationalIcon = LOGOS[\"nazionale\"];\r\n  const RegionIcon = LOGOS[region];\r\n\r\n  return (\r\n    <div className=\"bg-white\">\r\n      <Container\r\n        className={clsx(\"min-h-x48 base-row align-items-center\", className)}\r\n        display=\"flex\"\r\n        alignItems=\"center\"\r\n        gap=\"x16\"\r\n        py=\"x8\"\r\n      >\r\n        <Row alignItems={\"center\"} gap={\"x8\"}>\r\n          <NationalIcon width={28} height={28} />\r\n\r\n          {region !== \"nazionale\" && (\r\n            <>\r\n              <Divider direction=\"vertical\" bg=\"border-divider\" />\r\n              <RegionIcon width={28} height={28} />\r\n            </>\r\n          )}\r\n        </Row>\r\n\r\n        <LinkComponent\r\n          href=\"/\"\r\n          className={\r\n            \"fs-7 text-decoration-none text-slate-20 fw-regular d-block hover-underline\"\r\n          }\r\n        >\r\n          {shortTitle}\r\n        </LinkComponent>\r\n      </Container>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["HeaderTopBanner","asLink","shortTitle","region","className","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsx","jsxs","Container","clsx","Row","Fragment","Divider"],"mappings":";;;;;;AAeO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,EACT,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAgBJ,GAEhBK,IAAeC,EAAM,WACrBC,IAAaD,EAAMJ,CAAM;AAG7B,SAAAM,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,YACb,UAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,yCAAyCR,CAAS;AAAA,MAClE,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,KAAI;AAAA,MACJ,IAAG;AAAA,MAEH,UAAA;AAAA,QAAAM,gBAAAA,EAAA,KAACG,GAAI,EAAA,YAAY,UAAU,KAAK,MAC9B,UAAA;AAAA,UAAAJ,gBAAAA,EAAA,IAACH,GAAa,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,UAEpCH,MAAW,eAERO,gBAAAA,EAAAA,KAAAI,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAL,gBAAAA,EAAA,IAACM,GAAQ,EAAA,WAAU,YAAW,IAAG,kBAAiB;AAAA,YACjDN,gBAAAA,EAAA,IAAAD,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,UAAA,EACrC,CAAA;AAAA,QAAA,GAEJ;AAAA,QAEAC,gBAAAA,EAAA;AAAA,UAACJ;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WACE;AAAA,YAGD,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es14.js","sources":["../src/components/navigations/HeaderTopBanner/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Container } from \"@/components/ui/Container\";\nimport { Region, LOGOS } from \"../Header\";\nimport { Divider } from \"@/components/ui/Divider\";\nimport clsx from \"clsx\";\nimport { Row } from \"@/components\";\n\nexport type HeaderTopBannerProps = {\n  asLink?: \"a\" | React.ComponentType<any>;\n  shortTitle: React.ReactNode;\n  region?: Region;\n  className?: string;\n};\n\nexport const HeaderTopBanner = ({\n  asLink = \"a\",\n  shortTitle,\n  region = \"marche\",\n  className,\n}: HeaderTopBannerProps) => {\n  const LinkComponent = asLink;\n\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  return (\n    <div className=\"bg-white\">\n      <Container\n        className={clsx(\"min-h-x48 base-row align-items-center\", className)}\n        display=\"flex\"\n        alignItems=\"center\"\n        gap=\"x16\"\n        py=\"x8\"\n      >\n        <Row alignItems={\"center\"} gap={\"x8\"}>\n          <NationalIcon width={28} height={28} />\n\n          {region !== \"nazionale\" && (\n            <>\n              <Divider direction=\"vertical\" bg=\"border-divider\" />\n              <RegionIcon width={28} height={28} />\n            </>\n          )}\n        </Row>\n\n        <LinkComponent\n          href=\"/\"\n          className={\n            \"fs-7 text-decoration-none text-slate-20 fw-regular d-block hover-underline\"\n          }\n        >\n          {shortTitle}\n        </LinkComponent>\n      </Container>\n    </div>\n  );\n};\n"],"names":["HeaderTopBanner","asLink","shortTitle","region","className","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsx","jsxs","Container","clsx","Row","Fragment","Divider"],"mappings":";;;;;;AAeO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,EACT,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAgBJ,GAEhBK,IAAeC,EAAM,WACrBC,IAAaD,EAAMJ,CAAM;AAG7B,SAAAM,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,YACb,UAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,yCAAyCR,CAAS;AAAA,MAClE,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,KAAI;AAAA,MACJ,IAAG;AAAA,MAEH,UAAA;AAAA,QAAAM,gBAAAA,EAAA,KAACG,GAAI,EAAA,YAAY,UAAU,KAAK,MAC9B,UAAA;AAAA,UAAAJ,gBAAAA,EAAA,IAACH,GAAa,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,UAEpCH,MAAW,eAERO,gBAAAA,EAAAA,KAAAI,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAL,gBAAAA,EAAA,IAACM,GAAQ,EAAA,WAAU,YAAW,IAAG,kBAAiB;AAAA,YACjDN,gBAAAA,EAAA,IAAAD,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,UAAA,EACrC,CAAA;AAAA,QAAA,GAEJ;AAAA,QAEAC,gBAAAA,EAAA;AAAA,UAACJ;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WACE;AAAA,YAGD,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es140.js.map

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

package/dist/index.es141.js.map

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

package/dist/index.es142.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es142.js","sources":["../src/sections/WhatDoYouNeed/index.tsx"],"sourcesContent":["import { Button, Col, Section, SectionHeading } from \"@/components\";\r\nimport { SectionLink } from \"@anoki/fse-common\";\r\nimport \"./WhatDoYouNeed.scss\";\r\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\r\nimport clsx from \"clsx\";\r\n\r\ntype WhatDoYouNeedProps = PropsWithChildren<{\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  links: EnhancedSectionLink[];\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  showBlueBackground?: boolean;\r\n}>;\r\n\r\ntype EnhancedSectionLink = SectionLink & {\r\n  isNewTab?: boolean;\r\n};\r\n\r\nexport const WhatDoYouNeed = ({\r\n  title,\r\n  description,\r\n  links,\r\n  asLink = \"a\",\r\n  showBlueBackground = false,\r\n}: WhatDoYouNeedProps) => {\r\n  return (\r\n    <Section\r\n      className={`base-col ui-what-do-you-need-section ${showBlueBackground ? \"blue-background\" : \"\"}`}\r\n    >\r\n      <Col className=\"ui-what-do-you-need-content\">\r\n        <SectionHeading\r\n          title={title}\r\n          fs=\"2\"\r\n          mdFs=\"1\"\r\n          color=\"slate-20\"\r\n          titleMarginBottom=\"0\"\r\n          descriptionMarginBottom=\"0\"\r\n          description={description}\r\n        />\r\n      </Col>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={clsx(\r\n          \"list-style-none ui-what-do-you-need-links\",\r\n          links.length < 4 ? \"row\" : \"grid\",\r\n        )}\r\n      >\r\n        {links?.map(({ link, title, isNewTab }, index) => (\r\n          <li key={link}>\r\n            <Button\r\n              asLink={asLink}\r\n              href={link}\r\n              size=\"2\"\r\n              variant={index > 0 ? \"secondary\" : \"primary\"}\r\n              // textColor={index > 0 ? \"primary\" : undefined}\r\n              // bg={index > 0 ? \"white\" : undefined}\r\n              // className={index > 0 ? \"br-color-primary\" : undefined}\r\n              target={isNewTab ? \"_blank\" : undefined}\r\n              rel={isNewTab ? \"noopener noreferrer\" : undefined}\r\n            >\r\n              {title}\r\n            </Button>\r\n          </li>\r\n        ))}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["WhatDoYouNeed","title","description","links","asLink","showBlueBackground","jsxs","Section","jsx","Col","SectionHeading","clsx","link","isNewTab","index","Button"],"mappings":";;;;;;AAkBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,oBAAAC,IAAqB;AACvB,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAW,wCAAwCF,IAAqB,oBAAoB,EAAE;AAAA,IAE9F,UAAA;AAAA,MAACG,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,WAAU,+BACb,UAAAD,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAAT;AAAA,UACA,IAAG;AAAA,UACH,MAAK;AAAA,UACL,OAAM;AAAA,UACN,mBAAkB;AAAA,UAClB,yBAAwB;AAAA,UACxB,aAAAC;AAAA,QAAA;AAAA,MAAA,GAEJ;AAAA,MACAM,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY,YAAYP,CAAK;AAAA,UAC7B,WAAWU;AAAA,YACT;AAAA,YACAR,EAAM,SAAS,IAAI,QAAQ;AAAA,UAC7B;AAAA,UAEC,UAAAA,KAAA,gBAAAA,EAAO,IAAI,CAAC,EAAE,MAAAS,GAAM,OAAAX,GAAO,UAAAY,EAAS,GAAGC,MACtCN,gBAAAA,EAAAA,IAAC,MACC,EAAA,UAAAA,gBAAAA,EAAA;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,QAAAX;AAAA,cACA,MAAMQ;AAAA,cACN,MAAK;AAAA,cACL,SAASE,IAAQ,IAAI,cAAc;AAAA,cAInC,QAAQD,IAAW,WAAW;AAAA,cAC9B,KAAKA,IAAW,wBAAwB;AAAA,cAEvC,UAAAZ;AAAAA,YAAA;AAAA,UACH,EAAA,GAbOW,CAcT;AAAA,QACD;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es142.js","sources":["../src/sections/WhatDoYouNeed/index.tsx"],"sourcesContent":["import { Button, Col, Section, SectionHeading } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport \"./WhatDoYouNeed.scss\";\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\n\ntype WhatDoYouNeedProps = PropsWithChildren<{\n  title: ReactNode;\n  description?: ReactNode;\n  links: EnhancedSectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  showBlueBackground?: boolean;\n}>;\n\ntype EnhancedSectionLink = SectionLink & {\n  isNewTab?: boolean;\n};\n\nexport const WhatDoYouNeed = ({\n  title,\n  description,\n  links,\n  asLink = \"a\",\n  showBlueBackground = false,\n}: WhatDoYouNeedProps) => {\n  return (\n    <Section\n      className={`base-col ui-what-do-you-need-section ${showBlueBackground ? \"blue-background\" : \"\"}`}\n    >\n      <Col className=\"ui-what-do-you-need-content\">\n        <SectionHeading\n          title={title}\n          fs=\"2\"\n          mdFs=\"1\"\n          color=\"slate-20\"\n          titleMarginBottom=\"0\"\n          descriptionMarginBottom=\"0\"\n          description={description}\n        />\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={clsx(\n          \"list-style-none ui-what-do-you-need-links\",\n          links.length < 4 ? \"row\" : \"grid\",\n        )}\n      >\n        {links?.map(({ link, title, isNewTab }, index) => (\n          <li key={link}>\n            <Button\n              asLink={asLink}\n              href={link}\n              size=\"2\"\n              variant={index > 0 ? \"secondary\" : \"primary\"}\n              // textColor={index > 0 ? \"primary\" : undefined}\n              // bg={index > 0 ? \"white\" : undefined}\n              // className={index > 0 ? \"br-color-primary\" : undefined}\n              target={isNewTab ? \"_blank\" : undefined}\n              rel={isNewTab ? \"noopener noreferrer\" : undefined}\n            >\n              {title}\n            </Button>\n          </li>\n        ))}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["WhatDoYouNeed","title","description","links","asLink","showBlueBackground","jsxs","Section","jsx","Col","SectionHeading","clsx","link","isNewTab","index","Button"],"mappings":";;;;;;AAkBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,oBAAAC,IAAqB;AACvB,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAW,wCAAwCF,IAAqB,oBAAoB,EAAE;AAAA,IAE9F,UAAA;AAAA,MAACG,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,WAAU,+BACb,UAAAD,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAAT;AAAA,UACA,IAAG;AAAA,UACH,MAAK;AAAA,UACL,OAAM;AAAA,UACN,mBAAkB;AAAA,UAClB,yBAAwB;AAAA,UACxB,aAAAC;AAAA,QAAA;AAAA,MAAA,GAEJ;AAAA,MACAM,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY,YAAYP,CAAK;AAAA,UAC7B,WAAWU;AAAA,YACT;AAAA,YACAR,EAAM,SAAS,IAAI,QAAQ;AAAA,UAC7B;AAAA,UAEC,UAAAA,KAAA,gBAAAA,EAAO,IAAI,CAAC,EAAE,MAAAS,GAAM,OAAAX,GAAO,UAAAY,EAAS,GAAGC,MACtCN,gBAAAA,EAAAA,IAAC,MACC,EAAA,UAAAA,gBAAAA,EAAA;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,QAAAX;AAAA,cACA,MAAMQ;AAAA,cACN,MAAK;AAAA,cACL,SAASE,IAAQ,IAAI,cAAc;AAAA,cAInC,QAAQD,IAAW,WAAW;AAAA,cAC9B,KAAKA,IAAW,wBAAwB;AAAA,cAEvC,UAAAZ;AAAAA,YAAA;AAAA,UACH,EAAA,GAbOW,CAcT;AAAA,QACD;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AACF;"}

package/dist/index.es143.js.map

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