@anoki/fse-ui 2.3.0-5-SNAPSHOT1 → 2.3.0-5-SNAPSHOT2

package/dist/index.es283.js

@@ -1,155 +1,263 @@
-import { j as e } from "./index.es241.js";
-import { Divider as g } from "./index.es72.js";
-import { LOGOS as d } from "./index.es9.js";
-import { HeaderSlim as N } from "./index.es11.js";
-import { clsx as n } from "./index.es243.js";
-import { Balancer as y } from "./index.es253.js";
-import { Button as w } from "./index.es32.js";
-import { Container as C } from "./index.es65.js";
-import './components/navigations/HeaderDesktop/HeaderDesktop.css';/* empty css            */
-import { Row as t } from "./index.es116.js";
-const V = ({
-  title: r,
-  region: l,
-  asLink: x = "a",
-  labels: h,
-  navigatonItems: m,
-  supportLink: a,
-  loginLink: j = "/",
-  shortTitle: c,
-  headerTitleClassname: p,
-  children: f,
-  headerLogoUrl2: o
-}) => {
-  const i = x, v = d.nazionale, u = d[l];
-  return /* @__PURE__ */ e.jsxs("div", { className: "sticky-header bg-white", children: [
-    /* @__PURE__ */ e.jsxs(
-      N,
+import * as s from "react";
+import { composeEventHandlers as p } from "./index.es464.js";
+import { useComposedRefs as R } from "./index.es465.js";
+import { createContextScope as B, createContext as H } from "./index.es466.js";
+import { useId as C } from "./index.es467.js";
+import { useControllableState as V } from "./index.es468.js";
+import { DismissableLayer as q } from "./index.es469.js";
+import { FocusScope as K } from "./index.es470.js";
+import { Portal as U } from "./index.es471.js";
+import { Presence as _ } from "./index.es472.js";
+import { Primitive as m } from "./index.es473.js";
+import { useFocusGuards as Y } from "./index.es474.js";
+import Z from "./index.es475.js";
+import { hideOthers as z } from "./index.es476.js";
+import { createSlot as J } from "./index.es477.js";
+import { j as i } from "./index.es241.js";
+var v = "Dialog", [N, he] = B(v), [Q, u] = N(v), P = (e) => {
+  const {
+    __scopeDialog: o,
+    children: n,
+    open: a,
+    defaultOpen: r,
+    onOpenChange: t,
+    modal: c = !0
+  } = e, l = s.useRef(null), d = s.useRef(null), [g, x] = V({
+    prop: a,
+    defaultProp: r ?? !1,
+    onChange: t,
+    caller: v
+  });
+  return /* @__PURE__ */ i.jsx(
+    Q,
+    {
+      scope: o,
+      triggerRef: l,
+      contentRef: d,
+      contentId: C(),
+      titleId: C(),
+      descriptionId: C(),
+      open: g,
+      onOpenChange: x,
+      onOpenToggle: s.useCallback(() => x(($) => !$), [x]),
+      modal: c,
+      children: n
+    }
+  );
+};
+P.displayName = v;
+var O = "DialogTrigger", I = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(O, n), t = R(o, r.triggerRef);
+    return /* @__PURE__ */ i.jsx(
+      m.button,
       {
-        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 || r,
-                /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
-              ]
-            }
-          ),
-          f
-        ]
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": r.open,
+        "aria-controls": r.contentId,
+        "data-state": y(r.open),
+        ...a,
+        ref: t,
+        onClick: p(e.onClick, r.onOpenToggle)
       }
-    ),
-    /* @__PURE__ */ e.jsxs("header", { className: "bg-white", children: [
-      /* @__PURE__ */ e.jsxs(
-        t,
+    );
+  }
+);
+I.displayName = O;
+var h = "DialogPortal", [X, A] = N(h, {
+  forceMount: void 0
+}), j = (e) => {
+  const { __scopeDialog: o, forceMount: n, children: a, container: r } = e, t = u(h, o);
+  return /* @__PURE__ */ i.jsx(X, { scope: o, forceMount: n, children: s.Children.map(a, (c) => /* @__PURE__ */ i.jsx(_, { present: n || t.open, children: /* @__PURE__ */ i.jsx(U, { asChild: !0, container: r, children: c }) })) });
+};
+j.displayName = h;
+var D = "DialogOverlay", T = s.forwardRef(
+  (e, o) => {
+    const n = A(D, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, t = u(D, e.__scopeDialog);
+    return t.modal ? /* @__PURE__ */ i.jsx(_, { present: a || t.open, children: /* @__PURE__ */ i.jsx(te, { ...r, ref: o }) }) : null;
+  }
+);
+T.displayName = D;
+var ee = J("DialogOverlay.RemoveScroll"), te = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(D, n);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ i.jsx(Z, { as: ee, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i.jsx(
+        m.div,
         {
-          py: "x20",
-          gap: "x16",
-          alignItems: "center",
-          justifyContent: "space-between",
-          className: "max-h-x116 ui-container",
-          children: [
-            /* @__PURE__ */ e.jsxs(t, { gap: "x16", alignItems: "center", children: [
-              /* @__PURE__ */ e.jsxs(t, { gap: "x16", alignItems: "center", justifyContent: "center", children: [
-                /* @__PURE__ */ e.jsx(v, { height: 44, width: 27 }),
-                l !== "nazionale" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  /* @__PURE__ */ e.jsx(g, { bg: "border-divider", direction: "vertical" }),
-                  /* @__PURE__ */ e.jsx(u, { width: 44, height: 44 })
-                ] })
-              ] }),
-              /* @__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: r }),
-                    /* @__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" })
-            ] })
-          ]
+          "data-state": y(r.open),
+          ...a,
+          ref: o,
+          style: { pointerEvents: "auto", ...a.style }
         }
-      ),
-      /* @__PURE__ */ e.jsx("nav", { "aria-label": "Menu di navigazione", className: "shadow-bottom", children: /* @__PURE__ */ e.jsxs(
-        C,
+      ) })
+    );
+  }
+), f = "DialogContent", b = s.forwardRef(
+  (e, o) => {
+    const n = A(f, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, t = u(f, e.__scopeDialog);
+    return /* @__PURE__ */ i.jsx(_, { present: a || t.open, children: t.modal ? /* @__PURE__ */ i.jsx(oe, { ...r, ref: o }) : /* @__PURE__ */ i.jsx(re, { ...r, ref: o }) });
+  }
+);
+b.displayName = f;
+var oe = s.forwardRef(
+  (e, o) => {
+    const n = u(f, e.__scopeDialog), a = s.useRef(null), r = R(o, n.contentRef, a);
+    return s.useEffect(() => {
+      const t = a.current;
+      if (t) return z(t);
+    }, []), /* @__PURE__ */ i.jsx(
+      M,
+      {
+        ...e,
+        ref: r,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: p(e.onCloseAutoFocus, (t) => {
+          var c;
+          t.preventDefault(), (c = n.triggerRef.current) == null || c.focus();
+        }),
+        onPointerDownOutside: p(e.onPointerDownOutside, (t) => {
+          const c = t.detail.originalEvent, l = c.button === 0 && c.ctrlKey === !0;
+          (c.button === 2 || l) && t.preventDefault();
+        }),
+        onFocusOutside: p(
+          e.onFocusOutside,
+          (t) => t.preventDefault()
+        )
+      }
+    );
+  }
+), re = s.forwardRef(
+  (e, o) => {
+    const n = u(f, e.__scopeDialog), a = s.useRef(!1), r = s.useRef(!1);
+    return /* @__PURE__ */ i.jsx(
+      M,
+      {
+        ...e,
+        ref: o,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (t) => {
+          var c, l;
+          (c = e.onCloseAutoFocus) == null || c.call(e, t), t.defaultPrevented || (a.current || (l = n.triggerRef.current) == null || l.focus(), t.preventDefault()), a.current = !1, r.current = !1;
+        },
+        onInteractOutside: (t) => {
+          var d, g;
+          (d = e.onInteractOutside) == null || d.call(e, t), t.defaultPrevented || (a.current = !0, t.detail.originalEvent.type === "pointerdown" && (r.current = !0));
+          const c = t.target;
+          ((g = n.triggerRef.current) == null ? void 0 : g.contains(c)) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && r.current && t.preventDefault();
+        }
+      }
+    );
+  }
+), M = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, trapFocus: a, onOpenAutoFocus: r, onCloseAutoFocus: t, ...c } = e, l = u(f, n), d = s.useRef(null), g = R(o, d);
+    return Y(), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+      /* @__PURE__ */ i.jsx(
+        K,
         {
-          containerClass: "ui-container",
-          className: "base-row align-items-center justify-content-between max-h-x52",
-          children: [
-            /* @__PURE__ */ e.jsx(t, { as: "ul", className: "list-style-none", role: "list", children: m.map((s, b) => /* @__PURE__ */ e.jsx(
-              "li",
-              {
-                className: n(
-                  "py-x12 px-x16 ui-header-desktop-nav-item max-h-x52",
-                  s.active && "active"
-                ),
-                children: /* @__PURE__ */ e.jsxs(
-                  i,
-                  {
-                    href: s.href,
-                    className: n(
-                      "text-decoration-none fs-custom",
-                      s.active ? "fw-bold text-primary" : "fw-semibold text-primary"
-                    ),
-                    target: s.isNewTab ? "_blank" : void 0,
-                    rel: s.isNewTab ? "noopener noreferrer" : void 0,
-                    children: [
-                      s.label,
-                      s.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
-                    ]
-                  }
-                )
-              },
-              b
-            )) }),
-            a && /* @__PURE__ */ e.jsxs(
-              i,
-              {
-                href: a.href,
-                className: n(
-                  "text-decoration-none fs-custom py-x12 px-x24",
-                  a.active ? "fw-bold text-blue-30" : "fw-semibold text-primary",
-                  "ui-header-desktop-support-link",
-                  a.active && "active"
-                ),
-                children: [
-                  a.label,
-                  a.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
-                ]
-              }
-            )
-          ]
+          asChild: !0,
+          loop: !0,
+          trapped: a,
+          onMountAutoFocus: r,
+          onUnmountAutoFocus: t,
+          children: /* @__PURE__ */ i.jsx(
+            q,
+            {
+              role: "dialog",
+              id: l.contentId,
+              "aria-describedby": l.descriptionId,
+              "aria-labelledby": l.titleId,
+              "data-state": y(l.open),
+              ...c,
+              ref: g,
+              onDismiss: () => l.onOpenChange(!1)
+            }
+          )
         }
-      ) })
-    ] })
-  ] });
-};
+      ),
+      /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+        /* @__PURE__ */ i.jsx(ne, { titleId: l.titleId }),
+        /* @__PURE__ */ i.jsx(ie, { contentRef: d, descriptionId: l.descriptionId })
+      ] })
+    ] });
+  }
+), E = "DialogTitle", w = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(E, n);
+    return /* @__PURE__ */ i.jsx(m.h2, { id: r.titleId, ...a, ref: o });
+  }
+);
+w.displayName = E;
+var F = "DialogDescription", S = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(F, n);
+    return /* @__PURE__ */ i.jsx(m.p, { id: r.descriptionId, ...a, ref: o });
+  }
+);
+S.displayName = F;
+var W = "DialogClose", k = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(W, n);
+    return /* @__PURE__ */ i.jsx(
+      m.button,
+      {
+        type: "button",
+        ...a,
+        ref: o,
+        onClick: p(e.onClick, () => r.onOpenChange(!1))
+      }
+    );
+  }
+);
+k.displayName = W;
+function y(e) {
+  return e ? "open" : "closed";
+}
+var G = "DialogTitleWarning", [Ee, L] = H(G, {
+  contentName: f,
+  titleName: E,
+  docsSlug: "dialog"
+}), ne = ({ titleId: e }) => {
+  const o = L(G), n = `\`${o.contentName}\` requires a \`${o.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${o.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${o.docsSlug}`;
+  return s.useEffect(() => {
+    e && (document.getElementById(e) || console.error(n));
+  }, [n, e]), null;
+}, ae = "DialogDescriptionWarning", ie = ({ contentRef: e, descriptionId: o }) => {
+  const a = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${L(ae).contentName}}.`;
+  return s.useEffect(() => {
+    var t;
+    const r = (t = e.current) == null ? void 0 : t.getAttribute("aria-describedby");
+    o && r && (document.getElementById(o) || console.warn(a));
+  }, [a, e, o]), null;
+}, ye = P, Ne = I, Pe = j, Oe = T, Ie = b, Ae = w, je = S, Te = k;
 export {
-  V as HeaderDesktop
+  Te as Close,
+  Ie as Content,
+  je as Description,
+  P as Dialog,
+  k as DialogClose,
+  b as DialogContent,
+  S as DialogDescription,
+  T as DialogOverlay,
+  j as DialogPortal,
+  w as DialogTitle,
+  I as DialogTrigger,
+  Oe as Overlay,
+  Pe as Portal,
+  ye as Root,
+  Ae as Title,
+  Ne as Trigger,
+  Ee as WarningProvider,
+  he as createDialogScope
 };
 //# sourceMappingURL=index.es283.js.map

package/dist/index.es283.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es283.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={44} width={27} />\n\n              {region !== \"nazionale\" && (\n                <>\n                  <Divider bg=\"border-divider\" direction=\"vertical\" />\n\n                  <RegionIcon width={44} height={44} />\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\n            containerClass=\"ui-container\"\n            className=\"base-row align-items-center justify-content-between max-h-x52\"\n          >\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                      className={clsx(\n                        \"text-decoration-none fs-custom\",\n                        item.active\n                          ? \"fw-bold text-primary\"\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                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.es283.js","sources":["../node_modules/@radix-ui/react-dialog/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// src/dialog.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContext, createContextScope } from \"@radix-ui/react-context\";\nimport { useId } from \"@radix-ui/react-id\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { DismissableLayer } from \"@radix-ui/react-dismissable-layer\";\nimport { FocusScope } from \"@radix-ui/react-focus-scope\";\nimport { Portal as PortalPrimitive } from \"@radix-ui/react-portal\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useFocusGuards } from \"@radix-ui/react-focus-guards\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { hideOthers } from \"aria-hidden\";\nimport { createSlot } from \"@radix-ui/react-slot\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nvar DIALOG_NAME = \"Dialog\";\nvar [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);\nvar [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);\nvar Dialog = (props) => {\n  const {\n    __scopeDialog,\n    children,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    modal = true\n  } = props;\n  const triggerRef = React.useRef(null);\n  const contentRef = React.useRef(null);\n  const [open, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen ?? false,\n    onChange: onOpenChange,\n    caller: DIALOG_NAME\n  });\n  return /* @__PURE__ */ jsx(\n    DialogProvider,\n    {\n      scope: __scopeDialog,\n      triggerRef,\n      contentRef,\n      contentId: useId(),\n      titleId: useId(),\n      descriptionId: useId(),\n      open,\n      onOpenChange: setOpen,\n      onOpenToggle: React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),\n      modal,\n      children\n    }\n  );\n};\nDialog.displayName = DIALOG_NAME;\nvar TRIGGER_NAME = \"DialogTrigger\";\nvar DialogTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDialog, ...triggerProps } = props;\n    const context = useDialogContext(TRIGGER_NAME, __scopeDialog);\n    const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);\n    return /* @__PURE__ */ jsx(\n      Primitive.button,\n      {\n        type: \"button\",\n        \"aria-haspopup\": \"dialog\",\n        \"aria-expanded\": context.open,\n        \"aria-controls\": context.contentId,\n        \"data-state\": getState(context.open),\n        ...triggerProps,\n        ref: composedTriggerRef,\n        onClick: composeEventHandlers(props.onClick, context.onOpenToggle)\n      }\n    );\n  }\n);\nDialogTrigger.displayName = TRIGGER_NAME;\nvar PORTAL_NAME = \"DialogPortal\";\nvar [PortalProvider, usePortalContext] = createDialogContext(PORTAL_NAME, {\n  forceMount: void 0\n});\nvar DialogPortal = (props) => {\n  const { __scopeDialog, forceMount, children, container } = props;\n  const context = useDialogContext(PORTAL_NAME, __scopeDialog);\n  return /* @__PURE__ */ jsx(PortalProvider, { scope: __scopeDialog, forceMount, children: React.Children.map(children, (child) => /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(PortalPrimitive, { asChild: true, container, children: child }) })) });\n};\nDialogPortal.displayName = PORTAL_NAME;\nvar OVERLAY_NAME = \"DialogOverlay\";\nvar DialogOverlay = React.forwardRef(\n  (props, forwardedRef) => {\n    const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);\n    const { forceMount = portalContext.forceMount, ...overlayProps } = props;\n    const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);\n    return context.modal ? /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;\n  }\n);\nDialogOverlay.displayName = OVERLAY_NAME;\nvar Slot = createSlot(\"DialogOverlay.RemoveScroll\");\nvar DialogOverlayImpl = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDialog, ...overlayProps } = props;\n    const context = useDialogContext(OVERLAY_NAME, __scopeDialog);\n    return (\n      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`\n      // ie. when `Overlay` and `Content` are siblings\n      /* @__PURE__ */ jsx(RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx(\n        Primitive.div,\n        {\n          \"data-state\": getState(context.open),\n          ...overlayProps,\n          ref: forwardedRef,\n          style: { pointerEvents: \"auto\", ...overlayProps.style }\n        }\n      ) })\n    );\n  }\n);\nvar CONTENT_NAME = \"DialogContent\";\nvar DialogContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);\n    const { forceMount = portalContext.forceMount, ...contentProps } = props;\n    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });\n  }\n);\nDialogContent.displayName = CONTENT_NAME;\nvar DialogContentModal = React.forwardRef(\n  (props, forwardedRef) => {\n    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n    const contentRef = React.useRef(null);\n    const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);\n    React.useEffect(() => {\n      const content = contentRef.current;\n      if (content) return hideOthers(content);\n    }, []);\n    return /* @__PURE__ */ jsx(\n      DialogContentImpl,\n      {\n        ...props,\n        ref: composedRefs,\n        trapFocus: context.open,\n        disableOutsidePointerEvents: true,\n        onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {\n          event.preventDefault();\n          context.triggerRef.current?.focus();\n        }),\n        onPointerDownOutside: composeEventHandlers(props.onPointerDownOutside, (event) => {\n          const originalEvent = event.detail.originalEvent;\n          const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;\n          const isRightClick = originalEvent.button === 2 || ctrlLeftClick;\n          if (isRightClick) event.preventDefault();\n        }),\n        onFocusOutside: composeEventHandlers(\n          props.onFocusOutside,\n          (event) => event.preventDefault()\n        )\n      }\n    );\n  }\n);\nvar DialogContentNonModal = React.forwardRef(\n  (props, forwardedRef) => {\n    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n    const hasInteractedOutsideRef = React.useRef(false);\n    const hasPointerDownOutsideRef = React.useRef(false);\n    return /* @__PURE__ */ jsx(\n      DialogContentImpl,\n      {\n        ...props,\n        ref: forwardedRef,\n        trapFocus: false,\n        disableOutsidePointerEvents: false,\n        onCloseAutoFocus: (event) => {\n          props.onCloseAutoFocus?.(event);\n          if (!event.defaultPrevented) {\n            if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();\n            event.preventDefault();\n          }\n          hasInteractedOutsideRef.current = false;\n          hasPointerDownOutsideRef.current = false;\n        },\n        onInteractOutside: (event) => {\n          props.onInteractOutside?.(event);\n          if (!event.defaultPrevented) {\n            hasInteractedOutsideRef.current = true;\n            if (event.detail.originalEvent.type === \"pointerdown\") {\n              hasPointerDownOutsideRef.current = true;\n            }\n          }\n          const target = event.target;\n          const targetIsTrigger = context.triggerRef.current?.contains(target);\n          if (targetIsTrigger) event.preventDefault();\n          if (event.detail.originalEvent.type === \"focusin\" && hasPointerDownOutsideRef.current) {\n            event.preventDefault();\n          }\n        }\n      }\n    );\n  }\n);\nvar DialogContentImpl = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;\n    const context = useDialogContext(CONTENT_NAME, __scopeDialog);\n    const contentRef = React.useRef(null);\n    const composedRefs = useComposedRefs(forwardedRef, contentRef);\n    useFocusGuards();\n    return /* @__PURE__ */ jsxs(Fragment, { children: [\n      /* @__PURE__ */ jsx(\n        FocusScope,\n        {\n          asChild: true,\n          loop: true,\n          trapped: trapFocus,\n          onMountAutoFocus: onOpenAutoFocus,\n          onUnmountAutoFocus: onCloseAutoFocus,\n          children: /* @__PURE__ */ jsx(\n            DismissableLayer,\n            {\n              role: \"dialog\",\n              id: context.contentId,\n              \"aria-describedby\": context.descriptionId,\n              \"aria-labelledby\": context.titleId,\n              \"data-state\": getState(context.open),\n              ...contentProps,\n              ref: composedRefs,\n              onDismiss: () => context.onOpenChange(false)\n            }\n          )\n        }\n      ),\n      /* @__PURE__ */ jsxs(Fragment, { children: [\n        /* @__PURE__ */ jsx(TitleWarning, { titleId: context.titleId }),\n        /* @__PURE__ */ jsx(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })\n      ] })\n    ] });\n  }\n);\nvar TITLE_NAME = \"DialogTitle\";\nvar DialogTitle = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDialog, ...titleProps } = props;\n    const context = useDialogContext(TITLE_NAME, __scopeDialog);\n    return /* @__PURE__ */ jsx(Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });\n  }\n);\nDialogTitle.displayName = TITLE_NAME;\nvar DESCRIPTION_NAME = \"DialogDescription\";\nvar DialogDescription = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDialog, ...descriptionProps } = props;\n    const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);\n    return /* @__PURE__ */ jsx(Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });\n  }\n);\nDialogDescription.displayName = DESCRIPTION_NAME;\nvar CLOSE_NAME = \"DialogClose\";\nvar DialogClose = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDialog, ...closeProps } = props;\n    const context = useDialogContext(CLOSE_NAME, __scopeDialog);\n    return /* @__PURE__ */ jsx(\n      Primitive.button,\n      {\n        type: \"button\",\n        ...closeProps,\n        ref: forwardedRef,\n        onClick: composeEventHandlers(props.onClick, () => context.onOpenChange(false))\n      }\n    );\n  }\n);\nDialogClose.displayName = CLOSE_NAME;\nfunction getState(open) {\n  return open ? \"open\" : \"closed\";\n}\nvar TITLE_WARNING_NAME = \"DialogTitleWarning\";\nvar [WarningProvider, useWarningContext] = createContext(TITLE_WARNING_NAME, {\n  contentName: CONTENT_NAME,\n  titleName: TITLE_NAME,\n  docsSlug: \"dialog\"\n});\nvar TitleWarning = ({ titleId }) => {\n  const titleWarningContext = useWarningContext(TITLE_WARNING_NAME);\n  const MESSAGE = `\\`${titleWarningContext.contentName}\\` requires a \\`${titleWarningContext.titleName}\\` for the component to be accessible for screen reader users.\n\nIf you want to hide the \\`${titleWarningContext.titleName}\\`, you can wrap it with our VisuallyHidden component.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;\n  React.useEffect(() => {\n    if (titleId) {\n      const hasTitle = document.getElementById(titleId);\n      if (!hasTitle) console.error(MESSAGE);\n    }\n  }, [MESSAGE, titleId]);\n  return null;\n};\nvar DESCRIPTION_WARNING_NAME = \"DialogDescriptionWarning\";\nvar DescriptionWarning = ({ contentRef, descriptionId }) => {\n  const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);\n  const MESSAGE = `Warning: Missing \\`Description\\` or \\`aria-describedby={undefined}\\` for {${descriptionWarningContext.contentName}}.`;\n  React.useEffect(() => {\n    const describedById = contentRef.current?.getAttribute(\"aria-describedby\");\n    if (descriptionId && describedById) {\n      const hasDescription = document.getElementById(descriptionId);\n      if (!hasDescription) console.warn(MESSAGE);\n    }\n  }, [MESSAGE, contentRef, descriptionId]);\n  return null;\n};\nvar Root = Dialog;\nvar Trigger = DialogTrigger;\nvar Portal = DialogPortal;\nvar Overlay = DialogOverlay;\nvar Content = DialogContent;\nvar Title = DialogTitle;\nvar Description = DialogDescription;\nvar Close = DialogClose;\nexport {\n  Close,\n  Content,\n  Description,\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n  Overlay,\n  Portal,\n  Root,\n  Title,\n  Trigger,\n  WarningProvider,\n  createDialogScope\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["DIALOG_NAME","createDialogContext","createDialogScope","createContextScope","DialogProvider","useDialogContext","Dialog","props","__scopeDialog","children","openProp","defaultOpen","onOpenChange","modal","triggerRef","React","contentRef","open","setOpen","useControllableState","jsx","useId","prevOpen","TRIGGER_NAME","DialogTrigger","forwardedRef","triggerProps","context","composedTriggerRef","useComposedRefs","Primitive","getState","composeEventHandlers","PORTAL_NAME","PortalProvider","usePortalContext","DialogPortal","forceMount","container","child","Presence","PortalPrimitive","OVERLAY_NAME","DialogOverlay","portalContext","overlayProps","DialogOverlayImpl","Slot","createSlot","RemoveScroll","CONTENT_NAME","DialogContent","contentProps","DialogContentModal","DialogContentNonModal","composedRefs","content","hideOthers","DialogContentImpl","event","_a","originalEvent","ctrlLeftClick","hasInteractedOutsideRef","hasPointerDownOutsideRef","_b","target","trapFocus","onOpenAutoFocus","onCloseAutoFocus","useFocusGuards","jsxs","Fragment","FocusScope","DismissableLayer","TitleWarning","DescriptionWarning","TITLE_NAME","DialogTitle","titleProps","DESCRIPTION_NAME","DialogDescription","descriptionProps","CLOSE_NAME","DialogClose","closeProps","TITLE_WARNING_NAME","WarningProvider","useWarningContext","createContext","titleId","titleWarningContext","MESSAGE","DESCRIPTION_WARNING_NAME","descriptionId","describedById","Root","Trigger","Portal","Overlay","Content","Title","Description","Close"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.es284.js

@@ -1,31 +1,83 @@
-import { useState as r, useEffect as i } from "react";
-const m = (s) => {
-  const [c, n] = r(!1);
-  return i(() => {
-    const e = window.matchMedia(s);
-    n(e.matches);
-    const t = (a) => {
-      n(a.matches);
-    };
-    return e.addEventListener("change", t), () => {
-      e.removeEventListener("change", t);
-    };
-  }, [s]), c;
-}, d = (s, c) => {
-  const [n, e] = r(c);
-  return i(() => {
-    const t = window.matchMedia(s);
-    e(t.matches);
-    const a = (o) => {
-      e(o.matches);
-    };
-    return t.addEventListener("change", a), () => {
-      t.removeEventListener("change", a);
-    };
-  }, [s]), n;
-};
+import { j as e } from "./index.es241.js";
+import { Close as i, Title as n } from "./index.es283.js";
+import { Button as a } from "./index.es32.js";
+import './components/ui/BaseModal/BaseModalHeader/BaseModalHeader.css';/* empty css            */
+import { clsx as m } from "./index.es244.js";
+import { ArrowLeft as h } from "./index.es169.js";
+import { Row as c } from "./index.es116.js";
+import { Close as d } from "./index.es182.js";
+import { Col as l } from "./index.es61.js";
+const y = ({
+  labels: t = {
+    closeButton: "Chiudi",
+    backButton: "Indietro"
+  },
+  onCloseClick: r,
+  onBackClick: o,
+  showBackButton: s = !1,
+  children: x,
+  classNameModalHeader: u = "ui-base-modal-header"
+}) => /* @__PURE__ */ e.jsxs("header", { className: m(u, "bg-white br-t-x4"), children: [
+  /* @__PURE__ */ e.jsxs(c, { alignItems: "center", justifyContent: "space-between", children: [
+    s && o && (t != null && t.backButton) ? /* @__PURE__ */ e.jsxs(
+      a,
+      {
+        size: "4",
+        textColor: "primary",
+        bg: "transparent",
+        "aria-label": "Torna indietro",
+        onClick: o,
+        children: [
+          /* @__PURE__ */ e.jsx(h, { className: "mr-x8" }),
+          t.backButton
+        ]
+      }
+    ) : null,
+    r && (t != null && t.closeButton) ? /* @__PURE__ */ e.jsx(i, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+      a,
+      {
+        size: "4",
+        textColor: "primary",
+        bg: "transparent",
+        "aria-label": "Chiudi modale",
+        onClick: r,
+        className: "ui-base-modal-close",
+        children: [
+          t.closeButton,
+          /* @__PURE__ */ e.jsx(d, { className: "ml-x8" })
+        ]
+      }
+    ) }) : null
+  ] }),
+  /* @__PURE__ */ e.jsx(l, { children: /* @__PURE__ */ e.jsx(n, { className: "fs-3 text-slate-20 fw-bold", children: x }) })
+] }), z = ({
+  labels: t = {
+    closeButton: "Chiudi"
+  },
+  onCloseClick: r,
+  children: o,
+  classNameModalHeader: s = "ui-base-modal-header"
+}) => /* @__PURE__ */ e.jsx("header", { className: m(s, "bg-white br-t-x4"), children: /* @__PURE__ */ e.jsxs(c, { justifyContent: "space-between", children: [
+  /* @__PURE__ */ e.jsx(l, {}),
+  /* @__PURE__ */ e.jsx(n, { className: "fs-3 text-slate-20 fw-bold", children: o }),
+  r && (t != null && t.closeButton) ? /* @__PURE__ */ e.jsx(i, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+    a,
+    {
+      size: "4",
+      textColor: "primary",
+      bg: "transparent",
+      "aria-label": "Chiudi modale",
+      onClick: r,
+      className: "ui-base-modal-close",
+      children: [
+        t.closeButton,
+        /* @__PURE__ */ e.jsx(d, { className: "ml-x8" })
+      ]
+    }
+  ) }) : null
+] }) });
 export {
-  m as useMediaQuery,
-  d as useMediaQueryV2
+  y as BaseModalHeader,
+  z as BaseModalHeaderV2
 };
 //# sourceMappingURL=index.es284.js.map

package/dist/index.es284.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es284.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nexport const useMediaQuery = (query: string): boolean => {\n  const [matches, setMatches] = useState(false);\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n\n    setMatches(media.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    media.addEventListener(\"change\", listener);\n\n    return () => {\n      media.removeEventListener(\"change\", listener);\n    };\n  }, [query]);\n\n  return matches;\n};\n\nexport const useMediaQueryV2 = (\n  query: string,\n  initialValue: boolean,\n): boolean => {\n  const [matches, setMatches] = useState(initialValue);\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n\n    setMatches(media.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    media.addEventListener(\"change\", listener);\n\n    return () => {\n      media.removeEventListener(\"change\", listener);\n    };\n  }, [query]);\n\n  return matches;\n};\n\ntype Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\ntype BreakpointMap = {\n  [key in Breakpoint]: boolean;\n};\n\nconst breakpoints: Record<Breakpoint, number> = {\n  xs: 576,\n  sm: 768,\n  md: 992,\n  lg: 1200,\n  xl: 1400,\n};\n\nexport const useBreakpoint = (): BreakpointMap => {\n  const [current, setCurrent] = useState<BreakpointMap>({\n    xs: false,\n    sm: false,\n    md: false,\n    lg: false,\n    xl: false,\n  });\n\n  const evaluate = () => {\n    const width = window.innerWidth;\n    const result: BreakpointMap = {\n      xs: width < breakpoints.xs,\n      sm: width >= breakpoints.xs && width < breakpoints.md,\n      md: width >= breakpoints.md && width < breakpoints.lg,\n      lg: width >= breakpoints.lg && width < breakpoints.xl,\n      xl: width >= breakpoints.lg,\n    };\n    setCurrent(result);\n  };\n\n  useEffect(() => {\n    evaluate();\n    window.addEventListener(\"resize\", evaluate);\n    return () => window.removeEventListener(\"resize\", evaluate);\n  }, []);\n\n  return current;\n};\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event","useMediaQueryV2","initialValue"],"mappings":";AAEO,MAAMA,IAAgB,CAACC,MAA2B;AACvD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAExB,UAAMC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEA,WAAAF,EAAM,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACX,MAAAD,EAAM,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EACF,GAAG,CAACN,CAAK,CAAC,GAEHC;AACT,GAEaO,IAAkB,CAC7BR,GACAS,MACY;AACZ,QAAM,CAACR,GAASC,CAAU,IAAIC,EAASM,CAAY;AAEnD,SAAAL,EAAU,MAAM;AACd,UAAMC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAExB,UAAMC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEA,WAAAF,EAAM,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACX,MAAAD,EAAM,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EACF,GAAG,CAACN,CAAK,CAAC,GAEHC;AACT;"}
+{"version":3,"file":"index.es284.js","sources":["../src/components/ui/BaseModal/BaseModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Button } from \"../../Button\";\r\nimport { Close, ArrowLeft } from \"@/icons\";\r\nimport \"./BaseModalHeader.scss\";\r\nimport { Col, Row } from \"@/components\";\r\nimport clsx from \"clsx\";\r\n\r\ntype BaseModalHeaderProps = {\r\n  labels?: {\r\n    closeButton?: string;\r\n    backButton?: string;\r\n  };\r\n  onCloseClick?: () => void;\r\n  onBackClick?: () => void;\r\n  showBackButton?: boolean;\r\n  children?: React.ReactNode;\r\n  classNameModalHeader?: string;\r\n};\r\n\r\nexport const BaseModalHeader = ({\r\n  labels = {\r\n    closeButton: \"Chiudi\",\r\n    backButton: \"Indietro\",\r\n  },\r\n  onCloseClick,\r\n  onBackClick,\r\n  showBackButton = false,\r\n  children,\r\n  classNameModalHeader = \"ui-base-modal-header\",\r\n}: BaseModalHeaderProps) => {\r\n  return (\r\n    <header className={clsx(classNameModalHeader, \"bg-white br-t-x4\")}>\r\n      <Row alignItems={\"center\"} justifyContent={\"space-between\"}>\r\n        {showBackButton && onBackClick && labels?.backButton ? (\r\n          <Button\r\n            size=\"4\"\r\n            textColor=\"primary\"\r\n            bg=\"transparent\"\r\n            aria-label=\"Torna indietro\"\r\n            onClick={onBackClick}\r\n          >\r\n            <ArrowLeft className=\"mr-x8\" />\r\n            {labels.backButton}\r\n          </Button>\r\n        ) : null}\r\n        {onCloseClick && labels?.closeButton ? (\r\n          <Dialog.Close asChild>\r\n            <Button\r\n              size=\"4\"\r\n              textColor=\"primary\"\r\n              bg=\"transparent\"\r\n              aria-label=\"Chiudi modale\"\r\n              onClick={onCloseClick}\r\n              className=\"ui-base-modal-close\"\r\n            >\r\n              {labels.closeButton}\r\n              <Close className=\"ml-x8\" />\r\n            </Button>\r\n          </Dialog.Close>\r\n        ) : null}\r\n      </Row>\r\n      <Col>\r\n        <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\r\n          {children}\r\n        </Dialog.Title>\r\n      </Col>\r\n    </header>\r\n  );\r\n};\r\n\r\nexport const BaseModalHeaderV2 = ({\r\n  labels = {\r\n    closeButton: \"Chiudi\",\r\n  },\r\n  onCloseClick,\r\n  children,\r\n  classNameModalHeader = \"ui-base-modal-header\",\r\n}: BaseModalHeaderProps) => {\r\n  return (\r\n    <header className={clsx(classNameModalHeader, \"bg-white br-t-x4\")}>\r\n      <Row justifyContent={\"space-between\"}>\r\n        <Col />\r\n        <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\r\n          {children}\r\n        </Dialog.Title>\r\n        {onCloseClick && labels?.closeButton ? (\r\n          <Dialog.Close asChild>\r\n            <Button\r\n              size=\"4\"\r\n              textColor=\"primary\"\r\n              bg=\"transparent\"\r\n              aria-label=\"Chiudi modale\"\r\n              onClick={onCloseClick}\r\n              className=\"ui-base-modal-close\"\r\n            >\r\n              {labels.closeButton}\r\n              <Close className=\"ml-x8\" />\r\n            </Button>\r\n          </Dialog.Close>\r\n        ) : null}\r\n      </Row>\r\n    </header>\r\n  );\r\n};\r\n"],"names":["BaseModalHeader","labels","onCloseClick","onBackClick","showBackButton","children","classNameModalHeader","clsx","jsxs","Row","Button","jsx","ArrowLeft","Dialog.Close","Close","Col","Dialog.Title","BaseModalHeaderV2"],"mappings":";;;;;;;;;AAmBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,EAAA;AAAA,EAEd,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,UAAAC;AAAA,EACA,sBAAAC,IAAuB;AACzB,6BAEK,UAAA,EAAO,WAAWC,EAAKD,GAAsB,kBAAkB,GAC9D,UAAA;AAAA,EAAAE,gBAAAA,EAAAA,KAACC,GAAA,EAAI,YAAY,UAAU,gBAAgB,iBACxC,UAAA;AAAA,IAAAL,KAAkBD,MAAeF,KAAA,QAAAA,EAAQ,cACxCO,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASP;AAAA,QAET,UAAA;AAAA,UAAAQ,gBAAAA,EAAAA,IAACC,GAAA,EAAU,WAAU,QAAA,CAAQ;AAAA,UAC5BX,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAER;AAAA,IACHC,MAAgBD,KAAA,QAAAA,EAAQ,eACvBU,gBAAAA,EAAAA,IAACE,GAAA,EAAa,SAAO,IACnB,UAAAL,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASR;AAAA,QACT,WAAU;AAAA,QAET,UAAA;AAAA,UAAAD,EAAO;AAAA,UACRU,gBAAAA,EAAAA,IAACG,GAAA,EAAM,WAAU,QAAA,CAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAE7B,IACE;AAAA,EAAA,GACN;AAAA,EACAH,gBAAAA,MAACI,KACC,UAAAJ,gBAAAA,EAAAA,IAACK,GAAA,EAAa,WAAU,8BACrB,UAAAX,EAAA,CACH,EAAA,CACF;AAAA,GACF,GAISY,IAAoB,CAAC;AAAA,EAChC,QAAAhB,IAAS;AAAA,IACP,aAAa;AAAA,EAAA;AAAA,EAEf,cAAAC;AAAA,EACA,UAAAG;AAAA,EACA,sBAAAC,IAAuB;AACzB,MAEIK,gBAAAA,EAAAA,IAAC,UAAA,EAAO,WAAWJ,EAAKD,GAAsB,kBAAkB,GAC9D,UAAAE,gBAAAA,EAAAA,KAACC,GAAA,EAAI,gBAAgB,iBACnB,UAAA;AAAA,EAAAE,gBAAAA,EAAAA,IAACI,GAAA,EAAI;AAAA,wBACJC,GAAA,EAAa,WAAU,8BACrB,UAAAX,EAAA,CACH;AAAA,EACCH,MAAgBD,KAAA,QAAAA,EAAQ,eACvBU,gBAAAA,EAAAA,IAACE,GAAA,EAAa,SAAO,IACnB,UAAAL,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASR;AAAA,MACT,WAAU;AAAA,MAET,UAAA;AAAA,QAAAD,EAAO;AAAA,QACRU,gBAAAA,EAAAA,IAACG,GAAA,EAAM,WAAU,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE7B,IACE;AAAA,EAAA,CACN,EAAA,CACF;"}