newspaperui 0.2.0

package/dist/index.js

@@ -0,0 +1,1197 @@
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { useContext as b, createContext as z, useId as $ } from "react";
+const F = z({ columns: 24 }), C = () => b(F), w = ({
+  columns: e = 24,
+  maxWidth: i = "1280px",
+  padding: t = "var(--nui-space-6)",
+  theme: n,
+  className: a,
+  style: r,
+  children: l
+}) => /* @__PURE__ */ o(F.Provider, { value: { columns: e }, children: /* @__PURE__ */ o(
+  "div",
+  {
+    "data-theme": n,
+    className: a,
+    style: {
+      maxWidth: i,
+      margin: "0 auto",
+      padding: t,
+      overflowX: "hidden",
+      background: "var(--nui-bg-page)",
+      color: "var(--nui-text-body)",
+      fontFamily: "var(--font-family-body)",
+      ...r
+    },
+    children: l
+  }
+) });
+function g(e, i) {
+  return Number.isNaN(e) || e < 1 ? 1 : e > i ? i : Math.floor(e);
+}
+function u(...e) {
+  return e.filter(Boolean).join(" ");
+}
+const H = z({ columns: 24 }), h = () => b(H), B = ({
+  columns: e,
+  gap: i = "var(--nui-gutter)",
+  breakable: t = !0,
+  divider: n = "none",
+  responsive: a,
+  className: r,
+  style: l,
+  children: c
+}) => {
+  const s = C(), m = g(e, s.columns), y = `nui-s-${$().replace(/:/g, "")}`, f = a ? `
+@media (max-width: 768px) { .${y} { grid-template-columns: repeat(${a.sm ?? 12}, 1fr) !important; } }
+@media (min-width: 769px) and (max-width: 1024px) { .${y} { grid-template-columns: repeat(${a.md ?? 16}, 1fr) !important; } }
+` : "", S = {};
+  return (n === "top" || n === "both") && (S.borderTop = "1px solid var(--nui-rule-hairline)"), (n === "bottom" || n === "both") && (S.borderBottom = "1px solid var(--nui-rule-hairline)"), /* @__PURE__ */ d(H.Provider, { value: { columns: m }, children: [
+    f && /* @__PURE__ */ o("style", { dangerouslySetInnerHTML: { __html: f } }),
+    /* @__PURE__ */ o(
+      "section",
+      {
+        className: u("nui-section", y, r),
+        style: {
+          display: "grid",
+          gridTemplateColumns: `repeat(${m}, 1fr)`,
+          gap: i,
+          breakInside: t ? "auto" : "avoid",
+          ...S,
+          paddingTop: n === "top" || n === "both" ? "var(--nui-space-4)" : void 0,
+          paddingBottom: n === "bottom" || n === "both" ? "var(--nui-space-4)" : void 0,
+          ...l
+        },
+        "data-columns": m,
+        children: c
+      }
+    )
+  ] });
+}, V = ({
+  span: e,
+  breakable: i = !0,
+  className: t,
+  style: n,
+  children: a
+}) => {
+  const r = h(), l = e ? g(e, r.columns) : r.columns;
+  return /* @__PURE__ */ o(
+    "article",
+    {
+      className: u("nui-article", t),
+      style: {
+        gridColumn: `span ${l}`,
+        breakInside: i ? "auto" : "avoid",
+        ...n
+      },
+      "data-span": l,
+      children: a
+    }
+  );
+}, I = ({
+  position: e = "absolute",
+  top: i,
+  left: t,
+  right: n,
+  bottom: a,
+  zIndex: r,
+  className: l,
+  style: c,
+  children: s
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: l,
+    style: { position: e, top: i, left: t, right: n, bottom: a, zIndex: r, ...c },
+    children: s
+  }
+), L = ({
+  title: e,
+  kicker: i,
+  edition: t,
+  date: n,
+  price: a,
+  variant: r = "classic",
+  as: l = "h1",
+  className: c
+}) => {
+  const s = r === "blackletter" ? "var(--font-family-blackletter)" : "var(--font-family-masthead)", m = r === "modern" ? "left" : "center";
+  return /* @__PURE__ */ d(
+    "header",
+    {
+      className: u("nui-masthead", `nui-masthead--${r}`, c),
+      style: {
+        gridColumn: "1 / -1",
+        textAlign: m,
+        color: "var(--nui-text-primary)"
+      },
+      children: [
+        /* @__PURE__ */ o("div", { className: "nui-masthead-rule-top" }),
+        i && /* @__PURE__ */ o(
+          "div",
+          {
+            className: "nui-small-caps",
+            style: {
+              fontSize: "12px",
+              color: "var(--nui-accent-primary)",
+              margin: "var(--nui-space-2) 0",
+              letterSpacing: "0.1em"
+            },
+            children: i
+          }
+        ),
+        /* @__PURE__ */ o(
+          l,
+          {
+            style: {
+              fontFamily: s,
+              fontWeight: 700,
+              fontSize: r === "modern" ? "clamp(40px, 6vw, 72px)" : "clamp(48px, 8vw, 96px)",
+              lineHeight: 1,
+              letterSpacing: r === "blackletter" ? "0" : "0.02em",
+              margin: "var(--nui-space-2) 0 var(--nui-space-3) 0"
+            },
+            children: e
+          }
+        ),
+        (t || n || a) && /* @__PURE__ */ d(
+          "div",
+          {
+            className: "nui-small-caps",
+            style: {
+              display: "flex",
+              justifyContent: m === "left" ? "flex-start" : "space-between",
+              gap: "var(--nui-space-6)",
+              fontSize: "11px",
+              color: "var(--nui-text-muted)",
+              padding: "var(--nui-space-2) 0",
+              margin: 0,
+              letterSpacing: "0.08em"
+            },
+            children: [
+              t && /* @__PURE__ */ o("span", { children: t }),
+              n && /* @__PURE__ */ o("span", { children: n }),
+              a && /* @__PURE__ */ o("span", { children: a })
+            ]
+          }
+        ),
+        /* @__PURE__ */ o("div", { className: "nui-masthead-rule-bottom" })
+      ]
+    }
+  );
+}, M = ({
+  variant: e = "hairline",
+  orientation: i = "horizontal",
+  span: t,
+  className: n,
+  style: a
+}) => {
+  const r = i === "horizontal", l = r ? { width: "100%", border: 0, margin: 0 } : { height: "100%", width: "1px", border: 0, margin: 0 }, c = e === "hairline" ? r ? { borderTop: "1px solid var(--nui-rule-hairline)" } : { background: "var(--nui-rule-hairline)" } : e === "thick" ? r ? { borderTop: "3px solid var(--nui-rule-decorative)" } : { width: "3px", background: "var(--nui-rule-decorative)" } : r ? {
+    height: "6px",
+    background: "linear-gradient(to bottom, var(--nui-rule-decorative) 0 1px, transparent 1px 4px, var(--nui-rule-decorative) 4px 6px)"
+  } : {
+    width: "6px",
+    background: "linear-gradient(to right, var(--nui-rule-decorative) 0 1px, transparent 1px 4px, var(--nui-rule-decorative) 4px 6px)"
+  };
+  return /* @__PURE__ */ o(
+    "hr",
+    {
+      className: u("nui-rule", `nui-rule--${e}`, n),
+      style: {
+        ...l,
+        ...c,
+        gridColumn: r && t ? `span ${t}` : r ? "1 / -1" : void 0,
+        ...a
+      },
+      "aria-orientation": i
+    }
+  );
+}, A = ({
+  copyright: e,
+  edition: i,
+  links: t,
+  className: n,
+  style: a,
+  children: r
+}) => /* @__PURE__ */ d(
+  "footer",
+  {
+    className: u("nui-footer nui-small-caps", n),
+    style: {
+      gridColumn: "1 / -1",
+      borderTop: "2px solid var(--nui-rule-decorative)",
+      paddingTop: "var(--nui-space-4)",
+      marginTop: "var(--nui-space-8)",
+      fontFamily: "var(--font-family-meta)",
+      fontSize: "11px",
+      letterSpacing: "0.06em",
+      color: "var(--nui-text-muted)",
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+      flexWrap: "wrap",
+      gap: "var(--nui-space-4)",
+      ...a
+    },
+    children: [
+      /* @__PURE__ */ d("div", { children: [
+        e && /* @__PURE__ */ o("span", { children: e }),
+        i && /* @__PURE__ */ o("span", { style: { marginLeft: "var(--nui-space-4)" }, children: i })
+      ] }),
+      t && /* @__PURE__ */ o("nav", { style: { display: "flex", gap: "var(--nui-space-4)" }, children: t.map((l) => /* @__PURE__ */ o("a", { href: l.href, style: { color: "var(--nui-text-muted)", textDecoration: "none" }, children: l.label }, l.href)) }),
+      r
+    ]
+  }
+), j = ({
+  span: e,
+  position: i = "right",
+  divider: t = !1,
+  className: n,
+  style: a,
+  children: r
+}) => {
+  const l = h(), c = e ? g(e, l.columns) : 6, s = t ? i === "left" ? { borderRight: "1px solid var(--nui-rule-hairline)", paddingRight: "var(--nui-space-4)" } : { borderLeft: "1px solid var(--nui-rule-hairline)", paddingLeft: "var(--nui-space-4)" } : {};
+  return /* @__PURE__ */ o(
+    "aside",
+    {
+      className: u("nui-sidebar", n),
+      style: {
+        gridColumn: `span ${c}`,
+        ...s,
+        ...a
+      },
+      children: r
+    }
+  );
+}, q = ({
+  label: e = "BREAKING",
+  className: i,
+  style: t,
+  children: n
+}) => /* @__PURE__ */ d(
+  "div",
+  {
+    className: u("nui-breaking", i),
+    role: "alert",
+    style: {
+      gridColumn: "1 / -1",
+      background: "var(--nui-accent-primary)",
+      color: "var(--nui-bg-page)",
+      padding: "var(--nui-space-3) var(--nui-space-6)",
+      fontFamily: "var(--font-family-meta)",
+      fontSize: "13px",
+      fontWeight: 600,
+      display: "flex",
+      alignItems: "center",
+      gap: "var(--nui-space-4)",
+      ...t
+    },
+    children: [
+      /* @__PURE__ */ o("span", { style: {
+        fontVariantCaps: "small-caps",
+        letterSpacing: "0.1em",
+        fontWeight: 700,
+        flexShrink: 0
+      }, children: e }),
+      /* @__PURE__ */ o("span", { style: { flex: 1 }, children: n })
+    ]
+  }
+), v = {
+  Headline: {
+    High: {
+      fontFamily: "--font-family-display",
+      fontSize: ["48px", "72px"],
+      fontWeight: 600,
+      lineHeight: 1.05,
+      letterSpacing: "-0.01em",
+      fontVariant: "lining-nums",
+      color: "--nui-text-primary",
+      span: [8, 16],
+      margin: "0 0 1rem 0"
+    },
+    Medium: {
+      fontFamily: "--font-family-headline",
+      fontSize: ["32px", "40px"],
+      fontWeight: 600,
+      lineHeight: 1.1,
+      letterSpacing: "-0.005em",
+      fontVariant: "lining-nums",
+      color: "--nui-text-primary",
+      span: [6, 10],
+      margin: "0 0 0.75rem 0"
+    },
+    Low: {
+      fontFamily: "--font-family-headline",
+      fontSize: ["22px", "26px"],
+      fontWeight: 500,
+      lineHeight: 1.2,
+      fontVariant: "lining-nums",
+      color: "--nui-text-body",
+      span: [4, 6],
+      margin: "0 0 0.5rem 0"
+    }
+  },
+  Subhead: {
+    High: {
+      fontFamily: "--font-family-headline",
+      fontSize: ["18px", "22px"],
+      fontWeight: 500,
+      fontStyle: "italic",
+      lineHeight: 1.3,
+      fontVariant: "oldstyle-nums",
+      color: "--nui-text-secondary",
+      span: [4, 8],
+      margin: "0 0 0.75rem 0"
+    },
+    Medium: {
+      fontFamily: "--font-family-headline",
+      fontSize: ["16px", "18px"],
+      fontWeight: 400,
+      fontStyle: "italic",
+      lineHeight: 1.35,
+      fontVariant: "oldstyle-nums",
+      color: "--nui-text-secondary",
+      span: [2, 4],
+      margin: "0 0 0.5rem 0"
+    }
+  },
+  Kicker: {
+    Standard: {
+      fontFamily: "--font-family-meta",
+      fontSize: ["12px", "13px"],
+      fontWeight: 600,
+      lineHeight: 1.2,
+      letterSpacing: "0.08em",
+      color: "--nui-accent-primary",
+      margin: "0 0 0.25rem 0"
+    }
+  },
+  BodyText: {
+    High: {
+      fontFamily: "--font-family-body",
+      fontSize: ["16px", "17px"],
+      fontWeight: 400,
+      lineHeight: 1.6,
+      fontVariant: "oldstyle-nums",
+      color: "--nui-text-body",
+      span: 1,
+      margin: "0 0 0.75rem 0"
+    },
+    Medium: {
+      fontFamily: "--font-family-body",
+      fontSize: "15px",
+      fontWeight: 400,
+      lineHeight: 1.55,
+      fontVariant: "oldstyle-nums",
+      color: "--nui-text-body",
+      span: 1,
+      margin: "0 0 0.5rem 0"
+    },
+    Low: {
+      fontFamily: "--font-family-body",
+      fontSize: ["13px", "14px"],
+      fontWeight: 400,
+      lineHeight: 1.5,
+      fontVariant: "oldstyle-nums",
+      color: "--nui-text-secondary",
+      span: 1,
+      margin: "0 0 0.5rem 0"
+    }
+  },
+  Quote: {
+    High: {
+      fontFamily: "--font-family-body",
+      fontSize: ["17px", "19px"],
+      fontWeight: 400,
+      lineHeight: 1.55,
+      fontVariant: "oldstyle-nums",
+      color: "--nui-text-quote",
+      span: 2,
+      margin: "1rem 0 1rem 1.5em"
+    },
+    Medium: {
+      fontFamily: "--font-family-body",
+      fontSize: ["15px", "17px"],
+      fontWeight: 400,
+      lineHeight: 1.5,
+      fontVariant: "oldstyle-nums",
+      color: "--nui-text-quote",
+      span: 1,
+      margin: "0.75rem 0"
+    }
+  },
+  PullQuote: {
+    High: {
+      fontFamily: "--font-family-display",
+      fontSize: ["26px", "32px"],
+      fontWeight: 600,
+      lineHeight: 1.2,
+      letterSpacing: "-0.005em",
+      fontVariant: "lining-nums",
+      color: "--nui-text-primary",
+      span: [2, 3],
+      margin: "1.5rem 0"
+    },
+    Medium: {
+      fontFamily: "--font-family-display",
+      fontSize: ["20px", "24px"],
+      fontWeight: 500,
+      lineHeight: 1.25,
+      fontVariant: "lining-nums",
+      color: "--nui-text-body",
+      span: [1, 2],
+      margin: "1rem 0"
+    }
+  },
+  Byline: {
+    Standard: {
+      fontFamily: "--font-family-meta",
+      fontSize: ["12px", "13px"],
+      fontWeight: 500,
+      lineHeight: 1.3,
+      letterSpacing: "0.06em",
+      color: "--nui-text-secondary",
+      margin: "0 0 0.25rem 0"
+    }
+  },
+  Dateline: {
+    Standard: {
+      fontFamily: "--font-family-meta",
+      fontSize: ["12px", "13px"],
+      fontWeight: 600,
+      lineHeight: 1.3,
+      letterSpacing: "0.08em",
+      color: "--nui-text-primary",
+      margin: "0"
+    }
+  },
+  Caption: {
+    Standard: {
+      fontFamily: "--font-family-body",
+      fontSize: "13px",
+      fontWeight: 400,
+      fontStyle: "italic",
+      lineHeight: 1.4,
+      color: "--nui-text-secondary",
+      margin: "0.5rem 0 0 0"
+    }
+  }
+};
+function x(e) {
+  if (Array.isArray(e)) {
+    const i = e[0], t = e[1], n = parseFloat(i), a = parseFloat(t), r = ((n + a) / 2 / 16 * 1.5).toFixed(2);
+    return `clamp(${i}, ${r}vw, ${t})`;
+  }
+  return e;
+}
+const N = {
+  High: "h1",
+  Medium: "h2",
+  Low: "h3"
+}, R = ({
+  weight: e = "High",
+  span: i,
+  as: t,
+  align: n,
+  className: a,
+  style: r,
+  children: l
+}) => {
+  var f;
+  const c = h(), s = v.Headline[e], m = t ?? N[e], p = i ? g(i, c.columns) : void 0, y = (f = s.fontVariant) != null && f.includes("lining") ? "nui-tnum" : "nui-osf";
+  return /* @__PURE__ */ o(
+    m,
+    {
+      className: u("nui-headline", y, a),
+      style: {
+        fontFamily: `var(${s.fontFamily})`,
+        fontSize: x(s.fontSize),
+        fontWeight: s.fontWeight,
+        lineHeight: s.lineHeight,
+        letterSpacing: s.letterSpacing,
+        color: `var(${s.color})`,
+        margin: s.margin,
+        textAlign: n,
+        textWrap: "balance",
+        gridColumn: p ? `span ${p}` : void 0,
+        ...r
+      },
+      "data-weight": e,
+      children: l
+    }
+  );
+}, D = ({
+  weight: e = "Medium",
+  span: i,
+  as: t = "p",
+  className: n,
+  style: a,
+  children: r
+}) => {
+  const l = h(), c = v.Subhead[e], s = t, m = i ? g(i, l.columns) : void 0;
+  return /* @__PURE__ */ o(
+    s,
+    {
+      className: u("nui-subhead nui-osf", n),
+      style: {
+        fontFamily: `var(${c.fontFamily})`,
+        fontSize: x(c.fontSize),
+        fontWeight: c.fontWeight,
+        fontStyle: c.fontStyle,
+        lineHeight: c.lineHeight,
+        color: `var(${c.color})`,
+        margin: c.margin,
+        gridColumn: m ? `span ${m}` : void 0,
+        ...a
+      },
+      "data-weight": e,
+      children: r
+    }
+  );
+}, Q = ({ className: e, style: i, children: t }) => {
+  const n = v.Kicker.Standard;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: u("nui-kicker nui-small-caps", e),
+      style: {
+        fontFamily: `var(${n.fontFamily})`,
+        fontSize: x(n.fontSize),
+        fontWeight: n.fontWeight,
+        lineHeight: n.lineHeight,
+        letterSpacing: n.letterSpacing,
+        color: `var(${n.color})`,
+        margin: n.margin,
+        ...i
+      },
+      children: t
+    }
+  );
+}, P = ({
+  weight: e = "Medium",
+  span: i,
+  columns: t = 1,
+  columnWidth: n,
+  columnFill: a = "balance",
+  dropCap: r = !1,
+  className: l,
+  style: c,
+  children: s
+}) => {
+  const m = h(), p = v.BodyText[e], y = i ? g(i, m.columns) : void 0, f = t >= 2;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: u(
+        "nui-bodytext",
+        "nui-paragraph-flow",
+        "nui-osf",
+        "nui-hanging-punctuation",
+        f && "nui-column-rule",
+        r && "nui-drop-cap",
+        l
+      ),
+      style: {
+        fontFamily: `var(${p.fontFamily})`,
+        fontSize: x(p.fontSize),
+        fontWeight: p.fontWeight,
+        lineHeight: p.lineHeight,
+        color: `var(${p.color})`,
+        margin: p.margin,
+        gridColumn: y ? `span ${y}` : void 0,
+        columnCount: f ? t : void 0,
+        columnWidth: f ? n : void 0,
+        columnGap: f ? "var(--nui-gutter)" : void 0,
+        columnFill: f ? a : void 0,
+        ...c
+      },
+      "data-weight": e,
+      "data-columns": t,
+      children: s
+    }
+  );
+}, K = ({
+  variant: e = "block",
+  weight: i = "Medium",
+  span: t,
+  cite: n,
+  className: a,
+  style: r,
+  children: l
+}) => {
+  const c = h(), s = v.Quote[i], m = t ? g(t, c.columns) : void 0;
+  return e === "inline" ? /* @__PURE__ */ o("em", { className: u("nui-quote nui-quote--inline", a), style: r, children: l }) : /* @__PURE__ */ o(
+    "blockquote",
+    {
+      cite: n,
+      className: u("nui-quote nui-quote--block nui-osf", a),
+      style: {
+        fontFamily: `var(${s.fontFamily})`,
+        fontSize: x(s.fontSize),
+        fontWeight: s.fontWeight,
+        lineHeight: s.lineHeight,
+        color: `var(${s.color})`,
+        margin: s.margin,
+        gridColumn: m ? `span ${m}` : void 0,
+        borderLeft: "none",
+        ...r
+      },
+      "data-weight": i,
+      children: l
+    }
+  );
+}, G = ({ className: e, style: i, children: t }) => {
+  const n = v.Byline.Standard;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: u("nui-byline nui-small-caps", e),
+      style: {
+        fontFamily: `var(${n.fontFamily})`,
+        fontSize: x(n.fontSize),
+        fontWeight: n.fontWeight,
+        lineHeight: n.lineHeight,
+        letterSpacing: n.letterSpacing,
+        color: `var(${n.color})`,
+        margin: n.margin,
+        ...i
+      },
+      children: t
+    }
+  );
+}, _ = ({ className: e, style: i, children: t }) => {
+  const n = v.Dateline.Standard;
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      className: u("nui-dateline nui-small-caps", e),
+      style: {
+        fontFamily: `var(${n.fontFamily})`,
+        fontSize: x(n.fontSize),
+        fontWeight: n.fontWeight,
+        lineHeight: n.lineHeight,
+        letterSpacing: n.letterSpacing,
+        color: `var(${n.color})`,
+        margin: n.margin,
+        ...i
+      },
+      children: t
+    }
+  );
+}, W = ({ credit: e, className: i, style: t, children: n }) => {
+  const a = v.Caption.Standard;
+  return /* @__PURE__ */ d(
+    "figcaption",
+    {
+      className: u("nui-caption nui-osf", i),
+      style: {
+        fontFamily: `var(${a.fontFamily})`,
+        fontSize: x(a.fontSize),
+        fontWeight: a.fontWeight,
+        fontStyle: a.fontStyle,
+        lineHeight: a.lineHeight,
+        color: `var(${a.color})`,
+        margin: a.margin,
+        ...t
+      },
+      children: [
+        n,
+        e && /* @__PURE__ */ o(
+          "span",
+          {
+            className: "nui-small-caps",
+            style: {
+              display: "inline-block",
+              marginLeft: "var(--nui-space-2)",
+              fontSize: "11px",
+              color: "var(--nui-text-muted)",
+              fontStyle: "normal",
+              letterSpacing: "0.06em"
+            },
+            children: e
+          }
+        )
+      ]
+    }
+  );
+}, E = ({
+  src: e,
+  alt: i,
+  span: t,
+  loading: n,
+  aspectRatio: a,
+  sizes: r,
+  className: l,
+  style: c
+}) => {
+  const s = h(), m = t ? g(t, s.columns) : void 0;
+  return /* @__PURE__ */ o(
+    "img",
+    {
+      src: e,
+      alt: i,
+      loading: n ?? "lazy",
+      sizes: r,
+      className: u("nui-image", l),
+      style: {
+        display: "block",
+        width: "100%",
+        height: "auto",
+        aspectRatio: a,
+        gridColumn: m ? `span ${m}` : void 0,
+        ...c
+      }
+    }
+  );
+}, J = ({
+  src: e,
+  alt: i,
+  caption: t,
+  credit: n,
+  span: a,
+  loading: r,
+  aspectRatio: l,
+  sizes: c,
+  className: s,
+  style: m,
+  children: p
+}) => {
+  const y = h(), f = a ? g(a, y.columns) : void 0;
+  return /* @__PURE__ */ d(
+    "figure",
+    {
+      className: u("nui-figure nui-avoid-break", s),
+      style: {
+        margin: 0,
+        gridColumn: f ? `span ${f}` : void 0,
+        ...m
+      },
+      children: [
+        e ? /* @__PURE__ */ o(
+          "img",
+          {
+            src: e,
+            alt: i ?? "",
+            loading: r ?? "lazy",
+            sizes: c,
+            style: { display: "block", width: "100%", height: "auto", aspectRatio: l }
+          }
+        ) : p,
+        (t || n) && /* @__PURE__ */ o(W, { credit: n, children: t })
+      ]
+    }
+  );
+}, X = ({
+  src: e,
+  poster: i,
+  caption: t,
+  credit: n,
+  span: a,
+  controls: r = !0,
+  className: l,
+  style: c
+}) => {
+  const s = h(), m = a ? g(a, s.columns) : void 0;
+  return /* @__PURE__ */ d(
+    "figure",
+    {
+      className: u("nui-video nui-avoid-break", l),
+      style: { margin: 0, gridColumn: m ? `span ${m}` : void 0, ...c },
+      children: [
+        /* @__PURE__ */ o("video", { src: e, poster: i, controls: r, style: { width: "100%", height: "auto" } }),
+        (t || n) && /* @__PURE__ */ o(W, { credit: n, children: t })
+      ]
+    }
+  );
+}, O = ({
+  weight: e = "High",
+  span: i,
+  spanAllColumns: t = !1,
+  author: n,
+  align: a = "left",
+  className: r,
+  style: l,
+  children: c
+}) => {
+  const s = h(), m = v.PullQuote[e], p = i ? g(i, s.columns) : void 0;
+  return /* @__PURE__ */ d(
+    "aside",
+    {
+      className: u(
+        "nui-pullquote nui-avoid-break nui-tnum",
+        t && "nui-span-all-columns",
+        r
+      ),
+      style: {
+        margin: m.margin,
+        padding: "var(--nui-space-4) 0",
+        borderTop: "1px solid var(--nui-rule-hairline)",
+        borderBottom: "1px solid var(--nui-rule-hairline)",
+        textAlign: a,
+        gridColumn: p ? `span ${p}` : void 0,
+        ...l
+      },
+      children: [
+        /* @__PURE__ */ o(
+          "div",
+          {
+            style: {
+              fontFamily: `var(${m.fontFamily})`,
+              fontSize: x(m.fontSize),
+              fontWeight: m.fontWeight,
+              lineHeight: m.lineHeight,
+              letterSpacing: m.letterSpacing,
+              color: `var(${m.color})`,
+              margin: 0,
+              textWrap: "balance"
+            },
+            children: c
+          }
+        ),
+        n && /* @__PURE__ */ d(
+          "footer",
+          {
+            className: "nui-small-caps",
+            style: {
+              marginTop: "var(--nui-space-2)",
+              fontSize: "11px",
+              color: "var(--nui-text-muted)",
+              letterSpacing: "0.08em"
+            },
+            children: [
+              "— ",
+              n
+            ]
+          }
+        )
+      ]
+    }
+  );
+}, U = ({
+  title: e = "Related",
+  articles: i,
+  className: t,
+  style: n
+}) => /* @__PURE__ */ d(
+  "aside",
+  {
+    className: u("nui-related", t),
+    style: {
+      borderTop: "2px solid var(--nui-rule-decorative)",
+      paddingTop: "var(--nui-space-4)",
+      marginTop: "var(--nui-space-6)",
+      ...n
+    },
+    children: [
+      /* @__PURE__ */ o("h4", { style: {
+        fontFamily: "var(--font-family-meta)",
+        fontSize: "11px",
+        fontWeight: 700,
+        fontVariantCaps: "small-caps",
+        letterSpacing: "0.08em",
+        color: "var(--nui-accent-primary)",
+        margin: "0 0 var(--nui-space-3) 0"
+      }, children: e }),
+      /* @__PURE__ */ o("ul", { style: { listStyle: "none", padding: 0, margin: 0 }, children: i.map((a, r) => /* @__PURE__ */ d("li", { style: {
+        borderBottom: "1px solid var(--nui-rule-hairline)",
+        padding: "var(--nui-space-2) 0"
+      }, children: [
+        a.category && /* @__PURE__ */ o("span", { style: {
+          fontFamily: "var(--font-family-meta)",
+          fontSize: "10px",
+          fontVariantCaps: "small-caps",
+          letterSpacing: "0.06em",
+          color: "var(--nui-text-muted)",
+          marginRight: "var(--nui-space-2)"
+        }, children: a.category }),
+        /* @__PURE__ */ o("a", { href: a.href, style: {
+          fontFamily: "var(--font-family-headline)",
+          fontSize: "14px",
+          fontWeight: 500,
+          lineHeight: 1.3,
+          color: "var(--nui-text-primary)",
+          textDecoration: "none"
+        }, children: a.title })
+      ] }, r)) })
+    ]
+  }
+), Y = ({
+  page: e,
+  section: i,
+  date: t,
+  publication: n,
+  align: a = "between",
+  className: r,
+  style: l
+}) => /* @__PURE__ */ d(
+  "div",
+  {
+    className: u("nui-folio nui-small-caps", r),
+    style: {
+      gridColumn: "1 / -1",
+      display: "flex",
+      justifyContent: a === "between" ? "space-between" : a === "center" ? "center" : "flex-start",
+      alignItems: "baseline",
+      gap: "var(--nui-space-4)",
+      fontFamily: "var(--font-family-meta)",
+      fontSize: "10px",
+      fontWeight: 500,
+      letterSpacing: "0.08em",
+      color: "var(--nui-text-muted)",
+      borderBottom: "1px solid var(--nui-rule-hairline)",
+      paddingBottom: "var(--nui-space-2)",
+      marginBottom: "var(--nui-space-4)",
+      ...l
+    },
+    children: [
+      /* @__PURE__ */ o("span", { style: { fontWeight: 700, color: "var(--nui-text-secondary)" }, children: e }),
+      i && /* @__PURE__ */ o("span", { children: i }),
+      n && /* @__PURE__ */ o("span", { children: n }),
+      t && /* @__PURE__ */ o("span", { children: t })
+    ]
+  }
+), Z = ({
+  title: e = "Inside",
+  items: i,
+  className: t,
+  style: n
+}) => /* @__PURE__ */ d(
+  "div",
+  {
+    className: u("nui-index-box", t),
+    style: {
+      border: "1px solid var(--nui-rule-hairline)",
+      borderTop: "3px solid var(--nui-rule-decorative)",
+      padding: "var(--nui-space-3)",
+      background: "var(--nui-bg-surface)",
+      ...n
+    },
+    children: [
+      /* @__PURE__ */ o("h4", { style: {
+        fontFamily: "var(--font-family-meta)",
+        fontSize: "11px",
+        fontWeight: 700,
+        fontVariantCaps: "small-caps",
+        letterSpacing: "0.08em",
+        color: "var(--nui-accent-primary)",
+        margin: "0 0 var(--nui-space-2) 0",
+        paddingBottom: "var(--nui-space-2)",
+        borderBottom: "1px solid var(--nui-rule-hairline)"
+      }, children: e }),
+      /* @__PURE__ */ o("ul", { style: { listStyle: "none", padding: 0, margin: 0 }, children: i.map((a, r) => /* @__PURE__ */ d("li", { style: {
+        display: "flex",
+        gap: "var(--nui-space-2)",
+        padding: "var(--nui-space-1) 0",
+        borderBottom: r < i.length - 1 ? "1px solid var(--nui-rule-hairline)" : "none",
+        alignItems: "baseline"
+      }, children: [
+        /* @__PURE__ */ o("span", { style: {
+          fontFamily: "var(--font-family-meta)",
+          fontSize: "10px",
+          fontWeight: 700,
+          color: "var(--nui-text-secondary)",
+          flexShrink: 0,
+          width: "24px"
+        }, children: a.page }),
+        /* @__PURE__ */ o("span", { style: {
+          fontFamily: "var(--font-family-meta)",
+          fontSize: "10px",
+          fontVariantCaps: "small-caps",
+          letterSpacing: "0.06em",
+          color: "var(--nui-text-muted)",
+          flexShrink: 0,
+          width: "48px"
+        }, children: a.title }),
+        a.headline && /* @__PURE__ */ o("span", { style: {
+          fontFamily: "var(--font-family-body)",
+          fontSize: "12px",
+          color: "var(--nui-text-body)",
+          lineHeight: 1.3,
+          flex: 1
+        }, children: a.headline })
+      ] }, r)) })
+    ]
+  }
+), nn = ({
+  title: e,
+  span: i,
+  variant: t = "default",
+  className: n,
+  style: a,
+  children: r
+}) => {
+  const l = h(), c = i ? g(i, l.columns) : void 0, s = {
+    default: {
+      border: "1px solid var(--nui-rule-hairline)",
+      borderTop: "3px solid var(--nui-rule-decorative)",
+      background: "var(--nui-bg-surface)"
+    },
+    highlight: {
+      border: "1px solid var(--nui-rule-hairline)",
+      borderLeft: "4px solid var(--nui-accent-primary)",
+      background: "var(--nui-bg-surface)"
+    },
+    timeline: {
+      border: "1px solid var(--nui-rule-hairline)",
+      borderTop: "3px solid var(--nui-accent-ink-blue)",
+      background: "var(--nui-bg-surface)"
+    }
+  };
+  return /* @__PURE__ */ d(
+    "aside",
+    {
+      className: u("nui-factbox nui-avoid-break", n),
+      style: {
+        ...s[t],
+        padding: "var(--nui-space-4)",
+        gridColumn: c ? `span ${c}` : void 0,
+        ...a
+      },
+      children: [
+        e && /* @__PURE__ */ o("h4", { style: {
+          fontFamily: "var(--font-family-meta)",
+          fontSize: "11px",
+          fontWeight: 700,
+          fontVariantCaps: "small-caps",
+          letterSpacing: "0.08em",
+          color: t === "highlight" ? "var(--nui-accent-primary)" : "var(--nui-text-primary)",
+          margin: "0 0 var(--nui-space-3) 0",
+          paddingBottom: "var(--nui-space-2)",
+          borderBottom: "1px solid var(--nui-rule-hairline)"
+        }, children: e }),
+        /* @__PURE__ */ o("div", { style: {
+          fontFamily: "var(--font-family-body)",
+          fontSize: "13px",
+          lineHeight: 1.5,
+          color: "var(--nui-text-body)"
+        }, children: r })
+      ]
+    }
+  );
+}, en = ({
+  name: e,
+  role: i,
+  bio: t,
+  avatar: n,
+  email: a,
+  className: r,
+  style: l
+}) => /* @__PURE__ */ d(
+  "div",
+  {
+    className: u("nui-author-card", r),
+    style: {
+      borderTop: "1px solid var(--nui-rule-hairline)",
+      paddingTop: "var(--nui-space-4)",
+      marginTop: "var(--nui-space-6)",
+      display: "flex",
+      gap: "var(--nui-space-4)",
+      alignItems: "flex-start",
+      ...l
+    },
+    children: [
+      n && /* @__PURE__ */ o(
+        "img",
+        {
+          src: n,
+          alt: e,
+          loading: "lazy",
+          style: {
+            width: "56px",
+            height: "56px",
+            borderRadius: "50%",
+            objectFit: "cover",
+            flexShrink: 0
+          }
+        }
+      ),
+      /* @__PURE__ */ d("div", { children: [
+        /* @__PURE__ */ o("div", { style: {
+          fontFamily: "var(--font-family-meta)",
+          fontSize: "13px",
+          fontWeight: 600,
+          fontVariantCaps: "small-caps",
+          letterSpacing: "0.06em",
+          color: "var(--nui-text-primary)"
+        }, children: e }),
+        i && /* @__PURE__ */ o("div", { style: {
+          fontFamily: "var(--font-family-meta)",
+          fontSize: "12px",
+          color: "var(--nui-text-muted)",
+          marginTop: "2px"
+        }, children: i }),
+        t && /* @__PURE__ */ o("p", { style: {
+          fontFamily: "var(--font-family-body)",
+          fontSize: "13px",
+          lineHeight: 1.5,
+          color: "var(--nui-text-secondary)",
+          margin: "var(--nui-space-2) 0 0 0"
+        }, children: t }),
+        a && /* @__PURE__ */ o("a", { href: `mailto:${a}`, style: {
+          fontFamily: "var(--font-family-meta)",
+          fontSize: "11px",
+          color: "var(--nui-accent-primary)",
+          textDecoration: "none",
+          marginTop: "var(--nui-space-2)",
+          minHeight: "44px",
+          display: "inline-flex",
+          alignItems: "center"
+        }, children: a })
+      ] })
+    ]
+  }
+), tn = ({
+  direction: e,
+  page: i,
+  className: t,
+  style: n
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: u("nui-jump-line nui-small-caps", t),
+    style: {
+      fontFamily: "var(--font-family-meta)",
+      fontSize: "10px",
+      fontWeight: 600,
+      letterSpacing: "0.06em",
+      color: "var(--nui-text-muted)",
+      textAlign: e === "to" ? "right" : "left",
+      marginTop: e === "to" ? "var(--nui-space-3)" : "0",
+      marginBottom: e === "from" ? "var(--nui-space-3)" : "0",
+      fontStyle: "italic",
+      ...n
+    },
+    children: e === "to" ? `Continued on ${i} →` : `← Continued from ${i}`
+  }
+);
+export {
+  V as Article,
+  en as AuthorCard,
+  P as BodyText,
+  q as BreakingNewsBanner,
+  G as Byline,
+  W as Caption,
+  _ as Dateline,
+  nn as Factbox,
+  J as Figure,
+  Y as Folio,
+  A as Footer,
+  R as Headline,
+  E as Image,
+  Z as IndexBox,
+  tn as JumpLine,
+  Q as Kicker,
+  I as Layer,
+  w as Layout,
+  L as Masthead,
+  j as NewsSidebar,
+  O as PullQuote,
+  K as Quote,
+  U as RelatedArticles,
+  M as Rule,
+  B as Section,
+  D as Subhead,
+  X as Video,
+  C as useLayout,
+  h as useSection
+};