@epam/ai-dial-sidebar 1.1.0-dev.167 → 1.1.0-dev.168

package/index.js

@@ -106580,10 +106580,10 @@ var ude = 2e3, dde = (e, t = ude) => {
 ], vde = [[Vle, {
 	output: "mathml",
 	strict: !1
-}]], yde = {}, bde = { li: ({ children: e }) => /* @__PURE__ */ M("li", {
+}]], yde = [], bde = {}, xde = { li: ({ children: e }) => /* @__PURE__ */ M("li", {
 	className: "mb-1.5 last:mb-0",
 	children: e
-}) }, Z9 = (e) => e ? e.type === "text" ? e.value ?? "" : (e.children ?? []).map(Z9).join("") : "", xde = (e, t, n, r, i, a) => ({
+}) }, Z9 = (e) => e ? e.type === "text" ? e.value ?? "" : (e.children ?? []).map(Z9).join("") : "", Sde = (e, t, n, r, i, a) => ({
 	h1: ({ children: t }) => /* @__PURE__ */ M("h1", {
 		className: e.h1,
 		children: t
@@ -106684,46 +106684,46 @@ var ude = 2e3, dde = (e, t = ude) => {
 		className: IR("max-w-96 whitespace-normal break-words border-b px-3 py-2.5 align-top [overflow-wrap:anywhere]", X9.rowDivider, e.tableBodyCell, e.tableCell),
 		children: t
 	})
-}), Sde = S(({ content: e, isStreaming: t, streamCharactersPerSecond: n, classNames: r = yde, components: i, thinkingLabel: a = "Thinking", codeBlockCopyLabel: o, codeBlockCopiedLabel: s, codeBlockTheme: c, colors: l, tableScrollRegionAriaLabel: u }) => {
-	let d = mue(e, t, n), f = O(() => xue(d), [d]), p = LR({
-		"--cm-thinking-inverted": l?.thinkingPrimary,
-		"--cm-thinking-secondary": l?.thinkingSecondary,
-		"--cm-markdown-border": l?.border,
-		"--cm-blockquote-border": l?.blockquoteBorder,
-		"--cm-blockquote-text": l?.blockquoteText,
-		"--cm-link-text": l?.linkText,
-		"--cm-link-focus": l?.linkFocus,
-		"--cm-table-header-text": l?.tableHeaderText,
-		"--cm-h6-text": l?.headingSixText,
-		"--cm-code-inline-bg": l?.inlineCodeBackground,
-		"--cm-code-inline-text": l?.inlineCodeText
-	}), m = O(() => ({
-		...xde(r, t, o, s, c, u),
-		...bde,
+}), Cde = S(({ content: e, isStreaming: t, streamCharactersPerSecond: n, classNames: r = bde, components: i, rehypePlugins: a = yde, thinkingLabel: o = "Thinking", codeBlockCopyLabel: s, codeBlockCopiedLabel: c, codeBlockTheme: l, colors: u, tableScrollRegionAriaLabel: d }) => {
+	let f = mue(e, t, n), p = O(() => xue(f), [f]), m = LR({
+		"--cm-thinking-inverted": u?.thinkingPrimary,
+		"--cm-thinking-secondary": u?.thinkingSecondary,
+		"--cm-markdown-border": u?.border,
+		"--cm-blockquote-border": u?.blockquoteBorder,
+		"--cm-blockquote-text": u?.blockquoteText,
+		"--cm-link-text": u?.linkText,
+		"--cm-link-focus": u?.linkFocus,
+		"--cm-table-header-text": u?.tableHeaderText,
+		"--cm-h6-text": u?.headingSixText,
+		"--cm-code-inline-bg": u?.inlineCodeBackground,
+		"--cm-code-inline-text": u?.inlineCodeText
+	}), h = O(() => ({
+		...Sde(r, t, s, c, l, d),
+		...xde,
 		...i
 	}), [
 		r,
 		t,
-		o,
 		s,
 		c,
-		u,
+		l,
+		d,
 		i
 	]);
-	return t && !d ? /* @__PURE__ */ M("span", {
+	return t && !f ? /* @__PURE__ */ M("span", {
 		className: J9.thinking,
-		style: p,
-		children: a
+		style: m,
+		children: o
 	}) : /* @__PURE__ */ M("div", {
-		style: p,
+		style: m,
 		children: /* @__PURE__ */ M(mZ, {
 			remarkPlugins: _de,
-			rehypePlugins: vde,
-			components: m,
-			children: f
+			rehypePlugins: [...vde, ...a],
+			components: h,
+			children: p
 		})
 	});
-}), Cde = {
+}), wde = {
 	h1: "dial-h1-text mb-3 mt-6 first:mt-0 [text-wrap:balance]",
 	h2: "dial-h2-text mb-2 mt-5 first:mt-0 [text-wrap:balance]",
 	h3: "dial-h3-text mb-2 mt-4 first:mt-0 [text-wrap:balance]",
@@ -106738,7 +106738,7 @@ var ude = 2e3, dde = (e, t = ude) => {
 	link: "break-words [overflow-wrap:anywhere]",
 	tableWrapper: "my-4"
 };
-S(({ content: e, isStreaming: t, thinkingLabel: n, components: r, codeBlockCopyLabel: i, codeBlockCopiedLabel: a, codeBlockTheme: o }) => /* @__PURE__ */ M(Sde, {
+S(({ content: e, isStreaming: t, thinkingLabel: n, components: r, codeBlockCopyLabel: i, codeBlockCopiedLabel: a, codeBlockTheme: o }) => /* @__PURE__ */ M(Cde, {
 	content: e,
 	isStreaming: t,
 	thinkingLabel: n,
@@ -106746,13 +106746,13 @@ S(({ content: e, isStreaming: t, thinkingLabel: n, components: r, codeBlockCopyL
 	codeBlockCopyLabel: i,
 	codeBlockCopiedLabel: a,
 	codeBlockTheme: o,
-	classNames: Cde
+	classNames: wde
 }));
 var Q9 = {
 	container: "_container_1kcxu_2",
 	icon: "_icon_1kcxu_25",
 	input: "_input_1kcxu_29"
-}, wde = ({ value: e, onChange: t, labels: n, iconSize: r = lc.MD, iconStrokeWidth: i, styles: a }) => {
+}, Tde = ({ value: e, onChange: t, labels: n, iconSize: r = lc.MD, iconStrokeWidth: i, styles: a }) => {
 	let { placeholder: o = "Search", ariaLabel: s, clearLabel: c = "Clear search" } = n ?? {}, { colors: l, containerClassName: u, iconClassName: d, inputClassName: f, clearButtonClassName: p } = a ?? {}, m = s ?? o;
 	return /* @__PURE__ */ M("div", {
 		role: "search",
@@ -106825,12 +106825,12 @@ S(({ tabs: e, activeTabId: t, onTabChange: n, styles: r }) => {
 		})
 	});
 });
-var Tde = { icon: "_icon_nu4hc_1" }, Ede = S(({ value: e, onChange: i, labels: a, styles: o }) => {
-	let { colors: s, iconClassName: c = Tde.icon, wrapperClassName: l, rowClassName: u } = o ?? {}, d = O(() => t({ "--si-icon": s?.icon }), [s]);
+var Ede = { icon: "_icon_nu4hc_1" }, Dde = S(({ value: e, onChange: i, labels: a, styles: o }) => {
+	let { colors: s, iconClassName: c = Ede.icon, wrapperClassName: l, rowClassName: u } = o ?? {}, d = O(() => t({ "--si-icon": s?.icon }), [s]);
 	return /* @__PURE__ */ M("div", {
 		className: n("px-3 py-2", l),
 		style: d,
-		children: /* @__PURE__ */ M(wde, {
+		children: /* @__PURE__ */ M(Tde, {
 			value: e,
 			onChange: i,
 			labels: {
@@ -106847,14 +106847,14 @@ var Tde = { icon: "_icon_nu4hc_1" }, Ede = S(({ value: e, onChange: i, labels: a
 			}
 		})
 	});
-}), Dde = S(({ label: t, icon: n = c, iconSize: r = 48 }) => /* @__PURE__ */ M(e, {
+}), Ode = S(({ label: t, icon: n = c, iconSize: r = 48 }) => /* @__PURE__ */ M(e, {
 	icon: /* @__PURE__ */ M(n, {
 		"aria-hidden": !0,
 		size: r,
 		stroke: 1
 	}),
 	label: t
-})), Ode = S(({ label: t, icon: n = u, iconSize: r = 45 }) => /* @__PURE__ */ M(e, {
+})), kde = S(({ label: t, icon: n = u, iconSize: r = 45 }) => /* @__PURE__ */ M(e, {
 	icon: /* @__PURE__ */ M(n, {
 		"aria-hidden": !0,
 		size: r,
@@ -106863,4 +106863,4 @@ var Tde = { icon: "_icon_nu4hc_1" }, Ede = S(({ value: e, onChange: i, labels: a
 	label: t
 }));
 //#endregion
-export { Dde as PanelEmpty, Ode as PanelNoResults, Ede as SearchInput, ie as SidebarOrientation, se as SidebarPanel };
+export { Ode as PanelEmpty, kde as PanelNoResults, Dde as SearchInput, ie as SidebarOrientation, se as SidebarPanel };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-sidebar",
   "description": "Resizable sidebar panel shell with header, search, and empty state components",
-  "version": "1.1.0-dev.167",
+  "version": "1.1.0-dev.168",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -17,8 +17,8 @@
     }
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.167",
-    "@epam/ai-dial-kit": "1.1.0-dev.167",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.168",
+    "@epam/ai-dial-kit": "1.1.0-dev.168",
     "@tabler/icons-react": "^3.44.0",
     "react": "^19.0.0",
     "@epam/ai-dial-ui-kit": "^0.13.0-dev.26"