@epam/ai-dial-sidebar 0.0.0-dev.0

package/components/Header/Header.d.ts

@@ -0,0 +1,23 @@
+import { FC, ReactNode } from 'react';
+/** Props for the `Header` component. */
+export interface HeaderProps {
+    /**
+     * Title text rendered between the two action groups.
+     * Truncated with an ellipsis when the panel is too narrow.
+     */
+    title?: ReactNode;
+    /**
+     * CSS class applied to the title element.
+     * Defaults to `'dial-body-semi-bold-text'`.
+     */
+    titleClassName?: string;
+    /** CSS class applied to the root element. */
+    className?: 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. */
+    rightActions?: ReactNode;
+}
+/** 48 px header bar with a title and optional start/end action slots. */
+export declare const Header: FC<HeaderProps>;
+//# sourceMappingURL=Header.d.ts.map

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

@@ -0,0 +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;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,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"}

package/components/PanelEmptyState/PanelEmpty.d.ts

@@ -0,0 +1,14 @@
+import { IconMessageCircle } from '@tabler/icons-react';
+import { FC } from 'react';
+/** Props for `PanelEmpty`. */
+export interface PanelEmptyProps {
+    /** Primary message shown beneath the icon. */
+    label: string;
+    /** Icon component rendered above the label. Defaults to `IconMessageCircle`. */
+    icon?: typeof IconMessageCircle;
+    /** Icon size in px. Defaults to `48`. */
+    iconSize?: number;
+}
+/** Empty-state block rendered when a panel has no items at all. */
+export declare const PanelEmpty: FC<PanelEmptyProps>;
+//# sourceMappingURL=PanelEmpty.d.ts.map

package/components/PanelEmptyState/PanelEmpty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelEmpty.d.ts","sourceRoot":"","sources":["../../../src/components/PanelEmptyState/PanelEmpty.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAQ,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEtC,8BAA8B;AAC9B,MAAM,WAAW,eAAe;IAC9B,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,IAAI,CAAC,EAAE,OAAO,iBAAiB,CAAC;IAChC,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,mEAAmE;AACnE,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAO1C,CAAC"}

package/components/PanelEmptyState/PanelNoResults.d.ts

@@ -0,0 +1,14 @@
+import { IconZoomCancel } from '@tabler/icons-react';
+import { FC } from 'react';
+/** Props for `PanelNoResults`. */
+export interface PanelNoResultsProps {
+    /** Primary message shown beneath the icon. */
+    label: string;
+    /** Icon component rendered above the label. Defaults to `IconZoomCancel`. */
+    icon?: typeof IconZoomCancel;
+    /** Icon size in px. Defaults to `45`. */
+    iconSize?: number;
+}
+/** Empty-state block rendered when a search or filter produces no matches. */
+export declare const PanelNoResults: FC<PanelNoResultsProps>;
+//# sourceMappingURL=PanelNoResults.d.ts.map

package/components/PanelEmptyState/PanelNoResults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelNoResults.d.ts","sourceRoot":"","sources":["../../../src/components/PanelEmptyState/PanelNoResults.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAQ,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEtC,kCAAkC;AAClC,MAAM,WAAW,mBAAmB;IAClC,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,IAAI,CAAC,EAAE,OAAO,cAAc,CAAC;IAC7B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,8EAA8E;AAC9E,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAOlD,CAAC"}

package/components/SearchInput/SearchInput.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+/** Props for `SearchInput`. */
+export interface SearchInputProps {
+    /** Placeholder text (e.g. `"Search chat…"`). */
+    placeholder: string;
+    /** Current search query value. */
+    value: string;
+    /** Called whenever the query changes. */
+    onChange: (value: string) => void;
+    /** Accessible label for the clear-search button. */
+    clearLabel: string;
+    /** CSS class applied to the search icon. Defaults to `'text-secondary'`. */
+    iconClassName?: string;
+}
+/** Minimal search input with icon positioned to align with sibling action buttons. */
+export declare const SearchInput: FC<SearchInputProps>;
+//# sourceMappingURL=SearchInput.d.ts.map

package/components/SearchInput/SearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAGtC,+BAA+B;AAC/B,MAAM,WAAW,gBAAgB;IAC/B,gDAAgD;IAChD,WAAW,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,oDAAoD;IACpD,UAAU,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,sFAAsF;AACtF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA8C5C,CAAC"}

package/components/SidebarPanel/SidebarPanel.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { SidebarPanelProps } from '../../models/panel-props';
+export declare const SidebarPanel: FC<SidebarPanelProps>;
+//# sourceMappingURL=SidebarPanel.d.ts.map

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

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

package/index.css

@@ -0,0 +1,2 @@
+._wrapper_x6z5j_1{background:var(--sb-bg,var(--bg-layer-3,#fcfcfc));border-color:var(--sb-border,var(--stroke-tertiary,#e0e6f0))}._header_x6z5j_6{color:var(--sb-text,var(--text-primary,#161b2d))}._divider_x6z5j_10{border-color:var(--sb-border,var(--stroke-tertiary,#e0e6f0))}._panel_x6z5j_14{border-color:var(--sb-border,var(--stroke-tertiary,#e0e6f0));border-inline-end-color:var(--sb-border-inline-end,var(--sb-border,var(--stroke-tertiary,#e0e6f0)))}@keyframes _fadeIn_x6z5j_1{0%{opacity:0}to{opacity:1}}._appear_x6z5j_27{animation:.2s ease-out forwards _fadeIn_x6z5j_1}._resizeHandler_x6z5j_31{background:var(--sb-bg-resize-handler,var(--text-success,#007274));width:4px!important;color:var(--sb-resize-handler,var(--text-success,#007274))!important}._row_14w80_1{background:0 0;border-color:#0000000d}._row_14w80_1 input{color:var(--cp-text,var(--text-primary,#161b2d))}._row_14w80_1 input::placeholder{color:var(--cp-text-secondary,var(--text-secondary,#575f73))}@media (hover:hover){._row_14w80_1:hover:not(:focus-within){border-color:#0000001f}}._row_14w80_1:focus-within{border-color:color-mix(in srgb, var(--controls-text-accent-primary-active,#7da4ff) 50%, transparent)}._input_14w80_20{font-family:inherit;font-size:14px;font-weight:400;line-height:20px}
+/*$vite$:1*/

package/index.d.ts

@@ -0,0 +1,10 @@
+export { SidebarPanel } from './components/SidebarPanel/SidebarPanel';
+export { SearchInput } from './components/SearchInput/SearchInput';
+export { PanelEmpty } from './components/PanelEmptyState/PanelEmpty';
+export { PanelNoResults } from './components/PanelEmptyState/PanelNoResults';
+export { SidebarOrientation } from './types/orientation';
+export type { SearchInputProps } from './components/SearchInput/SearchInput';
+export type { PanelEmptyProps } from './components/PanelEmptyState/PanelEmpty';
+export type { PanelNoResultsProps } from './components/PanelEmptyState/PanelNoResults';
+export type { SidebarPanelProps, SidebarPanelStyles, SidebarPanelColors, SidebarPanelTypography, } from './models/panel-props';
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +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,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,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,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,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,sBAAsB,GACvB,MAAM,sBAAsB,CAAC"}

package/index.js

@@ -0,0 +1,138 @@
+import { PanelEmptyState as e, buildCssVars as t, mergeClasses as n } from "@epam/ai-dial-chat-shared";
+import { DIAL_ICON_SIZE as r, DialConditionalResizableContainer as i, DialEllipsisTooltip as a, DialGhostIconButton as o, ResizableContainerSide as s } from "@epam/ai-dial-ui-kit";
+import { IconMessageCircle as c, IconSearch as l, IconX as u, IconZoomCancel as d } from "@tabler/icons-react";
+import { memo as f, useCallback as p, useEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/types/orientation.ts
+var x = /* @__PURE__ */ function(e) {
+	return e.Left = "left", e.Right = "right", e;
+}({}), S = {
+	wrapper: "_wrapper_x6z5j_1",
+	header: "_header_x6z5j_6",
+	divider: "_divider_x6z5j_10",
+	panel: "_panel_x6z5j_14",
+	appear: "_appear_x6z5j_27",
+	fadeIn: "_fadeIn_x6z5j_1",
+	resizeHandler: "_resizeHandler_x6z5j_31"
+}, C = f(({ title: e, titleClassName: t = "dial-h1-text", leftActions: r, className: i, rightActions: o }) => /* @__PURE__ */ b("div", {
+	className: n("flex h-12 shrink-0 items-center gap-2 px-4", i, S.header),
+	children: [
+		r && /* @__PURE__ */ y("div", {
+			className: "flex items-center gap-1",
+			children: r
+		}),
+		/* @__PURE__ */ y(a, {
+			text: e,
+			className: n("min-w-0 flex-1 truncate", t)
+		}),
+		o && /* @__PURE__ */ y("div", {
+			className: "flex items-center gap-1",
+			children: o
+		})
+	]
+})), w = ({ isOpen: e, orientation: a, title: c, leftActions: l, rightActions: d, onClose: f, ariaLabel: w, closeLabel: T, children: E, className: D, styles: O, resizable: k, defaultWidth: A = 360, minWidth: j = 280, maxWidth: M = 600, headerClassName: N, onResizeStop: P }) => {
+	let { colors: F, typography: I, bodyClassName: L, cssVars: R, titleClassName: z } = O ?? {}, B = h(() => t({
+		"--sb-bg": F?.background,
+		"--sb-border": F?.border
+	}), [F]), V = g(A), [H, U] = _(e ? A : 0), [W, G] = _(!1);
+	m(() => {
+		e || (U(A), V.current = A, G(!1));
+	}, [e, A]);
+	let K = p(() => {
+		G(!0);
+	}, []), q = p((e) => {
+		V.current = e, U(e), G(!1), P?.(e);
+	}, [P]), J;
+	J = W ? "auto" : e ? H || V.current : 0;
+	let Y = a === x.Right ? "border-s" : "border-e", X = a === x.Right ? s.Left : s.Right, Z = f ? /* @__PURE__ */ y(o, {
+		icon: /* @__PURE__ */ y(u, {
+			size: r.LG,
+			stroke: 1.5
+		}),
+		"aria-label": T,
+		tooltipProps: { tooltip: T },
+		onClick: f
+	}) : null;
+	return /* @__PURE__ */ y("div", {
+		style: { width: J },
+		className: n("h-full flex-shrink-0 overflow-hidden", !W && "transition-[width] duration-200 ease-in-out", e && "relative z-50", D, S.panel),
+		children: /* @__PURE__ */ y(i, {
+			enabled: (k ?? !1) && e,
+			side: X,
+			defaultWidth: A,
+			minWidth: j,
+			maxWidth: M,
+			resizeHandlerClassName: S.resizeHandler,
+			onResizeStop: q,
+			onResize: K,
+			children: /* @__PURE__ */ b("aside", {
+				role: "complementary",
+				"aria-label": w,
+				"aria-hidden": !e,
+				style: {
+					...R,
+					...B
+				},
+				className: n(S.wrapper, "flex h-full w-full flex-col", e && S.appear, Y, I?.fontClassName),
+				children: [/* @__PURE__ */ y(C, {
+					title: c,
+					className: N,
+					titleClassName: z,
+					leftActions: e && l,
+					rightActions: e && /* @__PURE__ */ b(v, { children: [d, Z] })
+				}), /* @__PURE__ */ y("div", {
+					className: n("flex-1 overflow-y-auto p-4", L),
+					children: E
+				})]
+			})
+		})
+	});
+}, T = {
+	row: "_row_14w80_1",
+	input: "_input_14w80_20"
+}, E = f(({ placeholder: e, value: t, onChange: i, clearLabel: a, iconClassName: o = "text-secondary" }) => /* @__PURE__ */ y("div", {
+	className: "px-3 py-2",
+	children: /* @__PURE__ */ b("div", {
+		className: n("flex min-h-11 w-full items-center gap-2 rounded-full border pe-3 ps-3 desktop:min-h-9", T.row),
+		children: [
+			/* @__PURE__ */ y(l, {
+				size: r.SM,
+				stroke: 1.5,
+				className: n("shrink-0", o)
+			}),
+			/* @__PURE__ */ y("input", {
+				type: "text",
+				value: t,
+				placeholder: e,
+				onChange: (e) => i(e.target.value),
+				className: n("flex-1 bg-transparent outline-none", T.input)
+			}),
+			t && /* @__PURE__ */ y("button", {
+				type: "button",
+				onClick: () => i(""),
+				className: n("flex size-11 shrink-0 items-center justify-center desktop:size-6", o),
+				"aria-label": a,
+				children: /* @__PURE__ */ y(u, {
+					size: 14,
+					stroke: 1.5
+				})
+			})
+		]
+	})
+})), D = f(({ label: t, icon: n = c, iconSize: r = 48 }) => /* @__PURE__ */ y(e, {
+	icon: /* @__PURE__ */ y(n, {
+		"aria-hidden": !0,
+		size: r,
+		stroke: 1
+	}),
+	label: t
+})), O = f(({ label: t, icon: n = d, iconSize: r = 45 }) => /* @__PURE__ */ y(e, {
+	icon: /* @__PURE__ */ y(n, {
+		"aria-hidden": !0,
+		size: r,
+		stroke: 1
+	}),
+	label: t
+}));
+//#endregion
+export { D as PanelEmpty, O as PanelNoResults, E as SearchInput, x as SidebarOrientation, w as SidebarPanel };

package/models/panel-props.d.ts

@@ -0,0 +1,99 @@
+import { CSSProperties, ReactNode } from 'react';
+import { SidebarOrientation } from '../types/orientation';
+/** CSS custom-property overrides for the `SidebarPanel` component. */
+export interface SidebarPanelColors {
+    /** Panel background color. */
+    background?: string;
+    /** Divider border color on the inner edge. */
+    border?: string;
+}
+/** Typography overrides for the `SidebarPanel` component. */
+export interface SidebarPanelTypography {
+    /**
+     * A Tailwind font utility class applied to the panel root.
+     * When provided, individual `fontFamily` / `fontSize` vars are skipped.
+     */
+    fontClassName?: string;
+    /** Font family applied to the panel root via CSS custom property. */
+    fontFamily?: string;
+}
+/** Combined style overrides (colors and typography) for the `SidebarPanel` component. */
+export interface SidebarPanelStyles {
+    /** Color overrides applied as CSS custom properties. */
+    colors?: SidebarPanelColors;
+    /** Typography overrides applied via CSS custom properties. */
+    typography?: SidebarPanelTypography;
+    /**
+     * CSS class applied to the title element.
+     * Defaults to `'dial-body-semi-bold-text'`.
+     */
+    titleClassName?: string;
+    /** Extra class name(s) merged onto the scrollable body `<div>`. */
+    bodyClassName?: string;
+    /** CSS custom properties applied to the panel `<aside>` element. */
+    cssVars?: CSSProperties;
+}
+/** Props accepted by the `SidebarPanel` component. */
+export interface SidebarPanelProps {
+    /**
+     * Whether the panel is currently open.
+     * When provided, the wrapper adds a slide-in width animation and
+     * `aria-hidden` is set on the panel when closed.
+     */
+    isOpen: boolean;
+    /**
+     * Which edge the panel anchors to.
+     * Controls the divider side (`border-l` vs `border-r`) and
+     * the close-button placement (outer edge of the panel).
+     * `leftActions` / `rightActions` are header-bar positions and are
+     * independent of this prop.
+     */
+    orientation: SidebarOrientation;
+    /**
+     * Title text rendered in the header bar between the action groups.
+     * Truncated with an ellipsis when the panel is too narrow.
+     */
+    title?: ReactNode;
+    /** Rendered in the left group of the 48 px header bar. */
+    leftActions?: ReactNode;
+    /**
+     * Rendered in the right group of the 48 px header bar, immediately
+     * before the built-in close button when `orientation === SidebarOrientation.Right`.
+     */
+    rightActions?: ReactNode;
+    /**
+     * Called when the user activates the built-in close button.
+     * When omitted the close button is not rendered.
+     */
+    onClose?: () => void;
+    /** Accessible label for the panel region. Caller supplies the localised string. */
+    ariaLabel: string;
+    /**
+     * Accessible label and tooltip for the built-in close button.
+     * Required when `onClose` is provided.
+     */
+    closeLabel?: string;
+    /** Body content rendered below the header bar in the scrollable region. */
+    children: ReactNode;
+    /** Extra class name(s) merged onto the panel width wrapper `<div>`. */
+    className?: string;
+    /** CSS class applied to the header element. */
+    headerClassName?: string;
+    /** Style overrides for colors, typography, and element class names. */
+    styles?: SidebarPanelStyles;
+    /**
+     * Enables drag-to-resize on the panel edge opposite to `orientation`.
+     * When false (default) the panel renders at a width determined by `className`.
+     * Automatically disabled when `isOpen` is false.
+     */
+    resizable?: boolean;
+    /** Initial panel width in px used when `resizable` is true. */
+    defaultWidth?: number;
+    /** Minimum panel width in px used when `resizable` is true. */
+    minWidth?: number;
+    /** Maximum panel width in px used when `resizable` is true. */
+    maxWidth?: number;
+    /** Called with the new width in px when the user finishes a resize drag. */
+    onResizeStop?: (width: number) => void;
+}
+//# sourceMappingURL=panel-props.d.ts.map

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

@@ -0,0 +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;CACjB;AAED,6DAA6D;AAC7D,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,yFAAyF;AACzF,MAAM,WAAW,kBAAkB;IACjC,wDAAwD;IACxD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oEAAoE;IACpE,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,sDAAsD;AACtD,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;;;;;OAMG;IACH,WAAW,EAAE,kBAAkB,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mFAAmF;IACnF,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uEAAuE;IACvE,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC"}

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@epam/ai-dial-sidebar",
+  "version": "0.0.0-dev.0",
+  "license": "Apache-2.0",
+  "type": "module",
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    "./styles.css": "./style.css",
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "default": "./index.js"
+    }
+  },
+  "peerDependencies": {
+    "@epam/ai-dial-chat-shared": "0.0.0-dev.0",
+    "@epam/ai-dial-ui-kit": "0.12.0-dev.21",
+    "@tabler/icons-react": "^3.44.0",
+    "react": "^19.0.0"
+  }
+}

package/test-setup.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=test-setup.d.ts.map

package/test-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":""}

package/types/orientation.d.ts

@@ -0,0 +1,8 @@
+/** Which edge of the viewport the panel anchors to. */
+export declare enum SidebarOrientation {
+    /** Panel anchors to the left edge. */
+    Left = "left",
+    /** Panel anchors to the right edge. */
+    Right = "right"
+}
+//# sourceMappingURL=orientation.d.ts.map

package/types/orientation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"orientation.d.ts","sourceRoot":"","sources":["../../src/types/orientation.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,oBAAY,kBAAkB;IAC5B,sCAAsC;IACtC,IAAI,SAAS;IACb,uCAAuC;IACvC,KAAK,UAAU;CAChB"}