@anoki/fse-ui 2.1.0-SNAPSHOT1.4 → 2.1.0-SNAPSHOT1.6

package/dist/index.es168.js

@@ -1,6 +1,6 @@
-import { j as q } from "./index.es247.js";
-import { clsx as s } from "./index.es249.js";
-import { createColorClasses as m } from "./index.es281.js";
+import { j as q } from "./index.es249.js";
+import { clsx as s } from "./index.es251.js";
+import { createColorClasses as m } from "./index.es283.js";
 const p = ({
   width: h = 137,
   height: a = 40,

package/dist/index.es169.js

@@ -1,6 +1,6 @@
-import { j as c } from "./index.es247.js";
-import { clsx as i } from "./index.es249.js";
-import { createColorClasses as a } from "./index.es281.js";
+import { j as c } from "./index.es249.js";
+import { clsx as i } from "./index.es251.js";
+import { createColorClasses as a } from "./index.es283.js";
 const p = ({
   width: m = 118,
   height: h = 40,

package/dist/index.es17.js

@@ -1,6 +1,6 @@
-import { j as r } from "./index.es247.js";
+import { j as r } from "./index.es249.js";
 import { Container as l } from "./index.es6.js";
-import { clsx as i } from "./index.es249.js";
+import { clsx as i } from "./index.es251.js";
 import './components/navigations/HeaderSlim/HeaderSlim.css';/* empty css            */
 import { Row as u } from "./index.es9.js";
 const h = ({

package/dist/index.es170.js

@@ -1,6 +1,6 @@
-import { j as l } from "./index.es247.js";
-import { clsx as r } from "./index.es249.js";
-import { createColorClasses as o } from "./index.es281.js";
+import { j as l } from "./index.es249.js";
+import { clsx as r } from "./index.es251.js";
+import { createColorClasses as o } from "./index.es283.js";
 const d = ({
   width: s = 44,
   height: a = 44,

package/dist/index.es171.js

@@ -1,6 +1,6 @@
-import { j as l } from "./index.es247.js";
-import { clsx as z } from "./index.es249.js";
-import { createColorClasses as d } from "./index.es281.js";
+import { j as l } from "./index.es249.js";
+import { clsx as z } from "./index.es251.js";
+import { createColorClasses as d } from "./index.es283.js";
 const v = ({
   width: a = 101,
   height: c = 40,

package/dist/index.es172.js

@@ -1,6 +1,6 @@
-import { j as q } from "./index.es247.js";
-import { clsx as m } from "./index.es249.js";
-import { createColorClasses as t } from "./index.es281.js";
+import { j as q } from "./index.es249.js";
+import { clsx as m } from "./index.es251.js";
+import { createColorClasses as t } from "./index.es283.js";
 const i = ({
   width: v = 181,
   height: l = 40,

package/dist/index.es173.js

@@ -1,6 +1,6 @@
-import { j as l } from "./index.es247.js";
-import { clsx as o } from "./index.es249.js";
-import { createColorClasses as v } from "./index.es281.js";
+import { j as l } from "./index.es249.js";
+import { clsx as o } from "./index.es251.js";
+import { createColorClasses as v } from "./index.es283.js";
 const p = ({
   width: c = 75,
   height: d = 75,

package/dist/index.es174.js

@@ -1,6 +1,6 @@
-import { j as l } from "./index.es247.js";
-import { clsx as t } from "./index.es249.js";
-import { createColorClasses as i } from "./index.es281.js";
+import { j as l } from "./index.es249.js";
+import { clsx as t } from "./index.es251.js";
+import { createColorClasses as i } from "./index.es283.js";
 const d = ({
   width: s = 75,
   height: c = 75,

package/dist/index.es175.js

@@ -1,6 +1,6 @@
-import { j as o } from "./index.es247.js";
-import { clsx as f } from "./index.es249.js";
-import { createColorClasses as n } from "./index.es281.js";
+import { j as o } from "./index.es249.js";
+import { clsx as f } from "./index.es251.js";
+import { createColorClasses as n } from "./index.es283.js";
 const c = ({
   width: l = 24,
   height: t = 24,

package/dist/index.es176.js

@@ -1,6 +1,6 @@
-import { j as s } from "./index.es247.js";
-import { clsx as m } from "./index.es249.js";
-import { createColorClasses as n } from "./index.es281.js";
+import { j as s } from "./index.es249.js";
+import { clsx as m } from "./index.es251.js";
+import { createColorClasses as n } from "./index.es283.js";
 const w = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es177.js

@@ -1,6 +1,6 @@
-import { j as l } from "./index.es247.js";
-import { clsx as v } from "./index.es249.js";
-import { createColorClasses as i } from "./index.es281.js";
+import { j as l } from "./index.es249.js";
+import { clsx as v } from "./index.es251.js";
+import { createColorClasses as i } from "./index.es283.js";
 const p = ({
   width: e = 32,
   height: o = 32,

package/dist/index.es178.js

@@ -1,6 +1,6 @@
-import { j as c } from "./index.es247.js";
-import { clsx as V } from "./index.es249.js";
-import { createColorClasses as o } from "./index.es281.js";
+import { j as c } from "./index.es249.js";
+import { clsx as V } from "./index.es251.js";
+import { createColorClasses as o } from "./index.es283.js";
 const n = ({
   width: h = 32,
   height: v = 32,

package/dist/index.es179.js

@@ -1,6 +1,6 @@
-import { j as a } from "./index.es247.js";
-import { clsx as t } from "./index.es249.js";
-import { createColorClasses as i } from "./index.es281.js";
+import { j as a } from "./index.es249.js";
+import { clsx as t } from "./index.es251.js";
+import { createColorClasses as i } from "./index.es283.js";
 const p = ({
   width: c = 32,
   height: v = 32,

package/dist/index.es18.js

@@ -1,88 +1,121 @@
-import { j as e } from "./index.es247.js";
-import { LOGOS as t } from "./index.es27.js";
-import { clsx as r } from "./index.es249.js";
-import { Divider as i } from "./index.es138.js";
+import { j as e } from "./index.es249.js";
+import { LOGOS as i } from "./index.es27.js";
+import { clsx as t } from "./index.es251.js";
+import { Divider as n } from "./index.es138.js";
 import './components/navigations/HeaderPostLogin/HeaderPostLogin.css';/* empty css            */
+import { CirlceLeftArrow as b } from "./index.es228.js";
+import { CircleRightArrow as N } from "./index.es229.js";
 import { Col as a } from "./index.es10.js";
-import { Row as v } from "./index.es9.js";
-const I = ({
-  shortTitle: l,
-  region: c,
-  asLink: x = "a",
-  navigationItems: n,
-  generalClassName: p,
-  navItemsClassName: d
+import { Row as w } from "./index.es9.js";
+const z = ({
+  shortTitle: c,
+  region: x,
+  asLink: m = "a",
+  navigationItems: s,
+  generalClassName: h,
+  navItemsClassName: p,
+  isExpanded: o = !0,
+  expandTitle: j = "Apri",
+  toggleExpand: f
 }) => {
-  const h = x, m = t.nazionale, j = t[c];
+  const u = m, g = i.nazionale, d = i[x];
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
       role: "navigation",
-      className: r("ui-hpl-menu", p),
+      className: t(
+        "ui-hpl-menu",
+        h,
+        o ? "expanded" : "closed"
+      ),
       style: {
-        "--navbar-elements": n.length ?? 0
+        "--navbar-elements": s.length ?? 0
       },
       children: [
         /* @__PURE__ */ e.jsxs(
           a,
           {
             pt: "x80",
-            px: "x40",
+            px: o ? "x40" : "x20",
             gap: "x16",
             justifyContent: "center",
             className: "position-relative",
             children: [
-              /* @__PURE__ */ e.jsxs(v, { gap: "x24", alignItems: "center", justifyContent: "center", children: [
-                /* @__PURE__ */ e.jsx(m, { width: 27, height: 44 }),
-                /* @__PURE__ */ e.jsx(i, { bg: "border-divider", direction: "vertical" }),
-                /* @__PURE__ */ e.jsx(j, { width: 44, height: 44 })
-              ] }),
-              /* @__PURE__ */ e.jsx("h1", { className: "fs-custom fw-normal text-slate-20 text-align-center", children: l })
+              /* @__PURE__ */ e.jsxs(
+                w,
+                {
+                  gap: o ? "x24" : "x12",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  children: [
+                    /* @__PURE__ */ e.jsx(
+                      g,
+                      {
+                        width: o ? 27 : 20,
+                        height: o ? 44 : 37
+                      }
+                    ),
+                    /* @__PURE__ */ e.jsx(n, { bg: "border-divider", direction: "vertical" }),
+                    /* @__PURE__ */ e.jsx(
+                      d,
+                      {
+                        width: o ? 44 : 37,
+                        height: o ? 44 : 37
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e.jsx("h1", { className: "shortTitle fs-custom fw-normal text-slate-20 text-align-center", children: c })
             ]
           }
         ),
-        /* @__PURE__ */ e.jsx("div", { className: "p-x40", children: /* @__PURE__ */ e.jsx(i, { bg: "border-divider" }) }),
+        /* @__PURE__ */ e.jsx("div", { className: o ? "p-x40" : "py-x40", children: /* @__PURE__ */ e.jsx(n, { bg: "border-divider" }) }),
         /* @__PURE__ */ e.jsx(
           a,
           {
             as: "ul",
             gap: "x12",
-            className: r("list-style-none ui-hpl-list", d),
+            className: t("list-style-none ui-hpl-list", p),
             role: "list",
-            children: n.map((s, f) => {
-              const o = s == null ? void 0 : s.icon;
+            children: s.map((r, v) => {
+              const l = r == null ? void 0 : r.icon;
               return /* @__PURE__ */ e.jsx(
                 "li",
                 {
-                  className: r("ui-hpl-list-item", s.active && "active"),
+                  className: t("ui-hpl-list-item", r.active && "active"),
                   children: /* @__PURE__ */ e.jsxs(
-                    h,
+                    u,
                     {
-                      href: s.href,
-                      className: r(
+                      href: r.href,
+                      className: t(
                         "text-decoration-none text-primary fs-custom base-row gap-x16 align-items-center pr-x8",
-                        s.active ? "fw-bold" : "fw-normal"
+                        r.active ? "fw-bold" : "fw-normal"
                       ),
-                      target: s.isNewTab ? "_blank" : void 0,
-                      rel: s.isNewTab ? "noopener noreferrer" : void 0,
+                      target: r.isNewTab ? "_blank" : void 0,
+                      rel: r.isNewTab ? "noopener noreferrer" : void 0,
                       children: [
-                        o && /* @__PURE__ */ e.jsx(o, { color: "primary", filled: s.active }),
-                        /* @__PURE__ */ e.jsx("span", { className: "ui-hpl-text", children: s.label }),
-                        s.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
+                        l && /* @__PURE__ */ e.jsx(l, { color: "primary", filled: r.active }),
+                        /* @__PURE__ */ e.jsx("span", { className: "ui-hpl-text", children: r.label }),
+                        r.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
                       ]
                     }
                   )
                 },
-                f
+                v
               );
             })
           }
-        )
+        ),
+        /* @__PURE__ */ e.jsxs("button", { onClick: f, className: "ui-toggle-menu-button py-x24", children: [
+          o ? /* @__PURE__ */ e.jsx(b, {}) : /* @__PURE__ */ e.jsx(N, {}),
+          j
+        ] })
       ]
     }
   );
 };
 export {
-  I as HeaderPostLogin
+  z as HeaderPostLogin
 };
 //# sourceMappingURL=index.es18.js.map

package/dist/index.es18.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es18.js","sources":["../src/components/navigations/HeaderPostLogin/index.tsx"],"sourcesContent":["import { LOGOS, Region } from \"../Header\";\r\nimport clsx from \"clsx\";\r\nimport { Divider } from \"@/components/ui/Divider\";\r\nimport \"./HeaderPostLogin.scss\";\r\nimport { ComponentType, ReactNode } from \"react\";\r\nimport { Col, Row } from \"@/components\";\r\n\r\ntype NavigationItem = {\r\n  label: string;\r\n  href: string;\r\n  icon?: ComponentType<any>;\r\n  active?: boolean;\r\n  isNewTab?: boolean;\r\n};\r\n\r\nexport type HeaderPostLoginProps = {\r\n  shortTitle: ReactNode;\r\n  region: Region;\r\n  navigationItems: NavigationItem[];\r\n  loginLink?: string;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  generalClassName?: string;\r\n  navItemsClassName?: string;\r\n};\r\n\r\nexport const HeaderPostLogin = ({\r\n  shortTitle,\r\n  region,\r\n  asLink = \"a\",\r\n  navigationItems,\r\n  generalClassName,\r\n  navItemsClassName,\r\n}: HeaderPostLoginProps) => {\r\n  const LinkComponent = asLink;\r\n  const NationalIcon = LOGOS[\"nazionale\"];\r\n  const RegionIcon = LOGOS[region];\r\n\r\n  return (\r\n    <nav\r\n      role=\"navigation\"\r\n      className={clsx(\"ui-hpl-menu\", generalClassName)}\r\n      style={\r\n        {\r\n          \"--navbar-elements\": navigationItems.length ?? 0,\r\n        } as React.CSSProperties\r\n      }\r\n    >\r\n      <Col\r\n        pt={\"x80\"}\r\n        px={\"x40\"}\r\n        gap={\"x16\"}\r\n        justifyContent={\"center\"}\r\n        className=\"position-relative\"\r\n      >\r\n        <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"center\"}>\r\n          <NationalIcon width={27} height={44} />\r\n          <Divider bg=\"border-divider\" direction=\"vertical\" />\r\n          <RegionIcon width={44} height={44} />\r\n        </Row>\r\n        <h1 className=\"fs-custom fw-normal text-slate-20 text-align-center\">\r\n          {shortTitle}\r\n        </h1>\r\n      </Col>\r\n      <div className=\"p-x40\">\r\n        <Divider bg=\"border-divider\" />\r\n      </div>\r\n      <Col\r\n        as={\"ul\"}\r\n        gap={\"x12\"}\r\n        className={clsx(\"list-style-none ui-hpl-list\", navItemsClassName)}\r\n        role=\"list\"\r\n      >\r\n        {navigationItems.map((item, index) => {\r\n          const IconComponent = item?.icon;\r\n          return (\r\n            <li\r\n              key={index}\r\n              className={clsx(\"ui-hpl-list-item\", item.active && \"active\")}\r\n            >\r\n              <LinkComponent\r\n                href={item.href}\r\n                className={clsx(\r\n                  \"text-decoration-none text-primary fs-custom base-row gap-x16 align-items-center pr-x8\",\r\n                  item.active ? \"fw-bold\" : \"fw-normal\",\r\n                )}\r\n                target={item.isNewTab ? \"_blank\" : undefined}\r\n                rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\r\n              >\r\n                {IconComponent && (\r\n                  <IconComponent color=\"primary\" filled={item.active} />\r\n                )}\r\n                <span className=\"ui-hpl-text\">{item.label}</span>\r\n                {item.active && <span className=\"visually-hidden\">Attivo</span>}\r\n              </LinkComponent>\r\n            </li>\r\n          );\r\n        })}\r\n      </Col>\r\n    </nav>\r\n  );\r\n};\r\n"],"names":["HeaderPostLogin","shortTitle","region","asLink","navigationItems","generalClassName","navItemsClassName","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsxs","clsx","Col","Row","jsx","Divider","item","index","IconComponent"],"mappings":";;;;;;;AAyBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAgBJ,GAChBK,IAAeC,EAAM,WACrBC,IAAaD,EAAMP,CAAM;AAG7B,SAAAS,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWC,EAAK,eAAeP,CAAgB;AAAA,MAC/C,OACE;AAAA,QACE,qBAAqBD,EAAgB,UAAU;AAAA,MACjD;AAAA,MAGF,UAAA;AAAA,QAAAO,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,IAAI;AAAA,YACJ,KAAK;AAAA,YACL,gBAAgB;AAAA,YAChB,WAAU;AAAA,YAEV,UAAA;AAAA,cAAAF,gBAAAA,OAACG,KAAI,KAAK,OAAO,YAAY,UAAU,gBAAgB,UACrD,UAAA;AAAA,gBAAAC,gBAAAA,EAAA,IAACP,GAAa,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,gBACpCO,gBAAAA,EAAA,IAAAC,GAAA,EAAQ,IAAG,kBAAiB,WAAU,YAAW;AAAA,gBACjDD,gBAAAA,EAAA,IAAAL,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,cAAA,GACrC;AAAA,cACCK,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,uDACX,UACHd,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACAc,gBAAAA,EAAAA,IAAC,SAAI,WAAU,SACb,gCAACC,GAAQ,EAAA,IAAG,kBAAiB,EAC/B,CAAA;AAAA,QACAD,gBAAAA,EAAA;AAAA,UAACF;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,KAAK;AAAA,YACL,WAAWD,EAAK,+BAA+BN,CAAiB;AAAA,YAChE,MAAK;AAAA,YAEJ,UAAgBF,EAAA,IAAI,CAACa,GAAMC,MAAU;AACpC,oBAAMC,IAAgBF,KAAA,gBAAAA,EAAM;AAE1B,qBAAAF,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,WAAWH,EAAK,oBAAoBK,EAAK,UAAU,QAAQ;AAAA,kBAE3D,UAAAN,gBAAAA,EAAA;AAAA,oBAACJ;AAAA,oBAAA;AAAA,sBACC,MAAMU,EAAK;AAAA,sBACX,WAAWL;AAAA,wBACT;AAAA,wBACAK,EAAK,SAAS,YAAY;AAAA,sBAC5B;AAAA,sBACA,QAAQA,EAAK,WAAW,WAAW;AAAA,sBACnC,KAAKA,EAAK,WAAW,wBAAwB;AAAA,sBAE5C,UAAA;AAAA,wBAAAE,2BACEA,GAAc,EAAA,OAAM,WAAU,QAAQF,EAAK,QAAQ;AAAA,wBAErDF,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,eAAe,YAAK,OAAM;AAAA,wBACzCE,EAAK,UAAUF,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAC1D;AAAA,gBAjBKG;AAAA,cAkBP;AAAA,YAEH,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es18.js","sources":["../src/components/navigations/HeaderPostLogin/index.tsx"],"sourcesContent":["import { LOGOS, Region } from \"../Header\";\r\nimport clsx from \"clsx\";\r\nimport { Divider } from \"@/components/ui/Divider\";\r\nimport \"./HeaderPostLogin.scss\";\r\nimport { ComponentType, ReactNode } from \"react\";\r\nimport { Col, Row } from \"@/components\";\r\nimport { CircleRightArrow, CirlceLeftArrow } from \"@/icons\";\r\n\r\ntype NavigationItem = {\r\n  label: string;\r\n  href: string;\r\n  icon?: ComponentType<any>;\r\n  active?: boolean;\r\n  isNewTab?: boolean;\r\n};\r\n\r\nexport type HeaderPostLoginProps = {\r\n  shortTitle: ReactNode;\r\n  region: Region;\r\n  navigationItems: NavigationItem[];\r\n  loginLink?: string;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  generalClassName?: string;\r\n  navItemsClassName?: string;\r\n  isExpanded?: boolean;\r\n  toggleExpand?: () => void;\r\n  expandTitle?: string;\r\n};\r\n\r\nexport const HeaderPostLogin = ({\r\n  shortTitle,\r\n  region,\r\n  asLink = \"a\",\r\n  navigationItems,\r\n  generalClassName,\r\n  navItemsClassName,\r\n  isExpanded = true,\r\n  expandTitle = \"Apri\",\r\n  toggleExpand,\r\n}: HeaderPostLoginProps) => {\r\n  const LinkComponent = asLink;\r\n  const NationalIcon = LOGOS[\"nazionale\"];\r\n  const RegionIcon = LOGOS[region];\r\n\r\n  return (\r\n    <nav\r\n      role=\"navigation\"\r\n      className={clsx(\r\n        \"ui-hpl-menu\",\r\n        generalClassName,\r\n        isExpanded ? \"expanded\" : \"closed\",\r\n      )}\r\n      style={\r\n        {\r\n          \"--navbar-elements\": navigationItems.length ?? 0,\r\n        } as React.CSSProperties\r\n      }\r\n    >\r\n      <Col\r\n        pt={\"x80\"}\r\n        px={isExpanded ? \"x40\" : \"x20\"}\r\n        gap={\"x16\"}\r\n        justifyContent={\"center\"}\r\n        className=\"position-relative\"\r\n      >\r\n        <Row\r\n          gap={isExpanded ? \"x24\" : \"x12\"}\r\n          alignItems={\"center\"}\r\n          justifyContent={\"center\"}\r\n        >\r\n          <NationalIcon\r\n            width={isExpanded ? 27 : 20}\r\n            height={isExpanded ? 44 : 37}\r\n          />\r\n          <Divider bg=\"border-divider\" direction=\"vertical\" />\r\n          <RegionIcon\r\n            width={isExpanded ? 44 : 37}\r\n            height={isExpanded ? 44 : 37}\r\n          />\r\n        </Row>\r\n        <h1 className=\"shortTitle fs-custom fw-normal text-slate-20 text-align-center\">\r\n          {shortTitle}\r\n        </h1>\r\n      </Col>\r\n      <div className={isExpanded ? \"p-x40\" : \"py-x40\"}>\r\n        <Divider bg=\"border-divider\" />\r\n      </div>\r\n      <Col\r\n        as={\"ul\"}\r\n        gap={\"x12\"}\r\n        className={clsx(\"list-style-none ui-hpl-list\", navItemsClassName)}\r\n        role=\"list\"\r\n      >\r\n        {navigationItems.map((item, index) => {\r\n          const IconComponent = item?.icon;\r\n          return (\r\n            <li\r\n              key={index}\r\n              className={clsx(\"ui-hpl-list-item\", item.active && \"active\")}\r\n            >\r\n              <LinkComponent\r\n                href={item.href}\r\n                className={clsx(\r\n                  \"text-decoration-none text-primary fs-custom base-row gap-x16 align-items-center pr-x8\",\r\n                  item.active ? \"fw-bold\" : \"fw-normal\",\r\n                )}\r\n                target={item.isNewTab ? \"_blank\" : undefined}\r\n                rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\r\n              >\r\n                {IconComponent && (\r\n                  <IconComponent color=\"primary\" filled={item.active} />\r\n                )}\r\n                <span className=\"ui-hpl-text\">{item.label}</span>\r\n                {item.active && <span className=\"visually-hidden\">Attivo</span>}\r\n              </LinkComponent>\r\n            </li>\r\n          );\r\n        })}\r\n      </Col>\r\n      <button onClick={toggleExpand} className=\"ui-toggle-menu-button py-x24\">\r\n        {isExpanded ? <CirlceLeftArrow /> : <CircleRightArrow />}\r\n        {expandTitle}\r\n      </button>\r\n    </nav>\r\n  );\r\n};\r\n"],"names":["HeaderPostLogin","shortTitle","region","asLink","navigationItems","generalClassName","navItemsClassName","isExpanded","expandTitle","toggleExpand","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsxs","clsx","Col","Row","jsx","Divider","item","index","IconComponent","CirlceLeftArrow","CircleRightArrow"],"mappings":"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"}

package/dist/index.es180.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es247.js";
-import { clsx as c } from "./index.es249.js";
-import { createColorClasses as i } from "./index.es281.js";
+import { j as e } from "./index.es249.js";
+import { clsx as c } from "./index.es251.js";
+import { createColorClasses as i } from "./index.es283.js";
 const f = ({
   width: h = 32,
   height: v = 32,

package/dist/index.es181.js

@@ -1,6 +1,6 @@
-import { j as c } from "./index.es247.js";
-import { clsx as v } from "./index.es249.js";
-import { createColorClasses as d } from "./index.es281.js";
+import { j as c } from "./index.es249.js";
+import { clsx as v } from "./index.es251.js";
+import { createColorClasses as d } from "./index.es283.js";
 const M = ({
   width: e = 32,
   height: a = 32,

package/dist/index.es182.js

@@ -1,5 +1,5 @@
-import { j as r } from "./index.es247.js";
-import { clsx as i } from "./index.es249.js";
+import { j as r } from "./index.es249.js";
+import { clsx as i } from "./index.es251.js";
 const m = ({
   width: o = 40,
   height: a = 40,

package/dist/index.es183.js

@@ -1,5 +1,5 @@
-import { j as l } from "./index.es247.js";
-import { clsx as s } from "./index.es249.js";
+import { j as l } from "./index.es249.js";
+import { clsx as s } from "./index.es251.js";
 const n = ({
   width: e = 40,
   height: o = 40,

package/dist/index.es184.js

@@ -1,5 +1,5 @@
-import { j as s } from "./index.es247.js";
-import { clsx as o } from "./index.es249.js";
+import { j as s } from "./index.es249.js";
+import { clsx as o } from "./index.es251.js";
 const n = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es185.js

@@ -1,6 +1,6 @@
-import { j as a } from "./index.es247.js";
-import { clsx as h } from "./index.es249.js";
-import { createColorClasses as m } from "./index.es281.js";
+import { j as a } from "./index.es249.js";
+import { clsx as h } from "./index.es251.js";
+import { createColorClasses as m } from "./index.es283.js";
 const p = ({
   width: o = 32,
   height: s = 32,

package/dist/index.es186.js

@@ -1,6 +1,6 @@
-import { j as a } from "./index.es247.js";
-import { clsx as i } from "./index.es249.js";
-import { createColorClasses as n } from "./index.es281.js";
+import { j as a } from "./index.es249.js";
+import { clsx as i } from "./index.es251.js";
+import { createColorClasses as n } from "./index.es283.js";
 const x = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es187.js

@@ -1,6 +1,6 @@
-import { j as l } from "./index.es247.js";
-import { clsx as n } from "./index.es249.js";
-import { createColorClasses as p } from "./index.es281.js";
+import { j as l } from "./index.es249.js";
+import { clsx as n } from "./index.es251.js";
+import { createColorClasses as p } from "./index.es283.js";
 const c = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es188.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es247.js";
+import { j as e } from "./index.es249.js";
 const s = ({
   height: i = 20,
   width: H = 20,

package/dist/index.es189.js

@@ -1,6 +1,6 @@
-import { j as l } from "./index.es247.js";
-import { clsx as t } from "./index.es249.js";
-import { createColorClasses as m } from "./index.es281.js";
+import { j as l } from "./index.es249.js";
+import { clsx as t } from "./index.es251.js";
+import { createColorClasses as m } from "./index.es283.js";
 const f = ({
   width: a = 32,
   height: e = 32,

package/dist/index.es19.js

@@ -1,6 +1,6 @@
-import { j as r } from "./index.es247.js";
-import { BreadcrumbItem as i } from "./index.es292.js";
-import { clsx as l } from "./index.es249.js";
+import { j as r } from "./index.es249.js";
+import { BreadcrumbItem as i } from "./index.es294.js";
+import { clsx as l } from "./index.es251.js";
 import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
 const n = ({
   items: e = [{ label: "Home", href: "#" }]

package/dist/index.es190.js

@@ -1,6 +1,6 @@
-import { j as s } from "./index.es247.js";
-import { clsx as m } from "./index.es249.js";
-import { createColorClasses as n } from "./index.es281.js";
+import { j as s } from "./index.es249.js";
+import { clsx as m } from "./index.es251.js";
+import { createColorClasses as n } from "./index.es283.js";
 const x = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es191.js

@@ -1,6 +1,6 @@
-import { j as s } from "./index.es247.js";
-import { clsx as m } from "./index.es249.js";
-import { createColorClasses as n } from "./index.es281.js";
+import { j as s } from "./index.es249.js";
+import { clsx as m } from "./index.es251.js";
+import { createColorClasses as n } from "./index.es283.js";
 const x = ({
   width: e = 24,
   height: l = 24,

package/dist/index.es192.js

@@ -1,6 +1,6 @@
-import { j as s } from "./index.es247.js";
-import { clsx as d } from "./index.es249.js";
-import { createColorClasses as m } from "./index.es281.js";
+import { j as s } from "./index.es249.js";
+import { clsx as d } from "./index.es251.js";
+import { createColorClasses as m } from "./index.es283.js";
 const p = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es193.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es247.js";
-import { clsx as o } from "./index.es249.js";
-import { createColorClasses as d } from "./index.es281.js";
+import { j as e } from "./index.es249.js";
+import { clsx as o } from "./index.es251.js";
+import { createColorClasses as d } from "./index.es283.js";
 const v = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es194.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es247.js";
-import { clsx as r } from "./index.es249.js";
-import { createColorClasses as m } from "./index.es281.js";
+import { j as e } from "./index.es249.js";
+import { clsx as r } from "./index.es251.js";
+import { createColorClasses as m } from "./index.es283.js";
 const c = ({
   width: i = 24,
   height: o = 24,

package/dist/index.es195.js

@@ -1,6 +1,6 @@
-import { j as s } from "./index.es247.js";
-import { clsx as m } from "./index.es249.js";
-import { createColorClasses as n } from "./index.es281.js";
+import { j as s } from "./index.es249.js";
+import { clsx as m } from "./index.es251.js";
+import { createColorClasses as n } from "./index.es283.js";
 const x = ({
   width: l = 16,
   height: o = 29,

package/dist/index.es196.js

@@ -1,6 +1,6 @@
-import { j as l } from "./index.es247.js";
-import { clsx as a } from "./index.es249.js";
-import { createColorClasses as m } from "./index.es281.js";
+import { j as l } from "./index.es249.js";
+import { clsx as a } from "./index.es251.js";
+import { createColorClasses as m } from "./index.es283.js";
 const p = ({
   width: o = 40,
   height: r = 40,

package/dist/index.es197.js

@@ -1,6 +1,6 @@
-import { j as s } from "./index.es247.js";
-import { clsx as c } from "./index.es249.js";
-import { createColorClasses as h } from "./index.es281.js";
+import { j as s } from "./index.es249.js";
+import { clsx as c } from "./index.es251.js";
+import { createColorClasses as h } from "./index.es283.js";
 const d = ({
   width: t = 24,
   height: e = 32,

package/dist/index.es198.js

@@ -1,5 +1,5 @@
-import { j as r } from "./index.es247.js";
-import { clsx as n } from "./index.es249.js";
+import { j as r } from "./index.es249.js";
+import { clsx as n } from "./index.es251.js";
 const c = ({
   width: i = 24,
   height: o = 24,

package/dist/index.es199.js

@@ -1,6 +1,6 @@
-import { j as s } from "./index.es247.js";
-import { clsx as m } from "./index.es249.js";
-import { createColorClasses as n } from "./index.es281.js";
+import { j as s } from "./index.es249.js";
+import { clsx as m } from "./index.es251.js";
+import { createColorClasses as n } from "./index.es283.js";
 const p = ({
   width: t = 24,
   height: r = 24,

package/dist/index.es20.js

@@ -1,5 +1,5 @@
-import { j as s } from "./index.es247.js";
-import { clsx as r } from "./index.es249.js";
+import { j as s } from "./index.es249.js";
+import { clsx as r } from "./index.es251.js";
 import './components/navigations/TabBar/TabBar.css';/* empty css            */
 import { Row as i } from "./index.es9.js";
 const p = ({

package/dist/index.es200.js

@@ -1,6 +1,6 @@
-import { j as s } from "./index.es247.js";
-import { clsx as m } from "./index.es249.js";
-import { createColorClasses as p } from "./index.es281.js";
+import { j as s } from "./index.es249.js";
+import { clsx as m } from "./index.es251.js";
+import { createColorClasses as p } from "./index.es283.js";
 const g = ({
   width: o = 13,
   height: e = 9,

package/dist/index.es201.js

@@ -1,6 +1,6 @@
-import { j as o } from "./index.es247.js";
-import { clsx as m } from "./index.es249.js";
-import { createColorClasses as c } from "./index.es281.js";
+import { j as o } from "./index.es249.js";
+import { clsx as m } from "./index.es251.js";
+import { createColorClasses as c } from "./index.es283.js";
 const f = ({
   width: s = 13,
   height: e = 9,

package/dist/index.es202.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es247.js";
-import { clsx as C } from "./index.es249.js";
-import { createColorClasses as f } from "./index.es281.js";
+import { j as e } from "./index.es249.js";
+import { clsx as C } from "./index.es251.js";
+import { createColorClasses as f } from "./index.es283.js";
 const p = ({
   width: l = 20,
   height: r = 20,

package/dist/index.es203.js

@@ -1,6 +1,6 @@
-import { j as o } from "./index.es247.js";
-import { clsx as a } from "./index.es249.js";
-import { createColorClasses as n } from "./index.es281.js";
+import { j as o } from "./index.es249.js";
+import { clsx as a } from "./index.es251.js";
+import { createColorClasses as n } from "./index.es283.js";
 const d = ({
   width: s = 24,
   height: e = 24,