@anoki/fse-ui 1.0.653 → 1.0.655

package/dist/index.es34.js

@@ -1,55 +1,54 @@
-import { j as i } from "./index.es197.js";
+import { j as i } from "./index.es202.js";
 import { useMemo as t } from "react";
-import { AuthorBlock as L } from "./index.es94.js";
+import { AuthorBlock as A } from "./index.es94.js";
 import './components/ui/AuthorWithImage/AuthorWithImage.css';/* empty css            */
-import { fromISODateToDateFormatted as U } from "./index.es247.js";
-import { useCopyToClipboardCurrentPage as k } from "./index.es248.js";
-import { useAlertDialog as E } from "./index.es249.js";
-import { getFullNameInitials as $ } from "./index.es250.js";
-import { Row as M } from "./index.es9.js";
-import { splitInTwo as F } from "./index.es251.js";
-import { ActionIconText as p } from "./index.es60.js";
-import { clsx as u } from "./index.es199.js";
-import { ShareLink as R } from "./index.es171.js";
-import { CopyLink as S } from "./index.es170.js";
-import { Tags as P } from "./index.es120.js";
-import { Col as H } from "./index.es10.js";
-import { CardCategory as O } from "./index.es26.js";
-const ne = {
+import { fromISODateToDateFormatted as U } from "./index.es252.js";
+import { useCopyToClipboardCurrentPage as D } from "./index.es253.js";
+import { getFullNameInitials as E } from "./index.es254.js";
+import { Row as L } from "./index.es9.js";
+import { splitInTwo as k } from "./index.es255.js";
+import { ActionIconText as $ } from "./index.es60.js";
+import { clsx as p } from "./index.es204.js";
+import { ShareButton as M } from "./index.es113.js";
+import { CopyLink as S } from "./index.es171.js";
+import { Tags as F } from "./index.es121.js";
+import { Col as R } from "./index.es10.js";
+import { CardCategory as P } from "./index.es26.js";
+const re = {
   AUTHENTICATED: "authenticated",
   PUBLIC: "public"
-}, oe = ({
+}, te = ({
   data: e = {},
-  ImageComponent: a = "img",
-  imageProps: v = {},
-  variant: g = "service",
-  publishedLabel: x = "Pubblicato",
+  ImageComponent: u = "img",
+  imageProps: a = {},
+  variant: v = "service",
+  publishedLabel: g = "Pubblicato",
   readingTimeLabel: f = "Tempo di lettura",
-  readingMinuteLabel: T = "min",
+  readingMinuteLabel: x = "min",
   tagsLabelTitle: h = "Argomenti trattati",
-  shareLabel: j = "Condividi",
-  copyLinkLabel: d = "Copia link",
+  shareLabel: T = "Condividi",
+  copyLinkLabel: j = "Copia link",
   copiedTextLabel: I = "Link copiato",
-  isPreview: s = !1,
-  modeAuthenticated: n = !1
+  isPreview: n = !1,
+  modeAuthenticated: s = !1
 }) => {
   var m, l, c;
-  const { copyToClipboard: w, isCopied: N } = k(), { openAlert: C } = E(), b = t(() => e != null && e.updatedBy ? $(
+  const { copyToClipboard: d, isCopied: w } = D(), N = t(() => e != null && e.updatedBy ? E(
     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 ? F(e.previewImageTitle.toUpperCase()) : [e.previewImageTitle.toUpperCase(), null], [e.previewImageTitle]), A = t(() => {
+  ) : "-", [e.updatedBy]), [C, 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]), y = t(() => {
     const r = e.readingTime ?? 0;
     return Math.ceil(Number(r) / 60) || 0;
-  }, [e]), B = () => {
+  }, [e]), b = () => {
     if (!e.previewImageUrl) return null;
-    if (g === "event") {
-      const r = (D) => "eventTitle" in D;
+    if (v === "event") {
+      const r = (B) => "eventTitle" in B;
       return /* @__PURE__ */ i.jsxs(
         "div",
         {
-          className: u(
-            s ? "event-preview" : "event-image-container",
-            n ? "margin-authenticated" : ""
+          className: p(
+            n ? "event-preview" : "event-image-container",
+            s ? "margin-authenticated" : ""
           ),
           children: [
             /* @__PURE__ */ i.jsx(
@@ -69,9 +68,9 @@ const ne = {
                   alt: `Evento ${e.name}`
                 }
               ),
-              /* @__PURE__ */ i.jsx("div", { className: "event-card-container", children: /* @__PURE__ */ i.jsxs(H, { gap: "x32", children: [
+              /* @__PURE__ */ i.jsx("div", { className: "event-card-container", children: /* @__PURE__ */ i.jsxs(R, { gap: "x32", children: [
                 /* @__PURE__ */ i.jsx(
-                  O,
+                  P,
                   {
                     title: r(e) ? e.eventTitle ?? "-" : "-",
                     className: "w-full",
@@ -82,7 +81,7 @@ const ne = {
                   }
                 ),
                 /* @__PURE__ */ i.jsx(
-                  P,
+                  F,
                   {
                     title: h,
                     items: r(e) ? e.tags ?? [] : []
@@ -97,22 +96,22 @@ const ne = {
     return /* @__PURE__ */ i.jsxs(
       "div",
       {
-        className: u(
-          s ? "service-detail-image" : "fullscreen-image-container",
-          n ? "margin-authenticated" : ""
+        className: p(
+          n ? "service-detail-image" : "fullscreen-image-container",
+          s ? "margin-authenticated" : ""
         ),
         children: [
           /* @__PURE__ */ i.jsx(
-            a,
+            u,
             {
               alt: `Service ${e.name} image`,
               src: e.previewImageUrl,
               style: { aspectRatio: 21 / 9 },
-              ...v
+              ...a
             }
           ),
           e.previewImageTitle && e.previewImageTitle.trim() !== "" && /* @__PURE__ */ i.jsxs("p", { className: "short-title", children: [
-            /* @__PURE__ */ i.jsx("span", { children: y }),
+            /* @__PURE__ */ i.jsx("span", { children: C }),
             o && /* @__PURE__ */ i.jsx("span", { children: o })
           ] })
         ]
@@ -122,43 +121,42 @@ const ne = {
   return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
     /* @__PURE__ */ i.jsxs("div", { className: "action-author", children: [
       /* @__PURE__ */ i.jsx(
-        L,
+        A,
         {
           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: b },
-          publishedLabel: x,
+          avatar: { initials: N },
+          publishedLabel: g,
           publishedDate: U(e.updatedAt ?? "", "it") ?? "-",
           readingTimeLabel: f,
-          readingTimeValue: A,
-          readingMinuteLabel: T
+          readingTimeValue: y,
+          readingMinuteLabel: x
         }
       ),
-      /* @__PURE__ */ i.jsxs(M, { gap: "x8", className: "action-link", children: [
+      /* @__PURE__ */ i.jsxs(L, { gap: "x8", className: "action-link", children: [
         /* @__PURE__ */ i.jsx(
-          p,
+          M,
           {
-            textLabel: j,
-            icon: /* @__PURE__ */ i.jsx(R, {}),
-            handleAction: C,
-            classNameText: "fw-bold"
+            textLabel: T,
+            href: window.location.href,
+            titleShared: e.name
           }
         ),
         /* @__PURE__ */ i.jsx("div", { className: "share-divider", children: /* @__PURE__ */ i.jsx(
-          p,
+          $,
           {
-            textLabel: N ? I : d,
+            textLabel: w ? I : j,
             icon: /* @__PURE__ */ i.jsx(S, {}),
-            handleAction: w,
+            handleAction: d,
             classNameText: "fw-bold"
           }
         ) })
       ] })
     ] }),
-    B()
+    b()
   ] });
 };
 export {
-  ne as AuthenticatedModeEnum,
-  oe as AuthorWithImage
+  re as AuthenticatedModeEnum,
+  te as AuthorWithImage
 };
 //# sourceMappingURL=index.es34.js.map

package/dist/index.es34.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es34.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 { useAlertDialog } from \"@/hooks/useAlert\";\nimport { getFullNameInitials } from \"@/utils/getFullNameInitials\";\nimport { Row } from \"../Row\";\nimport { CopyLink, ShareLink } from \"@/icons\";\nimport { splitInTwo } from \"@/utils/splitInTwo\";\nimport { ActionIconText } from \"../ActionIconText\";\nimport { CardCategory, Col } 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 { openAlert } = useAlertDialog();\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;\n      };\n\n      return (\n        <div\n          className={clsx(\n            isPreview ? \"event-preview\" : \"event-image-container\",\n            modeAuthenticated ? \"margin-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                  <CardCategory\n                    title={isEvent(data) ? (data.eventTitle ?? \"-\") : \"-\"}\n                    className={\"w-full\"}\n                    description={\n                      isEvent(data) ? (data.eventDescriptionTitle ?? \"-\") : \"-\"\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                  <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          <ActionIconText\n            textLabel={shareLabel}\n            icon={<ShareLink />}\n            handleAction={openAlert}\n            classNameText={\"fw-bold\"}\n          />\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","openAlert","useAlertDialog","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","readingTimeInMinutes","readingTime","renderImage","isEvent","obj","jsxs","clsx","jsx","Col","CardCategory","Tags","Fragment","AuthorBlock","_a","_b","_c","fromISODateToDateFormatted","Row","ActionIconText","ShareLink","CopyLink"],"mappings":"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"}
+{"version":3,"file":"index.es34.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;\n      };\n\n      return (\n        <div\n          className={clsx(\n            isPreview ? \"event-preview\" : \"event-image-container\",\n            modeAuthenticated ? \"margin-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                  <CardCategory\n                    title={isEvent(data) ? (data.eventTitle ?? \"-\") : \"-\"}\n                    className={\"w-full\"}\n                    description={\n                      isEvent(data) ? (data.eventDescriptionTitle ?? \"-\") : \"-\"\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                  <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\n            textLabel={shareLabel}\n            href={window.location.href}\n            titleShared={data.name}\n          />\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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"}

package/dist/{index.es339.js → index.es343.js}

@@ -1,6 +1,6 @@
-import { j as s } from "./index.es197.js";
-import { clsx as d } from "./index.es199.js";
-import m from "./index.es341.js";
+import { j as s } from "./index.es202.js";
+import { clsx as d } from "./index.es204.js";
+import m from "./index.es345.js";
 const x = ({
   index: t,
   title: l,
@@ -35,4 +35,4 @@ const x = ({
 export {
   x as StepItem
 };
-//# sourceMappingURL=index.es339.js.map
+//# sourceMappingURL=index.es343.js.map

package/dist/{index.es339.js.map → index.es343.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es339.js","sources":["../src/components/ui/Accordion/AccordionStepper/StepItem/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport ToggleContent from \"../../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,EAAA,KAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,EAAAA,gBAAAA,OAAC,SAAI,WAAWC,EAAK,eAAeJ,KAAU,MAAM,GAClD,UAAA;AAAA,IAAAK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,eAAe,UAAAR,IAAQ,GAAE;AAAA,IACvCQ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,cAAc,UAAMP,EAAA,CAAA;AAAA,EAAA,GACrC;AAAA,EAEAK,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,gBACb,UAAA;AAAA,IAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACE,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,GAAG,CAAA;AAAA,MAClBA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,OAAO,CAAA;AAAA,IAAA,GACxB;AAAA,IACAF,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASJ;AAAA,UACT,QAAAF;AAAA,UACA,cAAcC;AAAA,QAAA;AAAA,MAChB;AAAA,MACCD,KAAUK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,gBAAgB,UAAQN,EAAA,CAAA;AAAA,IAAA,EACpD,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es343.js","sources":["../src/components/ui/Accordion/AccordionStepper/StepItem/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport ToggleContent from \"../../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,EAAA,KAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,EAAAA,gBAAAA,OAAC,SAAI,WAAWC,EAAK,eAAeJ,KAAU,MAAM,GAClD,UAAA;AAAA,IAAAK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,eAAe,UAAAR,IAAQ,GAAE;AAAA,IACvCQ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,cAAc,UAAMP,EAAA,CAAA;AAAA,EAAA,GACrC;AAAA,EAEAK,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,gBACb,UAAA;AAAA,IAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACE,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,GAAG,CAAA;AAAA,MAClBA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,OAAO,CAAA;AAAA,IAAA,GACxB;AAAA,IACAF,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASJ;AAAA,UACT,QAAAF;AAAA,UACA,cAAcC;AAAA,QAAA;AAAA,MAChB;AAAA,MACCD,KAAUK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,gBAAgB,UAAQN,EAAA,CAAA;AAAA,IAAA,EACpD,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GACF;"}

package/dist/index.es345.js

@@ -1,53 +1,12 @@
-import { j as e } from "./index.es197.js";
-const C = ({ width: l, height: d }) => /* @__PURE__ */ e.jsxs(
-  "svg",
-  {
-    width: l,
-    height: d,
-    viewBox: "0 0 21 21",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [
-      /* @__PURE__ */ e.jsx(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M19.7667 1.23854H1.89999V19.1052H19.7667V1.23854ZM0.833328 0.171875V20.1719H20.8333V0.171875H0.833328Z",
-          fill: "white"
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M14.8333 7.5941C14.5815 7.5941 14.3444 7.71265 14.1933 7.9141L11.26 11.8252C11.1672 11.9489 11.0254 12.0262 10.8711 12.0372C10.7169 12.0482 10.5655 11.9917 10.4562 11.8823L9.54332 10.9694C9.3793 10.8054 9.15214 10.7206 8.92076 10.7371C8.68939 10.7536 8.47655 10.8697 8.33743 11.0553C8.33209 11.0624 8.32657 11.0694 8.32088 11.0763L5.12494 14.9229L4.30449 14.2413L7.49262 10.404C7.81736 9.97765 8.30993 9.71123 8.845 9.67313C9.38488 9.63469 9.91486 9.83247 10.2976 10.2152L10.7756 10.6933L13.34 7.2741C13.6925 6.80406 14.2458 6.52743 14.8333 6.52743C15.4209 6.52743 15.9741 6.80406 16.3267 7.2741L19.02 10.8652L18.1667 11.5052L15.4733 7.9141C15.3222 7.71265 15.0851 7.5941 14.8333 7.5941Z",
-          fill: "white"
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M3.63333 5.17188C3.63333 3.95685 4.6183 2.97188 5.83333 2.97188C7.04835 2.97188 8.03333 3.95685 8.03333 5.17188C8.03333 6.3869 7.04835 7.37188 5.83333 7.37188C4.6183 7.37188 3.63333 6.3869 3.63333 5.17188ZM5.83333 4.03854C5.20741 4.03854 4.7 4.54595 4.7 5.17188C4.7 5.7978 5.20741 6.30521 5.83333 6.30521C6.45925 6.30521 6.96666 5.7978 6.96666 5.17188C6.96666 4.54595 6.45925 4.03854 5.83333 4.03854Z",
-          fill: "white"
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M1.41111 14.083H20.2556V15.1497H1.41111V14.083Z",
-          fill: "white"
-        }
-      )
-    ]
-  }
-);
+import { j as r } from "./index.es202.js";
+import { clsx as e } from "./index.es204.js";
+import { ArrowTop as m } from "./index.es169.js";
+import { ArrowDown as n } from "./index.es125.js";
+const p = ({ isOpen: o, onClick: t, className: a, toggleLabels: s }) => /* @__PURE__ */ r.jsxs("button", { className: e("", a), onClick: t, children: [
+  o ? s.closeLabel : s.activeLabel,
+  /* @__PURE__ */ r.jsx("span", { className: "arrow", children: o ? /* @__PURE__ */ r.jsx(m, {}) : /* @__PURE__ */ r.jsx(n, {}) })
+] });
 export {
-  C as Image
+  p as default
 };
 //# sourceMappingURL=index.es345.js.map

package/dist/index.es345.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es345.js","sources":["../src/icons/Image/index.tsx"],"sourcesContent":["import { IconProps } from \"@radix-ui/themes\";\n\nexport const Image = ({ width, height }: IconProps) => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 21 21\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M19.7667 1.23854H1.89999V19.1052H19.7667V1.23854ZM0.833328 0.171875V20.1719H20.8333V0.171875H0.833328Z\"\n        fill=\"white\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M14.8333 7.5941C14.5815 7.5941 14.3444 7.71265 14.1933 7.9141L11.26 11.8252C11.1672 11.9489 11.0254 12.0262 10.8711 12.0372C10.7169 12.0482 10.5655 11.9917 10.4562 11.8823L9.54332 10.9694C9.3793 10.8054 9.15214 10.7206 8.92076 10.7371C8.68939 10.7536 8.47655 10.8697 8.33743 11.0553C8.33209 11.0624 8.32657 11.0694 8.32088 11.0763L5.12494 14.9229L4.30449 14.2413L7.49262 10.404C7.81736 9.97765 8.30993 9.71123 8.845 9.67313C9.38488 9.63469 9.91486 9.83247 10.2976 10.2152L10.7756 10.6933L13.34 7.2741C13.6925 6.80406 14.2458 6.52743 14.8333 6.52743C15.4209 6.52743 15.9741 6.80406 16.3267 7.2741L19.02 10.8652L18.1667 11.5052L15.4733 7.9141C15.3222 7.71265 15.0851 7.5941 14.8333 7.5941Z\"\n        fill=\"white\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M3.63333 5.17188C3.63333 3.95685 4.6183 2.97188 5.83333 2.97188C7.04835 2.97188 8.03333 3.95685 8.03333 5.17188C8.03333 6.3869 7.04835 7.37188 5.83333 7.37188C4.6183 7.37188 3.63333 6.3869 3.63333 5.17188ZM5.83333 4.03854C5.20741 4.03854 4.7 4.54595 4.7 5.17188C4.7 5.7978 5.20741 6.30521 5.83333 6.30521C6.45925 6.30521 6.96666 5.7978 6.96666 5.17188C6.96666 4.54595 6.45925 4.03854 5.83333 4.03854Z\"\n        fill=\"white\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M1.41111 14.083H20.2556V15.1497H1.41111V14.083Z\"\n        fill=\"white\"\n      />\n    </svg>\n  );\n};\n"],"names":["Image","width","height","jsxs","jsx"],"mappings":";AAEO,MAAMA,IAAQ,CAAC,EAAE,OAAAC,GAAO,QAAAC,QAE3BC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAAF;AAAA,IACA,QAAAC;AAAA,IACA,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IAEN,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es345.js","sources":["../src/components/ui/Accordion/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,UAAO,EAAA,WAAWC,EAAK,IAAIF,CAAS,GAAG,SAAAD,GACrC,UAAA;AAAA,EAASD,IAAAG,EAAa,aAAaA,EAAa;AAAA,EACjDE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,SAAS,UAAAL,0BAAUM,GAAS,CAAA,CAAA,IAAMD,gBAAAA,EAAA,IAAAE,GAAA,CAAU,CAAA,EAAG,CAAA;AAAA,GACjE;"}