@alfadocs/ui-kit 0.25.1 → 0.30.0

package/dist/_chunks/public-footer.agent-CA29gxHJ.js

@@ -0,0 +1,516 @@
+import { jsx as e, jsxs as i, Fragment as I } from "react/jsx-runtime";
+import { forwardRef as S, useMemo as $, useImperativeHandle as j } from "react";
+import { c as E } from "./index-D2ZczOXr.js";
+import { useTranslation as V } from "react-i18next";
+import { L as d } from "./link-DrD_cRUg.js";
+import { S as f } from "./separator-CYU_bGFn.js";
+import { L as _ } from "./logo-_Z-jLq80.js";
+import { A as H, b as P, c as R, a as D } from "./accordion-CNcodXuO.js";
+const z = "https://www.alfadocs.com", A = {
+  privacy: "/privacy-prenotazione-online",
+  terms: "/it/condizioni-di-utilizzo",
+  contacts: "/it/contattaci"
+}, G = {
+  it: A,
+  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"
+  }
+}, U = "https://";
+function O(a) {
+  return !a || !a.startsWith(U) ? z : a.replace(/\/+$/, "");
+}
+function N(a, t, s) {
+  var m, p;
+  const n = (m = s == null ? void 0 : s[t]) == null ? void 0 : m[a];
+  if (n) return n;
+  const r = (p = G[a]) == null ? void 0 : p[t];
+  return r || A[t];
+}
+function Y(a, t, s) {
+  const n = O(t), r = (a || "it").split("-")[0];
+  return {
+    privacy: `${n}${N(r, "privacy", s)}`,
+    terms: `${n}${N(r, "terms", s)}`,
+    contacts: `${n}${N(r, "contacts", s)}`
+  };
+}
+const B = [
+  "linkedin",
+  "youtube",
+  "instagram",
+  "facebook"
+], K = {
+  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"
+}, x = {
+  viewBox: "0 0 24 24",
+  fill: "currentColor",
+  xmlns: "http://www.w3.org/2000/svg"
+}, W = (a) => /* @__PURE__ */ e("svg", { ...x, ...a, children: /* @__PURE__ */ e("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.063 2.063 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) }), X = (a) => /* @__PURE__ */ e("svg", { ...x, ...a, children: /* @__PURE__ */ e("path", { d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" }) }), q = (a) => /* @__PURE__ */ e("svg", { ...x, ...a, children: /* @__PURE__ */ e("path", { d: "M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z" }) }), J = (a) => /* @__PURE__ */ e("svg", { ...x, ...a, children: /* @__PURE__ */ e("path", { d: "M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" }) }), Q = {
+  linkedin: W,
+  youtube: X,
+  instagram: q,
+  facebook: J
+}, Z = "AlfaDocs GmbH", ee = "P.IVA DE301955405", ae = E(
+  [
+    "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(" "),
+        compact: [
+          "ds:py-[var(--spacing-md)]",
+          "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+          "ds:border-block-start ds:border-[var(--border)]"
+        ].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" }
+  }
+), te = /^(https?:\/\/|mailto:|tel:|\/(?!\/))/i;
+function k(a) {
+  return te.test(a) ? a : "#";
+}
+function L({
+  copyright: a,
+  align: t = "center"
+}) {
+  return /* @__PURE__ */ e(
+    "p",
+    {
+      className: [
+        "ds:m-0 ds:text-[color:var(--muted-foreground)]",
+        "ds:text-[length:var(--font-size-sm)]",
+        t === "center" ? "ds:text-center" : "ds:text-start"
+      ].join(" "),
+      children: a
+    }
+  );
+}
+const se = S(
+  function({
+    variant: t,
+    marketingBaseUrl: s,
+    legalUrlOverrides: n,
+    linkGroups: r,
+    socials: m,
+    logoSlot: p,
+    extraNavSlot: h,
+    trustBadgesSlot: v,
+    id: g,
+    "aria-label": b
+  }, c) {
+    const { t: o, i18n: l } = V("ui"), u = $(
+      () => Y(l.language, s, n),
+      [l.language, s, n]
+    );
+    j(
+      c,
+      () => ({
+        getVariant: () => t,
+        getLegalUrls: () => u
+      }),
+      [t, u]
+    );
+    const C = (/* @__PURE__ */ new Date()).getFullYear(), y = o("footer.copyright", {
+      year: C,
+      entity: Z,
+      vat: ee
+    }), F = b ?? o("footer.nav.label"), w = {
+      privacy: o("footer.nav.privacy"),
+      terms: o("footer.nav.terms"),
+      contacts: o("footer.nav.contacts")
+    }, T = $(() => m !== void 0 ? m : B.map((M) => ({ network: M })), [m]);
+    return /* @__PURE__ */ i(
+      "footer",
+      {
+        id: g,
+        role: "contentinfo",
+        "aria-label": F,
+        "data-component": "public-footer",
+        "data-variant": t,
+        className: ae({ variant: t }),
+        children: [
+          t === "minimal" && /* @__PURE__ */ e(
+            ne,
+            {
+              legalUrls: u,
+              labels: w,
+              copyright: y,
+              trustBadgesSlot: v
+            }
+          ),
+          t === "compact" && /* @__PURE__ */ e(
+            re,
+            {
+              legalUrls: u,
+              labels: w,
+              copyright: y,
+              extraNavSlot: h
+            }
+          ),
+          t === "full" && /* @__PURE__ */ e(
+            ie,
+            {
+              legalUrls: u,
+              labels: w,
+              copyright: y,
+              linkGroups: r,
+              socials: T,
+              logoSlot: p,
+              extraNavSlot: h,
+              trustBadgesSlot: v,
+              t: o
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+function ne({
+  legalUrls: a,
+  labels: t,
+  copyright: s,
+  trustBadgesSlot: n
+}) {
+  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: [
+    n && /* @__PURE__ */ e(
+      "span",
+      {
+        "data-slot": "trust-badges",
+        className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:me-[var(--spacing-sm)]",
+        children: n
+      }
+    ),
+    /* @__PURE__ */ e(
+      d,
+      {
+        href: a.privacy,
+        external: !0,
+        externalIcon: !1,
+        intent: "subtle",
+        children: t.privacy
+      }
+    ),
+    /* @__PURE__ */ e(f, { orientation: "vertical", className: "ds:h-4" }),
+    /* @__PURE__ */ e(
+      d,
+      {
+        href: a.terms,
+        external: !0,
+        externalIcon: !1,
+        intent: "subtle",
+        children: t.terms
+      }
+    ),
+    /* @__PURE__ */ e(f, { orientation: "vertical", className: "ds:h-4" }),
+    /* @__PURE__ */ e("span", { children: s })
+  ] });
+}
+function re({
+  legalUrls: a,
+  labels: t,
+  copyright: s,
+  extraNavSlot: n
+}) {
+  return /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+    /* @__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: [
+      /* @__PURE__ */ e(
+        d,
+        {
+          href: a.privacy,
+          external: !0,
+          externalIcon: !1,
+          intent: "subtle",
+          children: t.privacy
+        }
+      ),
+      /* @__PURE__ */ e(f, { orientation: "vertical", className: "ds:h-4" }),
+      /* @__PURE__ */ e(
+        d,
+        {
+          href: a.terms,
+          external: !0,
+          externalIcon: !1,
+          intent: "subtle",
+          children: t.terms
+        }
+      ),
+      /* @__PURE__ */ e(f, { orientation: "vertical", className: "ds:h-4" }),
+      /* @__PURE__ */ e(
+        d,
+        {
+          href: a.contacts,
+          external: !0,
+          externalIcon: !1,
+          intent: "subtle",
+          children: t.contacts
+        }
+      ),
+      n && /* @__PURE__ */ i(I, { children: [
+        /* @__PURE__ */ e(f, { orientation: "vertical", className: "ds:h-4" }),
+        /* @__PURE__ */ e("span", { "data-slot": "extra-nav", children: n })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(L, { copyright: s })
+  ] });
+}
+function ce(a, t) {
+  return {
+    key: "legal",
+    links: [
+      { href: a.privacy, label: t.privacy, external: !0 },
+      { href: a.terms, label: t.terms, external: !0 },
+      { href: a.contacts, label: t.contacts, external: !0 }
+    ]
+  };
+}
+function ie({
+  legalUrls: a,
+  labels: t,
+  copyright: s,
+  linkGroups: n,
+  socials: r,
+  logoSlot: m,
+  extraNavSlot: p,
+  trustBadgesSlot: h,
+  t: v
+}) {
+  const g = [
+    ...n ?? [],
+    ce(a, t)
+  ], b = /* @__PURE__ */ i(
+    "div",
+    {
+      "data-slot": "brand",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+      children: [
+        /* @__PURE__ */ e("div", { className: "ds:inline-flex", children: m ?? /* @__PURE__ */ e(_, { variant: "wordmark", tone: "auto", "aria-label": "AlfaDocs" }) }),
+        r.length > 0 && /* @__PURE__ */ e(
+          "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: r.map((c) => {
+              const o = Q[c.network], l = c.href ?? K[c.network], u = v(`footer.social.aria.${c.network}`);
+              return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+                d,
+                {
+                  href: k(l),
+                  external: !0,
+                  externalIcon: !1,
+                  intent: "subtle",
+                  "aria-label": u,
+                  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__ */ e(
+                    o,
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:size-5",
+                      focusable: "false"
+                    }
+                  )
+                }
+              ) }, c.network);
+            })
+          }
+        )
+      ]
+    }
+  );
+  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__ */ e("div", { className: "ds:lg:w-[15rem] ds:lg:shrink-0", children: b }),
+      /* @__PURE__ */ i("div", { className: "ds:flex-1 ds:min-w-0", children: [
+        /* @__PURE__ */ e(
+          "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": g.length,
+            children: /* @__PURE__ */ e(oe, { columns: g, t: v })
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "ds:md:hidden", "data-slot": "link-columns-accordion", children: /* @__PURE__ */ e(H, { type: "multiple", children: g.map((c, o) => /* @__PURE__ */ i(
+          P,
+          {
+            value: `${o}-${c.key}`,
+            children: [
+              /* @__PURE__ */ e(R, { children: v(`footer.group.${c.key}`, {
+                defaultValue: c.key
+              }) }),
+              /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e("ul", { className: "ds:list-none ds:m-0 ds:p-0 ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: c.links.map((l) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+                d,
+                {
+                  href: k(l.href),
+                  external: l.external,
+                  externalIcon: !1,
+                  intent: "subtle",
+                  children: l.label
+                }
+              ) }, `${c.key}-${l.href}-${l.label}`)) }) })
+            ]
+          },
+          `${o}-${c.key}`
+        )) }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(f, { 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: [
+      /* @__PURE__ */ e(L, { copyright: s, align: "start" }),
+      /* @__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__ */ e(
+              d,
+              {
+                href: a.privacy,
+                external: !0,
+                externalIcon: !1,
+                intent: "subtle",
+                children: t.privacy
+              }
+            ),
+            /* @__PURE__ */ e(f, { orientation: "vertical", className: "ds:h-4" }),
+            /* @__PURE__ */ e(
+              d,
+              {
+                href: a.terms,
+                external: !0,
+                externalIcon: !1,
+                intent: "subtle",
+                children: t.terms
+              }
+            ),
+            (h || p) && /* @__PURE__ */ i(I, { children: [
+              /* @__PURE__ */ e(f, { orientation: "vertical", className: "ds:h-4" }),
+              h && /* @__PURE__ */ e(
+                "span",
+                {
+                  "data-slot": "trust-badges",
+                  className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]",
+                  children: h
+                }
+              ),
+              p && /* @__PURE__ */ e(
+                "span",
+                {
+                  "data-slot": "extra-nav",
+                  className: "ds:inline-flex ds:items-center",
+                  children: p
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function oe({
+  columns: a,
+  t
+}) {
+  return /* @__PURE__ */ e(I, { children: a.map((s, n) => /* @__PURE__ */ i(
+    "section",
+    {
+      "aria-labelledby": `public-footer-group-${n}-${s.key}`,
+      children: [
+        /* @__PURE__ */ e(
+          "h3",
+          {
+            id: `public-footer-group-${n}-${s.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: t(`footer.group.${s.key}`, { defaultValue: s.key })
+          }
+        ),
+        /* @__PURE__ */ e("ul", { className: "ds:list-none ds:m-0 ds:p-0 ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: s.links.map((r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+          d,
+          {
+            href: k(r.href),
+            external: r.external,
+            externalIcon: !1,
+            intent: "subtle",
+            children: r.label
+          }
+        ) }, `${s.key}-${r.href}-${r.label}`)) })
+      ]
+    },
+    `${n}-${s.key}`
+  )) });
+}
+se.displayName = "PublicFooter";
+const ge = {
+  id: "public-footer",
+  capabilities: ["navigate"],
+  state: {
+    variant: {
+      type: "string",
+      description: "Active variant — one of `minimal`, `compact`, `full`.",
+      read: (a) => a.getVariant()
+    },
+    legalUrls: {
+      type: "object",
+      description: "Resolved legal URLs for the active locale + marketingBaseUrl + overrides: `{ privacy, terms, contacts }`.",
+      read: (a) => a.getLegalUrls()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "public-footer",
+      description: 'Marks the PublicFooter root region. The root also carries `data-variant="minimal|compact|full"` for CSS + agent selectors.'
+    },
+    instanceId: {
+      attr: "id",
+      sourceProp: "id",
+      description: "Sourced from the `id` prop when provided."
+    }
+  }
+};
+export {
+  z as D,
+  se as P,
+  B as S,
+  K as a,
+  Y as c,
+  ge as p
+};
+//# sourceMappingURL=public-footer.agent-CA29gxHJ.js.map