@qtalo/qt-ui-library 0.3.0 → 0.3.1

package/dist/index.js

@@ -25913,10 +25913,10 @@ function EvidenceTimeline({ items: e, canExpandThread: t = !1, tone: n = "fire",
 			tone: n
 		}, t.id)), t && p.length > 0 && /* @__PURE__ */ jsxs("div", {
 			className: "mt-1 border-t border-neutral-200-variant-1 pt-2",
-			children: [/* @__PURE__ */ jsxs("button", {
+			children: [/* @__PURE__ */ jsxs(Button, {
 				type: "button",
 				onClick: () => f((e) => !e),
-				className: "inline-flex items-center gap-1.5 text-xs font-medium text-neutral-700-variant-1 transition-colors hover:text-neutral-900",
+				className: "gap-1.5 text-xs font-medium text-neutral-700-variant-1 transition-colors hover:text-neutral-900",
 				children: [/* @__PURE__ */ jsx("svg", {
 					width: "11",
 					height: "11",
@@ -26601,12 +26601,12 @@ function SelectedChip({ suggestion: e, onClear: t }) {
 	});
 }
 function SuggestionRow({ suggestion: e, onSelect: t }) {
-	return /* @__PURE__ */ jsxs("button", {
+	return /* @__PURE__ */ jsxs(Button, {
 		type: "button",
 		onMouseDown: (n) => {
 			n.preventDefault(), t(e);
 		},
-		className: "hover:bg-neutral-50 flex w-full items-center gap-2 px-3 py-2 text-left text-[12px] text-neutral-800",
+		className: "hover:bg-neutral-50 w-full justify-start gap-2 px-3 py-2 text-left text-[12px] text-neutral-800",
 		children: [e.type === "client" ? /* @__PURE__ */ jsx(BuildingOutlineIcon, {
 			size: 12,
 			className: "text-neutral-600"
@@ -27201,11 +27201,11 @@ function SignalDetailPanel({ title: e, severity: t, slaDurationLabel: n, slaStat
 							children: [/* @__PURE__ */ jsx("span", { className: cn("h-1.5 w-1.5 shrink-0 rounded-full", STATUS_BADGE_STYLES[a].dot) }), i]
 						})
 					]
-				}), Ls && /* @__PURE__ */ jsx("button", {
+				}), Ls && /* @__PURE__ */ jsx(Button, {
 					type: "button",
 					onClick: Ls,
 					"aria-label": "Close",
-					className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-lg hover:bg-neutral-100",
+					className: "h-7 w-7 shrink-0 rounded-lg hover:bg-neutral-100",
 					children: /* @__PURE__ */ jsx("svg", {
 						width: "14",
 						height: "14",
@@ -27329,7 +27329,7 @@ function SignalDetailPanel({ title: e, severity: t, slaDurationLabel: n, slaStat
 							}),
 							/* @__PURE__ */ jsx("div", {
 								className: "flex flex-wrap gap-1.5",
-								children: Is.map((e) => /* @__PURE__ */ jsx("button", {
+								children: Is.map((e) => /* @__PURE__ */ jsx(Button, {
 									type: "button",
 									onClick: () => Ks((t) => t === e.id ? null : e.id),
 									className: Gs === e.id ? "rounded-full bg-neutral-800 px-2.5 py-1 text-[11px] font-medium text-white" : "rounded-full border border-neutral-300 bg-white px-2.5 py-1 text-[11px] font-medium text-neutral-700 hover:border-neutral-500",
@@ -27339,13 +27339,13 @@ function SignalDetailPanel({ title: e, severity: t, slaDurationLabel: n, slaStat
 							/* @__PURE__ */ jsxs("div", {
 								className: "mt-1 flex items-center gap-3",
 								children: [
-									/* @__PURE__ */ jsx("button", {
+									/* @__PURE__ */ jsx(Button, {
 										type: "button",
 										onClick: Qs,
 										className: "rounded-lg bg-neutral-800 px-3 py-1.5 text-xs font-semibold text-white",
 										children: "Confirm"
 									}),
-									/* @__PURE__ */ jsx("button", {
+									/* @__PURE__ */ jsx(Button, {
 										type: "button",
 										onClick: () => {
 											Ws(!1), Ks(null);
@@ -27353,7 +27353,7 @@ function SignalDetailPanel({ title: e, severity: t, slaDurationLabel: n, slaStat
 										className: "text-xs font-medium text-neutral-700-variant-1 hover:underline",
 										children: "Cancel"
 									}),
-									/* @__PURE__ */ jsx("button", {
+									/* @__PURE__ */ jsx(Button, {
 										type: "button",
 										onClick: Rs,
 										className: "ml-auto text-xs font-medium text-primary-500 hover:underline",
@@ -27372,22 +27372,22 @@ function SignalDetailPanel({ title: e, severity: t, slaDurationLabel: n, slaStat
 								className: "inline-flex items-center gap-1.5 rounded-lg border border-neutral-300 bg-neutral-100 px-3 py-1.5 text-xs font-semibold text-neutral-700 transition-colors hover:bg-neutral-200",
 								children: [/* @__PURE__ */ jsx(OpenSourceIcon, {}), "Open source"]
 							}),
-							/* @__PURE__ */ jsxs("button", {
+							/* @__PURE__ */ jsxs(Button, {
 								type: "button",
 								onClick: Rs,
-								className: "inline-flex items-center gap-1.5 rounded-lg border border-green-400 bg-green-50 px-3 py-1.5 text-xs font-semibold text-green-800 transition-colors hover:bg-green-100",
+								className: "gap-1.5 rounded-lg border border-green-400 bg-green-50 px-3 py-1.5 text-xs font-semibold text-green-800 transition-colors hover:bg-green-100",
 								children: [/* @__PURE__ */ jsx(CheckActionIcon, {}), "Mark handled"]
 							}),
-							/* @__PURE__ */ jsxs("button", {
+							/* @__PURE__ */ jsxs(Button, {
 								type: "button",
 								onClick: () => Ws(!0),
-								className: "inline-flex items-center gap-1.5 rounded-lg border border-neutral-300 bg-neutral-100 px-3 py-1.5 text-xs font-semibold text-neutral-700 transition-colors hover:bg-neutral-200",
+								className: "gap-1.5 rounded-lg border border-neutral-300 bg-neutral-100 px-3 py-1.5 text-xs font-semibold text-neutral-700 transition-colors hover:bg-neutral-200",
 								children: [/* @__PURE__ */ jsx(DismissActionIcon, {}), "Mark not useful"]
 							}),
-							/* @__PURE__ */ jsxs("button", {
+							/* @__PURE__ */ jsxs(Button, {
 								type: "button",
 								onClick: Zs,
-								className: qs ? "inline-flex items-center gap-1.5 rounded-lg border border-green-400 bg-green-50 px-3 py-1.5 text-xs font-semibold text-green-800 transition-colors" : "inline-flex items-center gap-1.5 rounded-lg border border-neutral-300 bg-neutral-100 px-3 py-1.5 text-xs font-semibold text-neutral-700 transition-colors hover:bg-neutral-200",
+								className: qs ? "gap-1.5 rounded-lg border border-green-400 bg-green-50 px-3 py-1.5 text-xs font-semibold text-green-800 transition-colors" : "gap-1.5 rounded-lg border border-neutral-300 bg-neutral-100 px-3 py-1.5 text-xs font-semibold text-neutral-700 transition-colors hover:bg-neutral-200",
 								children: [jsx(qs ? CheckActionIcon : CopyActionIcon, {}), qs ? "Copied" : "Copy evidence"]
 							})
 						]
@@ -27395,10 +27395,10 @@ function SignalDetailPanel({ title: e, severity: t, slaDurationLabel: n, slaStat
 				}),
 				/* @__PURE__ */ jsxs("div", {
 					className: "rounded-xl border border-neutral-200-variant-1 bg-white-variant-8 px-4 py-3.5",
-					children: [/* @__PURE__ */ jsxs("button", {
+					children: [/* @__PURE__ */ jsxs(Button, {
 						type: "button",
 						onClick: () => H((e) => !e),
-						className: "flex w-full items-center justify-between text-left",
+						className: "w-full justify-between text-left",
 						"aria-expanded": Ys,
 						children: [/* @__PURE__ */ jsx("span", {
 							className: "text-[10px] font-bold tracking-widest text-neutral-900 uppercase",