@anoki/fse-ui 1.0.336 → 1.0.338

package/dist/index.es144.js

@@ -1,30 +1,5 @@
-const p = [
-  "gap",
-  "m",
-  "mx",
-  "my",
-  "mt",
-  "mr",
-  "mb",
-  "ml",
-  "p",
-  "px",
-  "py",
-  "pt",
-  "pr",
-  "pb",
-  "pl",
-  "br",
-  "br-t",
-  "br-r",
-  "br-b",
-  "br-l",
-  "min-h",
-  "min-w",
-  "max-h",
-  "max-w"
-], a = (m) => p.map((r) => m[r] ? `${r}-${m[r]}` : "").filter(Boolean);
+const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
 export {
-  a as createSpacingClasses
+  e as createColorClasses
 };
 //# sourceMappingURL=index.es144.js.map

package/dist/index.es144.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es144.js","sources":["../src/theme/spacing.ts"],"sourcesContent":["export type SpacingKey =\n  | \"x4\"\n  | \"x8\"\n  | \"x12\"\n  | \"x16\"\n  | \"x20\"\n  | \"x24\"\n  | \"x28\"\n  | \"x32\"\n  | \"x36\"\n  | \"x40\"\n  | \"x44\"\n  | \"x48\"\n  | \"x52\"\n  | \"x56\"\n  | \"x60\"\n  | \"x64\"\n  | \"x68\"\n  | \"x72\"\n  | \"x76\"\n  | \"x80\"\n  | \"x84\"\n  | \"x88\"\n  | \"x92\"\n  | \"x96\"\n  | \"x100\"\n  | \"x104\";\n\nexport type SpacingProps = {\n  gap?: SpacingKey;\n  m?: SpacingKey; // margin\n  mx?: SpacingKey; // margin x\n  my?: SpacingKey; // margin y\n  mt?: SpacingKey; // margin top\n  mr?: SpacingKey; // margin bottom\n  mb?: SpacingKey; // margin right\n  ml?: SpacingKey; // margin left\n  p?: SpacingKey; // padding\n  px?: SpacingKey; // padding x\n  py?: SpacingKey; // padding y\n  pt?: SpacingKey; // padding top\n  pr?: SpacingKey; // padding bottom\n  pb?: SpacingKey; // padding right\n  pl?: SpacingKey; // padding left\n  br?: SpacingKey; // border-radius\n  \"br-t\"?: SpacingKey; // border-radius top\n  \"br-r\"?: SpacingKey; // border-radius right\n  \"br-b\"?: SpacingKey; // border-radius bottom\n  \"br-l\"?: SpacingKey; // border-radius left\n  \"min-h\"?: SpacingKey; // min-height\n  \"min-w\"?: SpacingKey; // min-width\n  \"max-h\"?: SpacingKey; // max-height\n  \"max-w\"?: SpacingKey; // max-width\n};\n\nexport type SpacingPropsKeys = keyof SpacingProps;\nconst spacingPropsKeys: SpacingPropsKeys[] = [\n  \"gap\",\n  \"m\",\n  \"mx\",\n  \"my\",\n  \"mt\",\n  \"mr\",\n  \"mb\",\n  \"ml\",\n  \"p\",\n  \"px\",\n  \"py\",\n  \"pt\",\n  \"pr\",\n  \"pb\",\n  \"pl\",\n  \"br\",\n  \"br-t\",\n  \"br-r\",\n  \"br-b\",\n  \"br-l\",\n  \"min-h\",\n  \"min-w\",\n  \"max-h\",\n  \"max-w\",\n];\n\nexport const createSpacingClasses = <TProps extends SpacingProps>(\n  props: TProps,\n) => {\n  return spacingPropsKeys\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\n    .filter(Boolean);\n};\n"],"names":["spacingPropsKeys","createSpacingClasses","props","key"],"mappings":"AAwDA,MAAMA,IAAuC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAuB,CAClCC,MAEOF,EACJ,IAAI,CAACG,MAASD,EAAMC,CAAG,IAAI,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAAK,EAAG,EACvD,OAAO,OAAO;"}
+{"version":3,"file":"index.es144.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-28\"\n  | \"border-divider\"\n  | \"transparent\"\n  | \"blue-30\"\n  | \"disabled\"\n  | \"lightblue-a01\"\n  | \"lightblue-a02\"\n  | \"lightblue-a03\"\n  | \"secondary\";\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":"AA2BA,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.es145.js

@@ -0,0 +1,30 @@
+const p = [
+  "gap",
+  "m",
+  "mx",
+  "my",
+  "mt",
+  "mr",
+  "mb",
+  "ml",
+  "p",
+  "px",
+  "py",
+  "pt",
+  "pr",
+  "pb",
+  "pl",
+  "br",
+  "br-t",
+  "br-r",
+  "br-b",
+  "br-l",
+  "min-h",
+  "min-w",
+  "max-h",
+  "max-w"
+], a = (m) => p.map((r) => m[r] ? `${r}-${m[r]}` : "").filter(Boolean);
+export {
+  a as createSpacingClasses
+};
+//# sourceMappingURL=index.es145.js.map

package/dist/index.es145.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es145.js","sources":["../src/theme/spacing.ts"],"sourcesContent":["export type SpacingKey =\n  | \"x4\"\n  | \"x8\"\n  | \"x12\"\n  | \"x16\"\n  | \"x20\"\n  | \"x24\"\n  | \"x28\"\n  | \"x32\"\n  | \"x36\"\n  | \"x40\"\n  | \"x44\"\n  | \"x48\"\n  | \"x52\"\n  | \"x56\"\n  | \"x60\"\n  | \"x64\"\n  | \"x68\"\n  | \"x72\"\n  | \"x76\"\n  | \"x80\"\n  | \"x84\"\n  | \"x88\"\n  | \"x92\"\n  | \"x96\"\n  | \"x100\"\n  | \"x104\";\n\nexport type SpacingProps = {\n  gap?: SpacingKey;\n  m?: SpacingKey; // margin\n  mx?: SpacingKey; // margin x\n  my?: SpacingKey; // margin y\n  mt?: SpacingKey; // margin top\n  mr?: SpacingKey; // margin bottom\n  mb?: SpacingKey; // margin right\n  ml?: SpacingKey; // margin left\n  p?: SpacingKey; // padding\n  px?: SpacingKey; // padding x\n  py?: SpacingKey; // padding y\n  pt?: SpacingKey; // padding top\n  pr?: SpacingKey; // padding bottom\n  pb?: SpacingKey; // padding right\n  pl?: SpacingKey; // padding left\n  br?: SpacingKey; // border-radius\n  \"br-t\"?: SpacingKey; // border-radius top\n  \"br-r\"?: SpacingKey; // border-radius right\n  \"br-b\"?: SpacingKey; // border-radius bottom\n  \"br-l\"?: SpacingKey; // border-radius left\n  \"min-h\"?: SpacingKey; // min-height\n  \"min-w\"?: SpacingKey; // min-width\n  \"max-h\"?: SpacingKey; // max-height\n  \"max-w\"?: SpacingKey; // max-width\n};\n\nexport type SpacingPropsKeys = keyof SpacingProps;\nconst spacingPropsKeys: SpacingPropsKeys[] = [\n  \"gap\",\n  \"m\",\n  \"mx\",\n  \"my\",\n  \"mt\",\n  \"mr\",\n  \"mb\",\n  \"ml\",\n  \"p\",\n  \"px\",\n  \"py\",\n  \"pt\",\n  \"pr\",\n  \"pb\",\n  \"pl\",\n  \"br\",\n  \"br-t\",\n  \"br-r\",\n  \"br-b\",\n  \"br-l\",\n  \"min-h\",\n  \"min-w\",\n  \"max-h\",\n  \"max-w\",\n];\n\nexport const createSpacingClasses = <TProps extends SpacingProps>(\n  props: TProps,\n) => {\n  return spacingPropsKeys\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\n    .filter(Boolean);\n};\n"],"names":["spacingPropsKeys","createSpacingClasses","props","key"],"mappings":"AAwDA,MAAMA,IAAuC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAuB,CAClCC,MAEOF,EACJ,IAAI,CAACG,MAASD,EAAMC,CAAG,IAAI,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAAK,EAAG,EACvD,OAAO,OAAO;"}

package/dist/index.es154.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es138.js";
 import { clsx as a } from "./index.es140.js";
-import { createColorClasses as e } from "./index.es146.js";
+import { createColorClasses as e } from "./index.es144.js";
 import './components/ui/Divider/Divider.css';/* empty css            */
 const p = ({
   direction: o = "horizontal",

package/dist/index.es160.js

@@ -1,11 +1,11 @@
 import * as p from "react";
-import { composeEventHandlers as m } from "./index.es236.js";
-import { composeRefs as E } from "./index.es237.js";
-import { createContextScope as S } from "./index.es238.js";
-import { useControllableState as P } from "./index.es239.js";
-import { Primitive as y } from "./index.es240.js";
-import { createMenuScope as D, Root as O, Anchor as T, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es241.js";
-import { useId as g } from "./index.es242.js";
+import { composeEventHandlers as m } from "./index.es246.js";
+import { composeRefs as E } from "./index.es244.js";
+import { createContextScope as S } from "./index.es245.js";
+import { useControllableState as P } from "./index.es247.js";
+import { Primitive as y } from "./index.es251.js";
+import { createMenuScope as D, Root as O, Anchor as T, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es287.js";
+import { useId as g } from "./index.es257.js";
 import { j as a } from "./index.es138.js";
 var M = "DropdownMenu", [z, bo] = S(
   M,

package/dist/index.es163.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es138.js";
 import { clsx as t } from "./index.es140.js";
-import { createColorClasses as a } from "./index.es146.js";
+import { createColorClasses as a } from "./index.es144.js";
 const x = ({
   width: r = 56,
   height: s = 10,

package/dist/index.es164.js

@@ -3,7 +3,7 @@ import { Button as m } from "./index.es25.js";
 import { HeaderTopBanner as y } from "./index.es21.js";
 import { useState as g, useRef as w, useCallback as C, useEffect as u } from "react";
 import { clsx as r } from "./index.es140.js";
-import { useFocusTrap as N } from "./index.es243.js";
+import { useFocusTrap as N } from "./index.es238.js";
 import { Container as k } from "./index.es6.js";
 import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */
 import { Col as L } from "./index.es10.js";

package/dist/index.es171.js

@@ -1,12 +1,12 @@
 import * as n from "react";
-import { useComposedRefs as N } from "./index.es237.js";
-import { createContextScope as M } from "./index.es238.js";
-import { composeEventHandlers as S } from "./index.es236.js";
-import { useControllableState as O } from "./index.es239.js";
-import { usePrevious as A } from "./index.es246.js";
-import { useSize as B } from "./index.es247.js";
-import { Presence as H } from "./index.es248.js";
-import { Primitive as j } from "./index.es240.js";
+import { useComposedRefs as N } from "./index.es244.js";
+import { createContextScope as M } from "./index.es245.js";
+import { composeEventHandlers as S } from "./index.es246.js";
+import { useControllableState as O } from "./index.es247.js";
+import { usePrevious as A } from "./index.es248.js";
+import { useSize as B } from "./index.es249.js";
+import { Presence as H } from "./index.es250.js";
+import { Primitive as j } from "./index.es251.js";
 import { j as f } from "./index.es138.js";
 var R = "Checkbox", [K, Y] = M(R), [L, q] = K(R), I = n.forwardRef(
   (e, l) => {

package/dist/index.es18.js

@@ -1,69 +1,87 @@
 import { j as e } from "./index.es138.js";
-import { LOGOS as n } from "./index.es24.js";
+import { LOGOS as i } from "./index.es24.js";
 import { clsx as s } from "./index.es140.js";
-import { Divider as i } from "./index.es154.js";
+import { Divider as l } from "./index.es154.js";
 import './components/navigations/HeaderPostLogin/HeaderPostLogin.css';/* empty css            */
 import { Col as o } from "./index.es10.js";
-import { Row as f } from "./index.es9.js";
-const C = ({
-  shortTitle: l,
-  region: t,
-  asLink: c = "a",
-  navigatonItems: x,
-  className: d
+import { Row as v } from "./index.es9.js";
+const I = ({
+  shortTitle: t,
+  region: c,
+  asLink: x = "a",
+  navigationItems: r,
+  generalClassName: d,
+  navItemsClassName: p
 }) => {
-  const p = c, h = n.nazionale, m = n[t];
-  return /* @__PURE__ */ e.jsxs("nav", { "aria-label": "Menu di navigazione", className: s("ui-hpl-menu", d), children: [
-    /* @__PURE__ */ e.jsxs(
-      o,
-      {
-        pt: "x80",
-        px: "x40",
-        gap: "x16",
-        justifyContent: "center",
-        className: "position-relative",
-        children: [
-          /* @__PURE__ */ e.jsxs(f, { gap: "x24", alignItems: "center", justifyContent: "center", children: [
-            /* @__PURE__ */ e.jsx(h, { width: 58, height: 58 }),
-            /* @__PURE__ */ e.jsx(i, { bg: "border-divider", direction: "vertical" }),
-            /* @__PURE__ */ e.jsx(m, { width: 58, height: 58 })
-          ] }),
-          /* @__PURE__ */ e.jsx("h3", { className: "fs-custom fw-normal text-slate-20 text-align-center", children: l })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e.jsx("div", { className: "p-x40", children: /* @__PURE__ */ e.jsx(i, { bg: "border-divider" }) }),
-    /* @__PURE__ */ e.jsx(o, { as: "ul", gap: "x12", className: "list-style-none", role: "list", children: x.map((a, j) => {
-      const r = a == null ? void 0 : a.icon;
-      return /* @__PURE__ */ e.jsx(
-        "li",
-        {
-          className: s("ui-hpl-list-item", a.active && "active"),
-          children: /* @__PURE__ */ e.jsxs(
-            p,
-            {
-              href: a.href,
-              "aria-label": `Vai alla pagina ${a.label}`,
-              className: s(
-                "text-decoration-none text-primary fs-custom base-row gap-x16 align-items-center pr-x8",
-                a.active ? "fw-bold" : "fw-normal"
-              ),
-              target: a.isNewTab ? "_blank" : void 0,
-              rel: a.isNewTab ? "noopener noreferrer" : void 0,
-              children: [
-                r && /* @__PURE__ */ e.jsx(r, { color: "primary", filled: a.active }),
-                /* @__PURE__ */ e.jsx("span", { className: "ui-hpl-text", children: a.label }),
-                a.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
-              ]
-            }
-          )
-        },
-        j
-      );
-    }) })
-  ] });
+  const h = x, m = i.nazionale, j = i[c];
+  return /* @__PURE__ */ e.jsxs(
+    "nav",
+    {
+      "aria-label": "Menu di navigazione",
+      className: s("ui-hpl-menu", d),
+      style: { "--navbar-elements": r.length ?? 0 },
+      children: [
+        /* @__PURE__ */ e.jsxs(
+          o,
+          {
+            pt: "x80",
+            px: "x40",
+            gap: "x16",
+            justifyContent: "center",
+            className: "position-relative",
+            children: [
+              /* @__PURE__ */ e.jsxs(v, { gap: "x24", alignItems: "center", justifyContent: "center", children: [
+                /* @__PURE__ */ e.jsx(m, { width: 58, height: 58 }),
+                /* @__PURE__ */ e.jsx(l, { bg: "border-divider", direction: "vertical" }),
+                /* @__PURE__ */ e.jsx(j, { width: 58, height: 58 })
+              ] }),
+              /* @__PURE__ */ e.jsx("h3", { className: "fs-custom fw-normal text-slate-20 text-align-center", children: t })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsx("div", { className: "p-x40", children: /* @__PURE__ */ e.jsx(l, { bg: "border-divider" }) }),
+        /* @__PURE__ */ e.jsx(
+          o,
+          {
+            as: "ul",
+            gap: "x12",
+            className: s("list-style-none", p),
+            role: "list",
+            children: r.map((a, f) => {
+              const n = a == null ? void 0 : a.icon;
+              return /* @__PURE__ */ e.jsx(
+                "li",
+                {
+                  className: s("ui-hpl-list-item", a.active && "active"),
+                  children: /* @__PURE__ */ e.jsxs(
+                    h,
+                    {
+                      href: a.href,
+                      "aria-label": `Vai alla pagina ${a.label}`,
+                      className: s(
+                        "text-decoration-none text-primary fs-custom base-row gap-x16 align-items-center pr-x8",
+                        a.active ? "fw-bold" : "fw-normal"
+                      ),
+                      target: a.isNewTab ? "_blank" : void 0,
+                      rel: a.isNewTab ? "noopener noreferrer" : void 0,
+                      children: [
+                        n && /* @__PURE__ */ e.jsx(n, { color: "primary", filled: a.active }),
+                        /* @__PURE__ */ e.jsx("span", { className: "ui-hpl-text", children: a.label }),
+                        a.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
+                      ]
+                    }
+                  )
+                },
+                f
+              );
+            })
+          }
+        )
+      ]
+    }
+  );
 };
 export {
-  C as HeaderPostLogin
+  I 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\";\nimport clsx from \"clsx\";\nimport { Divider } from \"@/components/ui/Divider\";\nimport \"./HeaderPostLogin.scss\";\nimport { ComponentType, ReactNode } from \"react\";\nimport { Col, Row } from \"@/components\";\n\ntype NavigationItem = {\n  label: string;\n  href: string;\n  icon?: ComponentType<any>;\n  active?: boolean;\n  isNewTab?: boolean;\n};\n\nexport type HeaderPostLoginProps = {\n  shortTitle: ReactNode;\n  region: Region;\n  navigatonItems: NavigationItem[];\n  loginLink?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  className?: string;\n};\n\nexport const HeaderPostLogin = ({\n  shortTitle,\n  region,\n  asLink = \"a\",\n  navigatonItems,\n  className,\n}: HeaderPostLoginProps) => {\n  const LinkComponent = asLink;\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  return (\n    <nav aria-label=\"Menu di navigazione\" className={clsx(\"ui-hpl-menu\", className)}>\n      <Col\n        pt={\"x80\"}\n        px={\"x40\"}\n        gap={\"x16\"}\n        justifyContent={\"center\"}\n        className=\"position-relative\"\n      >\n        <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"center\"}>\n          <NationalIcon width={58} height={58} />\n          <Divider bg=\"border-divider\" direction=\"vertical\" />\n          <RegionIcon width={58} height={58} />\n        </Row>\n        <h3 className=\"fs-custom fw-normal text-slate-20 text-align-center\">\n          {shortTitle}\n        </h3>\n      </Col>\n      <div className=\"p-x40\">\n        <Divider bg=\"border-divider\" />\n      </div>\n      <Col as={\"ul\"} gap={\"x12\"} className=\"list-style-none\" role=\"list\">\n        {navigatonItems.map((item, index) => {\n          const IconComponent = item?.icon;\n          return (\n            <li\n              key={index}\n              className={clsx(\"ui-hpl-list-item\", item.active && \"active\")}\n            >\n              <LinkComponent\n                href={item.href}\n                aria-label={`Vai alla pagina ${item.label}`}\n                className={clsx(\n                  \"text-decoration-none text-primary fs-custom base-row gap-x16 align-items-center pr-x8\",\n                  item.active ? \"fw-bold\" : \"fw-normal\",\n                )}\n                target={item.isNewTab ? \"_blank\" : undefined}\n                rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\n              >\n                {IconComponent && (\n                  <IconComponent color=\"primary\" filled={item.active} />\n                )}\n                <span className=\"ui-hpl-text\">{item.label}</span>\n                {item.active && <span className=\"visually-hidden\">Attivo</span>}\n              </LinkComponent>\n            </li>\n          );\n        })}\n      </Col>\n    </nav>\n  );\n};\n"],"names":["HeaderPostLogin","shortTitle","region","asLink","navigatonItems","className","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsxs","clsx","Col","Row","jsx","Divider","item","index","IconComponent"],"mappings":";;;;;;;AAwBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,gBAAAC;AAAA,EACA,WAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAgBH,GAChBI,IAAeC,EAAM,WACrBC,IAAaD,EAAMN,CAAM;AAG7B,SAAAQ,gBAAAA,OAAC,SAAI,cAAW,uBAAsB,WAAWC,EAAK,eAAeN,CAAS,GAC5E,UAAA;AAAA,IAAAK,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,KAAK;AAAA,QACL,gBAAgB;AAAA,QAChB,WAAU;AAAA,QAEV,UAAA;AAAA,UAAAF,gBAAAA,OAACG,KAAI,KAAK,OAAO,YAAY,UAAU,gBAAgB,UACrD,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACP,GAAa,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,YACpCO,gBAAAA,EAAA,IAAAC,GAAA,EAAQ,IAAG,kBAAiB,WAAU,YAAW;AAAA,YACjDD,gBAAAA,EAAA,IAAAL,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,UAAA,GACrC;AAAA,UACCK,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,uDACX,UACHb,EAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACAa,gBAAAA,EAAAA,IAAC,SAAI,WAAU,SACb,gCAACC,GAAQ,EAAA,IAAG,kBAAiB,EAC/B,CAAA;AAAA,IACCD,gBAAAA,EAAA,IAAAF,GAAA,EAAI,IAAI,MAAM,KAAK,OAAO,WAAU,mBAAkB,MAAK,QACzD,UAAAR,EAAe,IAAI,CAACY,GAAMC,MAAU;AACnC,YAAMC,IAAgBF,KAAA,gBAAAA,EAAM;AAE1B,aAAAF,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAWH,EAAK,oBAAoBK,EAAK,UAAU,QAAQ;AAAA,UAE3D,UAAAN,gBAAAA,EAAA;AAAA,YAACJ;AAAA,YAAA;AAAA,cACC,MAAMU,EAAK;AAAA,cACX,cAAY,mBAAmBA,EAAK,KAAK;AAAA,cACzC,WAAWL;AAAA,gBACT;AAAA,gBACAK,EAAK,SAAS,YAAY;AAAA,cAC5B;AAAA,cACA,QAAQA,EAAK,WAAW,WAAW;AAAA,cACnC,KAAKA,EAAK,WAAW,wBAAwB;AAAA,cAE5C,UAAA;AAAA,gBAAAE,2BACEA,GAAc,EAAA,OAAM,WAAU,QAAQF,EAAK,QAAQ;AAAA,gBAErDF,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,eAAe,YAAK,OAAM;AAAA,gBACzCE,EAAK,UAAUF,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1D;AAAA,QAlBKG;AAAA,MAmBP;AAAA,IAAA,CAEH,EACH,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es18.js","sources":["../src/components/navigations/HeaderPostLogin/index.tsx"],"sourcesContent":["import { LOGOS, Region } from \"../Header\";\nimport clsx from \"clsx\";\nimport { Divider } from \"@/components/ui/Divider\";\nimport \"./HeaderPostLogin.scss\";\nimport { ComponentType, ReactNode } from \"react\";\nimport { Col, Row } from \"@/components\";\n\ntype NavigationItem = {\n  label: string;\n  href: string;\n  icon?: ComponentType<any>;\n  active?: boolean;\n  isNewTab?: boolean;\n};\n\nexport type HeaderPostLoginProps = {\n  shortTitle: ReactNode;\n  region: Region;\n  navigationItems: NavigationItem[];\n  loginLink?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  generalClassName?: string;\n  navItemsClassName?: string;\n};\n\nexport const HeaderPostLogin = ({\n  shortTitle,\n  region,\n  asLink = \"a\",\n  navigationItems,\n  generalClassName,\n  navItemsClassName,\n}: HeaderPostLoginProps) => {\n  const LinkComponent = asLink;\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  return (\n    <nav \n      aria-label=\"Menu di navigazione\" \n      className={clsx(\"ui-hpl-menu\", generalClassName)}\n      style={{\"--navbar-elements\": navigationItems.length ?? 0} as React.CSSProperties}\n      >\n      <Col\n        pt={\"x80\"}\n        px={\"x40\"}\n        gap={\"x16\"}\n        justifyContent={\"center\"}\n        className=\"position-relative\"\n      >\n        <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"center\"}>\n          <NationalIcon width={58} height={58} />\n          <Divider bg=\"border-divider\" direction=\"vertical\" />\n          <RegionIcon width={58} height={58} />\n        </Row>\n        <h3 className=\"fs-custom fw-normal text-slate-20 text-align-center\">\n          {shortTitle}\n        </h3>\n      </Col>\n      <div className=\"p-x40\">\n        <Divider bg=\"border-divider\" />\n      </div>\n      <Col \n        as={\"ul\"} \n        gap={\"x12\"}\n        className={clsx(\"list-style-none\", navItemsClassName)} \n        role=\"list\">\n        {navigationItems.map((item, index) => {\n          const IconComponent = item?.icon;\n          return (\n            <li\n              key={index}\n              className={clsx(\"ui-hpl-list-item\", item.active && \"active\")}\n            >\n              <LinkComponent\n                href={item.href}\n                aria-label={`Vai alla pagina ${item.label}`}\n                className={clsx(\n                  \"text-decoration-none text-primary fs-custom base-row gap-x16 align-items-center pr-x8\",\n                  item.active ? \"fw-bold\" : \"fw-normal\",\n                )}\n                target={item.isNewTab ? \"_blank\" : undefined}\n                rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\n              >\n                {IconComponent && (\n                  <IconComponent color=\"primary\" filled={item.active} />\n                )}\n                <span className=\"ui-hpl-text\">{item.label}</span>\n                {item.active && <span className=\"visually-hidden\">Attivo</span>}\n              </LinkComponent>\n            </li>\n          );\n        })}\n      </Col>\n    </nav>\n  );\n};\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,cAAW;AAAA,MACX,WAAWC,EAAK,eAAeP,CAAgB;AAAA,MAC/C,OAAO,EAAC,qBAAqBD,EAAgB,UAAU,EAAC;AAAA,MAExD,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,mBAAmBN,CAAiB;AAAA,YACpD,MAAK;AAAA,YACJ,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,cAAY,mBAAmBA,EAAK,KAAK;AAAA,sBACzC,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,gBAlBKG;AAAA,cAmBP;AAAA,YAEH,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es180.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es138.js";
 import { clsx as i } from "./index.es140.js";
-import { createColorClasses as l } from "./index.es146.js";
+import { createColorClasses as l } from "./index.es144.js";
 const d = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es182.js

@@ -1,18 +1,18 @@
 import * as s from "react";
-import { composeEventHandlers as p } from "./index.es236.js";
-import { useComposedRefs as C } from "./index.es237.js";
-import { createContextScope as L, createContext as $ } from "./index.es238.js";
-import { useId as x } from "./index.es242.js";
-import { useControllableState as B } from "./index.es239.js";
-import { DismissableLayer as H } from "./index.es255.js";
-import { FocusScope as V } from "./index.es257.js";
-import { Portal as q } from "./index.es259.js";
-import { Presence as R } from "./index.es248.js";
-import { Primitive as m } from "./index.es240.js";
-import { useFocusGuards as K } from "./index.es256.js";
+import { composeEventHandlers as p } from "./index.es246.js";
+import { useComposedRefs as C } from "./index.es244.js";
+import { createContextScope as L, createContext as $ } from "./index.es245.js";
+import { useId as x } from "./index.es257.js";
+import { useControllableState as B } from "./index.es247.js";
+import { DismissableLayer as H } from "./index.es258.js";
+import { FocusScope as V } from "./index.es259.js";
+import { Portal as q } from "./index.es260.js";
+import { Presence as R } from "./index.es250.js";
+import { Primitive as m } from "./index.es251.js";
+import { useFocusGuards as K } from "./index.es261.js";
 import U from "./index.es262.js";
-import { hideOthers as Y } from "./index.es261.js";
-import { Slot as Z } from "./index.es252.js";
+import { hideOthers as Y } from "./index.es263.js";
+import { Slot as Z } from "./index.es256.js";
 import { j as i } from "./index.es138.js";
 var _ = "Dialog", [P, _e] = L(_), [z, u] = P(_), y = (e) => {
   const {

package/dist/index.es189.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es138.js";
-import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
+import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
 const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
   s as ConsentModalFooter

package/dist/index.es194.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es138.js";
-import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
+import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
 const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
   s as DoctorModalFooter

package/dist/index.es201.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es138.js";
-import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
+import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
 const s = ({
   children: o
 }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });

package/dist/index.es207.js

@@ -1,5 +1,5 @@
 import { j as C } from "./index.es138.js";
-import { createColorClasses as f } from "./index.es146.js";
+import { createColorClasses as f } from "./index.es144.js";
 import { clsx as x } from "./index.es140.js";
 const j = ({
   className: t,

package/dist/index.es208.js

@@ -1,5 +1,5 @@
 import { j as c } from "./index.es138.js";
-import { createColorClasses as n } from "./index.es146.js";
+import { createColorClasses as n } from "./index.es144.js";
 import { clsx as l } from "./index.es140.js";
 const C = ({
   fs: s = "6",

package/dist/index.es209.js

@@ -1,11 +1,11 @@
 import * as s from "react";
-import { composeEventHandlers as T } from "./index.es236.js";
-import { useComposedRefs as _ } from "./index.es237.js";
-import { createContextScope as H } from "./index.es238.js";
-import { useControllableState as I } from "./index.es239.js";
-import { usePrevious as M } from "./index.es246.js";
-import { useSize as N } from "./index.es247.js";
-import { Primitive as w } from "./index.es240.js";
+import { composeEventHandlers as T } from "./index.es246.js";
+import { useComposedRefs as _ } from "./index.es244.js";
+import { createContextScope as H } from "./index.es245.js";
+import { useControllableState as I } from "./index.es247.js";
+import { usePrevious as M } from "./index.es248.js";
+import { useSize as N } from "./index.es249.js";
+import { Primitive as w } from "./index.es251.js";
 import { j as p } from "./index.es138.js";
 var S = "Switch", [B, J] = H(S), [q, z] = B(S), C = s.forwardRef(
   (e, n) => {

package/dist/index.es22.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es138.js";
 import { Root as i, Trigger as c, Portal as m, Content as d, Group as u, Item as x } from "./index.es160.js";
 import { clsx as o } from "./index.es140.js";
-import { createColorClasses as h } from "./index.es146.js";
+import { createColorClasses as h } from "./index.es144.js";
 import './components/ui/Dropdown/Dropdown.css';/* empty css            */
 import { ArrowDown as p } from "./index.es76.js";
 import { Row as w } from "./index.es9.js";

package/dist/index.es233.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "./index.es249.js";
+import { __exports as e } from "./index.es235.js";
 /**
  * @license React
  * react-jsx-runtime.production.js

package/dist/index.es234.js

@@ -1,4 +1,4 @@
-import { __exports as _ } from "./index.es250.js";
+import { __exports as _ } from "./index.es236.js";
 import we from "react";
 /**
  * @license React

package/dist/index.es235.js

@@ -0,0 +1,5 @@
+var r = {};
+export {
+  r as __exports
+};
+//# sourceMappingURL=index.es235.js.map

package/dist/index.es235.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es235.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index.es236.js

@@ -1,10 +1,5 @@
-function h(f, c, { checkForDefaultPrevented: p = !0 } = {}) {
-  return function(s) {
-    if (f == null || f(s), p === !1 || !s.defaultPrevented)
-      return c == null ? void 0 : c(s);
-  };
-}
+var e = {};
 export {
-  h as composeEventHandlers
+  e as __exports
 };
 //# sourceMappingURL=index.es236.js.map

package/dist/index.es236.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es236.js","sources":["../node_modules/@radix-ui/primitive/dist/index.mjs"],"sourcesContent":["// packages/core/primitive/src/primitive.tsx\nfunction composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {\n  return function handleEvent(event) {\n    originalEventHandler?.(event);\n    if (checkForDefaultPrevented === false || !event.defaultPrevented) {\n      return ourEventHandler?.(event);\n    }\n  };\n}\nexport {\n  composeEventHandlers\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["composeEventHandlers","originalEventHandler","ourEventHandler","checkForDefaultPrevented","event"],"mappings":"AACA,SAASA,EAAqBC,GAAsBC,GAAiB,EAAE,0BAAAC,IAA2B,GAAM,IAAG,IAAI;AAC7G,SAAO,SAAqBC,GAAO;AAEjC,QADAH,KAAA,QAAAA,EAAuBG,IACnBD,MAA6B,MAAS,CAACC,EAAM;AAC/C,aAAOF,KAAA,gBAAAA,EAAkBE;AAAA,EAE5B;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es236.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index.es238.js

@@ -1,71 +1,18 @@
-import * as u from "react";
-import { j as h } from "./index.es138.js";
-function j(e, c) {
-  const o = u.createContext(c), a = (r) => {
-    const { children: t, ...n } = r, s = u.useMemo(() => n, Object.values(n));
-    return /* @__PURE__ */ h.jsx(o.Provider, { value: s, children: t });
-  };
-  a.displayName = e + "Provider";
-  function i(r) {
-    const t = u.useContext(o);
-    if (t) return t;
-    if (c !== void 0) return c;
-    throw new Error(`\`${r}\` must be used within \`${e}\``);
-  }
-  return [a, i];
-}
-function w(e, c = []) {
-  let o = [];
-  function a(r, t) {
-    const n = u.createContext(t), s = o.length;
-    o = [...o, t];
-    const d = (m) => {
-      var S;
-      const { scope: x, children: C, ...p } = m, v = ((S = x == null ? void 0 : x[e]) == null ? void 0 : S[s]) || n, P = u.useMemo(() => p, Object.values(p));
-      return /* @__PURE__ */ h.jsx(v.Provider, { value: P, children: C });
+import { useEffect as l } from "react";
+const f = (t, n) => {
+  l(() => {
+    if (!n || !t.current) return;
+    const o = t.current.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    ), c = o[0], r = o[o.length - 1], s = (e) => {
+      e.key === "Tab" && (e.shiftKey ? document.activeElement === c && (r.focus(), e.preventDefault()) : document.activeElement === r && (c.focus(), e.preventDefault()));
+    }, u = document.activeElement;
+    return c.focus(), document.addEventListener("keydown", s), () => {
+      document.removeEventListener("keydown", s), n && (u == null || u.focus());
     };
-    d.displayName = r + "Provider";
-    function f(m, x) {
-      var v;
-      const C = ((v = x == null ? void 0 : x[e]) == null ? void 0 : v[s]) || n, p = u.useContext(C);
-      if (p) return p;
-      if (t !== void 0) return t;
-      throw new Error(`\`${m}\` must be used within \`${r}\``);
-    }
-    return [d, f];
-  }
-  const i = () => {
-    const r = o.map((t) => u.createContext(t));
-    return function(n) {
-      const s = (n == null ? void 0 : n[e]) || r;
-      return u.useMemo(
-        () => ({ [`__scope${e}`]: { ...n, [e]: s } }),
-        [n, s]
-      );
-    };
-  };
-  return i.scopeName = e, [a, l(i, ...c)];
-}
-function l(...e) {
-  const c = e[0];
-  if (e.length === 1) return c;
-  const o = () => {
-    const a = e.map((i) => ({
-      useScope: i(),
-      scopeName: i.scopeName
-    }));
-    return function(r) {
-      const t = a.reduce((n, { useScope: s, scopeName: d }) => {
-        const m = s(r)[`__scope${d}`];
-        return { ...n, ...m };
-      }, {});
-      return u.useMemo(() => ({ [`__scope${c.scopeName}`]: t }), [t]);
-    };
-  };
-  return o.scopeName = c.scopeName, o;
-}
+  }, [n, t]);
+};
 export {
-  j as createContext,
-  w as createContextScope
+  f as useFocusTrap
 };
 //# sourceMappingURL=index.es238.js.map