@anoki/fse-ui 1.0.0-beta1.37 → 1.0.0-beta1.37.2

package/dist/index.es337.js

@@ -1,5 +1,5 @@
 import { j as C } from "./index.es232.js";
-import { createColorClasses as f } from "./index.es260.js";
+import { createColorClasses as f } from "./index.es262.js";
 import { clsx as x } from "./index.es234.js";
 const j = ({
   className: t,

package/dist/index.es338.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es232.js";
 import './components/ui/Section/Description/description.css';/* empty css            */
-import { createColorClasses as n } from "./index.es260.js";
+import { createColorClasses as n } from "./index.es262.js";
 import { clsx as m } from "./index.es234.js";
 const u = ({
   fs: t = "6",

package/dist/index.es339.js

@@ -1,11 +1,11 @@
 import * as s from "react";
-import { composeEventHandlers as T } from "./index.es459.js";
-import { useComposedRefs as _ } from "./index.es457.js";
-import { createContextScope as H } from "./index.es458.js";
-import { useControllableState as I } from "./index.es460.js";
-import { usePrevious as M } from "./index.es461.js";
-import { useSize as N } from "./index.es462.js";
-import { Primitive as w } from "./index.es464.js";
+import { composeEventHandlers as T } from "./index.es448.js";
+import { useComposedRefs as _ } from "./index.es449.js";
+import { createContextScope as H } from "./index.es450.js";
+import { useControllableState as I } from "./index.es451.js";
+import { usePrevious as M } from "./index.es458.js";
+import { useSize as N } from "./index.es459.js";
+import { Primitive as w } from "./index.es452.js";
 import { j as p } from "./index.es232.js";
 var S = "Switch", [B, J] = H(S), [q, z] = B(S), C = s.forwardRef(
   (e, n) => {

package/dist/index.es357.js

@@ -1,10 +1,10 @@
 import * as e from "react";
-import c from "./index.es525.js";
-import { extractProps as i } from "./index.es528.js";
-import { requireReactElement as a } from "./index.es533.js";
-import { popoverContentPropDefs as l } from "./index.es534.js";
-import { Theme as f } from "./index.es535.js";
-import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es536.js";
+import c from "./index.es519.js";
+import { extractProps as i } from "./index.es522.js";
+import { requireReactElement as a } from "./index.es527.js";
+import { popoverContentPropDefs as l } from "./index.es528.js";
+import { Theme as f } from "./index.es529.js";
+import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es530.js";
 const v = (r) => e.createElement(p, { ...r });
 v.displayName = "Popover.Root";
 const g = e.forwardRef(({ children: r, ...o }, t) => e.createElement(d, { ...o, ref: t, asChild: !0 }, a(r)));

package/dist/index.es358.js

@@ -1,6 +1,6 @@
 import * as t from "react";
-import r from "./index.es525.js";
-import { BaseButton as m } from "./index.es526.js";
+import r from "./index.es519.js";
+import { BaseButton as m } from "./index.es520.js";
 const s = t.forwardRef(({ className: o, ...a }, e) => t.createElement(m, { ...a, ref: e, className: r("rt-Button", o) }));
 s.displayName = "Button";
 export {

package/dist/index.es380.js

@@ -1,9 +1,9 @@
 import * as l from "react";
-import { createContextScope as T } from "./index.es458.js";
-import { useComposedRefs as A } from "./index.es457.js";
+import { createContextScope as T } from "./index.es450.js";
+import { useComposedRefs as A } from "./index.es449.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.es308.js";
-import { composeEventHandlers as F } from "./index.es459.js";
-import { createSlottable as G } from "./index.es469.js";
+import { composeEventHandlers as F } from "./index.es448.js";
+import { createSlottable as G } from "./index.es474.js";
 import { j as i } from "./index.es232.js";
 var D = "AlertDialog", [W, te] = T(D, [
   v

package/dist/index.es386.js

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

package/dist/index.es39.js

@@ -1,48 +1,49 @@
 import { j as i } from "./index.es232.js";
 import { useMemo as t } from "react";
-import { AuthorBlock as D } from "./index.es101.js";
+import { AuthorBlock as U } from "./index.es101.js";
 import './components/ui/AuthorWithImage/AuthorWithImage.css';/* empty css            */
-import { fromISODateToDateFormatted as A } from "./index.es301.js";
-import { useCopyToClipboardCurrentPage as U } from "./index.es302.js";
-import { getFullNameInitials as E } from "./index.es303.js";
-import { Row as L } from "./index.es9.js";
-import { splitInTwo as k } from "./index.es304.js";
-import { ActionIconText as $ } from "./index.es66.js";
+import { fromISODateToDateFormatted as D } from "./index.es301.js";
+import { useCopyToClipboardCurrentPage as E } from "./index.es302.js";
+import { getFullNameInitials as L } from "./index.es303.js";
+import { Row as k } from "./index.es9.js";
+import { splitInTwo as $ } from "./index.es304.js";
+import { ActionIconText as M } from "./index.es66.js";
 import { clsx as u } from "./index.es234.js";
-import { ShareButton as M } from "./index.es122.js";
-import { CopyLink as S } from "./index.es198.js";
-import { Tags as F } from "./index.es141.js";
-import { Col as R } from "./index.es10.js";
-import { CardCategory as P } from "./index.es30.js";
-const re = {
+import { ShareButton as S } from "./index.es122.js";
+import { CopyLink as F } from "./index.es198.js";
+import { Tags as R } from "./index.es141.js";
+import { Col as P } from "./index.es10.js";
+import { CardCategory as H } from "./index.es30.js";
+const te = {
   AUTHENTICATED: "authenticated",
   PUBLIC: "public"
-}, te = ({
+}, ne = ({
   data: e = {},
-  ImageComponent: v = "img",
-  imageProps: a = {},
+  ImageComponent: a = "img",
+  imageProps: v = {},
   variant: g = "service",
   publishedLabel: x = "Pubblicato",
   readingTimeLabel: f = "Tempo di lettura",
   readingMinuteLabel: T = "min",
   tagsLabelTitle: h = "Argomenti trattati",
-  shareLabel: j = "Condividi",
-  copyLinkLabel: I = "Copia link",
-  copiedTextLabel: w = "Link copiato",
+  shareLabel: d = "Condividi",
+  copyLinkLabel: j = "Copia link",
+  copiedTextLabel: I = "Link copiato",
   isPreview: n = !1,
-  modeAuthenticated: s = !1
+  modeAuthenticated: s = !1,
+  eventCardDescriptionTitle: C
 }) => {
-  var m, l, c;
-  const { copyToClipboard: N, isCopied: d } = U(), C = t(() => e != null && e.updatedBy ? E(
+  var o, l, c;
+  const { copyToClipboard: w, isCopied: N } = E(), y = t(() => e != null && e.updatedBy ? L(
     e.updatedBy.name ?? "",
     e.updatedBy.surname ?? ""
-  ) : "-", [e.updatedBy]), [y, o] = t(() => !e.previewImageTitle || e.previewImageTitle.trim() === "" ? [null, null] : e.previewImageTitle.trim().split(/\s+/).length >= 4 ? k(e.previewImageTitle.toUpperCase()) : [e.previewImageTitle.toUpperCase(), null], [e.previewImageTitle]), b = t(() => {
+  ) : "-", [e.updatedBy]), [b, m] = t(() => !e.previewImageTitle || e.previewImageTitle.trim() === "" ? [null, null] : e.previewImageTitle.trim().split(/\s+/).length >= 4 ? $(e.previewImageTitle.toUpperCase()) : [e.previewImageTitle.toUpperCase(), null], [e.previewImageTitle]), B = t(() => {
     const r = e.readingTime ?? 0;
     return Math.ceil(Number(r) / 60) || 0;
-  }, [e]), B = () => {
+  }, [e]), A = () => {
     if (!e.previewImageUrl) return null;
     if (g === "event") {
-      const r = (p) => "eventTitle" in p || "eventDescriptionTitle" in p;
+      const r = (p) => "eventCardTitle" in p || "eventTitle" in p;
       return /* @__PURE__ */ i.jsxs(
         "div",
         {
@@ -68,20 +69,20 @@ const re = {
                   alt: `Evento ${e.name}`
                 }
               ),
-              /* @__PURE__ */ i.jsx("div", { className: "event-card-container", children: /* @__PURE__ */ i.jsxs(R, { gap: "x32", children: [
-                r(e) && (e.eventTitle || e.eventDescription) && /* @__PURE__ */ i.jsx(
-                  P,
+              /* @__PURE__ */ i.jsx("div", { className: "event-card-container", children: /* @__PURE__ */ i.jsxs(P, { gap: "x32", children: [
+                r(e) && (e.eventCardTitle || e.eventCardDescription) && /* @__PURE__ */ i.jsx(
+                  H,
                   {
-                    title: r(e) ? e.eventTitle ?? "-" : "-",
+                    title: r(e) ? e.eventCardTitle ?? "-" : "-",
                     className: "w-full",
-                    description: r(e) ? e.eventDescriptionTitle ?? "-" : "-",
-                    description2: r(e) ? e.eventDescription ?? "-" : "-",
+                    description: r(e) ? C ?? "-" : "-",
+                    description2: r(e) ? e.eventCardDescription ?? "-" : "-",
                     classNameTitle: "text-slate-20 fs-5 md-fs-custom-2",
                     classNameDescriptionTitle: "text-slate-28 fw-bold fs-6 md-fs-custom"
                   }
                 ),
                 /* @__PURE__ */ i.jsx(
-                  F,
+                  R,
                   {
                     title: h,
                     items: r(e) ? e.tags ?? [] : []
@@ -102,17 +103,17 @@ const re = {
         ),
         children: [
           /* @__PURE__ */ i.jsx(
-            v,
+            a,
             {
               alt: `Service ${e.name} image`,
               src: e.previewImageUrl,
               style: { aspectRatio: 21 / 9 },
-              ...a
+              ...v
             }
           ),
           e.previewImageTitle && e.previewImageTitle.trim() !== "" && /* @__PURE__ */ i.jsxs("p", { className: "short-title", children: [
-            /* @__PURE__ */ i.jsx("span", { children: y }),
-            o && /* @__PURE__ */ i.jsx("span", { children: o })
+            /* @__PURE__ */ i.jsx("span", { children: b }),
+            m && /* @__PURE__ */ i.jsx("span", { children: m })
           ] })
         ]
       }
@@ -121,35 +122,35 @@ const re = {
   return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
     /* @__PURE__ */ i.jsxs("div", { className: "action-author", children: [
       /* @__PURE__ */ i.jsx(
-        D,
+        U,
         {
-          authorName: (m = e == null ? void 0 : e.updatedBy) != null && m.name ? `${(l = e == null ? void 0 : e.updatedBy) == null ? void 0 : l.name} ${(c = e == null ? void 0 : e.updatedBy) == null ? void 0 : c.surname}` : "-",
-          avatar: { initials: C },
+          authorName: (o = e == null ? void 0 : e.updatedBy) != null && o.name ? `${(l = e == null ? void 0 : e.updatedBy) == null ? void 0 : l.name} ${(c = e == null ? void 0 : e.updatedBy) == null ? void 0 : c.surname}` : "-",
+          avatar: { initials: y },
           publishedLabel: x,
-          publishedDate: A(e.updatedAt ?? "", "it") ?? "-",
+          publishedDate: D(e.updatedAt ?? "", "it") ?? "-",
           readingTimeLabel: f,
-          readingTimeValue: b,
+          readingTimeValue: B,
           readingMinuteLabel: T
         }
       ),
-      /* @__PURE__ */ i.jsxs(L, { gap: "x8", className: "action-link", children: [
-        /* @__PURE__ */ i.jsx(M, { textLabel: j, titleShared: e.name }),
+      /* @__PURE__ */ i.jsxs(k, { gap: "x8", className: "action-link", children: [
+        /* @__PURE__ */ i.jsx(S, { textLabel: d, titleShared: e.name }),
         /* @__PURE__ */ i.jsx("div", { className: "share-divider", children: /* @__PURE__ */ i.jsx(
-          $,
+          M,
           {
-            textLabel: d ? w : I,
-            icon: /* @__PURE__ */ i.jsx(S, {}),
-            handleAction: N,
+            textLabel: N ? I : j,
+            icon: /* @__PURE__ */ i.jsx(F, {}),
+            handleAction: w,
             classNameText: "fw-bold"
           }
         ) })
       ] })
     ] }),
-    B()
+    A()
   ] });
 };
 export {
-  re as AuthenticatedModeEnum,
-  te as AuthorWithImage
+  te as AuthenticatedModeEnum,
+  ne as AuthorWithImage
 };
 //# sourceMappingURL=index.es39.js.map

package/dist/index.es39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es39.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  eventTitle?: string;\n  eventDescription?: string;\n  eventDescriptionTitle?: string;\n  tags?: string[];\n};\n\ntype Service = BaseServiceProps;\nexport const AuthenticatedModeEnum = {\n  AUTHENTICATED: \"authenticated\",\n  PUBLIC: \"public\",\n} as const;\n\nexport 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}\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}: 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 \"eventTitle\" in obj || \"eventDescriptionTitle\" 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.eventTitle || data.eventDescription) && (\n                      <CardCategory\n                        title={isEvent(data) ? (data.eventTitle ?? \"-\") : \"-\"}\n                        className={\"w-full\"}\n                        description={\n                          isEvent(data)\n                            ? (data.eventDescriptionTitle ?? \"-\")\n                            : \"-\"\n                        }\n                        description2={\n                          isEvent(data) ? (data.eventDescription ?? \"-\") : \"-\"\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\n                    title={tagsLabelTitle}\n                    items={isEvent(data) ? (data.tags ?? []) : []}\n                  />\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  return (\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"],"names":["AuthenticatedModeEnum","AuthorWithImage","data","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","tagsLabelTitle","shareLabel","copyLinkLabel","copiedTextLabel","isPreview","modeAuthenticated","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","readingTimeInMinutes","readingTime","renderImage","isEvent","obj","jsxs","clsx","jsx","Col","CardCategory","Tags","Fragment","AuthorBlock","_a","_b","_c","fromISODateToDateFormatted","Row","ShareButton","ActionIconText","CopyLink"],"mappings":"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"}
+{"version":3,"file":"index.es39.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;\nexport const AuthenticatedModeEnum = {\n  AUTHENTICATED: \"authenticated\",\n  PUBLIC: \"public\",\n} as const;\n\nexport 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}\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}: 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\n                    title={tagsLabelTitle}\n                    items={isEvent(data) ? (data.tags ?? []) : []}\n                  />\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  return (\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"],"names":["AuthenticatedModeEnum","AuthorWithImage","data","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","tagsLabelTitle","shareLabel","copyLinkLabel","copiedTextLabel","isPreview","modeAuthenticated","eventCardDescriptionTitle","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","readingTimeInMinutes","readingTime","renderImage","isEvent","obj","jsxs","clsx","jsx","Col","CardCategory","Tags","Fragment","AuthorBlock","_a","_b","_c","fromISODateToDateFormatted","Row","ShareButton","ActionIconText","CopyLink"],"mappings":"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"}

package/dist/index.es398.js

@@ -1,12 +1,12 @@
 import * as e from "react";
-import l from "./index.es525.js";
-import { scrollAreaPropDefs as r } from "./index.es537.js";
-import { extractMarginProps as E } from "./index.es538.js";
-import { getMarginStyles as z } from "./index.es539.js";
-import { getResponsiveClassNames as i } from "./index.es540.js";
-import { getSubtree as C } from "./index.es541.js";
-import { mergeStyles as R } from "./index.es542.js";
-import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es543.js";
+import l from "./index.es519.js";
+import { scrollAreaPropDefs as r } from "./index.es531.js";
+import { extractMarginProps as E } from "./index.es532.js";
+import { getMarginStyles as z } from "./index.es533.js";
+import { getResponsiveClassNames as i } from "./index.es534.js";
+import { getSubtree as C } from "./index.es535.js";
+import { mergeStyles as R } from "./index.es536.js";
+import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es537.js";
 const D = e.forwardRef((p, u) => {
   const { rest: d, ...f } = E(p), [S, N] = z(f), { asChild: t, children: A, className: b, style: h, type: s, scrollHideDelay: y = s !== "scroll" ? 0 : void 0, dir: P, size: o = r.size.default, radius: c = r.radius.default, scrollbars: a = r.scrollbars.default, ...v } = d;
   return e.createElement(V, { type: s, scrollHideDelay: y, className: l("rt-ScrollAreaRoot", S, b), style: R(N, h), asChild: t }, C({ asChild: t, children: A }, (g) => e.createElement(e.Fragment, null, e.createElement($, { ...v, ref: u, className: "rt-ScrollAreaViewport" }, g), e.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), a !== "vertical" ? e.createElement(m, { "data-radius": c, orientation: "horizontal", className: l("rt-ScrollAreaScrollbar", i({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(n, { className: "rt-ScrollAreaThumb" })) : null, a !== "horizontal" ? e.createElement(m, { "data-radius": c, orientation: "vertical", className: l("rt-ScrollAreaScrollbar", i({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(n, { className: "rt-ScrollAreaThumb" })) : null, a === "both" ? e.createElement(w, { className: "rt-ScrollAreaCorner" }) : null)));

package/dist/index.es424.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es232.js";
 import { clsx as n } from "./index.es234.js";
-import { createColorClasses as x } from "./index.es260.js";
+import { createColorClasses as x } from "./index.es262.js";
 const m = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es437.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "./index.es447.js";
+import { __exports as e } from "./index.es461.js";
 /**
  * @license React
  * react-jsx-runtime.production.js