klun-ui 0.1.14 → 0.1.16

package/CHANGELOG.md

@@ -5,6 +5,13 @@ All notable changes to **klun-ui** are documented here. The format follows
 [Semantic Versioning](https://semver.org/) (pre-1.0: minor/patch bumps may carry
 small breaking changes).
 
+## [0.1.15] — 2026-06-23
+
+### Added
+- **`Markdown` now renders images** — `![alt](url)` becomes an `<img class="klun-md-img">`
+  (constrained to `max-width: 100%`, rounded, bordered). `url` accepts http(s) and
+  `data:` URIs, so pasted/embedded screenshots render inline.
+
 ## [0.1.14] — 2026-06-23
 
 ### Added

package/dist/{chunk-752UKCVU.cjs → chunk-6WIXXBXA.cjs}

@@ -2938,6 +2938,9 @@ var k = 0;
 function inline(text) {
   const patterns = [
     { 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.
+    { re: /!\[([^\]]*)\]\(([^)]+)\)/, node: (m) => /* @__PURE__ */ jsxRuntime.jsx("img", { className: "klun-md-img", src: m[2], alt: m[1] }, k++) },
     { re: /\*\*([^*]+)\*\*/, node: (m) => /* @__PURE__ */ jsxRuntime.jsx("strong", { children: inline(m[1]) }, k++) },
     { re: /~~([^~]+)~~/, node: (m) => /* @__PURE__ */ jsxRuntime.jsx("del", { children: inline(m[1]) }, k++) },
     { re: /\*([^*]+)\*/, node: (m) => /* @__PURE__ */ jsxRuntime.jsx("em", { children: inline(m[1]) }, k++) },
@@ -6452,6 +6455,7 @@ function useSelect({ children, value, defaultValue, disabled, rootRef }) {
   const current = controlled ? String(value ?? "") : internal;
   const [open, setOpen] = react.useState(false);
   const [active, setActive] = react.useState(-1);
+  const [placement, setPlacement] = react.useState("down");
   const triggerRef = react.useRef(null);
   const selectRef = react.useRef(null);
   const selected = options.find((o) => o.value === current) ?? null;
@@ -6472,6 +6476,15 @@ function useSelect({ children, value, defaultValue, disabled, rootRef }) {
     if (disabled) return;
     const idx = options.findIndex((o) => o.value === current);
     setActive(idx >= 0 ? idx : options.findIndex((o) => !o.disabled));
+    const trigger = triggerRef.current;
+    if (trigger && typeof window !== "undefined") {
+      const r = trigger.getBoundingClientRect();
+      const estimated = Math.min(options.length * 36 + 12, 280);
+      const below = window.innerHeight - r.bottom;
+      setPlacement(below < estimated + 8 && r.top > below ? "up" : "down");
+    } else {
+      setPlacement("down");
+    }
     setOpen(true);
   };
   const close = (refocus = true) => {
@@ -6548,6 +6561,7 @@ function useSelect({ children, value, defaultValue, disabled, rootRef }) {
     current,
     selected,
     open,
+    placement,
     active,
     setActive,
     triggerRef,
@@ -6708,7 +6722,8 @@ var CompactSelect = react.forwardRef(
               current: s.current,
               active: s.active,
               onActivate: s.setActive,
-              onPick: s.pick
+              onPick: s.pick,
+              className: s.placement === "up" ? "klun-select-listbox--up" : void 0
             }
           ) : null
         ]
@@ -6804,7 +6819,8 @@ var CompactSelectForInput = react.forwardRef(function CompactSelectForInput2({
             current: s.current,
             active: s.active,
             onActivate: s.setActive,
-            onPick: s.pick
+            onPick: s.pick,
+            className: s.placement === "up" ? "klun-select-listbox--up" : void 0
           }
         ) : null
       ]
@@ -8104,7 +8120,8 @@ var InlineSelect = react.forwardRef(
               current: s.current,
               active: s.active,
               onActivate: s.setActive,
-              onPick: s.pick
+              onPick: s.pick,
+              className: s.placement === "up" ? "klun-select-listbox--up" : void 0
             }
           ) : null
         ]
@@ -8450,7 +8467,8 @@ var Select = react.forwardRef(function Select2({
         current: s.current,
         active: s.active,
         onActivate: s.setActive,
-        onPick: s.pick
+        onPick: s.pick,
+        className: s.placement === "up" ? "klun-select-listbox--up" : void 0
       }
     ) : null
   ] });
@@ -10969,5 +10987,5 @@ exports.useSize = useSize;
 exports.viVN = viVN;
 exports.zhCN = zhCN;
 exports.zhTW = zhTW;
-//# sourceMappingURL=chunk-752UKCVU.cjs.map
-//# sourceMappingURL=chunk-752UKCVU.cjs.map
+//# sourceMappingURL=chunk-6WIXXBXA.cjs.map
+//# sourceMappingURL=chunk-6WIXXBXA.cjs.map