@anoki/fse-ui 2.4.1-SNAPSHOT2 → 2.4.1-SNAPSHOT3

package/dist/index.es286.js

@@ -0,0 +1,204 @@
+import { j as e } from "./index.es279.js";
+import { Divider as y } from "./index.es77.js";
+import { LOGOS as x } from "./index.es8.js";
+import { clsx as s } from "./index.es282.js";
+import { Balancer as k } from "./index.es358.js";
+import { Button as C } from "./index.es34.js";
+import { Container as I } from "./index.es69.js";
+import './components/navigations/HeaderDesktop/HeaderDesktop.css';/* empty css            */
+import { HeaderSlim as z } from "./index.es10.js";
+import { Row as r } from "./index.es130.js";
+const E = ({
+  title: l,
+  region: c,
+  asLink: m = "a",
+  labels: p,
+  navigatonItems: j,
+  supportLink: t,
+  loginLink: f = "/",
+  shortTitle: d,
+  headerTitleClassname: u,
+  children: g,
+  headerLogoUrl2: h,
+  variant: a = "default"
+}) => {
+  const n = m, b = x.nazionale, N = x[c], o = a === "operator" ? "text-white" : "text-primary", v = a === "operator" ? "text-white" : "text-blue-30";
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: s(
+        "sticky-header bg-white",
+        a === "operator" && "ui-header-desktop-operator"
+      ),
+      children: [
+        /* @__PURE__ */ e.jsxs(
+          z,
+          {
+            pt: "x16",
+            pb: "x16",
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+            containerClassName: s(
+              a === "operator" ? "ui-slim-operator" : "bg-slate-20"
+            ),
+            children: [
+              /* @__PURE__ */ e.jsxs(
+                n,
+                {
+                  href: "/",
+                  className: s(
+                    "fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8",
+                    a === "default" ? "text-white" : "text-slate-20"
+                  ),
+                  children: [
+                    h && /* @__PURE__ */ e.jsx(
+                      "div",
+                      {
+                        style: { backgroundImage: `url(${h})` },
+                        className: "ui-header-item-image"
+                      }
+                    ),
+                    d || l,
+                    /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
+                  ]
+                }
+              ),
+              g
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(
+          "header",
+          {
+            className: s(a === "operator" ? "bg-radial" : "bg-white"),
+            children: [
+              /* @__PURE__ */ e.jsxs(
+                r,
+                {
+                  py: "x20",
+                  gap: "x16",
+                  alignItems: "center",
+                  justifyContent: "space-between",
+                  className: "max-h-x116 ui-container",
+                  children: [
+                    /* @__PURE__ */ e.jsxs(r, { gap: "x16", alignItems: "center", children: [
+                      /* @__PURE__ */ e.jsxs(r, { gap: "x16", alignItems: "center", justifyContent: "center", children: [
+                        /* @__PURE__ */ e.jsx(b, { height: 44, width: 27, variant: a }),
+                        c !== "nazionale" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                          /* @__PURE__ */ e.jsx(y, { bg: "border-divider", direction: "vertical" }),
+                          /* @__PURE__ */ e.jsx(
+                            N,
+                            {
+                              width: 44,
+                              height: 44,
+                              color: a === "operator" ? "lightblue-a03" : "white"
+                            }
+                          )
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ e.jsx("h1", { className: s(u, "ui-header-title"), children: a === "default" ? /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsxs(
+                        n,
+                        {
+                          href: "/",
+                          className: "text-decoration-none hover-underline_dark",
+                          children: [
+                            /* @__PURE__ */ e.jsx("span", { className: "ui-title-line-height", children: l }),
+                            /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
+                          ]
+                        }
+                      ) }) : /* @__PURE__ */ e.jsxs(
+                        n,
+                        {
+                          href: "/",
+                          className: "text-decoration-none hover-underline_dark",
+                          children: [
+                            /* @__PURE__ */ e.jsx("span", { className: "ui-title-line-height", children: l }),
+                            /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
+                          ]
+                        }
+                      ) })
+                    ] }),
+                    /* @__PURE__ */ e.jsxs(
+                      C,
+                      {
+                        size: "2",
+                        href: f,
+                        asLink: "a",
+                        className: "login-button",
+                        variant: a === "operator" ? "secondary" : "primary",
+                        children: [
+                          /* @__PURE__ */ e.jsxs("span", { style: { fontSize: 14 }, children: [
+                            " ",
+                            p.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,
+                {
+                  containerClass: "ui-container",
+                  className: "base-row align-items-center justify-content-between max-h-x52",
+                  children: [
+                    /* @__PURE__ */ e.jsx(r, { as: "ul", className: "list-style-none", role: "list", children: j.map((i, w) => /* @__PURE__ */ e.jsx(
+                      "li",
+                      {
+                        className: s(
+                          "py-x12 px-x16 ui-header-desktop-nav-item max-h-x52",
+                          i.active && "active"
+                        ),
+                        children: /* @__PURE__ */ e.jsxs(
+                          n,
+                          {
+                            href: i.href,
+                            className: s(
+                              "text-decoration-none fs-custom",
+                              i.active ? `fw-bold ${o}` : `fw-semibold ${o}`
+                            ),
+                            target: i.isNewTab ? "_blank" : void 0,
+                            rel: i.isNewTab ? "noopener noreferrer" : void 0,
+                            children: [
+                              i.label,
+                              i.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
+                            ]
+                          }
+                        )
+                      },
+                      w
+                    )) }),
+                    t && /* @__PURE__ */ e.jsxs(
+                      n,
+                      {
+                        href: t.href,
+                        className: s(
+                          "text-decoration-none fs-custom py-x12 px-x0",
+                          t.active ? `fw-bold ${v}` : `fw-semibold ${o}`,
+                          "ui-header-desktop-support-link",
+                          t.active && (a === "operator" ? "active-operator" : "active")
+                        ),
+                        children: [
+                          t.label,
+                          t.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  E as HeaderDesktop
+};
+//# sourceMappingURL=index.es286.js.map

package/dist/index.es286.js.map

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

package/dist/index.es287.js

@@ -0,0 +1,31 @@
+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;
+};
+export {
+  m as useMediaQuery,
+  d as useMediaQueryV2
+};
+//# sourceMappingURL=index.es287.js.map

package/dist/index.es287.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es287.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\r\n\r\nexport const useMediaQuery = (query: string): boolean => {\r\n  const [matches, setMatches] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const media = window.matchMedia(query);\r\n\r\n    setMatches(media.matches);\r\n\r\n    const listener = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    media.addEventListener(\"change\", listener);\r\n\r\n    return () => {\r\n      media.removeEventListener(\"change\", listener);\r\n    };\r\n  }, [query]);\r\n\r\n  return matches;\r\n};\r\n\r\nexport const useMediaQueryV2 = (\r\n  query: string,\r\n  initialValue: boolean,\r\n): boolean => {\r\n  const [matches, setMatches] = useState(initialValue);\r\n\r\n  useEffect(() => {\r\n    const media = window.matchMedia(query);\r\n\r\n    setMatches(media.matches);\r\n\r\n    const listener = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    media.addEventListener(\"change\", listener);\r\n\r\n    return () => {\r\n      media.removeEventListener(\"change\", listener);\r\n    };\r\n  }, [query]);\r\n\r\n  return matches;\r\n};\r\n\r\ntype Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\r\ntype BreakpointMap = {\r\n  [key in Breakpoint]: boolean;\r\n};\r\n\r\nconst breakpoints: Record<Breakpoint, number> = {\r\n  xs: 576,\r\n  sm: 768,\r\n  md: 992,\r\n  lg: 1200,\r\n  xl: 1400,\r\n};\r\n\r\nexport const useBreakpoint = (): BreakpointMap => {\r\n  const [current, setCurrent] = useState<BreakpointMap>({\r\n    xs: false,\r\n    sm: false,\r\n    md: false,\r\n    lg: false,\r\n    xl: false,\r\n  });\r\n\r\n  const evaluate = () => {\r\n    const width = window.innerWidth;\r\n    const result: BreakpointMap = {\r\n      xs: width < breakpoints.xs,\r\n      sm: width >= breakpoints.xs && width < breakpoints.md,\r\n      md: width >= breakpoints.md && width < breakpoints.lg,\r\n      lg: width >= breakpoints.lg && width < breakpoints.xl,\r\n      xl: width >= breakpoints.lg,\r\n    };\r\n    setCurrent(result);\r\n  };\r\n\r\n  useEffect(() => {\r\n    evaluate();\r\n    window.addEventListener(\"resize\", evaluate);\r\n    return () => window.removeEventListener(\"resize\", evaluate);\r\n  }, []);\r\n\r\n  return current;\r\n};\r\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;"}

package/dist/index.es29.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es279.js";
-import { createColorClasses as l } from "./index.es352.js";
-import { clsx as x } from "./index.es281.js";
+import { createColorClasses as l } from "./index.es320.js";
+import { clsx as x } from "./index.es282.js";
 const p = ({
   initials: e,
   bg: r,

package/dist/index.es293.js

@@ -0,0 +1,38 @@
+import { j as s } from "./index.es279.js";
+import { clsx as d } from "./index.es282.js";
+import m from "./index.es295.js";
+const x = ({
+  index: t,
+  title: l,
+  content: a,
+  isOpen: e,
+  detailLabels: i,
+  onToggle: c
+}) => /* @__PURE__ */ s.jsxs("div", { className: "step-item", children: [
+  /* @__PURE__ */ s.jsxs("div", { className: d("step-header", e && "open"), children: [
+    /* @__PURE__ */ s.jsx("div", { className: "step-number", children: t + 1 }),
+    /* @__PURE__ */ s.jsx("div", { className: "step-title", children: l })
+  ] }),
+  /* @__PURE__ */ s.jsxs("div", { className: "step-details", children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "step-details-box", children: [
+      /* @__PURE__ */ s.jsx("div", { className: "" }),
+      /* @__PURE__ */ s.jsx("div", { className: "line" })
+    ] }),
+    /* @__PURE__ */ s.jsxs("div", { className: "step-details-content", children: [
+      /* @__PURE__ */ s.jsx(
+        m,
+        {
+          className: "toggle-btn",
+          onClick: c,
+          isOpen: e,
+          toggleLabels: i
+        }
+      ),
+      e && /* @__PURE__ */ s.jsx("div", { className: "step-content", children: a })
+    ] })
+  ] })
+] });
+export {
+  x as StepItem
+};
+//# sourceMappingURL=index.es293.js.map

package/dist/index.es293.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es293.js","sources":["../src/components/ui/Accordion/AccordionStepper/StepItem/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport ToggleContent from \"../ToggleContent/ToggleContent\";\r\nimport { ToggleLabel } from \"../types\";\r\n\r\nexport interface StepData {\r\n  title: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface StepItemProps extends StepData {\r\n  index: number;\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n  detailLabels: ToggleLabel;\r\n}\r\n\r\nexport const StepItem: React.FC<StepItemProps> = ({\r\n  index,\r\n  title,\r\n  content,\r\n  isOpen,\r\n  detailLabels,\r\n  onToggle,\r\n}) => {\r\n  return (\r\n    <div className=\"step-item\">\r\n      <div className={clsx(\"step-header\", isOpen && \"open\")}>\r\n        <div className=\"step-number\">{index + 1}</div>\r\n        <div className=\"step-title\">{title}</div>\r\n      </div>\r\n\r\n      <div className=\"step-details\">\r\n        <div className=\"step-details-box\">\r\n          <div className=\"\"></div>\r\n          <div className=\"line\"></div>\r\n        </div>\r\n        <div className=\"step-details-content\">\r\n          <ToggleContent\r\n            className=\"toggle-btn\"\r\n            onClick={onToggle}\r\n            isOpen={isOpen}\r\n            toggleLabels={detailLabels}\r\n          />\r\n          {isOpen && <div className=\"step-content\">{content}</div>}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["StepItem","index","title","content","isOpen","detailLabels","onToggle","jsxs","clsx","jsx","ToggleContent"],"mappings":";;;AAgBO,MAAMA,IAAoC,CAAC;AAAA,EAChD,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,EAAAA,gBAAAA,OAAC,SAAI,WAAWC,EAAK,eAAeJ,KAAU,MAAM,GAClD,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,eAAe,UAAAR,IAAQ,GAAE;AAAA,IACxCQ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cAAc,UAAAP,EAAA,CAAM;AAAA,EAAA,GACrC;AAAA,EAEAK,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,GAAA,CAAG;AAAA,MAClBA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,OAAA,CAAO;AAAA,IAAA,GACxB;AAAA,IACAF,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAAA;AAAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASJ;AAAA,UACT,QAAAF;AAAA,UACA,cAAcC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEfD,KAAUK,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAN,EAAA,CAAQ;AAAA,IAAA,EAAA,CACpD;AAAA,EAAA,EAAA,CACF;AAAA,GACF;"}

package/dist/index.es295.js

@@ -1,12 +1,12 @@
-import { useState as r, useEffect as c } from "react";
-function i(e, t = 300) {
-  const [u, o] = r(e);
-  return c(() => {
-    const n = setTimeout(() => o(e), t);
-    return () => clearTimeout(n);
-  }, [e, t]), u;
-}
+import { j as r } from "./index.es279.js";
+import { clsx as e } from "./index.es282.js";
+import { ArrowTop as m } from "./index.es188.js";
+import { ArrowDown as n } from "./index.es185.js";
+const p = ({ isOpen: o, onClick: t, className: a, toggleLabels: s }) => /* @__PURE__ */ r.jsxs("button", { className: e("", a), onClick: t, children: [
+  o ? s.closeLabel : s.activeLabel,
+  /* @__PURE__ */ r.jsx("span", { className: "arrow", children: o ? /* @__PURE__ */ r.jsx(m, {}) : /* @__PURE__ */ r.jsx(n, {}) })
+] });
 export {
-  i as useDebouncedValue
+  p as default
 };
 //# sourceMappingURL=index.es295.js.map

package/dist/index.es295.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es295.js","sources":["../src/utils/useDebouncedValue.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\n\r\nexport function useDebouncedValue<T>(value: T, delay: number = 300): T {\r\n  const [debouncedValue, setDebouncedValue] = useState(value);\r\n\r\n  useEffect(() => {\r\n    const timer = setTimeout(() => setDebouncedValue(value), delay);\r\n    return () => clearTimeout(timer);\r\n  }, [value, delay]);\r\n\r\n  return debouncedValue;\r\n}\r\n"],"names":["useDebouncedValue","value","delay","debouncedValue","setDebouncedValue","useState","useEffect","timer"],"mappings":";AAEO,SAASA,EAAqBC,GAAUC,IAAgB,KAAQ;AACrE,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAASJ,CAAK;AAE1D,SAAAK,EAAU,MAAM;AACd,UAAMC,IAAQ,WAAW,MAAMH,EAAkBH,CAAK,GAAGC,CAAK;AAC9D,WAAO,MAAM,aAAaK,CAAK;AAAA,EACjC,GAAG,CAACN,GAAOC,CAAK,CAAC,GAEVC;AACT;"}
+{"version":3,"file":"index.es295.js","sources":["../src/components/ui/Accordion/AccordionStepper/ToggleContent/ToggleContent.tsx"],"sourcesContent":["import { ArrowDown, ArrowTop } from \"@/icons\";\r\nimport { ToggleLabel } from \"../types\";\r\nimport clsx from \"clsx\";\r\n\r\ntype Props = {\r\n  className?: string;\r\n  isOpen: boolean;\r\n  onClick: () => void;\r\n  toggleLabels: ToggleLabel;\r\n};\r\n\r\nconst ToggleContent = ({ isOpen, onClick, className, toggleLabels }: Props) => {\r\n  return (\r\n    <button className={clsx(\"\", className)} onClick={onClick}>\r\n      {isOpen ? toggleLabels.closeLabel : toggleLabels.activeLabel}\r\n      <span className=\"arrow\">{isOpen ? <ArrowTop /> : <ArrowDown />}</span>\r\n    </button>\r\n  );\r\n};\r\n\r\nexport default ToggleContent;\r\n"],"names":["ToggleContent","isOpen","onClick","className","toggleLabels","clsx","jsx","ArrowTop","ArrowDown"],"mappings":";;;;AAWA,MAAMA,IAAgB,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,cAAAC,+BAEhD,UAAA,EAAO,WAAWC,EAAK,IAAIF,CAAS,GAAG,SAAAD,GACrC,UAAA;AAAA,EAAAD,IAASG,EAAa,aAAaA,EAAa;AAAA,EACjDE,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAS,UAAAL,0BAAUM,GAAA,CAAA,CAAS,IAAKD,gBAAAA,EAAAA,IAACE,GAAA,CAAA,CAAU,EAAA,CAAG;AAAA,GACjE;"}

package/dist/index.es296.js

@@ -1,60 +1,32 @@
-import { j as i } from "./index.es279.js";
-const x = ({
-  width: s = 35,
-  height: t = 34,
-  className: e,
-  decorative: l = !1,
-  ariaLabel: h = "Pausa",
-  ...a
-}) => /* @__PURE__ */ i.jsxs(
-  "svg",
-  {
-    width: s,
-    height: t,
-    viewBox: "0 0 35 34",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: e,
-    "aria-hidden": l,
-    "aria-label": l ? void 0 : h,
-    ...a,
-    children: [
-      /* @__PURE__ */ i.jsxs("g", { clipPath: "url(#clip0)", children: [
-        /* @__PURE__ */ i.jsx(
-          "path",
+import { j as e } from "./index.es279.js";
+import { clsx as a } from "./index.es282.js";
+import { StepArrow as d } from "./index.es565.js";
+const m = ({ title: t, badge: r, content: i, isOpen: s, onToggle: c }) => /* @__PURE__ */ e.jsxs("div", { className: a("step-item-generic-accordion", s && "isOpen"), children: [
+  /* @__PURE__ */ e.jsxs(
+    "button",
+    {
+      type: "button",
+      className: "step-header",
+      onClick: c,
+      "aria-expanded": s,
+      children: [
+        /* @__PURE__ */ e.jsx("div", { className: "step-title", title: t, children: t }),
+        r && /* @__PURE__ */ e.jsx("div", { className: "step-badge", children: r }),
+        /* @__PURE__ */ e.jsx("div", { className: "step-arrow", children: /* @__PURE__ */ e.jsx(
+          d,
           {
-            d: "M29.6874 4.97921C26.4766 1.76827 22.2075 0 17.6666 0C13.1258 0 8.85664 1.76827 5.64583 4.97921C2.43496 8.19008 0.666626 12.4591 0.666626 17C0.666626 21.5409 2.43489 25.81 5.64583 29.0208C8.85671 32.2317 13.1258 34 17.6666 34C22.2075 34 26.4766 32.2317 29.6874 29.0208C32.8983 25.8099 34.6666 21.5409 34.6666 17C34.6666 12.4591 32.8984 8.19002 29.6874 4.97921ZM17.6666 31.9184C9.44062 31.9184 2.74826 25.226 2.74826 17C2.74826 8.77399 9.44062 2.08164 17.6666 2.08164C25.8926 2.08164 32.585 8.77399 32.585 17C32.585 25.226 25.8926 31.9184 17.6666 31.9184Z",
-            fill: "white"
+            width: 24,
+            height: 25,
+            className: "arrow-icon",
+            decorative: !0
           }
-        ),
-        /* @__PURE__ */ i.jsx(
-          "path",
-          {
-            d: "M10.381 9.02039V24.9796H16.6259V9.02039H10.381ZM14.5443 22.8979H12.4626V11.102H14.5443V22.8979Z",
-            fill: "white"
-          }
-        ),
-        /* @__PURE__ */ i.jsx(
-          "path",
-          {
-            d: "M19.0833 9.02039V24.9796H25.3282V9.02039H19.0833ZM23.2465 22.8979H21.1649V11.102H23.2465V22.8979Z",
-            fill: "white"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ i.jsx("defs", { children: /* @__PURE__ */ i.jsx("clipPath", { id: "clip0", children: /* @__PURE__ */ i.jsx(
-        "rect",
-        {
-          width: "34",
-          height: "34",
-          fill: "white",
-          transform: "translate(0.666626)"
-        }
-      ) }) })
-    ]
-  }
-);
+        ) })
+      ]
+    }
+  ),
+  /* @__PURE__ */ e.jsx("div", { className: "step-details", children: /* @__PURE__ */ e.jsx("div", { className: "step-details-content", children: s && /* @__PURE__ */ e.jsx("div", { className: "step-content", children: i }) }) })
+] });
 export {
-  x as Pause
+  m as StepItemGenericAccordion
 };
 //# sourceMappingURL=index.es296.js.map

package/dist/index.es296.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es296.js","sources":["../src/icons/Pause/index.tsx"],"sourcesContent":["import { IconProps } from \"@/types/icons\";\r\n\r\nexport const Pause = ({\r\n  width = 35,\r\n  height = 34,\r\n  className,\r\n  decorative = false,\r\n  ariaLabel = \"Pausa\",\r\n  ...props\r\n}: IconProps) => (\r\n  <svg\r\n    width={width}\r\n    height={height}\r\n    viewBox=\"0 0 35 34\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    className={className}\r\n    aria-hidden={decorative}\r\n    aria-label={!decorative ? ariaLabel : undefined}\r\n    {...props}\r\n  >\r\n    <g clipPath=\"url(#clip0)\">\r\n      <path\r\n        d=\"M29.6874 4.97921C26.4766 1.76827 22.2075 0 17.6666 0C13.1258 0 8.85664 1.76827 5.64583 4.97921C2.43496 8.19008 0.666626 12.4591 0.666626 17C0.666626 21.5409 2.43489 25.81 5.64583 29.0208C8.85671 32.2317 13.1258 34 17.6666 34C22.2075 34 26.4766 32.2317 29.6874 29.0208C32.8983 25.8099 34.6666 21.5409 34.6666 17C34.6666 12.4591 32.8984 8.19002 29.6874 4.97921ZM17.6666 31.9184C9.44062 31.9184 2.74826 25.226 2.74826 17C2.74826 8.77399 9.44062 2.08164 17.6666 2.08164C25.8926 2.08164 32.585 8.77399 32.585 17C32.585 25.226 25.8926 31.9184 17.6666 31.9184Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M10.381 9.02039V24.9796H16.6259V9.02039H10.381ZM14.5443 22.8979H12.4626V11.102H14.5443V22.8979Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M19.0833 9.02039V24.9796H25.3282V9.02039H19.0833ZM23.2465 22.8979H21.1649V11.102H23.2465V22.8979Z\"\r\n        fill=\"white\"\r\n      />\r\n    </g>\r\n    <defs>\r\n      <clipPath id=\"clip0\">\r\n        <rect\r\n          width=\"34\"\r\n          height=\"34\"\r\n          fill=\"white\"\r\n          transform=\"translate(0.666626)\"\r\n        />\r\n      </clipPath>\r\n    </defs>\r\n  </svg>\r\n);\r\n"],"names":["Pause","width","height","className","decorative","ariaLabel","props","jsxs","jsx"],"mappings":";AAEO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MACEC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAAN;AAAA,IACA,QAAAC;AAAA,IACA,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,WAAAC;AAAA,IACA,eAAaC;AAAA,IACb,cAAaA,IAAyB,SAAZC;AAAA,IACzB,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,KAAC,KAAA,EAAE,UAAS,eACV,UAAA;AAAA,QAAAC,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEPA,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEPA,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,GACF;AAAA,MACAA,gBAAAA,MAAC,QAAA,EACC,UAAAA,gBAAAA,EAAAA,IAAC,YAAA,EAAS,IAAG,SACX,UAAAA,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAK;AAAA,UACL,WAAU;AAAA,QAAA;AAAA,MAAA,GAEd,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es296.js","sources":["../src/components/ui/Accordion/GenericAccordion/StepItemGenericAccordion/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { StepArrow } from \"../../../../../icons/StepArrow\";\r\n\r\nexport interface StepDataGenericAccordion {\r\n  title: string;\r\n  badge?: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface StepItemPropsGenericAccordion extends StepDataGenericAccordion {\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n}\r\n\r\nexport const StepItemGenericAccordion: React.FC<\r\n  StepItemPropsGenericAccordion\r\n> = ({ title, badge, content, isOpen, onToggle }) => {\r\n  return (\r\n    <div className={clsx(\"step-item-generic-accordion\", isOpen && \"isOpen\")}>\r\n      <button\r\n        type=\"button\"\r\n        className=\"step-header\"\r\n        onClick={onToggle}\r\n        aria-expanded={isOpen}\r\n      >\r\n        <div className=\"step-title\" title={title}>{title}</div>\r\n        {badge && <div className=\"step-badge\">{badge}</div>}\r\n        <div className=\"step-arrow\">\r\n          <StepArrow\r\n            width={24}\r\n            height={25}\r\n            className=\"arrow-icon\"\r\n            decorative={true}\r\n          />\r\n        </div>\r\n      </button>\r\n\r\n      <div className=\"step-details\">\r\n        <div className=\"step-details-content\">\r\n          {isOpen && <div className=\"step-content\">{content}</div>}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["StepItemGenericAccordion","title","badge","content","isOpen","onToggle","clsx","jsxs","jsx","StepArrow"],"mappings":";;;AAcO,MAAMA,IAET,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,QAAAC,GAAQ,UAAAC,+BAEjC,OAAA,EAAI,WAAWC,EAAK,+BAA+BF,KAAU,QAAQ,GACpE,UAAA;AAAA,EAAAG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAASF;AAAA,MACT,iBAAeD;AAAA,MAEf,UAAA;AAAA,QAAAI,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cAAa,OAAAP,GAAe,UAAAA,GAAM;AAAA,QAChDC,KAASM,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cAAc,UAAAN,GAAM;AAAA,QAC7CM,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cACb,UAAAA,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAU;AAAA,YACV,YAAY;AAAA,UAAA;AAAA,QAAA,EACd,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAGFD,gBAAAA,MAAC,OAAA,EAAI,WAAU,gBACb,gCAAC,OAAA,EAAI,WAAU,wBACZ,UAAAJ,2BAAW,OAAA,EAAI,WAAU,gBAAgB,UAAAD,GAAQ,GACpD,EAAA,CACF;AAAA,GACF;"}

package/dist/{index.es331.js → index.es298.js}

@@ -1,5 +1,5 @@
 import { useState as a, useCallback as l } from "react";
-import "./index.es576.js";
+import "./index.es553.js";
 function c() {
   const [t, o] = a(null), e = l(async (r) => {
     if (!(navigator != null && navigator.clipboard))
@@ -22,4 +22,4 @@ export {
   c as useCopyToClipboard,
   s as useToggle
 };
-//# sourceMappingURL=index.es331.js.map
+//# sourceMappingURL=index.es298.js.map