@epam/ai-dial-sidebar 1.2.0-dev.3 → 1.2.0-dev.303

package/components/Header/Header.d.ts

@@ -7,6 +7,8 @@ export interface HeaderProps {
     titleClassName?: string;
     /** CSS class applied to the root element. */
     className?: string;
+    /** Extra class name(s) merged onto the end (right) action cluster. */
+    actionsClassName?: string;
     /** Content rendered in the start (left) group of the header bar. */
     leftActions?: ReactNode;
     /** Content rendered in the end (right) group of the header bar. */

package/components/Header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,wCAAwC;AACxC,MAAM,WAAW,WAAW;IAC1B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mEAAmE;IACnE,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,yEAAyE;AACzE,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA6BlC,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,wCAAwC;AACxC,MAAM,WAAW,WAAW;IAC1B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oEAAoE;IACpE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mEAAmE;IACnE,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,yEAAyE;AACzE,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAmClC,CAAC"}

package/components/SidebarPanel/SidebarPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarPanel.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarPanel/SidebarPanel.tsx"],"names":[],"mappings":"AASA,OAAO,EAML,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAKlE,6GAA6G;AAC7G,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAgP9C,CAAC"}
+{"version":3,"file":"SidebarPanel.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarPanel/SidebarPanel.tsx"],"names":[],"mappings":"AASA,OAAO,EAML,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAKlE,6GAA6G;AAC7G,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAmP9C,CAAC"}

package/constants/public-class-names.d.ts

@@ -0,0 +1,16 @@
+export declare const SIDEBAR_CLASS: {
+    /**
+     * The panel's `<aside role="complementary">` element — the region itself,
+     * not the wrapper around it. The wrapper is where `styles.className` lands,
+     * which is how the libs built on this panel mark themselves:
+     * `@epam/ai-dial-attachment-canvas` puts `dial-attachment-canvas-panel`
+     * there and `@epam/ai-dial-source-panel` puts `dial-source-panel-panel`. A
+     * host targeting one of those panels therefore descends from its class to
+     * this one (`.dial-attachment-canvas-panel .dial-sb-aside`), and sizes or
+     * positions the wrapper rather than the region.
+     */
+    readonly aside: "dial-sb-aside";
+    /** The 48 px header bar rendered by `Header`. */
+    readonly header: "dial-sb-header";
+};
+//# sourceMappingURL=public-class-names.d.ts.map

package/constants/public-class-names.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-class-names.d.ts","sourceRoot":"","sources":["../../src/constants/public-class-names.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,aAAa;IACxB;;;;;;;;;OASG;;IAEH,iDAAiD;;CAEzC,CAAC"}

package/index.css

@@ -1,2 +1,2 @@
 ._wrapper_1fadt_1{background:var(--sb-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--sb-border,var(--stroke-tertiary,#e0e6f0))}._header_1fadt_6{color:var(--sb-text,var(--text-primary,#161b2d))}._resizeHandler_1fadt_10{background:var(--sb-resize-handler,var(--text-accent,#1d4ed8));width:4px!important;color:var(--sb-resize-handler,var(--text-accent,#1d4ed8))!important}
-/*$vite$:1*/
+/*$vite$:1*/.relative{position:relative}.z-50{z-index:50}.me-2{margin-inline-end:.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.h-12{height:3rem}.h-full{height:100%}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.translate-x-0{--tw-translate-x:0px}.transform,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-1{gap:.25rem}.gap-3{gap:.75rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border-width:1px}.border-s{border-inline-start-width:1px}.p-4{padding:1rem}.pe-3{padding-inline-end:.75rem}.ps-6{padding-inline-start:1.5rem}.pt-0{padding-top:0}.pt-6{padding-top:1.5rem}.shadow-sm{--tw-shadow:0 8px 10px 0 var(--shadow-sm,#2764d914);--tw-shadow-colored:0 8px 10px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[width\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[clip-path\:inset\(-24px_-24px_-24px_0\)\]{clip-path:inset(-24px -24px -24px 0)}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}.ltr\:-translate-x-full:where([dir=ltr],[dir=ltr] *){--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ltr\:translate-x-full:where([dir=ltr],[dir=ltr] *){--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\:-translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\:translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\:\[clip-path\:inset\(-24px_0_-24px_-24px\)\]:where([dir=rtl],[dir=rtl] *){clip-path:inset(-24px 0 -24px -24px)}

package/index.d.ts

@@ -1,3 +1,4 @@
+export { SIDEBAR_CLASS } from './constants/public-class-names';
 export { SidebarPanel } from './components/SidebarPanel/SidebarPanel';
 export { PanelEmpty } from './components/PanelEmptyState/PanelEmpty';
 export { PanelNoResults } from './components/PanelEmptyState/PanelNoResults';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,YAAY,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAC/E,YAAY,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AACvF,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,YAAY,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAC/E,YAAY,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AACvF,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,sBAAsB,CAAC"}

package/index.js

@@ -3,102 +3,106 @@ import { ConditionalResizableContainer as r, DIAL_ICON_SIZE as i, DIAL_KIT_ICON_
 import { IconX as l } from "@tabler/icons-react";
 import { memo as u, useCallback as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
 import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-//#region src/types/orientation.ts
-var y = /* @__PURE__ */ function(e) {
+//#region src/constants/public-class-names.ts
+var y = {
+	aside: "dial-sb-aside",
+	header: "dial-sb-header"
+}, b = /* @__PURE__ */ function(e) {
 	return e.Left = "left", e.Right = "right", e;
-}({}), b = {
+}({}), x = {
 	wrapper: "_wrapper_1fadt_1",
 	header: "_header_1fadt_6",
 	resizeHandler: "_resizeHandler_1fadt_10"
-}, x = u(({ title: e, titleClassName: t = "dial-h1-text", leftActions: r, className: i, rightActions: a }) => /* @__PURE__ */ v("div", {
-	className: n("flex h-12 items-center px-4", i, b.header),
+}, S = u(({ title: e, titleClassName: t = "dial-h1-text", leftActions: r, className: i, actionsClassName: a, rightActions: s }) => /* @__PURE__ */ v("div", {
+	className: n("flex h-12 items-center pe-3 ps-6", i, x.header, y.header),
 	children: [
 		r && /* @__PURE__ */ _("div", {
-			className: "flex items-center gap-1",
+			className: "me-2 flex items-center gap-1",
 			children: r
 		}),
 		/* @__PURE__ */ _(o, {
 			text: e,
 			className: n("min-w-0 flex-1 truncate", t)
 		}),
-		a && /* @__PURE__ */ _("div", {
-			className: "flex items-center gap-1",
-			children: a
+		s && /* @__PURE__ */ _("div", {
+			className: n("flex items-center gap-1", a),
+			children: s
 		})
 	]
-})), S = ({ isOpen: e, orientation: o, title: u, leftActions: S, rightActions: C, onClose: w, labels: T, children: E, styles: D, resizable: O, isOverlay: k = !1, defaultWidth: A = 360, minWidth: j = 280, maxWidth: M = 600, onResizeStop: N }) => {
-	let { colors: P, typography: F, bodyClassName: I, cssVars: L, titleClassName: R, className: z, headerClassName: B } = D ?? {}, V = p(() => t({
-		"--sb-bg": P?.background,
-		"--sb-border": P?.border,
-		"--sb-text": P?.text,
-		"--sb-resize-handler": P?.resizeHandler
-	}), [P]), H = m(A), [U, W] = h(e ? A : 0), [G, K] = h(!1), q = m(null);
+})), C = ({ isOpen: e, orientation: o, title: u, leftActions: C, rightActions: w, onClose: T, labels: E, children: D, styles: O, resizable: k, isOverlay: A = !1, defaultWidth: j = 360, minWidth: M = 280, maxWidth: N = 600, onResizeStop: P }) => {
+	let { colors: F, typography: I, bodyClassName: L, cssVars: R, titleClassName: z, className: B, headerClassName: V, headerActionsClassName: H } = O ?? {}, U = p(() => t({
+		"--sb-bg": F?.background,
+		"--sb-border": F?.border,
+		"--sb-text": F?.text,
+		"--sb-resize-handler": F?.resizeHandler
+	}), [F]), W = m(j), [G, K] = h(e ? j : 0), [q, J] = h(!1), Y = m(null);
 	f(() => {
-		if (!e) W(A), H.current = A, K(!1), q.current = null;
+		if (!e) K(j), W.current = j, J(!1), Y.current = null;
 		else {
-			let e = q.current, t = e?.forDefault === A ? e.width : A;
-			W(t), H.current = t;
+			let e = Y.current, t = e?.forDefault === j ? e.width : j;
+			K(t), W.current = t;
 		}
-	}, [e, A]);
-	let J = d((e) => {
-		K(!0), W(e);
-	}, []), Y = d((e) => {
-		q.current = {
-			forDefault: A,
+	}, [e, j]);
+	let X = d((e) => {
+		J(!0), K(e);
+	}, []), Z = d((e) => {
+		Y.current = {
+			forDefault: j,
 			width: e
-		}, H.current = e, W(e), K(!1), N?.(e);
-	}, [A, N]), X = e ? U || H.current : 0, Z = z?.includes("w-full"), Q = !k && !Z, $ = () => e ? "translate-x-0" : o === y.Left ? "ltr:-translate-x-full rtl:translate-x-full" : "ltr:translate-x-full rtl:-translate-x-full", ee = () => {
-		if (k) return "transition-transform duration-200 ease-in-out motion-reduce:transition-none";
-		if (!G) return "transition-[width] duration-200 ease-in-out motion-reduce:transition-none";
-	}, te = o === y.Left && e ? "border-s" : void 0, ne = o === y.Right ? c.Left : c.Right, re = w ? /* @__PURE__ */ _(s, {
+		}, W.current = e, K(e), J(!1), P?.(e);
+	}, [j, P]), Q = e ? G || W.current : 0, $ = B?.includes("w-full"), ee = !A && !$, te = () => e ? "translate-x-0" : o === b.Left ? "ltr:-translate-x-full rtl:translate-x-full" : "ltr:translate-x-full rtl:-translate-x-full", ne = () => {
+		if (A) return "transition-transform duration-200 ease-in-out motion-reduce:transition-none";
+		if (!q) return "transition-[width] duration-200 ease-in-out motion-reduce:transition-none";
+	}, re = o === b.Left && e ? "border-s" : void 0, ie = o === b.Right ? c.Left : c.Right, ae = T ? /* @__PURE__ */ _(s, {
 		icon: /* @__PURE__ */ _(l, {
 			size: i.LG,
 			stroke: a,
 			"aria-hidden": !0
 		}),
-		"aria-label": T.closeLabel,
-		tooltipProps: { tooltip: T.closeLabel },
-		onClick: w
+		"aria-label": E.closeLabel,
+		tooltipProps: { tooltip: E.closeLabel },
+		onClick: T
 	}) : null;
 	return /* @__PURE__ */ _("div", {
-		style: Q ? { width: X } : void 0,
-		className: n("h-full flex-shrink-0 gap-3 overflow-hidden shadow-sm", o === y.Left && "[clip-path:inset(-24px_-24px_-24px_0)] rtl:[clip-path:inset(-24px_0_-24px_-24px)]", ee(), "relative z-50", z, k && n("w-full", $()), b.panel),
+		style: ee ? { width: Q } : void 0,
+		className: n("h-full flex-shrink-0 gap-3 overflow-hidden shadow-sm", o === b.Left && "[clip-path:inset(-24px_-24px_-24px_0)] rtl:[clip-path:inset(-24px_0_-24px_-24px)]", ne(), "relative z-50", B, A && n("w-full", te()), x.panel),
 		children: /* @__PURE__ */ _(r, {
-			enabled: (O ?? !1) && e,
-			side: ne,
-			ariaLabel: T.resizeLabel ?? "Resize panel",
-			width: e ? U || H.current : void 0,
-			defaultWidth: A,
-			minWidth: j,
-			maxWidth: M,
-			resizeHandlerClassName: b.resizeHandler,
-			onResizeStop: Y,
-			onResize: J,
+			enabled: (k ?? !1) && e,
+			side: ie,
+			ariaLabel: E.resizeLabel ?? "Resize panel",
+			width: e ? G || W.current : void 0,
+			defaultWidth: j,
+			minWidth: M,
+			maxWidth: N,
+			resizeHandlerClassName: x.resizeHandler,
+			onResizeStop: Z,
+			onResize: X,
 			children: /* @__PURE__ */ v("aside", {
 				role: "complementary",
-				"aria-label": T.ariaLabel,
+				"aria-label": E.ariaLabel,
 				inert: !e,
 				style: {
-					...L,
-					...V
+					...R,
+					...U
 				},
-				className: n(b.wrapper, "flex h-full w-full flex-col gap-3", te, F?.fontClassName),
-				children: [/* @__PURE__ */ _(x, {
+				className: n(x.wrapper, "flex h-full w-full flex-col gap-3", re, I?.fontClassName, y.aside),
+				children: [/* @__PURE__ */ _(S, {
 					title: u,
-					className: B,
-					titleClassName: R,
-					leftActions: S,
-					rightActions: /* @__PURE__ */ v(g, { children: [C, re] })
+					className: V,
+					actionsClassName: H,
+					titleClassName: z,
+					leftActions: C,
+					rightActions: /* @__PURE__ */ v(g, { children: [w, ae] })
 				}), /* @__PURE__ */ _("div", {
-					className: n("flex-1 overflow-y-auto p-4 pt-0", I),
-					children: E
+					className: n("flex-1 overflow-y-auto p-4 pt-0", L),
+					children: D
 				})]
 			})
 		})
 	});
-}, C = u(({ label: t }) => /* @__PURE__ */ _(e, { label: t })), w = u(({ label: t }) => /* @__PURE__ */ _(e, {
+}, w = u(({ label: t }) => /* @__PURE__ */ _(e, { label: t })), T = u(({ label: t }) => /* @__PURE__ */ _(e, {
 	label: t,
 	containerClassName: "pt-6"
 }));
 //#endregion
-export { C as PanelEmpty, w as PanelNoResults, y as SidebarOrientation, S as SidebarPanel };
+export { w as PanelEmpty, T as PanelNoResults, y as SIDEBAR_CLASS, b as SidebarOrientation, C as SidebarPanel };

package/models/panel-props.d.ts

@@ -39,6 +39,8 @@ export interface SidebarPanelStyles {
     className?: string;
     /** CSS class applied to the header element. */
     headerClassName?: string;
+    /** Extra class name(s) merged onto the header's end (right) action cluster. */
+    headerActionsClassName?: string;
     /** CSS custom properties applied to the panel `<aside>` element. */
     cssVars?: CSSProperties;
 }

package/models/panel-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-props.d.ts","sourceRoot":"","sources":["../../src/models/panel-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,sEAAsE;AACtE,MAAM,WAAW,kBAAkB;IACjC,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,6DAA6D;AAC7D,MAAM,WAAW,sBAAsB;IACrC,2EAA2E;IAC3E,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,oEAAoE;AACpE,MAAM,WAAW,kBAAkB;IACjC,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,8FAA8F;IAC9F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mHAAmH;IACnH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,yFAAyF;AACzF,MAAM,WAAW,kBAAkB;IACjC,wDAAwD;IACxD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,mFAAmF;IACnF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oEAAoE;IACpE,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,sDAAsD;AACtD,MAAM,WAAW,iBAAiB;IAChC,mHAAmH;IACnH,MAAM,EAAE,OAAO,CAAC;IAChB,qFAAqF;IACrF,WAAW,EAAE,kBAAkB,CAAC;IAChC,+EAA+E;IAC/E,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yEAAyE;IACzE,MAAM,EAAE,kBAAkB,CAAC;IAC3B,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,uEAAuE;IACvE,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,+FAA+F;IAC/F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kFAAkF;IAClF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC"}
+{"version":3,"file":"panel-props.d.ts","sourceRoot":"","sources":["../../src/models/panel-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,sEAAsE;AACtE,MAAM,WAAW,kBAAkB;IACjC,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,6DAA6D;AAC7D,MAAM,WAAW,sBAAsB;IACrC,2EAA2E;IAC3E,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,oEAAoE;AACpE,MAAM,WAAW,kBAAkB;IACjC,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,8FAA8F;IAC9F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mHAAmH;IACnH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,yFAAyF;AACzF,MAAM,WAAW,kBAAkB;IACjC,wDAAwD;IACxD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,mFAAmF;IACnF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+EAA+E;IAC/E,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,oEAAoE;IACpE,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,sDAAsD;AACtD,MAAM,WAAW,iBAAiB;IAChC,mHAAmH;IACnH,MAAM,EAAE,OAAO,CAAC;IAChB,qFAAqF;IACrF,WAAW,EAAE,kBAAkB,CAAC;IAChC,+EAA+E;IAC/E,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yEAAyE;IACzE,MAAM,EAAE,kBAAkB,CAAC;IAC3B,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,uEAAuE;IACvE,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,+FAA+F;IAC/F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kFAAkF;IAClF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC"}

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.2.0-dev.3",
+  "version": "1.2.0-dev.303",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -20,9 +20,9 @@
     "@tabler/icons-react": "^3.44.0"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.3",
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.303",
     "react": "^19.2.8",
-    "@epam/ai-dial-ui-kit": "^0.14.2"
+    "@epam/ai-dial-ui-kit": "^0.15.0-dev.39"
   },
   "repository": {
     "type": "git",