@anoki/fse-ui 2.1.0-SNAPSHOT23 → 2.1.0-SNAPSHOT25

package/dist/index.es288.js

@@ -1,146 +1,5 @@
-import { j as e } from "./index.es250.js";
-import { Button as m } from "./index.es34.js";
-import { HeaderTopBanner as y } from "./index.es14.js";
-import { useState as g, useRef as w, useCallback as C, useEffect as u } from "react";
-import { clsx as r } from "./index.es252.js";
-import { useFocusTrap as N } from "./index.es499.js";
-import { Container as k } from "./index.es65.js";
-import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */
-import { Col as L } from "./index.es61.js";
-import { Hamburguer as E } from "./index.es163.js";
-import { Row as z } from "./index.es116.js";
-import { Close as M } from "./index.es164.js";
-const G = ({
-  shortTitle: h,
-  menuTitle: p = "Menù",
-  region: f,
-  asLink: t = "a",
-  navigatonItems: x,
-  labels: l,
-  loginLink: v = "/"
-}) => {
-  const b = t, [i, d] = g(!1), o = "main-navigation", c = w(null);
-  N(c, i);
-  const s = C(() => {
-    d(!i);
-  }, [i]);
-  u(() => (i ? document.body.classList.add("ui-body-overflow-hidden") : document.body.classList.remove("ui-body-overflow-hidden"), () => {
-    document.body.classList.remove("ui-body-overflow-hidden");
-  }), [i]), u(() => {
-    const n = (a) => {
-      a.key === "Escape" && i && s();
-    };
-    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
-  }, [i, s]);
-  const j = () => {
-    d(!1);
-  };
-  return /* @__PURE__ */ e.jsxs("div", { className: "sticky-header shadow", children: [
-    /* @__PURE__ */ e.jsx(
-      y,
-      {
-        asLink: t,
-        shortTitle: h,
-        region: f
-      }
-    ),
-    /* @__PURE__ */ e.jsxs(
-      k,
-      {
-        className: "bg-slate-20 min-h-x64 base-row align-items-center justify-content-end",
-        as: "header",
-        py: "x8",
-        children: [
-          /* @__PURE__ */ e.jsxs(z, { gap: "x24", alignItems: "center", justifyContent: "end", children: [
-            /* @__PURE__ */ e.jsxs(
-              m,
-              {
-                size: "3",
-                bg: "white",
-                textColor: "primary",
-                href: v,
-                asLink: "a",
-                className: "ui-login-button-header-mobile",
-                children: [
-                  l.login,
-                  /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: " Accedi con Cohesion" })
-                ]
-              }
-            ),
-            /* @__PURE__ */ e.jsx(
-              "button",
-              {
-                "aria-expanded": i,
-                "aria-label": "Apri menu di navigazione",
-                onClick: s,
-                className: "ui-mobile-menu-toggle",
-                "aria-controls": o,
-                children: /* @__PURE__ */ e.jsx(E, { width: 40, height: 40, color: "white" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e.jsxs(
-            "nav",
-            {
-              id: o,
-              "aria-label": "Menu di navigazione",
-              className: r(i ? "ui-mobile-nav-panel" : "visually-hidden"),
-              ref: c,
-              children: [
-                /* @__PURE__ */ e.jsxs(L, { className: "ui-mobile-nav-header", children: [
-                  /* @__PURE__ */ e.jsxs(
-                    m,
-                    {
-                      size: "4",
-                      textColor: "primary",
-                      bg: "transparent",
-                      onClick: s,
-                      "aria-label": "Chiudi menu di navigazione",
-                      "aria-controls": o,
-                      children: [
-                        l.closeMenu,
-                        /* @__PURE__ */ e.jsx(M, {})
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ e.jsx("h2", { className: "fs-3 text-slate-20", children: p })
-                ] }),
-                /* @__PURE__ */ e.jsx("ul", { className: "list-style-none p-x16", role: "list", children: x.map((n, a) => /* @__PURE__ */ e.jsx(
-                  "li",
-                  {
-                    className: r(
-                      "ui-mobile-nav-item",
-                      n.active && "active"
-                    ),
-                    children: /* @__PURE__ */ e.jsxs(
-                      b,
-                      {
-                        href: n.href,
-                        className: r(
-                          "text-decoration-none text-primary fs-5",
-                          n.active ? "fw-bold" : "fw-normal"
-                        ),
-                        onClick: j,
-                        target: n.isNewTab ? "_blank" : void 0,
-                        rel: n.isNewTab ? "noopener noreferrer" : void 0,
-                        children: [
-                          n.label,
-                          n.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
-                        ]
-                      }
-                    )
-                  },
-                  a
-                )) })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-};
+const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
 export {
-  G as HeaderMobile
+  e as createColorClasses
 };
 //# sourceMappingURL=index.es288.js.map

package/dist/index.es288.js.map

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

@@ -2,18 +2,18 @@ import { j as i } from "./index.es250.js";
 import { useMemo as s } from "react";
 import { AuthorBlock as U } from "./index.es28.js";
 import './components/ui/AuthorWithImage/AuthorWithImage.css';/* empty css            */
-import { fromISODateToDateFormatted as A } from "./index.es315.js";
-import { useCopyToClipboardCurrentPage as $ } from "./index.es316.js";
-import { getFullNameInitials as E } from "./index.es317.js";
+import { fromISODateToDateFormatted as A } from "./index.es284.js";
+import { useCopyToClipboardCurrentPage as $ } from "./index.es285.js";
+import { getFullNameInitials as E } from "./index.es286.js";
 import { Row as S } from "./index.es116.js";
-import { splitInTwo as F } from "./index.es318.js";
+import { splitInTwo as F } from "./index.es287.js";
 import { ActionIconText as M } from "./index.es20.js";
-import { clsx as v } from "./index.es252.js";
+import { clsx as v } from "./index.es253.js";
 import { ShareButton as R } from "./index.es125.js";
 import { CopyLink as O } from "./index.es209.js";
-import { Tags as V } from "./index.es147.js";
-import { Col as W } from "./index.es61.js";
-import { CardCategory as q } from "./index.es38.js";
+import { Col as V } from "./index.es61.js";
+import { CardCategory as W } from "./index.es38.js";
+import { Tags as q } from "./index.es147.js";
 const se = ({
   data: e = {},
   ImageComponent: x = "img",
@@ -67,9 +67,9 @@ const se = ({
                   alt: `Evento ${e.name}`
                 }
               ),
-              /* @__PURE__ */ i.jsx("div", { className: "event-card-container", children: /* @__PURE__ */ i.jsxs(W, { gap: "x32", children: [
+              /* @__PURE__ */ i.jsx("div", { className: "event-card-container", children: /* @__PURE__ */ i.jsxs(V, { gap: "x32", children: [
                 r(e) && (e.eventCardTitle || e.eventCardDescription) && /* @__PURE__ */ i.jsx(
-                  q,
+                  W,
                   {
                     title: r(e) ? e.eventCardTitle ?? "-" : "-",
                     className: "w-full",
@@ -79,7 +79,7 @@ const se = ({
                     classNameDescriptionTitle: "text-slate-28 fw-bold fs-6 md-fs-custom"
                   }
                 ),
-                n && (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ i.jsx(V, { title: j, items: n ?? [] })
+                n && (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ i.jsx(q, { title: j, items: n ?? [] })
               ] }) })
             ] }) })
           ]

package/dist/index.es29.js.map

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

@@ -1,31 +1,262 @@
-import { useState as r, useEffect as i } from "react";
-const m = (s) => {
-  const [c, n] = r(!1);
-  return i(() => {
-    const e = window.matchMedia(s);
-    n(e.matches);
-    const t = (a) => {
-      n(a.matches);
-    };
-    return e.addEventListener("change", t), () => {
-      e.removeEventListener("change", t);
-    };
-  }, [s]), c;
-}, d = (s, c) => {
-  const [n, e] = r(c);
-  return i(() => {
-    const t = window.matchMedia(s);
-    e(t.matches);
-    const a = (o) => {
-      e(o.matches);
-    };
-    return t.addEventListener("change", a), () => {
-      t.removeEventListener("change", a);
-    };
-  }, [s]), n;
+import * as s from "react";
+import { composeEventHandlers as p } from "./index.es474.js";
+import { useComposedRefs as C } from "./index.es473.js";
+import { createContextScope as B, createContext as H } from "./index.es472.js";
+import { useId as x } from "./index.es476.js";
+import { useControllableState as V } from "./index.es477.js";
+import { DismissableLayer as q } from "./index.es478.js";
+import { FocusScope as K } from "./index.es479.js";
+import { Portal as U } from "./index.es480.js";
+import { Presence as R } from "./index.es481.js";
+import { Primitive as m } from "./index.es482.js";
+import { useFocusGuards as Y } from "./index.es483.js";
+import Z from "./index.es484.js";
+import { hideOthers as z } from "./index.es485.js";
+import { createSlot as J } from "./index.es475.js";
+import { j as i } from "./index.es250.js";
+var _ = "Dialog", [N, he] = B(_), [Q, u] = N(_), P = (e) => {
+  const {
+    __scopeDialog: o,
+    children: n,
+    open: a,
+    defaultOpen: r,
+    onOpenChange: t,
+    modal: c = !0
+  } = e, l = s.useRef(null), d = s.useRef(null), [g = !1, v] = V({
+    prop: a,
+    defaultProp: r,
+    onChange: t
+  });
+  return /* @__PURE__ */ i.jsx(
+    Q,
+    {
+      scope: o,
+      triggerRef: l,
+      contentRef: d,
+      contentId: x(),
+      titleId: x(),
+      descriptionId: x(),
+      open: g,
+      onOpenChange: v,
+      onOpenToggle: s.useCallback(() => v(($) => !$), [v]),
+      modal: c,
+      children: n
+    }
+  );
 };
+P.displayName = _;
+var O = "DialogTrigger", I = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(O, n), t = C(o, r.triggerRef);
+    return /* @__PURE__ */ i.jsx(
+      m.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": r.open,
+        "aria-controls": r.contentId,
+        "data-state": y(r.open),
+        ...a,
+        ref: t,
+        onClick: p(e.onClick, r.onOpenToggle)
+      }
+    );
+  }
+);
+I.displayName = O;
+var h = "DialogPortal", [X, A] = N(h, {
+  forceMount: void 0
+}), j = (e) => {
+  const { __scopeDialog: o, forceMount: n, children: a, container: r } = e, t = u(h, o);
+  return /* @__PURE__ */ i.jsx(X, { scope: o, forceMount: n, children: s.Children.map(a, (c) => /* @__PURE__ */ i.jsx(R, { present: n || t.open, children: /* @__PURE__ */ i.jsx(U, { asChild: !0, container: r, children: c }) })) });
+};
+j.displayName = h;
+var D = "DialogOverlay", T = s.forwardRef(
+  (e, o) => {
+    const n = A(D, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, t = u(D, e.__scopeDialog);
+    return t.modal ? /* @__PURE__ */ i.jsx(R, { present: a || t.open, children: /* @__PURE__ */ i.jsx(te, { ...r, ref: o }) }) : null;
+  }
+);
+T.displayName = D;
+var ee = J("DialogOverlay.RemoveScroll"), te = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(D, n);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ i.jsx(Z, { as: ee, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i.jsx(
+        m.div,
+        {
+          "data-state": y(r.open),
+          ...a,
+          ref: o,
+          style: { pointerEvents: "auto", ...a.style }
+        }
+      ) })
+    );
+  }
+), f = "DialogContent", b = s.forwardRef(
+  (e, o) => {
+    const n = A(f, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, t = u(f, e.__scopeDialog);
+    return /* @__PURE__ */ i.jsx(R, { present: a || t.open, children: t.modal ? /* @__PURE__ */ i.jsx(oe, { ...r, ref: o }) : /* @__PURE__ */ i.jsx(re, { ...r, ref: o }) });
+  }
+);
+b.displayName = f;
+var oe = s.forwardRef(
+  (e, o) => {
+    const n = u(f, e.__scopeDialog), a = s.useRef(null), r = C(o, n.contentRef, a);
+    return s.useEffect(() => {
+      const t = a.current;
+      if (t) return z(t);
+    }, []), /* @__PURE__ */ i.jsx(
+      M,
+      {
+        ...e,
+        ref: r,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: p(e.onCloseAutoFocus, (t) => {
+          var c;
+          t.preventDefault(), (c = n.triggerRef.current) == null || c.focus();
+        }),
+        onPointerDownOutside: p(e.onPointerDownOutside, (t) => {
+          const c = t.detail.originalEvent, l = c.button === 0 && c.ctrlKey === !0;
+          (c.button === 2 || l) && t.preventDefault();
+        }),
+        onFocusOutside: p(
+          e.onFocusOutside,
+          (t) => t.preventDefault()
+        )
+      }
+    );
+  }
+), re = s.forwardRef(
+  (e, o) => {
+    const n = u(f, e.__scopeDialog), a = s.useRef(!1), r = s.useRef(!1);
+    return /* @__PURE__ */ i.jsx(
+      M,
+      {
+        ...e,
+        ref: o,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (t) => {
+          var c, l;
+          (c = e.onCloseAutoFocus) == null || c.call(e, t), t.defaultPrevented || (a.current || (l = n.triggerRef.current) == null || l.focus(), t.preventDefault()), a.current = !1, r.current = !1;
+        },
+        onInteractOutside: (t) => {
+          var d, g;
+          (d = e.onInteractOutside) == null || d.call(e, t), t.defaultPrevented || (a.current = !0, t.detail.originalEvent.type === "pointerdown" && (r.current = !0));
+          const c = t.target;
+          ((g = n.triggerRef.current) == null ? void 0 : g.contains(c)) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && r.current && t.preventDefault();
+        }
+      }
+    );
+  }
+), M = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, trapFocus: a, onOpenAutoFocus: r, onCloseAutoFocus: t, ...c } = e, l = u(f, n), d = s.useRef(null), g = C(o, d);
+    return Y(), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+      /* @__PURE__ */ i.jsx(
+        K,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: a,
+          onMountAutoFocus: r,
+          onUnmountAutoFocus: t,
+          children: /* @__PURE__ */ i.jsx(
+            q,
+            {
+              role: "dialog",
+              id: l.contentId,
+              "aria-describedby": l.descriptionId,
+              "aria-labelledby": l.titleId,
+              "data-state": y(l.open),
+              ...c,
+              ref: g,
+              onDismiss: () => l.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+        /* @__PURE__ */ i.jsx(ne, { titleId: l.titleId }),
+        /* @__PURE__ */ i.jsx(ie, { contentRef: d, descriptionId: l.descriptionId })
+      ] })
+    ] });
+  }
+), E = "DialogTitle", w = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(E, n);
+    return /* @__PURE__ */ i.jsx(m.h2, { id: r.titleId, ...a, ref: o });
+  }
+);
+w.displayName = E;
+var F = "DialogDescription", S = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(F, n);
+    return /* @__PURE__ */ i.jsx(m.p, { id: r.descriptionId, ...a, ref: o });
+  }
+);
+S.displayName = F;
+var W = "DialogClose", k = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(W, n);
+    return /* @__PURE__ */ i.jsx(
+      m.button,
+      {
+        type: "button",
+        ...a,
+        ref: o,
+        onClick: p(e.onClick, () => r.onOpenChange(!1))
+      }
+    );
+  }
+);
+k.displayName = W;
+function y(e) {
+  return e ? "open" : "closed";
+}
+var G = "DialogTitleWarning", [Ee, L] = H(G, {
+  contentName: f,
+  titleName: E,
+  docsSlug: "dialog"
+}), ne = ({ titleId: e }) => {
+  const o = L(G), n = `\`${o.contentName}\` requires a \`${o.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${o.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${o.docsSlug}`;
+  return s.useEffect(() => {
+    e && (document.getElementById(e) || console.error(n));
+  }, [n, e]), null;
+}, ae = "DialogDescriptionWarning", ie = ({ contentRef: e, descriptionId: o }) => {
+  const a = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${L(ae).contentName}}.`;
+  return s.useEffect(() => {
+    var t;
+    const r = (t = e.current) == null ? void 0 : t.getAttribute("aria-describedby");
+    o && r && (document.getElementById(o) || console.warn(a));
+  }, [a, e, o]), null;
+}, ye = P, Ne = I, Pe = j, Oe = T, Ie = b, Ae = w, je = S, Te = k;
 export {
-  m as useMediaQuery,
-  d as useMediaQueryV2
+  Te as Close,
+  Ie as Content,
+  je as Description,
+  P as Dialog,
+  k as DialogClose,
+  b as DialogContent,
+  S as DialogDescription,
+  T as DialogOverlay,
+  j as DialogPortal,
+  w as DialogTitle,
+  I as DialogTrigger,
+  Oe as Overlay,
+  Pe as Portal,
+  ye as Root,
+  Ae as Title,
+  Ne as Trigger,
+  Ee as WarningProvider,
+  he as createDialogScope
 };
 //# sourceMappingURL=index.es290.js.map