@anoki/fse-ui 2.3.0-RC14 → 2.3.0-RC15

package/dist/index.es233.js

@@ -1,11 +1,11 @@
 import { j as e } from "./index.es266.js";
-import { d as c } from "./index.es321.js";
+import { d as n } from "./index.es322.js";
 import { clsx as x } from "./index.es268.js";
 import { DateTime as j } from "./index.es3.js";
 import { ArrowLink as N } from "./index.es21.js";
 import './components/ui/VerticalCardStepper/VerticalCardStepper.css';/* empty css            */
-import { RichText as k } from "./index.es215.js";
-import { Link as v } from "./index.es180.js";
+import { RichText as v } from "./index.es215.js";
+import { Link as k } from "./index.es180.js";
 import { ExternalLink as f } from "./index.es128.js";
 var u = /* @__PURE__ */ ((i) => (i.DATE = "date", i.HEADLINE = "headline", i.ORDERED = "ordered", i.CHECK = "check", i))(u || {});
 const y = (i) => {
@@ -15,16 +15,16 @@ const y = (i) => {
     month: a.toFormat("LLLL"),
     year: a.toFormat("yyyy")
   };
-}, b = ({ steps: i, type: a, asLink: l }) => {
-  const d = l ?? "a";
-  return /* @__PURE__ */ e.jsx("div", { className: "vertical-container", children: /* @__PURE__ */ e.jsx("div", { className: "timeline", children: i.map((r, s) => {
-    var n;
+}, F = ({ steps: i, type: a, asLink: s }) => {
+  const d = s ?? "a";
+  return /* @__PURE__ */ e.jsx("div", { className: "vertical-container", children: /* @__PURE__ */ e.jsx("div", { className: "timeline", children: i.map((r, l) => {
+    var c;
     const t = () => {
       switch (a) {
         case "date": {
-          if (!r.meta) return null;
+          if (!r.meta) return /* @__PURE__ */ e.jsx("div", { className: "date" });
           const { day: o, month: m, year: h } = y(r.meta);
-          return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          return /* @__PURE__ */ e.jsxs("div", { className: "date", children: [
             /* @__PURE__ */ e.jsx("div", { className: "day", children: o }),
             /* @__PURE__ */ e.jsx("div", { className: "month", children: m }),
             /* @__PURE__ */ e.jsx("div", { className: "year", children: h })
@@ -33,9 +33,9 @@ const y = (i) => {
         case "headline":
           return /* @__PURE__ */ e.jsx("div", { className: "headline", children: r.meta });
         case "ordered":
-          return /* @__PURE__ */ e.jsx("div", { className: "circle", children: s + 1 });
+          return /* @__PURE__ */ e.jsx("div", { className: "circle-container", children: /* @__PURE__ */ e.jsx("div", { className: "circle", children: l + 1 }) });
         case "check":
-          return /* @__PURE__ */ e.jsx("div", { className: "circle", children: /* @__PURE__ */ e.jsx("div", { className: "checkmark" }) });
+          return /* @__PURE__ */ e.jsx("div", { className: "circle-container", children: /* @__PURE__ */ e.jsx("div", { className: "circle", children: /* @__PURE__ */ e.jsx("div", { className: "checkmark" }) }) });
         default:
           return null;
       }
@@ -45,20 +45,18 @@ const y = (i) => {
       /* @__PURE__ */ e.jsx("div", { className: "vertical-line", children: /* @__PURE__ */ e.jsx("div", { className: "dot" }) }),
       /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
         /* @__PURE__ */ e.jsx("div", { className: "label", children: r.label }),
-        /* @__PURE__ */ e.jsx(
-          "h3",
+        /* @__PURE__ */ e.jsx("h3", { className: x("title", "cursor-pointer hover-underline"), children: /* @__PURE__ */ e.jsx(
+          d,
           {
-            className: x(
-              "title",
-              "cursor-pointer hover-underline"
-            ),
-            children: /* @__PURE__ */ e.jsx(d, { className: "link-unstyled", href: ((n = r.link) == null ? void 0 : n.link) ?? "#", children: r.title })
+            className: "link-unstyled",
+            href: ((c = r.link) == null ? void 0 : c.link) ?? "#",
+            children: r.title
           }
-        ),
+        ) }),
         /* @__PURE__ */ e.jsxs("div", { className: "", children: [
-          /* @__PURE__ */ e.jsx("div", { className: "description pb-x12", children: /* @__PURE__ */ e.jsx(k, { description: r.description, maxLines: 5 }) }),
+          /* @__PURE__ */ e.jsx("div", { className: "description pb-x12", children: /* @__PURE__ */ e.jsx(v, { description: r.description, maxLines: 5 }) }),
           /* @__PURE__ */ e.jsxs("div", { className: "card-footer", children: [
-            r.link && (r.linkType === c.LinkTypeEnum.INTERNAL || !r.linkType) && /* @__PURE__ */ e.jsx(
+            r.link && (r.linkType === n.LinkTypeEnum.INTERNAL || !r.linkType) && /* @__PURE__ */ e.jsx(
               N,
               {
                 href: r.link.link,
@@ -66,8 +64,8 @@ const y = (i) => {
                 children: r.link.title
               }
             ),
-            r.link && r.linkType === c.LinkTypeEnum.EXTERNAL && /* @__PURE__ */ e.jsx(
-              v,
+            r.link && r.linkType === n.LinkTypeEnum.EXTERNAL && /* @__PURE__ */ e.jsx(
+              k,
               {
                 title: "",
                 src: r.link.link,
@@ -75,17 +73,17 @@ const y = (i) => {
                 decoration: "ui-footer-logo-link",
                 transform: "none",
                 external: !0,
-                asLink: l
+                asLink: s
               }
             )
           ] })
         ] })
       ] })
-    ] }, s);
+    ] }, l);
   }) }) });
 };
 export {
   u as StepVariantEnum,
-  b as VerticalCardStepper
+  F as VerticalCardStepper
 };
 //# sourceMappingURL=index.es233.js.map

package/dist/index.es233.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es233.js","sources":["../src/components/ui/VerticalCardStepper/index.tsx"],"sourcesContent":["import { Link as ExternalLinkComponent } from \"@/components\";\nimport { ExternalLink } from \"@/icons\";\nimport { RichText } from \"@/sections\";\nimport { Link, LinkTypeEnum } from \"@anoki/fse-common/dist\";\nimport clsx from \"clsx\";\nimport { DateTime } from \"luxon\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport \"./VerticalCardStepper.scss\";\n\nexport enum StepVariantEnum {\n  DATE = \"date\",\n  HEADLINE = \"headline\",\n  ORDERED = \"ordered\",\n  CHECK = \"check\",\n}\n\nexport type Step = {\n  label: string;\n  title: string;\n  description: string | React.ReactNode;\n  meta: string; // può essere una data ISO o un testo\n  link?: Link;\n  linkType?: LinkTypeEnum;\n};\n\ntype Props = {\n  type: StepVariantEnum;\n  steps: Array<Step>;\n  asLink?: \"a\" | any;\n};\n\nconst formatDateParts = (dateString: string) => {\n  const date = DateTime.fromISO(dateString);\n  return {\n    day: date.toFormat(\"dd\"),\n    month: date.toFormat(\"LLLL\"),\n    year: date.toFormat(\"yyyy\"),\n  };\n};\n\nexport const VerticalCardStepper = ({ steps, type, asLink }: Props) => {\n  const LinkComponent = asLink ?? \"a\";\n\n  return (\n    <div className=\"vertical-container\">\n      <div className=\"timeline\">\n        {steps.map((step, idx) => {\n          const renderMeta = () => {\n            switch (type) {\n              case \"date\": {\n                if (!step.meta) return null;\n                const { day, month, year } = formatDateParts(step.meta);\n                return (\n                  <>\n                    <div className=\"day\">{day}</div>\n                    <div className=\"month\">{month}</div>\n                    <div className=\"year\">{year}</div>\n                  </>\n                );\n              }\n              case \"headline\":\n                return <div className=\"headline\">{step.meta}</div>;\n\n              case \"ordered\":\n                return <div className=\"circle\">{idx + 1}</div>;\n\n              case \"check\":\n                return (\n                  <div className=\"circle\">\n                    <div className=\"checkmark\"></div>\n                  </div>\n                );\n\n              default:\n                return null;\n            }\n          };\n\n          return (\n            <div key={idx} className=\"step\">\n              <div className=\"meta\">{renderMeta()}</div>\n\n              <div className=\"vertical-line\">\n                <div className=\"dot\" />\n              </div>\n\n              <div className=\"card\">\n                <div className=\"label\">{step.label}</div>\n                <h3\n                  className={clsx(\n                    \"title\",\n                    \"cursor-pointer hover-underline\",\n                  )}\n                >\n                  <LinkComponent className=\"link-unstyled\" href={step.link?.link ?? \"#\"}>\n                    {step.title}\n                  </LinkComponent>\n                </h3>\n                <div className=\"\">\n                  <div className=\"description pb-x12\">\n                    <RichText description={step.description} maxLines={5} />\n                  </div>\n                  <div className=\"card-footer\">\n                    {step.link &&\n                      (step.linkType === LinkTypeEnum.INTERNAL ||\n                        !step.linkType) && (\n                        <ArrowLink\n                          href={step.link.link}\n                          className=\"card-footer-detail\"\n                        >\n                          {step.link.title}\n                        </ArrowLink>\n                      )}\n                    {step.link && step.linkType === LinkTypeEnum.EXTERNAL && (\n                      <ExternalLinkComponent\n                        title={\"\"}\n                        src={step.link.link}\n                        icon={ExternalLink}\n                        decoration=\"ui-footer-logo-link\"\n                        transform=\"none\"\n                        external={true}\n                        asLink={asLink}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],"names":["StepVariantEnum","formatDateParts","dateString","date","DateTime","VerticalCardStepper","steps","type","asLink","LinkComponent","jsx","step","idx","renderMeta","day","month","year","jsxs","Fragment","clsx","_a","RichText","LinkTypeEnum","ArrowLink","ExternalLinkComponent","ExternalLink"],"mappings":"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"}
+{"version":3,"file":"index.es233.js","sources":["../src/components/ui/VerticalCardStepper/index.tsx"],"sourcesContent":["import { Link as ExternalLinkComponent } from \"@/components\";\nimport { ExternalLink } from \"@/icons\";\nimport { RichText } from \"@/sections\";\nimport { Link, LinkTypeEnum } from \"@anoki/fse-common/dist\";\nimport clsx from \"clsx\";\nimport { DateTime } from \"luxon\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport \"./VerticalCardStepper.scss\";\n\nexport enum StepVariantEnum {\n  DATE = \"date\",\n  HEADLINE = \"headline\",\n  ORDERED = \"ordered\",\n  CHECK = \"check\",\n}\n\nexport type Step = {\n  label: string;\n  title: string;\n  description: string | React.ReactNode;\n  meta: string; // può essere una data ISO o un testo\n  link?: Link;\n  linkType?: LinkTypeEnum;\n};\n\ntype Props = {\n  type: StepVariantEnum;\n  steps: Array<Step>;\n  asLink?: \"a\" | any;\n};\n\nconst formatDateParts = (dateString: string) => {\n  const date = DateTime.fromISO(dateString);\n  return {\n    day: date.toFormat(\"dd\"),\n    month: date.toFormat(\"LLLL\"),\n    year: date.toFormat(\"yyyy\"),\n  };\n};\n\nexport const VerticalCardStepper = ({ steps, type, asLink }: Props) => {\n  const LinkComponent = asLink ?? \"a\";\n\n  return (\n    <div className=\"vertical-container\">\n      <div className=\"timeline\">\n        {steps.map((step, idx) => {\n          const renderMeta = () => {\n            switch (type) {\n              case \"date\": {\n                if (!step.meta) return <div className={\"date\"} />;\n                const { day, month, year } = formatDateParts(step.meta);\n                return (\n                  <div className=\"date\">\n                    <div className=\"day\">{day}</div>\n                    <div className=\"month\">{month}</div>\n                    <div className=\"year\">{year}</div>\n                  </div>\n                );\n              }\n              case \"headline\":\n                return <div className=\"headline\">{step.meta}</div>;\n\n              case \"ordered\":\n                return (\n                  <div className=\"circle-container\">\n                    <div className=\"circle\">{idx + 1}</div>\n                  </div>\n                );\n\n              case \"check\":\n                return (\n                  <div className=\"circle-container\">\n                    <div className=\"circle\">\n                      <div className=\"checkmark\"></div>\n                    </div>\n                  </div>\n                );\n\n              default:\n                return null;\n            }\n          };\n\n          return (\n            <div key={idx} className=\"step\">\n              <div className=\"meta\">{renderMeta()}</div>\n\n              <div className=\"vertical-line\">\n                <div className=\"dot\" />\n              </div>\n\n              <div className=\"card\">\n                <div className=\"label\">{step.label}</div>\n                <h3 className={clsx(\"title\", \"cursor-pointer hover-underline\")}>\n                  <LinkComponent\n                    className=\"link-unstyled\"\n                    href={step.link?.link ?? \"#\"}\n                  >\n                    {step.title}\n                  </LinkComponent>\n                </h3>\n                <div className=\"\">\n                  <div className=\"description pb-x12\">\n                    <RichText description={step.description} maxLines={5} />\n                  </div>\n                  <div className=\"card-footer\">\n                    {step.link &&\n                      (step.linkType === LinkTypeEnum.INTERNAL ||\n                        !step.linkType) && (\n                        <ArrowLink\n                          href={step.link.link}\n                          className=\"card-footer-detail\"\n                        >\n                          {step.link.title}\n                        </ArrowLink>\n                      )}\n                    {step.link && step.linkType === LinkTypeEnum.EXTERNAL && (\n                      <ExternalLinkComponent\n                        title={\"\"}\n                        src={step.link.link}\n                        icon={ExternalLink}\n                        decoration=\"ui-footer-logo-link\"\n                        transform=\"none\"\n                        external={true}\n                        asLink={asLink}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],"names":["StepVariantEnum","formatDateParts","dateString","date","DateTime","VerticalCardStepper","steps","type","asLink","LinkComponent","jsx","step","idx","renderMeta","day","month","year","jsxs","clsx","_a","RichText","LinkTypeEnum","ArrowLink","ExternalLinkComponent","ExternalLink"],"mappings":"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"}

package/dist/index.es24.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es266.js";
 import { clsx as m } from "./index.es268.js";
-import { createColorClasses as n } from "./index.es341.js";
+import { createColorClasses as n } from "./index.es302.js";
 const p = ({
   width: t = 24,
   height: r = 24,

package/dist/index.es244.js

@@ -1,7 +1,7 @@
 import { j as o } from "./index.es266.js";
 import d, { useState as E, useEffect as h, useCallback as I } from "react";
 import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
-import { useMediaQueryV2 as R } from "./index.es309.js";
+import { useMediaQueryV2 as R } from "./index.es310.js";
 import { clsx as x } from "./index.es268.js";
 import { Row as k } from "./index.es216.js";
 import { ArrowDown as C } from "./index.es19.js";

package/dist/index.es252.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es266.js";
 import { clsx as h } from "./index.es268.js";
-import { createColorClasses as m } from "./index.es341.js";
+import { createColorClasses as m } from "./index.es302.js";
 const p = ({
   width: o = 32,
   height: s = 32,

package/dist/index.es254.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es266.js";
 import { clsx as m } from "./index.es268.js";
-import { createColorClasses as c } from "./index.es341.js";
+import { createColorClasses as c } from "./index.es302.js";
 const f = ({
   width: s = 13,
   height: e = 9,

package/dist/index.es255.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es266.js";
 import { clsx as m } from "./index.es268.js";
-import { createColorClasses as p } from "./index.es341.js";
+import { createColorClasses as p } from "./index.es302.js";
 const g = ({
   width: o = 13,
   height: e = 9,

package/dist/index.es257.js

@@ -1,5 +1,5 @@
 import { j as C } from "./index.es266.js";
-import { createColorClasses as a } from "./index.es341.js";
+import { createColorClasses as a } from "./index.es302.js";
 import { clsx as p } from "./index.es268.js";
 const x = ({
   width: e = 24,

package/dist/index.es26.js

@@ -2,9 +2,9 @@ import { j as i } from "./index.es266.js";
 import { useMemo as s } from "react";
 import { AuthorBlock as U } from "./index.es25.js";
 import './components/ui/AuthorWithImage/AuthorWithImage.css';/* empty css            */
-import { fromISODateToDateFormatted as A } from "./index.es338.js";
-import { useCopyToClipboardCurrentPage as $ } from "./index.es339.js";
-import { getFullNameInitials as E } from "./index.es340.js";
+import { fromISODateToDateFormatted as A } from "./index.es339.js";
+import { useCopyToClipboardCurrentPage as $ } from "./index.es340.js";
+import { getFullNameInitials as E } from "./index.es341.js";
 import { Row as S } from "./index.es216.js";
 import { splitInTwo as F } from "./index.es284.js";
 import { ActionIconText as M } from "./index.es9.js";

package/dist/index.es261.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es266.js";
 import { clsx as m } from "./index.es268.js";
-import { createColorClasses as n } from "./index.es341.js";
+import { createColorClasses as n } from "./index.es302.js";
 const x = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es265.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es266.js";
 import { clsx as e } from "./index.es268.js";
-import { createColorClasses as z } from "./index.es341.js";
+import { createColorClasses as z } from "./index.es302.js";
 const M = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es28.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es266.js";
-import { createColorClasses as l } from "./index.es341.js";
+import { createColorClasses as l } from "./index.es302.js";
 import { clsx as x } from "./index.es268.js";
 const p = ({
   initials: e,

package/dist/index.es302.js

@@ -0,0 +1,5 @@
+const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
+export {
+  e as createColorClasses
+};
+//# sourceMappingURL=index.es302.js.map

package/dist/index.es302.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es302.js","sources":["../src/theme/colors.ts"],"sourcesContent":["export type ColorKeys =\n  | \"primary\"\n  | \"white\"\n  | \"status-success\"\n  | \"warning\"\n  | \"error\"\n  | \"muted\"\n  | \"emphasis\"\n  | \"slate-20\"\n  | \"slate-14\"\n  | \"slate-28\"\n  | \"border-divider\"\n  | \"transparent\"\n  | \"blue-30\"\n  | \"blue-15\"\n  | \"disabled\"\n  | \"lightblue-a01\"\n  | \"lightblue-a02\"\n  | \"lightblue-a03\"\n  | \"secondary\"\n  | \"blue-48\";\n\nexport type ColorProps = {\n  bg?: ColorKeys;\n  text?: ColorKeys;\n  color?: ColorKeys;\n  border?: ColorKeys;\n};\n\nexport type ColorPropsKeys = keyof ColorProps;\nconst colorPropsKeys: ColorPropsKeys[] = [\"bg\", \"text\", \"color\", \"border\"];\n\nexport const createColorClasses = <TProps extends ColorProps>(\n  props: TProps,\n) => {\n  return colorPropsKeys\n    .map((key) => {\n      if (!props[key]) return \"\";\n\n      if (key === \"color\") return `text-${props[key]}`;\n      return `${key}-${props[key]}`;\n    })\n    .filter(Boolean);\n};\n"],"names":["colorPropsKeys","createColorClasses","props","key"],"mappings":"AA8BA,MAAMA,IAAmC,CAAC,MAAM,QAAQ,SAAS,QAAQ,GAE5DC,IAAqB,CAChCC,MAEOF,EACJ,IAAI,CAACG,MACCD,EAAMC,CAAG,IAEVA,MAAQ,UAAgB,QAAQD,EAAMC,CAAG,CAAC,KACvC,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAHH,EAIzB,EACA,OAAO,OAAO;"}

package/dist/{index.es303.js → index.es304.js}

@@ -22,4 +22,4 @@ const i = ({
 export {
   i as BreadcrumbItem
 };
-//# sourceMappingURL=index.es303.js.map
+//# sourceMappingURL=index.es304.js.map

package/dist/{index.es303.js.map → index.es304.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es303.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;"}
+{"version":3,"file":"index.es304.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.es308.js

@@ -1,204 +1,151 @@
 import { j as e } from "./index.es266.js";
-import { Divider as y } from "./index.es104.js";
-import { LOGOS as x } from "./index.es161.js";
+import { Button as u } from "./index.es36.js";
+import { HeaderTopBanner as y } from "./index.es165.js";
+import { useState as w, useRef as C, useCallback as N, useEffect as h } from "react";
 import { clsx as s } from "./index.es268.js";
-import { Balancer as k } from "./index.es278.js";
-import { Button as C } from "./index.es36.js";
-import { Container as I } from "./index.es91.js";
-import './components/navigations/HeaderDesktop/HeaderDesktop.css';/* empty css            */
-import { HeaderSlim as z } from "./index.es164.js";
-import { Row as r } from "./index.es216.js";
-const E = ({
-  title: l,
-  region: c,
-  asLink: m = "a",
-  labels: p,
-  navigatonItems: j,
-  supportLink: t,
-  loginLink: f = "/",
-  shortTitle: d,
-  headerTitleClassname: u,
-  children: g,
-  headerLogoUrl2: h,
-  variant: a = "default"
+import { useFocusTrap as k } from "./index.es435.js";
+import { Container as L } from "./index.es91.js";
+import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */
+import { Col as E } from "./index.es82.js";
+import { Hamburguer as z } from "./index.es160.js";
+import { Row as M } from "./index.es216.js";
+import { Close as R } from "./index.es80.js";
+const J = ({
+  shortTitle: p,
+  menuTitle: f = "Menù",
+  region: x,
+  asLink: l = "a",
+  navigatonItems: b,
+  labels: t,
+  loginLink: v = "/",
+  variant: d = "default"
 }) => {
-  const n = m, b = x.nazionale, N = x[c], o = a === "operator" ? "text-white" : "text-primary", v = a === "operator" ? "text-white" : "text-blue-30";
-  return /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: s(
-        "sticky-header bg-white",
-        a === "operator" && "ui-header-desktop-operator"
-      ),
-      children: [
-        /* @__PURE__ */ e.jsxs(
-          z,
-          {
-            pt: "x16",
-            pb: "x16",
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "center",
-            containerClassName: s(
-              a === "operator" ? "ui-slim-operator" : "bg-slate-20"
+  const j = l, [i, c] = w(!1), a = "main-navigation", m = C(null);
+  k(m, i);
+  const o = N(() => {
+    c(!i);
+  }, [i]);
+  h(() => (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]), h(() => {
+    const n = (r) => {
+      r.key === "Escape" && i && o();
+    };
+    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+  }, [i, o]);
+  const g = () => {
+    c(!1);
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "sticky-header shadow", children: [
+    /* @__PURE__ */ e.jsx(
+      y,
+      {
+        asLink: l,
+        shortTitle: p,
+        region: x,
+        variant: d
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(
+      L,
+      {
+        className: s(
+          d === "operator" ? "bg-radial" : "bg-slate-20 ",
+          "min-h-x64 base-row align-items-center justify-content-end"
+        ),
+        as: "header",
+        py: "x8",
+        children: [
+          /* @__PURE__ */ e.jsxs(M, { gap: "x24", alignItems: "center", justifyContent: "end", children: [
+            /* @__PURE__ */ e.jsxs(
+              u,
+              {
+                size: "3",
+                bg: "white",
+                textColor: "primary",
+                href: v,
+                asLink: "a",
+                className: "ui-login-button-header-mobile",
+                children: [
+                  t.login,
+                  /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: " Accedi con Cohesion" })
+                ]
+              }
             ),
-            children: [
-              /* @__PURE__ */ e.jsxs(
-                n,
-                {
-                  href: "/",
-                  className: s(
-                    "fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8",
-                    a === "default" ? "text-white" : "text-slate-20"
+            /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                "aria-expanded": i,
+                "aria-label": "Apri menu di navigazione",
+                onClick: o,
+                className: "ui-mobile-menu-toggle",
+                "aria-controls": a,
+                children: /* @__PURE__ */ e.jsx(z, { width: 40, height: 40, color: "white" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsxs(
+            "nav",
+            {
+              id: a,
+              "aria-label": "Menu di navigazione",
+              className: s(i ? "ui-mobile-nav-panel" : "visually-hidden"),
+              ref: m,
+              children: [
+                /* @__PURE__ */ e.jsxs(E, { className: "ui-mobile-nav-header", children: [
+                  /* @__PURE__ */ e.jsxs(
+                    u,
+                    {
+                      size: "4",
+                      textColor: "primary",
+                      bg: "transparent",
+                      onClick: o,
+                      "aria-label": "Chiudi menu di navigazione",
+                      "aria-controls": a,
+                      children: [
+                        t.closeMenu,
+                        /* @__PURE__ */ e.jsx(R, {})
+                      ]
+                    }
                   ),
-                  children: [
-                    h && /* @__PURE__ */ e.jsx(
-                      "div",
-                      {
-                        style: { backgroundImage: `url(${h})` },
-                        className: "ui-header-item-image"
-                      }
+                  /* @__PURE__ */ e.jsx("h2", { className: "fs-3 text-slate-20", children: f })
+                ] }),
+                /* @__PURE__ */ e.jsx("ul", { className: "list-style-none p-x16", role: "list", children: b.map((n, r) => /* @__PURE__ */ e.jsx(
+                  "li",
+                  {
+                    className: s(
+                      "ui-mobile-nav-item",
+                      n.active && "active"
                     ),
-                    d || l,
-                    /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
-                  ]
-                }
-              ),
-              g
-            ]
-          }
-        ),
-        /* @__PURE__ */ e.jsxs(
-          "header",
-          {
-            className: s(a === "operator" ? "bg-radial" : "bg-white"),
-            children: [
-              /* @__PURE__ */ e.jsxs(
-                r,
-                {
-                  py: "x20",
-                  gap: "x16",
-                  alignItems: "center",
-                  justifyContent: "space-between",
-                  className: "max-h-x116 ui-container",
-                  children: [
-                    /* @__PURE__ */ e.jsxs(r, { gap: "x16", alignItems: "center", children: [
-                      /* @__PURE__ */ e.jsxs(r, { gap: "x16", alignItems: "center", justifyContent: "center", children: [
-                        /* @__PURE__ */ e.jsx(b, { height: 44, width: 27, variant: a }),
-                        c !== "nazionale" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                          /* @__PURE__ */ e.jsx(y, { bg: "border-divider", direction: "vertical" }),
-                          /* @__PURE__ */ e.jsx(
-                            N,
-                            {
-                              width: 44,
-                              height: 44,
-                              color: a === "operator" ? "lightblue-a03" : "white"
-                            }
-                          )
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ e.jsx("h1", { className: s(u, "ui-header-title"), children: a === "default" ? /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsxs(
-                        n,
-                        {
-                          href: "/",
-                          className: "text-decoration-none hover-underline_dark",
-                          children: [
-                            /* @__PURE__ */ e.jsx("span", { className: "ui-title-line-height", children: l }),
-                            /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
-                          ]
-                        }
-                      ) }) : /* @__PURE__ */ e.jsxs(
-                        n,
-                        {
-                          href: "/",
-                          className: "text-decoration-none hover-underline_dark",
-                          children: [
-                            /* @__PURE__ */ e.jsx("span", { className: "ui-title-line-height", children: l }),
-                            /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
-                          ]
-                        }
-                      ) })
-                    ] }),
-                    /* @__PURE__ */ e.jsxs(
-                      C,
-                      {
-                        size: "2",
-                        href: f,
-                        asLink: "a",
-                        className: "login-button",
-                        variant: a === "operator" ? "secondary" : "primary",
-                        children: [
-                          /* @__PURE__ */ e.jsxs("span", { style: { fontSize: 14 }, children: [
-                            " ",
-                            p.login,
-                            " "
-                          ] }),
-                          /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: " Accedi con Cohesion" })
-                        ]
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ e.jsx("nav", { "aria-label": "Menu di navigazione", className: "shadow-bottom", children: /* @__PURE__ */ e.jsxs(
-                I,
-                {
-                  containerClass: "ui-container",
-                  className: "base-row align-items-center justify-content-between max-h-x52",
-                  children: [
-                    /* @__PURE__ */ e.jsx(r, { as: "ul", className: "list-style-none", role: "list", children: j.map((i, w) => /* @__PURE__ */ e.jsx(
-                      "li",
-                      {
-                        className: s(
-                          "py-x12 px-x16 ui-header-desktop-nav-item max-h-x52",
-                          i.active && "active"
-                        ),
-                        children: /* @__PURE__ */ e.jsxs(
-                          n,
-                          {
-                            href: i.href,
-                            className: s(
-                              "text-decoration-none fs-custom",
-                              i.active ? `fw-bold ${o}` : `fw-semibold ${o}`
-                            ),
-                            target: i.isNewTab ? "_blank" : void 0,
-                            rel: i.isNewTab ? "noopener noreferrer" : void 0,
-                            children: [
-                              i.label,
-                              i.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
-                            ]
-                          }
-                        )
-                      },
-                      w
-                    )) }),
-                    t && /* @__PURE__ */ e.jsxs(
-                      n,
+                    children: /* @__PURE__ */ e.jsxs(
+                      j,
                       {
-                        href: t.href,
+                        href: n.href,
                         className: s(
-                          "text-decoration-none fs-custom py-x12 px-x0",
-                          t.active ? `fw-bold ${v}` : `fw-semibold ${o}`,
-                          "ui-header-desktop-support-link",
-                          t.active && (a === "operator" ? "active-operator" : "active")
+                          "text-decoration-none text-primary fs-5",
+                          n.active ? "fw-bold" : "fw-normal"
                         ),
+                        onClick: g,
+                        target: n.isNewTab ? "_blank" : void 0,
+                        rel: n.isNewTab ? "noopener noreferrer" : void 0,
                         children: [
-                          t.label,
-                          t.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
+                          n.label,
+                          n.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
                         ]
                       }
                     )
-                  ]
-                }
-              ) })
-            ]
-          }
-        )
-      ]
-    }
-  );
+                  },
+                  r
+                )) })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
 };
 export {
-  E as HeaderDesktop
+  J as HeaderMobile
 };
 //# sourceMappingURL=index.es308.js.map