@anoki/fse-ui 1.0.429 → 1.0.430

package/dist/index.es191.js

@@ -1,146 +1,23 @@
-import { j as e } from "./index.es161.js";
-import { Divider as u } from "./index.es180.js";
-import { LOGOS as d } from "./index.es24.js";
-import { HeaderSlim as N } from "./index.es17.js";
-import { clsx as n } from "./index.es163.js";
-import { Balancer as w } from "./index.es237.js";
-import { Button as y } from "./index.es25.js";
-import { Container as I } from "./index.es6.js";
-import './components/navigations/HeaderDesktop/HeaderDesktop.css';/* empty css            */
-import { Row as l } from "./index.es9.js";
-const O = ({
-  title: t,
-  region: r,
-  asLink: x = "a",
-  labels: m,
-  navigatonItems: h,
-  supportLink: s,
-  loginLink: j = "/",
-  shortTitle: c,
-  headerTitleClassname: f,
-  children: p,
-  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" })
-              ]
-            }
-          ),
-          p
-        ]
-      }
-    ),
-    /* @__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: 58 }),
-                r !== "nazionale" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  /* @__PURE__ */ e.jsx(u, { bg: "border-divider", direction: "vertical" }),
-                  /* @__PURE__ */ e.jsx(v, { width: 58, height: 58 })
-                ] })
-              ] }),
-              /* @__PURE__ */ e.jsx("h1", { className: n(f), children: /* @__PURE__ */ e.jsx(w, { children: /* @__PURE__ */ e.jsxs(
-                i,
-                {
-                  href: "/",
-                  className: "fs-2 fw-bold text-slate-20 text-decoration-none hover-underline",
-                  children: [
-                    t,
-                    /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
-                  ]
-                }
-              ) }) })
-            ] }),
-            /* @__PURE__ */ e.jsxs(y, { size: "2", href: j, asLink: "a", children: [
-              m.login,
-              /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: " Accedi con Cohesion" })
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ e.jsx("nav", { "aria-label": "Menu di navigazione", className: "shadow-bottom", children: /* @__PURE__ */ e.jsxs(I, { className: "base-row align-items-center justify-content-between max-h-x52", children: [
-        /* @__PURE__ */ e.jsx(l, { as: "ul", className: "list-style-none", role: "list", children: h.map((a, g) => /* @__PURE__ */ e.jsx(
-          "li",
-          {
-            className: n(
-              "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 { 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 {
-  O as HeaderDesktop
+  m as useClickOutside
 };
 //# sourceMappingURL=index.es191.js.map

package/dist/index.es191.js.map

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

@@ -0,0 +1,6 @@
+import { useMediaQuery as e } from "./index.es169.js";
+const t = () => e("(min-width: 1200px)");
+export {
+  t as useIsDesktop
+};
+//# sourceMappingURL=index.es194.js.map

package/dist/index.es194.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es194.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.es206.js → index.es199.js}

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es161.js";
-import { clsx as i } from "./index.es163.js";
-import { createColorClasses as l } from "./index.es170.js";
+import { clsx as i } from "./index.es162.js";
+import { createColorClasses as l } from "./index.es165.js";
 const d = ({
   width: s = 24,
   height: t = 24,
@@ -51,4 +51,4 @@ const d = ({
 export {
   d as Spid
 };
-//# sourceMappingURL=index.es206.js.map
+//# sourceMappingURL=index.es199.js.map

package/dist/{index.es206.js.map → index.es199.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es206.js","sources":["../src/icons/Spid/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"../../types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const Spid = ({\r\n  width = 24,\r\n  height = 24,\r\n  className,\r\n  color,\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      width={width}\r\n      height={height}\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"currentColor\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      aria-hidden=\"true\"\r\n      className={clsx(className, classes)}\r\n    >\r\n      <path\r\n        d=\"M11.9996 0C5.38314 0 0 5.38343 0 11.9998C0 18.6166 5.38314 24 11.9996 24C18.6165 24 24 18.6166 24 11.9998C24 5.38343 18.6165 0 11.9996 0Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M9.13824 11.8425C8.37925 11.0725 8 10.1162 8 8.97684C8 7.83516 8.37925 6.88577 9.13349 6.13004C9.88724 5.37661 10.8482 4.99805 12.0283 4.99805C13.2036 4.99805 14.1603 5.38168 14.895 6.15908C15.6312 6.93603 16 7.88727 16 9.02663C16 10.1628 15.6312 11.1066 14.895 11.8642C14.1603 12.619 13.2093 12.998 12.0378 12.998C10.8663 12.998 9.90008 12.6135 9.13824 11.8425Z\"\r\n        fill=\"#0066CC\"\r\n        stroke=\"#0066CC\"\r\n        strokeWidth=\"0.3\"\r\n      />\r\n      <path\r\n        d=\"M8 18.998C8 17.8501 8.37553 16.8963 9.11906 16.1395C9.86871 15.379 10.8207 14.998 11.9929 14.998C13.1553 14.998 14.1045 15.3836 14.8273 16.1641C15.5562 16.9459 16 17.8538 16 18.998H8Z\"\r\n        fill=\"#0066CC\"\r\n        stroke=\"#0066CC\"\r\n        strokeWidth=\"0.3\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["Spid","width","height","className","color","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;AAIO,MAAMA,IAAO,CAAC;AAAA,EACnB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAF,GAAO;AAG1C,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAY;AAAA,MACZ,WAAWM,EAAKL,GAAWE,CAAO;AAAA,MAElC,UAAA;AAAA,QAAAI,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAY;AAAA,UAAA;AAAA,QACd;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es199.js","sources":["../src/icons/Spid/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"../../types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const Spid = ({\r\n  width = 24,\r\n  height = 24,\r\n  className,\r\n  color,\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      width={width}\r\n      height={height}\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"currentColor\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      aria-hidden=\"true\"\r\n      className={clsx(className, classes)}\r\n    >\r\n      <path\r\n        d=\"M11.9996 0C5.38314 0 0 5.38343 0 11.9998C0 18.6166 5.38314 24 11.9996 24C18.6165 24 24 18.6166 24 11.9998C24 5.38343 18.6165 0 11.9996 0Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M9.13824 11.8425C8.37925 11.0725 8 10.1162 8 8.97684C8 7.83516 8.37925 6.88577 9.13349 6.13004C9.88724 5.37661 10.8482 4.99805 12.0283 4.99805C13.2036 4.99805 14.1603 5.38168 14.895 6.15908C15.6312 6.93603 16 7.88727 16 9.02663C16 10.1628 15.6312 11.1066 14.895 11.8642C14.1603 12.619 13.2093 12.998 12.0378 12.998C10.8663 12.998 9.90008 12.6135 9.13824 11.8425Z\"\r\n        fill=\"#0066CC\"\r\n        stroke=\"#0066CC\"\r\n        strokeWidth=\"0.3\"\r\n      />\r\n      <path\r\n        d=\"M8 18.998C8 17.8501 8.37553 16.8963 9.11906 16.1395C9.86871 15.379 10.8207 14.998 11.9929 14.998C13.1553 14.998 14.1045 15.3836 14.8273 16.1641C15.5562 16.9459 16 17.8538 16 18.998H8Z\"\r\n        fill=\"#0066CC\"\r\n        stroke=\"#0066CC\"\r\n        strokeWidth=\"0.3\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["Spid","width","height","className","color","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;AAIO,MAAMA,IAAO,CAAC;AAAA,EACnB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAF,GAAO;AAG1C,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAY;AAAA,MACZ,WAAWM,EAAKL,GAAWE,CAAO;AAAA,MAElC,UAAA;AAAA,QAAAI,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAY;AAAA,UAAA;AAAA,QACd;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es20.js

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

package/dist/index.es201.js

@@ -1,6 +1,260 @@
-import { useMediaQuery as e } from "./index.es176.js";
-const t = () => e("(min-width: 1200px)");
+import * as s from "react";
+import { composeEventHandlers as p } from "./index.es286.js";
+import { useComposedRefs as C } from "./index.es287.js";
+import { createContextScope as L, createContext as $ } from "./index.es288.js";
+import { useId as x } from "./index.es292.js";
+import { useControllableState as B } from "./index.es289.js";
+import { DismissableLayer as H } from "./index.es293.js";
+import { FocusScope as V } from "./index.es294.js";
+import { Portal as q } from "./index.es295.js";
+import { Presence as R } from "./index.es296.js";
+import { Primitive as m } from "./index.es290.js";
+import { useFocusGuards as K } from "./index.es297.js";
+import U from "./index.es298.js";
+import { hideOthers as Y } from "./index.es299.js";
+import { Slot as Z } from "./index.es300.js";
+import { j as i } from "./index.es161.js";
+var _ = "Dialog", [P, _e] = L(_), [z, u] = P(_), y = (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 = !1, v] = B({
+    prop: a,
+    defaultProp: r,
+    onChange: t
+  });
+  return /* @__PURE__ */ i.jsx(
+    z,
+    {
+      scope: o,
+      triggerRef: l,
+      contentRef: d,
+      contentId: x(),
+      titleId: x(),
+      descriptionId: x(),
+      open: g,
+      onOpenChange: v,
+      onOpenToggle: s.useCallback(() => v((G) => !G), [v]),
+      modal: c,
+      children: n
+    }
+  );
+};
+y.displayName = _;
+var I = "DialogTrigger", J = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(I, n), t = C(o, r.triggerRef);
+    return /* @__PURE__ */ i.jsx(
+      m.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": r.open,
+        "aria-controls": r.contentId,
+        "data-state": N(r.open),
+        ...a,
+        ref: t,
+        onClick: p(e.onClick, r.onOpenToggle)
+      }
+    );
+  }
+);
+J.displayName = I;
+var h = "DialogPortal", [Q, O] = P(h, {
+  forceMount: void 0
+}), A = (e) => {
+  const { __scopeDialog: o, forceMount: n, children: a, container: r } = e, t = u(h, o);
+  return /* @__PURE__ */ i.jsx(Q, { scope: o, forceMount: n, children: s.Children.map(a, (c) => /* @__PURE__ */ i.jsx(R, { present: n || t.open, children: /* @__PURE__ */ i.jsx(q, { asChild: !0, container: r, children: c }) })) });
+};
+A.displayName = h;
+var D = "DialogOverlay", j = s.forwardRef(
+  (e, o) => {
+    const n = O(D, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, t = u(D, e.__scopeDialog);
+    return t.modal ? /* @__PURE__ */ i.jsx(R, { present: a || t.open, children: /* @__PURE__ */ i.jsx(X, { ...r, ref: o }) }) : null;
+  }
+);
+j.displayName = D;
+var X = 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(U, { as: Z, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i.jsx(
+        m.div,
+        {
+          "data-state": N(r.open),
+          ...a,
+          ref: o,
+          style: { pointerEvents: "auto", ...a.style }
+        }
+      ) })
+    );
+  }
+), f = "DialogContent", T = s.forwardRef(
+  (e, o) => {
+    const n = O(f, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, t = u(f, e.__scopeDialog);
+    return /* @__PURE__ */ i.jsx(R, { present: a || t.open, children: t.modal ? /* @__PURE__ */ i.jsx(ee, { ...r, ref: o }) : /* @__PURE__ */ i.jsx(te, { ...r, ref: o }) });
+  }
+);
+T.displayName = f;
+var ee = s.forwardRef(
+  (e, o) => {
+    const n = u(f, e.__scopeDialog), a = s.useRef(null), r = C(o, n.contentRef, a);
+    return s.useEffect(() => {
+      const t = a.current;
+      if (t) return Y(t);
+    }, []), /* @__PURE__ */ i.jsx(
+      b,
+      {
+        ...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()
+        )
+      }
+    );
+  }
+), te = s.forwardRef(
+  (e, o) => {
+    const n = u(f, e.__scopeDialog), a = s.useRef(!1), r = s.useRef(!1);
+    return /* @__PURE__ */ i.jsx(
+      b,
+      {
+        ...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();
+        }
+      }
+    );
+  }
+), b = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, trapFocus: a, onOpenAutoFocus: r, onCloseAutoFocus: t, ...c } = e, l = u(f, n), d = s.useRef(null), g = C(o, d);
+    return K(), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+      /* @__PURE__ */ i.jsx(
+        V,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: a,
+          onMountAutoFocus: r,
+          onUnmountAutoFocus: t,
+          children: /* @__PURE__ */ i.jsx(
+            H,
+            {
+              role: "dialog",
+              id: l.contentId,
+              "aria-describedby": l.descriptionId,
+              "aria-labelledby": l.titleId,
+              "data-state": N(l.open),
+              ...c,
+              ref: g,
+              onDismiss: () => l.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+        /* @__PURE__ */ i.jsx(re, { titleId: l.titleId }),
+        /* @__PURE__ */ i.jsx(ae, { contentRef: d, descriptionId: l.descriptionId })
+      ] })
+    ] });
+  }
+), E = "DialogTitle", M = 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 });
+  }
+);
+M.displayName = E;
+var w = "DialogDescription", oe = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(w, n);
+    return /* @__PURE__ */ i.jsx(m.p, { id: r.descriptionId, ...a, ref: o });
+  }
+);
+oe.displayName = w;
+var F = "DialogClose", S = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(F, n);
+    return /* @__PURE__ */ i.jsx(
+      m.button,
+      {
+        type: "button",
+        ...a,
+        ref: o,
+        onClick: p(e.onClick, () => r.onOpenChange(!1))
+      }
+    );
+  }
+);
+S.displayName = F;
+function N(e) {
+  return e ? "open" : "closed";
+}
+var W = "DialogTitleWarning", [he, k] = $(W, {
+  contentName: f,
+  titleName: E,
+  docsSlug: "dialog"
+}), re = ({ titleId: e }) => {
+  const o = k(W), 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;
+}, ne = "DialogDescriptionWarning", ae = ({ contentRef: e, descriptionId: o }) => {
+  const a = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${k(ne).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;
+}, Ee = y, Ne = A, Pe = j, ye = T, Ie = M, Oe = S;
 export {
-  t as useIsDesktop
+  Oe as Close,
+  ye as Content,
+  y as Dialog,
+  S as DialogClose,
+  T as DialogContent,
+  oe as DialogDescription,
+  j as DialogOverlay,
+  A as DialogPortal,
+  M as DialogTitle,
+  J as DialogTrigger,
+  Pe as Overlay,
+  Ne as Portal,
+  Ee as Root,
+  Ie as Title,
+  he as WarningProvider,
+  _e as createDialogScope
 };
 //# sourceMappingURL=index.es201.js.map

package/dist/index.es201.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es201.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;"}
+{"version":3,"file":"index.es201.js","sources":["../node_modules/@radix-ui/react-dialog/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// packages/react/dialog/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 { Slot } 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 = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange\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 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","RemoveScroll","Slot","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","Portal","Overlay","Content","Title","Close"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.es202.js

@@ -0,0 +1,54 @@
+import { j as r } from "./index.es161.js";
+import { Close as n, Title as m } from "./index.es201.js";
+import { Button as s } from "./index.es25.js";
+import './components/ui/BaseModal/BaseModalHeader/BaseModalHeader.css';/* empty css            */
+import { ArrowLeft as c } from "./index.es112.js";
+import { Row as d } from "./index.es9.js";
+import { Close as u } from "./index.es101.js";
+const B = ({
+  labels: t = {
+    closeButton: "Chiudi",
+    backButton: "Indietro"
+  },
+  onCloseClick: o,
+  onBackClick: e,
+  showBackButton: i = !1,
+  children: a
+}) => /* @__PURE__ */ r.jsxs("header", { className: "ui-base-modal-header bg-white br-t-x4", children: [
+  /* @__PURE__ */ r.jsxs(d, { alignItems: "center", justifyContent: "space-between", children: [
+    i && e && (t != null && t.backButton) ? /* @__PURE__ */ r.jsxs(
+      s,
+      {
+        size: "4",
+        textColor: "primary",
+        bg: "transparent",
+        "aria-label": "Torna indietro",
+        onClick: e,
+        children: [
+          /* @__PURE__ */ r.jsx(c, { className: "mr-x8" }),
+          t.backButton
+        ]
+      }
+    ) : null,
+    o && (t != null && t.closeButton) ? /* @__PURE__ */ r.jsx(n, { asChild: !0, children: /* @__PURE__ */ r.jsxs(
+      s,
+      {
+        size: "4",
+        textColor: "primary",
+        bg: "transparent",
+        "aria-label": "Chiudi modale",
+        onClick: o,
+        className: "ui-base-modal-close",
+        children: [
+          t.closeButton,
+          /* @__PURE__ */ r.jsx(u, { className: "ml-x8" })
+        ]
+      }
+    ) }) : null
+  ] }),
+  /* @__PURE__ */ r.jsx(m, { className: "fs-3 text-slate-20 fw-bold", children: a })
+] });
+export {
+  B as BaseModalHeader
+};
+//# sourceMappingURL=index.es202.js.map

package/dist/index.es202.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es202.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 { Row } from \"@/components\";\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};\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}: BaseModalHeaderProps) => {\r\n  return (\r\n    <header className=\"ui-base-modal-header 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      <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\r\n        {children}\r\n      </Dialog.Title>\r\n    </header>\r\n  );\r\n};\r\n"],"names":["BaseModalHeader","labels","onCloseClick","onBackClick","showBackButton","children","jsxs","Row","Button","jsx","ArrowLeft","Dialog.Close","Close","Dialog.Title"],"mappings":";;;;;;;AAiBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,EACd;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,yCAChB,UAAA;AAAA,EAAAA,gBAAAA,EAAA,KAACC,GAAI,EAAA,YAAY,UAAU,gBAAgB,iBACxC,UAAA;AAAA,IAAkBH,KAAAD,MAAeF,KAAA,QAAAA,EAAQ,cACxCK,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASL;AAAA,QAET,UAAA;AAAA,UAACM,gBAAAA,EAAAA,IAAAC,GAAA,EAAU,WAAU,QAAQ,CAAA;AAAA,UAC5BT,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAER;AAAA,IACHC,MAAgBD,KAAA,QAAAA,EAAQ,eACvBQ,gBAAAA,EAAA,IAACE,GAAA,EAAa,SAAO,IACnB,UAAAL,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASN;AAAA,QACT,WAAU;AAAA,QAET,UAAA;AAAA,UAAOD,EAAA;AAAA,UACRQ,gBAAAA,EAAAA,IAACG,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,OAE7B,IACE;AAAA,EAAA,GACN;AAAA,wBACCC,GAAA,EAAa,WAAU,8BACrB,UAAAR,EACH,CAAA;AAAA,GACF;"}

package/dist/{index.es210.js → index.es203.js}

@@ -18,4 +18,4 @@ const m = ({
 export {
   m as BaseModalFooter
 };
-//# sourceMappingURL=index.es210.js.map
+//# sourceMappingURL=index.es203.js.map