@donkit-ai/design-system 1.4.84 → 1.4.87

package/dist/index.d.ts

@@ -93,6 +93,46 @@ export interface TabProps extends Omit<HTMLAttributes<HTMLElement>, 'onClick'> {
 
 export declare function Tab(props: TabProps): JSX.Element;
 
+// ─── Browser tabs / canvas pane ───────────────────────────────────────────
+
+export interface BrowserTabItem {
+  id: string;
+  label: string;
+  icon?: ReactNode;
+  closable?: boolean;
+}
+
+export interface BrowserPaneProps extends HTMLAttributes<HTMLDivElement> {
+  children?: ReactNode;
+}
+
+export declare function BrowserPane(props: BrowserPaneProps): JSX.Element;
+
+export interface BrowserTabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+  tabs: BrowserTabItem[];
+  active: string;
+  onChange?: (id: string) => void;
+  onClose?: (id: string) => void;
+}
+
+export declare function BrowserTabs(props: BrowserTabsProps): JSX.Element;
+
+export interface ListProps extends HTMLAttributes<HTMLDivElement> {
+  children?: ReactNode;
+}
+
+export declare function List(props: ListProps): JSX.Element;
+
+export interface ListRowProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'title'> {
+  icon?: ReactNode;
+  title: ReactNode;
+  subtitle?: ReactNode;
+  meta?: ReactNode | ReactNode[];
+  onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+}
+
+export declare function ListRow(props: ListRowProps): JSX.Element;
+
 // ─── Input ────────────────────────────────────────────────────────────────
 
 export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
@@ -348,6 +388,29 @@ export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
 
 export declare function Tooltip(props: TooltipProps): JSX.Element;
 
+// ─── Mention ──────────────────────────────────────────────────────────────
+
+export type MentionMode = 'click' | 'hover';
+
+export interface MentionProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+  /** Chip text (auto-prefixed with @). Ignored as trigger content when `children` is set. */
+  label?: string;
+  /** Custom trigger (avatar, icon). Chip styles are reset via `ds-mention--custom`. */
+  children?: ReactNode;
+  /** click = toggle on press; hover = open on pointer enter (header pins). */
+  mode?: MentionMode;
+  avatar?: ReactNode;
+  name?: string;
+  /** Shown as @handle in the popover. */
+  handle?: string;
+  description?: ReactNode;
+  /** Slot under the description. Clicking an action closes the popover. */
+  actions?: ReactNode;
+  popoverClassName?: string;
+}
+
+export declare function Mention(props: MentionProps): JSX.Element;
+
 // ─── Spinner ──────────────────────────────────────────────────────────────
 
 export interface SpinnerProps extends HTMLAttributes<HTMLSpanElement> {
@@ -1111,6 +1174,7 @@ export interface DesignSystemStrings {
   maxImages: string;
   uploading: string;
   removeAttachment: string;
+  closeTab: string;
 }
 
 export declare const defaultStrings: DesignSystemStrings;