@llmnative/react 1.30.0 → 1.31.0

package/dist/index.mjs

@@ -4309,26 +4309,38 @@ var ia = ({ children: e, badge: t = void 0, display: n = "dynamic", className: r
 		badge: t,
 		className: i || f.Dropdown.badgeClassName
 	}, m);
-}, aa = ({ children: e, url: t = void 0, onClick: n = void 0, icon: r = void 0, className: i = void 0 }) => {
-	let a = Y("dropdown"), o = d.useContext(ta), s = (e) => {
-		n?.(e), !e.defaultPrevented && o?.closeOnSelect && o.close();
-	}, c = r ? /* @__PURE__ */ d.createElement("span", { className: "inline-flex min-w-0 items-center gap-2" }, /* @__PURE__ */ d.createElement("span", { className: "inline-flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground" }, /* @__PURE__ */ d.createElement(Q, {
+}, aa = ({ children: e, url: t = void 0, onClick: n = void 0, icon: r = void 0, className: i = void 0, actions: a = void 0 }) => {
+	let o = Y("dropdown"), s = d.useContext(ta), c = (e) => {
+		n?.(e), !e.defaultPrevented && s?.closeOnSelect && s.close();
+	}, l = r ? /* @__PURE__ */ d.createElement("span", { className: "inline-flex min-w-0 items-center gap-2" }, /* @__PURE__ */ d.createElement("span", { className: "inline-flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground" }, /* @__PURE__ */ d.createElement(Q, {
 		name: r,
 		size: 16
-	})), /* @__PURE__ */ d.createElement("span", { className: "min-w-0" }, e)) : e;
-	return t ? /* @__PURE__ */ d.createElement(O, {
+	})), /* @__PURE__ */ d.createElement("span", { className: "min-w-0" }, e)) : e, u = t ? /* @__PURE__ */ d.createElement(O, {
 		to: t,
-		onClick: s,
+		onClick: c,
 		role: "menuitem",
-		className: X("flex w-full cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground", i || a.Dropdown.menuItemClass)
-	}, c) : n ? /* @__PURE__ */ d.createElement("button", {
-		onClick: s,
+		className: X("flex w-full cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground", i || o.Dropdown.menuItemClass)
+	}, l) : n ? /* @__PURE__ */ d.createElement("button", {
+		onClick: c,
 		role: "menuitem",
-		className: X("flex w-full cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground", i || a.Dropdown.menuItemClass)
-	}, c) : /* @__PURE__ */ d.createElement("span", {
+		className: X("flex w-full cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground", i || o.Dropdown.menuItemClass)
+	}, l) : /* @__PURE__ */ d.createElement("span", {
 		role: "menuitem",
-		className: X("flex w-full select-none items-center rounded-sm px-2 py-1.5 text-sm", i || a.Dropdown.menuItemClass)
-	}, c);
+		className: X("flex w-full select-none items-center rounded-sm px-2 py-1.5 text-sm", i || o.Dropdown.menuItemClass)
+	}, l);
+	return a?.length ? /* @__PURE__ */ d.createElement("div", { className: "group/dropdown-item flex w-full min-w-0 items-center gap-0.5" }, /* @__PURE__ */ d.createElement("div", { className: "min-w-0 flex-1" }, u), a.map((e) => /* @__PURE__ */ d.createElement("button", {
+		key: e.label,
+		type: "button",
+		title: e.label,
+		"aria-label": e.label,
+		onClick: (t) => {
+			t.stopPropagation(), e.onClick(), e.closeOnClick && s?.close();
+		},
+		className: "inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-sm text-muted-foreground opacity-0 transition-opacity hover:bg-accent hover:text-foreground focus:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring group-hover/dropdown-item:opacity-100 group-focus-within/dropdown-item:opacity-100 [@media(hover:none)]:opacity-100"
+	}, /* @__PURE__ */ d.createElement(Q, {
+		name: e.icon,
+		size: 14
+	})))) : u;
 }, oa = ({ children: e, className: t }) => {
 	let n = Y("dropdown");
 	return /* @__PURE__ */ d.createElement("div", { className: X("px-2 py-1.5 text-xs font-medium uppercase tracking-wide text-muted-foreground", t || n.Dropdown.menuHeaderClass) }, e);
@@ -9718,11 +9730,14 @@ function Pu({ name: e, value: t, onChange: n, placeholder: r, running: i = !1, o
 		key: e.key,
 		type: "button",
 		title: e.label,
-		className: `${Tu} flex items-center justify-center`
+		"aria-label": e.label,
+		disabled: e.disabled,
+		onClick: e.onClick,
+		className: e.showLabel && e.label ? `${Tu} flex w-auto items-center gap-1.5 px-2 text-xs disabled:cursor-not-allowed disabled:opacity-50` : `${Tu} flex items-center justify-center disabled:cursor-not-allowed disabled:opacity-50`
 	}, /* @__PURE__ */ d.createElement(Q, {
 		name: e.icon,
 		size: 13
-	}))), /* @__PURE__ */ d.createElement("div", { className: "mx-1 h-4 w-px shrink-0 bg-border" })), f.length > 0 && /* @__PURE__ */ d.createElement(na, {
+	}), e.showLabel && e.label && /* @__PURE__ */ d.createElement("span", { className: "whitespace-nowrap" }, e.label))), /* @__PURE__ */ d.createElement("div", { className: "mx-1 h-4 w-px shrink-0 bg-border" })), f.length > 0 && /* @__PURE__ */ d.createElement(na, {
 		trigger: {
 			icon: "cpu",
 			text: ve ?? h ?? N.defaultOption