klun-ui 0.1.19 → 0.1.21

package/dist/{chunk-XMNM45KO.cjs → chunk-UMR3IWCQ.cjs}

@@ -3501,8 +3501,21 @@ var ListItem = react.forwardRef(
 );
 ListItem.displayName = "ListItem";
 var k = 0;
+var wikiResolve;
 function inline(text) {
   const patterns = [
+    // [[wiki link]] / [[target|label]] — resolved via the wikiLink prop; falls
+    // back to plain text (not raw brackets) when unresolved.
+    {
+      re: /\[\[([^\]|]+)(?:\|([^\]]+))?\]\]/,
+      node: (m) => {
+        const target = m[1].trim();
+        const r = wikiResolve?.(target);
+        const resolved = typeof r === "string" ? { href: r, label: void 0 } : r || null;
+        const label = m[2]?.trim() || resolved?.label || target;
+        return resolved ? /* @__PURE__ */ jsxRuntime.jsx("a", { className: "klun-md-wikilink", href: resolved.href, children: label }, k++) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "klun-md-wikilink klun-md-wikilink--broken", children: label }, k++);
+      }
+    },
     { re: /`([^`]+)`/, node: (m) => /* @__PURE__ */ jsxRuntime.jsx("code", { className: "klun-md-code", children: m[1] }, k++) },
     // image before link (`![alt](url)` starts with `!` + link syntax). url allows
     // http(s) and data: URIs (base64 has no `)`), so pasted screenshots embed inline.
@@ -3514,6 +3527,13 @@ function inline(text) {
     {
       re: /\[([^\]]+)\]\(([^)]+)\)/,
       node: (m) => /* @__PURE__ */ jsxRuntime.jsx("a", { href: m[2], target: "_blank", rel: "noreferrer", children: m[1] }, k++)
+    },
+    // bare autolink: a plain http(s) URL becomes a link. Runs after the
+    // [text](url)/image patterns — those start at an earlier index (the `[`/`!`)
+    // and so win via the earliest-match selection below.
+    {
+      re: /(https?:\/\/[^\s<>()[\]]+)/,
+      node: (m) => /* @__PURE__ */ jsxRuntime.jsx("a", { href: m[1], target: "_blank", rel: "noreferrer", children: m[1] }, k++)
     }
   ];
   const out = [];
@@ -3534,9 +3554,28 @@ function inline(text) {
   }
   return out;
 }
+function splitRow(line) {
+  let s = line.trim();
+  if (s.startsWith("|")) s = s.slice(1);
+  if (s.endsWith("|")) s = s.slice(0, -1);
+  return s.split("|").map((c) => c.trim());
+}
+function tableAligns(delimCells) {
+  return delimCells.map((c) => {
+    const l = c.startsWith(":"), r = c.endsWith(":");
+    return l && r ? "center" : r ? "right" : l ? "left" : void 0;
+  });
+}
+function isTableDelim(delim, cols) {
+  if (!delim || !delim.includes("-")) return false;
+  const cells = splitRow(delim);
+  return cells.length === cols && cells.every((c) => /^:?-{1,}:?$/.test(c));
+}
+var HR = /^\s{0,3}(-{3,}|\*{3,}|_{3,})\s*$/;
 var SPECIAL = /^(#{1,6}\s|>\s?|[-*]\s+|\d+\.\s+|```)/;
-function renderMarkdown(src) {
+function renderMarkdown(src, opts) {
   k = 0;
+  wikiResolve = opts?.wikiLink;
   const lines = src.replace(/\r\n/g, "\n").split("\n");
   const blocks = [];
   let i = 0;
@@ -3552,6 +3591,30 @@ function renderMarkdown(src) {
       );
       continue;
     }
+    if (line.includes("|")) {
+      const header = splitRow(line);
+      if (i + 1 < lines.length && isTableDelim(lines[i + 1], header.length)) {
+        const aligns = tableAligns(splitRow(lines[i + 1]));
+        i += 2;
+        const rows = [];
+        while (i < lines.length && lines[i].trim() !== "" && lines[i].includes("|")) {
+          rows.push(splitRow(lines[i++]));
+        }
+        const cellStyle = (j) => aligns[j] ? { textAlign: aligns[j] } : void 0;
+        blocks.push(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "klun-md-tablewrap", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "klun-md-table", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: header.map((c, j) => /* @__PURE__ */ jsxRuntime.jsx("th", { style: cellStyle(j), children: inline(c) }, j)) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((r, ri) => /* @__PURE__ */ jsxRuntime.jsx("tr", { children: header.map((_, j) => /* @__PURE__ */ jsxRuntime.jsx("td", { style: cellStyle(j), children: inline(r[j] ?? "") }, j)) }, ri)) })
+          ] }) }, k++)
+        );
+        continue;
+      }
+    }
+    if (HR.test(line)) {
+      blocks.push(/* @__PURE__ */ jsxRuntime.jsx("hr", { className: "klun-md-hr" }, k++));
+      i++;
+      continue;
+    }
     const h = /^(#{1,6})\s+(.*)$/.exec(line);
     if (h) {
       const tag = `h${Math.min(h[1].length + 2, 6)}`;
@@ -3570,8 +3633,18 @@ function renderMarkdown(src) {
     if (/^[-*]\s+/.test(line)) {
       const items2 = [];
       while (i < lines.length && /^[-*]\s+/.test(lines[i])) items2.push(lines[i++].replace(/^[-*]\s+/, ""));
+      const hasTask = items2.some((it) => /^\[[ xX]\]\s+/.test(it));
       blocks.push(
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "klun-md-ul", children: items2.map((it, j) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: inline(it) }, j)) }, k++)
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: hasTask ? "klun-md-ul klun-md-tasklist" : "klun-md-ul", children: items2.map((it, j) => {
+          const t = /^\[([ xX])\]\s+(.*)$/.exec(it);
+          if (t) {
+            return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "klun-md-task", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", checked: t[1] !== " ", readOnly: true, disabled: true }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: inline(t[2]) })
+            ] }, j);
+          }
+          return /* @__PURE__ */ jsxRuntime.jsx("li", { children: inline(it) }, j);
+        }) }, k++)
       );
       continue;
     }
@@ -3589,16 +3662,16 @@ function renderMarkdown(src) {
     }
     const buf = [line];
     i++;
-    while (i < lines.length && lines[i].trim() !== "" && !SPECIAL.test(lines[i])) buf.push(lines[i++]);
+    while (i < lines.length && lines[i].trim() !== "" && !SPECIAL.test(lines[i]) && !HR.test(lines[i])) buf.push(lines[i++]);
     blocks.push(
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "klun-md-p", children: buf.flatMap((l, j) => j ? [/* @__PURE__ */ jsxRuntime.jsx("br", {}, `br${j}`), ...inline(l)] : inline(l)) }, k++)
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: blocks });
 }
-var Markdown = react.forwardRef(function Markdown2({ children, source, className, ...props }, ref) {
+var Markdown = react.forwardRef(function Markdown2({ children, source, className, wikiLink, ...props }, ref) {
   const src = source ?? (typeof children === "string" ? children : "") ?? "";
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkTPGAXYFU_cjs.cx("klun-md", className), ...props, children: renderMarkdown(src) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkTPGAXYFU_cjs.cx("klun-md", className), ...props, children: renderMarkdown(src, { wikiLink }) });
 });
 Markdown.displayName = "Markdown";
 var Money = react.forwardRef(function Money2({
@@ -3702,6 +3775,30 @@ var Statistic = react.forwardRef(function Statistic2({ label, value, prefix, suf
   ] });
 });
 Statistic.displayName = "Statistic";
+var StatCard = react.forwardRef(function StatCard2({ label, value, delta, trend = "up", icon, tint = "feature", className, ...props }, ref) {
+  const up = trend === "up";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkTPGAXYFU_cjs.cx("klun-stat-card", `klun-stat-card--${tint}`, className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "klun-stat-card__head", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "klun-stat-card__icon", children: icon }),
+      delta != null ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          className: chunkTPGAXYFU_cjs.cx(
+            "klun-stat-card__delta",
+            up ? "klun-stat-card__delta--up" : "klun-stat-card__delta--down"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("i", { className: up ? "ri-arrow-up-line" : "ri-arrow-down-line" }),
+            delta
+          ]
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "klun-stat-card__label", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "klun-stat-card__value", children: value })
+  ] });
+});
+StatCard.displayName = "StatCard";
 var SIZES2 = { xs: 6, sm: 8, md: 10, lg: 12 };
 var StatusDot = react.forwardRef(function StatusDot2({ tone = "neutral", size = "sm", pulse = false, label, className, style, ...props }, ref) {
   const sizeStyle = { ["--klun-status-dot-size"]: `${SIZES2[size] ?? SIZES2.sm}px` };
@@ -5665,6 +5762,43 @@ var Alert = react.forwardRef(function Alert2({ status = "information", variant =
   );
 });
 Alert.displayName = "Alert";
+var EmptyState = react.forwardRef(function EmptyState2({ icon, title, description, action, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkTPGAXYFU_cjs.cx("klun-empty-state", className), ...props, children: [
+    icon ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "klun-empty-state__icon", children: icon }) : null,
+    title ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "klun-empty-state__title", children: title }) : null,
+    description ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "klun-empty-state__desc", children: description }) : null,
+    action ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "klun-empty-state__action", children: action }) : null
+  ] });
+});
+EmptyState.displayName = "EmptyState";
+var PRESET_ICON = {
+  success: "ri-checkbox-circle-fill",
+  error: "ri-close-circle-fill",
+  warning: "ri-alert-fill",
+  info: "ri-information-fill",
+  "404": "ri-compass-3-line",
+  "403": "ri-lock-2-line",
+  "500": "ri-server-line"
+};
+var Result = react.forwardRef(function Result2({ status = "info", icon, title, subtitle, extra, children, className, ...props }, ref) {
+  const big = status === "404" || status === "403" || status === "500";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: chunkTPGAXYFU_cjs.cx("klun-result", `klun-result--${status}`, big && "klun-result--big", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "klun-result__icon", children: icon || /* @__PURE__ */ jsxRuntime.jsx("i", { className: PRESET_ICON[status] }) }),
+        title ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "klun-result__title", children: title }) : null,
+        subtitle ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "klun-result__subtitle", children: subtitle }) : null,
+        extra ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "klun-result__extra", children: extra }) : null,
+        children ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "klun-result__content", children }) : null
+      ]
+    }
+  );
+});
+Result.displayName = "Result";
 var Banner = react.forwardRef(function Banner2({ status = "information", variant = "filled", icon, action, onClose, className, children, ...props }, ref) {
   const { banner } = useLocale();
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -11512,6 +11646,7 @@ exports.DigitInput = DigitInput;
 exports.Divider = Divider;
 exports.Drawer = Drawer;
 exports.Dropdown = Dropdown;
+exports.EmptyState = EmptyState;
 exports.ExpiryCountdown = ExpiryCountdown;
 exports.FileUpload = FileUpload;
 exports.Flex = Flex;
@@ -11558,6 +11693,7 @@ exports.RadioCard = RadioCard;
 exports.RangeSlider = RangeSlider;
 exports.Rating = Rating;
 exports.RelativeTime = RelativeTime;
+exports.Result = Result;
 exports.RichEditorToolbar = RichEditorToolbar;
 exports.Row = Row;
 exports.SegmentedControl = SegmentedControl;
@@ -11570,6 +11706,7 @@ exports.Space = Space;
 exports.Spinner = Spinner2;
 exports.Splitter = Splitter2;
 exports.SplitterPanel = SplitterPanel;
+exports.StatCard = StatCard;
 exports.Statistic = Statistic;
 exports.StatusBadge = StatusBadge;
 exports.StatusDot = StatusDot;
@@ -11618,5 +11755,5 @@ exports.useSize = useSize;
 exports.viVN = viVN;
 exports.zhCN = zhCN;
 exports.zhTW = zhTW;
-//# sourceMappingURL=chunk-XMNM45KO.cjs.map
-//# sourceMappingURL=chunk-XMNM45KO.cjs.map
+//# sourceMappingURL=chunk-UMR3IWCQ.cjs.map
+//# sourceMappingURL=chunk-UMR3IWCQ.cjs.map