@epam/ai-dial-catalog 1.0.0-dev.506 → 1.0.0-dev.509

package/components/AppIdentity/AppIdentity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppIdentity.d.ts","sourceRoot":"","sources":["../../../src/components/AppIdentity/AppIdentity.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtC,gFAAgF;AAChF,MAAM,WAAW,gBAAgB;IAC/B,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,mFAAmF;IACnF,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,IAAI,EAAE,MAAM,CAAC;IACb,oFAAoF;IACpF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qGAAqG;IACrG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gGAAgG;IAChG,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,8FAA8F;IAC9F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,oFAAoF;AACpF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA8F5C,CAAC"}
+{"version":3,"file":"AppIdentity.d.ts","sourceRoot":"","sources":["../../../src/components/AppIdentity/AppIdentity.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtC,gFAAgF;AAChF,MAAM,WAAW,gBAAgB;IAC/B,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,mFAAmF;IACnF,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,IAAI,EAAE,MAAM,CAAC;IACb,oFAAoF;IACpF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qGAAqG;IACrG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gGAAgG;IAChG,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,8FAA8F;IAC9F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,oFAAoF;AACpF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAgG5C,CAAC"}

package/components/Catalog/Catalog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Catalog.d.ts","sourceRoot":"","sources":["../../../src/components/Catalog/Catalog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAqD,MAAM,OAAO,CAAC;AAE9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAqB/D;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA4bpC,CAAC"}
+{"version":3,"file":"Catalog.d.ts","sourceRoot":"","sources":["../../../src/components/Catalog/Catalog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAqD,MAAM,OAAO,CAAC;AAE9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAqB/D;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAmcpC,CAAC"}

package/components/Details/DetailsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Details/DetailsPanel.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,EAAE,EAA6C,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AA0BzE,4EAA4E;AAC5E,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAuc9C,CAAC"}
+{"version":3,"file":"DetailsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Details/DetailsPanel.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,EAAE,EAA6C,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AA0BzE,4EAA4E;AAC5E,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA4c9C,CAAC"}

package/components/PublishPanel/PublishPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PublishPanel.d.ts","sourceRoot":"","sources":["../../../src/components/PublishPanel/PublishPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAEL,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,EACvB,MAAM,sBAAsB,CAAC;AAM9B,2EAA2E;AAC3E,MAAM,WAAW,iBAAiB;IAChC,wFAAwF;IACxF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uFAAuF;IACvF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oGAAoG;IACpG,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0FAA0F;IAC1F,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oIAAoI;IACpI,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,sCAAsC;AACtC,MAAM,WAAW,iBAAiB;IAChC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,4GAA4G;IAC5G,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,kDAAkD;IAClD,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sEAAsE;IACtE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mDAAmD;IACnD,WAAW,EAAE,iBAAiB,EAAE,CAAC;IACjC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,kGAAkG;IAClG,0BAA0B,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IACjE,uDAAuD;IACvD,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtE;;;;OAIG;IACH,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC5B,4FAA4F;IAC5F,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACrD,4DAA4D;IAC5D,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B;;;;OAIG;IACH,8BAA8B,EAAE,OAAO,CAAC;IACxC,oEAAoE;IACpE,cAAc,EAAE,OAAO,CAAC;IACxB,wDAAwD;IACxD,YAAY,EAAE,OAAO,CAAC;IACtB,qDAAqD;IACrD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mDAAmD;IACnD,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA2J9C,CAAC"}
+{"version":3,"file":"PublishPanel.d.ts","sourceRoot":"","sources":["../../../src/components/PublishPanel/PublishPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAEL,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,EACvB,MAAM,sBAAsB,CAAC;AAM9B,2EAA2E;AAC3E,MAAM,WAAW,iBAAiB;IAChC,wFAAwF;IACxF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uFAAuF;IACvF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oGAAoG;IACpG,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0FAA0F;IAC1F,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oIAAoI;IACpI,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,sCAAsC;AACtC,MAAM,WAAW,iBAAiB;IAChC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,4GAA4G;IAC5G,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,kDAAkD;IAClD,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sEAAsE;IACtE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mDAAmD;IACnD,WAAW,EAAE,iBAAiB,EAAE,CAAC;IACjC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,kGAAkG;IAClG,0BAA0B,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IACjE,uDAAuD;IACvD,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtE;;;;OAIG;IACH,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC5B,4FAA4F;IAC5F,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACrD,4DAA4D;IAC5D,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B;;;;OAIG;IACH,8BAA8B,EAAE,OAAO,CAAC;IACxC,oEAAoE;IACpE,cAAc,EAAE,OAAO,CAAC;IACxB,wDAAwD;IACxD,YAAY,EAAE,OAAO,CAAC;IACtB,qDAAqD;IACrD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mDAAmD;IACnD,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA4J9C,CAAC"}

package/components/SearchBar/SearchBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,2BAA2B;AAC3B,MAAM,WAAW,cAAc;IAC7B,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAmBxC,CAAC"}
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,2BAA2B;AAC3B,MAAM,WAAW,cAAc;IAC7B,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAyBxC,CAAC"}

package/index.js

@@ -2083,57 +2083,57 @@ var Qn = (e) => typeof navigator < "u" && navigator.clipboard?.writeText ? navig
 			children: a
 		})
 	});
-}, ur = { agentIconBadge: "_agentIconBadge_1rc32_1" }, dr = ({ src: e, size: t, initialsName: n, fallback: r, badgeClassName: i, tooltip: a, colors: s }) => {
-	let c = Zn({ "--di-icon-bg": s?.background }), [l, f] = d(e), [p, m] = d(), h = u(null);
+}, ur = { agentIconBadge: "_agentIconBadge_1rc32_1" }, dr = ({ src: e, size: t, initialsName: n, fallback: r, labels: i, styles: a }) => {
+	let { tooltip: s } = i ?? {}, { badgeClassName: c, colors: l } = a ?? {}, f = Zn({ "--di-icon-bg": l?.background }), [p, m] = d(e), [h, g] = d(), _ = u(null);
 	o(() => {
-		if (e === l) return;
+		if (e === p) return;
 		if (e == null) {
-			f(void 0);
+			m(void 0);
 			return;
 		}
 		let t = !1, n = new Image();
 		return n.onload = () => {
-			t || f(e);
+			t || m(e);
 		}, n.onerror = () => {
-			t || (m(e), f(e));
+			t || (g(e), m(e));
 		}, n.src = e, () => {
 			t = !0;
 		};
-	}, [e, l]), o(() => {
-		let e = h.current;
+	}, [e, p]), o(() => {
+		let e = _.current;
 		if (!e) return;
-		let t = () => m(l);
+		let t = () => g(p);
 		return e.addEventListener("error", t), () => e.removeEventListener("error", t);
-	}, [l]);
-	let g = l != null && p === l, _ = /* @__PURE__ */ L(lr, {
+	}, [p]);
+	let v = p != null && h === p, y = /* @__PURE__ */ L(lr, {
 		name: n,
 		size: t,
 		className: "shrink-0"
-	}), v = /* @__PURE__ */ L("div", {
+	}), b = /* @__PURE__ */ L("div", {
 		style: {
 			width: t,
 			height: t,
-			...c
+			...f
 		},
-		className: G(ur.agentIconBadge, "shrink-0 overflow-hidden rounded-md", i),
-		children: !l || g ? /* @__PURE__ */ L("div", {
+		className: G(ur.agentIconBadge, "shrink-0 overflow-hidden rounded-md", c),
+		children: !p || v ? /* @__PURE__ */ L("div", {
 			className: "flex size-full items-center justify-center",
-			children: r ?? _
+			children: r ?? y
 		}) : /* @__PURE__ */ L("div", {
 			className: "size-full",
 			children: /* @__PURE__ */ L("img", {
-				ref: h,
-				src: l,
+				ref: _,
+				src: p,
 				alt: "",
 				className: "size-full object-contain"
 			})
 		})
 	});
-	return a ? /* @__PURE__ */ L(ie, {
-		tooltip: a,
+	return s ? /* @__PURE__ */ L(ie, {
+		tooltip: s,
 		triggerClassName: "flex shrink-0",
-		children: v
-	}) : v;
+		children: b
+	}) : b;
 }, fr = { mark: "_mark_1a7tw_1" }, pr = {
 	2: "line-clamp-2",
 	3: "line-clamp-3",
@@ -26103,80 +26103,89 @@ var Rb = {
 	container: "_container_bc4pw_1",
 	icon: "_icon_bc4pw_16",
 	input: "_input_bc4pw_20"
-}, zb = ({ value: e, onChange: t, placeholder: n = "Search", ariaLabel: r, containerClassName: i, iconClassName: a, inputClassName: o, iconSize: s = m.MD, iconStrokeWidth: c, clearLabel: l = "Clear search", clearButtonClassName: u }) => {
-	let d = r ?? n;
+}, zb = ({ value: e, onChange: t, labels: n, iconSize: r = m.MD, iconStrokeWidth: i, styles: a }) => {
+	let { placeholder: o = "Search", ariaLabel: s, clearLabel: c = "Clear search" } = n ?? {}, { containerClassName: l, iconClassName: u, inputClassName: d, clearButtonClassName: f } = a ?? {}, p = s ?? o;
 	return /* @__PURE__ */ L("div", {
 		role: "search",
 		children: /* @__PURE__ */ R("div", {
-			className: G(Rb.container, "flex cursor-text items-center gap-3 rounded-xl border px-4 py-2 transition-[border-color,box-shadow] duration-150 ease-in-out", i),
+			className: G(Rb.container, "flex cursor-text items-center gap-3 rounded-xl border px-4 py-2 transition-[border-color,box-shadow] duration-150 ease-in-out", l),
 			children: [
 				/* @__PURE__ */ L(Te, {
-					size: s,
-					stroke: c,
-					className: G(Rb.icon, "shrink-0 transition-colors duration-150 ease-in-out", a),
+					size: r,
+					stroke: i,
+					className: G(Rb.icon, "shrink-0 transition-colors duration-150 ease-in-out", u),
 					"aria-hidden": !0
 				}),
 				/* @__PURE__ */ L("input", {
 					type: "text",
-					className: G(Rb.input, "min-w-0 flex-1 border-0 p-0 text-sm font-normal leading-5 outline-none", o),
+					className: G(Rb.input, "min-w-0 flex-1 border-0 p-0 text-sm font-normal leading-5 outline-none", d),
 					value: e,
-					placeholder: n,
-					"aria-label": d,
+					placeholder: o,
+					"aria-label": p,
 					onChange: (e) => t(e.target.value)
 				}),
 				e && /* @__PURE__ */ L("button", {
 					type: "button",
 					onClick: () => t(""),
-					"aria-label": l,
-					className: G("flex shrink-0 items-center justify-center", u),
+					"aria-label": c,
+					className: G("flex shrink-0 items-center justify-center", f),
 					children: /* @__PURE__ */ L(Ae, {
-						size: s,
-						stroke: c,
-						className: G(Rb.icon, a),
+						size: r,
+						stroke: i,
+						className: G(Rb.icon, u),
 						"aria-hidden": !0
 					})
 				})
 			]
 		})
 	});
-}, Bb = ({ isActive: e, activeClassName: t = "!bg-layer-0 !text-accent-primary shadow-sm", inactiveClassName: n = "!text-secondary", className: r, ...i }) => /* @__PURE__ */ L(E, {
-	className: G("rounded-[6px]", e ? t : n, r),
-	...i
-}), Vb = {
+}, Bb = ({ isActive: e, styles: t, className: n, ...r }) => {
+	let { activeClassName: i = "!bg-layer-0 !text-accent-primary shadow-sm", inactiveClassName: a = "!text-secondary" } = t?.colors ?? {};
+	return /* @__PURE__ */ L(E, {
+		className: G("rounded-[6px]", e ? i : a, n),
+		...r
+	});
+}, Vb = {
 	tabsRow: "_tabsRow_is040_1",
 	activeTab: "_activeTab_is040_5"
-}, Hb = ({ tabs: e, activeTabId: t, onTabChange: n, className: r, activeTabClassName: i = "text-primary", inactiveTabClassName: a = "text-secondary hover:text-primary border-transparent", activeBadgeClassName: o = "bg-accent-primary-alpha text-accent-primary", inactiveBadgeClassName: s = "bg-layer-3 text-tertiary", tabLabelClassName: c = "dial-small-semi-text", badgeLabelClassName: l = "dial-tiny-semi-text" }) => /* @__PURE__ */ L("div", {
-	role: "tablist",
-	className: G("flex justify-start gap-1 border-b", Vb.tabsRow, r),
-	children: e.map((e) => {
-		let r = t === e.id;
-		return /* @__PURE__ */ R("button", {
-			role: "tab",
-			"aria-selected": r,
-			onClick: () => n(e.id),
-			className: G(c, "-mb-px flex items-center gap-1.5 border-b-2 px-3 py-2.5 text-start transition-colors", r ? G(Vb.activeTab, i) : a),
-			children: [/* @__PURE__ */ L("span", { children: e.label }), e.count != null && /* @__PURE__ */ L("span", {
-				className: G(l, "rounded-full px-1.5 py-0.5", r ? o : s),
-				children: e.count
-			})]
-		}, e.id);
-	})
-}), Ub = {
+}, Hb = ({ tabs: e, activeTabId: t, onTabChange: n, styles: r }) => {
+	let { className: i, colors: a, typography: o } = r ?? {}, { activeTabClassName: s = "text-primary", inactiveTabClassName: c = "text-secondary hover:text-primary border-transparent", activeBadgeClassName: l = "bg-accent-primary-alpha text-accent-primary", inactiveBadgeClassName: u = "bg-layer-3 text-tertiary" } = a ?? {}, { tabLabelClassName: d = "dial-small-semi-text", badgeLabelClassName: f = "dial-tiny-semi-text" } = o ?? {};
+	return /* @__PURE__ */ L("div", {
+		role: "tablist",
+		className: G("flex justify-start gap-1 border-b", Vb.tabsRow, i),
+		children: e.map((e) => {
+			let r = t === e.id;
+			return /* @__PURE__ */ R("button", {
+				role: "tab",
+				"aria-selected": r,
+				onClick: () => n(e.id),
+				className: G(d, "-mb-px flex items-center gap-1.5 border-b-2 px-3 py-2.5 text-start transition-colors", r ? G(Vb.activeTab, s) : c),
+				children: [/* @__PURE__ */ L("span", { children: e.label }), e.count != null && /* @__PURE__ */ L("span", {
+					className: G(f, "rounded-full px-1.5 py-0.5", r ? l : u),
+					children: e.count
+				})]
+			}, e.id);
+		})
+	});
+}, Ub = {
 	tabContainer: "_tabContainer_rzv03_1",
 	tabActive: "_tabActive_rzv03_13"
 };
-i(({ tabs: e, activeTabId: t, onTabChange: n, tabClassName: r = "dial-tiny-semi-text" }) => /* @__PURE__ */ L("div", {
-	className: "flex flex-nowrap gap-1",
-	children: e.map((e) => {
-		let i = t === e.id;
-		return /* @__PURE__ */ L(re, {
-			label: e.label,
-			selected: i,
-			onClick: () => n(e.id),
-			className: G("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", r, Ub.tabContainer, i && Ub.tabActive)
-		}, e.id);
-	})
-}));
+i(({ tabs: e, activeTabId: t, onTabChange: n, styles: r }) => {
+	let { tabClassName: i = "dial-tiny-semi-text" } = r?.typography ?? {};
+	return /* @__PURE__ */ L("div", {
+		className: "flex flex-nowrap gap-1",
+		children: e.map((e) => {
+			let r = t === e.id;
+			return /* @__PURE__ */ L(re, {
+				label: e.label,
+				selected: r,
+				onClick: () => n(e.id),
+				className: G("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", i, Ub.tabContainer, r && Ub.tabActive)
+			}, e.id);
+		})
+	});
+});
 //#endregion
 //#region ../ai-dial-kit/src/components/Button/Buttons.tsx
 var Wb = (e) => /* @__PURE__ */ L(M, { ...e }), Gb = (e) => /* @__PURE__ */ L(_, {
@@ -26298,7 +26307,7 @@ var Wb = (e) => /* @__PURE__ */ L(M, { ...e }), Gb = (e) => /* @__PURE__ */ L(_,
 				src: e ?? void 0,
 				size: _,
 				initialsName: n,
-				badgeClassName: G(h ? "rounded-[14px]" : "rounded-[12px]")
+				styles: { badgeClassName: G(h ? "rounded-[14px]" : "rounded-[12px]") }
 			})
 		}), /* @__PURE__ */ R("div", {
 			className: "flex min-w-0 flex-1 flex-col gap-[5px]",
@@ -26617,22 +26626,26 @@ i(({ title: e, titleClassName: t = "dial-h1-text", leftActions: n, className: r,
 		})
 	]
 }));
-var wx = { icon: "_icon_1b1ye_1" }, Tx = i(({ placeholder: e, value: t, onChange: n, clearLabel: r, ariaLabel: i, iconClassName: a = wx.icon, wrapperClassName: o, rowClassName: s, colors: c }) => {
-	let u = l(() => Zn({ "--si-icon": c?.icon }), [c]);
+var wx = { icon: "_icon_1b1ye_1" }, Tx = i(({ value: e, onChange: t, labels: n, styles: r }) => {
+	let { colors: i, iconClassName: a = wx.icon, wrapperClassName: o, rowClassName: s } = r ?? {}, c = l(() => Zn({ "--si-icon": i?.icon }), [i]);
 	return /* @__PURE__ */ L("div", {
 		className: G("px-3 py-2", o),
-		style: u,
+		style: c,
 		children: /* @__PURE__ */ L(zb, {
-			value: t,
-			onChange: n,
-			placeholder: e,
-			clearLabel: r,
-			ariaLabel: i,
-			iconClassName: a,
+			value: e,
+			onChange: t,
+			labels: {
+				placeholder: n.placeholder,
+				clearLabel: n.clearLabel,
+				ariaLabel: n.ariaLabel
+			},
 			iconSize: m.SM,
 			iconStrokeWidth: 1.5,
-			containerClassName: G("min-h-11 w-full gap-2 rounded-full border pe-3 ps-3 desktop:min-h-9", s),
-			clearButtonClassName: "size-11 desktop:size-6"
+			styles: {
+				iconClassName: a,
+				containerClassName: G("min-h-11 w-full gap-2 rounded-full border pe-3 ps-3 desktop:min-h-9", s),
+				clearButtonClassName: "size-11 desktop:size-6"
+			}
 		})
 	});
 });
@@ -26680,7 +26693,7 @@ var Ex = {
 		src: e.iconUrl,
 		size: l,
 		initialsName: e.name,
-		badgeClassName: a
+		styles: { badgeClassName: a }
 	}), /* @__PURE__ */ R("div", {
 		className: G("flex min-w-0 flex-1 flex-col", d == null ? "gap-1" : "self-stretch"),
 		children: [
@@ -26852,10 +26865,14 @@ var Ex = {
 					children: /* @__PURE__ */ L(Tx, {
 						value: M,
 						onChange: N,
-						placeholder: S,
-						clearLabel: C,
-						wrapperClassName: "px-0",
-						rowClassName: "!rounded-lg"
+						labels: {
+							placeholder: S,
+							clearLabel: C
+						},
+						styles: {
+							wrapperClassName: "px-0",
+							rowClassName: "!rounded-lg"
+						}
 					})
 				}),
 				/* @__PURE__ */ L(kx, {
@@ -27891,8 +27908,10 @@ var Ex = {
 							tabs: je,
 							activeTabId: oe,
 							onTabChange: ce,
-							activeTabClassName: "text-catalog-tab-active",
-							inactiveTabClassName: "text-catalog-tab-inactive hover:text-catalog-tab-hover border-transparent"
+							styles: { colors: {
+								activeTabClassName: "text-catalog-tab-active",
+								inactiveTabClassName: "text-catalog-tab-inactive hover:text-catalog-tab-hover border-transparent"
+							} }
 						}), r && /* @__PURE__ */ L("div", {
 							role: "status",
 							"aria-label": M?.detailsLoadingAriaLabel ?? "Loading details",
@@ -28557,16 +28576,23 @@ var Ex = {
 			]
 		})
 	});
-}, RS = ({ placeholder: e = "Search", className: t, ...n }) => /* @__PURE__ */ L("div", {
+}, RS = ({ value: e, onChange: t, placeholder: n = "Search", ariaLabel: r, className: i, clearLabel: a }) => /* @__PURE__ */ L("div", {
 	className: "flex-1",
 	children: /* @__PURE__ */ L(zb, {
-		placeholder: e,
-		...n,
+		value: e,
+		onChange: t,
+		labels: {
+			placeholder: n,
+			ariaLabel: r,
+			clearLabel: a
+		},
 		iconSize: 18,
 		iconStrokeWidth: 1.8,
-		containerClassName: G("h-[50px] flex-1 rounded-xl px-[18px]", t),
-		inputClassName: "text-[15px]",
-		clearButtonClassName: "size-11 desktop:size-auto"
+		styles: {
+			containerClassName: G("h-[50px] flex-1 rounded-xl px-[18px]", i),
+			inputClassName: "text-[15px]",
+			clearButtonClassName: "size-11 desktop:size-auto"
+		}
 	})
 }), zS = ({ totalCount: e, viewMode: t, onViewModeChange: n, title: r = "Browse", styles: i, query: a, onQueryChange: o, searchPlaceholder: s, gridViewLabel: c = "Grid view", listViewLabel: l = "List view", sortKey: u, onSortChange: d, sortOptions: f, filters: p, onFiltersChange: h, filterValues: g, isMyAppsActive: _, onMyAppsChange: v, filterFromLabel: y, filterMyAppsLabel: b, filterTopicsLabel: S }) => {
 	let C = i?.typography?.titleClassName ?? "dial-body-semi-text", w = i?.typography?.countClassName ?? "dial-tiny-semi-text", T = f?.find((e) => e.value === u)?.label ?? "";
@@ -28934,10 +28960,12 @@ var Ex = {
 							})),
 							activeTabId: Ne,
 							onTabChange: Pe,
-							activeTabClassName: "text-catalog-tab-active",
-							inactiveTabClassName: "text-catalog-tab-inactive hover:text-catalog-tab-hover border-transparent",
-							activeBadgeClassName: "bg-catalog-badge-active text-catalog-badge-active",
-							inactiveBadgeClassName: "bg-catalog-badge-inactive text-catalog-badge-inactive"
+							styles: { colors: {
+								activeTabClassName: "text-catalog-tab-active",
+								inactiveTabClassName: "text-catalog-tab-inactive hover:text-catalog-tab-hover border-transparent",
+								activeBadgeClassName: "bg-catalog-badge-active text-catalog-badge-active",
+								inactiveBadgeClassName: "bg-catalog-badge-inactive text-catalog-badge-inactive"
+							} }
 						})
 					}),
 					/* @__PURE__ */ R("div", {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-catalog",
   "description": "Marketplace catalog component for browsing models, tools, and assistants with search, filter, and sort",
-  "version": "1.0.0-dev.506",
+  "version": "1.0.0-dev.509",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -20,9 +20,9 @@
     "react": "^19.0.0",
     "@tabler/icons-react": "^3.0.0",
     "@epam/ai-dial-ui-kit": "0.12.0-dev.28",
-    "@epam/ai-dial-kit": "1.0.0-dev.506",
-    "@epam/ai-dial-sidebar": "1.0.0-dev.506",
-    "@epam/ai-dial-chat-shared": "1.0.0-dev.506",
+    "@epam/ai-dial-kit": "1.0.0-dev.509",
+    "@epam/ai-dial-sidebar": "1.0.0-dev.509",
+    "@epam/ai-dial-chat-shared": "1.0.0-dev.509",
     "ag-grid-community": "35.3.0"
   },
   "repository": {