@anoki/fse-ui 2.3.0-11-SNAPSHOT1 → 2.3.0-12-SNAPSHOT2

package/dist/index.es276.js

@@ -1,126 +1,48 @@
-import * as l from "react";
-import { createContextScope as T } from "./index.es477.js";
-import { useComposedRefs as A } from "./index.es476.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.es286.js";
-import { composeEventHandlers as F } from "./index.es475.js";
-import { createSlottable as G } from "./index.es488.js";
-import { j as i } from "./index.es244.js";
-var D = "AlertDialog", [W] = T(D, [
-  v
-]), s = v(), m = (e) => {
-  const { __scopeAlertDialog: o, ...r } = e, t = s(o);
-  return /* @__PURE__ */ i.jsx(O, { ...t, ...r, modal: !0 });
+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.es248.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;
 };
-m.displayName = D;
-var Y = "AlertDialogTrigger", q = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, ...t } = e, a = s(r);
-    return /* @__PURE__ */ i.jsx($, { ...a, ...t, ref: o });
-  }
-);
-q.displayName = Y;
-var B = "AlertDialogPortal", y = (e) => {
-  const { __scopeAlertDialog: o, ...r } = e, t = s(o);
-  return /* @__PURE__ */ i.jsx(j, { ...t, ...r });
+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];
 };
-y.displayName = B;
-var H = "AlertDialogOverlay", _ = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, ...t } = e, a = s(r);
-    return /* @__PURE__ */ i.jsx(b, { ...a, ...t, ref: o });
-  }
-);
-_.displayName = H;
-var n = "AlertDialogContent", [V, k] = W(n), z = G("AlertDialogContent"), N = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, children: t, ...a } = e, d = s(r), p = l.useRef(null), S = A(o, p), g = l.useRef(null);
-    return /* @__PURE__ */ i.jsx(
-      w,
-      {
-        contentName: n,
-        titleName: R,
-        docsSlug: "alert-dialog",
-        children: /* @__PURE__ */ i.jsx(V, { scope: r, cancelRef: g, children: /* @__PURE__ */ i.jsxs(
-          M,
-          {
-            role: "alertdialog",
-            ...d,
-            ...a,
-            ref: S,
-            onOpenAutoFocus: F(a.onOpenAutoFocus, (c) => {
-              var u;
-              c.preventDefault(), (u = g.current) == null || u.focus({ preventScroll: !0 });
-            }),
-            onPointerDownOutside: (c) => c.preventDefault(),
-            onInteractOutside: (c) => c.preventDefault(),
-            children: [
-              /* @__PURE__ */ i.jsx(z, { children: t }),
-              /* @__PURE__ */ i.jsx(Q, { contentRef: p })
-            ]
-          }
-        ) })
-      }
-    );
-  }
-);
-N.displayName = n;
-var R = "AlertDialogTitle", x = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, ...t } = e, a = s(r);
-    return /* @__PURE__ */ i.jsx(I, { ...a, ...t, ref: o });
-  }
-);
-x.displayName = R;
-var C = "AlertDialogDescription", E = l.forwardRef((e, o) => {
-  const { __scopeAlertDialog: r, ...t } = e, a = s(r);
-  return /* @__PURE__ */ i.jsx(L, { ...a, ...t, ref: o });
-});
-E.displayName = C;
-var J = "AlertDialogAction", K = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, ...t } = e, a = s(r);
-    return /* @__PURE__ */ i.jsx(f, { ...a, ...t, ref: o });
-  }
-);
-K.displayName = J;
-var h = "AlertDialogCancel", P = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, ...t } = e, { cancelRef: a } = k(h, r), d = s(r), p = A(o, a);
-    return /* @__PURE__ */ i.jsx(f, { ...d, ...t, ref: p });
-  }
-);
-P.displayName = h;
-var Q = ({ contentRef: e }) => {
-  const o = `\`${n}\` requires a description for the component to be accessible for screen reader users.
-
-You can add a description to the \`${n}\` by passing a \`${C}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
-
-Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${n}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
-
-For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
-  return l.useEffect(() => {
-    var t;
-    document.getElementById(
-      (t = e.current) == null ? void 0 : t.getAttribute("aria-describedby")
-    ) || console.warn(o);
-  }, [o, e]), null;
-}, te = m, ae = y, ie = _, le = N, se = P, ne = x, ce = E;
+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 {
-  m as AlertDialog,
-  K as AlertDialogAction,
-  P as AlertDialogCancel,
-  N as AlertDialogContent,
-  E as AlertDialogDescription,
-  _ as AlertDialogOverlay,
-  y as AlertDialogPortal,
-  x as AlertDialogTitle,
-  q as AlertDialogTrigger,
-  se as Cancel,
-  le as Content,
-  ce as Description,
-  ie as Overlay,
-  ae as Portal,
-  te as Root,
-  ne as Title
+  q as default,
+  N as useMasonry
 };
 //# sourceMappingURL=index.es276.js.map

package/dist/index.es276.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es276.js","sources":["../node_modules/@radix-ui/react-alert-dialog/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// src/alert-dialog.tsx\nimport * as React from \"react\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { createDialogScope } from \"@radix-ui/react-dialog\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createSlottable } from \"@radix-ui/react-slot\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar ROOT_NAME = \"AlertDialog\";\nvar [createAlertDialogContext, createAlertDialogScope] = createContextScope(ROOT_NAME, [\n  createDialogScope\n]);\nvar useDialogScope = createDialogScope();\nvar AlertDialog = (props) => {\n  const { __scopeAlertDialog, ...alertDialogProps } = props;\n  const dialogScope = useDialogScope(__scopeAlertDialog);\n  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...dialogScope, ...alertDialogProps, modal: true });\n};\nAlertDialog.displayName = ROOT_NAME;\nvar TRIGGER_NAME = \"AlertDialogTrigger\";\nvar AlertDialogTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...triggerProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { ...dialogScope, ...triggerProps, ref: forwardedRef });\n  }\n);\nAlertDialogTrigger.displayName = TRIGGER_NAME;\nvar PORTAL_NAME = \"AlertDialogPortal\";\nvar AlertDialogPortal = (props) => {\n  const { __scopeAlertDialog, ...portalProps } = props;\n  const dialogScope = useDialogScope(__scopeAlertDialog);\n  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { ...dialogScope, ...portalProps });\n};\nAlertDialogPortal.displayName = PORTAL_NAME;\nvar OVERLAY_NAME = \"AlertDialogOverlay\";\nvar AlertDialogOverlay = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...overlayProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });\n  }\n);\nAlertDialogOverlay.displayName = OVERLAY_NAME;\nvar CONTENT_NAME = \"AlertDialogContent\";\nvar [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME);\nvar Slottable = createSlottable(\"AlertDialogContent\");\nvar AlertDialogContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, children, ...contentProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    const contentRef = React.useRef(null);\n    const composedRefs = useComposedRefs(forwardedRef, contentRef);\n    const cancelRef = React.useRef(null);\n    return /* @__PURE__ */ jsx(\n      DialogPrimitive.WarningProvider,\n      {\n        contentName: CONTENT_NAME,\n        titleName: TITLE_NAME,\n        docsSlug: \"alert-dialog\",\n        children: /* @__PURE__ */ jsx(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ jsxs(\n          DialogPrimitive.Content,\n          {\n            role: \"alertdialog\",\n            ...dialogScope,\n            ...contentProps,\n            ref: composedRefs,\n            onOpenAutoFocus: composeEventHandlers(contentProps.onOpenAutoFocus, (event) => {\n              event.preventDefault();\n              cancelRef.current?.focus({ preventScroll: true });\n            }),\n            onPointerDownOutside: (event) => event.preventDefault(),\n            onInteractOutside: (event) => event.preventDefault(),\n            children: [\n              /* @__PURE__ */ jsx(Slottable, { children }),\n              /* @__PURE__ */ jsx(DescriptionWarning, { contentRef })\n            ]\n          }\n        ) })\n      }\n    );\n  }\n);\nAlertDialogContent.displayName = CONTENT_NAME;\nvar TITLE_NAME = \"AlertDialogTitle\";\nvar AlertDialogTitle = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...titleProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Title, { ...dialogScope, ...titleProps, ref: forwardedRef });\n  }\n);\nAlertDialogTitle.displayName = TITLE_NAME;\nvar DESCRIPTION_NAME = \"AlertDialogDescription\";\nvar AlertDialogDescription = React.forwardRef((props, forwardedRef) => {\n  const { __scopeAlertDialog, ...descriptionProps } = props;\n  const dialogScope = useDialogScope(__scopeAlertDialog);\n  return /* @__PURE__ */ jsx(DialogPrimitive.Description, { ...dialogScope, ...descriptionProps, ref: forwardedRef });\n});\nAlertDialogDescription.displayName = DESCRIPTION_NAME;\nvar ACTION_NAME = \"AlertDialogAction\";\nvar AlertDialogAction = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...actionProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...actionProps, ref: forwardedRef });\n  }\n);\nAlertDialogAction.displayName = ACTION_NAME;\nvar CANCEL_NAME = \"AlertDialogCancel\";\nvar AlertDialogCancel = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...cancelProps } = props;\n    const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    const ref = useComposedRefs(forwardedRef, cancelRef);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...cancelProps, ref });\n  }\n);\nAlertDialogCancel.displayName = CANCEL_NAME;\nvar DescriptionWarning = ({ contentRef }) => {\n  const MESSAGE = `\\`${CONTENT_NAME}\\` requires a description for the component to be accessible for screen reader users.\n\nYou can add a description to the \\`${CONTENT_NAME}\\` by passing a \\`${DESCRIPTION_NAME}\\` component as a child, which also benefits sighted users by adding visible context to the dialog.\n\nAlternatively, you can use your own component as a description by assigning it an \\`id\\` and passing the same value to the \\`aria-describedby\\` prop in \\`${CONTENT_NAME}\\`. If the description is confusing or duplicative for sighted users, you can use the \\`@radix-ui/react-visually-hidden\\` primitive as a wrapper around your description component.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;\n  React.useEffect(() => {\n    const hasDescription = document.getElementById(\n      contentRef.current?.getAttribute(\"aria-describedby\")\n    );\n    if (!hasDescription) console.warn(MESSAGE);\n  }, [MESSAGE, contentRef]);\n  return null;\n};\nvar Root2 = AlertDialog;\nvar Trigger2 = AlertDialogTrigger;\nvar Portal2 = AlertDialogPortal;\nvar Overlay2 = AlertDialogOverlay;\nvar Content2 = AlertDialogContent;\nvar Action = AlertDialogAction;\nvar Cancel = AlertDialogCancel;\nvar Title2 = AlertDialogTitle;\nvar Description2 = AlertDialogDescription;\nexport {\n  Action,\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  Cancel,\n  Content2 as Content,\n  Description2 as Description,\n  Overlay2 as Overlay,\n  Portal2 as Portal,\n  Root2 as Root,\n  Title2 as Title,\n  Trigger2 as Trigger,\n  createAlertDialogScope\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["ROOT_NAME","createAlertDialogContext","createContextScope","createDialogScope","useDialogScope","AlertDialog","props","__scopeAlertDialog","alertDialogProps","dialogScope","jsx","DialogPrimitive.Root","TRIGGER_NAME","AlertDialogTrigger","React","forwardedRef","triggerProps","DialogPrimitive.Trigger","PORTAL_NAME","AlertDialogPortal","portalProps","DialogPrimitive.Portal","OVERLAY_NAME","AlertDialogOverlay","overlayProps","DialogPrimitive.Overlay","CONTENT_NAME","AlertDialogContentProvider","useAlertDialogContentContext","Slottable","createSlottable","AlertDialogContent","children","contentProps","contentRef","composedRefs","useComposedRefs","cancelRef","DialogPrimitive.WarningProvider","TITLE_NAME","jsxs","DialogPrimitive.Content","composeEventHandlers","event","_a","DescriptionWarning","AlertDialogTitle","titleProps","DialogPrimitive.Title","DESCRIPTION_NAME","AlertDialogDescription","descriptionProps","DialogPrimitive.Description","ACTION_NAME","AlertDialogAction","actionProps","DialogPrimitive.Close","CANCEL_NAME","AlertDialogCancel","cancelProps","ref","MESSAGE","Root2","Portal2","Overlay2","Content2","Cancel","Title2","Description2"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es276.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.es28.js

@@ -1,6 +1,6 @@
-import { j as s } from "./index.es244.js";
-import { createColorClasses as l } from "./index.es284.js";
-import { clsx as x } from "./index.es247.js";
+import { j as s } from "./index.es248.js";
+import { createColorClasses as l } from "./index.es321.js";
+import { clsx as x } from "./index.es250.js";
 const p = ({
   initials: e,
   bg: r,

package/dist/index.es281.js

@@ -1,24 +1,22 @@
-import { useCopyToClipboard as c } from "./index.es493.js";
-import { useState as n } from "react";
-const l = () => {
-  const [e, t] = c(), [p, o] = n(!1);
-  return {
-    isCopied: p,
-    copiedText: e,
-    copyToClipboard: () => {
-      if (typeof window > "u") return;
-      const r = window.location.href;
-      t(r).then(() => {
-        o(() => !0), setTimeout(() => {
-          o(!1);
-        }, 1500);
-      }).catch((i) => {
-        console.debug("Failed to copy!", i);
-      });
+import { j as e } from "./index.es248.js";
+import { BaseModal as n } from "./index.es30.js";
+const i = ({
+  faq: s,
+  handleCloseModal: t
+}) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  /* @__PURE__ */ e.jsx(
+    n.Header,
+    {
+      labels: {
+        closeButton: "Chiudi"
+      },
+      onCloseClick: t,
+      children: /* @__PURE__ */ e.jsx("div", { children: s == null ? void 0 : s.question })
     }
-  };
-};
+  ),
+  /* @__PURE__ */ e.jsx(n.Content, { className: "pt-x4 pb-x72 content-faqs", children: /* @__PURE__ */ e.jsx("div", { className: "fs-6 text-secondary second-part-container", children: /* @__PURE__ */ e.jsx("div", { className: "gap-x16 mb-x24", children: s == null ? void 0 : s.answer }) }) })
+] });
 export {
-  l as useCopyToClipboardCurrentPage
+  i as default
 };
 //# sourceMappingURL=index.es281.js.map

package/dist/index.es281.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es281.js","sources":["../src/hooks/useCopyToClipboardCurrentPage.ts"],"sourcesContent":["import { useCopyToClipboard as useCopyToClipboardNative } from \"usehooks-ts\";\r\n\r\nimport { useState } from \"react\";\r\n\r\nexport const useCopyToClipboardCurrentPage = () => {\r\n  const [copiedText, copy] = useCopyToClipboardNative();\r\n  const [isCopied, setIsCopied] = useState(false);\r\n\r\n  const copyToClipboard = () => {\r\n    if (typeof window === \"undefined\") return;\r\n    const completeUrl = window.location.href;\r\n    copy(completeUrl)\r\n      .then(() => {\r\n        setIsCopied(() => true);\r\n        setTimeout(() => {\r\n          setIsCopied(false);\r\n        }, 1500);\r\n      })\r\n      .catch((error) => {\r\n        console.debug(\"Failed to copy!\", error);\r\n      });\r\n  };\r\n\r\n  return {\r\n    isCopied,\r\n    copiedText,\r\n    copyToClipboard,\r\n  };\r\n};\r\n"],"names":["useCopyToClipboardCurrentPage","copiedText","copy","useCopyToClipboardNative","isCopied","setIsCopied","useState","completeUrl","error"],"mappings":";;AAIO,MAAMA,IAAgC,MAAM;AACjD,QAAM,CAACC,GAAYC,CAAI,IAAIC,EAAA,GACrB,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAiB9C,SAAO;AAAA,IACL,UAAAF;AAAA,IACA,YAAAH;AAAA,IACA,iBAlBsB,MAAM;AAC5B,UAAI,OAAO,SAAW,IAAa;AACnC,YAAMM,IAAc,OAAO,SAAS;AACpC,MAAAL,EAAKK,CAAW,EACb,KAAK,MAAM;AACV,QAAAF,EAAY,MAAM,EAAI,GACtB,WAAW,MAAM;AACf,UAAAA,EAAY,EAAK;AAAA,QACnB,GAAG,IAAI;AAAA,MACT,CAAC,EACA,MAAM,CAACG,MAAU;AAChB,gBAAQ,MAAM,mBAAmBA,CAAK;AAAA,MACxC,CAAC;AAAA,IACL;AAAA,EAKE;AAEJ;"}
+{"version":3,"file":"index.es281.js","sources":["../src/components/ui/SupportModalSimple/index.tsx"],"sourcesContent":["import { BaseModal } from \"@/components/ui/BaseModal\";\r\n\r\nconst SupportModalSimple = ({\r\n  faq,\r\n  handleCloseModal,\r\n}: {\r\n  faq: {\r\n    question: string;\r\n    answer: string;\r\n  };\r\n  handleCloseModal: () => void;\r\n}) => {\r\n  return (\r\n    <>\r\n      <BaseModal.Header\r\n        labels={{\r\n          closeButton: \"Chiudi\",\r\n        }}\r\n        onCloseClick={handleCloseModal}\r\n      >\r\n        <div>{faq?.question}</div>\r\n      </BaseModal.Header>\r\n      <BaseModal.Content className=\"pt-x4 pb-x72 content-faqs\">\r\n        <div className=\"fs-6 text-secondary second-part-container\">\r\n          <div className=\"gap-x16 mb-x24\">{faq?.answer}</div>\r\n        </div>\r\n      </BaseModal.Content>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default SupportModalSimple;\r\n"],"names":["SupportModalSimple","faq","handleCloseModal","jsxs","Fragment","jsx","BaseModal"],"mappings":";;AAEA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,KAAAC;AAAA,EACA,kBAAAC;AACF,MAQIC,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,EAAAC,gBAAAA,EAAAA;AAAAA,IAACC,EAAU;AAAA,IAAV;AAAA,MACC,QAAQ;AAAA,QACN,aAAa;AAAA,MAAA;AAAA,MAEf,cAAcJ;AAAA,MAEd,UAAAG,gBAAAA,EAAAA,IAAC,OAAA,EAAK,UAAAJ,KAAA,gBAAAA,EAAK,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAAA,wBAErBK,EAAU,SAAV,EAAkB,WAAU,6BAC3B,UAAAD,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,6CACb,gCAAC,OAAA,EAAI,WAAU,kBAAkB,UAAAJ,KAAA,gBAAAA,EAAK,QAAO,GAC/C,EAAA,CACF;AAAA,GACF;"}

package/dist/index.es285.js

@@ -0,0 +1,25 @@
+import { j as m } from "./index.es248.js";
+import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
+import { clsx as n } from "./index.es250.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 {
+  i as BreadcrumbItem
+};
+//# sourceMappingURL=index.es285.js.map

package/dist/index.es285.js.map

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

package/dist/index.es289.js

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

package/dist/index.es289.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es289.js","sources":["../src/components/ui/BaseModal/BaseModalContent/index.tsx"],"sourcesContent":["import \"./BaseModalContent.scss\";\nimport clsx from \"clsx\";\n\ntype BaseModalContentProps = {\n  className?: string;\n  classNameModalContent?: string;\n  children: React.ReactNode;\n};\n\nexport const BaseModalContent = ({\n  className,\n  children,\n  classNameModalContent = \"ui-base-modal-content\",\n}: BaseModalContentProps) => {\n  return (\n    <div\n      className={clsx(classNameModalContent, `${className ? className : \"\"}`)}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["BaseModalContent","className","children","classNameModalContent","jsx","clsx"],"mappings":";;;AASO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,uBAAAC,IAAwB;AAC1B,MAEIC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKF,GAAuB,GAAGF,KAAwB,EAAE,EAAE;AAAA,IAErE,UAAAC;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.es289.js","sources":["../src/components/navigations/HeaderMobile/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Button } from \"@/components/ui/Button\";\r\nimport { Region } from \"../Header\";\r\nimport { HeaderTopBanner, HeaderTopBannerProps } from \"../HeaderTopBanner\";\r\nimport { Close, Hamburguer } from \"@/icons\";\r\nimport { useCallback, useEffect, useRef, useState } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { useFocusTrap } from \"@/hooks/useFocusTrap\";\r\nimport { Container } from \"@/components/ui/Container\";\r\nimport \"./HeaderMobile.scss\";\r\nimport { Col } from \"@/components/ui/Col\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype NavigationItem = {\r\n  label: string;\r\n  href: string;\r\n  active?: boolean;\r\n  isNewTab?: boolean;\r\n};\r\n\r\ntype NavigationLabels = {\r\n  closeMenu: string;\r\n  login: string;\r\n};\r\n\r\nexport type HeaderMobileProps = HeaderTopBannerProps & {\r\n  shortTitle: React.ReactNode;\r\n  menuTitle?: string;\r\n  region: Region;\r\n  navigatonItems: NavigationItem[];\r\n  labels: NavigationLabels;\r\n  loginLink?: string;\r\n};\r\n\r\nexport const HeaderMobile = ({\r\n  shortTitle,\r\n  menuTitle = \"Menù\",\r\n  region,\r\n  asLink = \"a\",\r\n  navigatonItems,\r\n  labels,\r\n  loginLink = \"/\",\r\n}: HeaderMobileProps) => {\r\n  const LinkComponent = asLink;\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const navId = \"main-navigation\";\r\n  const navRef = useRef<HTMLElement>(null);\r\n\r\n  useFocusTrap(navRef, isOpen);\r\n\r\n  const toggleMenu = useCallback(() => {\r\n    setIsOpen(!isOpen);\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen) {\r\n      document.body.classList.add(\"ui-body-overflow-hidden\");\r\n    } else {\r\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\r\n    }\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\r\n    };\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    const handleEscape = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\" && isOpen) {\r\n        toggleMenu();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"keydown\", handleEscape);\r\n    return () => document.removeEventListener(\"keydown\", handleEscape);\r\n  }, [isOpen, toggleMenu]);\r\n\r\n  const handleLinkClick = () => {\r\n    setIsOpen(false);\r\n  };\r\n\r\n  return (\r\n    <div className=\"sticky-header shadow\">\r\n      <HeaderTopBanner\r\n        asLink={asLink}\r\n        shortTitle={shortTitle}\r\n        region={region}\r\n      />\r\n\r\n      <Container\r\n        className=\"bg-slate-20 min-h-x64 base-row align-items-center justify-content-end\"\r\n        as=\"header\"\r\n        py=\"x8\"\r\n      >\r\n        <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"end\"}>\r\n          <Button\r\n            size=\"3\"\r\n            bg=\"white\"\r\n            textColor=\"primary\"\r\n            href={loginLink}\r\n            asLink=\"a\"\r\n            className={\"ui-login-button-header-mobile\"}\r\n          >\r\n            {labels.login}\r\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\r\n          </Button>\r\n          <button\r\n            aria-expanded={isOpen}\r\n            aria-label=\"Apri menu di navigazione\"\r\n            onClick={toggleMenu}\r\n            className=\"ui-mobile-menu-toggle\"\r\n            aria-controls={navId}\r\n          >\r\n            <Hamburguer width={40} height={40} color=\"white\" />\r\n          </button>\r\n        </Row>\r\n\r\n        <nav\r\n          id={navId}\r\n          aria-label=\"Menu di navigazione\"\r\n          className={clsx(isOpen ? \"ui-mobile-nav-panel\" : \"visually-hidden\")}\r\n          ref={navRef}\r\n        >\r\n          <Col className=\"ui-mobile-nav-header\">\r\n            <Button\r\n              size=\"4\"\r\n              textColor=\"primary\"\r\n              bg=\"transparent\"\r\n              onClick={toggleMenu}\r\n              aria-label=\"Chiudi menu di navigazione\"\r\n              aria-controls={navId}\r\n            >\r\n              {labels.closeMenu}\r\n              <Close />\r\n            </Button>\r\n            <h2 className=\"fs-3 text-slate-20\">{menuTitle}</h2>\r\n          </Col>\r\n\r\n          <ul className=\"list-style-none p-x16\" role=\"list\">\r\n            {navigatonItems.map((item, index) => {\r\n              return (\r\n                <li\r\n                  key={index}\r\n                  className={clsx(\r\n                    \"ui-mobile-nav-item\",\r\n                    item.active && \"active\",\r\n                  )}\r\n                >\r\n                  <LinkComponent\r\n                    href={item.href}\r\n                    className={clsx(\r\n                      \"text-decoration-none text-primary fs-5\",\r\n                      item.active ? \"fw-bold\" : \"fw-normal\",\r\n                    )}\r\n                    onClick={handleLinkClick}\r\n                    target={item.isNewTab ? \"_blank\" : undefined}\r\n                    rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\r\n                  >\r\n                    {item.label}\r\n                    {item.active && (\r\n                      <span className=\"visually-hidden\">Attivo</span>\r\n                    )}\r\n                  </LinkComponent>\r\n                </li>\r\n              );\r\n            })}\r\n          </ul>\r\n        </nav>\r\n      </Container>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["HeaderMobile","shortTitle","menuTitle","region","asLink","navigatonItems","labels","loginLink","LinkComponent","isOpen","setIsOpen","useState","navId","navRef","useRef","useFocusTrap","toggleMenu","useCallback","useEffect","handleEscape","e","handleLinkClick","jsxs","jsx","HeaderTopBanner","Container","Row","Button","Hamburguer","clsx","Col","Close","item","index"],"mappings":"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"}

package/dist/index.es29.js

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