@trinityui/design-system 2.11.0 → 2.13.0

package/dist/safe-content.js

@@ -0,0 +1,792 @@
+import * as L from "react";
+const k = {
+  AMP: "&",
+  COPY: "©",
+  GT: ">",
+  LT: "<",
+  QUOT: '"',
+  REG: "®",
+  AElig: "Æ",
+  Aacute: "Á",
+  Acirc: "Â",
+  Agrave: "À",
+  Alpha: "Α",
+  Aring: "Å",
+  Atilde: "Ã",
+  Auml: "Ä",
+  Beta: "Β",
+  Ccedil: "Ç",
+  Chi: "Χ",
+  Dagger: "‡",
+  Delta: "Δ",
+  ETH: "Ð",
+  Eacute: "É",
+  Ecirc: "Ê",
+  Egrave: "È",
+  Epsilon: "Ε",
+  Eta: "Η",
+  Euml: "Ë",
+  Gamma: "Γ",
+  Hat: "^",
+  Iacute: "Í",
+  Icirc: "Î",
+  Igrave: "Ì",
+  Iota: "Ι",
+  Iuml: "Ï",
+  Kappa: "Κ",
+  Lambda: "Λ",
+  Mu: "Μ",
+  NewLine: `
+`,
+  Ntilde: "Ñ",
+  Nu: "Ν",
+  OElig: "Œ",
+  Oacute: "Ó",
+  Ocirc: "Ô",
+  Ograve: "Ò",
+  Omega: "Ω",
+  Omicron: "Ο",
+  Oslash: "Ø",
+  Otilde: "Õ",
+  Ouml: "Ö",
+  Phi: "Φ",
+  Pi: "Π",
+  Prime: "″",
+  Psi: "Ψ",
+  Rho: "Ρ",
+  Scaron: "Š",
+  Sigma: "Σ",
+  THORN: "Þ",
+  Tab: "	",
+  Tau: "Τ",
+  Theta: "Θ",
+  Uacute: "Ú",
+  Ucirc: "Û",
+  Ugrave: "Ù",
+  Upsilon: "Υ",
+  Uuml: "Ü",
+  Xi: "Ξ",
+  Yacute: "Ý",
+  Yuml: "Ÿ",
+  Zeta: "Ζ",
+  aacute: "á",
+  acirc: "â",
+  acute: "´",
+  aelig: "æ",
+  agrave: "à",
+  alefsym: "ℵ",
+  alpha: "α",
+  amp: "&",
+  and: "∧",
+  ang: "∠",
+  apos: "'",
+  aring: "å",
+  ast: "*",
+  asymp: "≈",
+  atilde: "ã",
+  auml: "ä",
+  bdquo: "„",
+  beta: "β",
+  brvbar: "¦",
+  bsol: "\\",
+  bull: "•",
+  cap: "∩",
+  ccedil: "ç",
+  cedil: "¸",
+  cent: "¢",
+  chi: "χ",
+  circ: "ˆ",
+  clubs: "♣",
+  colon: ":",
+  comma: ",",
+  commat: "@",
+  cong: "≅",
+  copy: "©",
+  crarr: "↵",
+  cup: "∪",
+  curren: "¤",
+  dArr: "⇓",
+  dagger: "†",
+  darr: "↓",
+  dash: "-",
+  deg: "°",
+  delta: "δ",
+  diams: "♦",
+  divide: "÷",
+  dollar: "$",
+  eacute: "é",
+  ecirc: "ê",
+  egrave: "è",
+  empty: "∅",
+  emsp: " ",
+  ensp: " ",
+  epsilon: "ε",
+  equals: "=",
+  equiv: "≡",
+  eta: "η",
+  eth: "ð",
+  euml: "ë",
+  euro: "€",
+  excl: "!",
+  exist: "∃",
+  fnof: "ƒ",
+  forall: "∀",
+  frac12: "½",
+  frac14: "¼",
+  frac34: "¾",
+  frasl: "⁄",
+  gamma: "γ",
+  ge: "≥",
+  grave: "`",
+  gt: ">",
+  hArr: "⇔",
+  harr: "↔",
+  hearts: "♥",
+  hellip: "…",
+  hyphen: "-",
+  iacute: "í",
+  icirc: "î",
+  iexcl: "¡",
+  igrave: "ì",
+  image: "ℑ",
+  infin: "∞",
+  int: "∫",
+  iota: "ι",
+  iquest: "¿",
+  isin: "∈",
+  iuml: "ï",
+  kappa: "κ",
+  lArr: "⇐",
+  lambda: "λ",
+  lang: "〈",
+  laquo: "«",
+  larr: "←",
+  lceil: "⌈",
+  lcub: "{",
+  ldquo: "“",
+  le: "≤",
+  lfloor: "⌊",
+  lowast: "∗",
+  lowbar: "_",
+  loz: "◊",
+  lpar: "(",
+  lrm: "‎",
+  lsaquo: "‹",
+  lsqb: "[",
+  lsquo: "‘",
+  lt: "<",
+  macr: "¯",
+  mdash: "—",
+  micro: "µ",
+  middot: "·",
+  minus: "−",
+  mu: "μ",
+  nabla: "∇",
+  nbsp: " ",
+  ndash: "–",
+  ne: "≠",
+  ni: "∋",
+  not: "¬",
+  notin: "∉",
+  nsub: "⊄",
+  ntilde: "ñ",
+  nu: "ν",
+  num: "#",
+  oacute: "ó",
+  ocirc: "ô",
+  oelig: "œ",
+  ograve: "ò",
+  oline: "‾",
+  omega: "ω",
+  omicron: "ο",
+  oplus: "⊕",
+  or: "∨",
+  ordf: "ª",
+  ordm: "º",
+  oslash: "ø",
+  otilde: "õ",
+  otimes: "⊗",
+  ouml: "ö",
+  para: "¶",
+  part: "∂",
+  percnt: "%",
+  period: ".",
+  permil: "‰",
+  perp: "⊥",
+  phi: "φ",
+  pi: "π",
+  piv: "ϖ",
+  plus: "+",
+  plusmn: "±",
+  pound: "£",
+  prime: "′",
+  prod: "∏",
+  prop: "∝",
+  psi: "ψ",
+  quest: "?",
+  quot: '"',
+  rArr: "⇒",
+  radic: "√",
+  rang: "〉",
+  raquo: "»",
+  rarr: "→",
+  rceil: "⌉",
+  rcub: "}",
+  rdquo: "”",
+  real: "ℜ",
+  reg: "®",
+  rfloor: "⌋",
+  rho: "ρ",
+  rlm: "‏",
+  rpar: ")",
+  rsaquo: "›",
+  rsqb: "]",
+  rsquo: "’",
+  sbquo: "‚",
+  scaron: "š",
+  sdot: "⋅",
+  sect: "§",
+  semi: ";",
+  shy: "­",
+  sigma: "σ",
+  sigmaf: "ς",
+  sim: "∼",
+  sol: "/",
+  spades: "♠",
+  sub: "⊂",
+  sube: "⊆",
+  sum: "∑",
+  sup: "⊃",
+  sup1: "¹",
+  sup2: "²",
+  sup3: "³",
+  supe: "⊇",
+  szlig: "ß",
+  tau: "τ",
+  there4: "∴",
+  theta: "θ",
+  thetasym: "ϑ",
+  thinsp: " ",
+  thorn: "þ",
+  tilde: "˜",
+  times: "×",
+  trade: "™",
+  uArr: "⇑",
+  uacute: "ú",
+  uarr: "↑",
+  ucirc: "û",
+  ugrave: "ù",
+  uml: "¨",
+  upsih: "ϒ",
+  upsilon: "υ",
+  uuml: "ü",
+  verbar: "|",
+  weierp: "℘",
+  xi: "ξ",
+  yacute: "ý",
+  yen: "¥",
+  yuml: "ÿ",
+  zeta: "ζ",
+  zwj: "‍",
+  zwnj: "‌"
+}, R = {
+  128: 8364,
+  130: 8218,
+  131: 402,
+  132: 8222,
+  133: 8230,
+  134: 8224,
+  135: 8225,
+  136: 710,
+  137: 8240,
+  138: 352,
+  139: 8249,
+  140: 338,
+  142: 381,
+  145: 8216,
+  146: 8217,
+  147: 8220,
+  148: 8221,
+  149: 8226,
+  150: 8211,
+  151: 8212,
+  152: 732,
+  153: 8482,
+  154: 353,
+  155: 8250,
+  156: 339,
+  158: 382,
+  159: 376
+};
+function F(a) {
+  return !Number.isFinite(a) || a <= 0 || a > 1114111 || a >= 55296 && a <= 57343 ? "�" : String.fromCodePoint(R[a] ?? a);
+}
+const z = /* @__PURE__ */ new Set([
+  "AElig",
+  "AMP",
+  "Aacute",
+  "Acirc",
+  "Agrave",
+  "Aring",
+  "Atilde",
+  "Auml",
+  "COPY",
+  "Ccedil",
+  "ETH",
+  "Eacute",
+  "Ecirc",
+  "Egrave",
+  "Euml",
+  "GT",
+  "Iacute",
+  "Icirc",
+  "Igrave",
+  "Iuml",
+  "LT",
+  "Ntilde",
+  "Oacute",
+  "Ocirc",
+  "Ograve",
+  "Oslash",
+  "Otilde",
+  "Ouml",
+  "QUOT",
+  "REG",
+  "THORN",
+  "Uacute",
+  "Ucirc",
+  "Ugrave",
+  "Uuml",
+  "Yacute",
+  "aacute",
+  "acirc",
+  "acute",
+  "aelig",
+  "agrave",
+  "amp",
+  "aring",
+  "atilde",
+  "auml",
+  "brvbar",
+  "ccedil",
+  "cedil",
+  "cent",
+  "copy",
+  "curren",
+  "deg",
+  "divide",
+  "eacute",
+  "ecirc",
+  "egrave",
+  "eth",
+  "euml",
+  "frac12",
+  "frac14",
+  "frac34",
+  "gt",
+  "iacute",
+  "icirc",
+  "iexcl",
+  "igrave",
+  "iquest",
+  "iuml",
+  "laquo",
+  "lt",
+  "macr",
+  "micro",
+  "middot",
+  "nbsp",
+  "not",
+  "ntilde",
+  "oacute",
+  "ocirc",
+  "ograve",
+  "ordf",
+  "ordm",
+  "oslash",
+  "otilde",
+  "ouml",
+  "para",
+  "plusmn",
+  "pound",
+  "quot",
+  "raquo",
+  "reg",
+  "sect",
+  "shy",
+  "sup1",
+  "sup2",
+  "sup3",
+  "szlig",
+  "thorn",
+  "times",
+  "uacute",
+  "ucirc",
+  "ugrave",
+  "uml",
+  "uuml",
+  "yacute",
+  "yen",
+  "yuml"
+]), H = Math.max(...Array.from(z, (a) => a.length));
+function _(a, e = !1) {
+  return a.includes("&") ? a.replace(/&(#[xX][0-9a-fA-F]+|#\d+|[a-zA-Z][a-zA-Z0-9]*);?/g, (t, s, n) => {
+    if (s[0] === "#") {
+      const r = s[1] === "x" || s[1] === "X" ? parseInt(s.slice(2), 16) : parseInt(s.slice(1), 10);
+      return F(r);
+    }
+    if (t.endsWith(";"))
+      return Object.prototype.hasOwnProperty.call(k, s) ? k[s] : t;
+    for (let r = Math.min(s.length, H); r > 0; r -= 1) {
+      const u = s.slice(0, r);
+      if (!z.has(u)) continue;
+      const h = a[n + 1 + r] ?? "";
+      return e && /[=A-Za-z0-9]/.test(h) ? t : k[u] + s.slice(r);
+    }
+    return t;
+  }) : a;
+}
+function y(a) {
+  return _(a).replace(/[\u0000- \u007F]+/g, "");
+}
+function I(a) {
+  const e = /^([a-zA-Z][a-zA-Z0-9+.-]*):/.exec(a);
+  return e ? e[1].toLowerCase() : null;
+}
+const M = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel"]), $ = /* @__PURE__ */ new Set(["http", "https", "blob"]), j = /^data:image\/(png|jpeg|jpg|gif|webp|avif|bmp|x-icon|vnd\.microsoft\.icon)[;,]/i;
+function W(a) {
+  if (a == null) return !1;
+  const e = y(String(a));
+  if (e === "") return !1;
+  const t = I(e);
+  return t === null || M.has(t);
+}
+function ne(a) {
+  if (a == null) return !1;
+  const e = y(String(a));
+  if (e === "") return !1;
+  const t = I(e);
+  return t === null ? !0 : t === "data" ? j.test(e) : $.has(t);
+}
+const C = /* @__PURE__ */ new Set();
+function ae(a, e, t = "link") {
+  if (process.env.NODE_ENV === "production") return;
+  const s = I(y(String(e ?? ""))) ?? (e ? "relative" : "empty"), n = `${a}:${t}:${s}`;
+  if (C.has(n)) return;
+  C.add(n);
+  const r = t === "link" ? `[trinity] ${a}: a link with the "${s}" scheme was shown as plain text. Links render only for http(s), mailto, tel and relative URLs - pass one of those to keep it clickable.` : `[trinity] ${a}: an image with a "${s}" source was not loaded. Images load only from http(s), blob:, relative URLs or raster data:image (png, jpeg, gif, webp, avif, bmp, ico) - pass one of those to show it.`;
+  console.warn(r);
+}
+const Z = /* @__PURE__ */ new Set([
+  "script",
+  "style",
+  "iframe",
+  "object",
+  "embed",
+  "link",
+  "meta",
+  "base",
+  "form",
+  "input",
+  "button",
+  "textarea",
+  "select",
+  "option",
+  "template",
+  "noscript",
+  "svg",
+  "math",
+  "title",
+  "frame",
+  "frameset",
+  "noembed",
+  "noframes",
+  "xmp",
+  "plaintext",
+  "applet",
+  "portal"
+]), Y = /* @__PURE__ */ new Set(["script", "style", "textarea", "title", "xmp", "iframe", "noembed", "noframes", "noscript", "plaintext"]), x = /* @__PURE__ */ new Set([
+  "b",
+  "strong",
+  "i",
+  "em",
+  "code",
+  "br",
+  "p",
+  "ul",
+  "ol",
+  "li",
+  "span",
+  "a",
+  "mark"
+]), T = /* @__PURE__ */ new Set([
+  "br",
+  "hr",
+  "img",
+  "wbr",
+  "area",
+  "col",
+  "source",
+  "track",
+  "input",
+  "link",
+  "meta",
+  "base",
+  "embed",
+  "param"
+]), X = /* @__PURE__ */ new Set(["p", "ul", "ol", "li"]), B = /* @__PURE__ */ new Set(["b", "strong", "i", "em", "code", "span", "a", "mark"]), v = /* @__PURE__ */ new Set(["ul", "ol"]), q = /* @__PURE__ */ new Set([
+  "div",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "table",
+  "thead",
+  "tbody",
+  "tfoot",
+  "tr",
+  "td",
+  "th",
+  "caption",
+  "blockquote",
+  "pre",
+  "section",
+  "article",
+  "header",
+  "footer",
+  "aside",
+  "nav",
+  "main",
+  "figure",
+  "figcaption",
+  "dl",
+  "dt",
+  "dd",
+  "address",
+  "details",
+  "summary",
+  "hr",
+  "br"
+]), K = 64, V = /[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDFFF]/g, U = /--!?>/g;
+function Q(a) {
+  const e = a.replace(/\u0000/g, "").replace(V, (h) => h.length === 2 ? h : "�"), t = [], s = e.length;
+  let n = 0, r = "";
+  const u = () => {
+    r && (t.push({ kind: "text", value: _(r) }), r = "");
+  };
+  for (; n < s; ) {
+    const h = e[n];
+    if (h !== "<") {
+      r += h, n += 1;
+      continue;
+    }
+    const w = e[n + 1];
+    if (e.startsWith("<!--", n)) {
+      if (u(), e.startsWith("<!-->", n)) {
+        n += 5;
+        continue;
+      }
+      if (e.startsWith("<!--->", n)) {
+        n += 6;
+        continue;
+      }
+      U.lastIndex = n + 4;
+      const c = U.exec(e);
+      n = c ? c.index + c[0].length : s;
+      continue;
+    }
+    if (w === "!" || w === "?") {
+      u();
+      const c = e.indexOf(">", n + 2);
+      n = c === -1 ? s : c + 1;
+      continue;
+    }
+    const S = w === "/", O = S ? n + 2 : n + 1;
+    if (!/[a-zA-Z]/.test(e[O] ?? "")) {
+      r += h, n += 1;
+      continue;
+    }
+    let l = O;
+    for (; l < s && /[a-zA-Z0-9-]/.test(e[l]); ) l += 1;
+    const m = e.slice(O, l).toLowerCase(), g = /* @__PURE__ */ Object.create(null);
+    let A = !1, i = !1;
+    for (; l < s; ) {
+      const c = e[l];
+      if (c === ">") {
+        i = !0, l += 1;
+        break;
+      }
+      if (c === "/") {
+        A = e[l + 1] === ">", l += 1;
+        continue;
+      }
+      if (/\s/.test(c)) {
+        l += 1;
+        continue;
+      }
+      let o = l;
+      for (; o < s && !/[\s/>=]/.test(e[o]); ) o += 1;
+      const p = e.slice(l, o).toLowerCase();
+      for (l = o; l < s && /\s/.test(e[l]); ) l += 1;
+      let d = "";
+      if (e[l] === "=") {
+        for (l += 1; l < s && /\s/.test(e[l]); ) l += 1;
+        const b = e[l];
+        if (b === '"' || b === "'") {
+          const f = e.indexOf(b, l + 1);
+          d = e.slice(l + 1, f === -1 ? s : f), l = f === -1 ? s : f + 1;
+        } else {
+          let f = l;
+          for (; f < s && !/[\s>]/.test(e[f]); ) f += 1;
+          d = e.slice(l, f), l = f;
+        }
+      }
+      p && !Object.prototype.hasOwnProperty.call(g, p) && (g[p] = _(d, !0));
+    }
+    if (!i) {
+      u(), n = s;
+      break;
+    }
+    if (u(), S) {
+      t.push({ kind: "end", name: m }), n = l;
+      continue;
+    }
+    if (t.push({ kind: "start", name: m, attrs: g, selfClosing: A }), n = l, Y.has(m) && !A) {
+      const c = new RegExp(`</${m}(?![a-z0-9-])`, "gi");
+      c.lastIndex = n;
+      const o = c.exec(e), p = o ? o.index : -1;
+      if (p === -1)
+        t.push({ kind: "text", value: e.slice(n) }), t.push({ kind: "end", name: m }), n = s;
+      else {
+        p > n && t.push({ kind: "text", value: e.slice(n, p) });
+        const d = e.indexOf(">", p);
+        t.push({ kind: "end", name: m }), n = d === -1 ? s : d + 1;
+      }
+    }
+  }
+  return u(), t;
+}
+const D = /* @__PURE__ */ new Set();
+function J(a) {
+  if (!a) return new Set(x);
+  const e = /* @__PURE__ */ new Set();
+  for (const t of a)
+    x.has(t) ? e.add(t) : process.env.NODE_ENV !== "production" && !D.has(t) && (D.add(t), console.warn(
+      `[trinity] renderSafeHtml: allowTags "${t}" is not supported and is shown as text. Only a subset of ${[...x].join(", ")} can be kept.`
+    ));
+  return e;
+}
+function ee(a, e) {
+  const t = J(e.allowTags), s = e.allowClasses ?? {}, n = { tag: "#root", props: {}, children: [] }, r = [n], u = () => r[r.length - 1], h = (i) => r.some((c) => c.tag === i), w = (i) => {
+    for (; r.length > 1; )
+      if (r.pop().tag === i) return;
+  }, S = (i, c) => {
+    i.children.push(c), i.endsWithSpace = !1;
+  }, O = () => {
+    if (v.has(u().tag)) {
+      const i = { tag: "li", props: {}, children: [], implicit: !0 };
+      S(u(), i), r.push(i);
+    }
+  }, l = (i) => {
+    if (typeof i == "string" && v.has(u().tag) && !i.trim())
+      return;
+    O();
+    const c = u();
+    if (typeof i != "string") {
+      S(c, i);
+      return;
+    }
+    i && (c.endsWithSpace = /\s/.test(i.charAt(i.length - 1)));
+    const o = c.children[c.children.length - 1];
+    typeof o == "string" ? c.children[c.children.length - 1] = o + i : c.children.push(i);
+  }, m = () => {
+    const i = u();
+    i.children.length === 0 || i.endsWithSpace || l(" ");
+  };
+  let g = 0, A = "";
+  for (const i of a) {
+    if (g > 0) {
+      i.kind === "start" && i.name === A && !i.selfClosing && (g += 1), i.kind === "end" && i.name === A && (g -= 1);
+      continue;
+    }
+    if (i.kind === "text") {
+      l(i.value);
+      continue;
+    }
+    if (i.kind === "start") {
+      const { name: o } = i;
+      if (Z.has(o)) {
+        !i.selfClosing && !T.has(o) && o !== "frame" && (g = 1, A = o);
+        continue;
+      }
+      if (!t.has(o)) {
+        q.has(o) && m();
+        continue;
+      }
+      if (r.length > K && !T.has(o)) continue;
+      const p = te(o, i.attrs, s, e.newTabHintId);
+      if (p === null) continue;
+      if (o === "li") {
+        let f = -1;
+        for (let E = r.length - 1; E > 0; E -= 1)
+          if (v.has(r[E].tag)) {
+            f = E;
+            break;
+          }
+        if (f === -1) continue;
+        const N = r.findIndex((E, P) => P > f && E.tag === "li");
+        r.length = N === -1 ? f + 1 : N;
+      }
+      if ((o === "p" || v.has(o)) && h("p") && w("p"), X.has(o))
+        for (; B.has(u().tag); ) r.pop();
+      o === "a" && h("a") && w("a");
+      const d = p.__tag ?? o;
+      delete p.__tag;
+      const b = { tag: d, props: p, children: [] };
+      o === "li" ? S(u(), b) : l(b), !T.has(o) && !i.selfClosing && (b.source = o, r.push(b));
+      continue;
+    }
+    const c = (() => {
+      for (let o = r.length - 1; o > 0; o -= 1) {
+        const p = r[o];
+        if ((p.source ?? p.tag) === i.name) return o;
+      }
+      return -1;
+    })();
+    c > 0 ? r.length = c : q.has(i.name) && m();
+  }
+  return n.children;
+}
+function te(a, e, t, s) {
+  if (a === "a") {
+    const n = e.href;
+    if (!n || !W(n)) return null;
+    const r = { href: n, rel: "noopener noreferrer" };
+    return e.title && (r.title = e.title), e.target === "_blank" && (r.target = "_blank", s && (r["aria-describedby"] = s)), r;
+  }
+  if (a === "span" || a === "mark") {
+    const n = (e.class ?? "").split(/\s+/).filter((u) => u && Object.prototype.hasOwnProperty.call(t, u) && (t[u] === "span" || t[u] === "mark")), r = {};
+    return n.length && (r.className = n.join(" "), n.some((u) => t[u] === "mark") && (r.__tag = "mark")), r;
+  }
+  return {};
+}
+function G(a, e) {
+  return a.map((t, s) => {
+    if (typeof t == "string") return t;
+    const n = `${e}${s}`;
+    return T.has(t.tag) ? L.createElement(t.tag, { key: n }) : L.createElement(t.tag, { key: n, ...t.props }, ...G(t.children, `${n}.`));
+  });
+}
+function re(a, e = {}) {
+  if (!a) return null;
+  const t = G(ee(Q(String(a)), e), "h");
+  return t.length === 1 ? t[0] : t;
+}
+export {
+  W as a,
+  ne as i,
+  re as r,
+  ae as w
+};