@inkeep/agents-ui 0.14.20 → 0.14.21

package/dist/styled/components/sidebar-chat.d.ts

@@ -0,0 +1,6 @@
+import { SidebarChatPrimitive } from '../../primitives';
+declare const SidebarChatRoot: ({ className, ...props }: React.ComponentPropsWithRef<typeof SidebarChatPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarChatResizer: ({ className, ...props }: React.ComponentPropsWithRef<typeof SidebarChatPrimitive.Resizer>) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarChatHeader: ({ className, ...props }: React.ComponentPropsWithRef<typeof SidebarChatPrimitive.Header>) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarChatCloseButton: ({ className, ...props }: React.ComponentPropsWithRef<typeof SidebarChatPrimitive.CloseButton>) => import("react/jsx-runtime").JSX.Element;
+export { SidebarChatRoot as Root, SidebarChatResizer as Resizer, SidebarChatCloseButton as CloseButton, SidebarChatHeader as Header, };

package/dist/styled/components/ui/markdown-styles.d.ts

@@ -0,0 +1,23 @@
+export declare const markdownStyles: {
+    markdownHr: string;
+    markdownH1: string;
+    markdownH2: string;
+    markdownP: string;
+    markdownLi: string;
+    markdownUl: string;
+    markdownOl: string;
+    markdownLink: string;
+    markdownSourceLink: string;
+    markdownSup: string;
+    markdownTable: string;
+    markdownTh: string;
+    markdownTd: string;
+    markdownCode: string;
+    codeblockContainer: string;
+    codeblockHeader: string;
+    codeblockCopyButton: string;
+    codeblockHighlighterWrapper: string;
+    codeblockHighlighter: string;
+    codeblockCode: string;
+    markdownInput: string;
+};

package/dist/styled/components/ui/recipes/ai-chat-page-wrapper.d.ts

@@ -0,0 +1,7 @@
+import { VariantProps } from 'class-variance-authority';
+import { ClassProp } from 'class-variance-authority/types';
+export declare const aiChatPageWrapper: (props?: ({
+    size?: "default" | "expand" | "shrink-vertically" | "full-viewport" | null | undefined;
+    variant?: "container-with-shadow" | "no-shadow" | null | undefined;
+} & ClassProp) | undefined) => string;
+export type AiChatPageWrapperVariants = VariantProps<typeof aiChatPageWrapper>;

package/dist/styled/components/ui/recipes/attachment.d.ts

@@ -0,0 +1,4 @@
+import { ClassProp } from 'class-variance-authority/types';
+export declare const attachment: (props?: ({
+    slot?: "root" | "icon" | "title" | "delete" | null | undefined;
+} & ClassProp) | undefined) => string;

package/dist/styled/components/ui/recipes/button.d.ts

@@ -0,0 +1,6 @@
+import { ClassProp } from 'class-variance-authority/types';
+export declare const button: (props?: ({
+    variant?: "solid" | "iconButton" | "ghost" | "outline" | null | undefined;
+    size?: "sm" | "md" | "xs" | null | undefined;
+    preset?: "neutralFilled" | null | undefined;
+} & ClassProp) | undefined) => string;

package/dist/styled/components/ui/recipes/checkbox.d.ts

@@ -0,0 +1,4 @@
+import { ClassProp } from 'class-variance-authority/types';
+export declare const checkbox: (props?: ({
+    slot?: "root" | "indicator" | null | undefined;
+} & ClassProp) | undefined) => string;

package/dist/styled/components/ui/recipes/citation.d.ts

@@ -0,0 +1,4 @@
+import { ClassProp } from 'class-variance-authority/types';
+export declare const citation: (props?: ({
+    slot?: "root" | "icon" | "title" | "indicator" | "breadcrumbs" | "breadcrumbsIcon" | "tag" | "description" | "descriptionPart" | null | undefined;
+} & ClassProp) | undefined) => string;

package/dist/styled/components/ui/recipes/icon.d.ts

@@ -0,0 +1,2 @@
+import { ClassProp } from 'class-variance-authority/types';
+export declare const icon: (props?: ClassProp | undefined) => string;

package/dist/styled/components/ui/recipes/index.d.ts

@@ -0,0 +1,15 @@
+export * from './ai-chat-page-wrapper';
+export * from './attachment';
+export * from './button';
+export * from './checkbox';
+export * from './citation';
+export * from './icon';
+export * from './input';
+export * from './link';
+export * from './markdown';
+export * from './modal';
+export * from './popover';
+export * from './scrollable';
+export * from './select';
+export * from './skeleton';
+export * from './widget-toggle';

package/dist/styled/components/ui/recipes/input.d.ts

@@ -0,0 +1,5 @@
+import { ClassProp } from 'class-variance-authority/types';
+export declare const input: (props?: ({
+    variant?: "outline" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+} & ClassProp) | undefined) => string;

package/dist/styled/components/ui/recipes/link.d.ts

@@ -0,0 +1,2 @@
+import { ClassProp } from 'class-variance-authority/types';
+export declare const link: (props?: ClassProp | undefined) => string;

package/dist/styled/components/ui/recipes/markdown.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("class-variance-authority"),e=r.cva("tracking-tight font-semibold",{variants:{size:{lg:"text-xl",md:"text-md"}},defaultVariants:{size:"md"}}),t=r.cva("text-2sm ms-[1em] break-words pb-3 pl-7 relative [&_li]:mb-1",{variants:{style:{ordered:"list-decimal [counter-increment:item]",unordered:"list-[initial]"}}}),a=r.cva("",{variants:{slot:{root:"w-full border-collapse [font-variant-numeric:lining-nums_tabular-nums]",th:["font-heading font-bold uppercase tracking-wider text-start","data-[is-numeric=true]:text-end","border-b border-gray-100 dark:border-gray-700","text-gray-600 dark:text-gray-400","px-6 py-3 leading-4 text-xs"],td:["text-start data-[is-numeric=true]:text-end","border-b border-gray-100 dark:border-gray-700","px-6 py-4 leading-5"]},size:{md:""}}}),i=r.cva(["inline-flex items-center justify-center min-w-0 mr-1 text-1xs","[&>:first-child]:px-2 [&>:first-child]:py-[1px] [&>:first-child]:rounded-full [&>:first-child]:h-5","[&>:first-child]:bg-gray-100 [&>:first-child]:dark:bg-white-alpha-100","[&>:first-child]:text-gray-700 [&>:first-child]:dark:text-white-alpha-700","[&>:first-child]:inline-flex [&>:first-child]:items-center [&>:first-child]:justify-center [&>:first-child]:min-w-0 [&>:first-child]:max-w-48","[&>:first-child]:overflow-hidden [&>:first-child_*]:truncate","[&_a]:cursor-pointer [&_a]:transition-colors [&_a]:no-underline","[&_a]:hover:bg-inkeep-expanded-primary-100 [&_a]:dark:hover:bg-white-alpha-200","[&_a]:hover:text-inkeep-primary-strong [&_a]:dark:hover:text-inkeep-expanded-primary-300","[&_a]:hover:no-underline"]),n=r.cva(["bg-inkeep-primary-medium text-inkeep-primary-text-color-on-primary","[overflow-wrap:anywhere] min-w-0 py-[.2rem] my-[.1rem]","px-[.4rem] rounded-[6px] [font-size:85%!important]","font-semibold inline-block","font-mono "]),o=r.cva("",{variants:{slot:{container:"overflow-y-auto mb-3",header:["flex items-center justify-between","bg-gray-50 dark:bg-gray-dark-800","text-gray-600 dark:text-gray-400","mb-0 leading-[1.25] px-2 text-xs","transition-all duration-200 ease-in-out","rounded-[6px_6px_0_0]"],copyButton:["px-0 bg-inherit text-inherit","hover:text-gray-800 dark:text-white-alpha-700 dark:hover:text-white-alpha-950","dark:hover:bg-transparent h-8 w-8 min-h-8 min-w-8 text-sm","data-[copied]:text-inkeep-primary-medium"],highlighter:["text-1sm overflow-x-auto","rounded-[0_0_6px_6px]","p-[1em] whitespace-pre","m-[0px_0px_0.5em]","bg-gray-50 dark:bg-gray-dark-900","[scrollbar-width:thin]","[--scrollbar-color:var(--color-gray-300)]","dark:[--scrollbar-color:var(--color-gray-dark-600)]","[scrollbar-color:var(--scrollbar-color)_transparent]"]}}});exports.code=n;exports.codeblock=o;exports.heading=e;exports.list=t;exports.sup=i;exports.table=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("class-variance-authority"),e=r.cva("tracking-tight font-semibold",{variants:{size:{lg:"text-xl",md:"text-md"}},defaultVariants:{size:"md"}}),t=r.cva("text-2sm ms-[1em] break-words pb-3 pl-7 relative [&_li]:mb-1",{variants:{style:{ordered:"list-decimal [counter-increment:item]",unordered:"list-[initial]"}}}),a=r.cva("",{variants:{slot:{root:"w-full border-collapse [font-variant-numeric:lining-nums_tabular-nums]",th:["font-heading font-bold uppercase tracking-wider text-start","data-[is-numeric=true]:text-end","border-b border-gray-100 dark:border-gray-700","text-gray-600 dark:text-gray-400","px-6 py-3 leading-4 text-xs"],td:["text-start data-[is-numeric=true]:text-end","border-b border-gray-100 dark:border-gray-700","px-6 py-4 leading-5"]},size:{md:""}}}),i=r.cva(["inline-flex items-center justify-center min-w-0 mr-1 text-1xs","[&>:first-child]:px-2 [&>:first-child]:py-[1px] [&>:first-child]:rounded-full [&>:first-child]:h-5","[&>:first-child]:bg-gray-100 [&>:first-child]:dark:bg-white-alpha-100","[&>:first-child]:text-gray-700 [&>:first-child]:dark:text-white-alpha-700","[&>:first-child]:inline-flex [&>:first-child]:items-center [&>:first-child]:justify-center [&>:first-child]:min-w-0 [&>:first-child]:max-w-48","[&>:first-child]:overflow-hidden [&>:first-child_*]:truncate","[&_a]:cursor-pointer [&_a]:transition-colors [&_a]:no-underline","[&_a]:hover:bg-inkeep-expanded-primary-100 [&_a]:dark:hover:bg-white-alpha-200","[&_a]:hover:text-inkeep-primary-strong [&_a]:dark:hover:text-inkeep-expanded-primary-300","[&_a]:hover:no-underline"]),n=r.cva(["bg-inkeep-primary-medium text-inkeep-primary-text-color-on-primary","[overflow-wrap:anywhere] min-w-0 py-[.2rem] my-[.1rem]","px-[.4rem] rounded-[6px] [font-size:85%!important]","font-semibold inline-block","font-mono "]),o=r.cva("",{variants:{slot:{container:"overflow-y-auto mb-3",header:["flex items-center justify-between","bg-gray-50 dark:bg-gray-dark-800","text-gray-600 dark:text-gray-400","mb-0 leading-[1.25] px-2 text-xs","transition-all duration-200 ease-in-out","rounded-[6px_6px_0_0]"],copyButton:["px-0 bg-inherit text-inherit","hover:text-gray-800 dark:text-white-alpha-700 dark:hover:text-white-alpha-950","dark:hover:bg-transparent h-8 w-8 min-h-8 min-w-8 text-sm","data-[copied]:text-inkeep-primary-medium"],highlighter:["text-1sm overflow-x-auto whitespace-pre-wrap","rounded-[0_0_6px_6px]","p-[1em] whitespace-pre","m-[0px_0px_0.5em]","bg-gray-50 dark:bg-gray-dark-900","[scrollbar-width:thin]","[--scrollbar-color:var(--color-gray-300)]","dark:[--scrollbar-color:var(--color-gray-dark-600)]","[scrollbar-color:var(--scrollbar-color)_transparent]"]}}});exports.code=n;exports.codeblock=o;exports.heading=e;exports.list=t;exports.sup=i;exports.table=a;

package/dist/styled/components/ui/recipes/markdown.d.ts

@@ -0,0 +1,16 @@
+import { ClassProp } from 'class-variance-authority/types';
+export declare const heading: (props?: ({
+    size?: "md" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+export declare const list: (props?: ({
+    style?: "ordered" | "unordered" | null | undefined;
+} & ClassProp) | undefined) => string;
+export declare const table: (props?: ({
+    slot?: "root" | "th" | "td" | null | undefined;
+    size?: "md" | null | undefined;
+} & ClassProp) | undefined) => string;
+export declare const sup: (props?: ClassProp | undefined) => string;
+export declare const code: (props?: ClassProp | undefined) => string;
+export declare const codeblock: (props?: ({
+    slot?: "container" | "header" | "copyButton" | "highlighter" | null | undefined;
+} & ClassProp) | undefined) => string;

package/dist/styled/components/ui/recipes/markdown.js

@@ -80,7 +80,7 @@ const t = r("tracking-tight font-semibold", {
         "data-[copied]:text-inkeep-primary-medium"
       ],
       highlighter: [
-        "text-1sm overflow-x-auto",
+        "text-1sm overflow-x-auto whitespace-pre-wrap",
         "rounded-[0_0_6px_6px]",
         "p-[1em] whitespace-pre",
         "m-[0px_0px_0.5em]",

package/dist/styled/components/ui/recipes/modal.d.ts

@@ -0,0 +1,4 @@
+import { ClassProp } from 'class-variance-authority/types';
+export declare const modal: (props?: ({
+    slot?: "header" | "overlay" | "content" | "close" | "body" | null | undefined;
+} & ClassProp) | undefined) => string;

package/dist/styled/components/ui/recipes/popover.d.ts

@@ -0,0 +1,4 @@
+import { ClassProp } from 'class-variance-authority/types';
+export declare const popover: (props?: ({
+    slot?: "content" | "arrow" | null | undefined;
+} & ClassProp) | undefined) => string;

package/dist/styled/components/ui/recipes/scrollable.d.ts

@@ -0,0 +1,4 @@
+import { ClassProp } from 'class-variance-authority/types';
+export declare const scrollable: (props?: ({
+    section?: "header" | "content" | "wrapper" | "footer" | null | undefined;
+} & ClassProp) | undefined) => string;

package/dist/styled/components/ui/recipes/select.d.ts

@@ -0,0 +1,4 @@
+import { ClassProp } from 'class-variance-authority/types';
+export declare const select: (props?: ({
+    slot?: "content" | "trigger" | "viewport" | "item" | "itemIndicator" | null | undefined;
+} & ClassProp) | undefined) => string;

package/dist/styled/components/ui/recipes/skeleton.d.ts

@@ -0,0 +1,2 @@
+import { ClassProp } from 'class-variance-authority/types';
+export declare const skeleton: (props?: ClassProp | undefined) => string;

package/dist/styled/components/ui/recipes/widget-toggle.d.ts

@@ -0,0 +1,4 @@
+import { ClassProp } from 'class-variance-authority/types';
+export declare const widgetToggle: (props?: ({
+    slot?: "root" | "icon" | "button" | null | undefined;
+} & ClassProp) | undefined) => string;

package/dist/styled/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from '../primitives';

package/dist/styled/utils.d.ts

@@ -0,0 +1,4 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+export type Booleanish = boolean | 'true' | 'false';
+export declare const dataAttr: (guard: boolean | undefined) => Booleanish;

package/dist/theme/color-utils.d.ts

@@ -0,0 +1 @@
+export declare function getTextColorBasedOnBgColor(bgColor: string, lightColor: string, darkColor: string): string;

package/dist/theme/colors.d.ts

@@ -0,0 +1,104 @@
+import { default as Color } from 'colorjs.io';
+import { UserProvidedColorScheme } from '../types/index.ts';
+export declare const DEFAULT_PRIMARY_BRAND_COLOR = "#000000";
+export type ColorDict = Record<string, Color>;
+export declare const createColorDict: (color: Color | string) => Record<string, Color>;
+export declare const createColorScheme: (userScheme?: UserProvidedColorScheme, primaryColor?: Color | string) => InkeepColorScheme;
+export interface InkeepColorScheme {
+    inkeepPrimary: {
+        textColorOnPrimary: string;
+    };
+    inkeepExpandedPrimary: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+        '950': string;
+        '1000': string;
+    };
+}
+export declare const colors: {
+    whiteAlpha: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+        1000: string;
+    };
+    blackAlpha: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+        1000: string;
+    };
+    gray: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+        1000: string;
+    };
+    grayDark: {
+        1000: string;
+        950: string;
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+        50: string;
+    };
+    overlay: {
+        light: string;
+        dark: string;
+    };
+    inkeepPrimary: {
+        textColorOnPrimary: string;
+    };
+    inkeepExpandedPrimary: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+        "1000": string;
+    };
+};

package/dist/theme/index.d.ts

@@ -0,0 +1,125 @@
+export declare const theme: {
+    colors: {
+        whiteAlpha: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+            1000: string;
+        };
+        blackAlpha: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+            1000: string;
+        };
+        gray: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+            1000: string;
+        };
+        grayDark: {
+            1000: string;
+            950: string;
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+        overlay: {
+            light: string;
+            dark: string;
+        };
+        inkeepPrimary: {
+            textColorOnPrimary: string;
+        };
+        inkeepExpandedPrimary: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+            "950": string;
+            "1000": string;
+        };
+    };
+    fontFamily: {
+        heading: string;
+        body: string;
+        mono: string;
+    };
+    fontSize: {
+        '3xs': string;
+        '2xs': string;
+        '1xs': string;
+        xs: string;
+        '1sm': string;
+        sm: string;
+        '2sm': string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+    };
+    zIndex: {
+        hide: number;
+        auto: string;
+        base: number;
+        start: number;
+        docked: number;
+        dropdown: number;
+        sticky: number;
+        banner: number;
+        overlay: number;
+        modal: number;
+        popover: number;
+        skipLink: number;
+        toast: number;
+        tooltip: number;
+    };
+};
+export * from './utils/create-css-variables';
+export * from './utils/generate-theme-variables';
+export * from './colors';

package/dist/theme/utils/create-css-variables.d.ts

@@ -0,0 +1,2 @@
+import { IkpTheme } from '../../types/index.ts';
+export declare function createCSSVariables(theme: IkpTheme): Record<string, any>;

package/dist/theme/utils/generate-theme-variables.d.ts

@@ -0,0 +1,3 @@
+import { IkpTheme, IkpThemeCategory } from '../../types/index.ts';
+export declare const themeMappings: Record<IkpThemeCategory, string>;
+export declare function generateThemeVariables(theme: IkpTheme): Record<string, any>;

package/dist/types/color-mode.d.ts

@@ -0,0 +1,44 @@
+/** Adapted from https://github.com/pacocoursey/next-theme/blob/a385b8d865bbb317ff73a5b6c1319ae566f7d6f1/src/types.ts */
+interface ValueObject {
+    [colorModeName: string]: string;
+}
+export interface UseColorModeProps {
+    /** List of all available colorMode names */
+    colorModes: string[];
+    /** Forced colorMode name for the current page */
+    forcedColorMode?: string;
+    /** Update the colorMode */
+    setColorMode: (colorMode: string) => void;
+    /** Active colorMode name */
+    colorMode?: string;
+    /** If `enableSystem` is true and the active colorMode is "system", this returns whether the system preference resolved to "dark" or "light". Otherwise, identical to `colorMode` */
+    resolvedColorMode?: string;
+    /** If enableSystem is true, returns the System colorMode preference ("dark" or "light"), regardless what the active colorMode is */
+    systemColorMode?: 'dark' | 'light';
+}
+export interface ColorModeProviderProps {
+    /** List of all available colorMode names */
+    colorModes?: string[];
+    /** Forced colorMode name for the current page */
+    forcedColorMode?: string;
+    /** Whether to switch between dark and light colorModes based on prefers-color-scheme */
+    enableSystem?: boolean;
+    /** Disable all CSS transitions when switching colorModes */
+    disableTransitionOnChange?: boolean;
+    /** Whether to indicate to browsers which color scheme is used (dark or light) for built-in UI like inputs and buttons */
+    enableColorScheme?: boolean;
+    /** Key used to store colorMode setting in localStorage */
+    storageKey?: string;
+    /** Default colorMode name (for v0.0.12 and lower the default was light). If `enableSystem` is false, the default colorMode is light */
+    defaultColorMode?: string;
+    /** HTML attribute modified based on the active colorMode. Accepts `class` and `data-*` (meaning any data attribute, `data-mode`, `data-color`, etc.) */
+    attribute?: 'class' | (string & {});
+    /** Mapping of colorMode name to HTML attribute value. Object where key is the colorMode name and value is the attribute value */
+    value?: ValueObject;
+    /** Nonce string to pass to the inline script for CSP headers */
+    nonce?: string;
+    shadowHostId?: string;
+    rootId?: string;
+    children?: React.ReactNode;
+}
+export {};