@tmls-ai/support 0.1.7 → 0.1.9

package/dist/index.js

@@ -370,7 +370,14 @@ function SupportWidget(props) {
     background: accent,
     color: "#fff",
     fontSize: 22,
-    boxShadow: "0 4px 16px rgba(0,0,0,0.35)"
+    boxShadow: "0 4px 16px rgba(0,0,0,0.35)",
+    // Center the ×/? glyph in the circle. Without flex centering the glyph
+    // renders as baseline-aligned inline text and sits visibly off-center.
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    lineHeight: 1,
+    padding: 0
   };
   return /* @__PURE__ */ jsxs("div", { "data-tmls-support-root": "true", style: { position: "fixed", bottom: 20, right: 20, zIndex: 2147483e3, fontFamily: "system-ui, sans-serif" }, children: [
     open && /* @__PURE__ */ jsxs("div", { style: panelStyle, children: [
@@ -387,8 +394,8 @@ function SupportWidget(props) {
                 setOpen(false);
               },
               "aria-label": "Close",
-              style: { background: "transparent", border: "none", cursor: "pointer", color: "#8a8a92", fontSize: 20, lineHeight: 1, padding: "0 2px" },
-              children: "\xD7"
+              style: { background: "transparent", border: "none", cursor: "pointer", color: "#8a8a92", display: "inline-flex", alignItems: "center", padding: "2px 2px" },
+              children: /* @__PURE__ */ jsx(CloseIcon, { size: 18 })
             }
           )
         ] })
@@ -510,9 +517,26 @@ function SupportWidget(props) {
         ] })
       ] })
     ] }),
-    showLauncher && (!isMobile || !open) && /* @__PURE__ */ jsx("button", { onClick: toggle, "aria-label": "Support", style: launcherStyle, children: open && !isMobile ? "\xD7" : "?" })
+    showLauncher && (!isMobile || !open) && /* @__PURE__ */ jsx("button", { onClick: toggle, "aria-label": "Support", style: launcherStyle, children: open && !isMobile ? /* @__PURE__ */ jsx(CloseIcon, { size: 20 }) : "?" })
   ] });
 }
+function CloseIcon({ size = 20 }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2.25,
+      strokeLinecap: "round",
+      "aria-hidden": "true",
+      style: { display: "block" },
+      children: /* @__PURE__ */ jsx("path", { d: "M6 6 L18 18 M18 6 L6 18" })
+    }
+  );
+}
 var tab = (active, accent) => ({
   background: "transparent",
   border: "none",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tmls-ai/support",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "Embeddable Timeless support widget — bottom-right report overlay (type / severity / screenshot) + ticket thread. Auto-captures context, talks to tmls-support-api.",
   "license": "UNLICENSED",
   "type": "module",