@epam/ai-dial-sidebar 1.1.0-dev.30 → 1.1.0-dev.307

package/models/panel-props.d.ts

@@ -6,8 +6,6 @@ export interface SidebarPanelColors {
     background?: string;
     /** Divider border color on the inner edge. */
     border?: string;
-    /** Border color on the outer (inline-end) edge. Defaults to `border`. */
-    borderInlineEnd?: string;
     /** Header text color. */
     text?: string;
     /** Resize handle color (icon and background). */
@@ -15,22 +13,14 @@ export interface SidebarPanelColors {
 }
 /** 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.
-     */
+    /** CSS class applied to the panel root, inherited by all panel content. */
     fontClassName?: string;
-    /** Font family applied to the panel root via CSS custom property. */
-    fontFamily?: string;
 }
 /** Localised accessible labels for the `SidebarPanel` component. */
 export interface SidebarPanelLabels {
-    /** Accessible label for the panel region. Caller supplies the localised string. */
+    /** Accessible label for the panel region. */
     ariaLabel: string;
-    /**
-     * Accessible label and tooltip for the built-in close button.
-     * Required when `onClose` is provided.
-     */
+    /** Accessible label and tooltip for the close button. Required when `onClose` is provided. */
     closeLabel?: string;
 }
 /** Combined style overrides (colors and typography) for the `SidebarPanel` component. */
@@ -39,10 +29,7 @@ export interface SidebarPanelStyles {
     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'`.
-     */
+    /** CSS class applied to the header title element. Defaults to `'dial-h1-text'`. */
     titleClassName?: string;
     /** Extra class name(s) merged onto the scrollable body `<div>`. */
     bodyClassName?: string;
@@ -55,36 +42,17 @@ export interface SidebarPanelStyles {
 }
 /** 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.
-     */
+    /** Whether the panel is open; drives the slide-in animation and sets `aria-hidden` when closed. */
     isOpen: boolean;
-    /**
-     * Which edge the panel anchors to.
-     * Controls the divider side (`border-s` vs `border-e`) and
-     * the close-button placement (outer edge of the panel).
-     * `leftActions` / `rightActions` are header-bar positions and are
-     * independent of this prop.
-     */
+    /** Edge the panel anchors to; drives the divider side and close-button placement. */
     orientation: SidebarOrientation;
-    /**
-     * Title text rendered in the header bar between the action groups.
-     * Truncated with an ellipsis when the panel is too narrow.
-     */
+    /** Title rendered in the header bar between the start and end action slots. */
     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`.
-     */
+    /** Content for the end (right) slot of the header bar. */
     rightActions?: ReactNode;
-    /**
-     * Called when the user activates the built-in close button.
-     * When omitted the close button is not rendered.
-     */
+    /** Called when the user closes the panel; omit to hide the close button. */
     onClose?: () => void;
     /** Localised accessible labels for the panel region and close button. */
     labels: SidebarPanelLabels;
@@ -92,11 +60,7 @@ export interface SidebarPanelProps {
     children: ReactNode;
     /** 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.
-     */
+    /** Enables drag-to-resize on the panel edge opposite to `orientation`. Defaults to `false`. */
     resizable?: boolean;
     /** Initial panel width in px used when `resizable` is true. Defaults to `360`. */
     defaultWidth?: number;

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,yEAAyE;IACzE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,6DAA6D;AAC7D,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,oEAAoE;AACpE,MAAM,WAAW,kBAAkB;IACjC,mFAAmF;IACnF,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,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,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;;;;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,yEAAyE;IACzE,MAAM,EAAE,kBAAkB,CAAC;IAC3B,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,uEAAuE;IACvE,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;;;OAIG;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;CACrB;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,mGAAmG;IACnG,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,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.1.0-dev.30",
+  "version": "1.1.0-dev.307",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -17,11 +17,10 @@
     }
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.30",
-    "@epam/ai-dial-kit": "1.1.0-dev.30",
-    "@epam/ai-dial-ui-kit": "0.12.0-dev.36",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.307",
     "@tabler/icons-react": "^3.44.0",
-    "react": "^19.0.0"
+    "react": "^19.0.0",
+    "@epam/ai-dial-ui-kit": "*"
   },
   "repository": {
     "type": "git",

package/components/SearchInput/SearchInput.d.ts

@@ -1,44 +0,0 @@
-import { FC } from 'react';
-/** All user-visible strings in {@link SearchInputProps}. */
-export interface SearchInputLabels {
-    /** Placeholder text (e.g. `"Search chat…"`). */
-    placeholder: string;
-    /** Accessible label for the clear-search button. */
-    clearLabel: string;
-    /** Accessible label for the search input. Defaults to `placeholder` when omitted. */
-    ariaLabel?: string;
-}
-/** CSS custom-property overrides for the `SearchInput` component. */
-export interface SearchInputColors {
-    /** Search icon color. */
-    icon?: string;
-}
-/** Combined style overrides (colors and class names) for the `SearchInput` component. */
-export interface SearchInputStyles {
-    /** Color overrides applied as CSS custom properties. */
-    colors?: SearchInputColors;
-    /** CSS class applied to the search icon. Defaults to the module's `.icon` class (`--text-secondary`). */
-    iconClassName?: string;
-    /** CSS class applied to the outer wrapper, merged over the default `'px-2 py-1'`. Override to change the pill's horizontal inset. */
-    wrapperClassName?: string;
-    /** CSS class applied to the search row, merged after its own border/radius defaults. Use an important-modifier class (e.g. `'!rounded-lg'`) to override the default pill shape. */
-    rowClassName?: string;
-}
-/** Props for `SearchInput`. */
-export interface SearchInputProps {
-    /** Current search query value. */
-    value: string;
-    /** Called whenever the query changes. */
-    onChange: (value: string) => void;
-    /** User-visible strings. */
-    labels: SearchInputLabels;
-    /** Style overrides for colors and element class names. */
-    styles?: SearchInputStyles;
-}
-/**
- * Minimal search input with icon positioned to align with sibling action buttons.
- * Reuses the shared {@link SearchBar} default colors (border, hover/focus, icon
- * and text colors) and only adjusts shape (pill) and background for the sidebar.
- */
-export declare const SearchInput: FC<SearchInputProps>;
-//# sourceMappingURL=SearchInput.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,EAAiB,MAAM,OAAO,CAAC;AAG/C,4DAA4D;AAC5D,MAAM,WAAW,iBAAiB;IAChC,gDAAgD;IAChD,WAAW,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,UAAU,EAAE,MAAM,CAAC;IACnB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qEAAqE;AACrE,MAAM,WAAW,iBAAiB;IAChC,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,yFAAyF;AACzF,MAAM,WAAW,iBAAiB;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,yGAAyG;IACzG,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qIAAqI;IACrI,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mLAAmL;IACnL,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,+BAA+B;AAC/B,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,4BAA4B;IAC5B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,0DAA0D;IAC1D,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA4C5C,CAAC"}