@alfadocs/ui-kit-debug 1.90.1 → 1.91.0

package/dist/_chunks/public-footer-IoRWoAMz.js

@@ -0,0 +1,596 @@
+import { jsxs as i, jsx as t, Fragment as p } from "react/jsx-runtime";
+import { forwardRef as O, useMemo as E, useImperativeHandle as P } from "react";
+import { c as D } from "./index-D2ZczOXr.js";
+import { useTranslation as G } from "react-i18next";
+import { S as _, L as m } from "./link-DtCfnLnF.js";
+import { S as u } from "./separator-CYU_bGFn.js";
+import { L as j } from "./logo-hIsyVE96.js";
+import { A as X, b as K, c as Y, a as U } from "./accordion-Ch3xp0mX.js";
+const z = "https://www.alfadocs.com", R = {
+  privacy: "/privacy-prenotazione-online",
+  terms: "/it/condizioni-di-utilizzo",
+  contacts: "/it/contattaci"
+}, W = {
+  it: R,
+  en: {
+    privacy: "/en/privacy",
+    terms: "/en/terms-of-use",
+    contacts: "/en/contact-us"
+  },
+  de: {
+    privacy: "/de/datenschutz",
+    terms: "/de/nutzungsbedingungen",
+    contacts: "/de/kontakt"
+  },
+  fr: {
+    privacy: "/fr/confidentialite",
+    terms: "/fr/conditions-utilisation",
+    contacts: "/fr/contact"
+  },
+  es: {
+    privacy: "/es/privacidad",
+    terms: "/es/condiciones-uso",
+    contacts: "/es/contacto"
+  }
+}, B = "https://";
+function q(e) {
+  return !e || !e.startsWith(B) ? z : e.replace(/\/+$/, "");
+}
+function A(e, n, a) {
+  var r, l;
+  const o = (r = a == null ? void 0 : a[n]) == null ? void 0 : r[e];
+  if (o) return o;
+  const s = (l = W[e]) == null ? void 0 : l[n];
+  return s || R[n];
+}
+function J(e, n, a) {
+  const o = q(n), s = (e || "it").split("-")[0];
+  return {
+    privacy: `${o}${A(s, "privacy", a)}`,
+    terms: `${o}${A(s, "terms", a)}`,
+    contacts: `${o}${A(s, "contacts", a)}`
+  };
+}
+const Q = [
+  "linkedin",
+  "youtube",
+  "instagram",
+  "facebook"
+], Z = {
+  linkedin: "https://www.linkedin.com/company/alfadocs",
+  youtube: "https://www.youtube.com/@alfadocs",
+  instagram: "https://www.instagram.com/alfadocs",
+  facebook: "https://www.facebook.com/alfadocs"
+}, tt = {
+  linkedin: _.linkedin,
+  youtube: _.youtube,
+  instagram: _.instagram,
+  facebook: _.facebook
+}, et = "AlfaDocs GmbH", nt = "P.IVA DE301955405", at = D(
+  [
+    "ds:w-full",
+    "ds:text-[color:var(--muted-foreground)]",
+    "ds:text-[length:var(--font-size-sm)]",
+    "ds:bg-[var(--background)]"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        minimal: [
+          "ds:py-[var(--spacing-sm)]",
+          "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+          "ds:border-block-start ds:border-[var(--border)]"
+        ].join(" "),
+        // 0.30.5: compact got a polish pass — bumped vertical padding to
+        // `lg` (~24px) so the footer reads as a real landmark, not a
+        // one-line afterthought, plus a stronger top border in
+        // accessible mode (the default `--border` clears 3:1 in light /
+        // dark; accessible bumps to a heavier weight).
+        //
+        // 0.31.2: forced-colors top-border fallback. Windows High
+        // Contrast strips `--border` to whatever the system maps it
+        // to — which is often invisible against `Canvas`. Pinning to
+        // `CanvasText` keeps the landmark edge visible for users on
+        // strict HC themes.
+        compact: [
+          "ds:py-[var(--spacing-lg)]",
+          "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+          "ds:border-block-start ds:border-[var(--border)]",
+          // 2px in the accessible themes, none elsewhere (--accessible-on).
+          "ds:[border-block-start-width:calc(var(--border-width-md)*var(--accessible-on,0))]",
+          "ds:forced-colors:[border-block-start-color:CanvasText]"
+        ].join(" "),
+        full: [
+          "ds:py-[var(--spacing-xl)]",
+          "ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)]",
+          "ds:bg-[var(--muted)]"
+        ].join(" ")
+      }
+    },
+    defaultVariants: { variant: "compact" }
+  }
+), st = /^(https?:\/\/|mailto:|tel:|\/(?!\/))/i;
+function I(e) {
+  return st.test(e) ? e : "#";
+}
+function F({
+  copyright: e,
+  align: n = "center"
+}) {
+  return /* @__PURE__ */ t(
+    "p",
+    {
+      className: [
+        "ds:m-0 ds:text-[color:var(--muted-foreground)]",
+        "ds:text-[length:var(--font-size-sm)]",
+        n === "center" ? "ds:text-center" : "ds:text-start"
+      ].join(" "),
+      children: e
+    }
+  );
+}
+const ot = O(
+  function({
+    variant: n,
+    marketingBaseUrl: a,
+    legalUrlOverrides: o,
+    linkGroups: s,
+    socials: r,
+    logoSlot: l,
+    extraNavSlot: c,
+    trustBadgesSlot: b,
+    showTagline: v = !1,
+    showCopyright: h = !0,
+    id: y,
+    "aria-label": f
+  }, x) {
+    const { t: d, i18n: $ } = G("ui"), g = E(
+      () => J($.language, a, o),
+      [$.language, a, o]
+    );
+    P(
+      x,
+      () => ({
+        getVariant: () => n,
+        getLegalUrls: () => g
+      }),
+      [n, g]
+    );
+    const S = (/* @__PURE__ */ new Date()).getFullYear(), N = h ? d("footer.copyright", {
+      year: S,
+      entity: et,
+      vat: nt
+    }) : void 0, L = v ? d("footer.tagline") : void 0, V = f ?? d("footer.nav.label"), w = {
+      privacy: d("footer.nav.privacy"),
+      terms: d("footer.nav.terms"),
+      contacts: d("footer.nav.contacts")
+    }, T = E(() => r !== void 0 ? r : Q.map((H) => ({ network: H })), [r]);
+    return /* @__PURE__ */ i(
+      "footer",
+      {
+        id: y,
+        role: "contentinfo",
+        "aria-label": V,
+        "data-component": "public-footer",
+        "data-component-id": y,
+        "data-variant": n,
+        className: at({ variant: n }),
+        children: [
+          n === "minimal" && /* @__PURE__ */ t(
+            lt,
+            {
+              legalUrls: g,
+              labels: w,
+              copyright: N,
+              trustBadgesSlot: b,
+              extraNavSlot: c
+            }
+          ),
+          n === "compact" && /* @__PURE__ */ t(
+            ct,
+            {
+              legalUrls: g,
+              labels: w,
+              copyright: N,
+              tagline: L,
+              socials: T,
+              logoSlot: l,
+              extraNavSlot: c,
+              t: d
+            }
+          ),
+          n === "full" && /* @__PURE__ */ t(
+            mt,
+            {
+              legalUrls: g,
+              labels: w,
+              copyright: N,
+              tagline: L,
+              linkGroups: s,
+              socials: T,
+              logoSlot: l,
+              extraNavSlot: c,
+              trustBadgesSlot: b,
+              t: d
+            }
+          )
+        ]
+      }
+    );
+  }
+), C = 'ds:relative ds:before:absolute ds:before:inset-x-0 ds:before:inset-y-[calc((var(--accessible-target-floor,var(--spacing-lg))-100%)/-2)] ds:before:content-[""]', k = [
+  "ds:[&_a:is(:not([data-intent]),[data-intent=default],[data-intent=subtle]):not([data-component=button])]:text-muted-foreground ds:[&_a:is(:not([data-intent]),[data-intent=default],[data-intent=subtle]):not([data-component=button])]:no-underline ds:[&_a:is(:not([data-intent]),[data-intent=default],[data-intent=subtle]):not([data-component=button])]:underline-offset-4",
+  "ds:[&_a:is(:not([data-intent]),[data-intent=default],[data-intent=subtle]):not([data-component=button])]:hover:text-foreground ds:[&_a:is(:not([data-intent]),[data-intent=default],[data-intent=subtle]):not([data-component=button])]:hover:underline ds:[&_a:is(:not([data-intent]),[data-intent=default],[data-intent=subtle]):not([data-component=button])]:active:opacity-80",
+  "ds:[&_a:is(:not([data-intent]),[data-intent=default],[data-intent=subtle]):not([data-component=button])]:focus-visible:outline-[length:var(--focus-ring-width)] ds:[&_a:is(:not([data-intent]),[data-intent=default],[data-intent=subtle]):not([data-component=button])]:focus-visible:outline-solid",
+  "ds:[&_a:is(:not([data-intent]),[data-intent=default],[data-intent=subtle]):not([data-component=button])]:focus-visible:outline-ring ds:[&_a:is(:not([data-intent]),[data-intent=default],[data-intent=subtle]):not([data-component=button])]:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:[&_a:is(:not([data-intent]),[data-intent=default],[data-intent=subtle]):not([data-component=button])]:forced-colors:focus-visible:outline-[CanvasText]"
+].join(" "), it = [
+  "ds:[&_button]:m-0 ds:[&_button]:inline ds:[&_button]:h-auto ds:[&_button]:min-h-0 ds:[&_button]:p-0",
+  "ds:[&_button]:cursor-pointer ds:[&_button]:appearance-none ds:[&_button]:border-0 ds:[&_button]:bg-transparent",
+  "ds:[&_button]:rounded-[var(--radius-xs)] ds:[&_button]:font-[inherit] ds:[&_button]:font-normal ds:[&_button]:text-[length:inherit]",
+  "ds:[&_button]:text-muted-foreground ds:[&_button]:no-underline ds:[&_button]:underline-offset-4",
+  "ds:[&_button]:hover:text-foreground ds:[&_button]:hover:underline ds:[&_button]:active:opacity-80",
+  "ds:[&_button]:focus-visible:outline-[length:var(--focus-ring-width)] ds:[&_button]:focus-visible:outline-solid",
+  "ds:[&_button]:focus-visible:outline-ring ds:[&_button]:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:[&_button]:forced-colors:focus-visible:outline-[CanvasText]"
+].join(" "), rt = `${k} ${it}`, dt = 'ds:[&_:is(a,button)]:relative ds:[&_:is(a,button)]:before:absolute ds:[&_:is(a,button)]:before:inset-x-0 ds:[&_:is(a,button)]:before:inset-y-[calc((var(--accessible-target-floor,var(--spacing-lg))-100%)/-2)] ds:[&_:is(a,button)]:before:block ds:[&_:is(a,button)]:before:content-[""]';
+function lt({
+  legalUrls: e,
+  labels: n,
+  copyright: a,
+  trustBadgesSlot: o,
+  extraNavSlot: s
+}) {
+  return /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-sm)]", children: [
+    o && /* @__PURE__ */ t(
+      "span",
+      {
+        "data-slot": "trust-badges",
+        className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:me-[var(--spacing-sm)]",
+        children: o
+      }
+    ),
+    /* @__PURE__ */ t(
+      m,
+      {
+        href: e.privacy,
+        external: !0,
+        externalIcon: !1,
+        intent: "subtle",
+        className: C,
+        children: n.privacy
+      }
+    ),
+    /* @__PURE__ */ t(u, { orientation: "vertical", className: "ds:h-4" }),
+    /* @__PURE__ */ t(
+      m,
+      {
+        href: e.terms,
+        external: !0,
+        externalIcon: !1,
+        intent: "subtle",
+        className: C,
+        children: n.terms
+      }
+    ),
+    s ? /* @__PURE__ */ i(p, { children: [
+      /* @__PURE__ */ t(u, { orientation: "vertical", className: "ds:h-4" }),
+      /* @__PURE__ */ t(
+        "span",
+        {
+          "data-slot": "extra-nav",
+          className: [
+            "ds:inline-flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-sm)]",
+            rt,
+            dt
+          ].join(" "),
+          children: s
+        }
+      )
+    ] }) : null,
+    a ? /* @__PURE__ */ i(p, { children: [
+      /* @__PURE__ */ t(u, { orientation: "vertical", className: "ds:h-4" }),
+      /* @__PURE__ */ t("span", { children: a })
+    ] }) : null
+  ] });
+}
+function M({
+  socials: e,
+  t: n,
+  size: a
+}) {
+  if (e.length === 0) return null;
+  const o = a === "sm" ? "ds:size-4" : "ds:size-5";
+  return /* @__PURE__ */ t(
+    "ul",
+    {
+      "data-slot": "socials",
+      className: "ds:list-none ds:m-0 ds:p-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
+      children: e.map((s) => {
+        const r = tt[s.network], l = s.href ?? Z[s.network], c = n(`footer.social.aria.${s.network}`);
+        return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+          m,
+          {
+            href: I(l),
+            external: !0,
+            externalIcon: !1,
+            intent: "subtle",
+            "aria-label": c,
+            className: "ds:inline-flex ds:items-center ds:justify-center ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]",
+            children: /* @__PURE__ */ t(
+              r,
+              {
+                "aria-hidden": "true",
+                className: o,
+                focusable: "false"
+              }
+            )
+          }
+        ) }, s.network);
+      })
+    }
+  );
+}
+function ct({
+  legalUrls: e,
+  labels: n,
+  copyright: a,
+  tagline: o,
+  socials: s,
+  logoSlot: r,
+  extraNavSlot: l,
+  t: c
+}) {
+  return /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-md)]", children: [
+    s.length > 0 ? /* @__PURE__ */ t(M, { socials: s, t: c, size: "sm" }) : null,
+    /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-sm)]", children: [
+      r !== void 0 ? r !== null && r !== !1 && r !== "" ? /* @__PURE__ */ i(p, { children: [
+        /* @__PURE__ */ t(
+          "span",
+          {
+            "data-slot": "compact-logo",
+            className: "ds:inline-flex ds:items-center ds:opacity-70",
+            children: r
+          }
+        ),
+        /* @__PURE__ */ t(u, { orientation: "vertical", className: "ds:h-4" })
+      ] }) : null : (
+        // No consumer override — render the kit's default small
+        // wordmark, muted so it reads as marker not headline.
+        /* @__PURE__ */ i(p, { children: [
+          /* @__PURE__ */ t(
+            "span",
+            {
+              "data-slot": "compact-logo",
+              className: "ds:inline-flex ds:items-center ds:opacity-70",
+              children: /* @__PURE__ */ t(j, { variant: "wordmark", tone: "auto", "aria-label": "Alfadocs" })
+            }
+          ),
+          /* @__PURE__ */ t(u, { orientation: "vertical", className: "ds:h-4" })
+        ] })
+      ),
+      /* @__PURE__ */ t(
+        m,
+        {
+          href: e.privacy,
+          external: !0,
+          externalIcon: !1,
+          intent: "subtle",
+          children: n.privacy
+        }
+      ),
+      /* @__PURE__ */ t(u, { orientation: "vertical", className: "ds:h-4" }),
+      /* @__PURE__ */ t(
+        m,
+        {
+          href: e.terms,
+          external: !0,
+          externalIcon: !1,
+          intent: "subtle",
+          children: n.terms
+        }
+      ),
+      /* @__PURE__ */ t(u, { orientation: "vertical", className: "ds:h-4" }),
+      /* @__PURE__ */ t(
+        m,
+        {
+          href: e.contacts,
+          external: !0,
+          externalIcon: !1,
+          intent: "subtle",
+          children: n.contacts
+        }
+      ),
+      l && /* @__PURE__ */ i(p, { children: [
+        /* @__PURE__ */ t(u, { orientation: "vertical", className: "ds:h-4" }),
+        /* @__PURE__ */ t("span", { "data-slot": "extra-nav", className: k, children: l })
+      ] })
+    ] }),
+    a ? /* @__PURE__ */ t(F, { copyright: a }) : null,
+    o ? /* @__PURE__ */ t(
+      "p",
+      {
+        "data-slot": "tagline",
+        className: "ds:m-0 ds:text-center ds:text-[color:var(--muted-foreground)] ds:text-[length:var(--font-size-xs)] ds:italic",
+        children: o
+      }
+    ) : null
+  ] });
+}
+function ut(e, n) {
+  return {
+    key: "legal",
+    links: [
+      { href: e.privacy, label: n.privacy, external: !0 },
+      { href: e.terms, label: n.terms, external: !0 },
+      { href: e.contacts, label: n.contacts, external: !0 }
+    ]
+  };
+}
+function mt({
+  legalUrls: e,
+  labels: n,
+  copyright: a,
+  tagline: o,
+  linkGroups: s,
+  socials: r,
+  logoSlot: l,
+  extraNavSlot: c,
+  trustBadgesSlot: b,
+  t: v
+}) {
+  const h = [
+    ...s ?? [],
+    ut(e, n)
+  ];
+  return /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xl)]", children: [
+    /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xl)] ds:lg:flex-row ds:lg:items-start ds:lg:gap-[var(--spacing-xl)]", children: [
+      /* @__PURE__ */ t("div", { className: "ds:lg:w-[15rem] ds:lg:shrink-0", children: /* @__PURE__ */ i(
+        "div",
+        {
+          "data-slot": "brand",
+          className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+          children: [
+            /* @__PURE__ */ t("div", { className: "ds:inline-flex", children: l ?? /* @__PURE__ */ t(j, { variant: "wordmark", tone: "auto", "aria-label": "Alfadocs" }) }),
+            /* @__PURE__ */ t(M, { socials: r, t: v, size: "md" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ i("div", { className: "ds:flex-1 ds:min-w-0", children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: "ds:hidden ds:md:grid ds:md:grid-cols-2 ds:lg:grid-cols-4 ds:gap-[var(--spacing-lg)]",
+            "data-slot": "link-columns-grid",
+            "data-columns": h.length,
+            children: /* @__PURE__ */ t(ft, { columns: h, t: v })
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "ds:md:hidden", "data-slot": "link-columns-accordion", children: /* @__PURE__ */ t(X, { type: "multiple", children: h.map((f, x) => /* @__PURE__ */ i(
+          K,
+          {
+            value: `${x}-${f.key}`,
+            children: [
+              /* @__PURE__ */ t(Y, { children: v(`footer.group.${f.key}`, {
+                defaultValue: f.key
+              }) }),
+              /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t("ul", { className: "ds:list-none ds:m-0 ds:p-0 ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: f.links.map((d) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+                m,
+                {
+                  href: I(d.href),
+                  external: d.external,
+                  externalIcon: !1,
+                  intent: "subtle",
+                  children: d.label
+                }
+              ) }, `${f.key}-${d.href}-${d.label}`)) }) })
+            ]
+          },
+          `${x}-${f.key}`
+        )) }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ t(u, { orientation: "horizontal" }),
+    /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:sm:flex-row ds:sm:items-center ds:sm:justify-between", children: [
+      a ? /* @__PURE__ */ t(F, { copyright: a, align: "start" }) : null,
+      /* @__PURE__ */ i(
+        "div",
+        {
+          "data-slot": "bottom-legal",
+          className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)] ds:sm:justify-end",
+          children: [
+            /* @__PURE__ */ t(
+              m,
+              {
+                href: e.privacy,
+                external: !0,
+                externalIcon: !1,
+                intent: "subtle",
+                children: n.privacy
+              }
+            ),
+            /* @__PURE__ */ t(u, { orientation: "vertical", className: "ds:h-4" }),
+            /* @__PURE__ */ t(
+              m,
+              {
+                href: e.terms,
+                external: !0,
+                externalIcon: !1,
+                intent: "subtle",
+                children: n.terms
+              }
+            ),
+            (b || c) && /* @__PURE__ */ i(p, { children: [
+              /* @__PURE__ */ t(u, { orientation: "vertical", className: "ds:h-4" }),
+              b && /* @__PURE__ */ t(
+                "span",
+                {
+                  "data-slot": "trust-badges",
+                  className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]",
+                  children: b
+                }
+              ),
+              c && /* @__PURE__ */ t(
+                "span",
+                {
+                  "data-slot": "extra-nav",
+                  className: `ds:inline-flex ds:items-center ${k}`,
+                  children: c
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] }),
+    o ? /* @__PURE__ */ t(
+      "p",
+      {
+        "data-slot": "tagline",
+        className: "ds:m-0 ds:text-center ds:text-[color:var(--muted-foreground)] ds:text-[length:var(--font-size-xs)] ds:italic",
+        children: o
+      }
+    ) : null
+  ] });
+}
+function ft({
+  columns: e,
+  t: n
+}) {
+  return /* @__PURE__ */ t(p, { children: e.map((a, o) => /* @__PURE__ */ i(
+    "section",
+    {
+      "aria-labelledby": `public-footer-group-${o}-${a.key}`,
+      children: [
+        /* @__PURE__ */ t(
+          "h3",
+          {
+            id: `public-footer-group-${o}-${a.key}`,
+            className: "ds:m-0 ds:mb-[var(--spacing-sm)] ds:text-[color:var(--foreground)] ds:text-[length:var(--font-size-sm)] ds:font-medium",
+            children: n(`footer.group.${a.key}`, { defaultValue: a.key })
+          }
+        ),
+        /* @__PURE__ */ t("ul", { className: "ds:list-none ds:m-0 ds:p-0 ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: a.links.map((s) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+          m,
+          {
+            href: I(s.href),
+            external: s.external,
+            externalIcon: !1,
+            intent: "subtle",
+            children: s.label
+          }
+        ) }, `${a.key}-${s.href}-${s.label}`)) })
+      ]
+    },
+    `${o}-${a.key}`
+  )) });
+}
+ot.displayName = "PublicFooter";
+export {
+  z as D,
+  ot as P,
+  Q as S,
+  Z as a,
+  J as c
+};
+//# sourceMappingURL=public-footer-IoRWoAMz.js.map