@anoki/fse-ui 1.0.646 → 1.0.648

package/dist/index.es220.js

@@ -0,0 +1,150 @@
+import { j as e } from "./index.es197.js";
+import { Divider as u } from "./index.es209.js";
+import { LOGOS as d } from "./index.es24.js";
+import { HeaderSlim as N } from "./index.es17.js";
+import { clsx as n } from "./index.es198.js";
+import { Balancer as y } from "./index.es272.js";
+import { Button as w } 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 H = ({
+  title: t,
+  region: r,
+  asLink: x = "a",
+  labels: h,
+  navigatonItems: m,
+  supportLink: s,
+  loginLink: j = "/",
+  shortTitle: c,
+  headerTitleClassname: p,
+  children: f,
+  headerLogoUrl2: o
+}) => {
+  const i = x, b = d.nazionale, v = d[r];
+  return /* @__PURE__ */ e.jsxs("div", { className: "sticky-header bg-white", children: [
+    /* @__PURE__ */ e.jsxs(
+      N,
+      {
+        pt: "x16",
+        pb: "x16",
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "center",
+        children: [
+          /* @__PURE__ */ e.jsxs(
+            i,
+            {
+              href: "/",
+              className: "text-white fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8",
+              children: [
+                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" })
+              ]
+            }
+          ),
+          f
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("header", { className: "bg-white", children: [
+      /* @__PURE__ */ e.jsxs(
+        l,
+        {
+          py: "x20",
+          gap: "x16",
+          alignItems: "center",
+          justifyContent: "space-between",
+          className: "max-h-x116 ui-container",
+          children: [
+            /* @__PURE__ */ e.jsxs(l, { gap: "x16", alignItems: "center", children: [
+              /* @__PURE__ */ e.jsxs(l, { gap: "x16", alignItems: "center", justifyContent: "center", children: [
+                /* @__PURE__ */ e.jsx(b, { height: 53 }),
+                r !== "nazionale" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  /* @__PURE__ */ e.jsx(u, { bg: "border-divider", direction: "vertical" }),
+                  /* @__PURE__ */ e.jsx(v, { width: 53, height: 53 })
+                ] })
+              ] }),
+              /* @__PURE__ */ e.jsx("h1", { className: n(p), children: /* @__PURE__ */ e.jsx(y, { children: /* @__PURE__ */ e.jsxs(
+                i,
+                {
+                  href: "/",
+                  className: " text-decoration-none  hover-underline_dark",
+                  children: [
+                    /* @__PURE__ */ e.jsx("span", { className: "ui-title-line-height", children: t }),
+                    /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
+                  ]
+                }
+              ) }) })
+            ] }),
+            /* @__PURE__ */ e.jsxs(w, { size: "2", href: j, asLink: "a", children: [
+              /* @__PURE__ */ e.jsxs("span", { style: { fontSize: 14 }, children: [
+                " ",
+                h.login,
+                " "
+              ] }),
+              /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: " Accedi con Cohesion" })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e.jsx("nav", { "aria-label": "Menu di navigazione", className: "shadow-bottom", children: /* @__PURE__ */ e.jsxs(I, { 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: m.map((a, g) => /* @__PURE__ */ e.jsx(
+          "li",
+          {
+            className: n(
+              "py-x12 px-x16 ui-header-desktop-nav-item max-h-x52",
+              a.active && "active"
+            ),
+            children: /* @__PURE__ */ e.jsxs(
+              i,
+              {
+                href: a.href,
+                "aria-label": `Vai alla pagina ${a.label}`,
+                className: n(
+                  "text-decoration-none fs-custom",
+                  a.active ? "fw-bold text-blue-30" : "fw-semibold text-primary"
+                ),
+                target: a.isNewTab ? "_blank" : void 0,
+                rel: a.isNewTab ? "noopener noreferrer" : void 0,
+                children: [
+                  a.label,
+                  a.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
+                ]
+              }
+            )
+          },
+          g
+        )) }),
+        s && /* @__PURE__ */ e.jsxs(
+          i,
+          {
+            href: s.href,
+            "aria-label": `Vai alla pagina ${s.label}`,
+            className: n(
+              "text-decoration-none fs-custom py-x12 px-x24",
+              s.active ? "fw-bold text-blue-30" : "fw-semibold text-primary",
+              "ui-header-desktop-support-link",
+              s.active && "active"
+            ),
+            children: [
+              s.label,
+              s.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
+            ]
+          }
+        )
+      ] }) })
+    ] })
+  ] });
+};
+export {
+  H as HeaderDesktop
+};
+//# sourceMappingURL=index.es220.js.map

package/dist/index.es220.js.map

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

@@ -0,0 +1,136 @@
+import * as n from "react";
+import { useComposedRefs as N } from "./index.es361.js";
+import { createContextScope as M } from "./index.es362.js";
+import { composeEventHandlers as S } from "./index.es360.js";
+import { useControllableState as O } from "./index.es363.js";
+import { usePrevious as A } from "./index.es368.js";
+import { useSize as B } from "./index.es369.js";
+import { Presence as H } from "./index.es370.js";
+import { Primitive as j } from "./index.es364.js";
+import { j as f } from "./index.es197.js";
+var R = "Checkbox", [K, Y] = M(R), [L, q] = K(R), I = n.forwardRef(
+  (e, l) => {
+    const {
+      __scopeCheckbox: t,
+      name: i,
+      checked: p,
+      defaultChecked: r,
+      required: m,
+      disabled: a,
+      value: k = "on",
+      onCheckedChange: b,
+      form: d,
+      ...x
+    } = e, [s, C] = n.useState(null), v = N(l, (o) => C(o)), y = n.useRef(!1), P = s ? d || !!s.closest("form") : !0, [u = !1, E] = O({
+      prop: p,
+      defaultProp: r,
+      onChange: b
+    }), D = n.useRef(u);
+    return n.useEffect(() => {
+      const o = s == null ? void 0 : s.form;
+      if (o) {
+        const h = () => E(D.current);
+        return o.addEventListener("reset", h), () => o.removeEventListener("reset", h);
+      }
+    }, [s, E]), /* @__PURE__ */ f.jsxs(L, { scope: t, state: u, disabled: a, children: [
+      /* @__PURE__ */ f.jsx(
+        j.button,
+        {
+          type: "button",
+          role: "checkbox",
+          "aria-checked": c(u) ? "mixed" : u,
+          "aria-required": m,
+          "data-state": _(u),
+          "data-disabled": a ? "" : void 0,
+          disabled: a,
+          value: k,
+          ...x,
+          ref: v,
+          onKeyDown: S(e.onKeyDown, (o) => {
+            o.key === "Enter" && o.preventDefault();
+          }),
+          onClick: S(e.onClick, (o) => {
+            E((h) => c(h) ? !0 : !h), P && (y.current = o.isPropagationStopped(), y.current || o.stopPropagation());
+          })
+        }
+      ),
+      P && /* @__PURE__ */ f.jsx(
+        z,
+        {
+          control: s,
+          bubbles: !y.current,
+          name: i,
+          value: k,
+          checked: u,
+          required: m,
+          disabled: a,
+          form: d,
+          style: { transform: "translateX(-100%)" },
+          defaultChecked: c(r) ? !1 : r
+        }
+      )
+    ] });
+  }
+);
+I.displayName = R;
+var g = "CheckboxIndicator", w = n.forwardRef(
+  (e, l) => {
+    const { __scopeCheckbox: t, forceMount: i, ...p } = e, r = q(g, t);
+    return /* @__PURE__ */ f.jsx(H, { present: i || c(r.state) || r.state === !0, children: /* @__PURE__ */ f.jsx(
+      j.span,
+      {
+        "data-state": _(r.state),
+        "data-disabled": r.disabled ? "" : void 0,
+        ...p,
+        ref: l,
+        style: { pointerEvents: "none", ...e.style }
+      }
+    ) });
+  }
+);
+w.displayName = g;
+var z = (e) => {
+  const { control: l, checked: t, bubbles: i = !0, defaultChecked: p, ...r } = e, m = n.useRef(null), a = A(t), k = B(l);
+  n.useEffect(() => {
+    const d = m.current, x = window.HTMLInputElement.prototype, C = Object.getOwnPropertyDescriptor(x, "checked").set;
+    if (a !== t && C) {
+      const v = new Event("click", { bubbles: i });
+      d.indeterminate = c(t), C.call(d, c(t) ? !1 : t), d.dispatchEvent(v);
+    }
+  }, [a, t, i]);
+  const b = n.useRef(c(t) ? !1 : t);
+  return /* @__PURE__ */ f.jsx(
+    "input",
+    {
+      type: "checkbox",
+      "aria-hidden": !0,
+      defaultChecked: p ?? b.current,
+      ...r,
+      tabIndex: -1,
+      ref: m,
+      style: {
+        ...e.style,
+        ...k,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      }
+    }
+  );
+};
+function c(e) {
+  return e === "indeterminate";
+}
+function _(e) {
+  return c(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+var Z = I, $ = w;
+export {
+  I as Checkbox,
+  w as CheckboxIndicator,
+  $ as Indicator,
+  Z as Root,
+  Y as createCheckboxScope
+};
+//# sourceMappingURL=index.es226.js.map

package/dist/index.es226.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es226.js","sources":["../node_modules/@radix-ui/react-checkbox/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// packages/react/checkbox/src/checkbox.tsx\nimport * as React from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar CHECKBOX_NAME = \"Checkbox\";\nvar [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);\nvar [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);\nvar Checkbox = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeCheckbox,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...checkboxProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked = false, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked,\n      onChange: onCheckedChange\n    });\n    const initialCheckedStateRef = React.useRef(checked);\n    React.useEffect(() => {\n      const form2 = button?.form;\n      if (form2) {\n        const reset = () => setChecked(initialCheckedStateRef.current);\n        form2.addEventListener(\"reset\", reset);\n        return () => form2.removeEventListener(\"reset\", reset);\n      }\n    }, [button, setChecked]);\n    return /* @__PURE__ */ jsxs(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"checkbox\",\n          \"aria-checked\": isIndeterminate(checked) ? \"mixed\" : checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...checkboxProps,\n          ref: composedRefs,\n          onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n            if (event.key === \"Enter\") event.preventDefault();\n          }),\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        BubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" },\n          defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked\n        }\n      )\n    ] });\n  }\n);\nCheckbox.displayName = CHECKBOX_NAME;\nvar INDICATOR_NAME = \"CheckboxIndicator\";\nvar CheckboxIndicator = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;\n    const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || isIndeterminate(context.state) || context.state === true, children: /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.state),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...indicatorProps,\n        ref: forwardedRef,\n        style: { pointerEvents: \"none\", ...props.style }\n      }\n    ) });\n  }\n);\nCheckboxIndicator.displayName = INDICATOR_NAME;\nvar BubbleInput = (props) => {\n  const { control, checked, bubbles = true, defaultChecked, ...inputProps } = props;\n  const ref = React.useRef(null);\n  const prevChecked = usePrevious(checked);\n  const controlSize = useSize(control);\n  React.useEffect(() => {\n    const input = ref.current;\n    const inputProto = window.HTMLInputElement.prototype;\n    const descriptor = Object.getOwnPropertyDescriptor(inputProto, \"checked\");\n    const setChecked = descriptor.set;\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event(\"click\", { bubbles });\n      input.indeterminate = isIndeterminate(checked);\n      setChecked.call(input, isIndeterminate(checked) ? false : checked);\n      input.dispatchEvent(event);\n    }\n  }, [prevChecked, checked, bubbles]);\n  const defaultCheckedRef = React.useRef(isIndeterminate(checked) ? false : checked);\n  return /* @__PURE__ */ jsx(\n    \"input\",\n    {\n      type: \"checkbox\",\n      \"aria-hidden\": true,\n      defaultChecked: defaultChecked ?? defaultCheckedRef.current,\n      ...inputProps,\n      tabIndex: -1,\n      ref,\n      style: {\n        ...props.style,\n        ...controlSize,\n        position: \"absolute\",\n        pointerEvents: \"none\",\n        opacity: 0,\n        margin: 0\n      }\n    }\n  );\n};\nfunction isIndeterminate(checked) {\n  return checked === \"indeterminate\";\n}\nfunction getState(checked) {\n  return isIndeterminate(checked) ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Checkbox;\nvar Indicator = CheckboxIndicator;\nexport {\n  Checkbox,\n  CheckboxIndicator,\n  Indicator,\n  Root,\n  createCheckboxScope\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["CHECKBOX_NAME","createCheckboxContext","createCheckboxScope","createContextScope","CheckboxProvider","useCheckboxContext","Checkbox","React","props","forwardedRef","__scopeCheckbox","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","checkboxProps","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","initialCheckedStateRef","form2","reset","jsxs","jsx","Primitive","isIndeterminate","getState","composeEventHandlers","event","prevChecked","BubbleInput","INDICATOR_NAME","CheckboxIndicator","forceMount","indicatorProps","context","Presence","control","bubbles","inputProps","ref","usePrevious","controlSize","useSize","input","inputProto","defaultCheckedRef","Root","Indicator"],"mappings":";;;;;;;;;;AAaA,IAAIA,IAAgB,YAChB,CAACC,GAAuBC,CAAmB,IAAIC,EAAmBH,CAAa,GAC/E,CAACI,GAAkBC,CAAkB,IAAIJ,EAAsBD,CAAa,GAC5EM,IAAWC,EAAM;AAAA,EACnB,CAACC,GAAOC,MAAiB;AACvB,UAAM;AAAA,MACJ,iBAAAC;AAAA,MACA,MAAAC;AAAA,MACA,SAASC;AAAA,MACT,gBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,OAAAC,IAAQ;AAAA,MACR,iBAAAC;AAAA,MACA,MAAAC;AAAA,MACA,GAAGC;AAAA,IACT,IAAQX,GACE,CAACY,GAAQC,CAAS,IAAId,EAAM,SAAS,IAAI,GACzCe,IAAeC,EAAgBd,GAAc,CAACe,MAASH,EAAUG,CAAI,CAAC,GACtEC,IAAmClB,EAAM,OAAO,EAAK,GACrDmB,IAAgBN,IAASF,KAAQ,CAAC,CAACE,EAAO,QAAQ,MAAM,IAAI,IAC5D,CAACO,IAAU,IAAOC,CAAU,IAAIC,EAAqB;AAAA,MACzD,MAAMjB;AAAA,MACN,aAAaC;AAAA,MACb,UAAUI;AAAA,IAChB,CAAK,GACKa,IAAyBvB,EAAM,OAAOoB,CAAO;AACnD,WAAApB,EAAM,UAAU,MAAM;AACpB,YAAMwB,IAAQX,KAAA,gBAAAA,EAAQ;AACtB,UAAIW,GAAO;AACT,cAAMC,IAAQ,MAAMJ,EAAWE,EAAuB,OAAO;AAC7D,eAAAC,EAAM,iBAAiB,SAASC,CAAK,GAC9B,MAAMD,EAAM,oBAAoB,SAASC,CAAK;AAAA,MAC7D;AAAA,IACA,GAAO,CAACZ,GAAQQ,CAAU,CAAC,GACAK,gBAAAA,EAAI,KAAC7B,GAAkB,EAAE,OAAOM,GAAiB,OAAOiB,GAAS,UAAAZ,GAAU,UAAU;AAAA,MAC1FmB,gBAAAA,EAAG;AAAA,QACjBC,EAAU;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,gBAAgBC,EAAgBT,CAAO,IAAI,UAAUA;AAAA,UACrD,iBAAiBb;AAAA,UACjB,cAAcuB,EAASV,CAAO;AAAA,UAC9B,iBAAiBZ,IAAW,KAAK;AAAA,UACjC,UAAAA;AAAA,UACA,OAAAC;AAAA,UACA,GAAGG;AAAA,UACH,KAAKG;AAAA,UACL,WAAWgB,EAAqB9B,EAAM,WAAW,CAAC+B,MAAU;AAC1D,YAAIA,EAAM,QAAQ,WAASA,EAAM,eAAgB;AAAA,UAC7D,CAAW;AAAA,UACD,SAASD,EAAqB9B,EAAM,SAAS,CAAC+B,MAAU;AACtD,YAAAX,EAAW,CAACY,MAAgBJ,EAAgBI,CAAW,IAAI,KAAO,CAACA,CAAW,GAC1Ed,MACFD,EAAiC,UAAUc,EAAM,qBAAsB,GAClEd,EAAiC,WAASc,EAAM,gBAAiB;AAAA,UAEzE,CAAA;AAAA,QACX;AAAA,MACO;AAAA,MACDb,KAAiCQ,gBAAAA,EAAG;AAAA,QAClCO;AAAA,QACA;AAAA,UACE,SAASrB;AAAA,UACT,SAAS,CAACK,EAAiC;AAAA,UAC3C,MAAAd;AAAA,UACA,OAAAK;AAAA,UACA,SAAAW;AAAA,UACA,UAAAb;AAAA,UACA,UAAAC;AAAA,UACA,MAAAG;AAAA,UACA,OAAO,EAAE,WAAW,oBAAqB;AAAA,UACzC,gBAAgBkB,EAAgBvB,CAAc,IAAI,KAAQA;AAAA,QACpE;AAAA,MACA;AAAA,IACA,GAAO;AAAA,EACP;AACA;AACAP,EAAS,cAAcN;AACvB,IAAI0C,IAAiB,qBACjBC,IAAoBpC,EAAM;AAAA,EAC5B,CAACC,GAAOC,MAAiB;AACvB,UAAM,EAAE,iBAAAC,GAAiB,YAAAkC,GAAY,GAAGC,EAAgB,IAAGrC,GACrDsC,IAAUzC,EAAmBqC,GAAgBhC,CAAe;AAClE,WAAuBwB,gBAAAA,EAAG,IAACa,GAAU,EAAE,SAASH,KAAcR,EAAgBU,EAAQ,KAAK,KAAKA,EAAQ,UAAU,IAAM,UAA0BZ,gBAAAA,EAAG;AAAA,MACnJC,EAAU;AAAA,MACV;AAAA,QACE,cAAcE,EAASS,EAAQ,KAAK;AAAA,QACpC,iBAAiBA,EAAQ,WAAW,KAAK;AAAA,QACzC,GAAGD;AAAA,QACH,KAAKpC;AAAA,QACL,OAAO,EAAE,eAAe,QAAQ,GAAGD,EAAM,MAAK;AAAA,MACtD;AAAA,IACA,GAAO;AAAA,EACP;AACA;AACAmC,EAAkB,cAAcD;AAChC,IAAID,IAAc,CAACjC,MAAU;AAC3B,QAAM,EAAE,SAAAwC,GAAS,SAAArB,GAAS,SAAAsB,IAAU,IAAM,gBAAApC,GAAgB,GAAGqC,EAAU,IAAK1C,GACtE2C,IAAM5C,EAAM,OAAO,IAAI,GACvBiC,IAAcY,EAAYzB,CAAO,GACjC0B,IAAcC,EAAQN,CAAO;AACnC,EAAAzC,EAAM,UAAU,MAAM;AACpB,UAAMgD,IAAQJ,EAAI,SACZK,IAAa,OAAO,iBAAiB,WAErC5B,IADa,OAAO,yBAAyB4B,GAAY,SAAS,EAC1C;AAC9B,QAAIhB,MAAgBb,KAAWC,GAAY;AACzC,YAAMW,IAAQ,IAAI,MAAM,SAAS,EAAE,SAAAU,EAAO,CAAE;AAC5C,MAAAM,EAAM,gBAAgBnB,EAAgBT,CAAO,GAC7CC,EAAW,KAAK2B,GAAOnB,EAAgBT,CAAO,IAAI,KAAQA,CAAO,GACjE4B,EAAM,cAAchB,CAAK;AAAA,IAC/B;AAAA,EACG,GAAE,CAACC,GAAab,GAASsB,CAAO,CAAC;AAClC,QAAMQ,IAAoBlD,EAAM,OAAO6B,EAAgBT,CAAO,IAAI,KAAQA,CAAO;AACjF,SAAuBO,gBAAAA,EAAG;AAAA,IACxB;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,eAAe;AAAA,MACf,gBAAgBrB,KAAkB4C,EAAkB;AAAA,MACpD,GAAGP;AAAA,MACH,UAAU;AAAA,MACV,KAAAC;AAAA,MACA,OAAO;AAAA,QACL,GAAG3C,EAAM;AAAA,QACT,GAAG6C;AAAA,QACH,UAAU;AAAA,QACV,eAAe;AAAA,QACf,SAAS;AAAA,QACT,QAAQ;AAAA,MAChB;AAAA,IACA;AAAA,EACG;AACH;AACA,SAASjB,EAAgBT,GAAS;AAChC,SAAOA,MAAY;AACrB;AACA,SAASU,EAASV,GAAS;AACzB,SAAOS,EAAgBT,CAAO,IAAI,kBAAkBA,IAAU,YAAY;AAC5E;AACG,IAAC+B,IAAOpD,GACPqD,IAAYhB;","x_google_ignoreList":[0]}

package/dist/index.es227.js

@@ -0,0 +1,23 @@
+import { useEffect as r } from "react";
+function m(t, o, e, n, i) {
+  r(() => {
+    const u = (a) => {
+      t.current && !t.current.contains(a.target) && (!a.target.closest(
+        '[data-navigation="true"]'
+      ) || !i) && (e(), n && n());
+    };
+    return o && document.addEventListener("mousedown", u), () => {
+      document.removeEventListener("mousedown", u);
+    };
+  }, [
+    t,
+    o,
+    e,
+    n,
+    i
+  ]);
+}
+export {
+  m as useClickOutside
+};
+//# sourceMappingURL=index.es227.js.map

package/dist/index.es227.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es227.js","sources":["../src/hooks/useClickOutside.ts"],"sourcesContent":["// src/hooks/useClickOutside.ts\r\nimport { useEffect, RefObject } from \"react\";\r\n\r\n// Make the hook generic to accept any HTMLElement type\r\nexport function useClickOutside<T extends HTMLDivElement | null>(\r\n  ref: RefObject<T>,\r\n  isActive: boolean,\r\n  onClickOutside: () => void,\r\n  resetSelection?: () => void,\r\n  keepSelectionOnNavigation?: boolean,\r\n): void {\r\n  useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (ref.current && !ref.current.contains(event.target as Node)) {\r\n        const isNavigationElement = (event.target as HTMLElement).closest(\r\n          '[data-navigation=\"true\"]',\r\n        );\r\n\r\n        if (!isNavigationElement || !keepSelectionOnNavigation) {\r\n          onClickOutside();\r\n\r\n          if (resetSelection) {\r\n            resetSelection();\r\n          }\r\n        }\r\n      }\r\n    };\r\n\r\n    if (isActive) {\r\n      document.addEventListener(\"mousedown\", handleClickOutside);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [\r\n    ref,\r\n    isActive,\r\n    onClickOutside,\r\n    resetSelection,\r\n    keepSelectionOnNavigation,\r\n  ]);\r\n}\r\n"],"names":["useClickOutside","ref","isActive","onClickOutside","resetSelection","keepSelectionOnNavigation","useEffect","handleClickOutside","event"],"mappings":";AAIO,SAASA,EACdC,GACAC,GACAC,GACAC,GACAC,GACM;AACN,EAAAC,EAAU,MAAM;AACR,UAAAC,IAAqB,CAACC,MAAsB;AAC5C,MAAAP,EAAI,WAAW,CAACA,EAAI,QAAQ,SAASO,EAAM,MAAc,MAKvD,CAJyBA,EAAM,OAAuB;AAAA,QACxD;AAAA,MACF,KAE4B,CAACH,OACZF,EAAA,GAEXC,KACaA,EAAA;AAAA,IAIvB;AAEA,WAAIF,KACO,SAAA,iBAAiB,aAAaK,CAAkB,GAGpD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC;AAAA,IACDN;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD;AACH;"}

package/dist/index.es23.js

@@ -1,9 +1,9 @@
-import { j as e } from "./index.es196.js";
+import { j as e } from "./index.es197.js";
 import { clsx as a } from "./index.es198.js";
 import './components/ui/FilterDropDown/FilterDropDown.css';/* empty css            */
-import { ArrowDown as f } from "./index.es123.js";
+import { ArrowDown as f } from "./index.es124.js";
 import { useState as x, useRef as w, useMemo as h, useEffect as j } from "react";
-import { ArrowList as v } from "./index.es228.js";
+import { ArrowList as v } from "./index.es218.js";
 import { Col as N } from "./index.es10.js";
 const L = ({
   size: m,

package/dist/index.es23.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es23.js","sources":["../src/components/ui/FilterDropDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./FilterDropDown.scss\";\nimport { ArrowDown } from \"@/icons/ArrowDown\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { ArrowList } from \"@/icons/ArrowList\";\nimport { Col } from \"@/components\";\n\ntype FilterDropdownProps = {\n  size: \"small\" | \"large\";\n  items: string[];\n  className?: string;\n  filter: string;\n  setFilter: (filter: string) => void;\n  allStructuresLabel: string;\n};\nexport const FilterDropDown = ({\n  size,\n  items = [],\n  className,\n  filter,\n  setFilter,\n  allStructuresLabel,\n}: FilterDropdownProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const processedItems = useMemo(() => {\n    return [allStructuresLabel, ...items];\n  }, [items, allStructuresLabel]);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsExpanded(false);\n      }\n    };\n\n    if (isExpanded) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isExpanded]);\n\n  return (\n    <div\n      ref={dropdownRef}\n      style={size === \"large\" ? { width: \"668px\" } : { width: \"322px\" }}\n      className={clsx(className, \"ui-filter-dropdown\")}\n    >\n      <button\n        className=\"ui-button-accordion\"\n        type=\"button\"\n        onClick={() => setIsExpanded(!isExpanded)}\n      >\n        <h3 className=\"fw-semibold fs-custom text-primary\">{filter}</h3>\n        <ArrowDown\n          color=\"primary\"\n          className={clsx(\"ui-arrow\", { \"ui-expanded\": isExpanded })}\n        />\n      </button>\n      {isExpanded && (\n        <div className={\"ui-wrap-list-item-filter position-relative pt-x12\"}>\n          <ArrowList className={\"ui-arrow-list position-absolute\"} />\n          <div className={\"p-x24 h-full shadow\"}>\n            <Col\n              gap={\"x24\"}\n              text={\"primary\"}\n              fs={\"custom\"}\n              fw={\"regular\"}\n              className={\"ui-list-item-filter h-full overflow fw-regular\"}\n            >\n              {processedItems.map((item, index) => {\n                return (\n                  <div\n                    key={index}\n                    onClick={() => {\n                      setFilter(item);\n                      setIsExpanded(false);\n                    }}\n                  >\n                    {item}\n                  </div>\n                );\n              })}\n            </Col>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["FilterDropDown","size","items","className","filter","setFilter","allStructuresLabel","isExpanded","setIsExpanded","useState","dropdownRef","useRef","processedItems","useMemo","useEffect","handleClickOutside","event","jsxs","clsx","jsx","ArrowDown","ArrowList","Col","item","index"],"mappings":";;;;;;;AAeO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAAC;AACF,MAA2B;AACzB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5CC,IAAcC,EAAuB,IAAI,GAEzCC,IAAiBC,EAAQ,MACtB,CAACP,GAAoB,GAAGJ,CAAK,GACnC,CAACA,GAAOI,CAAkB,CAAC;AAE9B,SAAAQ,EAAU,MAAM;AACR,UAAAC,IAAqB,CAACC,MAAsB;AAE9C,MAAAN,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASM,EAAM,MAAc,KAElDR,EAAc,EAAK;AAAA,IAEvB;AAEA,WAAID,IACO,SAAA,iBAAiB,aAAaQ,CAAkB,IAEhD,SAAA,oBAAoB,aAAaA,CAAkB,GAGvD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC,CAACR,CAAU,CAAC,GAGbU,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,OAAOT,MAAS,UAAU,EAAE,OAAO,YAAY,EAAE,OAAO,QAAQ;AAAA,MAChE,WAAWiB,EAAKf,GAAW,oBAAoB;AAAA,MAE/C,UAAA;AAAA,QAAAc,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAMT,EAAc,CAACD,CAAU;AAAA,YAExC,UAAA;AAAA,cAACY,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,sCAAsC,UAAOf,GAAA;AAAA,cAC3De,gBAAAA,EAAA;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,WAAWF,EAAK,YAAY,EAAE,eAAeX,EAAY,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC3D;AAAA,UAAA;AAAA,QACF;AAAA,QACCA,KACCU,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAW,qDACd,UAAA;AAAA,UAACE,gBAAAA,EAAAA,IAAAE,GAAA,EAAU,WAAW,kCAAmC,CAAA;AAAA,UACzDF,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,uBACd,UAAAA,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,KAAK;AAAA,cACL,MAAM;AAAA,cACN,IAAI;AAAA,cACJ,IAAI;AAAA,cACJ,WAAW;AAAA,cAEV,UAAeV,EAAA,IAAI,CAACW,GAAMC,MAEvBL,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,SAAS,MAAM;AACb,oBAAAd,EAAUkB,CAAI,GACdf,EAAc,EAAK;AAAA,kBACrB;AAAA,kBAEC,UAAAe;AAAA,gBAAA;AAAA,gBANIC;AAAA,cAOP,CAEH;AAAA,YAAA;AAAA,UAAA,EAEL,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es23.js","sources":["../src/components/ui/FilterDropDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./FilterDropDown.scss\";\r\nimport { ArrowDown } from \"@/icons/ArrowDown\";\r\nimport { useEffect, useMemo, useRef, useState } from \"react\";\r\nimport { ArrowList } from \"@/icons/ArrowList\";\r\nimport { Col } from \"@/components\";\r\n\r\ntype FilterDropdownProps = {\r\n  size: \"small\" | \"large\";\r\n  items: string[];\r\n  className?: string;\r\n  filter: string;\r\n  setFilter: (filter: string) => void;\r\n  allStructuresLabel: string;\r\n};\r\nexport const FilterDropDown = ({\r\n  size,\r\n  items = [],\r\n  className,\r\n  filter,\r\n  setFilter,\r\n  allStructuresLabel,\r\n}: FilterDropdownProps) => {\r\n  const [isExpanded, setIsExpanded] = useState(false);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n\r\n  const processedItems = useMemo(() => {\r\n    return [allStructuresLabel, ...items];\r\n  }, [items, allStructuresLabel]);\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(event.target as Node)\r\n      ) {\r\n        setIsExpanded(false);\r\n      }\r\n    };\r\n\r\n    if (isExpanded) {\r\n      document.addEventListener(\"mousedown\", handleClickOutside);\r\n    } else {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [isExpanded]);\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      style={size === \"large\" ? { width: \"668px\" } : { width: \"322px\" }}\r\n      className={clsx(className, \"ui-filter-dropdown\")}\r\n    >\r\n      <button\r\n        className=\"ui-button-accordion\"\r\n        type=\"button\"\r\n        onClick={() => setIsExpanded(!isExpanded)}\r\n      >\r\n        <h3 className=\"fw-semibold fs-custom text-primary\">{filter}</h3>\r\n        <ArrowDown\r\n          color=\"primary\"\r\n          className={clsx(\"ui-arrow\", { \"ui-expanded\": isExpanded })}\r\n        />\r\n      </button>\r\n      {isExpanded && (\r\n        <div className={\"ui-wrap-list-item-filter position-relative pt-x12\"}>\r\n          <ArrowList className={\"ui-arrow-list position-absolute\"} />\r\n          <div className={\"p-x24 h-full shadow\"}>\r\n            <Col\r\n              gap={\"x24\"}\r\n              text={\"primary\"}\r\n              fs={\"custom\"}\r\n              fw={\"regular\"}\r\n              className={\"ui-list-item-filter h-full overflow fw-regular\"}\r\n            >\r\n              {processedItems.map((item, index) => {\r\n                return (\r\n                  <div\r\n                    key={index}\r\n                    onClick={() => {\r\n                      setFilter(item);\r\n                      setIsExpanded(false);\r\n                    }}\r\n                  >\r\n                    {item}\r\n                  </div>\r\n                );\r\n              })}\r\n            </Col>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["FilterDropDown","size","items","className","filter","setFilter","allStructuresLabel","isExpanded","setIsExpanded","useState","dropdownRef","useRef","processedItems","useMemo","useEffect","handleClickOutside","event","jsxs","clsx","jsx","ArrowDown","ArrowList","Col","item","index"],"mappings":";;;;;;;AAeO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAAC;AACF,MAA2B;AACzB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5CC,IAAcC,EAAuB,IAAI,GAEzCC,IAAiBC,EAAQ,MACtB,CAACP,GAAoB,GAAGJ,CAAK,GACnC,CAACA,GAAOI,CAAkB,CAAC;AAE9B,SAAAQ,EAAU,MAAM;AACR,UAAAC,IAAqB,CAACC,MAAsB;AAE9C,MAAAN,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASM,EAAM,MAAc,KAElDR,EAAc,EAAK;AAAA,IAEvB;AAEA,WAAID,IACO,SAAA,iBAAiB,aAAaQ,CAAkB,IAEhD,SAAA,oBAAoB,aAAaA,CAAkB,GAGvD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC,CAACR,CAAU,CAAC,GAGbU,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,OAAOT,MAAS,UAAU,EAAE,OAAO,YAAY,EAAE,OAAO,QAAQ;AAAA,MAChE,WAAWiB,EAAKf,GAAW,oBAAoB;AAAA,MAE/C,UAAA;AAAA,QAAAc,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAMT,EAAc,CAACD,CAAU;AAAA,YAExC,UAAA;AAAA,cAACY,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,sCAAsC,UAAOf,GAAA;AAAA,cAC3De,gBAAAA,EAAA;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,WAAWF,EAAK,YAAY,EAAE,eAAeX,EAAY,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC3D;AAAA,UAAA;AAAA,QACF;AAAA,QACCA,KACCU,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAW,qDACd,UAAA;AAAA,UAACE,gBAAAA,EAAAA,IAAAE,GAAA,EAAU,WAAW,kCAAmC,CAAA;AAAA,UACzDF,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,uBACd,UAAAA,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,KAAK;AAAA,cACL,MAAM;AAAA,cACN,IAAI;AAAA,cACJ,IAAI;AAAA,cACJ,WAAW;AAAA,cAEV,UAAeV,EAAA,IAAI,CAACW,GAAMC,MAEvBL,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,SAAS,MAAM;AACb,oBAAAd,EAAUkB,CAAI,GACdf,EAAc,EAAK;AAAA,kBACrB;AAAA,kBAEC,UAAAe;AAAA,gBAAA;AAAA,gBANIC;AAAA,cAOP,CAEH;AAAA,YAAA;AAAA,UAAA,EAEL,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es230.js

@@ -1,150 +1,6 @@
-import { j as e } from "./index.es196.js";
-import { Divider as u } from "./index.es219.js";
-import { LOGOS as d } from "./index.es24.js";
-import { HeaderSlim as N } from "./index.es17.js";
-import { clsx as n } from "./index.es198.js";
-import { Balancer as y } from "./index.es208.js";
-import { Button as w } 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 H = ({
-  title: t,
-  region: r,
-  asLink: x = "a",
-  labels: h,
-  navigatonItems: m,
-  supportLink: s,
-  loginLink: j = "/",
-  shortTitle: c,
-  headerTitleClassname: p,
-  children: f,
-  headerLogoUrl2: o
-}) => {
-  const i = x, b = d.nazionale, v = d[r];
-  return /* @__PURE__ */ e.jsxs("div", { className: "sticky-header bg-white", children: [
-    /* @__PURE__ */ e.jsxs(
-      N,
-      {
-        pt: "x16",
-        pb: "x16",
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "center",
-        children: [
-          /* @__PURE__ */ e.jsxs(
-            i,
-            {
-              href: "/",
-              className: "text-white fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8",
-              children: [
-                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" })
-              ]
-            }
-          ),
-          f
-        ]
-      }
-    ),
-    /* @__PURE__ */ e.jsxs("header", { className: "bg-white", children: [
-      /* @__PURE__ */ e.jsxs(
-        l,
-        {
-          py: "x20",
-          gap: "x16",
-          alignItems: "center",
-          justifyContent: "space-between",
-          className: "max-h-x116 ui-container",
-          children: [
-            /* @__PURE__ */ e.jsxs(l, { gap: "x16", alignItems: "center", children: [
-              /* @__PURE__ */ e.jsxs(l, { gap: "x16", alignItems: "center", justifyContent: "center", children: [
-                /* @__PURE__ */ e.jsx(b, { height: 53 }),
-                r !== "nazionale" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  /* @__PURE__ */ e.jsx(u, { bg: "border-divider", direction: "vertical" }),
-                  /* @__PURE__ */ e.jsx(v, { width: 53, height: 53 })
-                ] })
-              ] }),
-              /* @__PURE__ */ e.jsx("h1", { className: n(p), children: /* @__PURE__ */ e.jsx(y, { children: /* @__PURE__ */ e.jsxs(
-                i,
-                {
-                  href: "/",
-                  className: " text-decoration-none  hover-underline_dark",
-                  children: [
-                    /* @__PURE__ */ e.jsx("span", { className: "ui-title-line-height", children: t }),
-                    /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
-                  ]
-                }
-              ) }) })
-            ] }),
-            /* @__PURE__ */ e.jsxs(w, { size: "2", href: j, asLink: "a", children: [
-              /* @__PURE__ */ e.jsxs("span", { style: { fontSize: 14 }, children: [
-                " ",
-                h.login,
-                " "
-              ] }),
-              /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: " Accedi con Cohesion" })
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ e.jsx("nav", { "aria-label": "Menu di navigazione", className: "shadow-bottom", children: /* @__PURE__ */ e.jsxs(I, { 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: m.map((a, g) => /* @__PURE__ */ e.jsx(
-          "li",
-          {
-            className: n(
-              "py-x12 px-x16 ui-header-desktop-nav-item max-h-x52",
-              a.active && "active"
-            ),
-            children: /* @__PURE__ */ e.jsxs(
-              i,
-              {
-                href: a.href,
-                "aria-label": `Vai alla pagina ${a.label}`,
-                className: n(
-                  "text-decoration-none fs-custom",
-                  a.active ? "fw-bold text-blue-30" : "fw-semibold text-primary"
-                ),
-                target: a.isNewTab ? "_blank" : void 0,
-                rel: a.isNewTab ? "noopener noreferrer" : void 0,
-                children: [
-                  a.label,
-                  a.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
-                ]
-              }
-            )
-          },
-          g
-        )) }),
-        s && /* @__PURE__ */ e.jsxs(
-          i,
-          {
-            href: s.href,
-            "aria-label": `Vai alla pagina ${s.label}`,
-            className: n(
-              "text-decoration-none fs-custom py-x12 px-x24",
-              s.active ? "fw-bold text-blue-30" : "fw-semibold text-primary",
-              "ui-header-desktop-support-link",
-              s.active && "active"
-            ),
-            children: [
-              s.label,
-              s.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
-            ]
-          }
-        )
-      ] }) })
-    ] })
-  ] });
-};
+import { useMediaQuery as e } from "./index.es205.js";
+const t = () => e("(min-width: 1200px)");
 export {
-  H as HeaderDesktop
+  t as useIsDesktop
 };
 //# sourceMappingURL=index.es230.js.map

package/dist/index.es230.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es230.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={53} />\n\n              {region !== \"nazionale\" && (\n                <>\n                  <Divider bg=\"border-divider\" direction=\"vertical\" />\n\n                  <RegionIcon width={53} height={53} />\n                </>\n              )}\n            </Row>\n            <h1 className={clsx(headerTitleClassname)}>\n              <Balancer>\n                <LinkComponent\n                  href=\"/\"\n                  className={\" text-decoration-none  hover-underline_dark\"}\n                >\n                  <span className={\"ui-title-line-height\"}>{title}</span>\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            <span style={{ fontSize: 14 }}> {labels.login} </span>\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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"}
+{"version":3,"file":"index.es230.js","sources":["../src/hooks/useIsDesktop.ts"],"sourcesContent":["import { useMediaQuery, useMediaQueryV2 } from \"./useMediaQuery\";\r\n\r\nexport const useIsDesktop = (): boolean => {\r\n  return useMediaQuery(\"(min-width: 1200px)\");\r\n};\r\n\r\nexport const useIsDesktopV2 = (initialValue?: boolean): boolean => {\r\n  return useMediaQueryV2(\"(min-width: 1200px)\", initialValue ?? false);\r\n};\r\n"],"names":["useIsDesktop","useMediaQuery"],"mappings":";AAEO,MAAMA,IAAe,MACnBC,EAAc,qBAAqB;"}

package/dist/index.es235.js

@@ -0,0 +1,7 @@
+import r from "./index.es178.js";
+import "./index.es3.js";
+const d = (t, o = "it") => t ? r.fromISO(t).setLocale(o).toFormat("dd/MM/yyyy") : null;
+export {
+  d as fromISODateToDateFormatted
+};
+//# sourceMappingURL=index.es235.js.map

package/dist/index.es235.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es235.js","sources":["../src/utils/dates.ts"],"sourcesContent":["import { DateTime } from \"luxon\";\r\n\r\nexport const fromISODateToRangeFormat = (\r\n  ISODateStartAt: string | null,\r\n  ISODateEndAt: string | null,\r\n  t: (key: string) => string,\r\n  locale = \"it\",\r\n) => {\r\n  if (!ISODateStartAt || !ISODateEndAt) return null;\r\n  const startDate = DateTime.fromISO(ISODateStartAt).setLocale(locale);\r\n  const endDate = DateTime.fromISO(ISODateEndAt).setLocale(locale);\r\n\r\n  if (startDate.hasSame(endDate, \"month\")) {\r\n    return `${t(\"from\")} ${startDate.toFormat(\"d\")} ${t(\"to\")} ${endDate.toFormat(\"d MMMM\")}`;\r\n  }\r\n  return `${t(\"from\")} ${startDate.toFormat(\"d MMMM\")} ${t(\"to\")} ${endDate.toFormat(\"d MMMM\")}`;\r\n};\r\n\r\nexport const fromISODateToDateFormatted = (\r\n  ISODate: string | null,\r\n  locale: string = \"it\",\r\n) => {\r\n  if (!ISODate) return null;\r\n  const date = DateTime.fromISO(ISODate).setLocale(locale);\r\n  return date.toFormat(\"dd/MM/yyyy\");\r\n};\r\n\r\nexport const fromISOToFormat = (ISODate: string | null) => {\r\n  if (!ISODate) return \" - \";\r\n  const date = DateTime.fromISO(ISODate).setLocale(\"it\");\r\n  return date.toFormat(\"dd/MM/yyyy\");\r\n};\r\n\r\nexport const formatRangeDateToISO = (startDate: string, endDate: string) => {\r\n  const startDateTime = DateTime.fromFormat(startDate, \"yyyy-MM-dd\");\r\n  const endDateTime = DateTime.fromFormat(endDate, \"yyyy-MM-dd\");\r\n\r\n  if (!startDateTime.isValid) {\r\n    console.error(\"Invalid start date:\", startDateTime.invalidExplanation);\r\n  }\r\n\r\n  if (!endDateTime.isValid) {\r\n    console.error(\"Invalid end date:\", endDateTime.invalidExplanation);\r\n  }\r\n\r\n  return [\r\n    startDateTime.startOf(\"day\").toISO() ?? \"\",\r\n    endDateTime.endOf(\"day\").toISO() ?? \"\",\r\n  ];\r\n};\r\n\r\nexport const isActiveDate = (expirationDate: string | null) => {\r\n  if (!expirationDate) return false;\r\n  return DateTime.fromISO(expirationDate).toMillis() > Date.now();\r\n};\r\n"],"names":["fromISODateToDateFormatted","ISODate","locale","DateTime"],"mappings":";;AAkBO,MAAMA,IAA6B,CACxCC,GACAC,IAAiB,SAEZD,IACQE,EAAS,QAAQF,CAAO,EAAE,UAAUC,CAAM,EAC3C,SAAS,YAAY,IAFZ;"}