@anoki/fse-ui 1.10.1-RC1.2 → 1.10.1-RC1.3

package/dist/index.cjs36.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs36.js","sources":["../src/components/ui/CardOpeningHours/index.tsx"],"sourcesContent":["import \"./CardOpeningHours.scss\";\nimport clsx from \"clsx\";\nimport { OpeningHours } from \"@anoki/fse-common\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { DateTime } from \"luxon\";\nimport { Col, Row } from \"@/components\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype WeekDaysMap = Record<keyof OpeningHours, string>;\ntype TimeSlot = { from: string; to: string };\n\ntype CardOpeningHoursProps = {\n  title: string;\n  titleTag: HeadingLevel;\n  openingHours: OpeningHours;\n  weekDaysMap: WeekDaysMap;\n  openLabel?: string;\n  todayLabel?: string;\n  closeLabel?: string;\n  open24Label?: string;\n  opensSoonLabel?: string;\n  opensAtLabel?: string;\n  opensTomorrowLabel?: string;\n  opensOnLabel?: string;\n  atLabel?: string;\n  closesAtLabel?: string;\n};\n\nexport const CardOpeningHours = ({\n  title = \"Orari di apertura\",\n  titleTag: TitleTag = \"h1\",\n  openingHours,\n  weekDaysMap,\n  openLabel = \"Aperto\",\n  todayLabel = \"Oggi\",\n  closeLabel = \"Chiuso\",\n  open24Label = \"24 ore su 24\",\n  opensSoonLabel = \"Apre tra poco\",\n  opensAtLabel = \"Apre alle\",\n  opensTomorrowLabel = \"Apre domani\",\n  opensOnLabel = \"Apre\",\n  atLabel = \"alle\",\n  closesAtLabel = \"Chiude alle\",\n}: CardOpeningHoursProps) => {\n  const [activeDay, setActiveDay] = useState<number | null>(null);\n  const [dayLabel, setDayLabel] = useState(\"\");\n  const [openingHoursText, setOpeningHoursText] = useState(\"\");\n  const [openingHoursText2, setOpeningHoursText2] = useState(\"\");\n  const [isOpen, setIsOpen] = useState(false);\n  const [isOpeningSoon, setIsOpeningSoon] = useState(false);\n  const [additionalInfo, setAdditionalInfo] = useState(\"\");\n\n  const weekDays = Object.values(weekDaysMap);\n  const weekKeys = Object.keys(weekDaysMap) as (keyof OpeningHours)[];\n\n  const formatCurrentTime = () => {\n    return DateTime.now().toFormat(\"HH:mm\");\n  };\n\n  const parseTimeToMinutes = (timeStr: string): number => {\n    const [hours, minutes] = timeStr.split(\":\").map(Number);\n    return hours * 60 + minutes;\n  };\n\n  const isSlot24Hours = useCallback(\n    (slot: TimeSlot) => slot.from === \"00:00\" && slot.to === \"00:00\",\n    [],\n  );\n\n  const is24HoursDay = useCallback(\n    (slots: TimeSlot[]) => slots.some(isSlot24Hours),\n    [isSlot24Hours],\n  );\n\n  const isCurrentlyOpen = (slots: TimeSlot[], currentTime: string) => {\n    for (const { from, to } of slots) {\n      if (currentTime >= from && currentTime <= to) {\n        return { open: true, closingTime: to };\n      }\n    }\n    return { open: false, closingTime: \"\" };\n  };\n\n  const getNextOpeningTime = (slots: TimeSlot[], currentTime: string) => {\n    for (const { from } of slots) {\n      if (from > currentTime) {\n        return from;\n      }\n    }\n    return \"\";\n  };\n\n  const checkIsOpeningSoon = useCallback(\n    (openingTime: string, currentTime: string) => {\n      if (!openingTime) return false;\n\n      const openMinutes = parseTimeToMinutes(openingTime);\n      const currentMinutes = parseTimeToMinutes(currentTime);\n      const diffMinutes = openMinutes - currentMinutes;\n\n      return diffMinutes > 0 && diffMinutes <= 60;\n    },\n    [],\n  );\n\n  const getNextOpenDay = useCallback(\n    (currentDayIndex: number) => {\n      for (let i = 1; i <= 7; i++) {\n        const nextIndex = (currentDayIndex + i) % 7;\n        const nextDayKey = weekKeys[nextIndex];\n        const nextDaySlots = openingHours[nextDayKey];\n\n        if (nextDaySlots && nextDaySlots.length > 0) {\n          return {\n            dayName: weekDays[nextIndex].toLowerCase(),\n            isTomorrow: i === 1,\n          };\n        }\n      }\n      return null;\n    },\n    [weekKeys, openingHours, weekDays],\n  );\n\n  const generateOpeningHoursText = useMemo(() => {\n    return (hours: TimeSlot[]) => {\n      if (hours.length === 0) {\n        return closeLabel;\n      }\n\n      if (is24HoursDay(hours)) {\n        return `${openLabel} ${open24Label}`;\n      }\n\n      return hours.map(({ from, to }) => `${from} - ${to}`).join(\" | \");\n    };\n  }, [closeLabel, is24HoursDay, open24Label, openLabel]);\n\n  useEffect(() => {\n    const now = DateTime.now();\n    const todayIndex = now.weekday - 1;\n    setActiveDay(todayIndex);\n    setDayLabel(weekDays[todayIndex] || \"\");\n\n    const todayKey = weekKeys[todayIndex];\n    const todaySlots = openingHours[todayKey];\n\n    if (!todaySlots) {\n      return;\n    }\n\n    const currentTime = formatCurrentTime();\n\n    if (is24HoursDay(todaySlots)) {\n      setOpeningHoursText(openLabel);\n      setAdditionalInfo(` | ${open24Label}`);\n      setIsOpen(true);\n      setIsOpeningSoon(false);\n      setOpeningHoursText2(`${openLabel} ${open24Label}`);\n      return;\n    }\n\n    const { open, closingTime } = isCurrentlyOpen(todaySlots, currentTime);\n\n    if (open) {\n      setOpeningHoursText(openLabel);\n      setAdditionalInfo(\n        closingTime ? ` | ${closesAtLabel} ${closingTime}` : \"\",\n      );\n      setIsOpen(true);\n      setIsOpeningSoon(false);\n    } else {\n      const nextOpeningTime = getNextOpeningTime(todaySlots, currentTime);\n      setIsOpen(false);\n\n      if (nextOpeningTime) {\n        if (checkIsOpeningSoon(nextOpeningTime, currentTime)) {\n          setOpeningHoursText(opensSoonLabel);\n          setAdditionalInfo(` | ${atLabel} ${nextOpeningTime}`);\n          setIsOpeningSoon(true);\n        } else {\n          setOpeningHoursText(closeLabel);\n          setAdditionalInfo(` | ${opensAtLabel} ${nextOpeningTime}`);\n          setIsOpeningSoon(false);\n        }\n      } else {\n        setOpeningHoursText(closeLabel);\n        setIsOpeningSoon(false);\n        const nextDay = getNextOpenDay(todayIndex);\n\n        if (nextDay) {\n          setAdditionalInfo(\n            nextDay.isTomorrow\n              ? ` | ${opensTomorrowLabel}`\n              : ` | ${opensOnLabel} ${nextDay.dayName}`,\n          );\n        } else {\n          setAdditionalInfo(\"\");\n        }\n      }\n    }\n\n    setOpeningHoursText2(generateOpeningHoursText(todaySlots));\n  }, [\n    atLabel,\n    checkIsOpeningSoon,\n    closeLabel,\n    closesAtLabel,\n    generateOpeningHoursText,\n    getNextOpenDay,\n    is24HoursDay,\n    open24Label,\n    openLabel,\n    openingHours,\n    opensAtLabel,\n    opensOnLabel,\n    opensSoonLabel,\n    opensTomorrowLabel,\n    weekDays,\n    weekKeys,\n  ]);\n\n  return (\n    <Col\n      fs={\"6\"}\n      fw={\"semibold\"}\n      className=\"ui-card-opening rounded shadow text-slate-28\"\n    >\n      <Col as={\"header\"} className=\"ui-card-header\">\n        <TitleTag className=\"text-slate-20 fw-semibold fs-4\">{title}</TitleTag>\n        <Row\n          justifyContent={\"space-between\"}\n          alignItems={\"center\"}\n          style={{ backgroundColor: \"#F7F2FC\" }}\n          py={\"x16\"}\n          px={\"x24\"}\n          fw={\"bold\"}\n          fs={\"6\"}\n          className=\"rounded\"\n        >\n          <p className=\"text-slate-28\">\n            {todayLabel}, {dayLabel}\n          </p>\n          <p>\n            <span\n              className={\n                isOpen\n                  ? \"text-success\"\n                  : isOpeningSoon\n                    ? \"text-warning\"\n                    : \"text-error\"\n              }\n            >\n              {openingHoursText}\n            </span>\n            <span className=\"fw-regular text-grey-black\">{additionalInfo}</span>\n          </p>\n        </Row>\n      </Col>\n      <Col as={\"main\"} pt={\"x32\"} gap={\"x24\"}>\n        <Row justifyContent={\"space-around\"} className=\"ui-weekdays-container\">\n          {weekDays.map((day, index) => (\n            <Row\n              justifyContent={\"center\"}\n              alignItems={\"center\"}\n              key={index}\n              className={clsx(\n                activeDay === index ? \"active-day text-primary\" : \"\",\n                \"flex-1\",\n              )}\n            >\n              {day.charAt(0).toUpperCase()}\n            </Row>\n          ))}\n        </Row>\n        <Row\n          justifyContent={\"space-between\"}\n          alignItems={\"center\"}\n          fw={\"regular\"}\n        >\n          <p>{dayLabel}</p>\n          <p>{openingHoursText2}</p>\n        </Row>\n      </Col>\n    </Col>\n  );\n};\n"],"names":["CardOpeningHours","title","TitleTag","openingHours","weekDaysMap","openLabel","todayLabel","closeLabel","open24Label","opensSoonLabel","opensAtLabel","opensTomorrowLabel","opensOnLabel","atLabel","closesAtLabel","activeDay","setActiveDay","useState","dayLabel","setDayLabel","openingHoursText","setOpeningHoursText","openingHoursText2","setOpeningHoursText2","isOpen","setIsOpen","isOpeningSoon","setIsOpeningSoon","additionalInfo","setAdditionalInfo","weekDays","weekKeys","formatCurrentTime","DateTime","parseTimeToMinutes","timeStr","hours","minutes","isSlot24Hours","useCallback","slot","is24HoursDay","slots","isCurrentlyOpen","currentTime","from","to","getNextOpeningTime","checkIsOpeningSoon","openingTime","openMinutes","currentMinutes","diffMinutes","getNextOpenDay","currentDayIndex","i","nextIndex","nextDayKey","nextDaySlots","generateOpeningHoursText","useMemo","useEffect","todayIndex","todayKey","todaySlots","open","closingTime","nextOpeningTime","nextDay","jsxs","Col","jsx","Row","day","index","clsx"],"mappings":"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"}
+{"version":3,"file":"index.cjs36.js","sources":["../src/components/ui/CardOpeningHours/index.tsx"],"sourcesContent":["import \"./CardOpeningHours.scss\";\r\nimport clsx from \"clsx\";\r\nimport { OpeningHours } from \"@anoki/fse-common\";\r\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\r\nimport { DateTime } from \"luxon\";\r\nimport { Col, Row } from \"@/components\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\n\r\ntype WeekDaysMap = Record<keyof OpeningHours, string>;\r\ntype TimeSlot = { from: string; to: string };\r\n\r\ntype CardOpeningHoursProps = {\r\n  title: string;\r\n  titleTag: HeadingLevel;\r\n  openingHours: OpeningHours;\r\n  weekDaysMap: WeekDaysMap;\r\n  openLabel?: string;\r\n  todayLabel?: string;\r\n  closeLabel?: string;\r\n  open24Label?: string;\r\n  opensSoonLabel?: string;\r\n  opensAtLabel?: string;\r\n  opensTomorrowLabel?: string;\r\n  opensOnLabel?: string;\r\n  atLabel?: string;\r\n  closesAtLabel?: string;\r\n};\r\n\r\nexport const CardOpeningHours = ({\r\n  title = \"Orari di apertura\",\r\n  titleTag: TitleTag = \"h1\",\r\n  openingHours,\r\n  weekDaysMap,\r\n  openLabel = \"Aperto\",\r\n  todayLabel = \"Oggi\",\r\n  closeLabel = \"Chiuso\",\r\n  open24Label = \"24 ore su 24\",\r\n  opensSoonLabel = \"Apre tra poco\",\r\n  opensAtLabel = \"Apre alle\",\r\n  opensTomorrowLabel = \"Apre domani\",\r\n  opensOnLabel = \"Apre\",\r\n  atLabel = \"alle\",\r\n  closesAtLabel = \"Chiude alle\",\r\n}: CardOpeningHoursProps) => {\r\n  const [activeDay, setActiveDay] = useState<number | null>(null);\r\n  const [dayLabel, setDayLabel] = useState(\"\");\r\n  const [openingHoursText, setOpeningHoursText] = useState(\"\");\r\n  const [openingHoursText2, setOpeningHoursText2] = useState(\"\");\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [isOpeningSoon, setIsOpeningSoon] = useState(false);\r\n  const [additionalInfo, setAdditionalInfo] = useState(\"\");\r\n\r\n  const weekDays = Object.values(weekDaysMap);\r\n  const weekKeys = Object.keys(weekDaysMap) as (keyof OpeningHours)[];\r\n\r\n  const formatCurrentTime = () => {\r\n    return DateTime.now().toFormat(\"HH:mm\");\r\n  };\r\n\r\n  const parseTimeToMinutes = (timeStr: string): number => {\r\n    const [hours, minutes] = timeStr.split(\":\").map(Number);\r\n    return hours * 60 + minutes;\r\n  };\r\n\r\n  const isSlot24Hours = useCallback(\r\n    (slot: TimeSlot) => slot.from === \"00:00\" && slot.to === \"00:00\",\r\n    [],\r\n  );\r\n\r\n  const is24HoursDay = useCallback(\r\n    (slots: TimeSlot[]) => slots.some(isSlot24Hours),\r\n    [isSlot24Hours],\r\n  );\r\n\r\n  const isCurrentlyOpen = (slots: TimeSlot[], currentTime: string) => {\r\n    for (const { from, to } of slots) {\r\n      if (currentTime >= from && currentTime <= to) {\r\n        return { open: true, closingTime: to };\r\n      }\r\n    }\r\n    return { open: false, closingTime: \"\" };\r\n  };\r\n\r\n  const getNextOpeningTime = (slots: TimeSlot[], currentTime: string) => {\r\n    for (const { from } of slots) {\r\n      if (from > currentTime) {\r\n        return from;\r\n      }\r\n    }\r\n    return \"\";\r\n  };\r\n\r\n  const checkIsOpeningSoon = useCallback(\r\n    (openingTime: string, currentTime: string) => {\r\n      if (!openingTime) return false;\r\n\r\n      const openMinutes = parseTimeToMinutes(openingTime);\r\n      const currentMinutes = parseTimeToMinutes(currentTime);\r\n      const diffMinutes = openMinutes - currentMinutes;\r\n\r\n      return diffMinutes > 0 && diffMinutes <= 60;\r\n    },\r\n    [],\r\n  );\r\n\r\n  const getNextOpenDay = useCallback(\r\n    (currentDayIndex: number) => {\r\n      for (let i = 1; i <= 7; i++) {\r\n        const nextIndex = (currentDayIndex + i) % 7;\r\n        const nextDayKey = weekKeys[nextIndex];\r\n        const nextDaySlots = openingHours[nextDayKey];\r\n\r\n        if (nextDaySlots && nextDaySlots.length > 0) {\r\n          return {\r\n            dayName: weekDays[nextIndex].toLowerCase(),\r\n            isTomorrow: i === 1,\r\n          };\r\n        }\r\n      }\r\n      return null;\r\n    },\r\n    [weekKeys, openingHours, weekDays],\r\n  );\r\n\r\n  const generateOpeningHoursText = useMemo(() => {\r\n    return (hours: TimeSlot[]) => {\r\n      if (hours.length === 0) {\r\n        return closeLabel;\r\n      }\r\n\r\n      if (is24HoursDay(hours)) {\r\n        return `${openLabel} ${open24Label}`;\r\n      }\r\n\r\n      return hours.map(({ from, to }) => `${from} - ${to}`).join(\" | \");\r\n    };\r\n  }, [closeLabel, is24HoursDay, open24Label, openLabel]);\r\n\r\n  useEffect(() => {\r\n    const now = DateTime.now();\r\n    const todayIndex = now.weekday - 1;\r\n    setActiveDay(todayIndex);\r\n    setDayLabel(weekDays[todayIndex] || \"\");\r\n\r\n    const todayKey = weekKeys[todayIndex];\r\n    const todaySlots = openingHours[todayKey];\r\n\r\n    if (!todaySlots) {\r\n      return;\r\n    }\r\n\r\n    const currentTime = formatCurrentTime();\r\n\r\n    if (is24HoursDay(todaySlots)) {\r\n      setOpeningHoursText(openLabel);\r\n      setAdditionalInfo(` | ${open24Label}`);\r\n      setIsOpen(true);\r\n      setIsOpeningSoon(false);\r\n      setOpeningHoursText2(`${openLabel} ${open24Label}`);\r\n      return;\r\n    }\r\n\r\n    const { open, closingTime } = isCurrentlyOpen(todaySlots, currentTime);\r\n\r\n    if (open) {\r\n      setOpeningHoursText(openLabel);\r\n      setAdditionalInfo(\r\n        closingTime ? ` | ${closesAtLabel} ${closingTime}` : \"\",\r\n      );\r\n      setIsOpen(true);\r\n      setIsOpeningSoon(false);\r\n    } else {\r\n      const nextOpeningTime = getNextOpeningTime(todaySlots, currentTime);\r\n      setIsOpen(false);\r\n\r\n      if (nextOpeningTime) {\r\n        if (checkIsOpeningSoon(nextOpeningTime, currentTime)) {\r\n          setOpeningHoursText(opensSoonLabel);\r\n          setAdditionalInfo(` | ${atLabel} ${nextOpeningTime}`);\r\n          setIsOpeningSoon(true);\r\n        } else {\r\n          setOpeningHoursText(closeLabel);\r\n          setAdditionalInfo(` | ${opensAtLabel} ${nextOpeningTime}`);\r\n          setIsOpeningSoon(false);\r\n        }\r\n      } else {\r\n        setOpeningHoursText(closeLabel);\r\n        setIsOpeningSoon(false);\r\n        const nextDay = getNextOpenDay(todayIndex);\r\n\r\n        if (nextDay) {\r\n          setAdditionalInfo(\r\n            nextDay.isTomorrow\r\n              ? ` | ${opensTomorrowLabel}`\r\n              : ` | ${opensOnLabel} ${nextDay.dayName}`,\r\n          );\r\n        } else {\r\n          setAdditionalInfo(\"\");\r\n        }\r\n      }\r\n    }\r\n\r\n    setOpeningHoursText2(generateOpeningHoursText(todaySlots));\r\n  }, [\r\n    atLabel,\r\n    checkIsOpeningSoon,\r\n    closeLabel,\r\n    closesAtLabel,\r\n    generateOpeningHoursText,\r\n    getNextOpenDay,\r\n    is24HoursDay,\r\n    open24Label,\r\n    openLabel,\r\n    openingHours,\r\n    opensAtLabel,\r\n    opensOnLabel,\r\n    opensSoonLabel,\r\n    opensTomorrowLabel,\r\n    weekDays,\r\n    weekKeys,\r\n  ]);\r\n\r\n  return (\r\n    <Col\r\n      fs={\"6\"}\r\n      fw={\"semibold\"}\r\n      className=\"ui-card-opening rounded shadow text-slate-28\"\r\n    >\r\n      <Col as={\"header\"} className=\"ui-card-header\">\r\n        <TitleTag className=\"text-slate-20 fw-semibold fs-4\">{title}</TitleTag>\r\n        <Row\r\n          justifyContent={\"space-between\"}\r\n          alignItems={\"center\"}\r\n          style={{ backgroundColor: \"#F7F2FC\" }}\r\n          py={\"x16\"}\r\n          px={\"x24\"}\r\n          fw={\"bold\"}\r\n          fs={\"6\"}\r\n          className=\"rounded\"\r\n        >\r\n          <p className=\"text-slate-28\">\r\n            {todayLabel}, {dayLabel}\r\n          </p>\r\n          <p>\r\n            <span\r\n              className={\r\n                isOpen\r\n                  ? \"text-success\"\r\n                  : isOpeningSoon\r\n                    ? \"text-warning\"\r\n                    : \"text-error\"\r\n              }\r\n            >\r\n              {openingHoursText}\r\n            </span>\r\n            <span className=\"fw-regular text-grey-black\">{additionalInfo}</span>\r\n          </p>\r\n        </Row>\r\n      </Col>\r\n      <Col as={\"main\"} pt={\"x32\"} gap={\"x24\"}>\r\n        <Row justifyContent={\"space-around\"} className=\"ui-weekdays-container\">\r\n          {weekDays.map((day, index) => (\r\n            <Row\r\n              justifyContent={\"center\"}\r\n              alignItems={\"center\"}\r\n              key={index}\r\n              className={clsx(\r\n                activeDay === index ? \"active-day text-primary\" : \"\",\r\n                \"flex-1\",\r\n              )}\r\n            >\r\n              {day.charAt(0).toUpperCase()}\r\n            </Row>\r\n          ))}\r\n        </Row>\r\n        <Row\r\n          justifyContent={\"space-between\"}\r\n          alignItems={\"center\"}\r\n          fw={\"regular\"}\r\n        >\r\n          <p>{dayLabel}</p>\r\n          <p>{openingHoursText2}</p>\r\n        </Row>\r\n      </Col>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["CardOpeningHours","title","TitleTag","openingHours","weekDaysMap","openLabel","todayLabel","closeLabel","open24Label","opensSoonLabel","opensAtLabel","opensTomorrowLabel","opensOnLabel","atLabel","closesAtLabel","activeDay","setActiveDay","useState","dayLabel","setDayLabel","openingHoursText","setOpeningHoursText","openingHoursText2","setOpeningHoursText2","isOpen","setIsOpen","isOpeningSoon","setIsOpeningSoon","additionalInfo","setAdditionalInfo","weekDays","weekKeys","formatCurrentTime","DateTime","parseTimeToMinutes","timeStr","hours","minutes","isSlot24Hours","useCallback","slot","is24HoursDay","slots","isCurrentlyOpen","currentTime","from","to","getNextOpeningTime","checkIsOpeningSoon","openingTime","openMinutes","currentMinutes","diffMinutes","getNextOpenDay","currentDayIndex","i","nextIndex","nextDayKey","nextDaySlots","generateOpeningHoursText","useMemo","useEffect","todayIndex","todayKey","todaySlots","open","closingTime","nextOpeningTime","nextDay","jsxs","Col","jsx","Row","day","index","clsx"],"mappings":"qUA4BaA,GAAmB,CAAC,CAC/B,MAAAC,EAAQ,oBACR,SAAUC,EAAW,KACrB,aAAAC,EACA,YAAAC,EACA,UAAAC,EAAY,SACZ,WAAAC,EAAa,OACb,WAAAC,EAAa,SACb,YAAAC,EAAc,eACd,eAAAC,EAAiB,gBACjB,aAAAC,EAAe,YACf,mBAAAC,EAAqB,cACrB,aAAAC,EAAe,OACf,QAAAC,EAAU,OACV,cAAAC,EAAgB,aAClB,IAA6B,CAC3B,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAwB,IAAI,EACxD,CAACC,EAAUC,CAAW,EAAIF,EAAAA,SAAS,EAAE,EACrC,CAACG,EAAkBC,CAAmB,EAAIJ,EAAAA,SAAS,EAAE,EACrD,CAACK,EAAmBC,CAAoB,EAAIN,EAAAA,SAAS,EAAE,EACvD,CAACO,EAAQC,CAAS,EAAIR,EAAAA,SAAS,EAAK,EACpC,CAACS,EAAeC,CAAgB,EAAIV,EAAAA,SAAS,EAAK,EAClD,CAACW,EAAgBC,CAAiB,EAAIZ,EAAAA,SAAS,EAAE,EAEjDa,EAAW,OAAO,OAAO1B,CAAW,EACpC2B,EAAW,OAAO,KAAK3B,CAAW,EAElC4B,EAAoB,IACjBC,UAAS,MAAM,SAAS,OAAO,EAGlCC,EAAsBC,GAA4B,CAChD,KAAA,CAACC,EAAOC,CAAO,EAAIF,EAAQ,MAAM,GAAG,EAAE,IAAI,MAAM,EACtD,OAAOC,EAAQ,GAAKC,CACtB,EAEMC,EAAgBC,EAAA,YACnBC,GAAmBA,EAAK,OAAS,SAAWA,EAAK,KAAO,QACzD,CAAA,CACF,EAEMC,EAAeF,EAAA,YAClBG,GAAsBA,EAAM,KAAKJ,CAAa,EAC/C,CAACA,CAAa,CAChB,EAEMK,EAAkB,CAACD,EAAmBE,IAAwB,CAClE,SAAW,CAAE,KAAAC,EAAM,GAAAC,CAAG,IAAKJ,EACrB,GAAAE,GAAeC,GAAQD,GAAeE,EACxC,MAAO,CAAE,KAAM,GAAM,YAAaA,CAAG,EAGzC,MAAO,CAAE,KAAM,GAAO,YAAa,EAAG,CACxC,EAEMC,EAAqB,CAACL,EAAmBE,IAAwB,CAC1D,SAAA,CAAE,KAAAC,CAAK,IAAKH,EACrB,GAAIG,EAAOD,EACF,OAAAC,EAGJ,MAAA,EACT,EAEMG,EAAqBT,EAAA,YACzB,CAACU,EAAqBL,IAAwB,CACxC,GAAA,CAACK,EAAoB,MAAA,GAEnB,MAAAC,EAAchB,EAAmBe,CAAW,EAC5CE,EAAiBjB,EAAmBU,CAAW,EAC/CQ,EAAcF,EAAcC,EAE3B,OAAAC,EAAc,GAAKA,GAAe,EAC3C,EACA,CAAA,CACF,EAEMC,EAAiBd,EAAA,YACpBe,GAA4B,CAC3B,QAASC,EAAI,EAAGA,GAAK,EAAGA,IAAK,CACrB,MAAAC,GAAaF,EAAkBC,GAAK,EACpCE,EAAa1B,EAASyB,CAAS,EAC/BE,EAAevD,EAAasD,CAAU,EAExC,GAAAC,GAAgBA,EAAa,OAAS,EACjC,MAAA,CACL,QAAS5B,EAAS0B,CAAS,EAAE,YAAY,EACzC,WAAYD,IAAM,CACpB,CACF,CAEK,OAAA,IACT,EACA,CAACxB,EAAU5B,EAAc2B,CAAQ,CACnC,EAEM6B,EAA2BC,EAAAA,QAAQ,IAC/BxB,GACFA,EAAM,SAAW,EACZ7B,EAGLkC,EAAaL,CAAK,EACb,GAAG/B,CAAS,IAAIG,CAAW,GAG7B4B,EAAM,IAAI,CAAC,CAAE,KAAAS,EAAM,GAAAC,CAAG,IAAM,GAAGD,CAAI,MAAMC,CAAE,EAAE,EAAE,KAAK,KAAK,EAEjE,CAACvC,EAAYkC,EAAcjC,EAAaH,CAAS,CAAC,EAErDwD,OAAAA,EAAAA,UAAU,IAAM,CAER,MAAAC,EADM7B,UAAS,IAAI,EACF,QAAU,EACjCjB,EAAa8C,CAAU,EACX3C,EAAAW,EAASgC,CAAU,GAAK,EAAE,EAEhC,MAAAC,EAAWhC,EAAS+B,CAAU,EAC9BE,EAAa7D,EAAa4D,CAAQ,EAExC,GAAI,CAACC,EACH,OAGF,MAAMpB,EAAcZ,EAAkB,EAElC,GAAAS,EAAauB,CAAU,EAAG,CAC5B3C,EAAoBhB,CAAS,EACXwB,EAAA,MAAMrB,CAAW,EAAE,EACrCiB,EAAU,EAAI,EACdE,EAAiB,EAAK,EACtBJ,EAAqB,GAAGlB,CAAS,IAAIG,CAAW,EAAE,EAClD,MAAA,CAGF,KAAM,CAAE,KAAAyD,EAAM,YAAAC,CAAA,EAAgBvB,EAAgBqB,EAAYpB,CAAW,EAErE,GAAIqB,EACF5C,EAAoBhB,CAAS,EAC7BwB,EACEqC,EAAc,MAAMpD,CAAa,IAAIoD,CAAW,GAAK,EACvD,EACAzC,EAAU,EAAI,EACdE,EAAiB,EAAK,MACjB,CACC,MAAAwC,EAAkBpB,EAAmBiB,EAAYpB,CAAW,EAGlE,GAFAnB,EAAU,EAAK,EAEX0C,EACEnB,EAAmBmB,EAAiBvB,CAAW,GACjDvB,EAAoBZ,CAAc,EAClCoB,EAAkB,MAAMhB,CAAO,IAAIsD,CAAe,EAAE,EACpDxC,EAAiB,EAAI,IAErBN,EAAoBd,CAAU,EAC9BsB,EAAkB,MAAMnB,CAAY,IAAIyD,CAAe,EAAE,EACzDxC,EAAiB,EAAK,OAEnB,CACLN,EAAoBd,CAAU,EAC9BoB,EAAiB,EAAK,EAChB,MAAAyC,EAAUf,EAAeS,CAAU,EAGvCjC,EADEuC,EAEAA,EAAQ,WACJ,MAAMzD,CAAkB,GACxB,MAAMC,CAAY,IAAIwD,EAAQ,OAAO,GAGzB,EAFlB,CAGF,CACF,CAGmB7C,EAAAoC,EAAyBK,CAAU,CAAC,CAAA,EACxD,CACDnD,EACAmC,EACAzC,EACAO,EACA6C,EACAN,EACAZ,EACAjC,EACAH,EACAF,EACAO,EACAE,EACAH,EACAE,EACAmB,EACAC,CAAA,CACD,EAGCsC,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,GAAI,IACJ,GAAI,WACJ,UAAU,+CAEV,SAAA,CAAAD,EAAA,kBAAA,KAACC,EAAI,IAAA,CAAA,GAAI,SAAU,UAAU,iBAC3B,SAAA,CAACC,EAAA,kBAAA,IAAArE,EAAA,CAAS,UAAU,iCAAkC,SAAMD,EAAA,EAC5DoE,EAAA,kBAAA,KAACG,EAAA,IAAA,CACC,eAAgB,gBAChB,WAAY,SACZ,MAAO,CAAE,gBAAiB,SAAU,EACpC,GAAI,MACJ,GAAI,MACJ,GAAI,OACJ,GAAI,IACJ,UAAU,UAEV,SAAA,CAACH,EAAAA,kBAAAA,KAAA,IAAA,CAAE,UAAU,gBACV,SAAA,CAAA/D,EAAW,KAAGY,CAAA,EACjB,2BACC,IACC,CAAA,SAAA,CAAAqD,EAAA,kBAAA,IAAC,OAAA,CACC,UACE/C,EACI,eACAE,EACE,eACA,aAGP,SAAAN,CAAA,CACH,EACCmD,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,6BAA8B,SAAe3C,CAAA,CAAA,CAAA,CAC/D,CAAA,CAAA,CAAA,CAAA,CACF,EACF,2BACC0C,EAAAA,IAAI,CAAA,GAAI,OAAQ,GAAI,MAAO,IAAK,MAC/B,SAAA,CAACC,EAAAA,kBAAAA,IAAAC,EAAAA,IAAA,CAAI,eAAgB,eAAgB,UAAU,wBAC5C,SAAS1C,EAAA,IAAI,CAAC2C,EAAKC,IAClBH,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,eAAgB,SAChB,WAAY,SAEZ,UAAWG,EAAA,KACT5D,IAAc2D,EAAQ,0BAA4B,GAClD,QACF,EAEC,SAAID,EAAA,OAAO,CAAC,EAAE,YAAY,CAAA,EANtBC,CAQR,CAAA,EACH,EACAL,EAAA,kBAAA,KAACG,EAAA,IAAA,CACC,eAAgB,gBAChB,WAAY,SACZ,GAAI,UAEJ,SAAA,CAAAD,EAAAA,kBAAAA,IAAC,KAAG,SAASrD,CAAA,CAAA,EACbqD,EAAAA,kBAAAA,IAAC,KAAG,SAAkBjD,CAAA,CAAA,CAAA,CAAA,CAAA,CACxB,CACF,CAAA,CAAA,CAAA,CACF,CAEJ"}

package/dist/index.cjs37.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs37.js","sources":["../src/components/ui/SupportBanner/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./SupportBanner.scss\";\nimport { Col } 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[]; // unified CTA management\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}: SupportBannerProps) => {\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[variant];\n      return (\n        <div key={index} className=\"ui-banner-link\">\n          {Renderer(link)}\n        </div>\n      );\n    });\n  }, [links]);\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        <div className={clsx(\"ui-banner-cta\")}>{renderCTA}</div>\n      </main>\n    </Col>\n  );\n};\n"],"names":["SupportBanner","bannerType","title","description","TitleTag","mainLayout","className","classNameTitle","classNameDescription","links","renderCTA","useMemo","link","index","variant","Renderer","CTA_COMPONENTS","jsxs","Col","clsx","jsx"],"mappings":"uQAmBaA,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,CACV,IAA0B,CAClB,MAAAC,EAAYC,EAAAA,QAAQ,IACpB,CAACF,GAASA,EAAM,SAAW,EAAU,KAClCA,EAAM,IAAI,CAACG,EAAMC,IAAU,CAChC,MAAMC,EACJF,EAAK,UAAYA,EAAK,KAAO,oBAAsB,UAC/CG,EAAWC,iBAAeF,CAAO,EACvC,+BACG,MAAgB,CAAA,UAAU,iBACxB,SAASC,EAAAH,CAAI,GADNC,CAEV,CAAA,CAEH,EACA,CAACJ,CAAK,CAAC,EAGR,OAAAQ,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,GAAI,KACJ,IAAK,MACL,UAAWC,EAAA,KACTb,EACAL,IAAe,UAAY,aAAe,mBAC1C,mBACF,EAEA,SAAA,CAAAmB,EAAA,kBAAA,IAAChB,EAAA,CACC,UAAWe,EAAA,KACT,gCACAZ,GAAkB,cACpB,EAEC,SAAAL,CAAA,CACH,EACAe,EAAA,kBAAA,KAAC,OAAA,CACC,UAAWE,EAAA,KACTd,IAAe,UACX,yEACA,4BACJ,6CACF,EAEA,SAAA,CAAAe,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWD,EAAA,KACTX,EACAH,IAAe,UAAY,wBAA0B,EACvD,EAEC,SAAAF,CAAA,CACH,0BAEC,MAAI,CAAA,UAAWgB,EAAK,KAAA,eAAe,EAAI,SAAUT,CAAA,CAAA,CAAA,CAAA,CAAA,CACpD,CAAA,CACF,CAEJ"}
+{"version":3,"file":"index.cjs37.js","sources":["../src/components/ui/SupportBanner/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./SupportBanner.scss\";\r\nimport { Col } 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[]; // unified CTA management\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}: SupportBannerProps) => {\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[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]);\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        <div className={clsx(\"ui-banner-cta\")}>{renderCTA}</div>\r\n      </main>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["SupportBanner","bannerType","title","description","TitleTag","mainLayout","className","classNameTitle","classNameDescription","links","renderCTA","useMemo","link","index","variant","Renderer","CTA_COMPONENTS","jsxs","Col","clsx","jsx"],"mappings":"uQAmBaA,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,CACV,IAA0B,CAClB,MAAAC,EAAYC,EAAAA,QAAQ,IACpB,CAACF,GAASA,EAAM,SAAW,EAAU,KAClCA,EAAM,IAAI,CAACG,EAAMC,IAAU,CAChC,MAAMC,EACJF,EAAK,UAAYA,EAAK,KAAO,oBAAsB,UAC/CG,EAAWC,iBAAeF,CAAO,EACvC,+BACG,MAAgB,CAAA,UAAU,iBACxB,SAASC,EAAAH,CAAI,GADNC,CAEV,CAAA,CAEH,EACA,CAACJ,CAAK,CAAC,EAGR,OAAAQ,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,GAAI,KACJ,IAAK,MACL,UAAWC,EAAA,KACTb,EACAL,IAAe,UAAY,aAAe,mBAC1C,mBACF,EAEA,SAAA,CAAAmB,EAAA,kBAAA,IAAChB,EAAA,CACC,UAAWe,EAAA,KACT,gCACAZ,GAAkB,cACpB,EAEC,SAAAL,CAAA,CACH,EACAe,EAAA,kBAAA,KAAC,OAAA,CACC,UAAWE,EAAA,KACTd,IAAe,UACX,yEACA,4BACJ,6CACF,EAEA,SAAA,CAAAe,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWD,EAAA,KACTX,EACAH,IAAe,UAAY,wBAA0B,EACvD,EAEC,SAAAF,CAAA,CACH,0BAEC,MAAI,CAAA,UAAWgB,EAAK,KAAA,eAAe,EAAI,SAAUT,CAAA,CAAA,CAAA,CAAA,CAAA,CACpD,CAAA,CACF,CAEJ"}

package/dist/index.cjs376.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),P=require("./index.cjs546.js"),g=require("./index.cjs549.js"),c=require("./index.cjs554.js"),C=require("./index.cjs555.js"),R=require("./index.cjs556.js"),n=require("./index.cjs557.js");function h(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=h(m),s=e=>o.createElement(n.Root,{...e});s.displayName="Popover.Root";const i=o.forwardRef(({children:e,...r},t)=>o.createElement(n.Trigger,{...r,ref:t,asChild:!0},c.requireReactElement(e)));i.displayName="Popover.Trigger";const l=o.forwardRef((e,r)=>{const{className:t,forceMount:a,container:f,...d}=g.extractProps(e,C.popoverContentPropDefs);return o.createElement(n.Portal,{container:f,forceMount:a},o.createElement(R.Theme,{asChild:!0},o.createElement(n.Content,{align:"start",sideOffset:8,collisionPadding:10,...d,ref:r,className:P("rt-PopperContent","rt-PopoverContent",t)})))});l.displayName="Popover.Content";const p=o.forwardRef(({children:e,...r},t)=>o.createElement(n.Close,{...r,ref:t,asChild:!0},c.requireReactElement(e)));p.displayName="Popover.Close";const u=o.forwardRef(({children:e,...r},t)=>o.createElement(n.Anchor,{...r,ref:t}));u.displayName="Popover.Anchor";exports.Anchor=u;exports.Close=p;exports.Content=l;exports.Root=s;exports.Trigger=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),P=require("./index.cjs617.js"),g=require("./index.cjs620.js"),c=require("./index.cjs625.js"),C=require("./index.cjs626.js"),R=require("./index.cjs627.js"),n=require("./index.cjs628.js");function h(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=h(m),s=e=>o.createElement(n.Root,{...e});s.displayName="Popover.Root";const i=o.forwardRef(({children:e,...r},t)=>o.createElement(n.Trigger,{...r,ref:t,asChild:!0},c.requireReactElement(e)));i.displayName="Popover.Trigger";const l=o.forwardRef((e,r)=>{const{className:t,forceMount:a,container:f,...d}=g.extractProps(e,C.popoverContentPropDefs);return o.createElement(n.Portal,{container:f,forceMount:a},o.createElement(R.Theme,{asChild:!0},o.createElement(n.Content,{align:"start",sideOffset:8,collisionPadding:10,...d,ref:r,className:P("rt-PopperContent","rt-PopoverContent",t)})))});l.displayName="Popover.Content";const p=o.forwardRef(({children:e,...r},t)=>o.createElement(n.Close,{...r,ref:t,asChild:!0},c.requireReactElement(e)));p.displayName="Popover.Close";const u=o.forwardRef(({children:e,...r},t)=>o.createElement(n.Anchor,{...r,ref:t}));u.displayName="Popover.Anchor";exports.Anchor=u;exports.Close=p;exports.Content=l;exports.Root=s;exports.Trigger=i;
 //# sourceMappingURL=index.cjs376.js.map

package/dist/index.cjs377.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),u=require("./index.cjs546.js"),s=require("./index.cjs547.js");function i(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=i(c),a=o.forwardRef(({className:e,...r},t)=>o.createElement(s.BaseButton,{...r,ref:t,className:u("rt-Button",e)}));a.displayName="Button";exports.Button=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),u=require("./index.cjs617.js"),s=require("./index.cjs618.js");function i(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=i(c),a=o.forwardRef(({className:e,...r},t)=>o.createElement(s.BaseButton,{...r,ref:t,className:u("rt-Button",e)}));a.displayName="Button";exports.Button=a;
 //# sourceMappingURL=index.cjs377.js.map

package/dist/index.cjs39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs39.js","sources":["../src/components/ui/AuthorWithImage/index.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { AuthorBlock } from \"../AuthorBlock\";\nimport \"./AuthorWithImage.scss\";\nimport { fromISODateToDateFormatted } from \"@/utils/dates\";\nimport { useCopyToClipboardCurrentPage } from \"@/hooks/useCopyToClipboardCurrentPage\";\nimport { getFullNameInitials } from \"@/utils/getFullNameInitials\";\nimport { Row } from \"../Row\";\nimport { CopyLink } from \"@/icons\";\nimport { splitInTwo } from \"@/utils/splitInTwo\";\nimport { ActionIconText } from \"../ActionIconText\";\nimport { CardCategory, Col, ShareButton } from \"@/components\";\nimport { Tags } from \"@/sections\";\nimport clsx from \"clsx\";\n\n// export type VariantType = \"service\" | \"event\" | \"insight\";\n\ntype BaseServiceProps = {\n  name: string;\n  previewImageUrl?: string;\n  previewImageTitle?: string;\n  updatedBy?: {\n    name?: string;\n    surname?: string;\n  };\n  updatedAt?: string;\n  readingTime?: number;\n};\n\ntype Event = BaseServiceProps & {\n  eventCardTitle?: string;\n  eventCardDescription?: string;\n  eventTitle?: string;\n  eventDescriptionTitle?: string;\n  eventDescription?: string;\n  tags?: string[];\n};\n\ntype Service = BaseServiceProps;\n// const AuthenticatedModeEnum = {\n//   AUTHENTICATED: \"authenticated\",\n//   PUBLIC: \"public\",\n// } as const;\n\n// type AuthenticatedModes =\n//   (typeof AuthenticatedModeEnum)[keyof typeof AuthenticatedModeEnum];\ninterface AuthorWithImageCommonProps {\n  publishedLabel?: string;\n  readingTimeLabel?: string;\n  readingMinuteLabel?: string;\n  tagsLabelTitle?: string;\n  shareLabel?: string;\n  copyLinkLabel?: string;\n  copiedTextLabel?: string;\n  ImageComponent?: \"img\" | React.ComponentType<any>;\n  imageProps?: Record<string, any>;\n  isPreview?: boolean;\n  modeAuthenticated?: boolean;\n  eventCardDescriptionTitle?: string;\n  tags?: string[];\n}\n\ntype ServiceProps = {\n  data: Service;\n  variant: \"service\";\n} & AuthorWithImageCommonProps;\n\ntype EventProps = {\n  data: Event;\n  variant: \"event\";\n} & AuthorWithImageCommonProps;\n//\n// type InsightProps = {\n//   data: null;\n//   variant: \"insight\";\n// } & AuthorWithImageCommonProps;\n\nexport type AuthorWithImageProps = ServiceProps | EventProps;\n\nexport const AuthorWithImage = ({\n  data = {} as Service | Event,\n  ImageComponent = \"img\",\n  imageProps = {},\n  variant = \"service\",\n  publishedLabel = \"Pubblicato\",\n  readingTimeLabel = \"Tempo di lettura\",\n  readingMinuteLabel = \"min\",\n  tagsLabelTitle = \"Argomenti trattati\",\n  shareLabel = \"Condividi\",\n  copyLinkLabel = \"Copia link\",\n  copiedTextLabel = \"Link copiato\",\n  isPreview = false,\n  modeAuthenticated = false,\n  eventCardDescriptionTitle,\n  tags,\n}: AuthorWithImageProps) => {\n  const { copyToClipboard, isCopied } = useCopyToClipboardCurrentPage();\n  const avatarInitials = useMemo(() => {\n    if (!data?.updatedBy) return \"-\";\n    return getFullNameInitials(\n      data.updatedBy.name ?? \"\",\n      data.updatedBy.surname ?? \"\",\n    );\n  }, [data.updatedBy]);\n\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\n    if (!data.previewImageTitle || data.previewImageTitle.trim() === \"\") {\n      return [null, null];\n    }\n\n    const words = data.previewImageTitle.trim().split(/\\s+/);\n\n    if (words.length >= 4) {\n      return splitInTwo(data.previewImageTitle.toUpperCase());\n    }\n\n    return [data.previewImageTitle.toUpperCase(), null];\n  }, [data.previewImageTitle]);\n\n  const readingTimeInMinutes = useMemo(() => {\n    const readingTime = data.readingTime ?? 0;\n    return Math.ceil(Number(readingTime) / 60) || 0;\n  }, [data]);\n\n  const renderImage = () => {\n    if (!data.previewImageUrl) return null;\n\n    if (variant === \"event\") {\n      const isEvent = (obj: Service | Event): obj is Event => {\n        return \"eventCardTitle\" in obj || \"eventTitle\" in obj;\n      };\n\n      return (\n        <div\n          className={clsx(\n            isPreview ? \"event-preview\" : \"event-image-container\",\n            modeAuthenticated ? \"margin-authenticated ratio-authenticated\" : \"\",\n          )}\n        >\n          <img\n            className=\"event-background\"\n            src={data.previewImageUrl}\n            alt={`Evento ${data.name}`}\n          />\n\n          <div className=\"event-content-overlay\">\n            <div className={\"event-content\"}>\n              <img\n                className=\"event-main-image\"\n                src={data.previewImageUrl}\n                alt={`Evento ${data.name}`}\n              />\n\n              <div className=\"event-card-container\">\n                <Col gap={\"x32\"}>\n                  {isEvent(data) &&\n                    (data.eventCardTitle || data.eventCardDescription) && (\n                      <CardCategory\n                        title={\n                          isEvent(data) ? (data.eventCardTitle ?? \"-\") : \"-\"\n                        }\n                        className={\"w-full\"}\n                        description={\n                          isEvent(data)\n                            ? (eventCardDescriptionTitle ?? \"-\")\n                            : \"-\"\n                        }\n                        description2={\n                          isEvent(data)\n                            ? (data.eventCardDescription ?? \"-\")\n                            : \"-\"\n                        }\n                        classNameTitle={\"text-slate-20 fs-5 md-fs-custom-2\"}\n                        classNameDescriptionTitle={\n                          \"text-slate-28 fw-bold fs-6 md-fs-custom\"\n                        }\n                      />\n                    )}\n                  {tags && tags?.length > 0 && <Tags title={tagsLabelTitle} items={tags ?? []} />}\n                </Col>\n              </div>\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        className={clsx(\n          isPreview ? \"service-detail-image\" : \"fullscreen-image-container\",\n          modeAuthenticated ? \"margin-authenticated\" : \"\",\n        )}\n      >\n        <ImageComponent\n          alt={`Service ${data.name} image`}\n          src={data.previewImageUrl}\n          style={{ aspectRatio: 21 / 9 }}\n          {...imageProps}\n        />\n        {data.previewImageTitle && data.previewImageTitle.trim() !== \"\" && (\n          <p className={\"short-title\"}>\n            <span>{firstTitleLine}</span>\n            {secondTitleLine && <span>{secondTitleLine}</span>}\n          </p>\n        )}\n      </div>\n    );\n  };\n\n  const content = (\n    <>\n      <div className={\"action-author\"}>\n        <AuthorBlock\n          authorName={\n            data?.updatedBy?.name\n              ? `${data?.updatedBy?.name} ${data?.updatedBy?.surname}`\n              : \"-\"\n          }\n          avatar={{ initials: avatarInitials }}\n          publishedLabel={publishedLabel}\n          publishedDate={\n            fromISODateToDateFormatted(data.updatedAt ?? \"\", \"it\") ?? \"-\"\n          }\n          readingTimeLabel={readingTimeLabel}\n          readingTimeValue={readingTimeInMinutes}\n          readingMinuteLabel={readingMinuteLabel}\n        />\n        <Row gap={\"x8\"} className={\"action-link\"}>\n          <ShareButton textLabel={shareLabel} titleShared={data.name} />\n          <div className={\"share-divider\"}>\n            <ActionIconText\n              textLabel={isCopied ? copiedTextLabel : copyLinkLabel}\n              icon={<CopyLink />}\n              handleAction={copyToClipboard}\n              classNameText={\"fw-bold\"}\n            />\n          </div>\n        </Row>\n      </div>\n\n      {renderImage()}\n    </>\n  );\n\n  return isPreview ? (\n    <div className={\"author-with-image-container-preview\"}>{content}</div>\n  ) : (\n    content\n  );\n};\n"],"names":["AuthorWithImage","data","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","tagsLabelTitle","shareLabel","copyLinkLabel","copiedTextLabel","isPreview","modeAuthenticated","eventCardDescriptionTitle","tags","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","readingTimeInMinutes","readingTime","renderImage","isEvent","obj","jsxs","clsx","jsx","Col","CardCategory","Tags","content","Fragment","AuthorBlock","_a","_b","_c","fromISODateToDateFormatted","Row","ShareButton","ActionIconText","CopyLink"],"mappings":"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"}
+{"version":3,"file":"index.cjs39.js","sources":["../src/components/ui/AuthorWithImage/index.tsx"],"sourcesContent":["import { useMemo } from \"react\";\r\nimport { AuthorBlock } from \"../AuthorBlock\";\r\nimport \"./AuthorWithImage.scss\";\r\nimport { fromISODateToDateFormatted } from \"@/utils/dates\";\r\nimport { useCopyToClipboardCurrentPage } from \"@/hooks/useCopyToClipboardCurrentPage\";\r\nimport { getFullNameInitials } from \"@/utils/getFullNameInitials\";\r\nimport { Row } from \"../Row\";\r\nimport { CopyLink } from \"@/icons\";\r\nimport { splitInTwo } from \"@/utils/splitInTwo\";\r\nimport { ActionIconText } from \"../ActionIconText\";\r\nimport { CardCategory, Col, ShareButton } from \"@/components\";\r\nimport { Tags } from \"@/sections\";\r\nimport clsx from \"clsx\";\r\n\r\n// export type VariantType = \"service\" | \"event\" | \"insight\";\r\n\r\ntype BaseServiceProps = {\r\n  name: string;\r\n  previewImageUrl?: string;\r\n  previewImageTitle?: string;\r\n  updatedBy?: {\r\n    name?: string;\r\n    surname?: string;\r\n  };\r\n  updatedAt?: string;\r\n  readingTime?: number;\r\n};\r\n\r\ntype Event = BaseServiceProps & {\r\n  eventCardTitle?: string;\r\n  eventCardDescription?: string;\r\n  eventTitle?: string;\r\n  eventDescriptionTitle?: string;\r\n  eventDescription?: string;\r\n  tags?: string[];\r\n};\r\n\r\ntype Service = BaseServiceProps;\r\n// const AuthenticatedModeEnum = {\r\n//   AUTHENTICATED: \"authenticated\",\r\n//   PUBLIC: \"public\",\r\n// } as const;\r\n\r\n// type AuthenticatedModes =\r\n//   (typeof AuthenticatedModeEnum)[keyof typeof AuthenticatedModeEnum];\r\ninterface AuthorWithImageCommonProps {\r\n  publishedLabel?: string;\r\n  readingTimeLabel?: string;\r\n  readingMinuteLabel?: string;\r\n  tagsLabelTitle?: string;\r\n  shareLabel?: string;\r\n  copyLinkLabel?: string;\r\n  copiedTextLabel?: string;\r\n  ImageComponent?: \"img\" | React.ComponentType<any>;\r\n  imageProps?: Record<string, any>;\r\n  isPreview?: boolean;\r\n  modeAuthenticated?: boolean;\r\n  eventCardDescriptionTitle?: string;\r\n  tags?: string[];\r\n}\r\n\r\ntype ServiceProps = {\r\n  data: Service;\r\n  variant: \"service\";\r\n} & AuthorWithImageCommonProps;\r\n\r\ntype EventProps = {\r\n  data: Event;\r\n  variant: \"event\";\r\n} & AuthorWithImageCommonProps;\r\n//\r\n// type InsightProps = {\r\n//   data: null;\r\n//   variant: \"insight\";\r\n// } & AuthorWithImageCommonProps;\r\n\r\nexport type AuthorWithImageProps = ServiceProps | EventProps;\r\n\r\nexport const AuthorWithImage = ({\r\n  data = {} as Service | Event,\r\n  ImageComponent = \"img\",\r\n  imageProps = {},\r\n  variant = \"service\",\r\n  publishedLabel = \"Pubblicato\",\r\n  readingTimeLabel = \"Tempo di lettura\",\r\n  readingMinuteLabel = \"min\",\r\n  tagsLabelTitle = \"Argomenti trattati\",\r\n  shareLabel = \"Condividi\",\r\n  copyLinkLabel = \"Copia link\",\r\n  copiedTextLabel = \"Link copiato\",\r\n  isPreview = false,\r\n  modeAuthenticated = false,\r\n  eventCardDescriptionTitle,\r\n  tags,\r\n}: AuthorWithImageProps) => {\r\n  const { copyToClipboard, isCopied } = useCopyToClipboardCurrentPage();\r\n  const avatarInitials = useMemo(() => {\r\n    if (!data?.updatedBy) return \"-\";\r\n    return getFullNameInitials(\r\n      data.updatedBy.name ?? \"\",\r\n      data.updatedBy.surname ?? \"\",\r\n    );\r\n  }, [data.updatedBy]);\r\n\r\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\r\n    if (!data.previewImageTitle || data.previewImageTitle.trim() === \"\") {\r\n      return [null, null];\r\n    }\r\n\r\n    const words = data.previewImageTitle.trim().split(/\\s+/);\r\n\r\n    if (words.length >= 4) {\r\n      return splitInTwo(data.previewImageTitle.toUpperCase());\r\n    }\r\n\r\n    return [data.previewImageTitle.toUpperCase(), null];\r\n  }, [data.previewImageTitle]);\r\n\r\n  const readingTimeInMinutes = useMemo(() => {\r\n    const readingTime = data.readingTime ?? 0;\r\n    return Math.ceil(Number(readingTime) / 60) || 0;\r\n  }, [data]);\r\n\r\n  const renderImage = () => {\r\n    if (!data.previewImageUrl) return null;\r\n\r\n    if (variant === \"event\") {\r\n      const isEvent = (obj: Service | Event): obj is Event => {\r\n        return \"eventCardTitle\" in obj || \"eventTitle\" in obj;\r\n      };\r\n\r\n      return (\r\n        <div\r\n          className={clsx(\r\n            isPreview ? \"event-preview\" : \"event-image-container\",\r\n            modeAuthenticated ? \"margin-authenticated ratio-authenticated\" : \"\",\r\n          )}\r\n        >\r\n          <img\r\n            className=\"event-background\"\r\n            src={data.previewImageUrl}\r\n            alt={`Evento ${data.name}`}\r\n          />\r\n\r\n          <div className=\"event-content-overlay\">\r\n            <div className={\"event-content\"}>\r\n              <img\r\n                className=\"event-main-image\"\r\n                src={data.previewImageUrl}\r\n                alt={`Evento ${data.name}`}\r\n              />\r\n\r\n              <div className=\"event-card-container\">\r\n                <Col gap={\"x32\"}>\r\n                  {isEvent(data) &&\r\n                    (data.eventCardTitle || data.eventCardDescription) && (\r\n                      <CardCategory\r\n                        title={\r\n                          isEvent(data) ? (data.eventCardTitle ?? \"-\") : \"-\"\r\n                        }\r\n                        className={\"w-full\"}\r\n                        description={\r\n                          isEvent(data)\r\n                            ? (eventCardDescriptionTitle ?? \"-\")\r\n                            : \"-\"\r\n                        }\r\n                        description2={\r\n                          isEvent(data)\r\n                            ? (data.eventCardDescription ?? \"-\")\r\n                            : \"-\"\r\n                        }\r\n                        classNameTitle={\"text-slate-20 fs-5 md-fs-custom-2\"}\r\n                        classNameDescriptionTitle={\r\n                          \"text-slate-28 fw-bold fs-6 md-fs-custom\"\r\n                        }\r\n                      />\r\n                    )}\r\n                  {tags && tags?.length > 0 && <Tags title={tagsLabelTitle} items={tags ?? []} />}\r\n                </Col>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <div\r\n        className={clsx(\r\n          isPreview ? \"service-detail-image\" : \"fullscreen-image-container\",\r\n          modeAuthenticated ? \"margin-authenticated\" : \"\",\r\n        )}\r\n      >\r\n        <ImageComponent\r\n          alt={`Service ${data.name} image`}\r\n          src={data.previewImageUrl}\r\n          style={{ aspectRatio: 21 / 9 }}\r\n          {...imageProps}\r\n        />\r\n        {data.previewImageTitle && data.previewImageTitle.trim() !== \"\" && (\r\n          <p className={\"short-title\"}>\r\n            <span>{firstTitleLine}</span>\r\n            {secondTitleLine && <span>{secondTitleLine}</span>}\r\n          </p>\r\n        )}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  const content = (\r\n    <>\r\n      <div className={\"action-author\"}>\r\n        <AuthorBlock\r\n          authorName={\r\n            data?.updatedBy?.name\r\n              ? `${data?.updatedBy?.name} ${data?.updatedBy?.surname}`\r\n              : \"-\"\r\n          }\r\n          avatar={{ initials: avatarInitials }}\r\n          publishedLabel={publishedLabel}\r\n          publishedDate={\r\n            fromISODateToDateFormatted(data.updatedAt ?? \"\", \"it\") ?? \"-\"\r\n          }\r\n          readingTimeLabel={readingTimeLabel}\r\n          readingTimeValue={readingTimeInMinutes}\r\n          readingMinuteLabel={readingMinuteLabel}\r\n        />\r\n        <Row gap={\"x8\"} className={\"action-link\"}>\r\n          <ShareButton textLabel={shareLabel} titleShared={data.name} />\r\n          <div className={\"share-divider\"}>\r\n            <ActionIconText\r\n              textLabel={isCopied ? copiedTextLabel : copyLinkLabel}\r\n              icon={<CopyLink />}\r\n              handleAction={copyToClipboard}\r\n              classNameText={\"fw-bold\"}\r\n            />\r\n          </div>\r\n        </Row>\r\n      </div>\r\n\r\n      {renderImage()}\r\n    </>\r\n  );\r\n\r\n  return isPreview ? (\r\n    <div className={\"author-with-image-container-preview\"}>{content}</div>\r\n  ) : (\r\n    content\r\n  );\r\n};\r\n"],"names":["AuthorWithImage","data","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","tagsLabelTitle","shareLabel","copyLinkLabel","copiedTextLabel","isPreview","modeAuthenticated","eventCardDescriptionTitle","tags","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","readingTimeInMinutes","readingTime","renderImage","isEvent","obj","jsxs","clsx","jsx","Col","CardCategory","Tags","content","Fragment","AuthorBlock","_a","_b","_c","fromISODateToDateFormatted","Row","ShareButton","ActionIconText","CopyLink"],"mappings":"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"}

package/dist/index.cjs399.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),T=require("./index.cjs477.js"),E=require("./index.cjs476.js"),n=require("./index.cjs327.js"),h=require("./index.cjs475.js"),w=require("./index.cjs483.js"),i=require("./index.cjs246.js");function M(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const l=M(b);var j="AlertDialog",[q,I]=T.createContextScope(j,[n.createDialogScope]),s=n.createDialogScope(),d=e=>{const{__scopeAlertDialog:o,...t}=e,r=s(o);return i.jsxRuntimeExports.jsx(n.Root,{...r,...t,modal:!0})};d.displayName=j;var $="AlertDialogTrigger",_=l.forwardRef((e,o)=>{const{__scopeAlertDialog:t,...r}=e,a=s(t);return i.jsxRuntimeExports.jsx(n.Trigger,{...a,...r,ref:o})});_.displayName=$;var L="AlertDialogPortal",A=e=>{const{__scopeAlertDialog:o,...t}=e,r=s(o);return i.jsxRuntimeExports.jsx(n.Portal,{...r,...t})};A.displayName=L;var F="AlertDialogOverlay",D=l.forwardRef((e,o)=>{const{__scopeAlertDialog:t,...r}=e,a=s(t);return i.jsxRuntimeExports.jsx(n.Overlay,{...a,...r,ref:o})});D.displayName=F;var c="AlertDialogContent",[G,W]=q(c),Y=w.createSlottable("AlertDialogContent"),v=l.forwardRef((e,o)=>{const{__scopeAlertDialog:t,children:r,...a}=e,u=s(t),g=l.useRef(null),P=E.useComposedRefs(o,g),R=l.useRef(null);return i.jsxRuntimeExports.jsx(n.WarningProvider,{contentName:c,titleName:C,docsSlug:"alert-dialog",children:i.jsxRuntimeExports.jsx(G,{scope:t,cancelRef:R,children:i.jsxRuntimeExports.jsxs(n.Content,{role:"alertdialog",...u,...a,ref:P,onOpenAutoFocus:h.composeEventHandlers(a.onOpenAutoFocus,p=>{var y;p.preventDefault(),(y=R.current)==null||y.focus({preventScroll:!0})}),onPointerDownOutside:p=>p.preventDefault(),onInteractOutside:p=>p.preventDefault(),children:[i.jsxRuntimeExports.jsx(Y,{children:r}),i.jsxRuntimeExports.jsx(z,{contentRef:g})]})})})});v.displayName=c;var C="AlertDialogTitle",f=l.forwardRef((e,o)=>{const{__scopeAlertDialog:t,...r}=e,a=s(t);return i.jsxRuntimeExports.jsx(n.Title,{...a,...r,ref:o})});f.displayName=C;var N="AlertDialogDescription",x=l.forwardRef((e,o)=>{const{__scopeAlertDialog:t,...r}=e,a=s(t);return i.jsxRuntimeExports.jsx(n.Description,{...a,...r,ref:o})});x.displayName=N;var k="AlertDialogAction",S=l.forwardRef((e,o)=>{const{__scopeAlertDialog:t,...r}=e,a=s(t);return i.jsxRuntimeExports.jsx(n.Close,{...a,...r,ref:o})});S.displayName=k;var O="AlertDialogCancel",m=l.forwardRef((e,o)=>{const{__scopeAlertDialog:t,...r}=e,{cancelRef:a}=W(O,t),u=s(t),g=E.useComposedRefs(o,a);return i.jsxRuntimeExports.jsx(n.Close,{...u,...r,ref:g})});m.displayName=O;var z=({contentRef:e})=>{const o=`\`${c}\` requires a description for the component to be accessible for screen reader users.
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),T=require("./index.cjs471.js"),E=require("./index.cjs470.js"),n=require("./index.cjs327.js"),h=require("./index.cjs469.js"),w=require("./index.cjs489.js"),i=require("./index.cjs246.js");function M(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const l=M(b);var j="AlertDialog",[q,I]=T.createContextScope(j,[n.createDialogScope]),s=n.createDialogScope(),d=e=>{const{__scopeAlertDialog:o,...t}=e,r=s(o);return i.jsxRuntimeExports.jsx(n.Root,{...r,...t,modal:!0})};d.displayName=j;var $="AlertDialogTrigger",_=l.forwardRef((e,o)=>{const{__scopeAlertDialog:t,...r}=e,a=s(t);return i.jsxRuntimeExports.jsx(n.Trigger,{...a,...r,ref:o})});_.displayName=$;var L="AlertDialogPortal",A=e=>{const{__scopeAlertDialog:o,...t}=e,r=s(o);return i.jsxRuntimeExports.jsx(n.Portal,{...r,...t})};A.displayName=L;var F="AlertDialogOverlay",D=l.forwardRef((e,o)=>{const{__scopeAlertDialog:t,...r}=e,a=s(t);return i.jsxRuntimeExports.jsx(n.Overlay,{...a,...r,ref:o})});D.displayName=F;var c="AlertDialogContent",[G,W]=q(c),Y=w.createSlottable("AlertDialogContent"),v=l.forwardRef((e,o)=>{const{__scopeAlertDialog:t,children:r,...a}=e,u=s(t),g=l.useRef(null),P=E.useComposedRefs(o,g),R=l.useRef(null);return i.jsxRuntimeExports.jsx(n.WarningProvider,{contentName:c,titleName:C,docsSlug:"alert-dialog",children:i.jsxRuntimeExports.jsx(G,{scope:t,cancelRef:R,children:i.jsxRuntimeExports.jsxs(n.Content,{role:"alertdialog",...u,...a,ref:P,onOpenAutoFocus:h.composeEventHandlers(a.onOpenAutoFocus,p=>{var y;p.preventDefault(),(y=R.current)==null||y.focus({preventScroll:!0})}),onPointerDownOutside:p=>p.preventDefault(),onInteractOutside:p=>p.preventDefault(),children:[i.jsxRuntimeExports.jsx(Y,{children:r}),i.jsxRuntimeExports.jsx(z,{contentRef:g})]})})})});v.displayName=c;var C="AlertDialogTitle",f=l.forwardRef((e,o)=>{const{__scopeAlertDialog:t,...r}=e,a=s(t);return i.jsxRuntimeExports.jsx(n.Title,{...a,...r,ref:o})});f.displayName=C;var N="AlertDialogDescription",x=l.forwardRef((e,o)=>{const{__scopeAlertDialog:t,...r}=e,a=s(t);return i.jsxRuntimeExports.jsx(n.Description,{...a,...r,ref:o})});x.displayName=N;var k="AlertDialogAction",S=l.forwardRef((e,o)=>{const{__scopeAlertDialog:t,...r}=e,a=s(t);return i.jsxRuntimeExports.jsx(n.Close,{...a,...r,ref:o})});S.displayName=k;var O="AlertDialogCancel",m=l.forwardRef((e,o)=>{const{__scopeAlertDialog:t,...r}=e,{cancelRef:a}=W(O,t),u=s(t),g=E.useComposedRefs(o,a);return i.jsxRuntimeExports.jsx(n.Close,{...u,...r,ref:g})});m.displayName=O;var z=({contentRef:e})=>{const o=`\`${c}\` requires a description for the component to be accessible for screen reader users.
 
 You can add a description to the \`${c}\` by passing a \`${N}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
 

package/dist/index.cjs40.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs40.js","sources":["../src/components/ui/HeroContentCard/index.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { AuthorBlock } from \"../AuthorBlock\";\nimport \"./HeroContentCard.scss\";\nimport { fromISODateToDateFormatted } from \"@/utils/dates\";\nimport { useCopyToClipboardCurrentPage } from \"@/hooks/useCopyToClipboardCurrentPage\";\nimport { getFullNameInitials } from \"@/utils/getFullNameInitials\";\nimport { Row } from \"../Row\";\nimport { CopyLink } from \"@/icons\";\nimport { splitInTwo } from \"@/utils/splitInTwo\";\nimport { ActionIconText } from \"../ActionIconText\";\nimport { CardCategory, Col, ShareButton } from \"@/components\";\nimport { Tags } from \"@/sections\";\nimport clsx from \"clsx\";\n\ntype BaseServiceProps = {\n  name: string;\n  previewImageUrl?: string;\n  previewImageTitle?: string;\n  updatedBy?: {\n    name?: string;\n    surname?: string;\n  };\n  updatedAt?: string;\n  readingTime?: number;\n};\n\ntype Event = BaseServiceProps & {\n  eventCardTitle?: string;\n  eventCardDescription?: string;\n  eventTitle?: string;\n  eventDescriptionTitle?: string;\n  eventDescription?: string;\n  tags?: string[];\n};\n\ntype Service = BaseServiceProps;\n\n// const AuthenticatedModeEnum = {\n//   AUTHENTICATED: \"authenticated\",\n//   PUBLIC: \"public\",\n// } as const;\n\n// type AuthenticatedModes =\n//   (typeof AuthenticatedModeEnum)[keyof typeof AuthenticatedModeEnum];\n\ninterface HeroContentCardCommonProps {\n  publishedLabel?: string;\n  readingTimeLabel?: string;\n  readingMinuteLabel?: string;\n  tagsLabelTitle?: string;\n  shareLabel?: string;\n  copyLinkLabel?: string;\n  copiedTextLabel?: string;\n  ImageComponent?: \"img\" | React.ComponentType<any>;\n  imageProps?: Record<string, any>;\n  isPreview?: boolean;\n  modeAuthenticated?: boolean;\n  eventCardDescriptionTitle?: string;\n  tags?: string[];\n}\n\ntype ServiceProps = {\n  data: Service;\n  variant: \"service\";\n} & HeroContentCardCommonProps;\n\ntype EventProps = {\n  data: Event;\n  variant: \"event\";\n} & HeroContentCardCommonProps;\n\nexport type HeroContentCardProps = ServiceProps | EventProps;\n\nexport const HeroContentCard = ({\n  data = {} as Service | Event,\n  ImageComponent = \"img\",\n  imageProps = {},\n  variant = \"service\",\n  publishedLabel = \"Pubblicato\",\n  readingTimeLabel = \"Tempo di lettura\",\n  readingMinuteLabel = \"min\",\n  tagsLabelTitle = \"Argomenti trattati\",\n  shareLabel = \"Condividi\",\n  copyLinkLabel = \"Copia link\",\n  copiedTextLabel = \"Link copiato\",\n  isPreview = false,\n  modeAuthenticated = false,\n  eventCardDescriptionTitle,\n  tags,\n}: HeroContentCardProps) => {\n  const { copyToClipboard, isCopied } = useCopyToClipboardCurrentPage();\n  const avatarInitials = useMemo(() => {\n    if (!data?.updatedBy) return \"-\";\n    return getFullNameInitials(\n      data.updatedBy.name ?? \"\",\n      data.updatedBy.surname ?? \"\",\n    );\n  }, [data.updatedBy]);\n\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\n    if (!data.previewImageTitle || data.previewImageTitle.trim() === \"\") {\n      return [null, null];\n    }\n\n    const words = data.previewImageTitle.trim().split(/\\s+/);\n\n    if (words.length >= 4) {\n      return splitInTwo(data.previewImageTitle.toUpperCase());\n    }\n\n    return [data.previewImageTitle.toUpperCase(), null];\n  }, [data.previewImageTitle]);\n\n  const readingTimeInMinutes = useMemo(() => {\n    const readingTime = data.readingTime ?? 0;\n    return Math.ceil(Number(readingTime) / 60) || 0;\n  }, [data]);\n\n  const renderImage = () => {\n    if (!data.previewImageUrl) return null;\n\n    if (variant === \"event\") {\n      const isEvent = (obj: Service | Event): obj is Event => {\n        return \"eventCardTitle\" in obj || \"eventTitle\" in obj;\n      };\n\n      return (\n        <div\n          className={clsx(\n            variant === \"event\" && \"is-event\",\n            isPreview ? \"hero-event-preview\" : \"hero-event-container\",\n            modeAuthenticated ? \"margin-authenticated ratio-authenticated\" : \"\",\n          )}\n        >\n          <img\n            className=\"hero-event-background\"\n            src={data.previewImageUrl}\n            alt={`Evento ${data.name}`}\n          />\n          <div className={\"hero-event-content\"}>\n            <img\n              className=\"hero-event-main-image\"\n              src={data.previewImageUrl}\n              alt={`Evento ${data.name}`}\n            />\n            <Col\n              justifyContent={\"space-between\"}\n              className=\"hero-event-card-container\"\n            >\n              <div>\n                {isEvent(data) &&\n                  (data.eventCardTitle || data.eventCardDescription) && (\n                    <CardCategory\n                      title={isEvent(data) ? (data.eventCardTitle ?? \"-\") : \"-\"}\n                      className={\"w-full\"}\n                      description={\n                        isEvent(data) ? (eventCardDescriptionTitle ?? \"-\") : \"-\"\n                      }\n                      description2={\n                        isEvent(data) ? (data.eventCardDescription ?? \"-\") : \"-\"\n                      }\n                      classNameTitle={\"text-slate-20 fs-5 md-fs-custom-2\"}\n                      classNameDescriptionTitle={\n                        \"text-slate-28 fw-bold fs-6 md-fs-custom\"\n                      }\n                    />\n                  )}\n              </div>\n\n              {tags && tags?.length > 0 && (\n                <Tags title={tagsLabelTitle} items={tags ?? []} />\n              )}\n            </Col>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        className={clsx(\n          isPreview\n            ? \"hero-service-detail-image\"\n            : \"hero-fullscreen-image-container\",\n          modeAuthenticated ? \"margin-authenticated\" : \"\",\n        )}\n      >\n        <ImageComponent\n          alt={`Service ${data.name} image`}\n          src={data.previewImageUrl}\n          style={{ aspectRatio: 21 / 9 }}\n          {...imageProps}\n        />\n        {data.previewImageTitle && data.previewImageTitle.trim() !== \"\" && (\n          <p className={\"short-title\"}>\n            <span>{firstTitleLine}</span>\n            {secondTitleLine && <span>{secondTitleLine}</span>}\n          </p>\n        )}\n      </div>\n    );\n  };\n\n  const content = (\n    <>\n      <div className={\"hero-action-author\"}>\n        <AuthorBlock\n          authorName={\n            data?.updatedBy?.name\n              ? `${data?.updatedBy?.name} ${data?.updatedBy?.surname}`\n              : \"-\"\n          }\n          avatar={{ initials: avatarInitials }}\n          publishedLabel={publishedLabel}\n          publishedDate={\n            fromISODateToDateFormatted(data.updatedAt ?? \"\", \"it\") ?? \"-\"\n          }\n          readingTimeLabel={readingTimeLabel}\n          readingTimeValue={readingTimeInMinutes}\n          readingMinuteLabel={readingMinuteLabel}\n        />\n        <Row gap={\"x8\"} className={\"hero-action-link\"}>\n          <ShareButton textLabel={shareLabel} titleShared={data.name} />\n          <div className={\"share-divider\"}>\n            <ActionIconText\n              textLabel={isCopied ? copiedTextLabel : copyLinkLabel}\n              icon={<CopyLink />}\n              handleAction={copyToClipboard}\n              classNameText={\"fw-bold\"}\n            />\n          </div>\n        </Row>\n      </div>\n\n      {renderImage()}\n    </>\n  );\n\n  return isPreview ? (\n    <div className={\"hero-content-card-container-preview\"}>{content}</div>\n  ) : (\n    content\n  );\n};\n"],"names":["HeroContentCard","data","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","tagsLabelTitle","shareLabel","copyLinkLabel","copiedTextLabel","isPreview","modeAuthenticated","eventCardDescriptionTitle","tags","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","readingTimeInMinutes","readingTime","renderImage","isEvent","obj","jsxs","clsx","jsx","Col","CardCategory","Tags","content","Fragment","AuthorBlock","_a","_b","_c","fromISODateToDateFormatted","Row","ShareButton","ActionIconText","CopyLink"],"mappings":"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"}
+{"version":3,"file":"index.cjs40.js","sources":["../src/components/ui/HeroContentCard/index.tsx"],"sourcesContent":["import { useMemo } from \"react\";\r\nimport { AuthorBlock } from \"../AuthorBlock\";\r\nimport \"./HeroContentCard.scss\";\r\nimport { fromISODateToDateFormatted } from \"@/utils/dates\";\r\nimport { useCopyToClipboardCurrentPage } from \"@/hooks/useCopyToClipboardCurrentPage\";\r\nimport { getFullNameInitials } from \"@/utils/getFullNameInitials\";\r\nimport { Row } from \"../Row\";\r\nimport { CopyLink } from \"@/icons\";\r\nimport { splitInTwo } from \"@/utils/splitInTwo\";\r\nimport { ActionIconText } from \"../ActionIconText\";\r\nimport { CardCategory, Col, ShareButton } from \"@/components\";\r\nimport { Tags } from \"@/sections\";\r\nimport clsx from \"clsx\";\r\n\r\ntype BaseServiceProps = {\r\n  name: string;\r\n  previewImageUrl?: string;\r\n  previewImageTitle?: string;\r\n  updatedBy?: {\r\n    name?: string;\r\n    surname?: string;\r\n  };\r\n  updatedAt?: string;\r\n  readingTime?: number;\r\n};\r\n\r\ntype Event = BaseServiceProps & {\r\n  eventCardTitle?: string;\r\n  eventCardDescription?: string;\r\n  eventTitle?: string;\r\n  eventDescriptionTitle?: string;\r\n  eventDescription?: string;\r\n  tags?: string[];\r\n};\r\n\r\ntype Service = BaseServiceProps;\r\n\r\n// const AuthenticatedModeEnum = {\r\n//   AUTHENTICATED: \"authenticated\",\r\n//   PUBLIC: \"public\",\r\n// } as const;\r\n\r\n// type AuthenticatedModes =\r\n//   (typeof AuthenticatedModeEnum)[keyof typeof AuthenticatedModeEnum];\r\n\r\ninterface HeroContentCardCommonProps {\r\n  publishedLabel?: string;\r\n  readingTimeLabel?: string;\r\n  readingMinuteLabel?: string;\r\n  tagsLabelTitle?: string;\r\n  shareLabel?: string;\r\n  copyLinkLabel?: string;\r\n  copiedTextLabel?: string;\r\n  ImageComponent?: \"img\" | React.ComponentType<any>;\r\n  imageProps?: Record<string, any>;\r\n  isPreview?: boolean;\r\n  modeAuthenticated?: boolean;\r\n  eventCardDescriptionTitle?: string;\r\n  tags?: string[];\r\n}\r\n\r\ntype ServiceProps = {\r\n  data: Service;\r\n  variant: \"service\";\r\n} & HeroContentCardCommonProps;\r\n\r\ntype EventProps = {\r\n  data: Event;\r\n  variant: \"event\";\r\n} & HeroContentCardCommonProps;\r\n\r\nexport type HeroContentCardProps = ServiceProps | EventProps;\r\n\r\nexport const HeroContentCard = ({\r\n  data = {} as Service | Event,\r\n  ImageComponent = \"img\",\r\n  imageProps = {},\r\n  variant = \"service\",\r\n  publishedLabel = \"Pubblicato\",\r\n  readingTimeLabel = \"Tempo di lettura\",\r\n  readingMinuteLabel = \"min\",\r\n  tagsLabelTitle = \"Argomenti trattati\",\r\n  shareLabel = \"Condividi\",\r\n  copyLinkLabel = \"Copia link\",\r\n  copiedTextLabel = \"Link copiato\",\r\n  isPreview = false,\r\n  modeAuthenticated = false,\r\n  eventCardDescriptionTitle,\r\n  tags,\r\n}: HeroContentCardProps) => {\r\n  const { copyToClipboard, isCopied } = useCopyToClipboardCurrentPage();\r\n  const avatarInitials = useMemo(() => {\r\n    if (!data?.updatedBy) return \"-\";\r\n    return getFullNameInitials(\r\n      data.updatedBy.name ?? \"\",\r\n      data.updatedBy.surname ?? \"\",\r\n    );\r\n  }, [data.updatedBy]);\r\n\r\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\r\n    if (!data.previewImageTitle || data.previewImageTitle.trim() === \"\") {\r\n      return [null, null];\r\n    }\r\n\r\n    const words = data.previewImageTitle.trim().split(/\\s+/);\r\n\r\n    if (words.length >= 4) {\r\n      return splitInTwo(data.previewImageTitle.toUpperCase());\r\n    }\r\n\r\n    return [data.previewImageTitle.toUpperCase(), null];\r\n  }, [data.previewImageTitle]);\r\n\r\n  const readingTimeInMinutes = useMemo(() => {\r\n    const readingTime = data.readingTime ?? 0;\r\n    return Math.ceil(Number(readingTime) / 60) || 0;\r\n  }, [data]);\r\n\r\n  const renderImage = () => {\r\n    if (!data.previewImageUrl) return null;\r\n\r\n    if (variant === \"event\") {\r\n      const isEvent = (obj: Service | Event): obj is Event => {\r\n        return \"eventCardTitle\" in obj || \"eventTitle\" in obj;\r\n      };\r\n\r\n      return (\r\n        <div\r\n          className={clsx(\r\n            variant === \"event\" && \"is-event\",\r\n            isPreview ? \"hero-event-preview\" : \"hero-event-container\",\r\n            modeAuthenticated ? \"margin-authenticated ratio-authenticated\" : \"\",\r\n          )}\r\n        >\r\n          <img\r\n            className=\"hero-event-background\"\r\n            src={data.previewImageUrl}\r\n            alt={`Evento ${data.name}`}\r\n          />\r\n          <div className={\"hero-event-content\"}>\r\n            <img\r\n              className=\"hero-event-main-image\"\r\n              src={data.previewImageUrl}\r\n              alt={`Evento ${data.name}`}\r\n            />\r\n            <Col\r\n              justifyContent={\"space-between\"}\r\n              className=\"hero-event-card-container\"\r\n            >\r\n              <div>\r\n                {isEvent(data) &&\r\n                  (data.eventCardTitle || data.eventCardDescription) && (\r\n                    <CardCategory\r\n                      title={isEvent(data) ? (data.eventCardTitle ?? \"-\") : \"-\"}\r\n                      className={\"w-full\"}\r\n                      description={\r\n                        isEvent(data) ? (eventCardDescriptionTitle ?? \"-\") : \"-\"\r\n                      }\r\n                      description2={\r\n                        isEvent(data) ? (data.eventCardDescription ?? \"-\") : \"-\"\r\n                      }\r\n                      classNameTitle={\"text-slate-20 fs-5 md-fs-custom-2\"}\r\n                      classNameDescriptionTitle={\r\n                        \"text-slate-28 fw-bold fs-6 md-fs-custom\"\r\n                      }\r\n                    />\r\n                  )}\r\n              </div>\r\n\r\n              {tags && tags?.length > 0 && (\r\n                <Tags title={tagsLabelTitle} items={tags ?? []} />\r\n              )}\r\n            </Col>\r\n          </div>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <div\r\n        className={clsx(\r\n          isPreview\r\n            ? \"hero-service-detail-image\"\r\n            : \"hero-fullscreen-image-container\",\r\n          modeAuthenticated ? \"margin-authenticated\" : \"\",\r\n        )}\r\n      >\r\n        <ImageComponent\r\n          alt={`Service ${data.name} image`}\r\n          src={data.previewImageUrl}\r\n          style={{ aspectRatio: 21 / 9 }}\r\n          {...imageProps}\r\n        />\r\n        {data.previewImageTitle && data.previewImageTitle.trim() !== \"\" && (\r\n          <p className={\"short-title\"}>\r\n            <span>{firstTitleLine}</span>\r\n            {secondTitleLine && <span>{secondTitleLine}</span>}\r\n          </p>\r\n        )}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  const content = (\r\n    <>\r\n      <div className={\"hero-action-author\"}>\r\n        <AuthorBlock\r\n          authorName={\r\n            data?.updatedBy?.name\r\n              ? `${data?.updatedBy?.name} ${data?.updatedBy?.surname}`\r\n              : \"-\"\r\n          }\r\n          avatar={{ initials: avatarInitials }}\r\n          publishedLabel={publishedLabel}\r\n          publishedDate={\r\n            fromISODateToDateFormatted(data.updatedAt ?? \"\", \"it\") ?? \"-\"\r\n          }\r\n          readingTimeLabel={readingTimeLabel}\r\n          readingTimeValue={readingTimeInMinutes}\r\n          readingMinuteLabel={readingMinuteLabel}\r\n        />\r\n        <Row gap={\"x8\"} className={\"hero-action-link\"}>\r\n          <ShareButton textLabel={shareLabel} titleShared={data.name} />\r\n          <div className={\"share-divider\"}>\r\n            <ActionIconText\r\n              textLabel={isCopied ? copiedTextLabel : copyLinkLabel}\r\n              icon={<CopyLink />}\r\n              handleAction={copyToClipboard}\r\n              classNameText={\"fw-bold\"}\r\n            />\r\n          </div>\r\n        </Row>\r\n      </div>\r\n\r\n      {renderImage()}\r\n    </>\r\n  );\r\n\r\n  return isPreview ? (\r\n    <div className={\"hero-content-card-container-preview\"}>{content}</div>\r\n  ) : (\r\n    content\r\n  );\r\n};\r\n"],"names":["HeroContentCard","data","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","tagsLabelTitle","shareLabel","copyLinkLabel","copiedTextLabel","isPreview","modeAuthenticated","eventCardDescriptionTitle","tags","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","readingTimeInMinutes","readingTime","renderImage","isEvent","obj","jsxs","clsx","jsx","Col","CardCategory","Tags","content","Fragment","AuthorBlock","_a","_b","_c","fromISODateToDateFormatted","Row","ShareButton","ActionIconText","CopyLink"],"mappings":"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"}

package/dist/index.cjs405.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs589.js");var r=e.__require();exports.FileSaver_minExports=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs509.js");var r=e.__require();exports.FileSaver_minExports=r;
 //# sourceMappingURL=index.cjs405.js.map

package/dist/index.cjs408.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs408.js","sources":["../src/components/ui/ChangeProfileModal/ChangeProfileModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./ChangeProfileModalContent.scss\";\n\ntype ChangeProfileModalContentProps = {\n  overrideClassNames?: string;\n  children?: React.ReactNode;\n};\n\nexport const ChangeProfileModalContent = ({\n  overrideClassNames,\n  children,\n}: ChangeProfileModalContentProps) => {\n  return (\n    <div className={clsx(\"ui-consent-modal-body\", overrideClassNames)}>\n      {children}\n    </div>\n  );\n};\n"],"names":["ChangeProfileModalContent","overrideClassNames","children","clsx"],"mappings":"iLAQO,MAAMA,EAA4B,CAAC,CACxC,mBAAAC,EACA,SAAAC,CACF,4BAEK,MAAI,CAAA,UAAWC,OAAK,wBAAyBF,CAAkB,EAC7D,SAAAC,EACH"}
+{"version":3,"file":"index.cjs408.js","sources":["../src/components/ui/ChangeProfileModal/ChangeProfileModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./ChangeProfileModalContent.scss\";\r\n\r\ntype ChangeProfileModalContentProps = {\r\n  overrideClassNames?: string;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const ChangeProfileModalContent = ({\r\n  overrideClassNames,\r\n  children,\r\n}: ChangeProfileModalContentProps) => {\r\n  return (\r\n    <div className={clsx(\"ui-consent-modal-body\", overrideClassNames)}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["ChangeProfileModalContent","overrideClassNames","children","clsx"],"mappings":"iLAQO,MAAMA,EAA4B,CAAC,CACxC,mBAAAC,EACA,SAAAC,CACF,4BAEK,MAAI,CAAA,UAAWC,OAAK,wBAAyBF,CAAkB,EAC7D,SAAAC,EACH"}

package/dist/index.cjs41.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs41.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./VideoPlayer.scss\";\nimport { ArrowDown } from \"@/icons/ArrowDown\";\nimport { useState, useRef } from \"react\";\nimport { Col } from \"@/components\";\nimport { PlayVideo } from \"@/icons\";\nimport { RichText } from \"@/sections/RichText\";\n\nexport enum VIDEO_PLAYER_SIZE {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  EXTRA_LARGE = \"extra-large\",\n  VERTICAL = \"vertical\",\n  FULL_WIDTH = \"full-width\",\n}\n\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: \"666px\",\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: \"371px\",\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\ntype VideoPlayerProps = {\n  btnText: string;\n  sizeComp?: VIDEO_PLAYER_SIZE;\n  previewImageSrc?: string;\n  transcription?: string;\n  videoSrc: string;\n};\n\nexport const VideoPlayer = ({\n  btnText = \"Trascrizione\",\n  sizeComp = VIDEO_PLAYER_SIZE.LARGE,\n  transcription,\n  previewImageSrc,\n  videoSrc,\n}: VideoPlayerProps) => {\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [hasPlayedOnce, setHasPlayedOnce] = useState(false);\n  const { width } = sizeStyles[sizeComp];\n  const { heightImg } = imgSize[sizeComp];\n  const [isExpanded, setExpanded] = useState(false);\n  const videoRef = useRef<HTMLVideoElement>(null);\n\n  const handlePlay = async (e?: React.MouseEvent) => {\n    // Prevent event propagation to avoid conflicts with native video controls\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: width }}\n      className={clsx(\n        \"shadow\",\n        isExpanded && \"ui-expanded\",\n        \"video-section-container\",\n      )}\n    >\n      <div className=\"video-player-container\" style={{ height: heightImg }}>\n        <div\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        >\n          <div\n            className={clsx(\"play-button-container\", { [\"hidden\"]: isPlaying })}\n          >\n            <div className=\"play-button-icon\">\n              <PlayVideo />\n            </div>\n            <div className=\"play-button-text\">Riproduci</div>\n          </div>\n        </div>\n        <div className=\"video-container\">\n          <video\n            ref={videoRef}\n            controls\n            src={videoSrc !== \"\" ? videoSrc : undefined}\n          />\n        </div>\n      </div>\n\n      {transcription && (\n        <div className=\"transcription-container\">\n          <div\n            className={clsx(\n              \"expand-button-container\",\n              \"accordion\",\n              \"base-row justify-content-between align-items-center px-x24 w-full flex-1\",\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            >\n              <span\n                className={clsx(\n                  \"fw-semibold text-primary base-col justify-content-center\",\n                )}\n              >\n                {btnText}\n              </span>\n              <ArrowDown\n                color={\"primary\"}\n                className={clsx(\"ui-arrow\", { [\"expanded\"]: isExpanded })}\n              />\n            </button>\n          </div>\n          {isExpanded && transcription && (\n            <div\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"],"names":["VIDEO_PLAYER_SIZE","sizeStyles","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","width","heightImg","isExpanded","setExpanded","videoRef","useRef","handlePlay","e","video","error","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown","RichText"],"mappings":"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"}
+{"version":3,"file":"index.cjs41.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./VideoPlayer.scss\";\r\nimport { ArrowDown } from \"@/icons/ArrowDown\";\r\nimport { useState, useRef } from \"react\";\r\nimport { Col } from \"@/components\";\r\nimport { PlayVideo } from \"@/icons\";\r\nimport { RichText } from \"@/sections/RichText\";\r\n\r\nexport enum VIDEO_PLAYER_SIZE {\r\n  SMALL = \"small\",\r\n  MEDIUM = \"medium\",\r\n  LARGE = \"large\",\r\n  EXTRA_LARGE = \"extra-large\",\r\n  VERTICAL = \"vertical\",\r\n  FULL_WIDTH = \"full-width\",\r\n}\r\n\r\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: \"666px\",\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: \"371px\",\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\ntype VideoPlayerProps = {\r\n  btnText: string;\r\n  sizeComp?: VIDEO_PLAYER_SIZE;\r\n  previewImageSrc?: string;\r\n  transcription?: string;\r\n  videoSrc: string;\r\n};\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}: VideoPlayerProps) => {\r\n  const [isPlaying, setIsPlaying] = useState(false);\r\n  const [hasPlayedOnce, setHasPlayedOnce] = useState(false);\r\n  const { width } = sizeStyles[sizeComp];\r\n  const { heightImg } = imgSize[sizeComp];\r\n  const [isExpanded, setExpanded] = useState(false);\r\n  const videoRef = useRef<HTMLVideoElement>(null);\r\n\r\n  const handlePlay = async (e?: React.MouseEvent) => {\r\n    // Prevent event propagation to avoid conflicts with native video controls\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: width }}\r\n      className={clsx(\r\n        \"shadow\",\r\n        isExpanded && \"ui-expanded\",\r\n        \"video-section-container\",\r\n      )}\r\n    >\r\n      <div className=\"video-player-container\" style={{ height: heightImg }}>\r\n        <div\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        >\r\n          <div\r\n            className={clsx(\"play-button-container\", { [\"hidden\"]: isPlaying })}\r\n          >\r\n            <div className=\"play-button-icon\">\r\n              <PlayVideo />\r\n            </div>\r\n            <div className=\"play-button-text\">Riproduci</div>\r\n          </div>\r\n        </div>\r\n        <div className=\"video-container\">\r\n          <video\r\n            ref={videoRef}\r\n            controls\r\n            src={videoSrc !== \"\" ? videoSrc : undefined}\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      {transcription && (\r\n        <div className=\"transcription-container\">\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 px-x24 w-full flex-1\",\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            >\r\n              <span\r\n                className={clsx(\r\n                  \"fw-semibold text-primary base-col justify-content-center\",\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              />\r\n            </button>\r\n          </div>\r\n          {isExpanded && transcription && (\r\n            <div\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"],"names":["VIDEO_PLAYER_SIZE","sizeStyles","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","width","heightImg","isExpanded","setExpanded","videoRef","useRef","handlePlay","e","video","error","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown","RichText"],"mappings":"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"}

package/dist/index.cjs417.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),n=require("./index.cjs546.js"),s=require("./index.cjs558.js"),q=require("./index.cjs559.js"),z=require("./index.cjs560.js"),p=require("./index.cjs561.js"),D=require("./index.cjs562.js"),E=require("./index.cjs563.js"),l=require("./index.cjs564.js");function R(r){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(a,t,o.get?o:{enumerable:!0,get:()=>r[t]})}}return a.default=r,Object.freeze(a)}const e=R(P),S=e.forwardRef((r,a)=>{const{rest:t,...o}=q.extractMarginProps(r),[b,f]=z.getMarginStyles(o),{asChild:i,children:g,className:y,style:A,type:u,scrollHideDelay:N=u!=="scroll"?0:void 0,dir:C,size:m=s.scrollAreaPropDefs.size.default,radius:d=s.scrollAreaPropDefs.radius.default,scrollbars:c=s.scrollAreaPropDefs.scrollbars.default,...v}=t;return e.createElement(l.Root,{type:u,scrollHideDelay:N,className:n("rt-ScrollAreaRoot",b,y),style:E.mergeStyles(f,A),asChild:i},D.getSubtree({asChild:i,children:g},h=>e.createElement(e.Fragment,null,e.createElement(l.Viewport,{...v,ref:a,className:"rt-ScrollAreaViewport"},h),e.createElement("div",{className:"rt-ScrollAreaViewportFocusRing"}),c!=="vertical"?e.createElement(l.Scrollbar,{"data-radius":d,orientation:"horizontal",className:n("rt-ScrollAreaScrollbar",p.getResponsiveClassNames({className:"rt-r-size",value:m,propValues:s.scrollAreaPropDefs.size.values}))},e.createElement(l.Thumb,{className:"rt-ScrollAreaThumb"})):null,c!=="horizontal"?e.createElement(l.Scrollbar,{"data-radius":d,orientation:"vertical",className:n("rt-ScrollAreaScrollbar",p.getResponsiveClassNames({className:"rt-r-size",value:m,propValues:s.scrollAreaPropDefs.size.values}))},e.createElement(l.Thumb,{className:"rt-ScrollAreaThumb"})):null,c==="both"?e.createElement(l.Corner,{className:"rt-ScrollAreaCorner"}):null)))});S.displayName="ScrollArea";exports.ScrollArea=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),n=require("./index.cjs617.js"),s=require("./index.cjs629.js"),q=require("./index.cjs630.js"),z=require("./index.cjs631.js"),p=require("./index.cjs632.js"),D=require("./index.cjs633.js"),E=require("./index.cjs634.js"),l=require("./index.cjs635.js");function R(r){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(a,t,o.get?o:{enumerable:!0,get:()=>r[t]})}}return a.default=r,Object.freeze(a)}const e=R(P),S=e.forwardRef((r,a)=>{const{rest:t,...o}=q.extractMarginProps(r),[b,f]=z.getMarginStyles(o),{asChild:i,children:g,className:y,style:A,type:u,scrollHideDelay:N=u!=="scroll"?0:void 0,dir:C,size:m=s.scrollAreaPropDefs.size.default,radius:d=s.scrollAreaPropDefs.radius.default,scrollbars:c=s.scrollAreaPropDefs.scrollbars.default,...v}=t;return e.createElement(l.Root,{type:u,scrollHideDelay:N,className:n("rt-ScrollAreaRoot",b,y),style:E.mergeStyles(f,A),asChild:i},D.getSubtree({asChild:i,children:g},h=>e.createElement(e.Fragment,null,e.createElement(l.Viewport,{...v,ref:a,className:"rt-ScrollAreaViewport"},h),e.createElement("div",{className:"rt-ScrollAreaViewportFocusRing"}),c!=="vertical"?e.createElement(l.Scrollbar,{"data-radius":d,orientation:"horizontal",className:n("rt-ScrollAreaScrollbar",p.getResponsiveClassNames({className:"rt-r-size",value:m,propValues:s.scrollAreaPropDefs.size.values}))},e.createElement(l.Thumb,{className:"rt-ScrollAreaThumb"})):null,c!=="horizontal"?e.createElement(l.Scrollbar,{"data-radius":d,orientation:"vertical",className:n("rt-ScrollAreaScrollbar",p.getResponsiveClassNames({className:"rt-r-size",value:m,propValues:s.scrollAreaPropDefs.size.values}))},e.createElement(l.Thumb,{className:"rt-ScrollAreaThumb"})):null,c==="both"?e.createElement(l.Corner,{className:"rt-ScrollAreaCorner"}):null)))});S.displayName="ScrollArea";exports.ScrollArea=S;
 //# sourceMappingURL=index.cjs417.js.map

package/dist/index.cjs42.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs42.js","sources":["../src/components/ui/ArrowLink/index.tsx"],"sourcesContent":["import { ArrowRight } from \"@/icons/ArrowRight\";\nimport { TypographyKeys } from \"@/theme/typography\";\nimport React, { ElementType } from \"react\";\n\ntype BaseArrowLinkProps = {\n  isExternal?: boolean;\n  fs?: TypographyKeys;\n  children: React.ReactNode;\n  className?: string;\n};\n\ntype ArrowLinkAsLinkProps = BaseArrowLinkProps & {\n  href: string;\n  asLink?: \"a\" | ElementType;\n  onClick?: never;\n  type?: never;\n  asButton?: never;\n  arrowVisible?: boolean;\n};\n\ntype ArrowLinkAsButtonProps = BaseArrowLinkProps & {\n  onClick?: () => void;\n  type?: \"button\";\n  asButton?: true;\n  asLink?: never;\n  href?: never;\n  arrowVisible?: boolean;\n};\n\ntype ArrowLinkProps = ArrowLinkAsLinkProps | ArrowLinkAsButtonProps;\n\nexport const ArrowLink = ({\n  href,\n  asLink = \"a\",\n  isExternal = false,\n  fs = \"6\",\n  children,\n  className = \"\",\n  onClick,\n  type = \"button\",\n  asButton,\n  arrowVisible = true,\n  ...props\n}: ArrowLinkProps) => {\n  const createFontSizeClass = (size: TypographyKeys) => {\n    return `fs-${size}`;\n  };\n\n  const fontSizeClass = createFontSizeClass(fs);\n  const baseClasses = `max-w-fit text-decoration-none text-primary base-row align-items-center fw-bold gap-x8 hover-underline ${fontSizeClass} ${className}`;\n\n  if (asButton) {\n    return (\n      <button\n        className={`bg-transparent border-none ${baseClasses}`}\n        onClick={(e) => {\n          e.preventDefault();\n          e.stopPropagation();\n          if (onClick) {\n            onClick();\n          }\n        }}\n        type={type}\n        {...props}\n      >\n        {children}\n        {arrowVisible && (\n          <ArrowRight color={\"primary\"} width={24} height={24} />\n        )}\n      </button>\n    );\n  }\n\n  const LinkComponent = asLink;\n\n  return (\n    <LinkComponent\n      className={baseClasses}\n      href={href}\n      target={isExternal ? \"_blank\" : undefined}\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\n      {...props}\n    >\n      {children}\n      {isExternal && (\n        <span className=\"visually-hidden\">\n          {\" \"}\n          (si apre in una nuova finestra)\n        </span>\n      )}\n      {arrowVisible && <ArrowRight color={\"primary\"} width={24} height={24} />}\n    </LinkComponent>\n  );\n};\n"],"names":["ArrowLink","href","asLink","isExternal","fs","children","className","onClick","type","asButton","arrowVisible","props","baseClasses","size","jsxs","e","ArrowRight","LinkComponent"],"mappings":"oJA+BaA,EAAY,CAAC,CACxB,KAAAC,EACA,OAAAC,EAAS,IACT,WAAAC,EAAa,GACb,GAAAC,EAAK,IACL,SAAAC,EACA,UAAAC,EAAY,GACZ,QAAAC,EACA,KAAAC,EAAO,SACP,SAAAC,EACA,aAAAC,EAAe,GACf,GAAGC,CACL,IAAsB,CAMpB,MAAMC,EAAc,2GALSC,GACpB,MAAMA,CAAI,IAGuBT,CAAE,CAC+F,IAAIE,CAAS,GAExJ,GAAIG,EAEA,OAAAK,EAAA,kBAAA,KAAC,SAAA,CACC,UAAW,8BAA8BF,CAAW,GACpD,QAAUG,GAAM,CACdA,EAAE,eAAe,EACjBA,EAAE,gBAAgB,EACdR,GACMA,EAAA,CAEZ,EACA,KAAAC,EACC,GAAGG,EAEH,SAAA,CAAAN,EACAK,2BACEM,EAAW,WAAA,CAAA,MAAO,UAAW,MAAO,GAAI,OAAQ,EAAI,CAAA,CAAA,CAAA,CAEzD,EAIJ,MAAMC,EAAgBf,EAGpB,OAAAY,EAAA,kBAAA,KAACG,EAAA,CACC,UAAWL,EACX,KAAAX,EACA,OAAQE,EAAa,SAAW,OAChC,IAAKA,EAAa,sBAAwB,OACzC,GAAGQ,EAEH,SAAA,CAAAN,EACAF,GACCW,EAAA,kBAAA,KAAC,OAAK,CAAA,UAAU,kBACb,SAAA,CAAA,IAAI,iCAAA,EAEP,EAEDJ,2BAAiBM,EAAW,WAAA,CAAA,MAAO,UAAW,MAAO,GAAI,OAAQ,EAAI,CAAA,CAAA,CAAA,CACxE,CAEJ"}
+{"version":3,"file":"index.cjs42.js","sources":["../src/components/ui/ArrowLink/index.tsx"],"sourcesContent":["import { ArrowRight } from \"@/icons/ArrowRight\";\r\nimport { TypographyKeys } from \"@/theme/typography\";\r\nimport React, { ElementType } from \"react\";\r\n\r\ntype BaseArrowLinkProps = {\r\n  isExternal?: boolean;\r\n  fs?: TypographyKeys;\r\n  children: React.ReactNode;\r\n  className?: string;\r\n};\r\n\r\ntype ArrowLinkAsLinkProps = BaseArrowLinkProps & {\r\n  href: string;\r\n  asLink?: \"a\" | ElementType;\r\n  onClick?: never;\r\n  type?: never;\r\n  asButton?: never;\r\n  arrowVisible?: boolean;\r\n};\r\n\r\ntype ArrowLinkAsButtonProps = BaseArrowLinkProps & {\r\n  onClick?: () => void;\r\n  type?: \"button\";\r\n  asButton?: true;\r\n  asLink?: never;\r\n  href?: never;\r\n  arrowVisible?: boolean;\r\n};\r\n\r\ntype ArrowLinkProps = ArrowLinkAsLinkProps | ArrowLinkAsButtonProps;\r\n\r\nexport const ArrowLink = ({\r\n  href,\r\n  asLink = \"a\",\r\n  isExternal = false,\r\n  fs = \"6\",\r\n  children,\r\n  className = \"\",\r\n  onClick,\r\n  type = \"button\",\r\n  asButton,\r\n  arrowVisible = true,\r\n  ...props\r\n}: ArrowLinkProps) => {\r\n  const createFontSizeClass = (size: TypographyKeys) => {\r\n    return `fs-${size}`;\r\n  };\r\n\r\n  const fontSizeClass = createFontSizeClass(fs);\r\n  const baseClasses = `max-w-fit text-decoration-none text-primary base-row align-items-center fw-bold gap-x8 hover-underline ${fontSizeClass} ${className}`;\r\n\r\n  if (asButton) {\r\n    return (\r\n      <button\r\n        className={`bg-transparent border-none ${baseClasses}`}\r\n        onClick={(e) => {\r\n          e.preventDefault();\r\n          e.stopPropagation();\r\n          if (onClick) {\r\n            onClick();\r\n          }\r\n        }}\r\n        type={type}\r\n        {...props}\r\n      >\r\n        {children}\r\n        {arrowVisible && (\r\n          <ArrowRight color={\"primary\"} width={24} height={24} />\r\n        )}\r\n      </button>\r\n    );\r\n  }\r\n\r\n  const LinkComponent = asLink;\r\n\r\n  return (\r\n    <LinkComponent\r\n      className={baseClasses}\r\n      href={href}\r\n      target={isExternal ? \"_blank\" : undefined}\r\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\r\n      {...props}\r\n    >\r\n      {children}\r\n      {isExternal && (\r\n        <span className=\"visually-hidden\">\r\n          {\" \"}\r\n          (si apre in una nuova finestra)\r\n        </span>\r\n      )}\r\n      {arrowVisible && <ArrowRight color={\"primary\"} width={24} height={24} />}\r\n    </LinkComponent>\r\n  );\r\n};\r\n"],"names":["ArrowLink","href","asLink","isExternal","fs","children","className","onClick","type","asButton","arrowVisible","props","baseClasses","size","jsxs","e","ArrowRight","LinkComponent"],"mappings":"oJA+BaA,EAAY,CAAC,CACxB,KAAAC,EACA,OAAAC,EAAS,IACT,WAAAC,EAAa,GACb,GAAAC,EAAK,IACL,SAAAC,EACA,UAAAC,EAAY,GACZ,QAAAC,EACA,KAAAC,EAAO,SACP,SAAAC,EACA,aAAAC,EAAe,GACf,GAAGC,CACL,IAAsB,CAMpB,MAAMC,EAAc,2GALSC,GACpB,MAAMA,CAAI,IAGuBT,CAAE,CAC+F,IAAIE,CAAS,GAExJ,GAAIG,EAEA,OAAAK,EAAA,kBAAA,KAAC,SAAA,CACC,UAAW,8BAA8BF,CAAW,GACpD,QAAUG,GAAM,CACdA,EAAE,eAAe,EACjBA,EAAE,gBAAgB,EACdR,GACMA,EAAA,CAEZ,EACA,KAAAC,EACC,GAAGG,EAEH,SAAA,CAAAN,EACAK,2BACEM,EAAW,WAAA,CAAA,MAAO,UAAW,MAAO,GAAI,OAAQ,EAAI,CAAA,CAAA,CAAA,CAEzD,EAIJ,MAAMC,EAAgBf,EAGpB,OAAAY,EAAA,kBAAA,KAACG,EAAA,CACC,UAAWL,EACX,KAAAX,EACA,OAAQE,EAAa,SAAW,OAChC,IAAKA,EAAa,sBAAwB,OACzC,GAAGQ,EAEH,SAAA,CAAAN,EACAF,GACCW,EAAA,kBAAA,KAAC,OAAK,CAAA,UAAU,kBACb,SAAA,CAAA,IAAI,iCAAA,EAEP,EAEDJ,2BAAiBM,EAAW,WAAA,CAAA,MAAO,UAAW,MAAO,GAAI,OAAQ,EAAI,CAAA,CAAA,CAAA,CACxE,CAEJ"}

package/dist/index.cjs423.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs423.js","sources":["../src/components/ui/Accordion/AccordionStepper/StepItem/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport ToggleContent from \"../ToggleContent/ToggleContent\";\nimport { ToggleLabel } from \"../types\";\n\nexport interface StepData {\n  title: string;\n  content: React.ReactNode;\n}\n\ninterface StepItemProps extends StepData {\n  index: number;\n  isOpen: boolean;\n  onToggle: () => void;\n  detailLabels: ToggleLabel;\n}\n\nexport const StepItem: React.FC<StepItemProps> = ({\n  index,\n  title,\n  content,\n  isOpen,\n  detailLabels,\n  onToggle,\n}) => {\n  return (\n    <div className=\"step-item\">\n      <div className={clsx(\"step-header\", isOpen && \"open\")}>\n        <div className=\"step-number\">{index + 1}</div>\n        <div className=\"step-title\">{title}</div>\n      </div>\n\n      <div className=\"step-details\">\n        <div className=\"step-details-box\">\n          <div className=\"\"></div>\n          <div className=\"line\"></div>\n        </div>\n        <div className=\"step-details-content\">\n          <ToggleContent\n            className=\"toggle-btn\"\n            onClick={onToggle}\n            isOpen={isOpen}\n            toggleLabels={detailLabels}\n          />\n          {isOpen && <div className=\"step-content\">{content}</div>}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["StepItem","index","title","content","isOpen","detailLabels","onToggle","jsxs","clsx","jsx","ToggleContent"],"mappings":"mLAgBaA,EAAoC,CAAC,CAChD,MAAAC,EACA,MAAAC,EACA,QAAAC,EACA,OAAAC,EACA,aAAAC,EACA,SAAAC,CACF,IAEIC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,YACb,SAAA,CAAAA,yBAAC,OAAI,UAAWC,EAAAA,KAAK,cAAeJ,GAAU,MAAM,EAClD,SAAA,CAAAK,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAU,cAAe,SAAAR,EAAQ,EAAE,EACvCQ,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,aAAc,SAAMP,CAAA,CAAA,CAAA,EACrC,EAEAK,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,eACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,mBACb,SAAA,CAACE,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,EAAG,CAAA,EAClBA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,MAAO,CAAA,CAAA,EACxB,EACAF,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,uBACb,SAAA,CAAAE,EAAA,kBAAA,IAACC,EAAA,CACC,UAAU,aACV,QAASJ,EACT,OAAAF,EACA,aAAcC,CAAA,CAChB,EACCD,GAAUK,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAU,eAAgB,SAAQN,CAAA,CAAA,CAAA,CACpD,CAAA,CAAA,CACF,CAAA,CAAA,EACF"}
+{"version":3,"file":"index.cjs423.js","sources":["../src/components/ui/Accordion/AccordionStepper/StepItem/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport ToggleContent from \"../ToggleContent/ToggleContent\";\r\nimport { ToggleLabel } from \"../types\";\r\n\r\nexport interface StepData {\r\n  title: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface StepItemProps extends StepData {\r\n  index: number;\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n  detailLabels: ToggleLabel;\r\n}\r\n\r\nexport const StepItem: React.FC<StepItemProps> = ({\r\n  index,\r\n  title,\r\n  content,\r\n  isOpen,\r\n  detailLabels,\r\n  onToggle,\r\n}) => {\r\n  return (\r\n    <div className=\"step-item\">\r\n      <div className={clsx(\"step-header\", isOpen && \"open\")}>\r\n        <div className=\"step-number\">{index + 1}</div>\r\n        <div className=\"step-title\">{title}</div>\r\n      </div>\r\n\r\n      <div className=\"step-details\">\r\n        <div className=\"step-details-box\">\r\n          <div className=\"\"></div>\r\n          <div className=\"line\"></div>\r\n        </div>\r\n        <div className=\"step-details-content\">\r\n          <ToggleContent\r\n            className=\"toggle-btn\"\r\n            onClick={onToggle}\r\n            isOpen={isOpen}\r\n            toggleLabels={detailLabels}\r\n          />\r\n          {isOpen && <div className=\"step-content\">{content}</div>}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["StepItem","index","title","content","isOpen","detailLabels","onToggle","jsxs","clsx","jsx","ToggleContent"],"mappings":"mLAgBaA,EAAoC,CAAC,CAChD,MAAAC,EACA,MAAAC,EACA,QAAAC,EACA,OAAAC,EACA,aAAAC,EACA,SAAAC,CACF,IAEIC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,YACb,SAAA,CAAAA,yBAAC,OAAI,UAAWC,EAAAA,KAAK,cAAeJ,GAAU,MAAM,EAClD,SAAA,CAAAK,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAU,cAAe,SAAAR,EAAQ,EAAE,EACvCQ,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,aAAc,SAAMP,CAAA,CAAA,CAAA,EACrC,EAEAK,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,eACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,mBACb,SAAA,CAACE,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,EAAG,CAAA,EAClBA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,MAAO,CAAA,CAAA,EACxB,EACAF,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,uBACb,SAAA,CAAAE,EAAA,kBAAA,IAACC,EAAA,CACC,UAAU,aACV,QAASJ,EACT,OAAAF,EACA,aAAcC,CAAA,CAChB,EACCD,GAAUK,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAU,eAAgB,SAAQN,CAAA,CAAA,CAAA,CACpD,CAAA,CAAA,CACF,CAAA,CAAA,EACF"}

package/dist/index.cjs425.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs425.js","sources":["../src/components/ui/Accordion/AccordionStepper/ToggleContent/ToggleContent.tsx"],"sourcesContent":["import { ArrowDown, ArrowTop } from \"@/icons\";\nimport { ToggleLabel } from \"../types\";\nimport clsx from \"clsx\";\n\ntype Props = {\n  className?: string;\n  isOpen: boolean;\n  onClick: () => void;\n  toggleLabels: ToggleLabel;\n};\n\nconst ToggleContent = ({ isOpen, onClick, className, toggleLabels }: Props) => {\n  return (\n    <button className={clsx(\"\", className)} onClick={onClick}>\n      {isOpen ? toggleLabels.closeLabel : toggleLabels.activeLabel}\n      <span className=\"arrow\">{isOpen ? <ArrowTop /> : <ArrowDown />}</span>\n    </button>\n  );\n};\n\nexport default ToggleContent;\n"],"names":["ToggleContent","isOpen","onClick","className","toggleLabels","clsx","jsx","ArrowTop","ArrowDown"],"mappings":"+IAWMA,EAAgB,CAAC,CAAE,OAAAC,EAAQ,QAAAC,EAAS,UAAAC,EAAW,aAAAC,8BAEhD,SAAO,CAAA,UAAWC,EAAAA,KAAK,GAAIF,CAAS,EAAG,QAAAD,EACrC,SAAA,CAASD,EAAAG,EAAa,WAAaA,EAAa,YACjDE,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,QAAS,SAAAL,0BAAUM,EAAAA,SAAS,CAAA,CAAA,EAAMD,EAAA,kBAAA,IAAAE,EAAA,UAAA,CAAU,CAAA,CAAG,CAAA,CAAA,EACjE"}
+{"version":3,"file":"index.cjs425.js","sources":["../src/components/ui/Accordion/AccordionStepper/ToggleContent/ToggleContent.tsx"],"sourcesContent":["import { ArrowDown, ArrowTop } from \"@/icons\";\r\nimport { ToggleLabel } from \"../types\";\r\nimport clsx from \"clsx\";\r\n\r\ntype Props = {\r\n  className?: string;\r\n  isOpen: boolean;\r\n  onClick: () => void;\r\n  toggleLabels: ToggleLabel;\r\n};\r\n\r\nconst ToggleContent = ({ isOpen, onClick, className, toggleLabels }: Props) => {\r\n  return (\r\n    <button className={clsx(\"\", className)} onClick={onClick}>\r\n      {isOpen ? toggleLabels.closeLabel : toggleLabels.activeLabel}\r\n      <span className=\"arrow\">{isOpen ? <ArrowTop /> : <ArrowDown />}</span>\r\n    </button>\r\n  );\r\n};\r\n\r\nexport default ToggleContent;\r\n"],"names":["ToggleContent","isOpen","onClick","className","toggleLabels","clsx","jsx","ArrowTop","ArrowDown"],"mappings":"+IAWMA,EAAgB,CAAC,CAAE,OAAAC,EAAQ,QAAAC,EAAS,UAAAC,EAAW,aAAAC,8BAEhD,SAAO,CAAA,UAAWC,EAAAA,KAAK,GAAIF,CAAS,EAAG,QAAAD,EACrC,SAAA,CAASD,EAAAG,EAAa,WAAaA,EAAa,YACjDE,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,QAAS,SAAAL,0BAAUM,EAAAA,SAAS,CAAA,CAAA,EAAMD,EAAA,kBAAA,IAAAE,EAAA,UAAA,CAAU,CAAA,CAAG,CAAA,CAAA,EACjE"}

package/dist/index.cjs426.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs426.js","sources":["../src/components/ui/Accordion/GenericAccordion/StepItemGenericAccordion/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\n\nexport interface StepDataGenericAccordion {\n  title: string;\n  badge?: string;\n  content: React.ReactNode;\n}\n\ninterface StepItemPropsGenericAccordion extends StepDataGenericAccordion {\n  isOpen: boolean;\n  onToggle: () => void;\n}\n\nexport const StepItemGenericAccordion: React.FC<StepItemPropsGenericAccordion> = ({\n  title,\n  badge,\n  content,\n  isOpen,\n  onToggle,\n}) => {\n  return (\n    <div className={clsx(\"step-item-generic-accordion\", isOpen && \"isOpen\")}>\n      <div className=\"step-header\" onClick={onToggle}>\n        <div className=\"step-title\">{title}</div>\n        {badge && <div className=\"step-badge\">{badge}</div>}\n        <div className=\"step-arrow\">\n          <svg className=\"arrow-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\">\n            <path d=\"M12 15.5855L6.40002 9.98555L7.10002 9.18555L12 14.0855L16.9 9.18555L17.6 9.98555L12 15.5855Z\" fill=\"#207AD5\"/>\n          </svg>\n        </div>\n      </div>\n\n      <div className=\"step-details\">\n        <div className=\"step-details-content\">\n          {isOpen && <div className=\"step-content\">{content}</div>}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["StepItemGenericAccordion","title","badge","content","isOpen","onToggle","clsx","jsxs","jsx"],"mappings":"oJAaaA,EAAoE,CAAC,CAChF,MAAAC,EACA,MAAAC,EACA,QAAAC,EACA,OAAAC,EACA,SAAAC,CACF,6BAEK,MAAI,CAAA,UAAWC,EAAAA,KAAK,8BAA+BF,GAAU,QAAQ,EACpE,SAAA,CAAAG,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,cAAc,QAASF,EACpC,SAAA,CAACG,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,aAAc,SAAMP,EAAA,EAClCC,GAASM,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAU,aAAc,SAAMN,EAAA,EAC7CM,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,aACb,SAAAA,EAAA,kBAAA,IAAC,OAAI,UAAU,aAAa,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAC7G,SAAAA,EAAA,kBAAA,IAAC,OAAK,CAAA,EAAE,+FAA+F,KAAK,SAAS,CAAA,CACvH,CAAA,CACF,CAAA,CAAA,EACF,EAECA,wBAAA,MAAA,CAAI,UAAU,eACb,iCAAC,MAAI,CAAA,UAAU,uBACZ,SAAAJ,2BAAW,MAAI,CAAA,UAAU,eAAgB,SAAAD,EAAQ,EACpD,CACF,CAAA,CAAA,EACF"}
+{"version":3,"file":"index.cjs426.js","sources":["../src/components/ui/Accordion/GenericAccordion/StepItemGenericAccordion/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\n\r\nexport interface StepDataGenericAccordion {\r\n  title: string;\r\n  badge?: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface StepItemPropsGenericAccordion extends StepDataGenericAccordion {\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n}\r\n\r\nexport const StepItemGenericAccordion: React.FC<StepItemPropsGenericAccordion> = ({\r\n  title,\r\n  badge,\r\n  content,\r\n  isOpen,\r\n  onToggle,\r\n}) => {\r\n  return (\r\n    <div className={clsx(\"step-item-generic-accordion\", isOpen && \"isOpen\")}>\r\n      <div className=\"step-header\" onClick={onToggle}>\r\n        <div className=\"step-title\">{title}</div>\r\n        {badge && <div className=\"step-badge\">{badge}</div>}\r\n        <div className=\"step-arrow\">\r\n          <svg className=\"arrow-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\">\r\n            <path d=\"M12 15.5855L6.40002 9.98555L7.10002 9.18555L12 14.0855L16.9 9.18555L17.6 9.98555L12 15.5855Z\" fill=\"#207AD5\"/>\r\n          </svg>\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"step-details\">\r\n        <div className=\"step-details-content\">\r\n          {isOpen && <div className=\"step-content\">{content}</div>}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["StepItemGenericAccordion","title","badge","content","isOpen","onToggle","clsx","jsxs","jsx"],"mappings":"oJAaaA,EAAoE,CAAC,CAChF,MAAAC,EACA,MAAAC,EACA,QAAAC,EACA,OAAAC,EACA,SAAAC,CACF,6BAEK,MAAI,CAAA,UAAWC,EAAAA,KAAK,8BAA+BF,GAAU,QAAQ,EACpE,SAAA,CAAAG,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,cAAc,QAASF,EACpC,SAAA,CAACG,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,aAAc,SAAMP,EAAA,EAClCC,GAASM,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAU,aAAc,SAAMN,EAAA,EAC7CM,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,aACb,SAAAA,EAAA,kBAAA,IAAC,OAAI,UAAU,aAAa,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAC7G,SAAAA,EAAA,kBAAA,IAAC,OAAK,CAAA,EAAE,+FAA+F,KAAK,SAAS,CAAA,CACvH,CAAA,CACF,CAAA,CAAA,EACF,EAECA,wBAAA,MAAA,CAAI,UAAU,eACb,iCAAC,MAAI,CAAA,UAAU,uBACZ,SAAAJ,2BAAW,MAAI,CAAA,UAAU,eAAgB,SAAAD,EAAQ,EACpD,CACF,CAAA,CAAA,EACF"}

package/dist/index.cjs43.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs43.js","sources":["../src/components/ui/EntryButton/index.tsx"],"sourcesContent":["import { Spid } from \"@/icons/Spid\";\nimport \"./EntryButton.scss\";\nimport { Row } from \"@/components\";\n\ntype EntryButtonProps = {\n  href: string;\n  asLink?: \"a\" | React.ComponentType<any>;\n  showIcon?: boolean;\n  ariaLabel: string;\n  children: React.ReactNode;\n};\n\nexport const EntryButton = ({\n  href,\n  asLink = \"a\",\n  showIcon = false,\n  ariaLabel = \"Accedi con SPID\",\n  children,\n}: EntryButtonProps) => {\n  const LinkComponent = asLink;\n\n  return (\n    <LinkComponent\n      className=\"bg-primary min-h-x40 h-full base-row align-items-center br-x4 min-w-x252 text-decoration-none ui-entry-btn\"\n      href={href}\n      rel={\"noreferrer noopener\"}\n    >\n      <Row py={\"x8\"} px={\"x12\"} className=\"items-center ui-entry-btn-spid\">\n        {showIcon ? (\n          <Spid color=\"white\" />\n        ) : (\n          <div style={{ width: 24, height: 24 }} aria-hidden=\"true\" />\n        )}\n      </Row>\n      <span\n        className=\"p-x8 fw-bold text-white text-decoration-none fs-6\"\n        rel={\"noreferrer noopener\"}\n      >\n        {children}\n        {ariaLabel && <span className=\"visually-hidden\">{ariaLabel}</span>}\n      </span>\n    </LinkComponent>\n  );\n};\n"],"names":["EntryButton","href","asLink","showIcon","ariaLabel","children","LinkComponent","jsxs","jsx","Row","Spid"],"mappings":"oNAYaA,EAAc,CAAC,CAC1B,KAAAC,EACA,OAAAC,EAAS,IACT,SAAAC,EAAW,GACX,UAAAC,EAAY,kBACZ,SAAAC,CACF,IAAwB,CACtB,MAAMC,EAAgBJ,EAGpB,OAAAK,EAAA,kBAAA,KAACD,EAAA,CACC,UAAU,6GACV,KAAAL,EACA,IAAK,sBAEL,SAAA,CAACO,EAAAA,kBAAAA,IAAAC,EAAAA,IAAA,CAAI,GAAI,KAAM,GAAI,MAAO,UAAU,iCACjC,SAAAN,EACEK,EAAA,kBAAA,IAAAE,EAAA,KAAA,CAAK,MAAM,OAAA,CAAQ,EAEnBF,EAAA,kBAAA,IAAA,MAAA,CAAI,MAAO,CAAE,MAAO,GAAI,OAAQ,EAAG,EAAG,cAAY,MAAA,CAAO,CAE9D,CAAA,EACAD,EAAA,kBAAA,KAAC,OAAA,CACC,UAAU,oDACV,IAAK,sBAEJ,SAAA,CAAAF,EACAD,GAAaI,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,kBAAmB,SAAUJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAC7D,CAAA,CACF,CAEJ"}
+{"version":3,"file":"index.cjs43.js","sources":["../src/components/ui/EntryButton/index.tsx"],"sourcesContent":["import { Spid } from \"@/icons/Spid\";\r\nimport \"./EntryButton.scss\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype EntryButtonProps = {\r\n  href: string;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  showIcon?: boolean;\r\n  ariaLabel: string;\r\n  children: React.ReactNode;\r\n};\r\n\r\nexport const EntryButton = ({\r\n  href,\r\n  asLink = \"a\",\r\n  showIcon = false,\r\n  ariaLabel = \"Accedi con SPID\",\r\n  children,\r\n}: EntryButtonProps) => {\r\n  const LinkComponent = asLink;\r\n\r\n  return (\r\n    <LinkComponent\r\n      className=\"bg-primary min-h-x40 h-full base-row align-items-center br-x4 min-w-x252 text-decoration-none ui-entry-btn\"\r\n      href={href}\r\n      rel={\"noreferrer noopener\"}\r\n    >\r\n      <Row py={\"x8\"} px={\"x12\"} className=\"items-center ui-entry-btn-spid\">\r\n        {showIcon ? (\r\n          <Spid color=\"white\" />\r\n        ) : (\r\n          <div style={{ width: 24, height: 24 }} aria-hidden=\"true\" />\r\n        )}\r\n      </Row>\r\n      <span\r\n        className=\"p-x8 fw-bold text-white text-decoration-none fs-6\"\r\n        rel={\"noreferrer noopener\"}\r\n      >\r\n        {children}\r\n        {ariaLabel && <span className=\"visually-hidden\">{ariaLabel}</span>}\r\n      </span>\r\n    </LinkComponent>\r\n  );\r\n};\r\n"],"names":["EntryButton","href","asLink","showIcon","ariaLabel","children","LinkComponent","jsxs","jsx","Row","Spid"],"mappings":"oNAYaA,EAAc,CAAC,CAC1B,KAAAC,EACA,OAAAC,EAAS,IACT,SAAAC,EAAW,GACX,UAAAC,EAAY,kBACZ,SAAAC,CACF,IAAwB,CACtB,MAAMC,EAAgBJ,EAGpB,OAAAK,EAAA,kBAAA,KAACD,EAAA,CACC,UAAU,6GACV,KAAAL,EACA,IAAK,sBAEL,SAAA,CAACO,EAAAA,kBAAAA,IAAAC,EAAAA,IAAA,CAAI,GAAI,KAAM,GAAI,MAAO,UAAU,iCACjC,SAAAN,EACEK,EAAA,kBAAA,IAAAE,EAAA,KAAA,CAAK,MAAM,OAAA,CAAQ,EAEnBF,EAAA,kBAAA,IAAA,MAAA,CAAI,MAAO,CAAE,MAAO,GAAI,OAAQ,EAAG,EAAG,cAAY,MAAA,CAAO,CAE9D,CAAA,EACAD,EAAA,kBAAA,KAAC,OAAA,CACC,UAAU,oDACV,IAAK,sBAEJ,SAAA,CAAAF,EACAD,GAAaI,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,kBAAmB,SAAUJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAC7D,CAAA,CACF,CAEJ"}

package/dist/index.cjs436.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs595.js");var r=e.__require();exports.distExports=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs515.js");var r=e.__require();exports.distExports=r;
 //# sourceMappingURL=index.cjs436.js.map

package/dist/index.cjs44.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs44.js","sources":["../src/components/ui/BaseModal/index.tsx"],"sourcesContent":["\"use client\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { BaseModalHeader, BaseModalHeaderV2 } from \"./BaseModalHeader\";\nimport { BaseModalFooter } from \"./BaseModalFooter\";\nimport { BaseModalContent } from \"./BaseModalContent\";\nimport { BaseModalBackHeader } from \"./BaseModalBackHeader\";\nimport \"./BaseModal.scss\";\nimport clsx from \"clsx\";\nimport React from \"react\";\n\ntype BaseModalProps = {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  overrideClassNames?: string;\n  overrideBaseModalClassName?: string;\n  id?: string;\n  role?: string;\n  stacked?: boolean;\n  children: React.ReactNode;\n};\n\nconst BaseModal = ({\n  open,\n  setOpen,\n  overrideClassNames,\n  stacked = false,\n  overrideBaseModalClassName = \"ui-base-modal-overlay\",\n  id = undefined,\n  role = \"dialog\",\n  children,\n}: BaseModalProps) => {\n  const WrapperComponent = stacked ? \"div\" : React.Fragment;\n  return (\n    <WrapperComponent {...(stacked && { onPointerDownCapture: (e) => { e.stopPropagation() } })}>\n      <Dialog.Root open={open} onOpenChange={setOpen} modal={!stacked}>\n        <Dialog.Portal>\n          {!stacked && (\n            <Dialog.Overlay className={overrideBaseModalClassName} />\n          )}\n          {stacked && (\n            <div className={clsx(overrideBaseModalClassName, \"stacked-modal-overlay\")} />\n          )}\n          <Dialog.Content\n            className={clsx(\n              \"bg-white shadow br-x4 ui-base-modal-body\",\n              { \"stacked-modal-body\": stacked },\n              overrideClassNames\n            )}\n            id={id}\n            role={role}\n          >\n            {children}\n          </Dialog.Content>\n        </Dialog.Portal>\n      </Dialog.Root>\n    </WrapperComponent>\n  );\n};\n\nBaseModal.Header = BaseModalHeader;\nBaseModal.HeaderV2 = BaseModalHeaderV2;\nBaseModal.HeaderBack = BaseModalBackHeader;\nBaseModal.Content = BaseModalContent;\nBaseModal.Footer = BaseModalFooter;\n\nexport { BaseModal };\n"],"names":["BaseModal","open","setOpen","overrideClassNames","stacked","overrideBaseModalClassName","id","role","children","WrapperComponent","React","e","jsx","Dialog.Root","jsxs","Dialog.Portal","Dialog.Overlay","clsx","Dialog.Content","BaseModalHeader","BaseModalHeaderV2","BaseModalBackHeader","BaseModalContent","BaseModalFooter"],"mappings":"qWAqBMA,EAAY,CAAC,CACjB,KAAAC,EACA,QAAAC,EACA,mBAAAC,EACA,QAAAC,EAAU,GACV,2BAAAC,EAA6B,wBAC7B,GAAAC,EAAK,OACL,KAAAC,EAAO,SACP,SAAAC,CACF,IAAsB,CACd,MAAAC,EAAmBL,EAAU,MAAQM,EAAM,SACjD,+BACGD,EAAkB,CAAA,GAAIL,GAAW,CAAE,qBAAuBO,GAAM,CAAEA,EAAE,gBAAgB,CAAA,CAAI,EACvF,SAACC,EAAA,kBAAA,IAAAC,OAAA,CAAY,KAAAZ,EAAY,aAAcC,EAAS,MAAO,CAACE,EACtD,SAACU,EAAA,kBAAA,KAAAC,SAAA,CACE,SAAA,CAAA,CAACX,GACCQ,EAAAA,kBAAAA,IAAAI,EAAAA,QAAA,CAAe,UAAWX,CAA4B,CAAA,EAExDD,GACEQ,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAWK,EAAAA,KAAKZ,EAA4B,uBAAuB,EAAG,EAE7EO,EAAA,kBAAA,IAACM,EAAO,QAAP,CACC,UAAWD,EAAA,KACT,2CACA,CAAE,qBAAsBb,CAAQ,EAChCD,CACF,EACA,GAAAG,EACA,KAAAC,EAEC,SAAAC,CAAA,CAAA,CACH,CACF,CAAA,CACF,CAAA,EACF,CAEJ,EAEAR,EAAU,OAASmB,EAAA,gBACnBnB,EAAU,SAAWoB,EAAA,kBACrBpB,EAAU,WAAaqB,EAAA,oBACvBrB,EAAU,QAAUsB,EAAA,iBACpBtB,EAAU,OAASuB,EAAA"}
+{"version":3,"file":"index.cjs44.js","sources":["../src/components/ui/BaseModal/index.tsx"],"sourcesContent":["\"use client\";\r\nimport * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { BaseModalHeader, BaseModalHeaderV2 } from \"./BaseModalHeader\";\r\nimport { BaseModalFooter } from \"./BaseModalFooter\";\r\nimport { BaseModalContent } from \"./BaseModalContent\";\r\nimport { BaseModalBackHeader } from \"./BaseModalBackHeader\";\r\nimport \"./BaseModal.scss\";\r\nimport clsx from \"clsx\";\r\nimport React from \"react\";\r\n\r\ntype BaseModalProps = {\r\n  open: boolean;\r\n  setOpen: (open: boolean) => void;\r\n  overrideClassNames?: string;\r\n  overrideBaseModalClassName?: string;\r\n  id?: string;\r\n  role?: string;\r\n  stacked?: boolean;\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst BaseModal = ({\r\n  open,\r\n  setOpen,\r\n  overrideClassNames,\r\n  stacked = false,\r\n  overrideBaseModalClassName = \"ui-base-modal-overlay\",\r\n  id = undefined,\r\n  role = \"dialog\",\r\n  children,\r\n}: BaseModalProps) => {\r\n  const WrapperComponent = stacked ? \"div\" : React.Fragment;\r\n  return (\r\n    <WrapperComponent {...(stacked && { onPointerDownCapture: (e) => { e.stopPropagation() } })}>\r\n      <Dialog.Root open={open} onOpenChange={setOpen} modal={!stacked}>\r\n        <Dialog.Portal>\r\n          {!stacked && (\r\n            <Dialog.Overlay className={overrideBaseModalClassName} />\r\n          )}\r\n          {stacked && (\r\n            <div className={clsx(overrideBaseModalClassName, \"stacked-modal-overlay\")} />\r\n          )}\r\n          <Dialog.Content\r\n            className={clsx(\r\n              \"bg-white shadow br-x4 ui-base-modal-body\",\r\n              { \"stacked-modal-body\": stacked },\r\n              overrideClassNames\r\n            )}\r\n            id={id}\r\n            role={role}\r\n          >\r\n            {children}\r\n          </Dialog.Content>\r\n        </Dialog.Portal>\r\n      </Dialog.Root>\r\n    </WrapperComponent>\r\n  );\r\n};\r\n\r\nBaseModal.Header = BaseModalHeader;\r\nBaseModal.HeaderV2 = BaseModalHeaderV2;\r\nBaseModal.HeaderBack = BaseModalBackHeader;\r\nBaseModal.Content = BaseModalContent;\r\nBaseModal.Footer = BaseModalFooter;\r\n\r\nexport { BaseModal };\r\n"],"names":["BaseModal","open","setOpen","overrideClassNames","stacked","overrideBaseModalClassName","id","role","children","WrapperComponent","React","e","jsx","Dialog.Root","jsxs","Dialog.Portal","Dialog.Overlay","clsx","Dialog.Content","BaseModalHeader","BaseModalHeaderV2","BaseModalBackHeader","BaseModalContent","BaseModalFooter"],"mappings":"qWAqBMA,EAAY,CAAC,CACjB,KAAAC,EACA,QAAAC,EACA,mBAAAC,EACA,QAAAC,EAAU,GACV,2BAAAC,EAA6B,wBAC7B,GAAAC,EAAK,OACL,KAAAC,EAAO,SACP,SAAAC,CACF,IAAsB,CACd,MAAAC,EAAmBL,EAAU,MAAQM,EAAM,SACjD,+BACGD,EAAkB,CAAA,GAAIL,GAAW,CAAE,qBAAuBO,GAAM,CAAEA,EAAE,gBAAgB,CAAA,CAAI,EACvF,SAACC,EAAA,kBAAA,IAAAC,OAAA,CAAY,KAAAZ,EAAY,aAAcC,EAAS,MAAO,CAACE,EACtD,SAACU,EAAA,kBAAA,KAAAC,SAAA,CACE,SAAA,CAAA,CAACX,GACCQ,EAAAA,kBAAAA,IAAAI,EAAAA,QAAA,CAAe,UAAWX,CAA4B,CAAA,EAExDD,GACEQ,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAWK,EAAAA,KAAKZ,EAA4B,uBAAuB,EAAG,EAE7EO,EAAA,kBAAA,IAACM,EAAO,QAAP,CACC,UAAWD,EAAA,KACT,2CACA,CAAE,qBAAsBb,CAAQ,EAChCD,CACF,EACA,GAAAG,EACA,KAAAC,EAEC,SAAAC,CAAA,CAAA,CACH,CACF,CAAA,CACF,CAAA,EACF,CAEJ,EAEAR,EAAU,OAASmB,EAAA,gBACnBnB,EAAU,SAAWoB,EAAA,kBACrBpB,EAAU,WAAaqB,EAAA,oBACvBrB,EAAU,QAAUsB,EAAA,iBACpBtB,EAAU,OAASuB,EAAA"}

package/dist/index.cjs440.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs440.js","sources":["../src/components/ui/CreateReservationModal/CreateReservationModalFooter/index.tsx"],"sourcesContent":["import \"./CreateReservationModalFooter.scss\";\n\ntype CreateReservationModalFooterProps = {\n  children?: React.ReactNode;\n};\n\nexport const CreateReservationModalFooter = ({\n  children,\n}: CreateReservationModalFooterProps) => {\n  return (\n    <footer className=\"ui-consent-modal-footer bg-white shadow\">\n      {children}\n    </footer>\n  );\n};\n"],"names":["CreateReservationModalFooter","children","jsx"],"mappings":"kJAMO,MAAMA,EAA+B,CAAC,CAC3C,SAAAC,CACF,IAEKC,EAAAA,kBAAAA,IAAA,SAAA,CAAO,UAAU,0CACf,SAAAD,CACH,CAAA"}
+{"version":3,"file":"index.cjs440.js","sources":["../src/components/ui/CreateReservationModal/CreateReservationModalFooter/index.tsx"],"sourcesContent":["import \"./CreateReservationModalFooter.scss\";\r\n\r\ntype CreateReservationModalFooterProps = {\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const CreateReservationModalFooter = ({\r\n  children,\r\n}: CreateReservationModalFooterProps) => {\r\n  return (\r\n    <footer className=\"ui-consent-modal-footer bg-white shadow\">\r\n      {children}\r\n    </footer>\r\n  );\r\n};\r\n"],"names":["CreateReservationModalFooter","children","jsx"],"mappings":"kJAMO,MAAMA,EAA+B,CAAC,CAC3C,SAAAC,CACF,IAEKC,EAAAA,kBAAAA,IAAA,SAAA,CAAO,UAAU,0CACf,SAAAD,CACH,CAAA"}

package/dist/index.cjs441.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs441.js","sources":["../src/components/ui/CreateReservationModal/CreateReservationModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./CreateReservationModalContent.scss\";\n\ntype CreateReservationModalContentProps = {\n  overrideClassNames?: string;\n  children?: React.ReactNode;\n};\n\nexport const CreateReservationModalContent = ({\n  overrideClassNames,\n  children,\n}: CreateReservationModalContentProps) => {\n  return (\n    <div className={clsx(\"ui-consent-modal-body\", overrideClassNames)}>\n      {children}\n    </div>\n  );\n};\n"],"names":["CreateReservationModalContent","overrideClassNames","children","clsx"],"mappings":"iLAQO,MAAMA,EAAgC,CAAC,CAC5C,mBAAAC,EACA,SAAAC,CACF,4BAEK,MAAI,CAAA,UAAWC,OAAK,wBAAyBF,CAAkB,EAC7D,SAAAC,EACH"}
+{"version":3,"file":"index.cjs441.js","sources":["../src/components/ui/CreateReservationModal/CreateReservationModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./CreateReservationModalContent.scss\";\r\n\r\ntype CreateReservationModalContentProps = {\r\n  overrideClassNames?: string;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const CreateReservationModalContent = ({\r\n  overrideClassNames,\r\n  children,\r\n}: CreateReservationModalContentProps) => {\r\n  return (\r\n    <div className={clsx(\"ui-consent-modal-body\", overrideClassNames)}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CreateReservationModalContent","overrideClassNames","children","clsx"],"mappings":"iLAQO,MAAMA,EAAgC,CAAC,CAC5C,mBAAAC,EACA,SAAAC,CACF,4BAEK,MAAI,CAAA,UAAWC,OAAK,wBAAyBF,CAAkB,EAC7D,SAAAC,EACH"}

package/dist/index.cjs446.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs446.js","sources":["../src/components/ui/Feedback/Rating.tsx"],"sourcesContent":["import \"./Rating.scss\";\nimport { range } from \"lodash\";\nimport { clsx } from \"clsx\";\nimport { Rating as RatingIcon } from \"@/icons/Rating\";\n\nexport type RatingProps = {\n  onClick: (value: number) => void;\n  rating?: number;\n};\n\nconst STAR_QUANTITY = 5;\nconst STARS = range(1, STAR_QUANTITY + 1);\n\nexport function Rating({ onClick, rating = 0 }: RatingProps) {\n  const isRatingActive = (num: number) => num <= rating;\n\n  return (\n    <fieldset className=\"rating\">\n      <legend className=\"visually-hidden\">Valutazione</legend>\n      {STARS.map((num, index) => (\n        <button\n          key={index}\n          onClick={() => onClick(num)}\n          className={clsx(\"star black-focus\", {\n            active: isRatingActive(num),\n          })}\n        >\n          <RatingIcon className=\"icon icon-sm\" />\n\n          <span className=\"visually-hidden\">\n            Valuta {num} stelle su {STAR_QUANTITY}\n          </span>\n        </button>\n      ))}\n    </fieldset>\n  );\n}\n"],"names":["STAR_QUANTITY","STARS","range","Rating","onClick","rating","isRatingActive","num","jsxs","jsx","index","clsx","RatingIcon"],"mappings":"qPAUMA,EAAgB,EAChBC,EAAQC,EAAA,cAAA,MAAM,EAAGF,EAAgB,CAAC,EAEjC,SAASG,EAAO,CAAE,QAAAC,EAAS,OAAAC,EAAS,GAAkB,CACrD,MAAAC,EAAkBC,GAAgBA,GAAOF,EAG7C,OAAAG,EAAA,kBAAA,KAAC,WAAS,CAAA,UAAU,SAClB,SAAA,CAACC,EAAA,kBAAA,IAAA,SAAA,CAAO,UAAU,kBAAkB,SAAW,cAAA,EAC9CR,EAAM,IAAI,CAACM,EAAKG,IACfF,EAAA,kBAAA,KAAC,SAAA,CAEC,QAAS,IAAMJ,EAAQG,CAAG,EAC1B,UAAWI,OAAK,mBAAoB,CAClC,OAAQL,EAAeC,CAAG,CAAA,CAC3B,EAED,SAAA,CAACE,EAAAA,kBAAAA,IAAAG,EAAA,OAAA,CAAW,UAAU,cAAe,CAAA,EAErCJ,EAAAA,kBAAAA,KAAC,OAAK,CAAA,UAAU,kBAAkB,SAAA,CAAA,UACxBD,EAAI,cAAYP,CAAA,CAC1B,CAAA,CAAA,CAAA,EAVKU,CAYR,CAAA,CAAA,EACH,CAEJ"}
+{"version":3,"file":"index.cjs446.js","sources":["../src/components/ui/Feedback/Rating.tsx"],"sourcesContent":["import \"./Rating.scss\";\r\nimport { range } from \"lodash\";\r\nimport { clsx } from \"clsx\";\r\nimport { Rating as RatingIcon } from \"@/icons/Rating\";\r\n\r\nexport type RatingProps = {\r\n  onClick: (value: number) => void;\r\n  rating?: number;\r\n};\r\n\r\nconst STAR_QUANTITY = 5;\r\nconst STARS = range(1, STAR_QUANTITY + 1);\r\n\r\nexport function Rating({ onClick, rating = 0 }: RatingProps) {\r\n  const isRatingActive = (num: number) => num <= rating;\r\n\r\n  return (\r\n    <fieldset className=\"rating\">\r\n      <legend className=\"visually-hidden\">Valutazione</legend>\r\n      {STARS.map((num, index) => (\r\n        <button\r\n          key={index}\r\n          onClick={() => onClick(num)}\r\n          className={clsx(\"star black-focus\", {\r\n            active: isRatingActive(num),\r\n          })}\r\n        >\r\n          <RatingIcon className=\"icon icon-sm\" />\r\n\r\n          <span className=\"visually-hidden\">\r\n            Valuta {num} stelle su {STAR_QUANTITY}\r\n          </span>\r\n        </button>\r\n      ))}\r\n    </fieldset>\r\n  );\r\n}\r\n"],"names":["STAR_QUANTITY","STARS","range","Rating","onClick","rating","isRatingActive","num","jsxs","jsx","index","clsx","RatingIcon"],"mappings":"qPAUMA,EAAgB,EAChBC,EAAQC,EAAA,cAAA,MAAM,EAAGF,EAAgB,CAAC,EAEjC,SAASG,EAAO,CAAE,QAAAC,EAAS,OAAAC,EAAS,GAAkB,CACrD,MAAAC,EAAkBC,GAAgBA,GAAOF,EAG7C,OAAAG,EAAA,kBAAA,KAAC,WAAS,CAAA,UAAU,SAClB,SAAA,CAACC,EAAA,kBAAA,IAAA,SAAA,CAAO,UAAU,kBAAkB,SAAW,cAAA,EAC9CR,EAAM,IAAI,CAACM,EAAKG,IACfF,EAAA,kBAAA,KAAC,SAAA,CAEC,QAAS,IAAMJ,EAAQG,CAAG,EAC1B,UAAWI,OAAK,mBAAoB,CAClC,OAAQL,EAAeC,CAAG,CAAA,CAC3B,EAED,SAAA,CAACE,EAAAA,kBAAAA,IAAAG,EAAA,OAAA,CAAW,UAAU,cAAe,CAAA,EAErCJ,EAAAA,kBAAAA,KAAC,OAAK,CAAA,UAAU,kBAAkB,SAAA,CAAA,UACxBD,EAAI,cAAYP,CAAA,CAC1B,CAAA,CAAA,CAAA,EAVKU,CAYR,CAAA,CAAA,EACH,CAEJ"}

package/dist/index.cjs447.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs447.js","sources":["../src/components/ui/Feedback/Questions.tsx"],"sourcesContent":["import \"./Questions.scss\";\nimport { useCallback, useState } from \"react\";\nimport { Answer, QuestionsProps } from \"@anoki/fse-common\";\nimport { Button } from \"@/components\";\n\nexport function Questions({\n  questions,\n  onChangeAnswer,\n  onSend,\n  values: selectedAnswers,\n  openAnswer,\n  handleOpenAnswer,\n  buttons,\n  maxCharactersMessage,\n  openAnswerPlaceholder,\n}: QuestionsProps) {\n  const [currentStep, setCurrentStep] = useState(0);\n\n  const handleAnswerChange = useCallback(\n    (questionId: string, answer: Answer) => {\n      onChangeAnswer(questionId, answer);\n    },\n    [onChangeAnswer],\n  );\n\n  const onConfirm = () => {\n    onSend();\n  };\n\n  const handleNext = () => {\n    if (!selectedAnswers[currentStep] && questions[currentStep].type !== \"OPEN\")\n      return;\n\n    if (currentStep < questions.length - 1) {\n      setCurrentStep(currentStep + 1);\n    }\n\n    if (currentStep === questions.length - 1) {\n      onConfirm();\n    }\n  };\n\n  const handlePrevious = () => {\n    if (currentStep > 0) {\n      setCurrentStep(currentStep - 1);\n    }\n  };\n\n  return (\n    <div className=\"steppers\">\n      <div className=\"steppers-header pb-2  align-items-center\">\n        <p className={\"steppers-header-question-title\"}>\n          {questions[currentStep].question}\n        </p>\n        <span className={\"steppers-header-question-number\"}>\n          {currentStep + 1}/{questions.length}\n        </span>\n      </div>\n      <div className=\"steppers-content\" aria-live=\"polite\">\n        {questions[currentStep].type === \"CLOSE\" ? (\n          <div className=\"list-group\">\n            {questions[currentStep].answers.map((answer, index) => (\n              <label\n                key={`${questions[currentStep].id}-${index}`}\n                htmlFor={`checkbox-${answer.id}`}\n                className=\" fw-regular fs-6 list-group-item \"\n              >\n                <input\n                  type=\"radio\"\n                  id={`checkbox-${answer.id}`}\n                  name={`question-${currentStep}`}\n                  value={answer.answer}\n                  checked={\n                    selectedAnswers?.[currentStep]?.answer?.includes(answer) ||\n                    false\n                  }\n                  onChange={() =>\n                    handleAnswerChange(questions[currentStep].id, answer)\n                  }\n                  className=\"custom-control-input form-check-input me-2 black-focus\"\n                />\n                {answer.answer}\n              </label>\n            ))}\n          </div>\n        ) : (\n          <div className=\"form-group d-flex flex-column gap-1\">\n            <input\n              type=\"text\"\n              placeholder={openAnswerPlaceholder}\n              className=\"form-control black-focus\"\n              value={openAnswer}\n              onChange={(e) =>\n                e.target.value.length <= 200 && handleOpenAnswer(e.target.value)\n              }\n              autoFocus\n            />\n\n            <div className=\"d-flex justify-content-between align-items-center max-chars-container\">\n              {maxCharactersMessage && (\n                <p className=\" fs-6 fw-normal \">{maxCharactersMessage}</p>\n              )}\n              {openAnswer && openAnswer.length > 0 && (\n                <p className=\"active fs-6 fw-normal \">\n                  {openAnswer.length}/200\n                </p>\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n      <nav className=\"steppers-nav no-border shadow-none align-items-center justify-content-center gap-4 flex-wrap\">\n        <Button\n          className=\"feedback-button-back\"\n          onClick={handlePrevious}\n          disabled={currentStep === 0}\n        >\n          {buttons.previous}\n        </Button>\n\n        <Button\n          className=\"feedback-button-next\"\n          onClick={handleNext}\n          disabled={currentStep === questions.length}\n        >\n          {buttons.next}\n        </Button>\n      </nav>\n    </div>\n  );\n}\n"],"names":["Questions","questions","onChangeAnswer","onSend","selectedAnswers","openAnswer","handleOpenAnswer","buttons","maxCharactersMessage","openAnswerPlaceholder","currentStep","setCurrentStep","useState","handleAnswerChange","useCallback","questionId","answer","onConfirm","handleNext","handlePrevious","jsxs","jsx","index","_b","_a","e","Button"],"mappings":"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"}
+{"version":3,"file":"index.cjs447.js","sources":["../src/components/ui/Feedback/Questions.tsx"],"sourcesContent":["import \"./Questions.scss\";\r\nimport { useCallback, useState } from \"react\";\r\nimport { Answer, QuestionsProps } from \"@anoki/fse-common\";\r\nimport { Button } from \"@/components\";\r\n\r\nexport function Questions({\r\n  questions,\r\n  onChangeAnswer,\r\n  onSend,\r\n  values: selectedAnswers,\r\n  openAnswer,\r\n  handleOpenAnswer,\r\n  buttons,\r\n  maxCharactersMessage,\r\n  openAnswerPlaceholder,\r\n}: QuestionsProps) {\r\n  const [currentStep, setCurrentStep] = useState(0);\r\n\r\n  const handleAnswerChange = useCallback(\r\n    (questionId: string, answer: Answer) => {\r\n      onChangeAnswer(questionId, answer);\r\n    },\r\n    [onChangeAnswer],\r\n  );\r\n\r\n  const onConfirm = () => {\r\n    onSend();\r\n  };\r\n\r\n  const handleNext = () => {\r\n    if (!selectedAnswers[currentStep] && questions[currentStep].type !== \"OPEN\")\r\n      return;\r\n\r\n    if (currentStep < questions.length - 1) {\r\n      setCurrentStep(currentStep + 1);\r\n    }\r\n\r\n    if (currentStep === questions.length - 1) {\r\n      onConfirm();\r\n    }\r\n  };\r\n\r\n  const handlePrevious = () => {\r\n    if (currentStep > 0) {\r\n      setCurrentStep(currentStep - 1);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"steppers\">\r\n      <div className=\"steppers-header pb-2  align-items-center\">\r\n        <p className={\"steppers-header-question-title\"}>\r\n          {questions[currentStep].question}\r\n        </p>\r\n        <span className={\"steppers-header-question-number\"}>\r\n          {currentStep + 1}/{questions.length}\r\n        </span>\r\n      </div>\r\n      <div className=\"steppers-content\" aria-live=\"polite\">\r\n        {questions[currentStep].type === \"CLOSE\" ? (\r\n          <div className=\"list-group\">\r\n            {questions[currentStep].answers.map((answer, index) => (\r\n              <label\r\n                key={`${questions[currentStep].id}-${index}`}\r\n                htmlFor={`checkbox-${answer.id}`}\r\n                className=\" fw-regular fs-6 list-group-item \"\r\n              >\r\n                <input\r\n                  type=\"radio\"\r\n                  id={`checkbox-${answer.id}`}\r\n                  name={`question-${currentStep}`}\r\n                  value={answer.answer}\r\n                  checked={\r\n                    selectedAnswers?.[currentStep]?.answer?.includes(answer) ||\r\n                    false\r\n                  }\r\n                  onChange={() =>\r\n                    handleAnswerChange(questions[currentStep].id, answer)\r\n                  }\r\n                  className=\"custom-control-input form-check-input me-2 black-focus\"\r\n                />\r\n                {answer.answer}\r\n              </label>\r\n            ))}\r\n          </div>\r\n        ) : (\r\n          <div className=\"form-group d-flex flex-column gap-1\">\r\n            <input\r\n              type=\"text\"\r\n              placeholder={openAnswerPlaceholder}\r\n              className=\"form-control black-focus\"\r\n              value={openAnswer}\r\n              onChange={(e) =>\r\n                e.target.value.length <= 200 && handleOpenAnswer(e.target.value)\r\n              }\r\n              autoFocus\r\n            />\r\n\r\n            <div className=\"d-flex justify-content-between align-items-center max-chars-container\">\r\n              {maxCharactersMessage && (\r\n                <p className=\" fs-6 fw-normal \">{maxCharactersMessage}</p>\r\n              )}\r\n              {openAnswer && openAnswer.length > 0 && (\r\n                <p className=\"active fs-6 fw-normal \">\r\n                  {openAnswer.length}/200\r\n                </p>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n      <nav className=\"steppers-nav no-border shadow-none align-items-center justify-content-center gap-4 flex-wrap\">\r\n        <Button\r\n          className=\"feedback-button-back\"\r\n          onClick={handlePrevious}\r\n          disabled={currentStep === 0}\r\n        >\r\n          {buttons.previous}\r\n        </Button>\r\n\r\n        <Button\r\n          className=\"feedback-button-next\"\r\n          onClick={handleNext}\r\n          disabled={currentStep === questions.length}\r\n        >\r\n          {buttons.next}\r\n        </Button>\r\n      </nav>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["Questions","questions","onChangeAnswer","onSend","selectedAnswers","openAnswer","handleOpenAnswer","buttons","maxCharactersMessage","openAnswerPlaceholder","currentStep","setCurrentStep","useState","handleAnswerChange","useCallback","questionId","answer","onConfirm","handleNext","handlePrevious","jsxs","jsx","index","_b","_a","e","Button"],"mappings":"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"}

package/dist/index.cjs448.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index.cjs603.js"),t={Root:o.CardRoot};exports.CardComponent=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index.cjs523.js"),t={Root:o.CardRoot};exports.CardComponent=t;
 //# sourceMappingURL=index.cjs448.js.map

package/dist/index.cjs448.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs448.js","sources":["../src/components/ui/card/index.ts"],"sourcesContent":["import { CardRoot } from \"./CardRoot\";\n\nexport const CardComponent = {\n  Root: CardRoot,\n};\n"],"names":["CardComponent","CardRoot"],"mappings":"qHAEaA,EAAgB,CAC3B,KAAMC,EAAAA,QACR"}
+{"version":3,"file":"index.cjs448.js","sources":["../src/components/ui/card/index.ts"],"sourcesContent":["import { CardRoot } from \"./CardRoot\";\r\n\r\nexport const CardComponent = {\r\n  Root: CardRoot,\r\n};\r\n"],"names":["CardComponent","CardRoot"],"mappings":"qHAEaA,EAAgB,CAC3B,KAAMC,EAAAA,QACR"}