@anoki/fse-ui 2.3.0-5-SNAPSHOT3 → 2.3.0-5-SNAPSHOT4

package/dist/index.es27.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es27.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.es27.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.es275.js → index.es274.js}

@@ -19,4 +19,4 @@ const i = ({
 export {
   i as default
 };
-//# sourceMappingURL=index.es275.js.map
+//# sourceMappingURL=index.es274.js.map

package/dist/index.es274.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es274.js","sources":["../src/components/ui/SupportModalSimple/index.tsx"],"sourcesContent":["import { BaseModal } from \"@/components/ui/BaseModal\";\r\n\r\nconst SupportModalSimple = ({\r\n  faq,\r\n  handleCloseModal,\r\n}: {\r\n  faq: {\r\n    question: string;\r\n    answer: string;\r\n  };\r\n  handleCloseModal: () => void;\r\n}) => {\r\n  return (\r\n    <>\r\n      <BaseModal.Header\r\n        labels={{\r\n          closeButton: \"Chiudi\",\r\n        }}\r\n        onCloseClick={handleCloseModal}\r\n      >\r\n        <div>{faq?.question}</div>\r\n      </BaseModal.Header>\r\n      <BaseModal.Content className=\"pt-x4 pb-x72 content-faqs\">\r\n        <div className=\"fs-6 text-secondary second-part-container\">\r\n          <div className=\"gap-x16 mb-x24\">{faq?.answer}</div>\r\n        </div>\r\n      </BaseModal.Content>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default SupportModalSimple;\r\n"],"names":["SupportModalSimple","faq","handleCloseModal","jsxs","Fragment","jsx","BaseModal"],"mappings":";;AAEA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,KAAAC;AAAA,EACA,kBAAAC;AACF,MAQIC,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,EAAAC,gBAAAA,EAAAA;AAAAA,IAACC,EAAU;AAAA,IAAV;AAAA,MACC,QAAQ;AAAA,QACN,aAAa;AAAA,MAAA;AAAA,MAEf,cAAcJ;AAAA,MAEd,UAAAG,gBAAAA,EAAAA,IAAC,OAAA,EAAK,UAAAJ,KAAA,gBAAAA,EAAK,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAAA,wBAErBK,EAAU,SAAV,EAAkB,WAAU,6BAC3B,UAAAD,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,6CACb,gCAAC,OAAA,EAAI,WAAU,kBAAkB,UAAAJ,KAAA,gBAAAA,EAAK,QAAO,GAC/C,EAAA,CACF;AAAA,GACF;"}

package/dist/index.es277.js

@@ -0,0 +1,5 @@
+const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
+export {
+  e as createColorClasses
+};
+//# sourceMappingURL=index.es277.js.map

package/dist/index.es277.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es277.js","sources":["../src/theme/colors.ts"],"sourcesContent":["export type ColorKeys =\r\n  | \"primary\"\r\n  | \"white\"\r\n  | \"status-success\"\r\n  | \"warning\"\r\n  | \"error\"\r\n  | \"muted\"\r\n  | \"emphasis\"\r\n  | \"slate-20\"\r\n  | \"slate-14\"\r\n  | \"slate-28\"\r\n  | \"border-divider\"\r\n  | \"transparent\"\r\n  | \"blue-30\"\r\n  | \"blue-15\"\r\n  | \"disabled\"\r\n  | \"lightblue-a01\"\r\n  | \"lightblue-a02\"\r\n  | \"lightblue-a03\"\r\n  | \"secondary\"\r\n  | \"blue-48\";\r\n\r\nexport type ColorProps = {\r\n  bg?: ColorKeys;\r\n  text?: ColorKeys;\r\n  color?: ColorKeys;\r\n  border?: ColorKeys;\r\n};\r\n\r\nexport type ColorPropsKeys = keyof ColorProps;\r\nconst colorPropsKeys: ColorPropsKeys[] = [\"bg\", \"text\", \"color\", \"border\"];\r\n\r\nexport const createColorClasses = <TProps extends ColorProps>(\r\n  props: TProps,\r\n) => {\r\n  return colorPropsKeys\r\n    .map((key) => {\r\n      if (!props[key]) return \"\";\r\n\r\n      if (key === \"color\") return `text-${props[key]}`;\r\n      return `${key}-${props[key]}`;\r\n    })\r\n    .filter(Boolean);\r\n};\r\n"],"names":["colorPropsKeys","createColorClasses","props","key"],"mappings":"AA8BA,MAAMA,IAAmC,CAAC,MAAM,QAAQ,SAAS,QAAQ,GAE5DC,IAAqB,CAChCC,MAEOF,EACJ,IAAI,CAACG,MACCD,EAAMC,CAAG,IAEVA,MAAQ,UAAgB,QAAQD,EAAMC,CAAG,CAAC,KACvC,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAHH,EAIzB,EACA,OAAO,OAAO;"}

package/dist/index.es279.js

@@ -1,6 +1,6 @@
 import { j as m } from "./index.es241.js";
 import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
-import { clsx as n } from "./index.es242.js";
+import { clsx as n } from "./index.es243.js";
 const i = ({
   label: r,
   href: e,

package/dist/index.es279.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es279.js","sources":["../src/components/navigations/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import \"./Breadcrumb.scss\";\nimport clsx from \"clsx\";\nimport { ComponentType } from \"react\";\n\nexport type BreadcrumbItemProps = {\n  label: string;\n  href?: string;\n  isClickable?: boolean;\n  asLink?: \"a\" | ComponentType<any>;\n};\n\nexport const BreadcrumbItem = ({\n  label,\n  href,\n  isClickable,\n  asLink = \"a\",\n}: BreadcrumbItemProps) => {\n  const LinkComponent = asLink;\n  return (\n    <span\n      className={clsx(\"ui-breadcrumb-item\", {\n        \"active text-slate-20 fw-semibold\": isClickable,\n        \"text-slate-28\": !isClickable,\n      })}\n    >\n      {href && isClickable ? (\n        <LinkComponent href={href}>{label}</LinkComponent>\n      ) : (\n        label\n      )}\n    </span>\n  );\n};\n"],"names":["BreadcrumbItem","label","href","isClickable","asLink","LinkComponent","jsx","clsx"],"mappings":";;;AAWO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAA2B;AACzB,QAAMC,IAAgBD;AACtB,SACEE,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,sBAAsB;AAAA,QACpC,oCAAoCJ;AAAA,QACpC,iBAAiB,CAACA;AAAA,MAAA,CACnB;AAAA,MAEA,eAAQA,IACPG,gBAAAA,MAACD,GAAA,EAAc,MAAAH,GAAa,aAAM,IAElCD;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index.es279.js","sources":["../src/components/navigations/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import \"./Breadcrumb.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ComponentType } from \"react\";\r\n\r\nexport type BreadcrumbItemProps = {\r\n  label: string;\r\n  href?: string;\r\n  isClickable?: boolean;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n};\r\n\r\nexport const BreadcrumbItem = ({\r\n  label,\r\n  href,\r\n  isClickable,\r\n  asLink = \"a\",\r\n}: BreadcrumbItemProps) => {\r\n  const LinkComponent = asLink;\r\n  return (\r\n    <span\r\n      className={clsx(\"ui-breadcrumb-item\", {\r\n        \"active text-slate-20 fw-semibold\": isClickable,\r\n        \"text-slate-28\": !isClickable,\r\n      })}\r\n    >\r\n      {href && isClickable ? (\r\n        <LinkComponent href={href}>{label}</LinkComponent>\r\n      ) : (\r\n        label\r\n      )}\r\n    </span>\r\n  );\r\n};\r\n"],"names":["BreadcrumbItem","label","href","isClickable","asLink","LinkComponent","jsx","clsx"],"mappings":";;;AAWO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAA2B;AACzB,QAAMC,IAAgBD;AACtB,SACEE,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,sBAAsB;AAAA,QACpC,oCAAoCJ;AAAA,QACpC,iBAAiB,CAACA;AAAA,MAAA,CACnB;AAAA,MAEA,eAAQA,IACPG,gBAAAA,MAACD,GAAA,EAAc,MAAAH,GAAa,aAAM,IAElCD;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/index.es28.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es241.js";
-import { createColorClasses as l } from "./index.es243.js";
-import { clsx as x } from "./index.es242.js";
+import { createColorClasses as l } from "./index.es277.js";
+import { clsx as x } from "./index.es243.js";
 const p = ({
   initials: e,
   bg: r,

package/dist/index.es283.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es241.js";
 import { Button as m } from "./index.es32.js";
 import { HeaderTopBanner as y } from "./index.es12.js";
 import { useState as g, useRef as w, useCallback as C, useEffect as u } from "react";
-import { clsx as r } from "./index.es242.js";
+import { clsx as r } from "./index.es243.js";
 import { useFocusTrap as N } from "./index.es469.js";
 import { Container as k } from "./index.es65.js";
 import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */

package/dist/index.es283.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es283.js","sources":["../src/components/navigations/HeaderMobile/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@/components/ui/Button\";\nimport { Region } from \"../Header\";\nimport { HeaderTopBanner, HeaderTopBannerProps } from \"../HeaderTopBanner\";\nimport { Close, Hamburguer } from \"@/icons\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { useFocusTrap } from \"@/hooks/useFocusTrap\";\nimport { Container } from \"@/components/ui/Container\";\nimport \"./HeaderMobile.scss\";\nimport { Col } from \"@/components/ui/Col\";\nimport { Row } from \"@/components\";\n\ntype NavigationItem = {\n  label: string;\n  href: string;\n  active?: boolean;\n  isNewTab?: boolean;\n};\n\ntype NavigationLabels = {\n  closeMenu: string;\n  login: string;\n};\n\nexport type HeaderMobileProps = HeaderTopBannerProps & {\n  shortTitle: React.ReactNode;\n  menuTitle?: string;\n  region: Region;\n  navigatonItems: NavigationItem[];\n  labels: NavigationLabels;\n  loginLink?: string;\n};\n\nexport const HeaderMobile = ({\n  shortTitle,\n  menuTitle = \"Menù\",\n  region,\n  asLink = \"a\",\n  navigatonItems,\n  labels,\n  loginLink = \"/\",\n}: HeaderMobileProps) => {\n  const LinkComponent = asLink;\n  const [isOpen, setIsOpen] = useState(false);\n  const navId = \"main-navigation\";\n  const navRef = useRef<HTMLElement>(null);\n\n  useFocusTrap(navRef, isOpen);\n\n  const toggleMenu = useCallback(() => {\n    setIsOpen(!isOpen);\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isOpen) {\n      document.body.classList.add(\"ui-body-overflow-hidden\");\n    } else {\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\n    }\n\n    return () => {\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\n    };\n  }, [isOpen]);\n\n  useEffect(() => {\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\" && isOpen) {\n        toggleMenu();\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleEscape);\n    return () => document.removeEventListener(\"keydown\", handleEscape);\n  }, [isOpen, toggleMenu]);\n\n  const handleLinkClick = () => {\n    setIsOpen(false);\n  };\n\n  return (\n    <div className=\"sticky-header shadow\">\n      <HeaderTopBanner\n        asLink={asLink}\n        shortTitle={shortTitle}\n        region={region}\n      />\n\n      <Container\n        className=\"bg-slate-20 min-h-x64 base-row align-items-center justify-content-end\"\n        as=\"header\"\n        py=\"x8\"\n      >\n        <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"end\"}>\n          <Button\n            size=\"3\"\n            bg=\"white\"\n            textColor=\"primary\"\n            href={loginLink}\n            asLink=\"a\"\n            className={\"ui-login-button-header-mobile\"}\n          >\n            {labels.login}\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\n          </Button>\n          <button\n            aria-expanded={isOpen}\n            aria-label=\"Apri menu di navigazione\"\n            onClick={toggleMenu}\n            className=\"ui-mobile-menu-toggle\"\n            aria-controls={navId}\n          >\n            <Hamburguer width={40} height={40} color=\"white\" />\n          </button>\n        </Row>\n\n        <nav\n          id={navId}\n          aria-label=\"Menu di navigazione\"\n          className={clsx(isOpen ? \"ui-mobile-nav-panel\" : \"visually-hidden\")}\n          ref={navRef}\n        >\n          <Col className=\"ui-mobile-nav-header\">\n            <Button\n              size=\"4\"\n              textColor=\"primary\"\n              bg=\"transparent\"\n              onClick={toggleMenu}\n              aria-label=\"Chiudi menu di navigazione\"\n              aria-controls={navId}\n            >\n              {labels.closeMenu}\n              <Close />\n            </Button>\n            <h2 className=\"fs-3 text-slate-20\">{menuTitle}</h2>\n          </Col>\n\n          <ul className=\"list-style-none p-x16\" role=\"list\">\n            {navigatonItems.map((item, index) => {\n              return (\n                <li\n                  key={index}\n                  className={clsx(\n                    \"ui-mobile-nav-item\",\n                    item.active && \"active\",\n                  )}\n                >\n                  <LinkComponent\n                    href={item.href}\n                    className={clsx(\n                      \"text-decoration-none text-primary fs-5\",\n                      item.active ? \"fw-bold\" : \"fw-normal\",\n                    )}\n                    onClick={handleLinkClick}\n                    target={item.isNewTab ? \"_blank\" : undefined}\n                    rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\n                  >\n                    {item.label}\n                    {item.active && (\n                      <span className=\"visually-hidden\">Attivo</span>\n                    )}\n                  </LinkComponent>\n                </li>\n              );\n            })}\n          </ul>\n        </nav>\n      </Container>\n    </div>\n  );\n};\n"],"names":["HeaderMobile","shortTitle","menuTitle","region","asLink","navigatonItems","labels","loginLink","LinkComponent","isOpen","setIsOpen","useState","navId","navRef","useRef","useFocusTrap","toggleMenu","useCallback","useEffect","handleEscape","e","handleLinkClick","jsxs","jsx","HeaderTopBanner","Container","Row","Button","Hamburguer","clsx","Col","Close","item","index"],"mappings":";;;;;;;;;;;;AAmCO,MAAMA,IAAe,CAAC;AAAA,EAC3B,YAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAyB;AACvB,QAAMC,IAAgBJ,GAChB,CAACK,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpCC,IAAQ,mBACRC,IAASC,EAAoB,IAAI;AAEvC,EAAAC,EAAaF,GAAQJ,CAAM;AAE3B,QAAMO,IAAaC,EAAY,MAAM;AACnC,IAAAP,EAAU,CAACD,CAAM;AAAA,EACnB,GAAG,CAACA,CAAM,CAAC;AAEX,EAAAS,EAAU,OACJT,IACF,SAAS,KAAK,UAAU,IAAI,yBAAyB,IAErD,SAAS,KAAK,UAAU,OAAO,yBAAyB,GAGnD,MAAM;AACX,aAAS,KAAK,UAAU,OAAO,yBAAyB;AAAA,EAC1D,IACC,CAACA,CAAM,CAAC,GAEXS,EAAU,MAAM;AACd,UAAMC,IAAe,CAACC,MAAqB;AACzC,MAAIA,EAAE,QAAQ,YAAYX,KACxBO,EAAA;AAAA,IAEJ;AAEA,oBAAS,iBAAiB,WAAWG,CAAY,GAC1C,MAAM,SAAS,oBAAoB,WAAWA,CAAY;AAAA,EACnE,GAAG,CAACV,GAAQO,CAAU,CAAC;AAEvB,QAAMK,IAAkB,MAAM;AAC5B,IAAAX,EAAU,EAAK;AAAA,EACjB;AAEA,SACEY,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,QAAApB;AAAA,QACA,YAAAH;AAAA,QACA,QAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,IAGFmB,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,IAAG;AAAA,QACH,IAAG;AAAA,QAEH,UAAA;AAAA,UAAAH,gBAAAA,OAACI,KAAI,KAAK,OAAO,YAAY,UAAU,gBAAgB,OACrD,UAAA;AAAA,YAAAJ,gBAAAA,EAAAA;AAAAA,cAACK;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,IAAG;AAAA,gBACH,WAAU;AAAA,gBACV,MAAMpB;AAAA,gBACN,QAAO;AAAA,gBACP,WAAW;AAAA,gBAEV,UAAA;AAAA,kBAAAD,EAAO;AAAA,kBACRiB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA,uBAAA,CAAoB;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAExDA,gBAAAA,EAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,iBAAed;AAAA,gBACf,cAAW;AAAA,gBACX,SAASO;AAAA,gBACT,WAAU;AAAA,gBACV,iBAAeJ;AAAA,gBAEf,gCAACgB,GAAA,EAAW,OAAO,IAAI,QAAQ,IAAI,OAAM,QAAA,CAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,UACnD,GACF;AAAA,UAEAN,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAIV;AAAA,cACJ,cAAW;AAAA,cACX,WAAWiB,EAAKpB,IAAS,wBAAwB,iBAAiB;AAAA,cAClE,KAAKI;AAAA,cAEL,UAAA;AAAA,gBAAAS,gBAAAA,EAAAA,KAACQ,GAAA,EAAI,WAAU,wBACb,UAAA;AAAA,kBAAAR,gBAAAA,EAAAA;AAAAA,oBAACK;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,WAAU;AAAA,sBACV,IAAG;AAAA,sBACH,SAASX;AAAA,sBACT,cAAW;AAAA,sBACX,iBAAeJ;AAAA,sBAEd,UAAA;AAAA,wBAAAN,EAAO;AAAA,8CACPyB,GAAA,CAAA,CAAM;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAETR,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,sBAAsB,UAAArB,EAAA,CAAU;AAAA,gBAAA,GAChD;AAAA,gBAEAqB,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,yBAAwB,MAAK,QACxC,UAAAlB,EAAe,IAAI,CAAC2B,GAAMC,MAEvBV,gBAAAA,EAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,WAAWM;AAAA,sBACT;AAAA,sBACAG,EAAK,UAAU;AAAA,oBAAA;AAAA,oBAGjB,UAAAV,gBAAAA,EAAAA;AAAAA,sBAACd;AAAA,sBAAA;AAAA,wBACC,MAAMwB,EAAK;AAAA,wBACX,WAAWH;AAAA,0BACT;AAAA,0BACAG,EAAK,SAAS,YAAY;AAAA,wBAAA;AAAA,wBAE5B,SAASX;AAAA,wBACT,QAAQW,EAAK,WAAW,WAAW;AAAA,wBACnC,KAAKA,EAAK,WAAW,wBAAwB;AAAA,wBAE5C,UAAA;AAAA,0BAAAA,EAAK;AAAA,0BACLA,EAAK,UACJT,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA,SAAA,CAAM;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAE5C;AAAA,kBApBKU;AAAA,gBAAA,CAuBV,EAAA,CACH;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"index.es283.js","sources":["../src/components/navigations/HeaderMobile/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Button } from \"@/components/ui/Button\";\r\nimport { Region } from \"../Header\";\r\nimport { HeaderTopBanner, HeaderTopBannerProps } from \"../HeaderTopBanner\";\r\nimport { Close, Hamburguer } from \"@/icons\";\r\nimport { useCallback, useEffect, useRef, useState } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { useFocusTrap } from \"@/hooks/useFocusTrap\";\r\nimport { Container } from \"@/components/ui/Container\";\r\nimport \"./HeaderMobile.scss\";\r\nimport { Col } from \"@/components/ui/Col\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype NavigationItem = {\r\n  label: string;\r\n  href: string;\r\n  active?: boolean;\r\n  isNewTab?: boolean;\r\n};\r\n\r\ntype NavigationLabels = {\r\n  closeMenu: string;\r\n  login: string;\r\n};\r\n\r\nexport type HeaderMobileProps = HeaderTopBannerProps & {\r\n  shortTitle: React.ReactNode;\r\n  menuTitle?: string;\r\n  region: Region;\r\n  navigatonItems: NavigationItem[];\r\n  labels: NavigationLabels;\r\n  loginLink?: string;\r\n};\r\n\r\nexport const HeaderMobile = ({\r\n  shortTitle,\r\n  menuTitle = \"Menù\",\r\n  region,\r\n  asLink = \"a\",\r\n  navigatonItems,\r\n  labels,\r\n  loginLink = \"/\",\r\n}: HeaderMobileProps) => {\r\n  const LinkComponent = asLink;\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const navId = \"main-navigation\";\r\n  const navRef = useRef<HTMLElement>(null);\r\n\r\n  useFocusTrap(navRef, isOpen);\r\n\r\n  const toggleMenu = useCallback(() => {\r\n    setIsOpen(!isOpen);\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen) {\r\n      document.body.classList.add(\"ui-body-overflow-hidden\");\r\n    } else {\r\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\r\n    }\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\r\n    };\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    const handleEscape = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\" && isOpen) {\r\n        toggleMenu();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"keydown\", handleEscape);\r\n    return () => document.removeEventListener(\"keydown\", handleEscape);\r\n  }, [isOpen, toggleMenu]);\r\n\r\n  const handleLinkClick = () => {\r\n    setIsOpen(false);\r\n  };\r\n\r\n  return (\r\n    <div className=\"sticky-header shadow\">\r\n      <HeaderTopBanner\r\n        asLink={asLink}\r\n        shortTitle={shortTitle}\r\n        region={region}\r\n      />\r\n\r\n      <Container\r\n        className=\"bg-slate-20 min-h-x64 base-row align-items-center justify-content-end\"\r\n        as=\"header\"\r\n        py=\"x8\"\r\n      >\r\n        <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"end\"}>\r\n          <Button\r\n            size=\"3\"\r\n            bg=\"white\"\r\n            textColor=\"primary\"\r\n            href={loginLink}\r\n            asLink=\"a\"\r\n            className={\"ui-login-button-header-mobile\"}\r\n          >\r\n            {labels.login}\r\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\r\n          </Button>\r\n          <button\r\n            aria-expanded={isOpen}\r\n            aria-label=\"Apri menu di navigazione\"\r\n            onClick={toggleMenu}\r\n            className=\"ui-mobile-menu-toggle\"\r\n            aria-controls={navId}\r\n          >\r\n            <Hamburguer width={40} height={40} color=\"white\" />\r\n          </button>\r\n        </Row>\r\n\r\n        <nav\r\n          id={navId}\r\n          aria-label=\"Menu di navigazione\"\r\n          className={clsx(isOpen ? \"ui-mobile-nav-panel\" : \"visually-hidden\")}\r\n          ref={navRef}\r\n        >\r\n          <Col className=\"ui-mobile-nav-header\">\r\n            <Button\r\n              size=\"4\"\r\n              textColor=\"primary\"\r\n              bg=\"transparent\"\r\n              onClick={toggleMenu}\r\n              aria-label=\"Chiudi menu di navigazione\"\r\n              aria-controls={navId}\r\n            >\r\n              {labels.closeMenu}\r\n              <Close />\r\n            </Button>\r\n            <h2 className=\"fs-3 text-slate-20\">{menuTitle}</h2>\r\n          </Col>\r\n\r\n          <ul className=\"list-style-none p-x16\" role=\"list\">\r\n            {navigatonItems.map((item, index) => {\r\n              return (\r\n                <li\r\n                  key={index}\r\n                  className={clsx(\r\n                    \"ui-mobile-nav-item\",\r\n                    item.active && \"active\",\r\n                  )}\r\n                >\r\n                  <LinkComponent\r\n                    href={item.href}\r\n                    className={clsx(\r\n                      \"text-decoration-none text-primary fs-5\",\r\n                      item.active ? \"fw-bold\" : \"fw-normal\",\r\n                    )}\r\n                    onClick={handleLinkClick}\r\n                    target={item.isNewTab ? \"_blank\" : undefined}\r\n                    rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\r\n                  >\r\n                    {item.label}\r\n                    {item.active && (\r\n                      <span className=\"visually-hidden\">Attivo</span>\r\n                    )}\r\n                  </LinkComponent>\r\n                </li>\r\n              );\r\n            })}\r\n          </ul>\r\n        </nav>\r\n      </Container>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["HeaderMobile","shortTitle","menuTitle","region","asLink","navigatonItems","labels","loginLink","LinkComponent","isOpen","setIsOpen","useState","navId","navRef","useRef","useFocusTrap","toggleMenu","useCallback","useEffect","handleEscape","e","handleLinkClick","jsxs","jsx","HeaderTopBanner","Container","Row","Button","Hamburguer","clsx","Col","Close","item","index"],"mappings":"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"}

package/dist/index.es284.js

@@ -2,8 +2,8 @@ import { j as e } from "./index.es241.js";
 import { Divider as g } from "./index.es72.js";
 import { LOGOS as d } from "./index.es9.js";
 import { HeaderSlim as N } from "./index.es11.js";
-import { clsx as n } from "./index.es242.js";
-import { Balancer as y } from "./index.es254.js";
+import { clsx as n } from "./index.es243.js";
+import { Balancer as y } from "./index.es253.js";
 import { Button as w } from "./index.es32.js";
 import { Container as C } from "./index.es65.js";
 import './components/navigations/HeaderDesktop/HeaderDesktop.css';/* empty css            */

package/dist/index.es285.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es285.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nexport const useMediaQuery = (query: string): boolean => {\n  const [matches, setMatches] = useState(false);\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n\n    setMatches(media.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    media.addEventListener(\"change\", listener);\n\n    return () => {\n      media.removeEventListener(\"change\", listener);\n    };\n  }, [query]);\n\n  return matches;\n};\n\nexport const useMediaQueryV2 = (\n  query: string,\n  initialValue: boolean,\n): boolean => {\n  const [matches, setMatches] = useState(initialValue);\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n\n    setMatches(media.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    media.addEventListener(\"change\", listener);\n\n    return () => {\n      media.removeEventListener(\"change\", listener);\n    };\n  }, [query]);\n\n  return matches;\n};\n\ntype Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\ntype BreakpointMap = {\n  [key in Breakpoint]: boolean;\n};\n\nconst breakpoints: Record<Breakpoint, number> = {\n  xs: 576,\n  sm: 768,\n  md: 992,\n  lg: 1200,\n  xl: 1400,\n};\n\nexport const useBreakpoint = (): BreakpointMap => {\n  const [current, setCurrent] = useState<BreakpointMap>({\n    xs: false,\n    sm: false,\n    md: false,\n    lg: false,\n    xl: false,\n  });\n\n  const evaluate = () => {\n    const width = window.innerWidth;\n    const result: BreakpointMap = {\n      xs: width < breakpoints.xs,\n      sm: width >= breakpoints.xs && width < breakpoints.md,\n      md: width >= breakpoints.md && width < breakpoints.lg,\n      lg: width >= breakpoints.lg && width < breakpoints.xl,\n      xl: width >= breakpoints.lg,\n    };\n    setCurrent(result);\n  };\n\n  useEffect(() => {\n    evaluate();\n    window.addEventListener(\"resize\", evaluate);\n    return () => window.removeEventListener(\"resize\", evaluate);\n  }, []);\n\n  return current;\n};\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event","useMediaQueryV2","initialValue"],"mappings":";AAEO,MAAMA,IAAgB,CAACC,MAA2B;AACvD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAExB,UAAMC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEA,WAAAF,EAAM,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACX,MAAAD,EAAM,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EACF,GAAG,CAACN,CAAK,CAAC,GAEHC;AACT,GAEaO,IAAkB,CAC7BR,GACAS,MACY;AACZ,QAAM,CAACR,GAASC,CAAU,IAAIC,EAASM,CAAY;AAEnD,SAAAL,EAAU,MAAM;AACd,UAAMC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAExB,UAAMC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEA,WAAAF,EAAM,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACX,MAAAD,EAAM,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EACF,GAAG,CAACN,CAAK,CAAC,GAEHC;AACT;"}
+{"version":3,"file":"index.es285.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\r\n\r\nexport const useMediaQuery = (query: string): boolean => {\r\n  const [matches, setMatches] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const media = window.matchMedia(query);\r\n\r\n    setMatches(media.matches);\r\n\r\n    const listener = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    media.addEventListener(\"change\", listener);\r\n\r\n    return () => {\r\n      media.removeEventListener(\"change\", listener);\r\n    };\r\n  }, [query]);\r\n\r\n  return matches;\r\n};\r\n\r\nexport const useMediaQueryV2 = (\r\n  query: string,\r\n  initialValue: boolean,\r\n): boolean => {\r\n  const [matches, setMatches] = useState(initialValue);\r\n\r\n  useEffect(() => {\r\n    const media = window.matchMedia(query);\r\n\r\n    setMatches(media.matches);\r\n\r\n    const listener = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    media.addEventListener(\"change\", listener);\r\n\r\n    return () => {\r\n      media.removeEventListener(\"change\", listener);\r\n    };\r\n  }, [query]);\r\n\r\n  return matches;\r\n};\r\n\r\ntype Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\r\ntype BreakpointMap = {\r\n  [key in Breakpoint]: boolean;\r\n};\r\n\r\nconst breakpoints: Record<Breakpoint, number> = {\r\n  xs: 576,\r\n  sm: 768,\r\n  md: 992,\r\n  lg: 1200,\r\n  xl: 1400,\r\n};\r\n\r\nexport const useBreakpoint = (): BreakpointMap => {\r\n  const [current, setCurrent] = useState<BreakpointMap>({\r\n    xs: false,\r\n    sm: false,\r\n    md: false,\r\n    lg: false,\r\n    xl: false,\r\n  });\r\n\r\n  const evaluate = () => {\r\n    const width = window.innerWidth;\r\n    const result: BreakpointMap = {\r\n      xs: width < breakpoints.xs,\r\n      sm: width >= breakpoints.xs && width < breakpoints.md,\r\n      md: width >= breakpoints.md && width < breakpoints.lg,\r\n      lg: width >= breakpoints.lg && width < breakpoints.xl,\r\n      xl: width >= breakpoints.lg,\r\n    };\r\n    setCurrent(result);\r\n  };\r\n\r\n  useEffect(() => {\r\n    evaluate();\r\n    window.addEventListener(\"resize\", evaluate);\r\n    return () => window.removeEventListener(\"resize\", evaluate);\r\n  }, []);\r\n\r\n  return current;\r\n};\r\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event","useMediaQueryV2","initialValue"],"mappings":";AAEO,MAAMA,IAAgB,CAACC,MAA2B;AACvD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAExB,UAAMC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEA,WAAAF,EAAM,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACX,MAAAD,EAAM,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EACF,GAAG,CAACN,CAAK,CAAC,GAEHC;AACT,GAEaO,IAAkB,CAC7BR,GACAS,MACY;AACZ,QAAM,CAACR,GAASC,CAAU,IAAIC,EAASM,CAAY;AAEnD,SAAAL,EAAU,MAAM;AACd,UAAMC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAExB,UAAMC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEA,WAAAF,EAAM,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACX,MAAAD,EAAM,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EACF,GAAG,CAACN,CAAK,CAAC,GAEHC;AACT;"}

package/dist/index.es29.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es241.js";
 import './components/ui/AvatarSkeleton/AvatarSkeleton.css';/* empty css            */
-import { clsx as a } from "./index.es242.js";
+import { clsx as a } from "./index.es243.js";
 import { Col as r } from "./index.es61.js";
 const m = ({ size: t = "2" }) => {
   const s = a(

package/dist/index.es29.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es29.js","sources":["../src/components/ui/AvatarSkeleton/index.tsx"],"sourcesContent":["\"use client\";\n\nimport \"./AvatarSkeleton.scss\";\nimport { Col } from \"@/components\";\nimport clsx from \"clsx\";\n\ntype AvatarSkeletonProps = {\n  size?: \"1\" | \"2\" | \"3\";\n};\n\nexport const AvatarSkeleton = ({ size = \"2\" }: AvatarSkeletonProps) => {\n  const AVATAR_SKELETON_SIZES = {\n    \"1\": \"avatar-skeleton-circle-large\",\n    \"2\": \"avatar-skeleton-circle-medium\",\n    \"3\": \"avatar-skeleton-circle-small\",\n  };\n\n  const circleClasses = clsx(\n    \"avatar-skeleton-circle pulse\",\n    AVATAR_SKELETON_SIZES[size],\n  );\n\n  return (\n    <button className=\"bg-transparent border-none base-row align-items-center gap-x8\">\n      <div className={circleClasses}></div>\n      <Col style={{ textAlign: \"left\" }} justifyContent={\"flex-start\"}>\n        <div className=\"avatar-skeleton-name pulse\"></div>\n      </Col>\n    </button>\n  );\n};\n"],"names":["AvatarSkeleton","size","circleClasses","clsx","jsxs","jsx","Col"],"mappings":";;;;AAUO,MAAMA,IAAiB,CAAC,EAAE,MAAAC,IAAO,UAA+B;AAOrE,QAAMC,IAAgBC;AAAA,IACpB;AAAA,IAP4B;AAAA,MAC5B,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,IAAA,EAKiBF,CAAI;AAAA,EAAA;AAG5B,SACEG,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAU,iEAChB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWH,EAAA,CAAe;AAAA,IAC/BG,gBAAAA,EAAAA,IAACC,GAAA,EAAI,OAAO,EAAE,WAAW,OAAA,GAAU,gBAAgB,cACjD,UAAAD,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8BAA6B,EAAA,CAC9C;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es29.js","sources":["../src/components/ui/AvatarSkeleton/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport \"./AvatarSkeleton.scss\";\r\nimport { Col } from \"@/components\";\r\nimport clsx from \"clsx\";\r\n\r\ntype AvatarSkeletonProps = {\r\n  size?: \"1\" | \"2\" | \"3\";\r\n};\r\n\r\nexport const AvatarSkeleton = ({ size = \"2\" }: AvatarSkeletonProps) => {\r\n  const AVATAR_SKELETON_SIZES = {\r\n    \"1\": \"avatar-skeleton-circle-large\",\r\n    \"2\": \"avatar-skeleton-circle-medium\",\r\n    \"3\": \"avatar-skeleton-circle-small\",\r\n  };\r\n\r\n  const circleClasses = clsx(\r\n    \"avatar-skeleton-circle pulse\",\r\n    AVATAR_SKELETON_SIZES[size],\r\n  );\r\n\r\n  return (\r\n    <button className=\"bg-transparent border-none base-row align-items-center gap-x8\">\r\n      <div className={circleClasses}></div>\r\n      <Col style={{ textAlign: \"left\" }} justifyContent={\"flex-start\"}>\r\n        <div className=\"avatar-skeleton-name pulse\"></div>\r\n      </Col>\r\n    </button>\r\n  );\r\n};\r\n"],"names":["AvatarSkeleton","size","circleClasses","clsx","jsxs","jsx","Col"],"mappings":";;;;AAUO,MAAMA,IAAiB,CAAC,EAAE,MAAAC,IAAO,UAA+B;AAOrE,QAAMC,IAAgBC;AAAA,IACpB;AAAA,IAP4B;AAAA,MAC5B,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,IAAA,EAKiBF,CAAI;AAAA,EAAA;AAG5B,SACEG,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAU,iEAChB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWH,EAAA,CAAe;AAAA,IAC/BG,gBAAAA,EAAAA,IAACC,GAAA,EAAI,OAAO,EAAE,WAAW,OAAA,GAAU,gBAAgB,cACjD,UAAAD,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,8BAA6B,EAAA,CAC9C;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es291.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es241.js";
-import { clsx as d } from "./index.es242.js";
+import { clsx as d } from "./index.es243.js";
 import m from "./index.es293.js";
 const x = ({
   index: t,

package/dist/index.es291.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es291.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":";;;AAgBO,MAAMA,IAAoC,CAAC;AAAA,EAChD,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,EAAAA,gBAAAA,OAAC,SAAI,WAAWC,EAAK,eAAeJ,KAAU,MAAM,GAClD,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,eAAe,UAAAR,IAAQ,GAAE;AAAA,IACxCQ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cAAc,UAAAP,EAAA,CAAM;AAAA,EAAA,GACrC;AAAA,EAEAK,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,GAAA,CAAG;AAAA,MAClBA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,OAAA,CAAO;AAAA,IAAA,GACxB;AAAA,IACAF,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAAA;AAAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASJ;AAAA,UACT,QAAAF;AAAA,UACA,cAAcC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEfD,KAAUK,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAN,EAAA,CAAQ;AAAA,IAAA,EAAA,CACpD;AAAA,EAAA,EAAA,CACF;AAAA,GACF;"}
+{"version":3,"file":"index.es291.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":";;;AAgBO,MAAMA,IAAoC,CAAC;AAAA,EAChD,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,EAAAA,gBAAAA,OAAC,SAAI,WAAWC,EAAK,eAAeJ,KAAU,MAAM,GAClD,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,eAAe,UAAAR,IAAQ,GAAE;AAAA,IACxCQ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cAAc,UAAAP,EAAA,CAAM;AAAA,EAAA,GACrC;AAAA,EAEAK,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,GAAA,CAAG;AAAA,MAClBA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,OAAA,CAAO;AAAA,IAAA,GACxB;AAAA,IACAF,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAAA;AAAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASJ;AAAA,UACT,QAAAF;AAAA,UACA,cAAcC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEfD,KAAUK,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAN,EAAA,CAAQ;AAAA,IAAA,EAAA,CACpD;AAAA,EAAA,EAAA,CACF;AAAA,GACF;"}

package/dist/index.es293.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es241.js";
-import { clsx as e } from "./index.es242.js";
+import { clsx as e } from "./index.es243.js";
 import { ArrowTop as m } from "./index.es171.js";
 import { ArrowDown as n } from "./index.es168.js";
 const p = ({ isOpen: o, onClick: t, className: a, toggleLabels: s }) => /* @__PURE__ */ r.jsxs("button", { className: e("", a), onClick: t, children: [

package/dist/index.es293.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es293.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":";;;;AAWA,MAAMA,IAAgB,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,cAAAC,+BAEhD,UAAA,EAAO,WAAWC,EAAK,IAAIF,CAAS,GAAG,SAAAD,GACrC,UAAA;AAAA,EAAAD,IAASG,EAAa,aAAaA,EAAa;AAAA,EACjDE,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAS,UAAAL,0BAAUM,GAAA,CAAA,CAAS,IAAKD,gBAAAA,EAAAA,IAACE,GAAA,CAAA,CAAU,EAAA,CAAG;AAAA,GACjE;"}
+{"version":3,"file":"index.es293.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":";;;;AAWA,MAAMA,IAAgB,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,cAAAC,+BAEhD,UAAA,EAAO,WAAWC,EAAK,IAAIF,CAAS,GAAG,SAAAD,GACrC,UAAA;AAAA,EAAAD,IAASG,EAAa,aAAaA,EAAa;AAAA,EACjDE,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAS,UAAAL,0BAAUM,GAAA,CAAA,CAAS,IAAKD,gBAAAA,EAAAA,IAACE,GAAA,CAAA,CAAU,EAAA,CAAG;AAAA,GACjE;"}

package/dist/index.es294.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es241.js";
-import { clsx as a } from "./index.es242.js";
-import { StepArrow as d } from "./index.es678.js";
+import { clsx as a } from "./index.es243.js";
+import { StepArrow as d } from "./index.es625.js";
 const m = ({ title: t, badge: r, content: i, isOpen: s, onToggle: c }) => /* @__PURE__ */ e.jsxs("div", { className: a("step-item-generic-accordion", s && "isOpen"), children: [
   /* @__PURE__ */ e.jsxs(
     "button",

package/dist/index.es294.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es294.js","sources":["../src/components/ui/Accordion/GenericAccordion/StepItemGenericAccordion/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { StepArrow } from \"../../../../../icons/StepArrow\";\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<\n  StepItemPropsGenericAccordion\n> = ({ title, badge, content, isOpen, onToggle }) => {\n  return (\n    <div className={clsx(\"step-item-generic-accordion\", isOpen && \"isOpen\")}>\n      <button\n        type=\"button\"\n        className=\"step-header\"\n        onClick={onToggle}\n        aria-expanded={isOpen}\n      >\n        <div className=\"step-title\" title={title}>{title}</div>\n        {badge && <div className=\"step-badge\">{badge}</div>}\n        <div className=\"step-arrow\">\n          <StepArrow\n            width={24}\n            height={25}\n            className=\"arrow-icon\"\n            decorative={true}\n          />\n        </div>\n      </button>\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","StepArrow"],"mappings":";;;AAcO,MAAMA,IAET,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,QAAAC,GAAQ,UAAAC,+BAEjC,OAAA,EAAI,WAAWC,EAAK,+BAA+BF,KAAU,QAAQ,GACpE,UAAA;AAAA,EAAAG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAASF;AAAA,MACT,iBAAeD;AAAA,MAEf,UAAA;AAAA,QAAAI,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cAAa,OAAAP,GAAe,UAAAA,GAAM;AAAA,QAChDC,KAASM,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cAAc,UAAAN,GAAM;AAAA,QAC7CM,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cACb,UAAAA,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAU;AAAA,YACV,YAAY;AAAA,UAAA;AAAA,QAAA,EACd,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAGFD,gBAAAA,MAAC,OAAA,EAAI,WAAU,gBACb,gCAAC,OAAA,EAAI,WAAU,wBACZ,UAAAJ,2BAAW,OAAA,EAAI,WAAU,gBAAgB,UAAAD,GAAQ,GACpD,EAAA,CACF;AAAA,GACF;"}
+{"version":3,"file":"index.es294.js","sources":["../src/components/ui/Accordion/GenericAccordion/StepItemGenericAccordion/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { StepArrow } from \"../../../../../icons/StepArrow\";\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<\r\n  StepItemPropsGenericAccordion\r\n> = ({ title, badge, content, isOpen, onToggle }) => {\r\n  return (\r\n    <div className={clsx(\"step-item-generic-accordion\", isOpen && \"isOpen\")}>\r\n      <button\r\n        type=\"button\"\r\n        className=\"step-header\"\r\n        onClick={onToggle}\r\n        aria-expanded={isOpen}\r\n      >\r\n        <div className=\"step-title\" title={title}>{title}</div>\r\n        {badge && <div className=\"step-badge\">{badge}</div>}\r\n        <div className=\"step-arrow\">\r\n          <StepArrow\r\n            width={24}\r\n            height={25}\r\n            className=\"arrow-icon\"\r\n            decorative={true}\r\n          />\r\n        </div>\r\n      </button>\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","StepArrow"],"mappings":";;;AAcO,MAAMA,IAET,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,QAAAC,GAAQ,UAAAC,+BAEjC,OAAA,EAAI,WAAWC,EAAK,+BAA+BF,KAAU,QAAQ,GACpE,UAAA;AAAA,EAAAG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAASF;AAAA,MACT,iBAAeD;AAAA,MAEf,UAAA;AAAA,QAAAI,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cAAa,OAAAP,GAAe,UAAAA,GAAM;AAAA,QAChDC,KAASM,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cAAc,UAAAN,GAAM;AAAA,QAC7CM,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cACb,UAAAA,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAU;AAAA,YACV,YAAY;AAAA,UAAA;AAAA,QAAA,EACd,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAGFD,gBAAAA,MAAC,OAAA,EAAI,WAAU,gBACb,gCAAC,OAAA,EAAI,WAAU,wBACZ,UAAAJ,2BAAW,OAAA,EAAI,WAAU,gBAAgB,UAAAD,GAAQ,GACpD,EAAA,CACF;AAAA,GACF;"}

package/dist/index.es296.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es506.js";
+import { __require as r } from "./index.es500.js";
 var i = r();
 export {
   i as d

package/dist/index.es297.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es510.js";
+import { __require as r } from "./index.es504.js";
 var i = r();
 export {
   i as F

package/dist/index.es30.js

@@ -5,7 +5,7 @@ import { BaseModalFooter as u } from "./index.es318.js";
 import { BaseModalContent as H } from "./index.es319.js";
 import { BaseModalBackHeader as g } from "./index.es320.js";
 import './components/ui/BaseModal/BaseModal.css';/* empty css            */
-import { clsx as t } from "./index.es242.js";
+import { clsx as t } from "./index.es243.js";
 import v from "react";
 const e = ({
   open: m,

package/dist/index.es30.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es30.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":";;;;;;;;;AAqBA,MAAMA,IAAY,CAAC;AAAA,EACjB,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,4BAAAC,IAA6B;AAAA,EAC7B,IAAAC,IAAK;AAAA,EACL,MAAAC,IAAO;AAAA,EACP,UAAAC;AACF,MAAsB;AACpB,QAAMC,IAAmBL,IAAU,QAAQM,EAAM;AACjD,+BACGD,GAAA,EAAkB,GAAIL,KAAW,EAAE,sBAAsB,CAACO,MAAM;AAAE,IAAAA,EAAE,gBAAA;AAAA,EAAkB,EAAA,GACrF,UAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAY,MAAAZ,GAAY,cAAcC,GAAS,OAAO,CAACE,GACtD,UAAAU,gBAAAA,EAAAA,KAACC,GAAA,EACE,UAAA;AAAA,IAAA,CAACX,KACAQ,gBAAAA,EAAAA,IAACI,GAAA,EAAe,WAAWX,EAAA,CAA4B;AAAA,IAExDD,KACCQ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWK,EAAKZ,GAA4B,uBAAuB,GAAG;AAAA,IAE7EO,gBAAAA,EAAAA;AAAAA,MAACM;AAAAA,MAAA;AAAA,QACC,WAAWD;AAAA,UACT;AAAA,UACA,EAAE,sBAAsBb,EAAA;AAAA,UACxBD;AAAA,QAAA;AAAA,QAEF,IAAAG;AAAA,QACA,MAAAC;AAAA,QAEC,UAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,EAAA,CACF,GACF,GACF;AAEJ;AAEAR,EAAU,SAASmB;AACnBnB,EAAU,WAAWoB;AACrBpB,EAAU,aAAaqB;AACvBrB,EAAU,UAAUsB;AACpBtB,EAAU,SAASuB;"}
+{"version":3,"file":"index.es30.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":";;;;;;;;;AAqBA,MAAMA,IAAY,CAAC;AAAA,EACjB,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,4BAAAC,IAA6B;AAAA,EAC7B,IAAAC,IAAK;AAAA,EACL,MAAAC,IAAO;AAAA,EACP,UAAAC;AACF,MAAsB;AACpB,QAAMC,IAAmBL,IAAU,QAAQM,EAAM;AACjD,+BACGD,GAAA,EAAkB,GAAIL,KAAW,EAAE,sBAAsB,CAACO,MAAM;AAAE,IAAAA,EAAE,gBAAA;AAAA,EAAkB,EAAA,GACrF,UAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAY,MAAAZ,GAAY,cAAcC,GAAS,OAAO,CAACE,GACtD,UAAAU,gBAAAA,EAAAA,KAACC,GAAA,EACE,UAAA;AAAA,IAAA,CAACX,KACAQ,gBAAAA,EAAAA,IAACI,GAAA,EAAe,WAAWX,EAAA,CAA4B;AAAA,IAExDD,KACCQ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWK,EAAKZ,GAA4B,uBAAuB,GAAG;AAAA,IAE7EO,gBAAAA,EAAAA;AAAAA,MAACM;AAAAA,MAAA;AAAA,QACC,WAAWD;AAAA,UACT;AAAA,UACA,EAAE,sBAAsBb,EAAA;AAAA,UACxBD;AAAA,QAAA;AAAA,QAEF,IAAAG;AAAA,QACA,MAAAC;AAAA,QAEC,UAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,EAAA,CACF,GACF,GACF;AAEJ;AAEAR,EAAU,SAASmB;AACnBnB,EAAU,WAAWoB;AACrBpB,EAAU,aAAaqB;AACvBrB,EAAU,UAAUsB;AACpBtB,EAAU,SAASuB;"}

package/dist/index.es304.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es241.js";
-import { clsx as d } from "./index.es242.js";
+import { clsx as d } from "./index.es243.js";
 import './components/ui/AddNewModal/AddNewModalContent/AddNewModalContent.css';/* empty css            */
 const a = ({
   overrideClassNames: o,

package/dist/index.es308.js

@@ -1,9 +1,9 @@
 import * as l from "react";
-import { createContextScope as T } from "./index.es479.js";
-import { useComposedRefs as A } from "./index.es480.js";
+import { createContextScope as T } from "./index.es474.js";
+import { useComposedRefs as A } from "./index.es473.js";
 import { createDialogScope as v, Root as O, Portal as j, Overlay as b, WarningProvider as w, Content as M, Title as I, Description as L, Close as f, Trigger as $ } from "./index.es316.js";
-import { composeEventHandlers as F } from "./index.es481.js";
-import { createSlottable as G } from "./index.es482.js";
+import { composeEventHandlers as F } from "./index.es472.js";
+import { createSlottable as G } from "./index.es485.js";
 import { j as i } from "./index.es241.js";
 var D = "AlertDialog", [W] = T(D, [
   v

package/dist/index.es31.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es31.js","sources":["../src/components/ui/Blockquote/index.tsx"],"sourcesContent":["import \"./Blockquote.scss\";\n\nexport enum BlockquoteVariantEnum {\n  LEFTLINE = \"left-line\",\n  BLUEBOX = \"blue-box\",\n  LIGHTBG = \"light-bg\",\n}\n\nexport type BlockquoteProps = {\n  text: string | React.ReactNode;\n  author: string;\n  variant?: BlockquoteVariantEnum;\n};\n\nexport function Blockquote({\n  text,\n  author,\n  variant = BlockquoteVariantEnum.LEFTLINE,\n}: BlockquoteProps) {\n  return (\n    <blockquote className={`styled-blockquote ${variant}`}>\n      <div>{text}</div>\n      <footer>{author}</footer>\n    </blockquote>\n  );\n}\n"],"names":["BlockquoteVariantEnum","Blockquote","text","author","variant","jsxs","jsx"],"mappings":";;AAEO,IAAKA,sBAAAA,OACVA,EAAA,WAAW,aACXA,EAAA,UAAU,YACVA,EAAA,UAAU,YAHAA,IAAAA,KAAA,CAAA,CAAA;AAYL,SAASC,EAAW;AAAA,EACzB,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC,IAAU;AAAA;AACZ,GAAoB;AAClB,SACEC,gBAAAA,EAAAA,KAAC,cAAA,EAAW,WAAW,qBAAqBD,CAAO,IACjD,UAAA;AAAA,IAAAE,gBAAAA,EAAAA,IAAC,SAAK,UAAAJ,EAAA,CAAK;AAAA,IACXI,gBAAAA,EAAAA,IAAC,YAAQ,UAAAH,EAAA,CAAO;AAAA,EAAA,GAClB;AAEJ;"}
+{"version":3,"file":"index.es31.js","sources":["../src/components/ui/Blockquote/index.tsx"],"sourcesContent":["import \"./Blockquote.scss\";\r\n\r\nexport enum BlockquoteVariantEnum {\r\n  LEFTLINE = \"left-line\",\r\n  BLUEBOX = \"blue-box\",\r\n  LIGHTBG = \"light-bg\",\r\n}\r\n\r\nexport type BlockquoteProps = {\r\n  text: string | React.ReactNode;\r\n  author: string;\r\n  variant?: BlockquoteVariantEnum;\r\n};\r\n\r\nexport function Blockquote({\r\n  text,\r\n  author,\r\n  variant = BlockquoteVariantEnum.LEFTLINE,\r\n}: BlockquoteProps) {\r\n  return (\r\n    <blockquote className={`styled-blockquote ${variant}`}>\r\n      <div>{text}</div>\r\n      <footer>{author}</footer>\r\n    </blockquote>\r\n  );\r\n}\r\n"],"names":["BlockquoteVariantEnum","Blockquote","text","author","variant","jsxs","jsx"],"mappings":";;AAEO,IAAKA,sBAAAA,OACVA,EAAA,WAAW,aACXA,EAAA,UAAU,YACVA,EAAA,UAAU,YAHAA,IAAAA,KAAA,CAAA,CAAA;AAYL,SAASC,EAAW;AAAA,EACzB,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC,IAAU;AAAA;AACZ,GAAoB;AAClB,SACEC,gBAAAA,EAAAA,KAAC,cAAA,EAAW,WAAW,qBAAqBD,CAAO,IACjD,UAAA;AAAA,IAAAE,gBAAAA,EAAAA,IAAC,SAAK,UAAAJ,EAAA,CAAK;AAAA,IACXI,gBAAAA,EAAAA,IAAC,YAAQ,UAAAH,EAAA,CAAO;AAAA,EAAA,GAClB;AAEJ;"}

package/dist/index.es312.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es312.js","sources":["../src/utils/dates.ts"],"sourcesContent":["import { DateTime } from \"luxon\";\n\nexport const fromISODateToRangeFormat = (\n  ISODateStartAt: string | null,\n  ISODateEndAt: string | null,\n  t: (key: string) => string,\n  locale = \"it\",\n) => {\n  if (!ISODateStartAt || !ISODateEndAt) return null;\n  const startDate = DateTime.fromISO(ISODateStartAt).setLocale(locale);\n  const endDate = DateTime.fromISO(ISODateEndAt).setLocale(locale);\n\n  if (startDate.hasSame(endDate, \"month\")) {\n    return `${t(\"from\")} ${startDate.toFormat(\"d\")} ${t(\"to\")} ${endDate.toFormat(\"d MMMM\")}`;\n  }\n  return `${t(\"from\")} ${startDate.toFormat(\"d MMMM\")} ${t(\"to\")} ${endDate.toFormat(\"d MMMM\")}`;\n};\n\nexport const fromISODateToDateFormatted = (\n  ISODate: string | null,\n  locale: string = \"it\",\n) => {\n  if (!ISODate) return null;\n  const date = DateTime.fromISO(ISODate).setLocale(locale);\n  return date.toFormat(\"dd/MM/yyyy\");\n};\n\nexport const fromISOToFormat = (ISODate: string | null) => {\n  if (!ISODate) return \" - \";\n  const date = DateTime.fromISO(ISODate).setLocale(\"it\");\n  return date.toFormat(\"dd/MM/yyyy\");\n};\n\nexport const formatRangeDateToISO = (startDate: string, endDate: string) => {\n  const startDateTime = DateTime.fromFormat(startDate, \"yyyy-MM-dd\");\n  const endDateTime = DateTime.fromFormat(endDate, \"yyyy-MM-dd\");\n\n  if (!startDateTime.isValid) {\n    console.error(\"Invalid start date:\", startDateTime.invalidExplanation);\n  }\n\n  if (!endDateTime.isValid) {\n    console.error(\"Invalid end date:\", endDateTime.invalidExplanation);\n  }\n\n  return [\n    startDateTime.startOf(\"day\").toISO() ?? \"\",\n    endDateTime.endOf(\"day\").toISO() ?? \"\",\n  ];\n};\n\nexport const isActiveDate = (expirationDate: string | null) => {\n  if (!expirationDate) return false;\n  return DateTime.fromISO(expirationDate).toMillis() > Date.now();\n};\n"],"names":["fromISODateToDateFormatted","ISODate","locale","DateTime"],"mappings":";AAkBO,MAAMA,IAA6B,CACxCC,GACAC,IAAiB,SAEZD,IACQE,EAAS,QAAQF,CAAO,EAAE,UAAUC,CAAM,EAC3C,SAAS,YAAY,IAFZ;"}
+{"version":3,"file":"index.es312.js","sources":["../src/utils/dates.ts"],"sourcesContent":["import { DateTime } from \"luxon\";\r\n\r\nexport const fromISODateToRangeFormat = (\r\n  ISODateStartAt: string | null,\r\n  ISODateEndAt: string | null,\r\n  t: (key: string) => string,\r\n  locale = \"it\",\r\n) => {\r\n  if (!ISODateStartAt || !ISODateEndAt) return null;\r\n  const startDate = DateTime.fromISO(ISODateStartAt).setLocale(locale);\r\n  const endDate = DateTime.fromISO(ISODateEndAt).setLocale(locale);\r\n\r\n  if (startDate.hasSame(endDate, \"month\")) {\r\n    return `${t(\"from\")} ${startDate.toFormat(\"d\")} ${t(\"to\")} ${endDate.toFormat(\"d MMMM\")}`;\r\n  }\r\n  return `${t(\"from\")} ${startDate.toFormat(\"d MMMM\")} ${t(\"to\")} ${endDate.toFormat(\"d MMMM\")}`;\r\n};\r\n\r\nexport const fromISODateToDateFormatted = (\r\n  ISODate: string | null,\r\n  locale: string = \"it\",\r\n) => {\r\n  if (!ISODate) return null;\r\n  const date = DateTime.fromISO(ISODate).setLocale(locale);\r\n  return date.toFormat(\"dd/MM/yyyy\");\r\n};\r\n\r\nexport const fromISOToFormat = (ISODate: string | null) => {\r\n  if (!ISODate) return \" - \";\r\n  const date = DateTime.fromISO(ISODate).setLocale(\"it\");\r\n  return date.toFormat(\"dd/MM/yyyy\");\r\n};\r\n\r\nexport const formatRangeDateToISO = (startDate: string, endDate: string) => {\r\n  const startDateTime = DateTime.fromFormat(startDate, \"yyyy-MM-dd\");\r\n  const endDateTime = DateTime.fromFormat(endDate, \"yyyy-MM-dd\");\r\n\r\n  if (!startDateTime.isValid) {\r\n    console.error(\"Invalid start date:\", startDateTime.invalidExplanation);\r\n  }\r\n\r\n  if (!endDateTime.isValid) {\r\n    console.error(\"Invalid end date:\", endDateTime.invalidExplanation);\r\n  }\r\n\r\n  return [\r\n    startDateTime.startOf(\"day\").toISO() ?? \"\",\r\n    endDateTime.endOf(\"day\").toISO() ?? \"\",\r\n  ];\r\n};\r\n\r\nexport const isActiveDate = (expirationDate: string | null) => {\r\n  if (!expirationDate) return false;\r\n  return DateTime.fromISO(expirationDate).toMillis() > Date.now();\r\n};\r\n"],"names":["fromISODateToDateFormatted","ISODate","locale","DateTime"],"mappings":";AAkBO,MAAMA,IAA6B,CACxCC,GACAC,IAAiB,SAEZD,IACQE,EAAS,QAAQF,CAAO,EAAE,UAAUC,CAAM,EAC3C,SAAS,YAAY,IAFZ;"}

package/dist/index.es313.js

@@ -1,4 +1,4 @@
-import { useCopyToClipboard as c } from "./index.es603.js";
+import { useCopyToClipboard as c } from "./index.es499.js";
 import { useState as n } from "react";
 const l = () => {
   const [e, t] = c(), [p, o] = n(!1);

package/dist/index.es313.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es313.js","sources":["../src/hooks/useCopyToClipboardCurrentPage.ts"],"sourcesContent":["import { useCopyToClipboard as useCopyToClipboardNative } from \"usehooks-ts\";\n\nimport { useState } from \"react\";\n\nexport const useCopyToClipboardCurrentPage = () => {\n  const [copiedText, copy] = useCopyToClipboardNative();\n  const [isCopied, setIsCopied] = useState(false);\n\n  const copyToClipboard = () => {\n    if (typeof window === \"undefined\") return;\n    const completeUrl = window.location.href;\n    copy(completeUrl)\n      .then(() => {\n        setIsCopied(() => true);\n        setTimeout(() => {\n          setIsCopied(false);\n        }, 1500);\n      })\n      .catch((error) => {\n        console.debug(\"Failed to copy!\", error);\n      });\n  };\n\n  return {\n    isCopied,\n    copiedText,\n    copyToClipboard,\n  };\n};\n"],"names":["useCopyToClipboardCurrentPage","copiedText","copy","useCopyToClipboardNative","isCopied","setIsCopied","useState","completeUrl","error"],"mappings":";;AAIO,MAAMA,IAAgC,MAAM;AACjD,QAAM,CAACC,GAAYC,CAAI,IAAIC,EAAA,GACrB,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAiB9C,SAAO;AAAA,IACL,UAAAF;AAAA,IACA,YAAAH;AAAA,IACA,iBAlBsB,MAAM;AAC5B,UAAI,OAAO,SAAW,IAAa;AACnC,YAAMM,IAAc,OAAO,SAAS;AACpC,MAAAL,EAAKK,CAAW,EACb,KAAK,MAAM;AACV,QAAAF,EAAY,MAAM,EAAI,GACtB,WAAW,MAAM;AACf,UAAAA,EAAY,EAAK;AAAA,QACnB,GAAG,IAAI;AAAA,MACT,CAAC,EACA,MAAM,CAACG,MAAU;AAChB,gBAAQ,MAAM,mBAAmBA,CAAK;AAAA,MACxC,CAAC;AAAA,IACL;AAAA,EAKE;AAEJ;"}
+{"version":3,"file":"index.es313.js","sources":["../src/hooks/useCopyToClipboardCurrentPage.ts"],"sourcesContent":["import { useCopyToClipboard as useCopyToClipboardNative } from \"usehooks-ts\";\r\n\r\nimport { useState } from \"react\";\r\n\r\nexport const useCopyToClipboardCurrentPage = () => {\r\n  const [copiedText, copy] = useCopyToClipboardNative();\r\n  const [isCopied, setIsCopied] = useState(false);\r\n\r\n  const copyToClipboard = () => {\r\n    if (typeof window === \"undefined\") return;\r\n    const completeUrl = window.location.href;\r\n    copy(completeUrl)\r\n      .then(() => {\r\n        setIsCopied(() => true);\r\n        setTimeout(() => {\r\n          setIsCopied(false);\r\n        }, 1500);\r\n      })\r\n      .catch((error) => {\r\n        console.debug(\"Failed to copy!\", error);\r\n      });\r\n  };\r\n\r\n  return {\r\n    isCopied,\r\n    copiedText,\r\n    copyToClipboard,\r\n  };\r\n};\r\n"],"names":["useCopyToClipboardCurrentPage","copiedText","copy","useCopyToClipboardNative","isCopied","setIsCopied","useState","completeUrl","error"],"mappings":";;AAIO,MAAMA,IAAgC,MAAM;AACjD,QAAM,CAACC,GAAYC,CAAI,IAAIC,EAAA,GACrB,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAiB9C,SAAO;AAAA,IACL,UAAAF;AAAA,IACA,YAAAH;AAAA,IACA,iBAlBsB,MAAM;AAC5B,UAAI,OAAO,SAAW,IAAa;AACnC,YAAMM,IAAc,OAAO,SAAS;AACpC,MAAAL,EAAKK,CAAW,EACb,KAAK,MAAM;AACV,QAAAF,EAAY,MAAM,EAAI,GACtB,WAAW,MAAM;AACf,UAAAA,EAAY,EAAK;AAAA,QACnB,GAAG,IAAI;AAAA,MACT,CAAC,EACA,MAAM,CAACG,MAAU;AAChB,gBAAQ,MAAM,mBAAmBA,CAAK;AAAA,MACxC,CAAC;AAAA,IACL;AAAA,EAKE;AAEJ;"}

package/dist/index.es316.js

@@ -1,18 +1,18 @@
 import * as s from "react";
-import { composeEventHandlers as p } from "./index.es481.js";
-import { useComposedRefs as R } from "./index.es480.js";
-import { createContextScope as B, createContext as H } from "./index.es479.js";
-import { useId as C } from "./index.es485.js";
-import { useControllableState as V } from "./index.es486.js";
-import { DismissableLayer as q } from "./index.es487.js";
-import { FocusScope as K } from "./index.es488.js";
-import { Portal as U } from "./index.es489.js";
-import { Presence as _ } from "./index.es490.js";
-import { Primitive as m } from "./index.es491.js";
-import { useFocusGuards as Y } from "./index.es492.js";
-import Z from "./index.es493.js";
-import { hideOthers as z } from "./index.es494.js";
-import { createSlot as J } from "./index.es482.js";
+import { composeEventHandlers as p } from "./index.es472.js";
+import { useComposedRefs as R } from "./index.es473.js";
+import { createContextScope as B, createContext as H } from "./index.es474.js";
+import { useId as C } from "./index.es475.js";
+import { useControllableState as V } from "./index.es476.js";
+import { DismissableLayer as q } from "./index.es477.js";
+import { FocusScope as K } from "./index.es478.js";
+import { Portal as U } from "./index.es479.js";
+import { Presence as _ } from "./index.es480.js";
+import { Primitive as m } from "./index.es481.js";
+import { useFocusGuards as Y } from "./index.es482.js";
+import Z from "./index.es483.js";
+import { hideOthers as z } from "./index.es484.js";
+import { createSlot as J } from "./index.es485.js";
 import { j as i } from "./index.es241.js";
 var v = "Dialog", [N, he] = B(v), [Q, u] = N(v), P = (e) => {
   const {

package/dist/index.es317.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es241.js";
 import { Close as i, Title as n } from "./index.es316.js";
 import { Button as a } from "./index.es32.js";
 import './components/ui/BaseModal/BaseModalHeader/BaseModalHeader.css';/* empty css            */
-import { clsx as m } from "./index.es242.js";
+import { clsx as m } from "./index.es243.js";
 import { ArrowLeft as h } from "./index.es169.js";
 import { Row as c } from "./index.es116.js";
 import { Close as d } from "./index.es182.js";

package/dist/index.es317.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es317.js","sources":["../src/components/ui/BaseModal/BaseModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport { Button } from \"../../Button\";\nimport { Close, ArrowLeft } from \"@/icons\";\nimport \"./BaseModalHeader.scss\";\nimport { Col, Row } from \"@/components\";\nimport clsx from \"clsx\";\n\ntype BaseModalHeaderProps = {\n  labels?: {\n    closeButton?: string;\n    backButton?: string;\n  };\n  onCloseClick?: () => void;\n  onBackClick?: () => void;\n  showBackButton?: boolean;\n  children?: React.ReactNode;\n  classNameModalHeader?: string;\n};\n\nexport const BaseModalHeader = ({\n  labels = {\n    closeButton: \"Chiudi\",\n    backButton: \"Indietro\",\n  },\n  onCloseClick,\n  onBackClick,\n  showBackButton = false,\n  children,\n  classNameModalHeader = \"ui-base-modal-header\",\n}: BaseModalHeaderProps) => {\n  return (\n    <header className={clsx(classNameModalHeader, \"bg-white br-t-x4\")}>\n      <Row alignItems={\"center\"} justifyContent={\"space-between\"}>\n        {showBackButton && onBackClick && labels?.backButton ? (\n          <Button\n            size=\"4\"\n            textColor=\"primary\"\n            bg=\"transparent\"\n            aria-label=\"Torna indietro\"\n            onClick={onBackClick}\n          >\n            <ArrowLeft className=\"mr-x8\" />\n            {labels.backButton}\n          </Button>\n        ) : null}\n        {onCloseClick && labels?.closeButton ? (\n          <Dialog.Close asChild>\n            <Button\n              size=\"4\"\n              textColor=\"primary\"\n              bg=\"transparent\"\n              aria-label=\"Chiudi modale\"\n              onClick={onCloseClick}\n              className=\"ui-base-modal-close\"\n            >\n              {labels.closeButton}\n              <Close className=\"ml-x8\" />\n            </Button>\n          </Dialog.Close>\n        ) : null}\n      </Row>\n      <Col>\n        <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\n          {children}\n        </Dialog.Title>\n      </Col>\n    </header>\n  );\n};\n\nexport const BaseModalHeaderV2 = ({\n  labels = {\n    closeButton: \"Chiudi\",\n  },\n  onCloseClick,\n  children,\n  classNameModalHeader = \"ui-base-modal-header\",\n}: BaseModalHeaderProps) => {\n  return (\n    <header className={clsx(classNameModalHeader, \"bg-white br-t-x4\")}>\n      <Row justifyContent={\"space-between\"}>\n        <Col />\n        <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\n          {children}\n        </Dialog.Title>\n        {onCloseClick && labels?.closeButton ? (\n          <Dialog.Close asChild>\n            <Button\n              size=\"4\"\n              textColor=\"primary\"\n              bg=\"transparent\"\n              aria-label=\"Chiudi modale\"\n              onClick={onCloseClick}\n              className=\"ui-base-modal-close\"\n            >\n              {labels.closeButton}\n              <Close className=\"ml-x8\" />\n            </Button>\n          </Dialog.Close>\n        ) : null}\n      </Row>\n    </header>\n  );\n};\n"],"names":["BaseModalHeader","labels","onCloseClick","onBackClick","showBackButton","children","classNameModalHeader","clsx","jsxs","Row","Button","jsx","ArrowLeft","Dialog.Close","Close","Col","Dialog.Title","BaseModalHeaderV2"],"mappings":";;;;;;;;;AAmBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,EAAA;AAAA,EAEd,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,UAAAC;AAAA,EACA,sBAAAC,IAAuB;AACzB,6BAEK,UAAA,EAAO,WAAWC,EAAKD,GAAsB,kBAAkB,GAC9D,UAAA;AAAA,EAAAE,gBAAAA,EAAAA,KAACC,GAAA,EAAI,YAAY,UAAU,gBAAgB,iBACxC,UAAA;AAAA,IAAAL,KAAkBD,MAAeF,KAAA,QAAAA,EAAQ,cACxCO,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASP;AAAA,QAET,UAAA;AAAA,UAAAQ,gBAAAA,EAAAA,IAACC,GAAA,EAAU,WAAU,QAAA,CAAQ;AAAA,UAC5BX,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAER;AAAA,IACHC,MAAgBD,KAAA,QAAAA,EAAQ,eACvBU,gBAAAA,EAAAA,IAACE,GAAA,EAAa,SAAO,IACnB,UAAAL,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASR;AAAA,QACT,WAAU;AAAA,QAET,UAAA;AAAA,UAAAD,EAAO;AAAA,UACRU,gBAAAA,EAAAA,IAACG,GAAA,EAAM,WAAU,QAAA,CAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAE7B,IACE;AAAA,EAAA,GACN;AAAA,EACAH,gBAAAA,MAACI,KACC,UAAAJ,gBAAAA,EAAAA,IAACK,GAAA,EAAa,WAAU,8BACrB,UAAAX,EAAA,CACH,EAAA,CACF;AAAA,GACF,GAISY,IAAoB,CAAC;AAAA,EAChC,QAAAhB,IAAS;AAAA,IACP,aAAa;AAAA,EAAA;AAAA,EAEf,cAAAC;AAAA,EACA,UAAAG;AAAA,EACA,sBAAAC,IAAuB;AACzB,MAEIK,gBAAAA,EAAAA,IAAC,UAAA,EAAO,WAAWJ,EAAKD,GAAsB,kBAAkB,GAC9D,UAAAE,gBAAAA,EAAAA,KAACC,GAAA,EAAI,gBAAgB,iBACnB,UAAA;AAAA,EAAAE,gBAAAA,EAAAA,IAACI,GAAA,EAAI;AAAA,wBACJC,GAAA,EAAa,WAAU,8BACrB,UAAAX,EAAA,CACH;AAAA,EACCH,MAAgBD,KAAA,QAAAA,EAAQ,eACvBU,gBAAAA,EAAAA,IAACE,GAAA,EAAa,SAAO,IACnB,UAAAL,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASR;AAAA,MACT,WAAU;AAAA,MAET,UAAA;AAAA,QAAAD,EAAO;AAAA,QACRU,gBAAAA,EAAAA,IAACG,GAAA,EAAM,WAAU,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE7B,IACE;AAAA,EAAA,CACN,EAAA,CACF;"}
+{"version":3,"file":"index.es317.js","sources":["../src/components/ui/BaseModal/BaseModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Button } from \"../../Button\";\r\nimport { Close, ArrowLeft } from \"@/icons\";\r\nimport \"./BaseModalHeader.scss\";\r\nimport { Col, Row } from \"@/components\";\r\nimport clsx from \"clsx\";\r\n\r\ntype BaseModalHeaderProps = {\r\n  labels?: {\r\n    closeButton?: string;\r\n    backButton?: string;\r\n  };\r\n  onCloseClick?: () => void;\r\n  onBackClick?: () => void;\r\n  showBackButton?: boolean;\r\n  children?: React.ReactNode;\r\n  classNameModalHeader?: string;\r\n};\r\n\r\nexport const BaseModalHeader = ({\r\n  labels = {\r\n    closeButton: \"Chiudi\",\r\n    backButton: \"Indietro\",\r\n  },\r\n  onCloseClick,\r\n  onBackClick,\r\n  showBackButton = false,\r\n  children,\r\n  classNameModalHeader = \"ui-base-modal-header\",\r\n}: BaseModalHeaderProps) => {\r\n  return (\r\n    <header className={clsx(classNameModalHeader, \"bg-white br-t-x4\")}>\r\n      <Row alignItems={\"center\"} justifyContent={\"space-between\"}>\r\n        {showBackButton && onBackClick && labels?.backButton ? (\r\n          <Button\r\n            size=\"4\"\r\n            textColor=\"primary\"\r\n            bg=\"transparent\"\r\n            aria-label=\"Torna indietro\"\r\n            onClick={onBackClick}\r\n          >\r\n            <ArrowLeft className=\"mr-x8\" />\r\n            {labels.backButton}\r\n          </Button>\r\n        ) : null}\r\n        {onCloseClick && labels?.closeButton ? (\r\n          <Dialog.Close asChild>\r\n            <Button\r\n              size=\"4\"\r\n              textColor=\"primary\"\r\n              bg=\"transparent\"\r\n              aria-label=\"Chiudi modale\"\r\n              onClick={onCloseClick}\r\n              className=\"ui-base-modal-close\"\r\n            >\r\n              {labels.closeButton}\r\n              <Close className=\"ml-x8\" />\r\n            </Button>\r\n          </Dialog.Close>\r\n        ) : null}\r\n      </Row>\r\n      <Col>\r\n        <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\r\n          {children}\r\n        </Dialog.Title>\r\n      </Col>\r\n    </header>\r\n  );\r\n};\r\n\r\nexport const BaseModalHeaderV2 = ({\r\n  labels = {\r\n    closeButton: \"Chiudi\",\r\n  },\r\n  onCloseClick,\r\n  children,\r\n  classNameModalHeader = \"ui-base-modal-header\",\r\n}: BaseModalHeaderProps) => {\r\n  return (\r\n    <header className={clsx(classNameModalHeader, \"bg-white br-t-x4\")}>\r\n      <Row justifyContent={\"space-between\"}>\r\n        <Col />\r\n        <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\r\n          {children}\r\n        </Dialog.Title>\r\n        {onCloseClick && labels?.closeButton ? (\r\n          <Dialog.Close asChild>\r\n            <Button\r\n              size=\"4\"\r\n              textColor=\"primary\"\r\n              bg=\"transparent\"\r\n              aria-label=\"Chiudi modale\"\r\n              onClick={onCloseClick}\r\n              className=\"ui-base-modal-close\"\r\n            >\r\n              {labels.closeButton}\r\n              <Close className=\"ml-x8\" />\r\n            </Button>\r\n          </Dialog.Close>\r\n        ) : null}\r\n      </Row>\r\n    </header>\r\n  );\r\n};\r\n"],"names":["BaseModalHeader","labels","onCloseClick","onBackClick","showBackButton","children","classNameModalHeader","clsx","jsxs","Row","Button","jsx","ArrowLeft","Dialog.Close","Close","Col","Dialog.Title","BaseModalHeaderV2"],"mappings":";;;;;;;;;AAmBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,EAAA;AAAA,EAEd,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,UAAAC;AAAA,EACA,sBAAAC,IAAuB;AACzB,6BAEK,UAAA,EAAO,WAAWC,EAAKD,GAAsB,kBAAkB,GAC9D,UAAA;AAAA,EAAAE,gBAAAA,EAAAA,KAACC,GAAA,EAAI,YAAY,UAAU,gBAAgB,iBACxC,UAAA;AAAA,IAAAL,KAAkBD,MAAeF,KAAA,QAAAA,EAAQ,cACxCO,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASP;AAAA,QAET,UAAA;AAAA,UAAAQ,gBAAAA,EAAAA,IAACC,GAAA,EAAU,WAAU,QAAA,CAAQ;AAAA,UAC5BX,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAER;AAAA,IACHC,MAAgBD,KAAA,QAAAA,EAAQ,eACvBU,gBAAAA,EAAAA,IAACE,GAAA,EAAa,SAAO,IACnB,UAAAL,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASR;AAAA,QACT,WAAU;AAAA,QAET,UAAA;AAAA,UAAAD,EAAO;AAAA,UACRU,gBAAAA,EAAAA,IAACG,GAAA,EAAM,WAAU,QAAA,CAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAE7B,IACE;AAAA,EAAA,GACN;AAAA,EACAH,gBAAAA,MAACI,KACC,UAAAJ,gBAAAA,EAAAA,IAACK,GAAA,EAAa,WAAU,8BACrB,UAAAX,EAAA,CACH,EAAA,CACF;AAAA,GACF,GAISY,IAAoB,CAAC;AAAA,EAChC,QAAAhB,IAAS;AAAA,IACP,aAAa;AAAA,EAAA;AAAA,EAEf,cAAAC;AAAA,EACA,UAAAG;AAAA,EACA,sBAAAC,IAAuB;AACzB,MAEIK,gBAAAA,EAAAA,IAAC,UAAA,EAAO,WAAWJ,EAAKD,GAAsB,kBAAkB,GAC9D,UAAAE,gBAAAA,EAAAA,KAACC,GAAA,EAAI,gBAAgB,iBACnB,UAAA;AAAA,EAAAE,gBAAAA,EAAAA,IAACI,GAAA,EAAI;AAAA,wBACJC,GAAA,EAAa,WAAU,8BACrB,UAAAX,EAAA,CACH;AAAA,EACCH,MAAgBD,KAAA,QAAAA,EAAQ,eACvBU,gBAAAA,EAAAA,IAACE,GAAA,EAAa,SAAO,IACnB,UAAAL,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASR;AAAA,MACT,WAAU;AAAA,MAET,UAAA;AAAA,QAAAD,EAAO;AAAA,QACRU,gBAAAA,EAAAA,IAACG,GAAA,EAAM,WAAU,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE7B,IACE;AAAA,EAAA,CACN,EAAA,CACF;"}

package/dist/index.es319.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es241.js";
 import './components/ui/BaseModal/BaseModalContent/BaseModalContent.css';/* empty css            */
-import { clsx as e } from "./index.es242.js";
+import { clsx as e } from "./index.es243.js";
 const a = ({
   className: o,
   children: t,

package/dist/index.es32.js

@@ -1,6 +1,6 @@
 import { j as t } from "./index.es241.js";
-import { createColorClasses as E } from "./index.es243.js";
-import { clsx as _ } from "./index.es242.js";
+import { createColorClasses as E } from "./index.es277.js";
+import { clsx as _ } from "./index.es243.js";
 import './components/ui/Button/Button.css';/* empty css            */
 import { Col as T } from "./index.es61.js";
 import { Spinner as u } from "./index.es229.js";

package/dist/index.es32.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es32.js","sources":["../src/components/ui/Button/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\nimport clsx from \"clsx\";\nimport \"./Button.scss\";\nimport { Download, Expand, Info, Spinner } from \"@/icons\";\nimport * as React from \"react\";\nimport { CommonIconsType } from \"@/types/icons.ts\";\nimport { Col } from \"@/components\";\n\ntype ButtonSize = \"2\" | \"3\" | \"4\" | \"5\";\ntype ButtonVariant = \"primary\" | \"secondary\" | \"closeModal\";\n\ntype BaseButtonProps = {\n  children: React.ReactNode;\n  icon?: CommonIconsType;\n  variant?: ButtonVariant;\n  variantBg?: string;\n  bg?: ColorKeys;\n  textColor?: ColorKeys;\n  border?: ColorKeys;\n  size?: ButtonSize;\n  className?: string;\n  disabled?: boolean;\n  loading?: boolean;\n  form?: string;\n  rel?: string;\n  target?: string;\n  isExternal?: boolean;\n  fwClassName?: \"fw-bold\" | \"fw-semibold\" | \"fw-normal\";\n};\n\ntype ButtonAsButtonProps = BaseButtonProps & {\n  onClick?: (e?: React.MouseEvent<HTMLButtonElement>) => void;\n  type?: \"button\" | \"submit\" | \"reset\";\n  asLink?: never;\n  href?: never;\n};\n\ntype ButtonAsLinkProps = BaseButtonProps & {\n  href: string;\n  onClick?: never;\n  type?: never;\n  asLink?: \"a\" | React.ComponentType<any>;\n};\n\ntype ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;\n\nexport const Button = ({\n  children,\n  variant,\n  variantBg = \"bg-white\",\n  bg = \"primary\",\n  textColor = \"white\",\n  border = \"white\",\n  size = \"3\",\n  className,\n  disabled,\n  loading,\n  onClick,\n  type = \"button\",\n  form,\n  asLink,\n  href,\n  isExternal = false,\n  target = undefined,\n  rel = undefined,\n  icon = undefined,\n  fwClassName = \"fw-bold\",\n  ...props\n}: ButtonProps) => {\n  // Only apply color classes if no variant is specified\n  const colorClasses = !variant\n    ? createColorClasses({\n        bg,\n        text: textColor,\n        border,\n      })\n    : \"\";\n\n  const BTN_SIZES = {\n    \"2\": \"fs-6 py-x12 px-x24\",\n    \"3\": \"fs-7 py-x12 px-x24\",\n    \"4\": \"fs-6 py-x4 px-x8\",\n    \"5\": \"fs-7 md-fs-6 md-px-x16 py-x12\",\n  };\n\n  const baseClasses = clsx(\n    \"ui-button\",\n    BTN_SIZES[size],\n    // Apply variant class if provided\n    variant && `ui-button-${variant} ${variantBg}`,\n    // Otherwise use traditional classes\n    !variant && colorClasses,\n    {\n      \"ui-button-disabled\": disabled || loading,\n    },\n    {\n      \"ui-button-loading\": loading,\n    },\n    className,\n    fwClassName,\n  );\n\n  if (asLink) {\n    const LinkComponent = asLink;\n    return (\n      <LinkComponent\n        target={isExternal ? \"_blank\" : target}\n        rel={isExternal ? \"noopener noreferrer\" : rel}\n        href={href}\n        className={baseClasses}\n        {...props}\n      >\n        {children}\n      </LinkComponent>\n    );\n  }\n\n  const ButtonIcon = () => {\n    switch (icon) {\n      case \"info\":\n        return <Info height={16} />;\n      case \"download\":\n        return <Download height={16} />;\n      case \"expand\":\n        return <Expand width={18} height={18} />;\n      default:\n        return null;\n    }\n  };\n\n  return (\n    <button\n      type={type}\n      form={form}\n      className={baseClasses}\n      onClick={onClick}\n      disabled={disabled || loading}\n      {...props}\n    >\n      {icon && (\n        <Col mr={\"x8\"}>\n          {!loading && <ButtonIcon />}\n          {loading ? <Spinner height={16} /> : null}\n        </Col>\n      )}\n\n      {children}\n\n      {loading && !icon ? <Spinner height={16} /> : null}\n    </button>\n  );\n};\n"],"names":["Button","children","variant","variantBg","bg","textColor","border","size","className","disabled","loading","onClick","type","form","asLink","href","isExternal","target","rel","icon","fwClassName","props","colorClasses","createColorClasses","baseClasses","clsx","LinkComponent","jsx","ButtonIcon","Info","Download","Expand","jsxs","Col","Spinner"],"mappings":";;;;;;;;;AA+CO,MAAMA,IAAS,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,IAAAC,IAAK;AAAA,EACL,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,MAAmB;AAEjB,QAAMC,IAAgBpB,IAMlB,KALAqB,EAAmB;AAAA,IACjB,IAAAnB;AAAA,IACA,MAAMC;AAAA,IACN,QAAAC;AAAA,EAAA,CACD,GAUCkB,IAAcC;AAAA,IAClB;AAAA,IARgB;AAAA,MAChB,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,IAAA,EAKKlB,CAAI;AAAA;AAAA,IAEdL,KAAW,aAAaA,CAAO,IAAIC,CAAS;AAAA;AAAA,IAE5C,CAACD,KAAWoB;AAAA,IACZ;AAAA,MACE,sBAAsBb,KAAYC;AAAA,IAAA;AAAA,IAEpC;AAAA,MACE,qBAAqBA;AAAA,IAAA;AAAA,IAEvBF;AAAA,IACAY;AAAA,EAAA;AAGF,MAAIN,GAAQ;AACV,UAAMY,IAAgBZ;AACtB,WACEa,gBAAAA,EAAAA;AAAAA,MAACD;AAAA,MAAA;AAAA,QACC,QAAQV,IAAa,WAAWC;AAAA,QAChC,KAAKD,IAAa,wBAAwBE;AAAA,QAC1C,MAAAH;AAAA,QACA,WAAWS;AAAA,QACV,GAAGH;AAAA,QAEH,UAAApB;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAEA,QAAM2B,IAAa,MAAM;AACvB,YAAQT,GAAA;AAAA,MACN,KAAK;AACH,eAAOQ,gBAAAA,EAAAA,IAACE,GAAA,EAAK,QAAQ,GAAA,CAAI;AAAA,MAC3B,KAAK;AACH,eAAOF,gBAAAA,EAAAA,IAACG,GAAA,EAAS,QAAQ,GAAA,CAAI;AAAA,MAC/B,KAAK;AACH,eAAOH,gBAAAA,EAAAA,IAACI,GAAA,EAAO,OAAO,IAAI,QAAQ,IAAI;AAAA,MACxC;AACE,eAAO;AAAA,IAAA;AAAA,EAEb;AAEA,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAApB;AAAA,MACA,MAAAC;AAAA,MACA,WAAWW;AAAA,MACX,SAAAb;AAAA,MACA,UAAUF,KAAYC;AAAA,MACrB,GAAGW;AAAA,MAEH,UAAA;AAAA,QAAAF,KACCa,gBAAAA,EAAAA,KAACC,GAAA,EAAI,IAAI,MACN,UAAA;AAAA,UAAA,CAACvB,2BAAYkB,GAAA,EAAW;AAAA,UACxBlB,IAAUiB,gBAAAA,EAAAA,IAACO,GAAA,EAAQ,QAAQ,IAAI,IAAK;AAAA,QAAA,GACvC;AAAA,QAGDjC;AAAA,QAEAS,KAAW,CAACS,0BAAQe,GAAA,EAAQ,QAAQ,IAAI,IAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpD;"}
+{"version":3,"file":"index.es32.js","sources":["../src/components/ui/Button/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\r\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\r\nimport clsx from \"clsx\";\r\nimport \"./Button.scss\";\r\nimport { Download, Expand, Info, Spinner } from \"@/icons\";\r\nimport * as React from \"react\";\r\nimport { CommonIconsType } from \"@/types/icons.ts\";\r\nimport { Col } from \"@/components\";\r\n\r\ntype ButtonSize = \"2\" | \"3\" | \"4\" | \"5\";\r\ntype ButtonVariant = \"primary\" | \"secondary\" | \"closeModal\";\r\n\r\ntype BaseButtonProps = {\r\n  children: React.ReactNode;\r\n  icon?: CommonIconsType;\r\n  variant?: ButtonVariant;\r\n  variantBg?: string;\r\n  bg?: ColorKeys;\r\n  textColor?: ColorKeys;\r\n  border?: ColorKeys;\r\n  size?: ButtonSize;\r\n  className?: string;\r\n  disabled?: boolean;\r\n  loading?: boolean;\r\n  form?: string;\r\n  rel?: string;\r\n  target?: string;\r\n  isExternal?: boolean;\r\n  fwClassName?: \"fw-bold\" | \"fw-semibold\" | \"fw-normal\";\r\n};\r\n\r\ntype ButtonAsButtonProps = BaseButtonProps & {\r\n  onClick?: (e?: React.MouseEvent<HTMLButtonElement>) => void;\r\n  type?: \"button\" | \"submit\" | \"reset\";\r\n  asLink?: never;\r\n  href?: never;\r\n};\r\n\r\ntype ButtonAsLinkProps = BaseButtonProps & {\r\n  href: string;\r\n  onClick?: never;\r\n  type?: never;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n};\r\n\r\ntype ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;\r\n\r\nexport const Button = ({\r\n  children,\r\n  variant,\r\n  variantBg = \"bg-white\",\r\n  bg = \"primary\",\r\n  textColor = \"white\",\r\n  border = \"white\",\r\n  size = \"3\",\r\n  className,\r\n  disabled,\r\n  loading,\r\n  onClick,\r\n  type = \"button\",\r\n  form,\r\n  asLink,\r\n  href,\r\n  isExternal = false,\r\n  target = undefined,\r\n  rel = undefined,\r\n  icon = undefined,\r\n  fwClassName = \"fw-bold\",\r\n  ...props\r\n}: ButtonProps) => {\r\n  // Only apply color classes if no variant is specified\r\n  const colorClasses = !variant\r\n    ? createColorClasses({\r\n        bg,\r\n        text: textColor,\r\n        border,\r\n      })\r\n    : \"\";\r\n\r\n  const BTN_SIZES = {\r\n    \"2\": \"fs-6 py-x12 px-x24\",\r\n    \"3\": \"fs-7 py-x12 px-x24\",\r\n    \"4\": \"fs-6 py-x4 px-x8\",\r\n    \"5\": \"fs-7 md-fs-6 md-px-x16 py-x12\",\r\n  };\r\n\r\n  const baseClasses = clsx(\r\n    \"ui-button\",\r\n    BTN_SIZES[size],\r\n    // Apply variant class if provided\r\n    variant && `ui-button-${variant} ${variantBg}`,\r\n    // Otherwise use traditional classes\r\n    !variant && colorClasses,\r\n    {\r\n      \"ui-button-disabled\": disabled || loading,\r\n    },\r\n    {\r\n      \"ui-button-loading\": loading,\r\n    },\r\n    className,\r\n    fwClassName,\r\n  );\r\n\r\n  if (asLink) {\r\n    const LinkComponent = asLink;\r\n    return (\r\n      <LinkComponent\r\n        target={isExternal ? \"_blank\" : target}\r\n        rel={isExternal ? \"noopener noreferrer\" : rel}\r\n        href={href}\r\n        className={baseClasses}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </LinkComponent>\r\n    );\r\n  }\r\n\r\n  const ButtonIcon = () => {\r\n    switch (icon) {\r\n      case \"info\":\r\n        return <Info height={16} />;\r\n      case \"download\":\r\n        return <Download height={16} />;\r\n      case \"expand\":\r\n        return <Expand width={18} height={18} />;\r\n      default:\r\n        return null;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <button\r\n      type={type}\r\n      form={form}\r\n      className={baseClasses}\r\n      onClick={onClick}\r\n      disabled={disabled || loading}\r\n      {...props}\r\n    >\r\n      {icon && (\r\n        <Col mr={\"x8\"}>\r\n          {!loading && <ButtonIcon />}\r\n          {loading ? <Spinner height={16} /> : null}\r\n        </Col>\r\n      )}\r\n\r\n      {children}\r\n\r\n      {loading && !icon ? <Spinner height={16} /> : null}\r\n    </button>\r\n  );\r\n};\r\n"],"names":["Button","children","variant","variantBg","bg","textColor","border","size","className","disabled","loading","onClick","type","form","asLink","href","isExternal","target","rel","icon","fwClassName","props","colorClasses","createColorClasses","baseClasses","clsx","LinkComponent","jsx","ButtonIcon","Info","Download","Expand","jsxs","Col","Spinner"],"mappings":";;;;;;;;;AA+CO,MAAMA,IAAS,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,IAAAC,IAAK;AAAA,EACL,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,MAAmB;AAEjB,QAAMC,IAAgBpB,IAMlB,KALAqB,EAAmB;AAAA,IACjB,IAAAnB;AAAA,IACA,MAAMC;AAAA,IACN,QAAAC;AAAA,EAAA,CACD,GAUCkB,IAAcC;AAAA,IAClB;AAAA,IARgB;AAAA,MAChB,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,IAAA,EAKKlB,CAAI;AAAA;AAAA,IAEdL,KAAW,aAAaA,CAAO,IAAIC,CAAS;AAAA;AAAA,IAE5C,CAACD,KAAWoB;AAAA,IACZ;AAAA,MACE,sBAAsBb,KAAYC;AAAA,IAAA;AAAA,IAEpC;AAAA,MACE,qBAAqBA;AAAA,IAAA;AAAA,IAEvBF;AAAA,IACAY;AAAA,EAAA;AAGF,MAAIN,GAAQ;AACV,UAAMY,IAAgBZ;AACtB,WACEa,gBAAAA,EAAAA;AAAAA,MAACD;AAAA,MAAA;AAAA,QACC,QAAQV,IAAa,WAAWC;AAAA,QAChC,KAAKD,IAAa,wBAAwBE;AAAA,QAC1C,MAAAH;AAAA,QACA,WAAWS;AAAA,QACV,GAAGH;AAAA,QAEH,UAAApB;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAEA,QAAM2B,IAAa,MAAM;AACvB,YAAQT,GAAA;AAAA,MACN,KAAK;AACH,eAAOQ,gBAAAA,EAAAA,IAACE,GAAA,EAAK,QAAQ,GAAA,CAAI;AAAA,MAC3B,KAAK;AACH,eAAOF,gBAAAA,EAAAA,IAACG,GAAA,EAAS,QAAQ,GAAA,CAAI;AAAA,MAC/B,KAAK;AACH,eAAOH,gBAAAA,EAAAA,IAACI,GAAA,EAAO,OAAO,IAAI,QAAQ,IAAI;AAAA,MACxC;AACE,eAAO;AAAA,IAAA;AAAA,EAEb;AAEA,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAApB;AAAA,MACA,MAAAC;AAAA,MACA,WAAWW;AAAA,MACX,SAAAb;AAAA,MACA,UAAUF,KAAYC;AAAA,MACrB,GAAGW;AAAA,MAEH,UAAA;AAAA,QAAAF,KACCa,gBAAAA,EAAAA,KAACC,GAAA,EAAI,IAAI,MACN,UAAA;AAAA,UAAA,CAACvB,2BAAYkB,GAAA,EAAW;AAAA,UACxBlB,IAAUiB,gBAAAA,EAAAA,IAACO,GAAA,EAAQ,QAAQ,IAAI,IAAK;AAAA,QAAA,GACvC;AAAA,QAGDjC;AAAA,QAEAS,KAAW,CAACS,0BAAQe,GAAA,EAAQ,QAAQ,IAAI,IAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpD;"}