@alfadocs/ui-kit 1.55.0 → 1.57.0

package/dist/_chunks/link-2HokYuIi.js

@@ -1,130 +0,0 @@
-import { jsxs as k, jsx as e } from "react/jsx-runtime";
-import { forwardRef as L } from "react";
-import { c as j } from "./index-D2ZczOXr.js";
-import { useTranslation as T } from "react-i18next";
-import { E as z } from "./external-link-CY6zAXXU.js";
-const E = j(
-  [
-    "ds:underline-offset-4",
-    "ds:rounded-[var(--radius-xs)]",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:forced-colors:focus-visible:outline-[CanvasText]",
-    "ds:aria-disabled:cursor-not-allowed ds:aria-disabled:opacity-50 ds:aria-disabled:no-underline"
-  ].join(" "),
-  {
-    variants: {
-      intent: {
-        // `--primary` is 4.23:1 as text on the dark page, so the link
-        // re-points it (and its hover step) at `--primary-readable`, which
-        // differs only in the dark theme. The colour classes stay as they
-        // were: a host still on an older token sheet keeps today's look,
-        // and a consumer `className` wins or loses exactly as before.
-        default: "ds:[--primary:var(--primary-readable)] ds:[--primary-hover:var(--primary-readable-hover)] ds:text-primary ds:underline ds:hover:text-primary-hover ds:active:opacity-80",
-        subtle: "ds:text-muted-foreground ds:no-underline ds:hover:text-foreground ds:hover:underline ds:active:opacity-80",
-        inverted: "ds:text-primary-foreground ds:underline ds:hover:opacity-90 ds:active:opacity-80"
-      },
-      weight: {
-        normal: "ds:font-normal",
-        strong: "ds:font-semibold"
-      },
-      // When the link carries an icon, the anchor itself becomes a flex
-      // container so glyphs centre on the text optical centre — the
-      // previous `vertical-align: -0.125em` heuristic over-corrected when
-      // the link was the only thing on its line (e.g. each <li> of a
-      // vertical sidebar nav). Text-only links remain plain `inline` so
-      // they wrap naturally inside a paragraph.
-      hasIcon: {
-        no: "ds:inline",
-        yes: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"
-      }
-    },
-    defaultVariants: {
-      intent: "default",
-      weight: "normal",
-      hasIcon: "no"
-    }
-  }
-), I = L(
-  ({
-    href: f,
-    external: s = !1,
-    externalIcon: u = !0,
-    disabled: n = !1,
-    startIcon: i,
-    endIcon: a,
-    intent: o,
-    weight: m,
-    className: v,
-    children: p,
-    target: h,
-    rel: t,
-    onClick: r,
-    ...g
-  }, y) => {
-    const { t: b } = T("ui"), x = s ? "_blank" : h, w = s ? [t, "noopener", "noreferrer"].filter(Boolean).join(" ") : t, d = b("link.opensInNewTab", "Opens in a new tab"), N = (c) => {
-      if (n) {
-        c.preventDefault();
-        return;
-      }
-      r == null || r(c);
-    }, l = s && u;
-    return /* @__PURE__ */ k(
-      "a",
-      {
-        ref: y,
-        href: n ? void 0 : f,
-        role: n ? "link" : void 0,
-        "aria-disabled": n || void 0,
-        target: x,
-        rel: w || void 0,
-        onClick: N,
-        "data-component": "link",
-        "data-intent": o ?? "default",
-        className: E({
-          intent: o,
-          weight: m,
-          hasIcon: !!(i || a || l) ? "yes" : "no",
-          className: v
-        }),
-        ...g,
-        children: [
-          i ? /* @__PURE__ */ e(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: "ds:inline-flex ds:items-center ds:[&_svg]:size-[1em]",
-              children: i
-            }
-          ) : null,
-          p,
-          l ? /* @__PURE__ */ e(
-            "span",
-            {
-              className: "ds:inline-flex ds:items-center",
-              "aria-label": d,
-              children: /* @__PURE__ */ e(z, { "aria-hidden": "true", className: "ds:size-[1em]" })
-            }
-          ) : s ? (
-            // External wiring without the glyph — keep the SR-only
-            // "opens in new tab" announcement so the affordance reads.
-            /* @__PURE__ */ e("span", { className: "ds:sr-only", children: d })
-          ) : a ? /* @__PURE__ */ e(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: "ds:inline-flex ds:items-center ds:[&_svg]:size-[1em]",
-              children: a
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-I.displayName = "Link";
-export {
-  I as L
-};
-//# sourceMappingURL=link-2HokYuIi.js.map

package/dist/_chunks/popover-BI3oV3eY.js

@@ -1,305 +0,0 @@
-import { jsx as s, jsxs as X } from "react/jsx-runtime";
-import { useState as C, useCallback as g, useRef as z, useEffect as h, useMemo as q, forwardRef as f, useId as D, useContext as u, createContext as N } from "react";
-import * as p from "@radix-ui/react-popover";
-import { c as G } from "./index-D2ZczOXr.js";
-import { useTranslation as J } from "react-i18next";
-import { I as Q } from "./icon-button-COX76Jdj.js";
-import { u as U } from "./registry-DvAUVLHh.js";
-import { X as Y } from "./x-B5YnXwCz.js";
-const Z = {
-  id: "popover",
-  capabilities: ["open", "close"],
-  state: {
-    isOpen: {
-      type: "boolean",
-      descriptionKey: "ui.agent.popover.state.isOpen",
-      description: "True when the popover is currently open.",
-      read: (e) => e.getIsOpen()
-    }
-  },
-  actions: {
-    open: {
-      safety: "read",
-      idempotent: !0,
-      descriptionKey: "ui.agent.popover.actions.open",
-      description: "Open the popover.",
-      invoke: (e) => {
-        e.open();
-      }
-    },
-    close: {
-      safety: "read",
-      idempotent: !0,
-      descriptionKey: "ui.agent.popover.actions.close",
-      description: "Close the popover.",
-      invoke: (e) => {
-        e.close();
-      }
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "popover" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop on Popover.Root."
-    }
-  }
-}, y = N({
-  headingId: void 0,
-  setHeadingId: () => {
-  },
-  descriptionId: void 0,
-  setDescriptionId: () => {
-  }
-}), k = N({
-  isHoverMode: !1,
-  clearHoverTimer: () => {
-  },
-  closeWithDelay: () => {
-  }
-});
-function _(e) {
-  if (e === "top" || e === "bottom") return e;
-  const o = typeof document < "u" && document.documentElement.dir === "rtl";
-  return e === "start" ? o ? "right" : "left" : o ? "left" : "right";
-}
-const $ = G(
-  [
-    // `--card-border` 32% alpha provides a subtle edge that survives dark
-    // without becoming a heavy outline. The previous transparent border
-    // relied on the drop-shadow alone, which reads as a faint halo against
-    // dark surfaces and lets the popover float as an unbounded blob; the
-    // earlier heavy `--border` (grey-800 since WCAG 1.4.11 bump in 67fef8c)
-    // overcorrected the other way and made the popover read as a charcoal
-    // box. The forced-colors override below upgrades the border to
-    // `CanvasText` so HCM still repaints a fully visible edge.
-    "ds:relative ds:bg-[var(--popover)] ds:border ds:border-[color:var(--card-border)] ds:rounded-[var(--radius-md)]",
-    "ds:p-[var(--spacing-md)]",
-    "ds:shadow-[var(--shadow-lg)]",
-    "ds:z-[var(--z-popover)]",
-    "ds:text-[var(--popover-foreground)] ds:text-[length:var(--font-size-sm)]",
-    "ds:break-words",
-    "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
-    "ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0",
-    "ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95",
-    "ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2",
-    "ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2",
-    "ds:motion-reduce:transition-none ds:motion-reduce:animate-none",
-    "ds:forced-colors:border-[CanvasText]",
-    "ds:focus-visible:outline-none"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:max-w-[var(--popover-size-sm)]",
-        md: "ds:max-w-[var(--popover-size-md)]",
-        lg: "ds:max-w-[var(--popover-size-lg)]"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-), M = N(void 0);
-function T({
-  openOn: e = "click",
-  children: o,
-  id: r,
-  open: i,
-  onOpenChange: t,
-  defaultOpen: c,
-  modal: P
-}) {
-  const [b, I] = C(c ?? !1), m = i !== void 0, l = m ? i : b, n = g(
-    (w) => {
-      m || I(w), t == null || t(w);
-    },
-    [m, t]
-  ), d = z(null), v = e === "hover" || e === "hover-or-click", a = g(() => {
-    d.current && (clearTimeout(d.current), d.current = null);
-  }, []), H = g(() => {
-    a(), d.current = setTimeout(() => {
-      n(!0);
-    }, 300);
-  }, [a, n]), x = g(() => {
-    a(), d.current = setTimeout(() => {
-      n(!1);
-    }, 300);
-  }, [a, n]);
-  h(() => () => a(), [a]);
-  const R = z(l);
-  h(() => {
-    R.current = l;
-  }, [l]);
-  const W = q(
-    () => ({
-      getIsOpen: () => R.current,
-      open: () => n(!0),
-      close: () => n(!1)
-    }),
-    [n]
-  );
-  U(Z, W, r);
-  const [K, F] = C(void 0), [L, V] = C(
-    void 0
-  ), S = v ? {
-    onMouseEnter: H,
-    onMouseLeave: x,
-    onFocus: () => {
-      a(), n(!0);
-    },
-    onBlur: x
-  } : {};
-  return /* @__PURE__ */ s(M.Provider, { value: r, children: /* @__PURE__ */ s(
-    y.Provider,
-    {
-      value: { headingId: K, setHeadingId: F, descriptionId: L, setDescriptionId: V },
-      children: /* @__PURE__ */ s(
-        k.Provider,
-        {
-          value: { isHoverMode: v, clearHoverTimer: a, closeWithDelay: x },
-          children: /* @__PURE__ */ s(
-            p.Root,
-            {
-              open: l,
-              onOpenChange: n,
-              modal: P,
-              children: v ? /* @__PURE__ */ s("span", { className: "ds:inline-flex", ...S, children: o }) : o
-            }
-          )
-        }
-      )
-    }
-  ) });
-}
-T.displayName = "Popover.Root";
-const j = f(({ children: e, ...o }, r) => /* @__PURE__ */ s(p.Trigger, { ref: r, ...o, children: e }));
-j.displayName = "Popover.Trigger";
-const A = f(
-  ({
-    side: e = "bottom",
-    align: o = "center",
-    size: r = "md",
-    showArrow: i = !0,
-    className: t,
-    children: c,
-    ...P
-  }, b) => {
-    const { headingId: I, descriptionId: m } = u(y), l = u(M), {
-      isHoverMode: n,
-      clearHoverTimer: d,
-      closeWithDelay: v
-    } = u(k), a = _(e), H = n ? {
-      onMouseEnter: d,
-      onMouseLeave: v,
-      onFocus: d,
-      onBlur: v
-    } : {};
-    return /* @__PURE__ */ s(p.Portal, { children: /* @__PURE__ */ X(
-      p.Content,
-      {
-        ref: b,
-        side: a,
-        align: o,
-        sideOffset: 8,
-        collisionPadding: 8,
-        "aria-labelledby": I,
-        "aria-describedby": m,
-        className: $({ size: r, className: t }),
-        "data-component": "popover",
-        "data-component-id": l,
-        ...H,
-        ...P,
-        children: [
-          c,
-          i && /* @__PURE__ */ s(
-            p.Arrow,
-            {
-              width: 12,
-              height: 6,
-              className: "ds:fill-[var(--popover)]"
-            }
-          )
-        ]
-      }
-    ) });
-  }
-);
-A.displayName = "Popover.Content";
-const B = f(
-  ({ className: e }, o) => {
-    const { t: r } = J("ui");
-    return /* @__PURE__ */ s(
-      "div",
-      {
-        className: [
-          "ds:absolute ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]",
-          e
-        ].filter(Boolean).join(" "),
-        children: /* @__PURE__ */ s(p.Close, { asChild: !0, children: /* @__PURE__ */ s(
-          Q,
-          {
-            ref: o,
-            icon: /* @__PURE__ */ s(Y, {}),
-            intent: "ghost",
-            size: "sm",
-            "aria-label": r("common.close", "Close")
-          }
-        ) })
-      }
-    );
-  }
-);
-B.displayName = "Popover.Close";
-const E = f(
-  ({ as: e = "h3", className: o, ...r }, i) => {
-    const t = D(), { setHeadingId: c } = u(y);
-    return h(() => (c(t), () => c(void 0)), [t, c]), /* @__PURE__ */ s(
-      e,
-      {
-        ref: i,
-        id: t,
-        className: [
-          "type-title-item ds:leading-snug ds:break-words",
-          "ds:pe-[var(--spacing-xl)]",
-          o
-        ].filter(Boolean).join(" "),
-        ...r
-      }
-    );
-  }
-);
-E.displayName = "Popover.Heading";
-const O = f(({ className: e, ...o }, r) => {
-  const i = D(), { setDescriptionId: t } = u(y);
-  return h(() => (t(i), () => t(void 0)), [i, t]), /* @__PURE__ */ s(
-    "div",
-    {
-      ref: r,
-      id: i,
-      className: [
-        "ds:text-[var(--muted-foreground)] type-body-sm ds:mt-[var(--spacing-xs)]",
-        e
-      ].filter(Boolean).join(" "),
-      ...o
-    }
-  );
-});
-O.displayName = "Popover.Description";
-const ae = Object.assign(T, {
-  Root: T,
-  Trigger: j,
-  // Radix pass-through: position Content against an arbitrary element when a
-  // Trigger button is unsuitable (e.g. anchoring an editor to a role=tab).
-  Anchor: p.Anchor,
-  Content: A,
-  Close: B,
-  Heading: E,
-  Description: O
-});
-export {
-  ae as P,
-  Z as p
-};
-//# sourceMappingURL=popover-BI3oV3eY.js.map