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

package/dist/index.cjs123.js.map

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

package/dist/index.cjs124.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs124.js","sources":["../src/components/ui/Section/index.tsx"],"sourcesContent":["import { Title as SectionTitle } from \"./Title\";\nimport { Description as SectionDescription } from \"./Description\";\nimport { FC, PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport { TypographyKeys } from \"@/theme/typography\";\n\ntype SectionProps = PropsWithChildren<{\n  className?: string;\n}>;\n\ninterface SectionComponent extends FC<SectionProps> {\n  Title: typeof SectionTitle;\n  Description: typeof SectionDescription;\n}\n\nconst Section: SectionComponent = ({ className, children }: SectionProps) => {\n  return <section className={className}>{children}</section>;\n};\n\ninterface SeactionHeadingProps {\n  className?: string;\n  titleMarginBottom?: string;\n  descriptionMarginBottom?: string;\n  descriptionClassName?: string;\n  title?: string | ReactNode;\n  titleId?: string;\n  mdFs?: TypographyKeys;\n  fs?: TypographyKeys;\n  color?: ColorKeys;\n  description?: string | ReactNode;\n  children?: ReactNode;\n}\n\nconst SectionHeading = ({\n  className,\n  title,\n  titleId,\n  color = \"primary\",\n  titleMarginBottom = \"mb-x16\",\n  descriptionClassName = \"\",\n  descriptionMarginBottom = \"mb-x40\",\n  description,\n  children,\n  mdFs = \"2\",\n  fs = \"4\",\n}: SeactionHeadingProps) => {\n  return (\n    <>\n      {title && (\n        <div\n          className={clsx(\n            \"ui-sections__title d-flex align-items-end gap-x16\",\n            titleMarginBottom,\n            className,\n          )}\n        >\n          <SectionTitle id={titleId} fs={fs} mdFs={mdFs} as={\"h2\"} color={color}>\n            {title}\n          </SectionTitle>\n          {children}\n        </div>\n      )}\n      {description && (\n        <SectionDescription\n          className={clsx(\n            \"ui-sections__description\",\n            descriptionMarginBottom,\n            descriptionClassName,\n          )}\n        >\n          {description}\n        </SectionDescription>\n      )}\n    </>\n  );\n};\n\nSection.Title = SectionTitle;\nSection.Description = SectionDescription;\n\nexport { Section, SectionHeading };\n"],"names":["Section","className","children","jsx","SectionHeading","title","titleId","color","titleMarginBottom","descriptionClassName","descriptionMarginBottom","description","mdFs","fs","jsxs","Fragment","clsx","SectionTitle","SectionDescription"],"mappings":"kNAgBMA,EAA4B,CAAC,CAAE,UAAAC,EAAW,SAAAC,KACvCC,EAAAA,kBAAAA,IAAC,UAAA,CAAQ,UAAAF,EAAuB,SAAAC,CAAA,CAAS,EAiB5CE,EAAiB,CAAC,CACtB,UAAAH,EACA,MAAAI,EACA,QAAAC,EACA,MAAAC,EAAQ,UACR,kBAAAC,EAAoB,SACpB,qBAAAC,EAAuB,GACvB,wBAAAC,EAA0B,SAC1B,YAAAC,EACA,SAAAT,EACA,KAAAU,EAAO,IACP,GAAAC,EAAK,GACP,IAEIC,EAAAA,kBAAAA,KAAAC,6BAAA,CACG,SAAA,CAAAV,GACCS,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWE,EAAAA,KACT,oDACAR,EACAP,CAAA,EAGF,SAAA,CAAAE,EAAAA,kBAAAA,IAACc,EAAAA,MAAA,CAAa,GAAIX,EAAS,GAAAO,EAAQ,KAAAD,EAAY,GAAI,KAAM,MAAAL,EACtD,SAAAF,CAAA,CACH,EACCH,CAAA,CAAA,CAAA,EAGJS,GACCR,EAAAA,kBAAAA,IAACe,EAAAA,YAAA,CACC,UAAWF,EAAAA,KACT,2BACAN,EACAD,CAAA,EAGD,SAAAE,CAAA,CAAA,CACH,EAEJ,EAIJX,EAAQ,MAAQiB,EAAAA,MAChBjB,EAAQ,YAAckB,EAAAA"}
+{"version":3,"file":"index.cjs124.js","sources":["../src/components/ui/Section/index.tsx"],"sourcesContent":["import { Title as SectionTitle } from \"./Title\";\r\nimport { Description as SectionDescription } from \"./Description\";\r\nimport { FC, PropsWithChildren, ReactNode } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { ColorKeys } from \"@/theme/colors\";\r\nimport { TypographyKeys } from \"@/theme/typography\";\r\n\r\ntype SectionProps = PropsWithChildren<{\r\n  className?: string;\r\n}>;\r\n\r\ninterface SectionComponent extends FC<SectionProps> {\r\n  Title: typeof SectionTitle;\r\n  Description: typeof SectionDescription;\r\n}\r\n\r\nconst Section: SectionComponent = ({ className, children }: SectionProps) => {\r\n  return <section className={className}>{children}</section>;\r\n};\r\n\r\ninterface SeactionHeadingProps {\r\n  className?: string;\r\n  titleMarginBottom?: string;\r\n  descriptionMarginBottom?: string;\r\n  descriptionClassName?: string;\r\n  title?: string | ReactNode;\r\n  titleId?: string;\r\n  mdFs?: TypographyKeys;\r\n  fs?: TypographyKeys;\r\n  color?: ColorKeys;\r\n  description?: string | ReactNode;\r\n  children?: ReactNode;\r\n}\r\n\r\nconst SectionHeading = ({\r\n  className,\r\n  title,\r\n  titleId,\r\n  color = \"primary\",\r\n  titleMarginBottom = \"mb-x16\",\r\n  descriptionClassName = \"\",\r\n  descriptionMarginBottom = \"mb-x40\",\r\n  description,\r\n  children,\r\n  mdFs = \"2\",\r\n  fs = \"4\",\r\n}: SeactionHeadingProps) => {\r\n  return (\r\n    <>\r\n      {title && (\r\n        <div\r\n          className={clsx(\r\n            \"ui-sections__title d-flex align-items-end gap-x16\",\r\n            titleMarginBottom,\r\n            className,\r\n          )}\r\n        >\r\n          <SectionTitle id={titleId} fs={fs} mdFs={mdFs} as={\"h2\"} color={color}>\r\n            {title}\r\n          </SectionTitle>\r\n          {children}\r\n        </div>\r\n      )}\r\n      {description && (\r\n        <SectionDescription\r\n          className={clsx(\r\n            \"ui-sections__description\",\r\n            descriptionMarginBottom,\r\n            descriptionClassName,\r\n          )}\r\n        >\r\n          {description}\r\n        </SectionDescription>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nSection.Title = SectionTitle;\r\nSection.Description = SectionDescription;\r\n\r\nexport { Section, SectionHeading };\r\n"],"names":["Section","className","children","jsx","SectionHeading","title","titleId","color","titleMarginBottom","descriptionClassName","descriptionMarginBottom","description","mdFs","fs","jsxs","Fragment","clsx","SectionTitle","SectionDescription"],"mappings":"kNAgBMA,EAA4B,CAAC,CAAE,UAAAC,EAAW,SAAAC,KACvCC,EAAAA,kBAAAA,IAAC,UAAA,CAAQ,UAAAF,EAAuB,SAAAC,CAAA,CAAS,EAiB5CE,EAAiB,CAAC,CACtB,UAAAH,EACA,MAAAI,EACA,QAAAC,EACA,MAAAC,EAAQ,UACR,kBAAAC,EAAoB,SACpB,qBAAAC,EAAuB,GACvB,wBAAAC,EAA0B,SAC1B,YAAAC,EACA,SAAAT,EACA,KAAAU,EAAO,IACP,GAAAC,EAAK,GACP,IAEIC,EAAAA,kBAAAA,KAAAC,6BAAA,CACG,SAAA,CAAAV,GACCS,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWE,EAAAA,KACT,oDACAR,EACAP,CAAA,EAGF,SAAA,CAAAE,EAAAA,kBAAAA,IAACc,EAAAA,MAAA,CAAa,GAAIX,EAAS,GAAAO,EAAQ,KAAAD,EAAY,GAAI,KAAM,MAAAL,EACtD,SAAAF,CAAA,CACH,EACCH,CAAA,CAAA,CAAA,EAGJS,GACCR,EAAAA,kBAAAA,IAACe,EAAAA,YAAA,CACC,UAAWF,EAAAA,KACT,2BACAN,EACAD,CAAA,EAGD,SAAAE,CAAA,CAAA,CACH,EAEJ,EAIJX,EAAQ,MAAQiB,EAAAA,MAChBjB,EAAQ,YAAckB,EAAAA"}

package/dist/index.cjs125.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs125.js","sources":["../src/components/ui/ServicesListSkeleton/index.tsx"],"sourcesContent":["import \"./ServicesListSkeleton.scss\";\n\nexport const ServicesListSkeleton = () => {\n  return (\n    <div className=\"services-skeleton-container\">\n      {/* Breadcrumb */}\n      <div className=\"services-skeleton-breadcrumb\">\n        <div className=\"services-skeleton-breadcrumb-item pulse\"></div>\n        <div className=\"services-skeleton-breadcrumb-separator\"></div>\n        <div className=\"services-skeleton-breadcrumb-item pulse\"></div>\n      </div>\n\n      {/* Page title */}\n      <div className=\"services-skeleton-title pulse\"></div>\n\n      {/* Description */}\n      <div className=\"services-skeleton-description pulse\"></div>\n\n      {/* Search bar */}\n      <div className=\"services-skeleton-search\">\n        <div className=\"services-skeleton-search-input pulse\"></div>\n        <div className=\"services-skeleton-search-button pulse\"></div>\n      </div>\n\n      {/* Suggested services section */}\n      <div className=\"services-skeleton-section\">\n        <div className=\"services-skeleton-section-title pulse\"></div>\n\n        <div className=\"services-skeleton-suggested-grid\">\n          {/* Left service card */}\n          <div className=\"services-skeleton-card-large pulse\"></div>\n\n          {/* Right service card */}\n          <div className=\"services-skeleton-card-large pulse\"></div>\n        </div>\n      </div>\n\n      {/* Services for you section */}\n      <div className=\"services-skeleton-section\">\n        <div className=\"services-skeleton-section-title pulse\"></div>\n\n        <div className=\"services-skeleton-services-grid\">\n          {/* Service card 1 */}\n          <div className=\"services-skeleton-card\">\n            <div className=\"services-skeleton-card-content\">\n              <div className=\"services-skeleton-card-title pulse\"></div>\n              <div className=\"services-skeleton-card-description pulse\"></div>\n            </div>\n            <div className=\"services-skeleton-card-icon pulse\"></div>\n          </div>\n\n          {/* Service card 2 */}\n          <div className=\"services-skeleton-card\">\n            <div className=\"services-skeleton-card-content\">\n              <div className=\"services-skeleton-card-title pulse\"></div>\n              <div className=\"services-skeleton-card-description pulse\"></div>\n            </div>\n            <div className=\"services-skeleton-card-icon pulse\"></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["ServicesListSkeleton","jsxs","jsx"],"mappings":"kJAEO,MAAMA,EAAuB,IAEhCC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,8BAEb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,+BACb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,yCAAA,CAA0C,EACzDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,wCAAA,CAAyC,EACxDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,yCAAA,CAA0C,CAAA,EAC3D,EAGAA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,+BAAA,CAAgC,EAG/CA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,qCAAA,CAAsC,EAGrDD,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,2BACb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,sCAAA,CAAuC,EACtDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,uCAAA,CAAwC,CAAA,EACzD,EAGAD,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,4BACb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,uCAAA,CAAwC,EAEvDD,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,mCAEb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,oCAAA,CAAqC,EAGpDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,oCAAA,CAAqC,CAAA,CAAA,CACtD,CAAA,EACF,EAGAD,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,4BACb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,uCAAA,CAAwC,EAEvDD,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,kCAEb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,iCACb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,oCAAA,CAAqC,EACpDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,0CAAA,CAA2C,CAAA,EAC5D,EACAA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,mCAAA,CAAoC,CAAA,EACrD,EAGAD,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,iCACb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,oCAAA,CAAqC,EACpDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,0CAAA,CAA2C,CAAA,EAC5D,EACAA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,mCAAA,CAAoC,CAAA,CAAA,CACrD,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF"}
+{"version":3,"file":"index.cjs125.js","sources":["../src/components/ui/ServicesListSkeleton/index.tsx"],"sourcesContent":["import \"./ServicesListSkeleton.scss\";\r\n\r\nexport const ServicesListSkeleton = () => {\r\n  return (\r\n    <div className=\"services-skeleton-container\">\r\n      {/* Breadcrumb */}\r\n      <div className=\"services-skeleton-breadcrumb\">\r\n        <div className=\"services-skeleton-breadcrumb-item pulse\"></div>\r\n        <div className=\"services-skeleton-breadcrumb-separator\"></div>\r\n        <div className=\"services-skeleton-breadcrumb-item pulse\"></div>\r\n      </div>\r\n\r\n      {/* Page title */}\r\n      <div className=\"services-skeleton-title pulse\"></div>\r\n\r\n      {/* Description */}\r\n      <div className=\"services-skeleton-description pulse\"></div>\r\n\r\n      {/* Search bar */}\r\n      <div className=\"services-skeleton-search\">\r\n        <div className=\"services-skeleton-search-input pulse\"></div>\r\n        <div className=\"services-skeleton-search-button pulse\"></div>\r\n      </div>\r\n\r\n      {/* Suggested services section */}\r\n      <div className=\"services-skeleton-section\">\r\n        <div className=\"services-skeleton-section-title pulse\"></div>\r\n\r\n        <div className=\"services-skeleton-suggested-grid\">\r\n          {/* Left service card */}\r\n          <div className=\"services-skeleton-card-large pulse\"></div>\r\n\r\n          {/* Right service card */}\r\n          <div className=\"services-skeleton-card-large pulse\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Services for you section */}\r\n      <div className=\"services-skeleton-section\">\r\n        <div className=\"services-skeleton-section-title pulse\"></div>\r\n\r\n        <div className=\"services-skeleton-services-grid\">\r\n          {/* Service card 1 */}\r\n          <div className=\"services-skeleton-card\">\r\n            <div className=\"services-skeleton-card-content\">\r\n              <div className=\"services-skeleton-card-title pulse\"></div>\r\n              <div className=\"services-skeleton-card-description pulse\"></div>\r\n            </div>\r\n            <div className=\"services-skeleton-card-icon pulse\"></div>\r\n          </div>\r\n\r\n          {/* Service card 2 */}\r\n          <div className=\"services-skeleton-card\">\r\n            <div className=\"services-skeleton-card-content\">\r\n              <div className=\"services-skeleton-card-title pulse\"></div>\r\n              <div className=\"services-skeleton-card-description pulse\"></div>\r\n            </div>\r\n            <div className=\"services-skeleton-card-icon pulse\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["ServicesListSkeleton","jsxs","jsx"],"mappings":"kJAEO,MAAMA,EAAuB,IAEhCC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,8BAEb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,+BACb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,yCAAA,CAA0C,EACzDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,wCAAA,CAAyC,EACxDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,yCAAA,CAA0C,CAAA,EAC3D,EAGAA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,+BAAA,CAAgC,EAG/CA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,qCAAA,CAAsC,EAGrDD,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,2BACb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,sCAAA,CAAuC,EACtDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,uCAAA,CAAwC,CAAA,EACzD,EAGAD,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,4BACb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,uCAAA,CAAwC,EAEvDD,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,mCAEb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,oCAAA,CAAqC,EAGpDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,oCAAA,CAAqC,CAAA,CAAA,CACtD,CAAA,EACF,EAGAD,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,4BACb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,uCAAA,CAAwC,EAEvDD,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,kCAEb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,iCACb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,oCAAA,CAAqC,EACpDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,0CAAA,CAA2C,CAAA,EAC5D,EACAA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,mCAAA,CAAoC,CAAA,EACrD,EAGAD,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,iCACb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,oCAAA,CAAqC,EACpDA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,0CAAA,CAA2C,CAAA,EAC5D,EACAA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,mCAAA,CAAoC,CAAA,CAAA,CACrD,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF"}

package/dist/index.cjs126.js.map

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

package/dist/index.cjs127.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs127.js","sources":["../src/components/ui/SupportBanner/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./SupportBanner.scss\";\nimport { Col, Row } from \"@/components\";\nimport { useMemo } from \"react\";\nimport { CTA_COMPONENTS, SupportBannerLink } from \"./ctaComponents\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype SupportBannerProps = {\n  bannerType?: \"filled\" | \"outline\";\n  title: string;\n  description?: string;\n  titleTag?: HeadingLevel;\n  mainLayout?: \"layout1\" | \"layout2\";\n  className?: string;\n  classNameTitle?: string;\n  classNameDescription?: string;\n  links?: SupportBannerLink[];\n  asLink?: \"a\" | React.ComponentType<any>;\n  children?: React.ReactNode;\n};\n\nexport const SupportBanner = ({\n  bannerType = \"outline\",\n  title,\n  description = \"\",\n  titleTag: TitleTag = \"h1\",\n  mainLayout = \"layout1\",\n  className = \"\",\n  classNameTitle = \"\",\n  classNameDescription = \"\",\n  links = [],\n  asLink = \"a\",\n  children,\n}: SupportBannerProps) => {\n  const LinkComponent = asLink;\n  const renderCTA = useMemo(() => {\n    if (!links || links.length === 0) return null;\n    return links.map((link, index) => {\n      const variant =\n        link.variant ?? (link.href ? \"outlineButtonHref\" : \"button\");\n      const Renderer = CTA_COMPONENTS(LinkComponent)[variant];\n      return (\n        <div key={index} className=\"ui-banner-link\">\n          {Renderer(link)}\n        </div>\n      );\n    });\n  }, [links, LinkComponent]);\n\n  return (\n    <Col\n      br={\"x4\"}\n      gap={\"x16\"}\n      className={clsx(\n        className,\n        bannerType === \"outline\" ? \"ui-outline\" : \"bg-lightblue-a03\",\n        \"ui-banner shadow \",\n      )}\n    >\n      <TitleTag\n        className={clsx(\n          \"ui-banner-title text-slate-20\",\n          classNameTitle || \"fs-4 fw-bold\",\n        )}\n      >\n        {title}\n      </TitleTag>\n      <main\n        className={clsx(\n          mainLayout === \"layout1\"\n            ? \"ui-banner-content-layout1 fs-6 text-secondary justify-content-between \"\n            : \"ui-banner-content-layout2\",\n          \"ui-banner-content fs-6 text-secondary w-100\",\n        )}\n      >\n        <div\n          className={clsx(\n            classNameDescription,\n            mainLayout === \"layout1\" ? \"ui-banner-description\" : \"\",\n          )}\n        >\n          {description}\n        </div>\n\n        <Row justifyContent=\"space-between\">\n          {children}\n          <div className={clsx(\"ui-banner-cta\")}>{renderCTA}</div>\n        </Row>\n      </main>\n    </Col>\n  );\n};\n"],"names":["SupportBanner","bannerType","title","description","TitleTag","mainLayout","className","classNameTitle","classNameDescription","links","asLink","children","LinkComponent","renderCTA","useMemo","link","index","variant","Renderer","CTA_COMPONENTS","jsxs","Col","clsx","jsx","Row"],"mappings":"sSAqBaA,EAAgB,CAAC,CAC5B,WAAAC,EAAa,UACb,MAAAC,EACA,YAAAC,EAAc,GACd,SAAUC,EAAW,KACrB,WAAAC,EAAa,UACb,UAAAC,EAAY,GACZ,eAAAC,EAAiB,GACjB,qBAAAC,EAAuB,GACvB,MAAAC,EAAQ,CAAA,EACR,OAAAC,EAAS,IACT,SAAAC,CACF,IAA0B,CACxB,MAAMC,EAAgBF,EAChBG,EAAYC,EAAAA,QAAQ,IACpB,CAACL,GAASA,EAAM,SAAW,EAAU,KAClCA,EAAM,IAAI,CAACM,EAAMC,IAAU,CAChC,MAAMC,EACJF,EAAK,UAAYA,EAAK,KAAO,oBAAsB,UAC/CG,EAAWC,EAAAA,eAAeP,CAAa,EAAEK,CAAO,EACtD,+BACG,MAAA,CAAgB,UAAU,iBACxB,SAAAC,EAASH,CAAI,GADNC,CAEV,CAEJ,CAAC,EACA,CAACP,EAAOG,CAAa,CAAC,EAEzB,OACEQ,EAAAA,kBAAAA,KAACC,EAAAA,IAAA,CACC,GAAI,KACJ,IAAK,MACL,UAAWC,EAAAA,KACThB,EACAL,IAAe,UAAY,aAAe,mBAC1C,mBAAA,EAGF,SAAA,CAAAsB,EAAAA,kBAAAA,IAACnB,EAAA,CACC,UAAWkB,EAAAA,KACT,gCACAf,GAAkB,cAAA,EAGnB,SAAAL,CAAA,CAAA,EAEHkB,EAAAA,kBAAAA,KAAC,OAAA,CACC,UAAWE,EAAAA,KACTjB,IAAe,UACX,yEACA,4BACJ,6CAAA,EAGF,SAAA,CAAAkB,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWD,EAAAA,KACTd,EACAH,IAAe,UAAY,wBAA0B,EAAA,EAGtD,SAAAF,CAAA,CAAA,EAGHiB,EAAAA,kBAAAA,KAACI,EAAAA,IAAA,CAAI,eAAe,gBACjB,SAAA,CAAAb,0BACA,MAAA,CAAI,UAAWW,EAAAA,KAAK,eAAe,EAAI,SAAAT,CAAA,CAAU,CAAA,CAAA,CACpD,CAAA,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}
+{"version":3,"file":"index.cjs127.js","sources":["../src/components/ui/SupportBanner/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./SupportBanner.scss\";\r\nimport { Col, Row } from \"@/components\";\r\nimport { useMemo } from \"react\";\r\nimport { CTA_COMPONENTS, SupportBannerLink } from \"./ctaComponents\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\n\r\ntype SupportBannerProps = {\r\n  bannerType?: \"filled\" | \"outline\";\r\n  title: string;\r\n  description?: string;\r\n  titleTag?: HeadingLevel;\r\n  mainLayout?: \"layout1\" | \"layout2\";\r\n  className?: string;\r\n  classNameTitle?: string;\r\n  classNameDescription?: string;\r\n  links?: SupportBannerLink[];\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const SupportBanner = ({\r\n  bannerType = \"outline\",\r\n  title,\r\n  description = \"\",\r\n  titleTag: TitleTag = \"h1\",\r\n  mainLayout = \"layout1\",\r\n  className = \"\",\r\n  classNameTitle = \"\",\r\n  classNameDescription = \"\",\r\n  links = [],\r\n  asLink = \"a\",\r\n  children,\r\n}: SupportBannerProps) => {\r\n  const LinkComponent = asLink;\r\n  const renderCTA = useMemo(() => {\r\n    if (!links || links.length === 0) return null;\r\n    return links.map((link, index) => {\r\n      const variant =\r\n        link.variant ?? (link.href ? \"outlineButtonHref\" : \"button\");\r\n      const Renderer = CTA_COMPONENTS(LinkComponent)[variant];\r\n      return (\r\n        <div key={index} className=\"ui-banner-link\">\r\n          {Renderer(link)}\r\n        </div>\r\n      );\r\n    });\r\n  }, [links, LinkComponent]);\r\n\r\n  return (\r\n    <Col\r\n      br={\"x4\"}\r\n      gap={\"x16\"}\r\n      className={clsx(\r\n        className,\r\n        bannerType === \"outline\" ? \"ui-outline\" : \"bg-lightblue-a03\",\r\n        \"ui-banner shadow \",\r\n      )}\r\n    >\r\n      <TitleTag\r\n        className={clsx(\r\n          \"ui-banner-title text-slate-20\",\r\n          classNameTitle || \"fs-4 fw-bold\",\r\n        )}\r\n      >\r\n        {title}\r\n      </TitleTag>\r\n      <main\r\n        className={clsx(\r\n          mainLayout === \"layout1\"\r\n            ? \"ui-banner-content-layout1 fs-6 text-secondary justify-content-between \"\r\n            : \"ui-banner-content-layout2\",\r\n          \"ui-banner-content fs-6 text-secondary w-100\",\r\n        )}\r\n      >\r\n        <div\r\n          className={clsx(\r\n            classNameDescription,\r\n            mainLayout === \"layout1\" ? \"ui-banner-description\" : \"\",\r\n          )}\r\n        >\r\n          {description}\r\n        </div>\r\n\r\n        <Row justifyContent=\"space-between\">\r\n          {children}\r\n          <div className={clsx(\"ui-banner-cta\")}>{renderCTA}</div>\r\n        </Row>\r\n      </main>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["SupportBanner","bannerType","title","description","TitleTag","mainLayout","className","classNameTitle","classNameDescription","links","asLink","children","LinkComponent","renderCTA","useMemo","link","index","variant","Renderer","CTA_COMPONENTS","jsxs","Col","clsx","jsx","Row"],"mappings":"sSAqBaA,EAAgB,CAAC,CAC5B,WAAAC,EAAa,UACb,MAAAC,EACA,YAAAC,EAAc,GACd,SAAUC,EAAW,KACrB,WAAAC,EAAa,UACb,UAAAC,EAAY,GACZ,eAAAC,EAAiB,GACjB,qBAAAC,EAAuB,GACvB,MAAAC,EAAQ,CAAA,EACR,OAAAC,EAAS,IACT,SAAAC,CACF,IAA0B,CACxB,MAAMC,EAAgBF,EAChBG,EAAYC,EAAAA,QAAQ,IACpB,CAACL,GAASA,EAAM,SAAW,EAAU,KAClCA,EAAM,IAAI,CAACM,EAAMC,IAAU,CAChC,MAAMC,EACJF,EAAK,UAAYA,EAAK,KAAO,oBAAsB,UAC/CG,EAAWC,EAAAA,eAAeP,CAAa,EAAEK,CAAO,EACtD,+BACG,MAAA,CAAgB,UAAU,iBACxB,SAAAC,EAASH,CAAI,GADNC,CAEV,CAEJ,CAAC,EACA,CAACP,EAAOG,CAAa,CAAC,EAEzB,OACEQ,EAAAA,kBAAAA,KAACC,EAAAA,IAAA,CACC,GAAI,KACJ,IAAK,MACL,UAAWC,EAAAA,KACThB,EACAL,IAAe,UAAY,aAAe,mBAC1C,mBAAA,EAGF,SAAA,CAAAsB,EAAAA,kBAAAA,IAACnB,EAAA,CACC,UAAWkB,EAAAA,KACT,gCACAf,GAAkB,cAAA,EAGnB,SAAAL,CAAA,CAAA,EAEHkB,EAAAA,kBAAAA,KAAC,OAAA,CACC,UAAWE,EAAAA,KACTjB,IAAe,UACX,yEACA,4BACJ,6CAAA,EAGF,SAAA,CAAAkB,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWD,EAAAA,KACTd,EACAH,IAAe,UAAY,wBAA0B,EAAA,EAGtD,SAAAF,CAAA,CAAA,EAGHiB,EAAAA,kBAAAA,KAACI,EAAAA,IAAA,CAAI,eAAe,gBACjB,SAAA,CAAAb,0BACA,MAAA,CAAI,UAAWW,EAAAA,KAAK,eAAe,EAAI,SAAAT,CAAA,CAAU,CAAA,CAAA,CACpD,CAAA,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}

package/dist/index.cjs128.js.map

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

package/dist/index.cjs129.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs129.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":"oRAeaA,EAAS,CAAC,CACrB,GAAAC,EAAK,OACL,MAAAC,EAAQ,WACR,QAAAC,EAAU,GACV,SAAAC,EACA,KAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,CACF,6BAEKC,EAAAA,IAAA,CAAI,WAAW,SAAS,IAAI,MAAM,UAAAD,EAChC,SAAA,CAAAL,2BACE,QAAA,CAAM,UAAU,0BAA0B,QAASD,EACjD,SAAAC,EACH,EAEFO,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CACC,GAAAT,EACA,SAAAK,EACA,QAAAH,EACA,gBAAkBQ,GAAU,CAC1BP,EAASC,GAAQ,GAAIM,CAAK,CAC5B,EACA,UAAW,YACX,aAAYT,EAEZ,SAAAO,EAAAA,kBAAAA,IAACG,QAAA,CAAkB,UAAW,kBAC3B,SAAAT,0BACEU,EAAAA,UAAA,CAAU,MAAO,GAAI,OAAQ,EAAA,CAAI,EAElCJ,EAAAA,kBAAAA,IAACK,EAAAA,MAAA,CAAM,MAAO,GAAI,OAAQ,GAAI,CAAA,CAElC,CAAA,CAAA,CACF,EACF"}
+{"version":3,"file":"index.cjs129.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":"oRAeaA,EAAS,CAAC,CACrB,GAAAC,EAAK,OACL,MAAAC,EAAQ,WACR,QAAAC,EAAU,GACV,SAAAC,EACA,KAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,CACF,6BAEKC,EAAAA,IAAA,CAAI,WAAW,SAAS,IAAI,MAAM,UAAAD,EAChC,SAAA,CAAAL,2BACE,QAAA,CAAM,UAAU,0BAA0B,QAASD,EACjD,SAAAC,EACH,EAEFO,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CACC,GAAAT,EACA,SAAAK,EACA,QAAAH,EACA,gBAAkBQ,GAAU,CAC1BP,EAASC,GAAQ,GAAIM,CAAK,CAC5B,EACA,UAAW,YACX,aAAYT,EAEZ,SAAAO,EAAAA,kBAAAA,IAACG,QAAA,CAAkB,UAAW,kBAC3B,SAAAT,0BACEU,EAAAA,UAAA,CAAU,MAAO,GAAI,OAAQ,EAAA,CAAI,EAElCJ,EAAAA,kBAAAA,IAACK,EAAAA,MAAA,CAAM,MAAO,GAAI,OAAQ,GAAI,CAAA,CAElC,CAAA,CAAA,CACF,EACF"}

package/dist/index.cjs131.js.map

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

package/dist/index.cjs132.js.map

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

package/dist/index.cjs133.js.map

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

package/dist/index.cjs135.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs135.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":"iLAYO,MAAMA,EAAM,CAAC,CAClB,MAAAC,EACA,KAAAC,EAAO,aACP,SAAAC,EAAW,GACX,UAAAC,EACA,QAAAC,CACF,IAAgB,CACd,MAAMC,EAAeJ,IAAS,aAAe,MAAQ,SAErD,OACEK,EAAAA,kBAAAA,IAACD,EAAA,CACC,UAAWE,EAAAA,KAAK,MAAO,CAAE,SAAAL,CAAA,EAAsBC,CAAS,EACxD,QAAAC,EAEC,SAAAJ,CAAA,CAAA,CAGP"}
+{"version":3,"file":"index.cjs135.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":"iLAYO,MAAMA,EAAM,CAAC,CAClB,MAAAC,EACA,KAAAC,EAAO,aACP,SAAAC,EAAW,GACX,UAAAC,EACA,QAAAC,CACF,IAAgB,CACd,MAAMC,EAAeJ,IAAS,aAAe,MAAQ,SAErD,OACEK,EAAAA,kBAAAA,IAACD,EAAA,CACC,UAAWE,EAAAA,KAAK,MAAO,CAAE,SAAAL,CAAA,EAAsBC,CAAS,EACxD,QAAAC,EAEC,SAAAJ,CAAA,CAAA,CAGP"}

package/dist/index.cjs136.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs136.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":"iLAOO,MAAMA,EAAY,CAAC,CAAE,OAAAC,EAAS,CAAA,KAEjCC,wBAAC,OAAI,UAAU,uBACb,iCAAC,MAAA,CAAI,UAAU,aACZ,SAAAD,EAAO,IAAI,CAACE,EAAOC,4BACjBC,EAAAA,IAAA,CAAgB,MAAOF,GAAdC,CAAqB,CAChC,EACH,CAAA,CACF"}
+{"version":3,"file":"index.cjs136.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":"iLAOO,MAAMA,EAAY,CAAC,CAAE,OAAAC,EAAS,CAAA,KAEjCC,wBAAC,OAAI,UAAU,uBACb,iCAAC,MAAA,CAAI,UAAU,aACZ,SAAAD,EAAO,IAAI,CAACE,EAAOC,4BACjBC,EAAAA,IAAA,CAAgB,MAAOF,GAAdC,CAAqB,CAChC,EACH,CAAA,CACF"}

package/dist/index.cjs137.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs137.js","sources":["../src/components/ui/TitleSection/index.tsx"],"sourcesContent":["import { ActionsPopup, Row } from \"@/components\";\nimport { MoreActions } from \"@/icons\";\nimport { HeadingLevel } from \"@/types/headings\";\nimport clsx from \"clsx\";\nimport { PropsWithChildren, ReactNode, useState } from \"react\";\nimport \"./TitleSection.scss\";\n\ntype TitleSectionProps = PropsWithChildren<{\n  action1?: ReactNode;\n  action2?: ReactNode;\n  mainButton?: ReactNode;\n  secondaryButton?: ReactNode;\n  titleSection: string;\n  subtitle?: string | ReactNode;\n  classNameTitle?: string;\n  borderBottom?: boolean;\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  subtitle,\n  classNameTitle,\n  borderBottom = true,\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\", borderBottom ? \"\" : \"no-border-bottom\")}>\n        <div className=\"ui-title-row\">\n          <div className=\"ui-title-container\">\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            {subtitle && (\n              <div>{subtitle}</div>\n            )}\n          </div>\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","subtitle","classNameTitle","borderBottom","TitleTag","openActions","setOpenActions","useState","popupActions","jsxs","clsx","jsx","Fragment","MoreActions","ActionsPopup","Row"],"mappings":"sSAqBaA,EAAe,CAAC,CAC3B,QAAAC,EACA,QAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,SAAAC,EACA,eAAAC,EACA,aAAAC,EAAe,GACf,SAAUC,EAAW,IACvB,IAAyB,CACvB,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAE9CC,EAAe,CAACZ,EAASC,CAAO,EAAE,OAAO,OAAO,EACtD,gCACG,MAAA,CACC,SAAA,CAAAY,yBAAC,OAAI,UAAWC,EAAAA,KAAK,6BAA8BP,EAAe,GAAK,kBAAkB,EACvF,SAAA,CAAAM,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,eACb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,qBACb,SAAA,CAAAE,EAAAA,kBAAAA,IAACP,EAAA,CACC,UAAWM,EAAAA,KACTR,EACA,oDAAA,EAGD,SAAAF,CAAA,CAAA,EAGFC,GACCU,EAAAA,kBAAAA,IAAC,MAAA,CAAK,SAAAV,CAAA,CAAS,CAAA,EAEnB,EAECO,EAAa,SAAW,GACvBC,EAAAA,kBAAAA,KAAAG,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAAD,EAAAA,kBAAAA,IAAC,MAAA,CACC,QAAS,IAAML,EAAe,CAACD,CAAW,EAC1C,UAAU,oBAEV,SAAAM,EAAAA,kBAAAA,IAACE,EAAAA,YAAA,CACC,UAAU,iBACV,aAAW,eAAA,CAAA,CACb,CAAA,EAEFF,EAAAA,kBAAAA,IAACG,EAAAA,aAAA,CACC,OAAQT,EACR,gBAAiB,IAAMC,EAAe,EAAK,EAC3C,QAASE,EACT,UAAU,yBAET,SAAAT,GACCY,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,2BACZ,SAAAZ,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,CACF,CAAA,EAEJ,EAECS,EAAa,SAAW,GACvBG,EAAAA,kBAAAA,IAAC,OAAI,UAAU,0BAA2B,SAAAH,EAAa,CAAC,CAAA,CAAE,EAG5DG,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,qBAAqB,aAAW,oBAC7C,SAAAF,EAAAA,kBAAAA,KAACM,EAAAA,IAAA,CACC,GAAI,KACJ,IAAK,MACL,GAAI,WACJ,KAAM,UACN,GAAI,IACJ,UAAU,kBAET,SAAA,CAAAnB,EACAC,GAAWc,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,0BAAA,CAA2B,EACtDd,EACAE,GACCY,EAAAA,kBAAAA,IAACI,EAAAA,IAAA,CACC,GAAI,KACJ,KAAM,UACN,eAAgB,SAChB,WAAY,SACZ,IAAK,KAEJ,SAAAhB,CAAA,CAAA,EAGJD,GACCa,EAAAA,kBAAAA,IAACI,EAAAA,IAAA,CACC,GAAI,KACJ,KAAM,UACN,eAAgB,SAChB,WAAY,SACZ,IAAK,KAEJ,SAAAjB,CAAA,CAAA,CACH,CAAA,CAAA,CAEJ,CACF,CAAA,EACF,EACAa,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,wBAAyB,SAAAb,CAAA,CAAW,CAAA,EACrD,CAEJ"}
+{"version":3,"file":"index.cjs137.js","sources":["../src/components/ui/TitleSection/index.tsx"],"sourcesContent":["import { ActionsPopup, Row } from \"@/components\";\r\nimport { MoreActions } from \"@/icons\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\nimport clsx from \"clsx\";\r\nimport { PropsWithChildren, ReactNode, useState } from \"react\";\r\nimport \"./TitleSection.scss\";\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  subtitle?: string | ReactNode;\r\n  classNameTitle?: string;\r\n  borderBottom?: boolean;\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  subtitle,\r\n  classNameTitle,\r\n  borderBottom = true,\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\", borderBottom ? \"\" : \"no-border-bottom\")}>\r\n        <div className=\"ui-title-row\">\r\n          <div className=\"ui-title-container\">\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            {subtitle && (\r\n              <div>{subtitle}</div>\r\n            )}\r\n          </div>\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","subtitle","classNameTitle","borderBottom","TitleTag","openActions","setOpenActions","useState","popupActions","jsxs","clsx","jsx","Fragment","MoreActions","ActionsPopup","Row"],"mappings":"sSAqBaA,EAAe,CAAC,CAC3B,QAAAC,EACA,QAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,SAAAC,EACA,eAAAC,EACA,aAAAC,EAAe,GACf,SAAUC,EAAW,IACvB,IAAyB,CACvB,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAE9CC,EAAe,CAACZ,EAASC,CAAO,EAAE,OAAO,OAAO,EACtD,gCACG,MAAA,CACC,SAAA,CAAAY,yBAAC,OAAI,UAAWC,EAAAA,KAAK,6BAA8BP,EAAe,GAAK,kBAAkB,EACvF,SAAA,CAAAM,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,eACb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,qBACb,SAAA,CAAAE,EAAAA,kBAAAA,IAACP,EAAA,CACC,UAAWM,EAAAA,KACTR,EACA,oDAAA,EAGD,SAAAF,CAAA,CAAA,EAGFC,GACCU,EAAAA,kBAAAA,IAAC,MAAA,CAAK,SAAAV,CAAA,CAAS,CAAA,EAEnB,EAECO,EAAa,SAAW,GACvBC,EAAAA,kBAAAA,KAAAG,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAAD,EAAAA,kBAAAA,IAAC,MAAA,CACC,QAAS,IAAML,EAAe,CAACD,CAAW,EAC1C,UAAU,oBAEV,SAAAM,EAAAA,kBAAAA,IAACE,EAAAA,YAAA,CACC,UAAU,iBACV,aAAW,eAAA,CAAA,CACb,CAAA,EAEFF,EAAAA,kBAAAA,IAACG,EAAAA,aAAA,CACC,OAAQT,EACR,gBAAiB,IAAMC,EAAe,EAAK,EAC3C,QAASE,EACT,UAAU,yBAET,SAAAT,GACCY,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,2BACZ,SAAAZ,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,CACF,CAAA,EAEJ,EAECS,EAAa,SAAW,GACvBG,EAAAA,kBAAAA,IAAC,OAAI,UAAU,0BAA2B,SAAAH,EAAa,CAAC,CAAA,CAAE,EAG5DG,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,qBAAqB,aAAW,oBAC7C,SAAAF,EAAAA,kBAAAA,KAACM,EAAAA,IAAA,CACC,GAAI,KACJ,IAAK,MACL,GAAI,WACJ,KAAM,UACN,GAAI,IACJ,UAAU,kBAET,SAAA,CAAAnB,EACAC,GAAWc,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,0BAAA,CAA2B,EACtDd,EACAE,GACCY,EAAAA,kBAAAA,IAACI,EAAAA,IAAA,CACC,GAAI,KACJ,KAAM,UACN,eAAgB,SAChB,WAAY,SACZ,IAAK,KAEJ,SAAAhB,CAAA,CAAA,EAGJD,GACCa,EAAAA,kBAAAA,IAACI,EAAAA,IAAA,CACC,GAAI,KACJ,KAAM,UACN,eAAgB,SAChB,WAAY,SACZ,IAAK,KAEJ,SAAAjB,CAAA,CAAA,CACH,CAAA,CAAA,CAEJ,CACF,CAAA,EACF,EACAa,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,wBAAyB,SAAAb,CAAA,CAAW,CAAA,EACrD,CAEJ"}

package/dist/index.cjs138.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs138.js","sources":["../src/components/ui/VerticalCardStepper/index.tsx"],"sourcesContent":["import { Link as LinkComponent } from \"@/components\";\nimport { ExternalLink } from \"@/icons\";\nimport { RichText } from \"@/sections\";\nimport { Link, LinkTypeEnum } from \"@anoki/fse-common/dist\";\nimport { DateTime } from \"luxon\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport \"./VerticalCardStepper.scss\";\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 | React.ReactNode;\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\">\n                    <RichText description={step.description} maxLines={5} />\n                  </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","RichText","LinkTypeEnum","ArrowLink","LinkComponent","ExternalLink"],"mappings":"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"}
+{"version":3,"file":"index.cjs138.js","sources":["../src/components/ui/VerticalCardStepper/index.tsx"],"sourcesContent":["import { Link as LinkComponent } from \"@/components\";\r\nimport { ExternalLink } from \"@/icons\";\r\nimport { RichText } from \"@/sections\";\r\nimport { Link, LinkTypeEnum } from \"@anoki/fse-common/dist\";\r\nimport { DateTime } from \"luxon\";\r\nimport { ArrowLink } from \"../ArrowLink\";\r\nimport \"./VerticalCardStepper.scss\";\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 | React.ReactNode;\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\">\r\n                    <RichText description={step.description} maxLines={5} />\r\n                  </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","RichText","LinkTypeEnum","ArrowLink","LinkComponent","ExternalLink"],"mappings":"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"}

package/dist/index.cjs139.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs139.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\";\nimport useWindowWidth from \"@/hooks/useWindowWidth\";\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\n  const [isExpanded, setExpanded] = useState(false);\n  const videoRef = useRef<HTMLVideoElement>(null);\n\n  const windowWidth = useWindowWidth();\n\n  const { width: componentBaseWidthString } = sizeStyles[sizeComp];\n\n  let width;\n  let calculatedHeight;\n\n  if (componentBaseWidthString.includes(\"%\")) {\n    width = componentBaseWidthString;\n\n    calculatedHeight = imgSize[sizeComp].heightImg;\n  } else {\n    const componentBaseWidth = parseInt(componentBaseWidthString, 10);\n    const componentBaseHeight = parseInt(imgSize[sizeComp].heightImg, 10);\n\n    const aspectRatio = componentBaseHeight / componentBaseWidth;\n\n    const finalWidthInPx = windowWidth\n      ? Math.min(componentBaseWidth, windowWidth)\n      : componentBaseWidth;\n\n    const finalHeightInPx = Math.round(finalWidthInPx * aspectRatio);\n\n    width = `${finalWidthInPx}px`;\n    calculatedHeight = `${finalHeightInPx}px`;\n  }\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\n  const containerWidth = isVertical ? \"642px\" : width;\n  const videoHeight = isVertical ? \"640px\" : calculatedHeight;\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\">{playButtonLabel}</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"],"names":["sizeStyles","VIDEO_PLAYER_SIZE","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","videoTitle","videoLang","playButtonLabel","videoAriaLabel","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","isExpanded","setExpanded","videoRef","useRef","windowWidth","useWindowWidth","componentBaseWidthString","width","calculatedHeight","componentBaseWidth","aspectRatio","finalWidthInPx","finalHeightInPx","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.cjs139.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\nimport useWindowWidth from \"@/hooks/useWindowWidth\";\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\r\n  const [isExpanded, setExpanded] = useState(false);\r\n  const videoRef = useRef<HTMLVideoElement>(null);\r\n\r\n  const windowWidth = useWindowWidth();\r\n\r\n  const { width: componentBaseWidthString } = sizeStyles[sizeComp];\r\n\r\n  let width;\r\n  let calculatedHeight;\r\n\r\n  if (componentBaseWidthString.includes(\"%\")) {\r\n    width = componentBaseWidthString;\r\n\r\n    calculatedHeight = imgSize[sizeComp].heightImg;\r\n  } else {\r\n    const componentBaseWidth = parseInt(componentBaseWidthString, 10);\r\n    const componentBaseHeight = parseInt(imgSize[sizeComp].heightImg, 10);\r\n\r\n    const aspectRatio = componentBaseHeight / componentBaseWidth;\r\n\r\n    const finalWidthInPx = windowWidth\r\n      ? Math.min(componentBaseWidth, windowWidth)\r\n      : componentBaseWidth;\r\n\r\n    const finalHeightInPx = Math.round(finalWidthInPx * aspectRatio);\r\n\r\n    width = `${finalWidthInPx}px`;\r\n    calculatedHeight = `${finalHeightInPx}px`;\r\n  }\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\r\n  const containerWidth = isVertical ? \"642px\" : width;\r\n  const videoHeight = isVertical ? \"640px\" : calculatedHeight;\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\">{playButtonLabel}</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"],"names":["sizeStyles","VIDEO_PLAYER_SIZE","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","videoTitle","videoLang","playButtonLabel","videoAriaLabel","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","isExpanded","setExpanded","videoRef","useRef","windowWidth","useWindowWidth","componentBaseWidthString","width","calculatedHeight","componentBaseWidth","aspectRatio","finalWidthInPx","finalHeightInPx","isVertical","isLargeSize","containerWidth","videoHeight","videoWidth","handlePlay","e","video","error","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown","RichText"],"mappings":"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"}