@anoki/fse-ui 1.0.393 → 1.0.395

package/dist/index.es113.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es152.js";
 import { clsx as t } from "./index.es154.js";
-import { createColorClasses as i } from "./index.es163.js";
+import { createColorClasses as i } from "./index.es161.js";
 const n = ({
   width: o = 32,
   height: a = 32,

package/dist/index.es114.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es152.js";
 import { clsx as t } from "./index.es154.js";
-import { createColorClasses as c } from "./index.es163.js";
+import { createColorClasses as c } from "./index.es161.js";
 const d = ({
   width: l = 32,
   height: s = 32,

package/dist/index.es115.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es152.js";
 import { clsx as a } from "./index.es154.js";
-import { createColorClasses as m } from "./index.es163.js";
+import { createColorClasses as m } from "./index.es161.js";
 const d = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es116.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es152.js";
 import { clsx as t } from "./index.es154.js";
-import { createColorClasses as c } from "./index.es163.js";
+import { createColorClasses as c } from "./index.es161.js";
 const x = ({
   width: r = 32,
   height: s = 32,

package/dist/index.es117.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es152.js";
 import { clsx as a } from "./index.es154.js";
-import { createColorClasses as i } from "./index.es163.js";
+import { createColorClasses as i } from "./index.es161.js";
 const d = ({
   width: l = 24,
   height: s = 24,

package/dist/index.es118.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es152.js";
 import { clsx as a } from "./index.es154.js";
-import { createColorClasses as m } from "./index.es163.js";
+import { createColorClasses as m } from "./index.es161.js";
 const d = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es119.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es152.js";
 import { clsx as i } from "./index.es154.js";
-import { createColorClasses as a } from "./index.es163.js";
+import { createColorClasses as a } from "./index.es161.js";
 const c = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es120.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es152.js";
 import { clsx as r } from "./index.es154.js";
-import { createColorClasses as i } from "./index.es163.js";
+import { createColorClasses as i } from "./index.es161.js";
 const h = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es121.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es152.js";
 import { clsx as l } from "./index.es154.js";
-import { createColorClasses as i } from "./index.es163.js";
+import { createColorClasses as i } from "./index.es161.js";
 const a = ({
   width: r = 24,
   height: t = 24,

package/dist/index.es122.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es152.js";
 import { clsx as i } from "./index.es154.js";
-import { createColorClasses as m } from "./index.es163.js";
+import { createColorClasses as m } from "./index.es161.js";
 const p = ({
   width: r = 16,
   height: s = 29,

package/dist/index.es123.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es152.js";
 import { clsx as c } from "./index.es154.js";
-import { createColorClasses as i } from "./index.es163.js";
+import { createColorClasses as i } from "./index.es161.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es124.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es152.js";
 import { clsx as l } from "./index.es154.js";
-import { createColorClasses as x } from "./index.es163.js";
+import { createColorClasses as x } from "./index.es161.js";
 const m = ({
   width: s = 24,
   height: t = 32,

package/dist/index.es126.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es152.js";
 import { clsx as l } from "./index.es154.js";
-import { createColorClasses as i } from "./index.es163.js";
+import { createColorClasses as i } from "./index.es161.js";
 const x = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es127.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es152.js";
 import { clsx as i } from "./index.es154.js";
-import { createColorClasses as c } from "./index.es163.js";
+import { createColorClasses as c } from "./index.es161.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es128.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es152.js";
 import { clsx as i } from "./index.es154.js";
-import { createColorClasses as c } from "./index.es163.js";
+import { createColorClasses as c } from "./index.es161.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es129.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es152.js";
 import { clsx as a } from "./index.es154.js";
-import { createColorClasses as i } from "./index.es163.js";
+import { createColorClasses as i } from "./index.es161.js";
 const d = ({
   width: o = 20,
   height: r = 20,

package/dist/index.es130.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es152.js";
 import { clsx as l } from "./index.es154.js";
-import { createColorClasses as i } from "./index.es163.js";
+import { createColorClasses as i } from "./index.es161.js";
 const L = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es131.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es152.js";
 import { clsx as i } from "./index.es154.js";
-import { createColorClasses as a } from "./index.es163.js";
+import { createColorClasses as a } from "./index.es161.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es132.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es152.js";
 import { clsx as a } from "./index.es154.js";
-import { createColorClasses as i } from "./index.es163.js";
+import { createColorClasses as i } from "./index.es161.js";
 const p = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es161.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.es161.js.map

package/dist/index.es161.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es161.js","sources":["../src/theme/spacing.ts"],"sourcesContent":["export type SpacingKey =\r\n  | \"x4\"\r\n  | \"x8\"\r\n  | \"x12\"\r\n  | \"x16\"\r\n  | \"x20\"\r\n  | \"x24\"\r\n  | \"x28\"\r\n  | \"x32\"\r\n  | \"x36\"\r\n  | \"x40\"\r\n  | \"x44\"\r\n  | \"x48\"\r\n  | \"x52\"\r\n  | \"x56\"\r\n  | \"x60\"\r\n  | \"x64\"\r\n  | \"x68\"\r\n  | \"x72\"\r\n  | \"x76\"\r\n  | \"x80\"\r\n  | \"x84\"\r\n  | \"x88\"\r\n  | \"x92\"\r\n  | \"x96\"\r\n  | \"x100\"\r\n  | \"x104\";\r\n\r\nexport type SpacingProps = {\r\n  gap?: SpacingKey;\r\n  m?: SpacingKey; // margin\r\n  mx?: SpacingKey; // margin x\r\n  my?: SpacingKey; // margin y\r\n  mt?: SpacingKey; // margin top\r\n  mr?: SpacingKey; // margin bottom\r\n  mb?: SpacingKey; // margin right\r\n  ml?: SpacingKey; // margin left\r\n  p?: SpacingKey; // padding\r\n  px?: SpacingKey; // padding x\r\n  py?: SpacingKey; // padding y\r\n  pt?: SpacingKey; // padding top\r\n  pr?: SpacingKey; // padding bottom\r\n  pb?: SpacingKey; // padding right\r\n  pl?: SpacingKey; // padding left\r\n  br?: SpacingKey; // border-radius\r\n  \"br-t\"?: SpacingKey; // border-radius top\r\n  \"br-r\"?: SpacingKey; // border-radius right\r\n  \"br-b\"?: SpacingKey; // border-radius bottom\r\n  \"br-l\"?: SpacingKey; // border-radius left\r\n  \"min-h\"?: SpacingKey; // min-height\r\n  \"min-w\"?: SpacingKey; // min-width\r\n  \"max-h\"?: SpacingKey; // max-height\r\n  \"max-w\"?: SpacingKey; // max-width\r\n};\r\n\r\nexport type SpacingPropsKeys = keyof SpacingProps;\r\nconst spacingPropsKeys: SpacingPropsKeys[] = [\r\n  \"gap\",\r\n  \"m\",\r\n  \"mx\",\r\n  \"my\",\r\n  \"mt\",\r\n  \"mr\",\r\n  \"mb\",\r\n  \"ml\",\r\n  \"p\",\r\n  \"px\",\r\n  \"py\",\r\n  \"pt\",\r\n  \"pr\",\r\n  \"pb\",\r\n  \"pl\",\r\n  \"br\",\r\n  \"br-t\",\r\n  \"br-r\",\r\n  \"br-b\",\r\n  \"br-l\",\r\n  \"min-h\",\r\n  \"min-w\",\r\n  \"max-h\",\r\n  \"max-w\",\r\n];\r\n\r\nexport const createSpacingClasses = <TProps extends SpacingProps>(\r\n  props: TProps,\r\n) => {\r\n  return spacingPropsKeys\r\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\r\n    .filter(Boolean);\r\n};\r\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.es161.js","sources":["../src/theme/colors.ts"],"sourcesContent":["export type ColorKeys =\r\n  | \"primary\"\r\n  | \"white\"\r\n  | \"status-success\"\r\n  | \"warning\"\r\n  | \"error\"\r\n  | \"muted\"\r\n  | \"emphasis\"\r\n  | \"slate-20\"\r\n  | \"slate-14\"\r\n  | \"slate-28\"\r\n  | \"border-divider\"\r\n  | \"transparent\"\r\n  | \"blue-30\"\r\n  | \"disabled\"\r\n  | \"lightblue-a01\"\r\n  | \"lightblue-a02\"\r\n  | \"lightblue-a03\"\r\n  | \"secondary\";\r\n\r\nexport type ColorProps = {\r\n  bg?: ColorKeys;\r\n  text?: ColorKeys;\r\n  color?: ColorKeys;\r\n  border?: ColorKeys;\r\n};\r\n\r\nexport type ColorPropsKeys = keyof ColorProps;\r\nconst colorPropsKeys: ColorPropsKeys[] = [\"bg\", \"text\", \"color\", \"border\"];\r\n\r\nexport const createColorClasses = <TProps extends ColorProps>(\r\n  props: TProps,\r\n) => {\r\n  return colorPropsKeys\r\n    .map((key) => {\r\n      if (!props[key]) return \"\";\r\n\r\n      if (key === \"color\") return `text-${props[key]}`;\r\n      return `${key}-${props[key]}`;\r\n    })\r\n    .filter(Boolean);\r\n};\r\n"],"names":["colorPropsKeys","createColorClasses","props","key"],"mappings":"AA4BA,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.es162.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.es162.js.map

package/dist/index.es162.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es162.js","sources":["../src/theme/spacing.ts"],"sourcesContent":["export type SpacingKey =\r\n  | \"x4\"\r\n  | \"x8\"\r\n  | \"x12\"\r\n  | \"x16\"\r\n  | \"x20\"\r\n  | \"x24\"\r\n  | \"x28\"\r\n  | \"x32\"\r\n  | \"x36\"\r\n  | \"x40\"\r\n  | \"x44\"\r\n  | \"x48\"\r\n  | \"x52\"\r\n  | \"x56\"\r\n  | \"x60\"\r\n  | \"x64\"\r\n  | \"x68\"\r\n  | \"x72\"\r\n  | \"x76\"\r\n  | \"x80\"\r\n  | \"x84\"\r\n  | \"x88\"\r\n  | \"x92\"\r\n  | \"x96\"\r\n  | \"x100\"\r\n  | \"x104\";\r\n\r\nexport type SpacingProps = {\r\n  gap?: SpacingKey;\r\n  m?: SpacingKey; // margin\r\n  mx?: SpacingKey; // margin x\r\n  my?: SpacingKey; // margin y\r\n  mt?: SpacingKey; // margin top\r\n  mr?: SpacingKey; // margin bottom\r\n  mb?: SpacingKey; // margin right\r\n  ml?: SpacingKey; // margin left\r\n  p?: SpacingKey; // padding\r\n  px?: SpacingKey; // padding x\r\n  py?: SpacingKey; // padding y\r\n  pt?: SpacingKey; // padding top\r\n  pr?: SpacingKey; // padding bottom\r\n  pb?: SpacingKey; // padding right\r\n  pl?: SpacingKey; // padding left\r\n  br?: SpacingKey; // border-radius\r\n  \"br-t\"?: SpacingKey; // border-radius top\r\n  \"br-r\"?: SpacingKey; // border-radius right\r\n  \"br-b\"?: SpacingKey; // border-radius bottom\r\n  \"br-l\"?: SpacingKey; // border-radius left\r\n  \"min-h\"?: SpacingKey; // min-height\r\n  \"min-w\"?: SpacingKey; // min-width\r\n  \"max-h\"?: SpacingKey; // max-height\r\n  \"max-w\"?: SpacingKey; // max-width\r\n};\r\n\r\nexport type SpacingPropsKeys = keyof SpacingProps;\r\nconst spacingPropsKeys: SpacingPropsKeys[] = [\r\n  \"gap\",\r\n  \"m\",\r\n  \"mx\",\r\n  \"my\",\r\n  \"mt\",\r\n  \"mr\",\r\n  \"mb\",\r\n  \"ml\",\r\n  \"p\",\r\n  \"px\",\r\n  \"py\",\r\n  \"pt\",\r\n  \"pr\",\r\n  \"pb\",\r\n  \"pl\",\r\n  \"br\",\r\n  \"br-t\",\r\n  \"br-r\",\r\n  \"br-b\",\r\n  \"br-l\",\r\n  \"min-h\",\r\n  \"min-w\",\r\n  \"max-h\",\r\n  \"max-w\",\r\n];\r\n\r\nexport const createSpacingClasses = <TProps extends SpacingProps>(\r\n  props: TProps,\r\n) => {\r\n  return spacingPropsKeys\r\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\r\n    .filter(Boolean);\r\n};\r\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.es171.js

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

package/dist/index.es177.js

@@ -1,11 +1,11 @@
 import * as p from "react";
-import { composeEventHandlers as m } from "./index.es268.js";
-import { composeRefs as E } from "./index.es269.js";
-import { createContextScope as S } from "./index.es270.js";
-import { useControllableState as P } from "./index.es271.js";
-import { Primitive as y } from "./index.es272.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.es273.js";
-import { useId as g } from "./index.es274.js";
+import { composeEventHandlers as m } from "./index.es271.js";
+import { composeRefs as E } from "./index.es272.js";
+import { createContextScope as S } from "./index.es273.js";
+import { useControllableState as P } from "./index.es274.js";
+import { Primitive as y } from "./index.es275.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.es276.js";
+import { useId as g } from "./index.es277.js";
 import { j as a } from "./index.es152.js";
 var M = "DropdownMenu", [z, bo] = S(
   M,

package/dist/index.es180.js

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

package/dist/index.es181.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.es154.js";
-import { useFocusTrap as N } from "./index.es275.js";
+import { useFocusTrap as N } from "./index.es267.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.es182.js

@@ -1,26 +1,27 @@
 import { j as e } from "./index.es152.js";
-import { Divider as g } from "./index.es171.js";
-import { LOGOS as c } from "./index.es24.js";
+import { Divider as u } from "./index.es171.js";
+import { LOGOS as d } from "./index.es24.js";
 import { HeaderSlim as N } from "./index.es17.js";
 import { clsx as n } from "./index.es154.js";
-import { Balancer as u } from "./index.es228.js";
-import { Button as w } from "./index.es25.js";
-import { Container as y } from "./index.es6.js";
+import { Balancer as w } from "./index.es228.js";
+import { Button as y } from "./index.es25.js";
+import { Container as I } from "./index.es6.js";
 import './components/navigations/HeaderDesktop/HeaderDesktop.css';/* empty css            */
 import { Row as l } from "./index.es9.js";
 const O = ({
   title: t,
   region: r,
-  asLink: d = "a",
-  labels: x,
+  asLink: x = "a",
+  labels: m,
   navigatonItems: h,
   supportLink: s,
-  loginLink: m = "/",
-  shortTitle: o,
+  loginLink: j = "/",
+  shortTitle: c,
   headerTitleClassname: f,
-  children: j
+  children: p,
+  headerLogoUrl2: o
 }) => {
-  const i = d, p = c.nazionale, b = c[r];
+  const i = x, b = d.nazionale, v = d[r];
   return /* @__PURE__ */ e.jsxs("div", { className: "sticky-header bg-white", children: [
     /* @__PURE__ */ e.jsxs(
       N,
@@ -35,14 +36,21 @@ const O = ({
             i,
             {
               href: "/",
-              className: "text-white fw-semibold text-decoration-none fs-7 hover-underline",
+              className: "text-white fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8",
               children: [
-                o || t,
+                o && /* @__PURE__ */ e.jsx(
+                  "div",
+                  {
+                    style: { backgroundImage: `url(${o})` },
+                    className: "ui header-item-image"
+                  }
+                ),
+                c || t,
                 /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
               ]
             }
           ),
-          j
+          p
         ]
       }
     ),
@@ -58,13 +66,13 @@ const O = ({
           children: [
             /* @__PURE__ */ e.jsxs(l, { gap: "x16", alignItems: "center", children: [
               /* @__PURE__ */ e.jsxs(l, { gap: "x16", alignItems: "center", justifyContent: "center", children: [
-                /* @__PURE__ */ e.jsx(p, { height: 58 }),
+                /* @__PURE__ */ e.jsx(b, { height: 58 }),
                 r !== "nazionale" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  /* @__PURE__ */ e.jsx(g, { bg: "border-divider", direction: "vertical" }),
-                  /* @__PURE__ */ e.jsx(b, { width: 58, height: 58 })
+                  /* @__PURE__ */ e.jsx(u, { bg: "border-divider", direction: "vertical" }),
+                  /* @__PURE__ */ e.jsx(v, { width: 58, height: 58 })
                 ] })
               ] }),
-              /* @__PURE__ */ e.jsx("h1", { className: n(f), children: /* @__PURE__ */ e.jsx(u, { children: /* @__PURE__ */ e.jsxs(
+              /* @__PURE__ */ e.jsx("h1", { className: n(f), children: /* @__PURE__ */ e.jsx(w, { children: /* @__PURE__ */ e.jsxs(
                 i,
                 {
                   href: "/",
@@ -76,15 +84,15 @@ const O = ({
                 }
               ) }) })
             ] }),
-            /* @__PURE__ */ e.jsxs(w, { size: "2", href: m, asLink: "a", children: [
-              x.login,
+            /* @__PURE__ */ e.jsxs(y, { size: "2", href: j, asLink: "a", children: [
+              m.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(y, { className: "base-row align-items-center justify-content-between max-h-x52", children: [
-        /* @__PURE__ */ e.jsx(l, { as: "ul", className: "list-style-none", role: "list", children: h.map((a, v) => /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e.jsx("nav", { "aria-label": "Menu di navigazione", className: "shadow-bottom", children: /* @__PURE__ */ e.jsxs(I, { className: "base-row align-items-center justify-content-between max-h-x52", children: [
+        /* @__PURE__ */ e.jsx(l, { as: "ul", className: "list-style-none", role: "list", children: h.map((a, g) => /* @__PURE__ */ e.jsx(
           "li",
           {
             className: n(
@@ -109,7 +117,7 @@ const O = ({
               }
             )
           },
-          v
+          g
         )) }),
         s && /* @__PURE__ */ e.jsxs(
           i,

package/dist/index.es182.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es182.js","sources":["../src/components/navigations/HeaderDesktop/index.tsx"],"sourcesContent":["import { Divider } from \"@/components/ui/Divider\";\nimport { LOGOS, Region } from \"../Header\";\nimport { HeaderSlim } from \"../HeaderSlim\";\nimport clsx from \"clsx\";\nimport { Balancer } from \"react-wrap-balancer\";\nimport { Button } from \"@/components/ui/Button\";\nimport { Container } from \"@/components/ui/Container\";\nimport \"./HeaderDesktop.scss\";\nimport { Row } from \"@/components\";\n\ntype NavigationItem = {\n  label: string;\n  href: string;\n  active?: boolean;\n  isNewTab?: boolean;\n};\n\ntype NavigationLabels = {\n  closeMenu: string;\n  login: string;\n};\n\nexport type HeaderDesktopProps = {\n  title: React.ReactNode | string;\n  region: Region;\n  asLink?: \"a\" | React.ComponentType<any>;\n  children?: React.ReactNode;\n  labels: NavigationLabels;\n  navigatonItems: NavigationItem[];\n  supportLink?: NavigationItem;\n  loginLink?: string;\n  shortTitle?: React.ReactNode;\n  headerTitleClassname?: string;\n};\n\nexport const HeaderDesktop = ({\n  title,\n  region,\n  asLink = \"a\",\n  labels,\n  navigatonItems,\n  supportLink,\n  loginLink = \"/\",\n  shortTitle,\n  headerTitleClassname,\n  children,\n}: HeaderDesktopProps) => {\n  const LinkComponent = asLink;\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  return (\n    <div className=\"sticky-header bg-white\">\n      <HeaderSlim\n        pt=\"x16\"\n        pb=\"x16\"\n        display=\"flex\"\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n      >\n        <LinkComponent\n          href=\"/\"\n          className=\"text-white fw-semibold text-decoration-none fs-7 hover-underline\"\n        >\n          {shortTitle ? shortTitle : title}\n          <span className=\"visually-hidden\">Vai alla homepage</span>\n        </LinkComponent>\n\n        {children}\n      </HeaderSlim>\n      <header className=\"bg-white\">\n        <Row\n          py={\"x20\"}\n          gap={\"x16\"}\n          alignItems=\"center\"\n          justifyContent={\"space-between\"}\n          className=\"max-h-x116 ui-container\"\n        >\n          <Row gap={\"x16\"} alignItems=\"center\">\n            <Row gap={\"x16\"} alignItems=\"center\" justifyContent={\"center\"}>\n              <NationalIcon height={58} />\n\n              {region !== \"nazionale\" && (\n                <>\n                  <Divider bg=\"border-divider\" direction=\"vertical\" />\n\n                  <RegionIcon width={58} height={58} />\n                </>\n              )}\n            </Row>\n            <h1 className={clsx(headerTitleClassname)}>\n              <Balancer>\n                <LinkComponent\n                  href=\"/\"\n                  className={\n                    \"fs-2 fw-bold text-slate-20 text-decoration-none hover-underline\"\n                  }\n                >\n                  {title}\n                  <span className=\"visually-hidden\">Vai alla homepage</span>\n                </LinkComponent>\n              </Balancer>\n            </h1>\n          </Row>\n          <Button size=\"2\" href={loginLink} asLink=\"a\">\n            {labels.login}\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\n          </Button>\n        </Row>\n        <nav aria-label=\"Menu di navigazione\" className=\"shadow-bottom\">\n          <Container className=\"base-row align-items-center justify-content-between max-h-x52\">\n            <Row as={\"ul\"} className=\"list-style-none\" role=\"list\">\n              {navigatonItems.map((item, index) => {\n                return (\n                  <li\n                    key={index}\n                    className={clsx(\n                      \"py-x12 px-x16 ui-header-desktop-nav-item max-h-x52\",\n                      item.active && \"active\",\n                    )}\n                  >\n                    <LinkComponent\n                      href={item.href}\n                      aria-label={`Vai alla pagina ${item.label}`}\n                      className={clsx(\n                        \"text-decoration-none fs-custom\",\n                        item.active\n                          ? \"fw-bold text-blue-30\"\n                          : \"fw-semibold text-primary\",\n                      )}\n                      target={item.isNewTab ? \"_blank\" : undefined}\n                      rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\n                    >\n                      {item.label}\n                      {item.active && (\n                        <span className=\"visually-hidden\">Attivo</span>\n                      )}\n                    </LinkComponent>\n                  </li>\n                );\n              })}\n            </Row>\n            {supportLink && (\n              <LinkComponent\n                href={supportLink.href}\n                aria-label={`Vai alla pagina ${supportLink.label}`}\n                className={clsx(\n                  \"text-decoration-none fs-custom py-x12 px-x24\",\n                  supportLink.active\n                    ? \"fw-bold text-blue-30\"\n                    : \"fw-semibold text-primary\",\n                  \"ui-header-desktop-support-link\",\n                  supportLink.active && \"active\",\n                )}\n              >\n                {supportLink.label}\n                {supportLink.active && (\n                  <span className=\"visually-hidden\">Attivo</span>\n                )}\n              </LinkComponent>\n            )}\n          </Container>\n        </nav>\n      </header>\n    </div>\n  );\n};\n"],"names":["HeaderDesktop","title","region","asLink","labels","navigatonItems","supportLink","loginLink","shortTitle","headerTitleClassname","children","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsxs","HeaderSlim","jsx","Row","Fragment","Divider","clsx","Balancer","Button","Container","item","index"],"mappings":"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"}
+{"version":3,"file":"index.es182.js","sources":["../src/components/navigations/HeaderDesktop/index.tsx"],"sourcesContent":["import { Divider } from \"@/components/ui/Divider\";\nimport { LOGOS, Region } from \"../Header\";\nimport { HeaderSlim } from \"../HeaderSlim\";\nimport clsx from \"clsx\";\nimport { Balancer } from \"react-wrap-balancer\";\nimport { Button } from \"@/components/ui/Button\";\nimport { Container } from \"@/components/ui/Container\";\nimport \"./HeaderDesktop.scss\";\nimport { Row } from \"@/components\";\n\ntype NavigationItem = {\n  label: string;\n  href: string;\n  active?: boolean;\n  isNewTab?: boolean;\n};\n\ntype NavigationLabels = {\n  closeMenu: string;\n  login: string;\n};\n\nexport type HeaderDesktopProps = {\n  title: React.ReactNode | string;\n  region: Region;\n  asLink?: \"a\" | React.ComponentType<any>;\n  children?: React.ReactNode;\n  labels: NavigationLabels;\n  navigatonItems: NavigationItem[];\n  supportLink?: NavigationItem;\n  loginLink?: string;\n  shortTitle?: React.ReactNode;\n  headerTitleClassname?: string;\n  headerLogoUrl2?: string;\n};\n\nexport const HeaderDesktop = ({\n  title,\n  region,\n  asLink = \"a\",\n  labels,\n  navigatonItems,\n  supportLink,\n  loginLink = \"/\",\n  shortTitle,\n  headerTitleClassname,\n  children,\n  headerLogoUrl2,\n}: HeaderDesktopProps) => {\n  const LinkComponent = asLink;\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  return (\n    <div className=\"sticky-header bg-white\">\n      <HeaderSlim\n        pt=\"x16\"\n        pb=\"x16\"\n        display=\"flex\"\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n      >\n        <LinkComponent\n          href=\"/\"\n          className=\"text-white fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8\"\n        >\n          {headerLogoUrl2 && (\n            <div\n              style={{ backgroundImage: `url(${headerLogoUrl2})` }}\n              className={\"ui header-item-image\"}\n            ></div>\n          )}\n\n          {shortTitle ? shortTitle : title}\n          <span className=\"visually-hidden\">Vai alla homepage</span>\n        </LinkComponent>\n\n        {children}\n      </HeaderSlim>\n      <header className=\"bg-white\">\n        <Row\n          py={\"x20\"}\n          gap={\"x16\"}\n          alignItems=\"center\"\n          justifyContent={\"space-between\"}\n          className=\"max-h-x116 ui-container\"\n        >\n          <Row gap={\"x16\"} alignItems=\"center\">\n            <Row gap={\"x16\"} alignItems=\"center\" justifyContent={\"center\"}>\n              <NationalIcon height={58} />\n\n              {region !== \"nazionale\" && (\n                <>\n                  <Divider bg=\"border-divider\" direction=\"vertical\" />\n\n                  <RegionIcon width={58} height={58} />\n                </>\n              )}\n            </Row>\n            <h1 className={clsx(headerTitleClassname)}>\n              <Balancer>\n                <LinkComponent\n                  href=\"/\"\n                  className={\n                    \"fs-2 fw-bold text-slate-20 text-decoration-none hover-underline\"\n                  }\n                >\n                  {title}\n                  <span className=\"visually-hidden\">Vai alla homepage</span>\n                </LinkComponent>\n              </Balancer>\n            </h1>\n          </Row>\n          <Button size=\"2\" href={loginLink} asLink=\"a\">\n            {labels.login}\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\n          </Button>\n        </Row>\n        <nav aria-label=\"Menu di navigazione\" className=\"shadow-bottom\">\n          <Container className=\"base-row align-items-center justify-content-between max-h-x52\">\n            <Row as={\"ul\"} className=\"list-style-none\" role=\"list\">\n              {navigatonItems.map((item, index) => {\n                return (\n                  <li\n                    key={index}\n                    className={clsx(\n                      \"py-x12 px-x16 ui-header-desktop-nav-item max-h-x52\",\n                      item.active && \"active\",\n                    )}\n                  >\n                    <LinkComponent\n                      href={item.href}\n                      aria-label={`Vai alla pagina ${item.label}`}\n                      className={clsx(\n                        \"text-decoration-none fs-custom\",\n                        item.active\n                          ? \"fw-bold text-blue-30\"\n                          : \"fw-semibold text-primary\",\n                      )}\n                      target={item.isNewTab ? \"_blank\" : undefined}\n                      rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\n                    >\n                      {item.label}\n                      {item.active && (\n                        <span className=\"visually-hidden\">Attivo</span>\n                      )}\n                    </LinkComponent>\n                  </li>\n                );\n              })}\n            </Row>\n            {supportLink && (\n              <LinkComponent\n                href={supportLink.href}\n                aria-label={`Vai alla pagina ${supportLink.label}`}\n                className={clsx(\n                  \"text-decoration-none fs-custom py-x12 px-x24\",\n                  supportLink.active\n                    ? \"fw-bold text-blue-30\"\n                    : \"fw-semibold text-primary\",\n                  \"ui-header-desktop-support-link\",\n                  supportLink.active && \"active\",\n                )}\n              >\n                {supportLink.label}\n                {supportLink.active && (\n                  <span className=\"visually-hidden\">Attivo</span>\n                )}\n              </LinkComponent>\n            )}\n          </Container>\n        </nav>\n      </header>\n    </div>\n  );\n};\n"],"names":["HeaderDesktop","title","region","asLink","labels","navigatonItems","supportLink","loginLink","shortTitle","headerTitleClassname","children","headerLogoUrl2","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsxs","HeaderSlim","jsx","Row","Fragment","Divider","clsx","Balancer","Button","Container","item","index"],"mappings":"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"}

package/dist/index.es188.js

@@ -1,12 +1,12 @@
 import * as n from "react";
-import { useComposedRefs as N } from "./index.es269.js";
-import { createContextScope as M } from "./index.es270.js";
-import { composeEventHandlers as S } from "./index.es268.js";
-import { useControllableState as O } from "./index.es271.js";
+import { useComposedRefs as N } from "./index.es272.js";
+import { createContextScope as M } from "./index.es273.js";
+import { composeEventHandlers as S } from "./index.es271.js";
+import { useControllableState as O } from "./index.es274.js";
 import { usePrevious as A } from "./index.es278.js";
 import { useSize as B } from "./index.es279.js";
 import { Presence as H } from "./index.es280.js";
-import { Primitive as j } from "./index.es272.js";
+import { Primitive as j } from "./index.es275.js";
 import { j as f } from "./index.es152.js";
 var R = "Checkbox", [K, Y] = M(R), [L, q] = K(R), I = n.forwardRef(
   (e, l) => {

package/dist/index.es197.js

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

package/dist/index.es199.js

@@ -1,18 +1,18 @@
 import * as s from "react";
-import { composeEventHandlers as p } from "./index.es268.js";
-import { useComposedRefs as C } from "./index.es269.js";
-import { createContextScope as L, createContext as $ } from "./index.es270.js";
-import { useId as x } from "./index.es274.js";
-import { useControllableState as B } from "./index.es271.js";
-import { DismissableLayer as H } from "./index.es281.js";
-import { FocusScope as V } from "./index.es282.js";
-import { Portal as q } from "./index.es283.js";
+import { composeEventHandlers as p } from "./index.es271.js";
+import { useComposedRefs as C } from "./index.es272.js";
+import { createContextScope as L, createContext as $ } from "./index.es273.js";
+import { useId as x } from "./index.es277.js";
+import { useControllableState as B } from "./index.es274.js";
+import { DismissableLayer as H } from "./index.es284.js";
+import { FocusScope as V } from "./index.es285.js";
+import { Portal as q } from "./index.es286.js";
 import { Presence as R } from "./index.es280.js";
-import { Primitive as m } from "./index.es272.js";
-import { useFocusGuards as K } from "./index.es284.js";
-import U from "./index.es285.js";
-import { hideOthers as Y } from "./index.es286.js";
-import { Slot as Z } from "./index.es287.js";
+import { Primitive as m } from "./index.es275.js";
+import { useFocusGuards as K } from "./index.es287.js";
+import U from "./index.es288.js";
+import { hideOthers as Y } from "./index.es289.js";
+import { Slot as Z } from "./index.es290.js";
 import { j as i } from "./index.es152.js";
 var _ = "Dialog", [P, _e] = L(_), [z, u] = P(_), y = (e) => {
   const {

package/dist/index.es22.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es152.js";
 import { Root as i, Trigger as c, Portal as m, Content as d, Group as u, Item as x } from "./index.es177.js";
 import { clsx as o } from "./index.es154.js";
-import { createColorClasses as h } from "./index.es163.js";
+import { createColorClasses as h } from "./index.es161.js";
 import './components/ui/Dropdown/Dropdown.css';/* empty css            */
 import { ArrowDown as p } from "./index.es90.js";
 import { Row as w } from "./index.es9.js";

package/dist/index.es224.js

@@ -1,5 +1,5 @@
 import { j as C } from "./index.es152.js";
-import { createColorClasses as f } from "./index.es163.js";
+import { createColorClasses as f } from "./index.es161.js";
 import { clsx as x } from "./index.es154.js";
 const j = ({
   className: t,

package/dist/index.es225.js

@@ -1,5 +1,5 @@
 import { j as c } from "./index.es152.js";
-import { createColorClasses as n } from "./index.es163.js";
+import { createColorClasses as n } from "./index.es161.js";
 import { clsx as l } from "./index.es154.js";
 const C = ({
   fs: s = "6",

package/dist/index.es226.js

@@ -1,11 +1,11 @@
 import * as s from "react";
-import { composeEventHandlers as T } from "./index.es268.js";
-import { useComposedRefs as _ } from "./index.es269.js";
-import { createContextScope as H } from "./index.es270.js";
-import { useControllableState as I } from "./index.es271.js";
+import { composeEventHandlers as T } from "./index.es271.js";
+import { useComposedRefs as _ } from "./index.es272.js";
+import { createContextScope as H } from "./index.es273.js";
+import { useControllableState as I } from "./index.es274.js";
 import { usePrevious as M } from "./index.es278.js";
 import { useSize as N } from "./index.es279.js";
-import { Primitive as w } from "./index.es272.js";
+import { Primitive as w } from "./index.es275.js";
 import { j as p } from "./index.es152.js";
 var S = "Switch", [B, J] = H(S), [q, z] = B(S), C = s.forwardRef(
   (e, n) => {

package/dist/index.es25.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es152.js";
-import { createColorClasses as d } from "./index.es163.js";
+import { createColorClasses as d } from "./index.es161.js";
 import { clsx as w } from "./index.es154.js";
 import './components/ui/Button/Button.css';/* empty css            */
 import { Spinner as B } from "./index.es125.js";

package/dist/index.es267.js

@@ -0,0 +1,18 @@
+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());
+    };
+  }, [n, t]);
+};
+export {
+  f as useFocusTrap
+};
+//# sourceMappingURL=index.es267.js.map