newspaperui 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,133 +1,133 @@
-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 = ({
+import { jsx as n, jsxs as d, Fragment as X } from "react/jsx-runtime";
+import { useContext as ne, createContext as ie, useId as Z, useRef as me, useState as pe, useEffect as ge } from "react";
+const ae = ie({ columns: 24 }), fe = () => ne(ae), be = ({
   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(
+  padding: a = "var(--nui-space-6)",
+  theme: t,
+  className: r,
+  style: o,
+  children: s
+}) => /* @__PURE__ */ n(ae.Provider, { value: { columns: e }, children: /* @__PURE__ */ n(
   "div",
   {
-    "data-theme": n,
-    className: a,
+    "data-theme": t,
+    className: r,
     style: {
       maxWidth: i,
       margin: "0 auto",
-      padding: t,
+      padding: a,
       overflowX: "hidden",
       background: "var(--nui-bg-page)",
       color: "var(--nui-text-body)",
       fontFamily: "var(--font-family-body)",
-      ...r
+      ...o
     },
-    children: l
+    children: s
   }
 ) });
-function g(e, i) {
+function M(e, i) {
   return Number.isNaN(e) || e < 1 ? 1 : e > i ? i : Math.floor(e);
 }
-function u(...e) {
+function x(...e) {
   return e.filter(Boolean).join(" ");
 }
-const H = z({ columns: 24 }), h = () => b(H), B = ({
+const re = ie({ columns: 24 }), T = () => ne(re), Se = ({
   columns: e,
   gap: i = "var(--nui-gutter)",
-  breakable: t = !0,
-  divider: n = "none",
-  responsive: a,
-  className: r,
-  style: l,
+  breakable: a = !0,
+  divider: t = "none",
+  responsive: r,
+  className: o,
+  style: s,
   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(
+  const u = fe(), h = M(e, u.columns), S = `nui-s-${Z().replace(/:/g, "")}`, f = r ? `
+@media (max-width: 768px) { .${S} { grid-template-columns: repeat(${r.sm ?? 12}, 1fr) !important; } }
+@media (min-width: 769px) and (max-width: 1024px) { .${S} { grid-template-columns: repeat(${r.md ?? 16}, 1fr) !important; } }
+` : "", $ = {};
+  return (t === "top" || t === "both") && ($.borderTop = "1px solid var(--nui-rule-hairline)"), (t === "bottom" || t === "both") && ($.borderBottom = "1px solid var(--nui-rule-hairline)"), /* @__PURE__ */ d(re.Provider, { value: { columns: h }, children: [
+    f && /* @__PURE__ */ n("style", { dangerouslySetInnerHTML: { __html: f } }),
+    /* @__PURE__ */ n(
       "section",
       {
-        className: u("nui-section", y, r),
+        className: x("nui-section", S, o),
         style: {
           display: "grid",
-          gridTemplateColumns: `repeat(${m}, 1fr)`,
+          gridTemplateColumns: `repeat(${h}, 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
+          breakInside: a ? "auto" : "avoid",
+          ...$,
+          paddingTop: t === "top" || t === "both" ? "var(--nui-space-4)" : void 0,
+          paddingBottom: t === "bottom" || t === "both" ? "var(--nui-space-4)" : void 0,
+          ...s
         },
-        "data-columns": m,
+        "data-columns": h,
         children: c
       }
     )
   ] });
-}, V = ({
+}, Ne = ({
   span: e,
   breakable: i = !0,
-  className: t,
-  style: n,
-  children: a
+  className: a,
+  style: t,
+  children: r
 }) => {
-  const r = h(), l = e ? g(e, r.columns) : r.columns;
-  return /* @__PURE__ */ o(
+  const o = T(), s = e ? M(e, o.columns) : o.columns;
+  return /* @__PURE__ */ n(
     "article",
     {
-      className: u("nui-article", t),
+      className: x("nui-article", a),
       style: {
-        gridColumn: `span ${l}`,
+        gridColumn: `span ${s}`,
         breakInside: i ? "auto" : "avoid",
-        ...n
+        ...t
       },
-      "data-span": l,
-      children: a
+      "data-span": s,
+      children: r
     }
   );
-}, I = ({
+}, $e = ({
   position: e = "absolute",
   top: i,
-  left: t,
-  right: n,
-  bottom: a,
-  zIndex: r,
-  className: l,
+  left: a,
+  right: t,
+  bottom: r,
+  zIndex: o,
+  className: s,
   style: c,
-  children: s
-}) => /* @__PURE__ */ o(
+  children: u
+}) => /* @__PURE__ */ n(
   "div",
   {
-    className: l,
-    style: { position: e, top: i, left: t, right: n, bottom: a, zIndex: r, ...c },
-    children: s
+    className: s,
+    style: { position: e, top: i, left: a, right: t, bottom: r, zIndex: o, ...c },
+    children: u
   }
-), L = ({
+), Fe = ({
   title: e,
   kicker: i,
-  edition: t,
-  date: n,
-  price: a,
-  variant: r = "classic",
-  as: l = "h1",
+  edition: a,
+  date: t,
+  price: r,
+  variant: o = "classic",
+  as: s = "h1",
   className: c
 }) => {
-  const s = r === "blackletter" ? "var(--font-family-blackletter)" : "var(--font-family-masthead)", m = r === "modern" ? "left" : "center";
+  const u = o === "blackletter" ? "var(--font-family-blackletter)" : "var(--font-family-masthead)", h = o === "modern" ? "left" : "center";
   return /* @__PURE__ */ d(
     "header",
     {
-      className: u("nui-masthead", `nui-masthead--${r}`, c),
+      className: x("nui-masthead", `nui-masthead--${o}`, c),
       style: {
         gridColumn: "1 / -1",
-        textAlign: m,
+        textAlign: h,
         color: "var(--nui-text-primary)"
       },
       children: [
-        /* @__PURE__ */ o("div", { className: "nui-masthead-rule-top" }),
-        i && /* @__PURE__ */ o(
+        /* @__PURE__ */ n("div", { className: "nui-masthead-rule-top" }),
+        i && /* @__PURE__ */ n(
           "div",
           {
             className: "nui-small-caps",
@@ -140,27 +140,27 @@ const H = z({ columns: 24 }), h = () => b(H), B = ({
             children: i
           }
         ),
-        /* @__PURE__ */ o(
-          l,
+        /* @__PURE__ */ n(
+          s,
           {
             style: {
-              fontFamily: s,
+              fontFamily: u,
               fontWeight: 700,
-              fontSize: r === "modern" ? "clamp(40px, 6vw, 72px)" : "clamp(48px, 8vw, 96px)",
+              fontSize: o === "modern" ? "clamp(40px, 6vw, 72px)" : "clamp(48px, 8vw, 96px)",
               lineHeight: 1,
-              letterSpacing: r === "blackletter" ? "0" : "0.02em",
+              letterSpacing: o === "blackletter" ? "0" : "0.02em",
               margin: "var(--nui-space-2) 0 var(--nui-space-3) 0"
             },
             children: e
           }
         ),
-        (t || n || a) && /* @__PURE__ */ d(
+        (a || t || r) && /* @__PURE__ */ d(
           "div",
           {
             className: "nui-small-caps",
             style: {
               display: "flex",
-              justifyContent: m === "left" ? "flex-start" : "space-between",
+              justifyContent: h === "left" ? "flex-start" : "space-between",
               gap: "var(--nui-space-6)",
               fontSize: "11px",
               color: "var(--nui-text-muted)",
@@ -169,54 +169,54 @@ const H = z({ columns: 24 }), h = () => b(H), B = ({
               letterSpacing: "0.08em"
             },
             children: [
-              t && /* @__PURE__ */ o("span", { children: t }),
-              n && /* @__PURE__ */ o("span", { children: n }),
-              a && /* @__PURE__ */ o("span", { children: a })
+              a && /* @__PURE__ */ n("span", { children: a }),
+              t && /* @__PURE__ */ n("span", { children: t }),
+              r && /* @__PURE__ */ n("span", { children: r })
             ]
           }
         ),
-        /* @__PURE__ */ o("div", { className: "nui-masthead-rule-bottom" })
+        /* @__PURE__ */ n("div", { className: "nui-masthead-rule-bottom" })
       ]
     }
   );
-}, M = ({
+}, ke = ({
   variant: e = "hairline",
   orientation: i = "horizontal",
-  span: t,
-  className: n,
-  style: a
+  span: a,
+  className: t,
+  style: r
 }) => {
-  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 ? {
+  const o = i === "horizontal", s = o ? { width: "100%", border: 0, margin: 0 } : { height: "100%", width: "1px", border: 0, margin: 0 }, c = e === "hairline" ? o ? { borderTop: "1px solid var(--nui-rule-hairline)" } : { background: "var(--nui-rule-hairline)" } : e === "thick" ? o ? { borderTop: "3px solid var(--nui-rule-decorative)" } : { width: "3px", background: "var(--nui-rule-decorative)" } : o ? {
     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(
+  return /* @__PURE__ */ n(
     "hr",
     {
-      className: u("nui-rule", `nui-rule--${e}`, n),
+      className: x("nui-rule", `nui-rule--${e}`, t),
       style: {
-        ...l,
+        ...s,
         ...c,
-        gridColumn: r && t ? `span ${t}` : r ? "1 / -1" : void 0,
-        ...a
+        gridColumn: o && a ? `span ${a}` : o ? "1 / -1" : void 0,
+        ...r
       },
       "aria-orientation": i
     }
   );
-}, A = ({
+}, ze = ({
   copyright: e,
   edition: i,
-  links: t,
-  className: n,
-  style: a,
-  children: r
+  links: a,
+  className: t,
+  style: r,
+  children: o
 }) => /* @__PURE__ */ d(
   "footer",
   {
-    className: u("nui-footer nui-small-caps", n),
+    className: x("nui-footer nui-small-caps", t),
     style: {
       gridColumn: "1 / -1",
       borderTop: "2px solid var(--nui-rule-decorative)",
@@ -231,47 +231,47 @@ const H = z({ columns: 24 }), h = () => b(H), B = ({
       alignItems: "center",
       flexWrap: "wrap",
       gap: "var(--nui-space-4)",
-      ...a
+      ...r
     },
     children: [
       /* @__PURE__ */ d("div", { children: [
-        e && /* @__PURE__ */ o("span", { children: e }),
-        i && /* @__PURE__ */ o("span", { style: { marginLeft: "var(--nui-space-4)" }, children: i })
+        e && /* @__PURE__ */ n("span", { children: e }),
+        i && /* @__PURE__ */ n("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
+      a && /* @__PURE__ */ n("nav", { style: { display: "flex", gap: "var(--nui-space-4)" }, children: a.map((s) => /* @__PURE__ */ n("a", { href: s.href, style: { color: "var(--nui-text-muted)", textDecoration: "none" }, children: s.label }, s.href)) }),
+      o
     ]
   }
-), j = ({
+), We = ({
   span: e,
   position: i = "right",
-  divider: t = !1,
-  className: n,
-  style: a,
-  children: r
+  divider: a = !1,
+  className: t,
+  style: r,
+  children: o
 }) => {
-  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(
+  const s = T(), c = e ? M(e, s.columns) : 6, u = a ? 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__ */ n(
     "aside",
     {
-      className: u("nui-sidebar", n),
+      className: x("nui-sidebar", t),
       style: {
         gridColumn: `span ${c}`,
-        ...s,
-        ...a
+        ...u,
+        ...r
       },
-      children: r
+      children: o
     }
   );
-}, q = ({
+}, He = ({
   label: e = "BREAKING",
   className: i,
-  style: t,
-  children: n
+  style: a,
+  children: t
 }) => /* @__PURE__ */ d(
   "div",
   {
-    className: u("nui-breaking", i),
+    className: x("nui-breaking", i),
     role: "alert",
     style: {
       gridColumn: "1 / -1",
@@ -284,19 +284,19 @@ const H = z({ columns: 24 }), h = () => b(H), B = ({
       display: "flex",
       alignItems: "center",
       gap: "var(--nui-space-4)",
-      ...t
+      ...a
     },
     children: [
-      /* @__PURE__ */ o("span", { style: {
+      /* @__PURE__ */ n("span", { style: {
         fontVariantCaps: "small-caps",
         letterSpacing: "0.1em",
         fontWeight: 700,
         flexShrink: 0
       }, children: e }),
-      /* @__PURE__ */ o("span", { style: { flex: 1 }, children: n })
+      /* @__PURE__ */ n("span", { style: { flex: 1 }, children: t })
     ]
   }
-), v = {
+), D = {
   Headline: {
     High: {
       fontFamily: "--font-family-display",
@@ -477,226 +477,226 @@ const H = z({ columns: 24 }), h = () => b(H), B = ({
     }
   }
 };
-function x(e) {
+function Y(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})`;
+    const i = e[0], a = e[1], t = parseFloat(i), r = parseFloat(a), o = ((t + r) / 2 / 16 * 1.5).toFixed(2);
+    return `clamp(${i}, ${o}vw, ${a})`;
   }
   return e;
 }
-const N = {
+const ye = {
   High: "h1",
   Medium: "h2",
   Low: "h3"
-}, R = ({
+}, we = ({
   weight: e = "High",
   span: i,
-  as: t,
-  align: n,
-  className: a,
-  style: r,
-  children: l
+  as: a,
+  align: t,
+  className: r,
+  style: o,
+  children: s
 }) => {
   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,
+  const c = T(), u = D.Headline[e], h = a ?? ye[e], b = i ? M(i, c.columns) : void 0, S = (f = u.fontVariant) != null && f.includes("lining") ? "nui-tnum" : "nui-osf";
+  return /* @__PURE__ */ n(
+    h,
     {
-      className: u("nui-headline", y, a),
+      className: x("nui-headline", S, r),
       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,
+        fontFamily: `var(${u.fontFamily})`,
+        fontSize: Y(u.fontSize),
+        fontWeight: u.fontWeight,
+        lineHeight: u.lineHeight,
+        letterSpacing: u.letterSpacing,
+        color: `var(${u.color})`,
+        margin: u.margin,
+        textAlign: t,
         textWrap: "balance",
-        gridColumn: p ? `span ${p}` : void 0,
-        ...r
+        gridColumn: b ? `span ${b}` : void 0,
+        ...o
       },
       "data-weight": e,
-      children: l
+      children: s
     }
   );
-}, D = ({
+}, Me = ({
   weight: e = "Medium",
   span: i,
-  as: t = "p",
-  className: n,
-  style: a,
-  children: r
+  as: a = "p",
+  className: t,
+  style: r,
+  children: o
 }) => {
-  const l = h(), c = v.Subhead[e], s = t, m = i ? g(i, l.columns) : void 0;
-  return /* @__PURE__ */ o(
-    s,
+  const s = T(), c = D.Subhead[e], u = a, h = i ? M(i, s.columns) : void 0;
+  return /* @__PURE__ */ n(
+    u,
     {
-      className: u("nui-subhead nui-osf", n),
+      className: x("nui-subhead nui-osf", t),
       style: {
         fontFamily: `var(${c.fontFamily})`,
-        fontSize: x(c.fontSize),
+        fontSize: Y(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
+        gridColumn: h ? `span ${h}` : void 0,
+        ...r
       },
       "data-weight": e,
-      children: r
+      children: o
     }
   );
-}, Q = ({ className: e, style: i, children: t }) => {
-  const n = v.Kicker.Standard;
-  return /* @__PURE__ */ o(
+}, Ce = ({ className: e, style: i, children: a }) => {
+  const t = D.Kicker.Standard;
+  return /* @__PURE__ */ n(
     "div",
     {
-      className: u("nui-kicker nui-small-caps", e),
+      className: x("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,
+        fontFamily: `var(${t.fontFamily})`,
+        fontSize: Y(t.fontSize),
+        fontWeight: t.fontWeight,
+        lineHeight: t.lineHeight,
+        letterSpacing: t.letterSpacing,
+        color: `var(${t.color})`,
+        margin: t.margin,
         ...i
       },
-      children: t
+      children: a
     }
   );
-}, P = ({
+}, Te = ({
   weight: e = "Medium",
   span: i,
-  columns: t = 1,
-  columnWidth: n,
-  columnFill: a = "balance",
-  dropCap: r = !1,
-  className: l,
+  columns: a = 1,
+  columnWidth: t,
+  columnFill: r = "balance",
+  dropCap: o = !1,
+  className: s,
   style: c,
-  children: s
+  children: u
 }) => {
-  const m = h(), p = v.BodyText[e], y = i ? g(i, m.columns) : void 0, f = t >= 2;
-  return /* @__PURE__ */ o(
+  const h = T(), b = D.BodyText[e], S = i ? M(i, h.columns) : void 0, f = a >= 2;
+  return /* @__PURE__ */ n(
     "div",
     {
-      className: u(
+      className: x(
         "nui-bodytext",
         "nui-paragraph-flow",
         "nui-osf",
         "nui-hanging-punctuation",
         f && "nui-column-rule",
-        r && "nui-drop-cap",
-        l
+        o && "nui-drop-cap",
+        s
       ),
       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,
+        fontFamily: `var(${b.fontFamily})`,
+        fontSize: Y(b.fontSize),
+        fontWeight: b.fontWeight,
+        lineHeight: b.lineHeight,
+        color: `var(${b.color})`,
+        margin: b.margin,
+        gridColumn: S ? `span ${S}` : void 0,
+        columnCount: f ? a : void 0,
+        columnWidth: f ? t : void 0,
         columnGap: f ? "var(--nui-gutter)" : void 0,
-        columnFill: f ? a : void 0,
+        columnFill: f ? r : void 0,
         ...c
       },
       "data-weight": e,
-      "data-columns": t,
-      children: s
+      "data-columns": a,
+      children: u
     }
   );
-}, K = ({
+}, Be = ({
   variant: e = "block",
   weight: i = "Medium",
-  span: t,
-  cite: n,
-  className: a,
-  style: r,
-  children: l
+  span: a,
+  cite: t,
+  className: r,
+  style: o,
+  children: s
 }) => {
-  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(
+  const c = T(), u = D.Quote[i], h = a ? M(a, c.columns) : void 0;
+  return e === "inline" ? /* @__PURE__ */ n("em", { className: x("nui-quote nui-quote--inline", r), style: o, children: s }) : /* @__PURE__ */ n(
     "blockquote",
     {
-      cite: n,
-      className: u("nui-quote nui-quote--block nui-osf", a),
+      cite: t,
+      className: x("nui-quote nui-quote--block nui-osf", r),
       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,
+        fontFamily: `var(${u.fontFamily})`,
+        fontSize: Y(u.fontSize),
+        fontWeight: u.fontWeight,
+        lineHeight: u.lineHeight,
+        color: `var(${u.color})`,
+        margin: u.margin,
+        gridColumn: h ? `span ${h}` : void 0,
         borderLeft: "none",
-        ...r
+        ...o
       },
       "data-weight": i,
-      children: l
+      children: s
     }
   );
-}, G = ({ className: e, style: i, children: t }) => {
-  const n = v.Byline.Standard;
-  return /* @__PURE__ */ o(
+}, Ie = ({ className: e, style: i, children: a }) => {
+  const t = D.Byline.Standard;
+  return /* @__PURE__ */ n(
     "div",
     {
-      className: u("nui-byline nui-small-caps", e),
+      className: x("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,
+        fontFamily: `var(${t.fontFamily})`,
+        fontSize: Y(t.fontSize),
+        fontWeight: t.fontWeight,
+        lineHeight: t.lineHeight,
+        letterSpacing: t.letterSpacing,
+        color: `var(${t.color})`,
+        margin: t.margin,
         ...i
       },
-      children: t
+      children: a
     }
   );
-}, _ = ({ className: e, style: i, children: t }) => {
-  const n = v.Dateline.Standard;
-  return /* @__PURE__ */ o(
+}, Ve = ({ className: e, style: i, children: a }) => {
+  const t = D.Dateline.Standard;
+  return /* @__PURE__ */ n(
     "span",
     {
-      className: u("nui-dateline nui-small-caps", e),
+      className: x("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,
+        fontFamily: `var(${t.fontFamily})`,
+        fontSize: Y(t.fontSize),
+        fontWeight: t.fontWeight,
+        lineHeight: t.lineHeight,
+        letterSpacing: t.letterSpacing,
+        color: `var(${t.color})`,
+        margin: t.margin,
         ...i
       },
-      children: t
+      children: a
     }
   );
-}, W = ({ credit: e, className: i, style: t, children: n }) => {
-  const a = v.Caption.Standard;
+}, le = ({ credit: e, className: i, style: a, children: t }) => {
+  const r = D.Caption.Standard;
   return /* @__PURE__ */ d(
     "figcaption",
     {
-      className: u("nui-caption nui-osf", i),
+      className: x("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
+        fontFamily: `var(${r.fontFamily})`,
+        fontSize: Y(r.fontSize),
+        fontWeight: r.fontWeight,
+        fontStyle: r.fontStyle,
+        lineHeight: r.lineHeight,
+        color: `var(${r.color})`,
+        margin: r.margin,
+        ...a
       },
       children: [
-        n,
-        e && /* @__PURE__ */ o(
+        t,
+        e && /* @__PURE__ */ n(
           "span",
           {
             className: "nui-small-caps",
@@ -714,141 +714,141 @@ const N = {
       ]
     }
   );
-}, E = ({
+}, Ae = ({
   src: e,
   alt: i,
-  span: t,
-  loading: n,
-  aspectRatio: a,
-  sizes: r,
-  className: l,
+  span: a,
+  loading: t,
+  aspectRatio: r,
+  sizes: o,
+  className: s,
   style: c
 }) => {
-  const s = h(), m = t ? g(t, s.columns) : void 0;
-  return /* @__PURE__ */ o(
+  const u = T(), h = a ? M(a, u.columns) : void 0;
+  return /* @__PURE__ */ n(
     "img",
     {
       src: e,
       alt: i,
-      loading: n ?? "lazy",
-      sizes: r,
-      className: u("nui-image", l),
+      loading: t ?? "lazy",
+      sizes: o,
+      className: x("nui-image", s),
       style: {
         display: "block",
         width: "100%",
         height: "auto",
-        aspectRatio: a,
-        gridColumn: m ? `span ${m}` : void 0,
+        aspectRatio: r,
+        gridColumn: h ? `span ${h}` : void 0,
         ...c
       }
     }
   );
-}, J = ({
+}, De = ({
   src: e,
   alt: i,
-  caption: t,
-  credit: n,
-  span: a,
-  loading: r,
-  aspectRatio: l,
+  caption: a,
+  credit: t,
+  span: r,
+  loading: o,
+  aspectRatio: s,
   sizes: c,
-  className: s,
-  style: m,
-  children: p
+  className: u,
+  style: h,
+  children: b
 }) => {
-  const y = h(), f = a ? g(a, y.columns) : void 0;
+  const S = T(), f = r ? M(r, S.columns) : void 0;
   return /* @__PURE__ */ d(
     "figure",
     {
-      className: u("nui-figure nui-avoid-break", s),
+      className: x("nui-figure nui-avoid-break", u),
       style: {
         margin: 0,
         gridColumn: f ? `span ${f}` : void 0,
-        ...m
+        ...h
       },
       children: [
-        e ? /* @__PURE__ */ o(
+        e ? /* @__PURE__ */ n(
           "img",
           {
             src: e,
             alt: i ?? "",
-            loading: r ?? "lazy",
+            loading: o ?? "lazy",
             sizes: c,
-            style: { display: "block", width: "100%", height: "auto", aspectRatio: l }
+            style: { display: "block", width: "100%", height: "auto", aspectRatio: s }
           }
-        ) : p,
-        (t || n) && /* @__PURE__ */ o(W, { credit: n, children: t })
+        ) : b,
+        (a || t) && /* @__PURE__ */ n(le, { credit: t, children: a })
       ]
     }
   );
-}, X = ({
+}, Ye = ({
   src: e,
   poster: i,
-  caption: t,
-  credit: n,
-  span: a,
-  controls: r = !0,
-  className: l,
+  caption: a,
+  credit: t,
+  span: r,
+  controls: o = !0,
+  className: s,
   style: c
 }) => {
-  const s = h(), m = a ? g(a, s.columns) : void 0;
+  const u = T(), h = r ? M(r, u.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 },
+      className: x("nui-video nui-avoid-break", s),
+      style: { margin: 0, gridColumn: h ? `span ${h}` : 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 })
+        /* @__PURE__ */ n("video", { src: e, poster: i, controls: o, style: { width: "100%", height: "auto" } }),
+        (a || t) && /* @__PURE__ */ n(le, { credit: t, children: a })
       ]
     }
   );
-}, O = ({
+}, Re = ({
   weight: e = "High",
   span: i,
-  spanAllColumns: t = !1,
-  author: n,
-  align: a = "left",
-  className: r,
-  style: l,
+  spanAllColumns: a = !1,
+  author: t,
+  align: r = "left",
+  className: o,
+  style: s,
   children: c
 }) => {
-  const s = h(), m = v.PullQuote[e], p = i ? g(i, s.columns) : void 0;
+  const u = T(), h = D.PullQuote[e], b = i ? M(i, u.columns) : void 0;
   return /* @__PURE__ */ d(
     "aside",
     {
-      className: u(
+      className: x(
         "nui-pullquote nui-avoid-break nui-tnum",
-        t && "nui-span-all-columns",
-        r
+        a && "nui-span-all-columns",
+        o
       ),
       style: {
-        margin: m.margin,
+        margin: h.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
+        textAlign: r,
+        gridColumn: b ? `span ${b}` : void 0,
+        ...s
       },
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ n(
           "div",
           {
             style: {
-              fontFamily: `var(${m.fontFamily})`,
-              fontSize: x(m.fontSize),
-              fontWeight: m.fontWeight,
-              lineHeight: m.lineHeight,
-              letterSpacing: m.letterSpacing,
-              color: `var(${m.color})`,
+              fontFamily: `var(${h.fontFamily})`,
+              fontSize: Y(h.fontSize),
+              fontWeight: h.fontWeight,
+              lineHeight: h.lineHeight,
+              letterSpacing: h.letterSpacing,
+              color: `var(${h.color})`,
               margin: 0,
               textWrap: "balance"
             },
             children: c
           }
         ),
-        n && /* @__PURE__ */ d(
+        t && /* @__PURE__ */ d(
           "footer",
           {
             className: "nui-small-caps",
@@ -860,30 +860,30 @@ const N = {
             },
             children: [
               "— ",
-              n
+              t
             ]
           }
         )
       ]
     }
   );
-}, U = ({
+}, je = ({
   title: e = "Related",
   articles: i,
-  className: t,
-  style: n
+  className: a,
+  style: t
 }) => /* @__PURE__ */ d(
   "aside",
   {
-    className: u("nui-related", t),
+    className: x("nui-related", a),
     style: {
       borderTop: "2px solid var(--nui-rule-decorative)",
       paddingTop: "var(--nui-space-4)",
       marginTop: "var(--nui-space-6)",
-      ...n
+      ...t
     },
     children: [
-      /* @__PURE__ */ o("h4", { style: {
+      /* @__PURE__ */ n("h4", { style: {
         fontFamily: "var(--font-family-meta)",
         fontSize: "11px",
         fontWeight: 700,
@@ -892,45 +892,45 @@ const N = {
         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: {
+      /* @__PURE__ */ n("ul", { style: { listStyle: "none", padding: 0, margin: 0 }, children: i.map((r, o) => /* @__PURE__ */ d("li", { style: {
         borderBottom: "1px solid var(--nui-rule-hairline)",
         padding: "var(--nui-space-2) 0"
       }, children: [
-        a.category && /* @__PURE__ */ o("span", { style: {
+        r.category && /* @__PURE__ */ n("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: {
+        }, children: r.category }),
+        /* @__PURE__ */ n("a", { href: r.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)) })
+        }, children: r.title })
+      ] }, o)) })
     ]
   }
-), Y = ({
+), Pe = ({
   page: e,
   section: i,
-  date: t,
-  publication: n,
-  align: a = "between",
-  className: r,
-  style: l
+  date: a,
+  publication: t,
+  align: r = "between",
+  className: o,
+  style: s
 }) => /* @__PURE__ */ d(
   "div",
   {
-    className: u("nui-folio nui-small-caps", r),
+    className: x("nui-folio nui-small-caps", o),
     style: {
       gridColumn: "1 / -1",
       display: "flex",
-      justifyContent: a === "between" ? "space-between" : a === "center" ? "center" : "flex-start",
+      justifyContent: r === "between" ? "space-between" : r === "center" ? "center" : "flex-start",
       alignItems: "baseline",
       gap: "var(--nui-space-4)",
       fontFamily: "var(--font-family-meta)",
@@ -941,33 +941,33 @@ const N = {
       borderBottom: "1px solid var(--nui-rule-hairline)",
       paddingBottom: "var(--nui-space-2)",
       marginBottom: "var(--nui-space-4)",
-      ...l
+      ...s
     },
     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 })
+      /* @__PURE__ */ n("span", { style: { fontWeight: 700, color: "var(--nui-text-secondary)" }, children: e }),
+      i && /* @__PURE__ */ n("span", { children: i }),
+      t && /* @__PURE__ */ n("span", { children: t }),
+      a && /* @__PURE__ */ n("span", { children: a })
     ]
   }
-), Z = ({
+), qe = ({
   title: e = "Inside",
   items: i,
-  className: t,
-  style: n
+  className: a,
+  style: t
 }) => /* @__PURE__ */ d(
   "div",
   {
-    className: u("nui-index-box", t),
+    className: x("nui-index-box", a),
     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
+      ...t
     },
     children: [
-      /* @__PURE__ */ o("h4", { style: {
+      /* @__PURE__ */ n("h4", { style: {
         fontFamily: "var(--font-family-meta)",
         fontSize: "11px",
         fontWeight: 700,
@@ -978,22 +978,22 @@ const N = {
         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: {
+      /* @__PURE__ */ n("ul", { style: { listStyle: "none", padding: 0, margin: 0 }, children: i.map((r, o) => /* @__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",
+        borderBottom: o < i.length - 1 ? "1px solid var(--nui-rule-hairline)" : "none",
         alignItems: "baseline"
       }, children: [
-        /* @__PURE__ */ o("span", { style: {
+        /* @__PURE__ */ n("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: {
+        }, children: r.page }),
+        /* @__PURE__ */ n("span", { style: {
           fontFamily: "var(--font-family-meta)",
           fontSize: "10px",
           fontVariantCaps: "small-caps",
@@ -1001,26 +1001,26 @@ const N = {
           color: "var(--nui-text-muted)",
           flexShrink: 0,
           width: "48px"
-        }, children: a.title }),
-        a.headline && /* @__PURE__ */ o("span", { style: {
+        }, children: r.title }),
+        r.headline && /* @__PURE__ */ n("span", { style: {
           fontFamily: "var(--font-family-body)",
           fontSize: "12px",
           color: "var(--nui-text-body)",
           lineHeight: 1.3,
           flex: 1
-        }, children: a.headline })
-      ] }, r)) })
+        }, children: r.headline })
+      ] }, o)) })
     ]
   }
-), nn = ({
+), Le = ({
   title: e,
   span: i,
-  variant: t = "default",
-  className: n,
-  style: a,
-  children: r
+  variant: a = "default",
+  className: t,
+  style: r,
+  children: o
 }) => {
-  const l = h(), c = i ? g(i, l.columns) : void 0, s = {
+  const s = T(), c = i ? M(i, s.columns) : void 0, u = {
     default: {
       border: "1px solid var(--nui-rule-hairline)",
       borderTop: "3px solid var(--nui-rule-decorative)",
@@ -1040,46 +1040,46 @@ const N = {
   return /* @__PURE__ */ d(
     "aside",
     {
-      className: u("nui-factbox nui-avoid-break", n),
+      className: x("nui-factbox nui-avoid-break", t),
       style: {
-        ...s[t],
+        ...u[a],
         padding: "var(--nui-space-4)",
         gridColumn: c ? `span ${c}` : void 0,
-        ...a
+        ...r
       },
       children: [
-        e && /* @__PURE__ */ o("h4", { style: {
+        e && /* @__PURE__ */ n("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)",
+          color: a === "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: {
+        /* @__PURE__ */ n("div", { style: {
           fontFamily: "var(--font-family-body)",
           fontSize: "13px",
           lineHeight: 1.5,
           color: "var(--nui-text-body)"
-        }, children: r })
+        }, children: o })
       ]
     }
   );
-}, en = ({
+}, Qe = ({
   name: e,
   role: i,
-  bio: t,
-  avatar: n,
-  email: a,
-  className: r,
-  style: l
+  bio: a,
+  avatar: t,
+  email: r,
+  className: o,
+  style: s
 }) => /* @__PURE__ */ d(
   "div",
   {
-    className: u("nui-author-card", r),
+    className: x("nui-author-card", o),
     style: {
       borderTop: "1px solid var(--nui-rule-hairline)",
       paddingTop: "var(--nui-space-4)",
@@ -1087,13 +1087,13 @@ const N = {
       display: "flex",
       gap: "var(--nui-space-4)",
       alignItems: "flex-start",
-      ...l
+      ...s
     },
     children: [
-      n && /* @__PURE__ */ o(
+      t && /* @__PURE__ */ n(
         "img",
         {
-          src: n,
+          src: t,
           alt: e,
           loading: "lazy",
           style: {
@@ -1106,7 +1106,7 @@ const N = {
         }
       ),
       /* @__PURE__ */ d("div", { children: [
-        /* @__PURE__ */ o("div", { style: {
+        /* @__PURE__ */ n("div", { style: {
           fontFamily: "var(--font-family-meta)",
           fontSize: "13px",
           fontWeight: 600,
@@ -1114,20 +1114,20 @@ const N = {
           letterSpacing: "0.06em",
           color: "var(--nui-text-primary)"
         }, children: e }),
-        i && /* @__PURE__ */ o("div", { style: {
+        i && /* @__PURE__ */ n("div", { style: {
           fontFamily: "var(--font-family-meta)",
           fontSize: "12px",
           color: "var(--nui-text-muted)",
           marginTop: "2px"
         }, children: i }),
-        t && /* @__PURE__ */ o("p", { style: {
+        a && /* @__PURE__ */ n("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: {
+        }, children: a }),
+        r && /* @__PURE__ */ n("a", { href: `mailto:${r}`, style: {
           fontFamily: "var(--font-family-meta)",
           fontSize: "11px",
           color: "var(--nui-accent-primary)",
@@ -1136,19 +1136,19 @@ const N = {
           minHeight: "44px",
           display: "inline-flex",
           alignItems: "center"
-        }, children: a })
+        }, children: r })
       ] })
     ]
   }
-), tn = ({
+), Ee = ({
   direction: e,
   page: i,
-  className: t,
-  style: n
-}) => /* @__PURE__ */ o(
+  className: a,
+  style: t
+}) => /* @__PURE__ */ n(
   "div",
   {
-    className: u("nui-jump-line nui-small-caps", t),
+    className: x("nui-jump-line nui-small-caps", a),
     style: {
       fontFamily: "var(--font-family-meta)",
       fontSize: "10px",
@@ -1159,39 +1159,435 @@ const N = {
       marginTop: e === "to" ? "var(--nui-space-3)" : "0",
       marginBottom: e === "from" ? "var(--nui-space-3)" : "0",
       fontStyle: "italic",
-      ...n
+      ...t
     },
     children: e === "to" ? `Continued on ${i} →` : `← Continued from ${i}`
   }
-);
+), Oe = ({
+  title: e,
+  description: i,
+  source: a,
+  sourceLabel: t = "Source",
+  note: r,
+  number: o,
+  as: s = "h3",
+  span: c,
+  className: u,
+  style: h,
+  children: b
+}) => {
+  const S = Z(), f = T();
+  return /* @__PURE__ */ d(
+    "figure",
+    {
+      className: x("nui-chart-frame nui-avoid-break", u),
+      "aria-labelledby": S,
+      style: { gridColumn: c ? `span ${M(c, f.columns)}` : void 0, ...h },
+      children: [
+        /* @__PURE__ */ d("header", { className: "nui-chart-header", children: [
+          o && /* @__PURE__ */ n("span", { className: "nui-chart-number", children: o }),
+          /* @__PURE__ */ n(s, { id: S, className: "nui-chart-title", children: e }),
+          i && /* @__PURE__ */ n("p", { className: "nui-chart-description", children: i })
+        ] }),
+        b,
+        (a || r) && /* @__PURE__ */ d("figcaption", { className: "nui-chart-caption", children: [
+          a && /* @__PURE__ */ d("div", { children: [
+            t,
+            ": ",
+            a
+          ] }),
+          r && /* @__PURE__ */ n("div", { children: r })
+        ] })
+      ]
+    }
+  );
+}, C = "var(--nui-text-primary)", O = "var(--nui-text-secondary)", q = "var(--nui-accent-primary)", G = "var(--nui-bg-page)", _ = "var(--nui-rule-hairline)", K = ["", "7 4", "2 4", "9 3 2 3"];
+function U(e = "en") {
+  return e.toLowerCase().startsWith("zh") ? { data: "查看数据", category: "类别", value: "数值", share: "占比", empty: "暂无数据", invalid: "数据无效，请检查数值。", missing: "缺失", zero: "总量为零，无法计算占比。" } : { data: "View data", category: "Category", value: "Value", share: "Share", empty: "No data available", invalid: "Invalid data. Check the supplied values.", missing: "Missing", zero: "The total is zero; shares cannot be calculated." };
+}
+function ee(e = "en", i) {
+  return i ?? new Intl.NumberFormat(e, { maximumFractionDigits: 2 }).format;
+}
+function oe() {
+  const e = me(null), [i, a] = pe(640);
+  return ge(() => {
+    const t = e.current;
+    if (!t) return;
+    const r = () => {
+      const s = t.getBoundingClientRect().width;
+      s > 0 && a(Math.max(240, Math.round(s)));
+    };
+    if (r(), typeof ResizeObserver > "u") return;
+    const o = new ResizeObserver(r);
+    return o.observe(t), () => o.disconnect();
+  }, []), { ref: e, width: i };
+}
+function se(e) {
+  let i = 0, a = 0;
+  for (const s of e)
+    i = Math.min(i, s), a = Math.max(a, s);
+  if (i === a) return [0, 1];
+  const t = de(i, a, 4);
+  if (!t) return [i, a];
+  const r = Math.floor(i / t) * t, o = Math.ceil(a / t) * t;
+  return [Number.isFinite(r) ? r : i, Number.isFinite(o) ? o : a];
+}
+function ce(e, i, a, t, r) {
+  const o = Math.max(Math.abs(i), Math.abs(a)) || 1;
+  return t + (e / o - i / o) / (a / o - i / o) * (r - t);
+}
+function de(e, i, a) {
+  const t = i / a - e / a;
+  if (!Number.isFinite(t) || t <= 0) return 0;
+  const r = 10 ** Math.floor(Math.log10(t)), o = t / r;
+  return (o <= 1 ? 1 : o <= 2 ? 2 : o <= 2.5 ? 2.5 : o <= 5 ? 5 : 10) * r;
+}
+function ue(e, i, a = 4) {
+  const t = de(e, i, a);
+  if (!t || !Number.isFinite(t)) return [e, 0, i].filter((s, c, u) => u.indexOf(s) === c);
+  const r = Math.ceil(e / t), o = Math.floor(i / t);
+  return Array.from({ length: o - r + 1 }, (s, c) => {
+    const u = (r + c) * t;
+    return Math.abs(u) < t / 1e6 ? 0 : Number(u.toPrecision(12));
+  });
+}
+function L(e, i) {
+  const a = Array.from(e);
+  let t = 0;
+  for (let r = 0; r < a.length; r++)
+    if (t += /[^\u0000-\u00ff]/.test(a[r]) ? 12 : 7, t > i - 12) return `${a.slice(0, r).join("")}…`;
+  return e;
+}
+function Q({ children: e }) {
+  return /* @__PURE__ */ n("p", { className: "nui-chart-message", role: "status", children: e });
+}
+function te({ label: e, locale: i, headers: a, rows: t }) {
+  return /* @__PURE__ */ d("details", { className: "nui-chart-data", children: [
+    /* @__PURE__ */ n("summary", { children: U(i).data }),
+    /* @__PURE__ */ n("div", { className: "nui-chart-table-scroll", tabIndex: 0, role: "region", "aria-label": e, children: /* @__PURE__ */ d("table", { children: [
+      /* @__PURE__ */ n("caption", { children: e }),
+      /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ n("tr", { children: a.map((r, o) => /* @__PURE__ */ n("th", { scope: "col", children: r }, o)) }) }),
+      /* @__PURE__ */ n("tbody", { children: t.map((r, o) => /* @__PURE__ */ n("tr", { children: r.map((s, c) => c === 0 ? /* @__PURE__ */ n("th", { scope: "row", children: s }, c) : /* @__PURE__ */ n("td", { children: s }, c)) }, o)) })
+    ] }) })
+  ] });
+}
+const _e = ({
+  data: e,
+  label: i,
+  unit: a,
+  locale: t,
+  formatValue: r,
+  orientation: o = "horizontal",
+  referenceLine: s,
+  className: c,
+  style: u
+}) => {
+  const { ref: h, width: b } = oe(), S = U(t), f = ee(t, r), $ = e.some((v) => !Number.isFinite(v.value)) || s && !Number.isFinite(s.value), [V, j] = se($ ? [] : [...e.map((v) => v.value), ...s ? [s.value] : []]), p = o === "horizontal", F = p ? 8 : 64, w = b - 16, m = p ? e.length * 54 + 8 : 224, g = p ? m + 32 : 292, N = (v) => ce(v, V, j, p ? F : m, p ? w : 30), z = N(0), H = (w - F) / Math.max(1, e.length), A = Math.min(48, H * 0.5), B = e.some((v) => v.highlight);
+  return /* @__PURE__ */ d("div", { ref: h, className: x("nui-chart nui-bar-chart", c), style: u, children: [
+    a && /* @__PURE__ */ n("div", { className: "nui-chart-unit", children: a }),
+    $ ? /* @__PURE__ */ n(Q, { children: S.invalid }) : e.length ? /* @__PURE__ */ d(X, { children: [
+      /* @__PURE__ */ d("svg", { className: "nui-chart-svg", viewBox: `0 0 ${b} ${g}`, role: "img", "aria-label": i, children: [
+        /* @__PURE__ */ n("title", { children: i }),
+        ue(V, j, b < 400 ? 2 : 4).map((v, k, W) => /* @__PURE__ */ d("g", { children: [
+          !p && /* @__PURE__ */ n("line", { x1: F, x2: w, y1: N(v), y2: N(v), stroke: _, strokeWidth: 0.6 }),
+          /* @__PURE__ */ d(
+            "text",
+            {
+              x: p ? N(v) : F - 8,
+              y: p ? m + 22 : N(v) + 4,
+              textAnchor: p ? k === 0 ? "start" : k === W.length - 1 ? "end" : "middle" : "end",
+              className: "nui-chart-tick",
+              children: [
+                L(f(v), p ? b / W.length : 60),
+                /* @__PURE__ */ n("title", { children: f(v) })
+              ]
+            }
+          )
+        ] }, k)),
+        e.map((v, k) => {
+          const W = N(v.value), l = p ? Math.min(z, W) : F + H * (k + 0.5) - A / 2, y = p ? k * 54 + 30 : Math.min(W, z);
+          return /* @__PURE__ */ d("g", { children: [
+            p && /* @__PURE__ */ n("line", { x1: F, x2: w, y1: y + 5, y2: y + 5, stroke: _, strokeWidth: 0.6 }),
+            /* @__PURE__ */ n(
+              "rect",
+              {
+                x: l,
+                y,
+                width: p ? Math.abs(W - z) : A,
+                height: p ? 10 : Math.abs(W - z),
+                fill: v.highlight ? q : B ? O : C,
+                children: /* @__PURE__ */ n("title", { children: `${v.label}: ${f(v.value)}${a ? ` ${a}` : ""}` })
+              }
+            ),
+            /* @__PURE__ */ d(
+              "text",
+              {
+                x: p ? F : F + H * (k + 0.5),
+                y: p ? k * 54 + 17 : m + 24,
+                textAnchor: p ? "start" : "middle",
+                children: [
+                  L(v.label, p ? b - 112 : H - 6),
+                  /* @__PURE__ */ n("title", { children: v.label })
+                ]
+              }
+            ),
+            /* @__PURE__ */ d(
+              "text",
+              {
+                x: p ? w : F + H * (k + 0.5),
+                y: p ? k * 54 + 17 : 16,
+                textAnchor: p ? "end" : "middle",
+                className: "nui-chart-value",
+                children: [
+                  L(f(v.value), p ? 100 : H - 4),
+                  /* @__PURE__ */ n("title", { children: f(v.value) })
+                ]
+              }
+            )
+          ] }, k);
+        }),
+        p ? e.map((v, k) => /* @__PURE__ */ n("line", { x1: z, x2: z, y1: k * 54 + 28, y2: k * 54 + 42, stroke: C, strokeWidth: 0.6 }, k)) : /* @__PURE__ */ n("line", { x1: F, x2: w, y1: z, y2: z, stroke: C, strokeWidth: 0.8 }),
+        s && /* @__PURE__ */ n(
+          "line",
+          {
+            className: "nui-chart-reference",
+            x1: p ? N(s.value) : F,
+            x2: p ? N(s.value) : w,
+            y1: p ? 24 : N(s.value),
+            y2: p ? m - 8 : N(s.value),
+            stroke: O,
+            strokeWidth: 0.8,
+            strokeDasharray: "2 4"
+          }
+        )
+      ] }),
+      s && /* @__PURE__ */ d("p", { className: "nui-chart-reference-label", children: [
+        s.label,
+        ": ",
+        f(s.value),
+        a ? ` ${a}` : ""
+      ] })
+    ] }) : /* @__PURE__ */ n(Q, { children: S.empty }),
+    !$ && e.length > 0 && /* @__PURE__ */ n(
+      te,
+      {
+        label: i,
+        locale: t,
+        headers: [S.category, a || S.value],
+        rows: e.map((v) => [v.label, f(v.value)])
+      }
+    )
+  ] });
+}, Ke = ({
+  labels: e,
+  series: i,
+  label: a,
+  unit: t,
+  locale: r,
+  formatValue: o,
+  annotations: s = [],
+  referenceLine: c,
+  className: u,
+  style: h
+}) => {
+  const { ref: b, width: S } = oe(), f = U(r), $ = ee(r, o), V = i.some((l) => l.values.length !== e.length || l.values.some((y) => y !== null && !Number.isFinite(y))) || c && !Number.isFinite(c.value) || s.some((l) => !Number.isInteger(l.index) || l.index < 0 || l.index >= e.length), j = i.flatMap((l) => l.values.filter((y) => y !== null)), p = !e.length || !i.length || !j.length, [F, w] = se(V ? [] : [...j, ...c ? [c.value] : []]), m = 64, g = S >= 480 && i.length <= 4 && i.every((l) => l.values[l.values.length - 1] !== null), N = S - (g ? 116 : 16), z = 30, H = 234, A = (l) => e.length === 1 ? (m + N) / 2 : m + l * (N - m) / (e.length - 1), B = (l) => ce(l, F, w, H, z), v = Math.max(1, Math.ceil(e.length / Math.max(2, Math.floor((N - m) / 76)))), k = e.map((l, y) => y).filter((l) => l === 0 || l === e.length - 1 || l % v === 0 && l < e.length - 1 - v / 2), W = V ? [] : i.flatMap((l, y) => {
+    const I = l.values.reduce((J, E, R) => E === null ? J : R, -1);
+    return I < 0 ? [] : [{ index: y, last: I, pointY: B(l.values[I]), labelY: B(l.values[I]) }];
+  }).sort((l, y) => l.pointY - y.pointY);
+  W.forEach((l, y) => {
+    l.labelY = Math.max(l.pointY, y ? W[y - 1].labelY + 34 : z);
+  });
+  for (let l = W.length - 1; l >= 0; l--)
+    W[l].labelY = Math.min(W[l].labelY, l === W.length - 1 ? H - 14 : W[l + 1].labelY - 34);
+  return /* @__PURE__ */ d("div", { ref: b, className: x("nui-chart nui-line-chart", u), style: h, children: [
+    t && /* @__PURE__ */ n("div", { className: "nui-chart-unit", children: t }),
+    V ? /* @__PURE__ */ n(Q, { children: f.invalid }) : p ? /* @__PURE__ */ n(Q, { children: f.empty }) : /* @__PURE__ */ d(X, { children: [
+      /* @__PURE__ */ d("svg", { className: "nui-chart-svg", viewBox: `0 0 ${S} 276`, role: "img", "aria-label": a, children: [
+        /* @__PURE__ */ n("title", { children: a }),
+        ue(F, w).map((l, y) => /* @__PURE__ */ d("g", { children: [
+          /* @__PURE__ */ n("line", { x1: m, x2: N, y1: B(l), y2: B(l), stroke: l === 0 ? C : _, strokeWidth: l === 0 ? 0.8 : 0.6 }),
+          /* @__PURE__ */ d("text", { x: m - 8, y: B(l) + 4, textAnchor: "end", className: "nui-chart-tick", children: [
+            L($(l), 60),
+            /* @__PURE__ */ n("title", { children: $(l) })
+          ] })
+        ] }, y)),
+        k.map((l) => /* @__PURE__ */ d(
+          "text",
+          {
+            x: A(l),
+            y: H + 24,
+            textAnchor: l === 0 ? "start" : l === e.length - 1 ? "end" : "middle",
+            className: "nui-chart-tick",
+            children: [
+              L(e[l], Math.min(76, (N - m) / Math.max(1, k.length - 1))),
+              /* @__PURE__ */ n("title", { children: e[l] })
+            ]
+          },
+          l
+        )),
+        s.map((l, y) => /* @__PURE__ */ d("g", { children: [
+          /* @__PURE__ */ n("line", { x1: A(l.index), x2: A(l.index), y1: z, y2: H, stroke: _, strokeDasharray: "2 4" }),
+          /* @__PURE__ */ n("text", { x: A(l.index), y: z - 12, textAnchor: "middle", className: "nui-chart-marker", children: String(y + 1).padStart(2, "0") })
+        ] }, y)),
+        c && /* @__PURE__ */ n("line", { className: "nui-chart-reference", x1: m, x2: N, y1: B(c.value), y2: B(c.value), stroke: O, strokeWidth: 0.8, strokeDasharray: "2 4" }),
+        i.map((l, y) => {
+          let I = !1;
+          const J = l.values.map((R, P) => {
+            if (R === null)
+              return I = !1, "";
+            const he = I ? "L" : "M";
+            return I = !0, `${he}${A(P)},${B(R)}`;
+          }).join(" "), E = l.highlight ? q : O;
+          return /* @__PURE__ */ d("g", { children: [
+            /* @__PURE__ */ n("path", { className: "nui-chart-line", d: J, fill: "none", stroke: E, strokeWidth: l.highlight ? 1.8 : 1.4, strokeLinecap: "round", strokeLinejoin: "round", strokeDasharray: K[y % K.length] }),
+            l.values.map((R, P) => R === null ? null : /* @__PURE__ */ n("circle", { cx: A(P), cy: B(R), r: P === e.length - 1 ? 3 : 2.3, fill: P === e.length - 1 ? E : G, stroke: E, strokeWidth: 1.2, children: /* @__PURE__ */ n("title", { children: `${l.label} · ${e[P]}: ${$(R)}` }) }, P))
+          ] }, y);
+        }),
+        g && W.map((l) => /* @__PURE__ */ d("g", { children: [
+          /* @__PURE__ */ n("path", { d: `M${A(l.last) + 5},${l.pointY} L${N + 8},${l.labelY} H${N + 14}`, fill: "none", stroke: _, strokeWidth: 0.6 }),
+          /* @__PURE__ */ d("text", { x: N + 18, y: l.labelY - 3, className: "nui-chart-end-label", children: [
+            L(i[l.index].label, 90),
+            /* @__PURE__ */ n("title", { children: i[l.index].label })
+          ] }),
+          /* @__PURE__ */ d("text", { x: N + 18, y: l.labelY + 15, className: "nui-chart-end-value", children: [
+            L($(i[l.index].values[l.last]), 64),
+            /* @__PURE__ */ n("title", { children: $(i[l.index].values[l.last]) })
+          ] })
+        ] }, l.index))
+      ] }),
+      !g && /* @__PURE__ */ n("ul", { className: "nui-chart-legend", children: i.map((l, y) => /* @__PURE__ */ d("li", { children: [
+        /* @__PURE__ */ n("svg", { width: "28", height: "12", "aria-hidden": "true", children: /* @__PURE__ */ n("line", { x1: "0", x2: "28", y1: "6", y2: "6", stroke: l.highlight ? q : O, strokeWidth: "1.5", strokeDasharray: K[y % K.length] }) }),
+        /* @__PURE__ */ n("span", { children: l.label })
+      ] }, y)) }),
+      c && /* @__PURE__ */ d("p", { className: "nui-chart-reference-label", children: [
+        c.label,
+        ": ",
+        $(c.value),
+        t ? ` ${t}` : ""
+      ] }),
+      s.length > 0 && /* @__PURE__ */ n("ol", { className: "nui-chart-annotations", children: s.map((l, y) => /* @__PURE__ */ d("li", { children: [
+        e[l.index],
+        " — ",
+        l.label
+      ] }, y)) })
+    ] }),
+    !V && e.length > 0 && i.length > 0 && /* @__PURE__ */ n(
+      te,
+      {
+        label: a,
+        locale: r,
+        headers: [f.category, ...i.map((l) => t ? `${l.label} (${t})` : l.label)],
+        rows: e.map((l, y) => [l, ...i.map((I) => I.values[y] === null ? f.missing : $(I.values[y]))])
+      }
+    )
+  ] });
+}, Ge = ({
+  data: e,
+  label: i,
+  unit: a,
+  locale: t,
+  formatValue: r,
+  variant: o = "pie",
+  className: s,
+  style: c
+}) => {
+  const u = `nui-pie-${Z().replace(/:/g, "")}`, h = U(t), b = ee(t, r), S = new Intl.NumberFormat(t ?? "en", { style: "percent", maximumFractionDigits: 1 }), f = e.some((m) => !Number.isFinite(m.value) || m.value < 0), $ = e.reduce((m, g) => Math.max(m, g.value), 0), V = f || $ === 0 ? [] : e.map((m) => m.value / $), j = V.reduce((m, g) => m + g, 0), p = V.map((m) => m / j);
+  let F = -Math.PI / 2;
+  const w = (m) => `${120 + 104 * Math.cos(m)},${120 + 104 * Math.sin(m)}`;
+  return /* @__PURE__ */ d("div", { className: x("nui-chart nui-pie-chart", s), style: c, children: [
+    a && /* @__PURE__ */ n("div", { className: "nui-chart-unit", children: a }),
+    f ? /* @__PURE__ */ n(Q, { children: h.invalid }) : e.length ? $ === 0 ? /* @__PURE__ */ n(Q, { children: h.zero }) : /* @__PURE__ */ d("div", { className: "nui-pie-layout", children: [
+      /* @__PURE__ */ d("svg", { className: "nui-pie-svg", viewBox: "0 0 240 240", role: "img", "aria-label": i, children: [
+        /* @__PURE__ */ n("title", { children: i }),
+        /* @__PURE__ */ n("defs", { children: e.map((m, g) => /* @__PURE__ */ d(
+          "pattern",
+          {
+            id: `${u}-${g}`,
+            width: 7 + g % 3,
+            height: 7 + g % 3,
+            patternUnits: "userSpaceOnUse",
+            patternTransform: `rotate(${g % 2 ? 45 : -45})`,
+            children: [
+              /* @__PURE__ */ n("rect", { width: "12", height: "12", fill: g % 4 === 0 ? m.highlight ? q : C : G }),
+              g % 4 === 1 && /* @__PURE__ */ n("line", { x1: "0", x2: "0", y1: "0", y2: "12", stroke: m.highlight ? q : C, strokeWidth: "0.9" }),
+              g % 4 === 2 && /* @__PURE__ */ n("circle", { cx: "3.5", cy: "3.5", r: "0.85", fill: m.highlight ? q : C }),
+              g % 4 === 3 && /* @__PURE__ */ n("path", { d: "M0,0 V12 M0,0 H12", fill: "none", stroke: m.highlight ? q : C, strokeWidth: "0.55" })
+            ]
+          },
+          g
+        )) }),
+        e.map((m, g) => {
+          const N = F;
+          if (F += p[g] * Math.PI * 2, p[g] === 0) return null;
+          const z = `url(#${u}-${g})`, H = `${m.label}: ${b(m.value)} (${S.format(p[g])})`;
+          return p[g] >= 1 ? /* @__PURE__ */ n("circle", { cx: "120", cy: "120", r: "104", fill: z, stroke: C, children: /* @__PURE__ */ n("title", { children: H }) }, g) : /* @__PURE__ */ n(
+            "path",
+            {
+              d: `M120,120 L${w(N)} A104,104 0 ${p[g] > 0.5 ? 1 : 0},1 ${w(F)} Z`,
+              fill: z,
+              stroke: G,
+              strokeWidth: "1.5",
+              children: /* @__PURE__ */ n("title", { children: H })
+            },
+            g
+          );
+        }),
+        /* @__PURE__ */ n("circle", { cx: "120", cy: "120", r: "104", fill: "none", stroke: C, strokeWidth: "0.65" }),
+        o === "donut" && /* @__PURE__ */ d(X, { children: [
+          /* @__PURE__ */ n("circle", { cx: "120", cy: "120", r: "72", fill: G, stroke: C, strokeWidth: "0.65" }),
+          /* @__PURE__ */ n("text", { x: "120", y: "120", textAnchor: "middle", className: "nui-pie-total", children: S.format(1) }),
+          /* @__PURE__ */ n("text", { x: "120", y: "141", textAnchor: "middle", className: "nui-pie-total-label", children: t != null && t.toLowerCase().startsWith("zh") ? "合计" : "TOTAL" })
+        ] })
+      ] }),
+      /* @__PURE__ */ n("ul", { className: "nui-pie-labels", children: e.map((m, g) => /* @__PURE__ */ d("li", { children: [
+        /* @__PURE__ */ n("svg", { width: "12", height: "12", "aria-hidden": "true", children: /* @__PURE__ */ n("rect", { x: "1", y: "1", width: "10", height: "10", fill: `url(#${u}-${g})`, stroke: C, strokeWidth: "0.65" }) }),
+        /* @__PURE__ */ n("span", { children: m.label }),
+        /* @__PURE__ */ n("strong", { children: S.format(p[g]) })
+      ] }, g)) })
+    ] }) : /* @__PURE__ */ n(Q, { children: h.empty }),
+    !f && e.length > 0 && /* @__PURE__ */ n(
+      te,
+      {
+        label: i,
+        locale: t,
+        headers: [h.category, a || h.value, h.share],
+        rows: e.map((m, g) => [m.label, b(m.value), $ === 0 ? "—" : S.format(p[g])])
+      }
+    )
+  ] });
+};
 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
+  Ne as Article,
+  Qe as AuthorCard,
+  _e as BarChart,
+  Te as BodyText,
+  He as BreakingNewsBanner,
+  Ie as Byline,
+  le as Caption,
+  Oe as ChartFrame,
+  Ve as Dateline,
+  Le as Factbox,
+  De as Figure,
+  Pe as Folio,
+  ze as Footer,
+  we as Headline,
+  Ae as Image,
+  qe as IndexBox,
+  Ee as JumpLine,
+  Ce as Kicker,
+  $e as Layer,
+  be as Layout,
+  Ke as LineChart,
+  Fe as Masthead,
+  We as NewsSidebar,
+  Ge as PieChart,
+  Re as PullQuote,
+  Be as Quote,
+  je as RelatedArticles,
+  ke as Rule,
+  Se as Section,
+  Me as Subhead,
+  Ye as Video,
+  fe as useLayout,
+  T as useSection
 };