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

package/dist/index.es27.js.map

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

package/dist/index.es270.js

@@ -1,7 +1,48 @@
-import { j as t } from "./index.es241.js";
-import './components/ui/AddNewModal/AddNewModalFooter/AddNewModalFooter.css';/* empty css            */
-const a = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-add-new-modal-footer bg-white shadow ui-modal-footer", children: o });
+import { useId as v, createContext as w, useMemo as m, Children as _, isValidElement as E, useState as j, useCallback as C, useEffect as f, useLayoutEffect as b } from "react";
+import { j as u } from "./index.es241.js";
+const y = typeof window < "u", g = y ? b : f, M = (e = !0) => {
+  let [n, r] = j(y ? window.innerWidth : 0), t = C(() => {
+    r(window.innerWidth);
+  }, []);
+  return f(() => (e && window.addEventListener("resize", t), () => {
+    window.removeEventListener("resize", t);
+  }), [e, t]), g(() => {
+    t();
+  }, [t]), n;
+};
+var $ = M;
+const k = [640, 786, 1024, 1280, 1536], A = (e) => e.reduce((n, r, t) => typeof r == "number" ? { ...n, [k[t]]: r } : n, {}), L = (e) => Array.isArray(e) ? A(e) : e, z = (e, n) => {
+  let r = Object.keys(L(e)).map(Number).sort((o, s) => o - s), t = null;
+  for (let o of r) n >= o && (t = o);
+  return t ?? r[0];
+};
+var O = z;
+const c = 3, S = (e) => {
+  let n = typeof e == "object", r = $(n);
+  return m(() => {
+    if (!n) return e ?? c;
+    let o = O(e, r);
+    return e[o] ?? c;
+  }, [n, r, e]);
+};
+var W = S;
+const D = (e) => Array.from({ length: e }, () => []), I = (e, n) => {
+  let r = W(n);
+  return m(() => {
+    let o = D(r);
+    return _.forEach(e, (s, a) => {
+      E(s) && o[a % r].push(s);
+    }), o;
+  }, [r, e]);
+};
+var N = I;
+const P = w({ column: 0, position: 0 }), R = (e) => {
+  let { gap: n, as: r = "div", columnProps: t, columns: o, ref: s, ...a } = e, l = v(), p = N(e.children, o);
+  return u.jsx(r, { ...a, "data-masonry-id": `Masonry-${l}`, style: { display: "flex", gap: n, ...a.style }, ref: s, children: p.map((h, i) => u.jsx(r, { "data-masonry-column": i + 1, ...t, style: { display: "flex", flex: 1, flexDirection: "column", gap: n, ...t == null ? void 0 : t.style }, children: h.map((x, d) => u.jsx(P, { value: { column: i, position: d }, children: x }, `Masonry__Column_Child_${l}_${d}`)) }, `Masonry__Column_${l}_${i}`)) });
+};
+var q = R;
 export {
-  a as AddNewModalFooter
+  q as default,
+  N as useMasonry
 };
 //# sourceMappingURL=index.es270.js.map

package/dist/index.es270.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es270.js","sources":["../src/components/ui/AddNewModal/AddNewModalFooter/index.tsx"],"sourcesContent":["import \"./AddNewModalFooter.scss\";\nimport { ReactNode } from \"react\";\n\ntype AddNewModalFooterProps = {\n  children?: ReactNode;\n};\n\nexport const AddNewModalFooter = ({ children }: AddNewModalFooterProps) => {\n  return (\n    <footer className=\"ui-add-new-modal-footer bg-white shadow ui-modal-footer\">\n      {children}\n    </footer>\n  );\n};\n"],"names":["AddNewModalFooter","children","jsx"],"mappings":";;AAOO,MAAMA,IAAoB,CAAC,EAAE,UAAAC,QAEhCC,gBAAAA,EAAAA,IAAC,UAAA,EAAO,WAAU,2DACf,UAAAD,EAAA,CACH;"}
+{"version":3,"file":"index.es270.js","sources":["../node_modules/react-layout-masonry/dist/index.js"],"sourcesContent":["import{Children as e,createContext as t,isValidElement as n,useCallback as r,useContext as i,useEffect as a,useId as o,useLayoutEffect as s,useMemo as c,useState as l}from\"react\";import{jsx as u}from\"react/jsx-runtime\";const d=typeof window<`u`,f=d?s:a,p=(e=!0)=>{let[t,n]=l(d?window.innerWidth:0),i=r(()=>{n(window.innerWidth)},[]);return a(()=>(e&&window.addEventListener(`resize`,i),()=>{window.removeEventListener(`resize`,i)}),[e,i]),f(()=>{i()},[i]),t};var m=p;const h=[640,786,1024,1280,1536],g=e=>e.reduce((e,t,n)=>typeof t==`number`?{...e,[h[n]]:t}:e,{}),_=e=>Array.isArray(e)?g(e):e,v=(e,t)=>{let n=Object.keys(_(e)).map(Number).sort((e,t)=>e-t),r=null;for(let e of n)t>=e&&(r=e);return r??n[0]};var y=v;const b=3,x=e=>{let t=typeof e==`object`,n=m(t),r=c(()=>{if(!t)return e??b;let r=y(e,n);return e[r]??b},[t,n,e]);return r};var S=x;const C=e=>Array.from({length:e},()=>[]),w=(t,r)=>{let i=S(r),a=c(()=>{let r=C(i);return e.forEach(t,(e,t)=>{n(e)&&r[t%i].push(e)}),r},[i,t]);return a};var T=w;const E=t({column:0,position:0}),D=()=>i(E),O=e=>{let{gap:t,as:n=`div`,columnProps:r,columns:i,ref:a,...s}=e,c=o(),l=T(e.children,i);return u(n,{...s,\"data-masonry-id\":`Masonry-${c}`,style:{display:`flex`,gap:t,...s.style},ref:a,children:l.map((e,i)=>u(n,{\"data-masonry-column\":i+1,...r,style:{display:`flex`,flex:1,flexDirection:`column`,gap:t,...r?.style},children:e.map((e,t)=>u(E,{value:{column:i,position:t},children:e},`Masonry__Column_Child_${c}_${t}`))},`Masonry__Column_${c}_${i}`))})};var k=O;export{k as default,T as useMasonry,D as useMasonryItem};\n//# sourceMappingURL=index.js.map"],"names":["d","f","s","a","p","t","n","l","i","r","m","h","g","e","_","v","y","b","x","c","S","C","w","T","E","O","o","u","k"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/{index.es457.js → index.es275.js}

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

package/dist/index.es275.js.map

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

package/dist/index.es279.js

@@ -1,9 +1,25 @@
-const a = (t, e) => {
-  if (!t && !e) return "";
-  const r = t ? t.charAt(0).toLocaleUpperCase() : "", o = e ? e.charAt(0).toLocaleUpperCase() : "";
-  return r + o;
+import { j as m } from "./index.es241.js";
+import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
+import { clsx as n } from "./index.es242.js";
+const i = ({
+  label: r,
+  href: e,
+  isClickable: t,
+  asLink: o = "a"
+}) => {
+  const s = o;
+  return /* @__PURE__ */ m.jsx(
+    "span",
+    {
+      className: n("ui-breadcrumb-item", {
+        "active text-slate-20 fw-semibold": t,
+        "text-slate-28": !t
+      }),
+      children: e && t ? /* @__PURE__ */ m.jsx(s, { href: e, children: r }) : r
+    }
+  );
 };
 export {
-  a as getFullNameInitials
+  i as BreadcrumbItem
 };
 //# sourceMappingURL=index.es279.js.map

package/dist/index.es279.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es279.js","sources":["../src/utils/getFullNameInitials.ts"],"sourcesContent":["export const getFullNameInitials = (name: string, lastName: string): string => {\n  if (!name && !lastName) return \"\";\n\n  const nameInitial = name ? name.charAt(0).toLocaleUpperCase() : \"\";\n  const lastNameInitial = lastName\n    ? lastName.charAt(0).toLocaleUpperCase()\n    : \"\";\n\n  return nameInitial + lastNameInitial;\n};\n"],"names":["getFullNameInitials","name","lastName","nameInitial","lastNameInitial"],"mappings":"AAAO,MAAMA,IAAsB,CAACC,GAAcC,MAA6B;AAC7E,MAAI,CAACD,KAAQ,CAACC,EAAU,QAAO;AAE/B,QAAMC,IAAcF,IAAOA,EAAK,OAAO,CAAC,EAAE,sBAAsB,IAC1DG,IAAkBF,IACpBA,EAAS,OAAO,CAAC,EAAE,sBACnB;AAEJ,SAAOC,IAAcC;AACvB;"}
+{"version":3,"file":"index.es279.js","sources":["../src/components/navigations/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import \"./Breadcrumb.scss\";\nimport clsx from \"clsx\";\nimport { ComponentType } from \"react\";\n\nexport type BreadcrumbItemProps = {\n  label: string;\n  href?: string;\n  isClickable?: boolean;\n  asLink?: \"a\" | ComponentType<any>;\n};\n\nexport const BreadcrumbItem = ({\n  label,\n  href,\n  isClickable,\n  asLink = \"a\",\n}: BreadcrumbItemProps) => {\n  const LinkComponent = asLink;\n  return (\n    <span\n      className={clsx(\"ui-breadcrumb-item\", {\n        \"active text-slate-20 fw-semibold\": isClickable,\n        \"text-slate-28\": !isClickable,\n      })}\n    >\n      {href && isClickable ? (\n        <LinkComponent href={href}>{label}</LinkComponent>\n      ) : (\n        label\n      )}\n    </span>\n  );\n};\n"],"names":["BreadcrumbItem","label","href","isClickable","asLink","LinkComponent","jsx","clsx"],"mappings":";;;AAWO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAA2B;AACzB,QAAMC,IAAgBD;AACtB,SACEE,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,sBAAsB;AAAA,QACpC,oCAAoCJ;AAAA,QACpC,iBAAiB,CAACA;AAAA,MAAA,CACnB;AAAA,MAEA,eAAQA,IACPG,gBAAAA,MAACD,GAAA,EAAc,MAAAH,GAAa,aAAM,IAElCD;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/index.es28.js

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

package/dist/index.es283.js

@@ -1,263 +1,146 @@
-import * as s from "react";
-import { composeEventHandlers as p } from "./index.es464.js";
-import { useComposedRefs as R } from "./index.es465.js";
-import { createContextScope as B, createContext as H } from "./index.es466.js";
-import { useId as C } from "./index.es467.js";
-import { useControllableState as V } from "./index.es468.js";
-import { DismissableLayer as q } from "./index.es469.js";
-import { FocusScope as K } from "./index.es470.js";
-import { Portal as U } from "./index.es471.js";
-import { Presence as _ } from "./index.es472.js";
-import { Primitive as m } from "./index.es473.js";
-import { useFocusGuards as Y } from "./index.es474.js";
-import Z from "./index.es475.js";
-import { hideOthers as z } from "./index.es476.js";
-import { createSlot as J } from "./index.es477.js";
-import { j as i } from "./index.es241.js";
-var v = "Dialog", [N, he] = B(v), [Q, u] = N(v), 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, x] = V({
-    prop: a,
-    defaultProp: r ?? !1,
-    onChange: t,
-    caller: v
-  });
-  return /* @__PURE__ */ i.jsx(
-    Q,
-    {
-      scope: o,
-      triggerRef: l,
-      contentRef: d,
-      contentId: C(),
-      titleId: C(),
-      descriptionId: C(),
-      open: g,
-      onOpenChange: x,
-      onOpenToggle: s.useCallback(() => x(($) => !$), [x]),
-      modal: c,
-      children: n
-    }
-  );
-};
-P.displayName = v;
-var O = "DialogTrigger", I = s.forwardRef(
-  (e, o) => {
-    const { __scopeDialog: n, ...a } = e, r = u(O, n), t = R(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(_, { 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(_, { 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(_, { 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 = R(o, n.contentRef, a);
-    return s.useEffect(() => {
-      const t = a.current;
-      if (t) return z(t);
-    }, []), /* @__PURE__ */ i.jsx(
-      M,
+import { j as e } from "./index.es241.js";
+import { Button as m } from "./index.es32.js";
+import { HeaderTopBanner as y } from "./index.es12.js";
+import { useState as g, useRef as w, useCallback as C, useEffect as u } from "react";
+import { clsx as r } from "./index.es242.js";
+import { useFocusTrap as N } from "./index.es469.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.es209.js";
+import { Row as z } from "./index.es116.js";
+import { Close as M } from "./index.es182.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,
       {
-        ...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()
-        )
+        asLink: t,
+        shortTitle: h,
+        region: f
       }
-    );
-  }
-), re = s.forwardRef(
-  (e, o) => {
-    const n = u(f, e.__scopeDialog), a = s.useRef(!1), r = s.useRef(!1);
-    return /* @__PURE__ */ i.jsx(
-      M,
+    ),
+    /* @__PURE__ */ e.jsxs(
+      k,
       {
-        ...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 = R(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,
+        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",
             {
-              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)
+              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
+                )) })
+              ]
             }
           )
-        }
-      ),
-      /* @__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 {
-  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
+  G as HeaderMobile
 };
 //# sourceMappingURL=index.es283.js.map