klun-ui 0.1.13 → 0.1.14

package/dist/{chunk-O2CR4NDQ.js → chunk-7L7FJQZ7.js}

@@ -164,7 +164,7 @@ var Format = {
 
 // src/components/config/locales.tsx
 function fmt(template, vars) {
-  return template.replace(/\{(\w+)\}/g, (m, k) => k in vars ? String(vars[k]) : m);
+  return template.replace(/\{(\w+)\}/g, (m, k2) => k2 in vars ? String(vars[k2]) : m);
 }
 var enUS = {
   locale: "en-US",
@@ -2932,6 +2932,104 @@ var ListItem = forwardRef(
   }
 );
 ListItem.displayName = "ListItem";
+var k = 0;
+function inline(text) {
+  const patterns = [
+    { re: /`([^`]+)`/, node: (m) => /* @__PURE__ */ jsx("code", { className: "klun-md-code", children: m[1] }, k++) },
+    { re: /\*\*([^*]+)\*\*/, node: (m) => /* @__PURE__ */ jsx("strong", { children: inline(m[1]) }, k++) },
+    { re: /~~([^~]+)~~/, node: (m) => /* @__PURE__ */ jsx("del", { children: inline(m[1]) }, k++) },
+    { re: /\*([^*]+)\*/, node: (m) => /* @__PURE__ */ jsx("em", { children: inline(m[1]) }, k++) },
+    { re: /<u>([\s\S]*?)<\/u>/, node: (m) => /* @__PURE__ */ jsx("u", { children: inline(m[1]) }, k++) },
+    {
+      re: /\[([^\]]+)\]\(([^)]+)\)/,
+      node: (m) => /* @__PURE__ */ jsx("a", { href: m[2], target: "_blank", rel: "noreferrer", children: m[1] }, k++)
+    }
+  ];
+  const out = [];
+  let rest = text;
+  while (rest.length) {
+    let best = null;
+    for (const p of patterns) {
+      const m = p.re.exec(rest);
+      if (m && (best === null || m.index < best.idx)) best = { idx: m.index, len: m[0].length, p, m };
+    }
+    if (!best) {
+      out.push(rest);
+      break;
+    }
+    if (best.idx > 0) out.push(rest.slice(0, best.idx));
+    out.push(best.p.node(best.m));
+    rest = rest.slice(best.idx + best.len);
+  }
+  return out;
+}
+var SPECIAL = /^(#{1,6}\s|>\s?|[-*]\s+|\d+\.\s+|```)/;
+function renderMarkdown(src) {
+  k = 0;
+  const lines = src.replace(/\r\n/g, "\n").split("\n");
+  const blocks = [];
+  let i = 0;
+  while (i < lines.length) {
+    const line = lines[i];
+    if (/^```/.test(line)) {
+      const buf2 = [];
+      i++;
+      while (i < lines.length && !/^```/.test(lines[i])) buf2.push(lines[i++]);
+      i++;
+      blocks.push(
+        /* @__PURE__ */ jsx("pre", { className: "klun-md-pre", children: /* @__PURE__ */ jsx("code", { children: buf2.join("\n") }) }, k++)
+      );
+      continue;
+    }
+    const h = /^(#{1,6})\s+(.*)$/.exec(line);
+    if (h) {
+      const tag = `h${Math.min(h[1].length + 2, 6)}`;
+      blocks.push(createElement(tag, { key: k++, className: "klun-md-h" }, inline(h[2])));
+      i++;
+      continue;
+    }
+    if (/^>\s?/.test(line)) {
+      const buf2 = [];
+      while (i < lines.length && /^>\s?/.test(lines[i])) buf2.push(lines[i++].replace(/^>\s?/, ""));
+      blocks.push(
+        /* @__PURE__ */ jsx("blockquote", { className: "klun-md-quote", children: inline(buf2.join("\n")) }, k++)
+      );
+      continue;
+    }
+    if (/^[-*]\s+/.test(line)) {
+      const items2 = [];
+      while (i < lines.length && /^[-*]\s+/.test(lines[i])) items2.push(lines[i++].replace(/^[-*]\s+/, ""));
+      blocks.push(
+        /* @__PURE__ */ jsx("ul", { className: "klun-md-ul", children: items2.map((it, j) => /* @__PURE__ */ jsx("li", { children: inline(it) }, j)) }, k++)
+      );
+      continue;
+    }
+    if (/^\d+\.\s+/.test(line)) {
+      const items2 = [];
+      while (i < lines.length && /^\d+\.\s+/.test(lines[i])) items2.push(lines[i++].replace(/^\d+\.\s+/, ""));
+      blocks.push(
+        /* @__PURE__ */ jsx("ol", { className: "klun-md-ol", children: items2.map((it, j) => /* @__PURE__ */ jsx("li", { children: inline(it) }, j)) }, k++)
+      );
+      continue;
+    }
+    if (line.trim() === "") {
+      i++;
+      continue;
+    }
+    const buf = [line];
+    i++;
+    while (i < lines.length && lines[i].trim() !== "" && !SPECIAL.test(lines[i])) buf.push(lines[i++]);
+    blocks.push(
+      /* @__PURE__ */ jsx("p", { className: "klun-md-p", children: buf.flatMap((l, j) => j ? [/* @__PURE__ */ jsx("br", {}, `br${j}`), ...inline(l)] : inline(l)) }, k++)
+    );
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: blocks });
+}
+var Markdown = forwardRef(function Markdown2({ children, source, className, ...props }, ref) {
+  const src = source ?? (typeof children === "string" ? children : "") ?? "";
+  return /* @__PURE__ */ jsx("div", { ref, className: cx("klun-md", className), ...props, children: renderMarkdown(src) });
+});
+Markdown.displayName = "Markdown";
 var Money = forwardRef(function Money2({
   value,
   cents = false,
@@ -3175,8 +3273,8 @@ function StatusBadge({
   className,
   ...props
 }) {
-  const k = keyOf(status);
-  const resolvedTone = tone || map && map[k] || STATUS_TONE[k] || "neutral";
+  const k2 = keyOf(status);
+  const resolvedTone = tone || map && map[k2] || STATUS_TONE[k2] || "neutral";
   const color = TONE_COLOR[resolvedTone] || "gray";
   const text = label != null ? label : String(status == null ? "" : status).replace(/[-_]/g, " ");
   const display = typeof text === "string" ? text.charAt(0).toUpperCase() + text.slice(1) : text;
@@ -3301,14 +3399,14 @@ function Pager({
     const h = (e) => {
       if (sizeRef.current && !sizeRef.current.contains(e.target)) setSizeOpen(false);
     };
-    const k = (e) => {
+    const k2 = (e) => {
       if (e.key === "Escape") setSizeOpen(false);
     };
     document.addEventListener("mousedown", h);
-    document.addEventListener("keydown", k);
+    document.addEventListener("keydown", k2);
     return () => {
       document.removeEventListener("mousedown", h);
-      document.removeEventListener("keydown", k);
+      document.removeEventListener("keydown", k2);
     };
   }, [sizeOpen]);
   const nums = [];
@@ -3426,16 +3524,16 @@ function ContextMenu({
   }, [x, y]);
   useEffect(() => {
     const close = () => onClose();
-    const k = (e) => {
+    const k2 = (e) => {
       if (e.key === "Escape") onClose();
     };
     document.addEventListener("mousedown", close);
-    document.addEventListener("keydown", k);
+    document.addEventListener("keydown", k2);
     window.addEventListener("scroll", close, true);
     window.addEventListener("resize", close);
     return () => {
       document.removeEventListener("mousedown", close);
-      document.removeEventListener("keydown", k);
+      document.removeEventListener("keydown", k2);
       window.removeEventListener("scroll", close, true);
       window.removeEventListener("resize", close);
     };
@@ -3487,14 +3585,14 @@ function ColumnSettings({
     const h = (e) => {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
     };
-    const k = (e) => {
+    const k2 = (e) => {
       if (e.key === "Escape") setOpen(false);
     };
     document.addEventListener("mousedown", h);
-    document.addEventListener("keydown", k);
+    document.addEventListener("keydown", k2);
     return () => {
       document.removeEventListener("mousedown", h);
-      document.removeEventListener("keydown", k);
+      document.removeEventListener("keydown", k2);
     };
   }, [open]);
   const toggleable = columns.filter((c) => c.header != null && c.header !== "");
@@ -3634,14 +3732,14 @@ function FilterMenu({
     const h = (e) => {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
     };
-    const k = (e) => {
+    const k2 = (e) => {
       if (e.key === "Escape") setOpen(false);
     };
     document.addEventListener("mousedown", h);
-    document.addEventListener("keydown", k);
+    document.addEventListener("keydown", k2);
     return () => {
       document.removeEventListener("mousedown", h);
-      document.removeEventListener("keydown", k);
+      document.removeEventListener("keydown", k2);
     };
   }, [open]);
   const toggle = (v) => {
@@ -4281,12 +4379,12 @@ function useTableFilters({
     const keys = Object.keys(activeFilters);
     if (keys.length === 0) return rows;
     return rows.filter(
-      (row) => keys.every((k) => {
-        const col = columns.find((c) => c.key === k);
-        const vals = activeFilters[k];
+      (row) => keys.every((k2) => {
+        const col = columns.find((c) => c.key === k2);
+        const vals = activeFilters[k2];
         if (!vals || vals.length === 0) return true;
         if (col && col.onFilter) return vals.some((v) => col.onFilter(v, row));
-        return vals.includes(row[k]);
+        return vals.includes(row[k2]);
       })
     );
   }, [rows, activeFilters, columns, filters]);
@@ -4885,10 +4983,10 @@ var Tree = forwardRef(function Tree2({
   };
   const rows = [];
   flatten(treeData, 0, true, exp, rows);
-  const toggle = (key) => setExp(exp.includes(key) ? exp.filter((k) => k !== key) : [...exp, key]);
+  const toggle = (key) => setExp(exp.includes(key) ? exp.filter((k2) => k2 !== key) : [...exp, key]);
   const checkState = (node) => {
     const all = descendantKeys(node, []);
-    const checkedCount = all.filter((k) => checkedKeys.includes(k)).length;
+    const checkedCount = all.filter((k2) => checkedKeys.includes(k2)).length;
     if (checkedCount === 0) return "none";
     if (checkedCount === all.length) return "all";
     return "some";
@@ -4898,7 +4996,7 @@ var Tree = forwardRef(function Tree2({
     const all = descendantKeys(node, []);
     const state = checkState(node);
     let next;
-    if (state === "all") next = checkedKeys.filter((k) => !all.includes(k));
+    if (state === "all") next = checkedKeys.filter((k2) => !all.includes(k2));
     else next = Array.from(/* @__PURE__ */ new Set([...checkedKeys, ...all]));
     onCheck(next);
   };
@@ -5868,14 +5966,14 @@ var Cascader = forwardRef(function Cascader2({
     const h = (e) => {
       if (rootRef.current && !rootRef.current.contains(e.target)) setOpen(false);
     };
-    const k = (e) => {
+    const k2 = (e) => {
       if (e.key === "Escape") setOpen(false);
     };
     document.addEventListener("mousedown", h);
-    document.addEventListener("keydown", k);
+    document.addEventListener("keydown", k2);
     return () => {
       document.removeEventListener("mousedown", h);
-      document.removeEventListener("keydown", k);
+      document.removeEventListener("keydown", k2);
     };
   }, [open]);
   const columns = [];
@@ -6941,8 +7039,8 @@ var Calendar = forwardRef(function Calendar2({ value, onPick, className, style }
   ] });
 });
 var DatePicker = forwardRef(
-  function DatePicker2({ value, onChange, inline, placeholder, format = DEFAULT_FORMAT, align = "left", disabled, className, style, ...props }, ref) {
-    if (inline) {
+  function DatePicker2({ value, onChange, inline: inline2, placeholder, format = DEFAULT_FORMAT, align = "left", disabled, className, style, ...props }, ref) {
+    if (inline2) {
       return /* @__PURE__ */ jsx(Calendar, { ref, value, onPick: (d) => onChange?.(d), className, style });
     }
     const sel = value ? new Date(value) : null;
@@ -7207,9 +7305,9 @@ function DateTimePanel({ value, onChange }) {
   ] });
 }
 var DateTimePicker = forwardRef(
-  function DateTimePicker2({ value, onChange, inline, placeholder, format = DEFAULT_FORMAT2, align = "left", disabled, className, style, ...props }, ref) {
+  function DateTimePicker2({ value, onChange, inline: inline2, placeholder, format = DEFAULT_FORMAT2, align = "left", disabled, className, style, ...props }, ref) {
     const date = value ? new Date(value) : null;
-    if (inline) {
+    if (inline2) {
       return /* @__PURE__ */ jsx("div", { ref, className: cx("klun-date-time-picker", className), style, ...props, children: /* @__PURE__ */ jsx(DateTimePanel, { value: date, onChange: (d) => onChange?.(d) }) });
     }
     const label = date ? date.toLocaleString(void 0, format) : "";
@@ -7296,8 +7394,8 @@ var RangeCalendar = forwardRef(function RangeCalendar2({ start, end, onPick, cla
   ] });
 });
 var DateRangePicker = forwardRef(
-  function DateRangePicker2({ start, end, onChange, inline, placeholder, format = DEFAULT_FORMAT3, align = "left", disabled, className, style, ...props }, ref) {
-    if (inline) {
+  function DateRangePicker2({ start, end, onChange, inline: inline2, placeholder, format = DEFAULT_FORMAT3, align = "left", disabled, className, style, ...props }, ref) {
+    if (inline2) {
       return /* @__PURE__ */ jsx(
         RangeCalendar,
         {
@@ -7454,9 +7552,9 @@ var toPath = (name) => Array.isArray(name) ? name : String(name).split(".").map(
 var pathKey = (name) => toPath(name).join(".");
 function getIn(obj, name) {
   let cur = obj;
-  for (const k of toPath(name)) {
+  for (const k2 of toPath(name)) {
     if (cur == null) return void 0;
-    cur = cur[k];
+    cur = cur[k2];
   }
   return cur;
 }
@@ -7465,11 +7563,11 @@ function setIn(obj, name, value) {
   const root = Array.isArray(obj) ? obj.slice() : { ...obj };
   let cur = root;
   for (let i = 0; i < path.length - 1; i++) {
-    const k = path[i];
+    const k2 = path[i];
     const nextKeyIsIndex = typeof path[i + 1] === "number";
-    const existing = cur[k];
-    cur[k] = existing == null ? nextKeyIsIndex ? [] : {} : Array.isArray(existing) ? existing.slice() : { ...existing };
-    cur = cur[k];
+    const existing = cur[k2];
+    cur[k2] = existing == null ? nextKeyIsIndex ? [] : {} : Array.isArray(existing) ? existing.slice() : { ...existing };
+    cur = cur[k2];
   }
   cur[path[path.length - 1]] = value;
   return root;
@@ -7576,15 +7674,15 @@ function useForm(opts = {}) {
   const setFields = useCallback((map) => {
     setErrors((e) => {
       const n = { ...e };
-      Object.entries(map).forEach(([k, v]) => {
-        n[pathKey(k)] = v;
+      Object.entries(map).forEach(([k2, v]) => {
+        n[pathKey(k2)] = v;
       });
       return n;
     });
     setTouched((t) => {
       const n = { ...t };
-      Object.keys(map).forEach((k) => {
-        n[pathKey(k)] = true;
+      Object.keys(map).forEach((k2) => {
+        n[pathKey(k2)] = true;
       });
       return n;
     });
@@ -7615,7 +7713,7 @@ function useForm(opts = {}) {
       }
     });
     setErrors(errs);
-    setTouched(entries.reduce((a, [k]) => (a[k] = true, a), {}));
+    setTouched(entries.reduce((a, [k2]) => (a[k2] = true, a), {}));
     if (firstBad) scrollToField(firstBad);
     return Object.keys(errs).length === 0;
   }, [scrollToField]);
@@ -7772,11 +7870,11 @@ function FormList({ name, children }) {
     },
     move: (from, to) => {
       const a = arr.slice();
-      const k = keysRef.current;
+      const k2 = keysRef.current;
       const [m] = a.splice(from, 1);
       a.splice(to, 0, m);
-      const [mk] = k.splice(from, 1);
-      k.splice(to, 0, mk);
+      const [mk] = k2.splice(from, 1);
+      k2.splice(to, 0, mk);
       setArr(a);
     }
   };
@@ -8382,14 +8480,14 @@ var SelectMenu = forwardRef(
         if (rootRef.current && !rootRef.current.contains(e.target))
           setOpen(false);
       };
-      const k = (e) => {
+      const k2 = (e) => {
         if (e.key === "Escape") setOpen(false);
       };
       document.addEventListener("mousedown", h);
-      document.addEventListener("keydown", k);
+      document.addEventListener("keydown", k2);
       return () => {
         document.removeEventListener("mousedown", h);
-        document.removeEventListener("keydown", k);
+        document.removeEventListener("keydown", k2);
       };
     }, [open]);
     const lead = leadingIcon || selected?.icon;
@@ -8952,7 +9050,7 @@ function Masonry({
       colHeights[c] += (h > 0 ? h : 1) + gutterV;
     }
     setPlacement(
-      (prev) => prev.length === next.length && prev.every((v, k) => v === next[k]) ? prev : next
+      (prev) => prev.length === next.length && prev.every((v, k2) => v === next[k2]) ? prev : next
     );
   }, [cols, gutterV]);
   useIsomorphicLayoutEffect(() => {
@@ -9423,10 +9521,10 @@ function containsKey(children, key) {
 }
 var Menu = forwardRef(function Menu2({ items: items2 = [], selectedKey, onSelect, defaultOpenKeys = [], collapsed = false, className, ...props }, ref) {
   const [openKeys, setOpenKeys] = useState(() => new Set(defaultOpenKeys));
-  const toggleOpen = (k) => setOpenKeys((s) => {
+  const toggleOpen = (k2) => setOpenKeys((s) => {
     const n = new Set(s);
-    if (n.has(k)) n.delete(k);
-    else n.add(k);
+    if (n.has(k2)) n.delete(k2);
+    else n.add(k2);
     return n;
   });
   const Row3 = ({ item, depth }) => {
@@ -10211,14 +10309,14 @@ var Dropdown = forwardRef(function Dropdown2({ trigger, items: items2 = [], alig
     const h = (e) => {
       if (innerRef.current && !innerRef.current.contains(e.target)) setOpen(false);
     };
-    const k = (e) => {
+    const k2 = (e) => {
       if (e.key === "Escape") setOpen(false);
     };
     document.addEventListener("mousedown", h);
-    document.addEventListener("keydown", k);
+    document.addEventListener("keydown", k2);
     return () => {
       document.removeEventListener("mousedown", h);
-      document.removeEventListener("keydown", k);
+      document.removeEventListener("keydown", k2);
     };
   }, [open]);
   const setRefs = (node) => {
@@ -10579,14 +10677,14 @@ var Popconfirm = forwardRef(function Popconfirm2({
       if (innerRef.current?.contains(t) || bubbleRef.current?.contains(t)) return;
       setOpen(false);
     };
-    const k = (e) => {
+    const k2 = (e) => {
       if (e.key === "Escape") setOpen(false);
     };
     document.addEventListener("mousedown", h);
-    document.addEventListener("keydown", k);
+    document.addEventListener("keydown", k2);
     return () => {
       document.removeEventListener("mousedown", h);
-      document.removeEventListener("keydown", k);
+      document.removeEventListener("keydown", k2);
     };
   }, [open]);
   useLayoutEffect(() => {
@@ -10719,6 +10817,6 @@ var Popconfirm = forwardRef(function Popconfirm2({
 });
 Popconfirm.displayName = "Popconfirm";
 
-export { Accordion, Alert, AutoComplete, Avatar, AvatarGroup, Badge, Banner, Breadcrumb, BulkAction, BulkActionBar, Button, ButtonGroup, Card, Carousel, Cascader, CharacterCounter, ChartLegend, ChartTooltip, Checkbox, CheckboxCard, CheckboxGroup, Chip, CircularProgress, CodeViewer, Col, Collapse, ColorDot, ColorPicker, ColorSlider, CommandMenu, CompactSelect, CompactSelectForInput, ConfigProvider, Confirm, ContentLabel, ContextMenu2 as ContextMenu, CopyButton, CounterInput, DatePicker, DateRangePicker, DateTimePicker, Descriptions, DigitInput, Divider, Drawer, Dropdown, ExpiryCountdown, FileUpload, Flex, Form, FormItem, FormList, Format, GaugeBar, Grid, Hint, HorizontalFilter, ImageUpload, ImageViewer, InlineInput, InlineSelect, Input, Kbd, KeyIcon, Label, Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutSider, List, ListItem, LiveDot, LogViewer, Masonry, Menu, Message, Modal, Money, Notification, Pagination, PasswordStrength, Popconfirm, Popover, ProgressBar, Radio, RadioCard, RangeSlider, Rating, RelativeTime, RichEditorToolbar, Row, SegmentedControl, SegmentedProgress, Select, SelectMenu, Skeleton, Slider, Space, Spinner2 as Spinner, Splitter2 as Splitter, SplitterPanel, Statistic, StatusBadge, StatusDot, StepIndicator, Switch, Table, Tabs, Tag, Textarea, TimePicker, Timeline, Toast, Toaster, Tooltip, Tree, Wizard, arSA, deDE, enUS, esES, fmt, frFR, idID, itIT, jaJP, koKR, locales, nlNL, plPL, primaryColorVars, ptBR, ruRU, toast, trTR, useBreakpoint, useConfig, useContextMenu, useForm, useLocale, useMappedSize, useMessage, useNotification, useSize, viVN, zhCN, zhTW };
-//# sourceMappingURL=chunk-O2CR4NDQ.js.map
-//# sourceMappingURL=chunk-O2CR4NDQ.js.map
+export { Accordion, Alert, AutoComplete, Avatar, AvatarGroup, Badge, Banner, Breadcrumb, BulkAction, BulkActionBar, Button, ButtonGroup, Card, Carousel, Cascader, CharacterCounter, ChartLegend, ChartTooltip, Checkbox, CheckboxCard, CheckboxGroup, Chip, CircularProgress, CodeViewer, Col, Collapse, ColorDot, ColorPicker, ColorSlider, CommandMenu, CompactSelect, CompactSelectForInput, ConfigProvider, Confirm, ContentLabel, ContextMenu2 as ContextMenu, CopyButton, CounterInput, DatePicker, DateRangePicker, DateTimePicker, Descriptions, DigitInput, Divider, Drawer, Dropdown, ExpiryCountdown, FileUpload, Flex, Form, FormItem, FormList, Format, GaugeBar, Grid, Hint, HorizontalFilter, ImageUpload, ImageViewer, InlineInput, InlineSelect, Input, Kbd, KeyIcon, Label, Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutSider, List, ListItem, LiveDot, LogViewer, Markdown, Masonry, Menu, Message, Modal, Money, Notification, Pagination, PasswordStrength, Popconfirm, Popover, ProgressBar, Radio, RadioCard, RangeSlider, Rating, RelativeTime, RichEditorToolbar, Row, SegmentedControl, SegmentedProgress, Select, SelectMenu, Skeleton, Slider, Space, Spinner2 as Spinner, Splitter2 as Splitter, SplitterPanel, Statistic, StatusBadge, StatusDot, StepIndicator, Switch, Table, Tabs, Tag, Textarea, TimePicker, Timeline, Toast, Toaster, Tooltip, Tree, Wizard, arSA, deDE, enUS, esES, fmt, frFR, idID, itIT, jaJP, koKR, locales, nlNL, plPL, primaryColorVars, ptBR, renderMarkdown, ruRU, toast, trTR, useBreakpoint, useConfig, useContextMenu, useForm, useLocale, useMappedSize, useMessage, useNotification, useSize, viVN, zhCN, zhTW };
+//# sourceMappingURL=chunk-7L7FJQZ7.js.map
+//# sourceMappingURL=chunk-7L7FJQZ7.js.map