@dust-tt/sparkle 0.2.509 → 0.2.510

package/dist/esm/components/ContentMessage.d.ts

@@ -0,0 +1,16 @@
+import React, { ComponentType } from "react";
+declare const CONTENT_MESSAGE_VARIANTS: readonly ["primary", "warning", "success", "highlight", "info", "green", "blue", "rose", "golden"];
+type ContentMessageVariantType = (typeof CONTENT_MESSAGE_VARIANTS)[number];
+declare const CONTENT_MESSAGE_SIZES: readonly ["sm", "md", "lg"];
+type ContentMessageSizeType = (typeof CONTENT_MESSAGE_SIZES)[number];
+export interface ContentMessageProps {
+    title?: string;
+    children?: React.ReactNode;
+    className?: string;
+    size?: ContentMessageSizeType;
+    variant?: ContentMessageVariantType;
+    icon?: ComponentType;
+}
+export declare function ContentMessage({ title, variant, children, size, className, icon, }: ContentMessageProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ContentMessage.d.ts.map

package/dist/esm/components/ContentMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ContentMessage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK7C,QAAA,MAAM,wBAAwB,oGAUpB,CAAC;AAEX,KAAK,yBAAyB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE3E,QAAA,MAAM,qBAAqB,6BAA8B,CAAC;AAE1D,KAAK,sBAAsB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAmFrE,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,OAAgB,EAChB,QAAQ,EACR,IAAW,EACX,SAAc,EACd,IAAI,GACL,EAAE,mBAAmB,qBAkBrB"}

package/dist/esm/components/ContentMessage.js

@@ -0,0 +1,94 @@
+import { cva } from "class-variance-authority";
+import React from "react";
+import { Icon } from "../components/Icon";
+import { cn } from "../lib/utils";
+var CONTENT_MESSAGE_VARIANTS = [
+    "primary",
+    "warning",
+    "success",
+    "highlight",
+    "info",
+    "green",
+    "blue",
+    "rose",
+    "golden",
+];
+var CONTENT_MESSAGE_SIZES = ["sm", "md", "lg"];
+var contentMessageVariants = cva("s-flex s-flex-col s-gap-1 s-rounded-2xl s-p-4 s-border", {
+    variants: {
+        variant: {
+            primary: "s-bg-muted-background dark:s-bg-muted-background-night s-border-border dark:s-border-border-night",
+            success: "s-bg-success-100 dark:s-bg-success-100-night s-border-transparent",
+            warning: "s-bg-warning-100 dark:s-bg-warning-100-night s-border-transparent",
+            highlight: "s-bg-highlight-100 dark:s-bg-highlight-100-night s-border-transparent",
+            info: "s-bg-info-100 dark:s-bg-info-100-night s-border-transparent",
+            green: "s-bg-green-100 dark:s-bg-green-100-night s-border-transparent",
+            blue: "s-bg-blue-100 dark:s-bg-blue-100-night s-border-transparent",
+            rose: "s-bg-rose-100 dark:s-bg-rose-100-night s-border-transparent",
+            golden: "s-bg-golden-100 dark:s-bg-golden-100-night s-border-transparent",
+        },
+        size: {
+            lg: "",
+            md: "s-max-w-[500px]",
+            sm: "s-max-w-[380px]",
+        },
+    },
+    defaultVariants: {
+        variant: "info",
+        size: "md",
+    },
+});
+var iconVariants = cva("s-shrink-0", {
+    variants: {
+        variant: {
+            primary: "s-text-muted-foreground dark:s-text-muted-foreground-night",
+            warning: "s-text-warning-900 dark:s-text-warning-900-night",
+            success: "s-text-success-900 dark:s-text-success-900-night",
+            highlight: "s-text-highlight-900 dark:s-text-highlight-900-night",
+            info: "s-text-info-900 dark:s-text-info-900-night",
+            green: "s-text-green-900 dark:s-text-green-900-night",
+            blue: "s-text-blue-900 dark:s-text-blue-900-night",
+            rose: "s-text-rose-900 dark:s-text-rose-900-night",
+            golden: "s-text-golden-900 dark:s-text-golden-900-night",
+        },
+    },
+});
+var titleVariants = cva("s-text-sm s-font-semibold", {
+    variants: {
+        variant: {
+            primary: "s-text-foreground dark:s-text-foreground-night",
+            warning: "s-text-warning-900 dark:s-text-warning-900-night",
+            success: "s-text-success-900 dark:s-text-success-900-night",
+            highlight: "s-text-highlight-900 dark:s-text-highlight-900-night",
+            info: "s-text-info-900 dark:s-text-info-900-night",
+            green: "s-text-green-900 dark:s-text-green-900-night",
+            blue: "s-text-blue-900 dark:s-text-blue-900-night",
+            rose: "s-text-rose-900 dark:s-text-rose-900-night",
+            golden: "s-text-golden-900 dark:s-text-golden-900-night",
+        },
+    },
+});
+var textVariants = cva("s-text-sm", {
+    variants: {
+        variant: {
+            primary: "s-text-muted-foreground dark:s-text-muted-foreground-night",
+            warning: "s-text-warning-900 dark:s-text-warning-900-night",
+            success: "s-text-success-900 dark:s-text-success-900-night",
+            highlight: "s-text-highlight-900 dark:s-text-highlight-900-night",
+            info: "s-text-info-900 dark:s-text-info-900-night",
+            green: "s-text-green-900 dark:s-text-green-900-night",
+            blue: "s-text-blue-900 dark:s-text-blue-900-night",
+            rose: "s-text-rose-900 dark:s-text-rose-900-night",
+            golden: "s-text-golden-900 dark:s-text-golden-900-night",
+        },
+    },
+});
+export function ContentMessage(_a) {
+    var title = _a.title, _b = _a.variant, variant = _b === void 0 ? "info" : _b, children = _a.children, _c = _a.size, size = _c === void 0 ? "md" : _c, _d = _a.className, className = _d === void 0 ? "" : _d, icon = _a.icon;
+    return (React.createElement("div", { className: cn(contentMessageVariants({ variant: variant, size: size }), className) },
+        (icon || title) && (React.createElement("div", { className: "s-flex s-items-center s-gap-1.5" },
+            icon && (React.createElement(Icon, { size: "xs", visual: icon, className: iconVariants({ variant: variant }) })),
+            title && React.createElement("div", { className: titleVariants({ variant: variant }) }, title))),
+        children && React.createElement("div", { className: textVariants({ variant: variant }) }, children)));
+}
+//# sourceMappingURL=ContentMessage.js.map

package/dist/esm/components/ContentMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentMessage.js","sourceRoot":"","sources":["../../../src/components/ContentMessage.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/ContextItem.d.ts

@@ -0,0 +1,39 @@
+import React, { ComponentType, ReactNode } from "react";
+type ContextItemProps = {
+    action?: ReactNode;
+    children?: ReactNode;
+    hasSeparator?: boolean;
+    hasSeparatorIfLast?: boolean;
+    subElement?: ReactNode;
+    title: ReactNode;
+    visual: ReactNode;
+    onClick?: () => void;
+};
+export declare function ContextItem({ action, children, hasSeparator, hasSeparatorIfLast, subElement, title, visual, onClick, }: ContextItemProps): React.JSX.Element;
+export declare namespace ContextItem {
+    var List: ({ children, className, hasBorder, }: ContextItemListProps) => React.JSX.Element;
+    var Description: ({ children, description, }: ContextItemDescriptionProps) => React.JSX.Element;
+    var Visual: ({ visual }: ContextItemVisualProps) => React.JSX.Element;
+    var SectionHeader: ({ title, description, hasBorder, }: ItemSectionHeaderProps) => React.JSX.Element;
+}
+interface ContextItemListProps {
+    children: ReactNode;
+    className?: string;
+    hasBorder?: boolean;
+}
+interface ContextItemDescriptionProps {
+    children?: ReactNode;
+    description?: string;
+}
+interface ContextItemVisualProps {
+    visual?: ComponentType<{
+        className?: string;
+    }>;
+}
+interface ItemSectionHeaderProps {
+    title: string;
+    description?: string;
+    hasBorder?: boolean;
+}
+export {};
+//# sourceMappingURL=ContextItem.d.ts.map

package/dist/esm/components/ContextItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextItem.d.ts","sourceRoot":"","sources":["../../../src/components/ContextItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMxD,KAAK,gBAAgB,GAAG;IACtB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,YAAmB,EACnB,kBAA0B,EAC1B,UAAU,EACV,KAAK,EACL,MAAM,EACN,OAAO,GACR,EAAE,gBAAgB,qBAwClB;yBAjDe,WAAW;;;;;;AAmD3B,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA4CD,UAAU,2BAA2B;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAkBD,UAAU,sBAAsB;IAC9B,MAAM,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAChD;AAMD,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/esm/components/ContextItem.js

@@ -0,0 +1,58 @@
+import React from "react";
+import { classNames, cn } from "../lib/utils";
+import { Icon } from "./Icon";
+export function ContextItem(_a) {
+    var action = _a.action, children = _a.children, _b = _a.hasSeparator, hasSeparator = _b === void 0 ? true : _b, _c = _a.hasSeparatorIfLast, hasSeparatorIfLast = _c === void 0 ? false : _c, subElement = _a.subElement, title = _a.title, visual = _a.visual, onClick = _a.onClick;
+    return (React.createElement("div", { className: classNames(hasSeparator
+            ? "s-border-b s-border-border dark:s-border-border-night"
+            : "", "s-flex s-w-full s-flex-col", hasSeparatorIfLast ? "" : "last:s-border-none") },
+        React.createElement("div", { className: classNames("s-flex s-w-full s-flex-row s-items-start s-gap-3 s-px-4 s-py-3", onClick
+                ? cn("s-cursor-pointer s-transition s-duration-200", "hover:s-bg-muted-background dark:hover:s-bg-muted-background-night", "active:s-bg-primary-100 dark:active:s-bg-primary-100-night")
+                : ""), onClick: onClick },
+            visual,
+            React.createElement("div", { className: "s-mb-0.5 s-flex s-min-w-0 s-grow s-flex-col s-gap-0" },
+                React.createElement("div", { className: "s-flex s-min-w-0 s-grow s-flex-col s-text-foreground dark:s-text-foreground-night sm:s-flex-row sm:s-gap-3" },
+                    React.createElement("div", { className: "s-heading-base s-min-w-0 s-overflow-hidden s-text-ellipsis s-whitespace-nowrap" }, title),
+                    React.createElement("div", { className: "s-flex s-flex-shrink-0 s-items-center s-gap-3 s-overflow-hidden s-pt-0.5 s-text-sm s-text-muted-foreground dark:s-text-muted-foreground-night" }, subElement)),
+                React.createElement("div", null, children)),
+            React.createElement("div", null, action))));
+}
+ContextItem.List = function (_a) {
+    var children = _a.children, className = _a.className, hasBorder = _a.hasBorder;
+    // Ensure all children are of type ContextItem or ContextItem.SectionHeader
+    React.Children.forEach(children, function (child) {
+        if (child === null || child === undefined) {
+            return;
+        }
+        if (!React.isValidElement(child) ||
+            (child.type !== ContextItem &&
+                child.type !== ContextItem.SectionHeader &&
+                // all children of child must be of type ContextItem or ContextItem.SectionHeader
+                React.Children.toArray(child.props.children).some(function (c) {
+                    return !React.isValidElement(c) ||
+                        (c.type !== ContextItem && c.type !== ContextItem.SectionHeader);
+                }))) {
+            throw new Error("All children of ContextItem.List must be of type ContextItem or ContextItem.SectionHeader");
+        }
+    });
+    return (React.createElement("div", { className: classNames(className ? className : "", hasBorder
+            ? "s-border-b s-border-t s-border-border dark:s-border-border-night"
+            : "", "s-flex s-flex-col") }, children));
+};
+ContextItem.Description = function (_a) {
+    var children = _a.children, description = _a.description;
+    return (React.createElement(React.Fragment, null,
+        description && (React.createElement("div", { className: "s-text-sm s-font-normal s-text-muted-foreground dark:s-text-muted-foreground-night" }, description)),
+        children && React.createElement(React.Fragment, null, children)));
+};
+ContextItem.Visual = function (_a) {
+    var visual = _a.visual;
+    return React.createElement(Icon, { size: "md", visual: visual });
+};
+ContextItem.SectionHeader = function (_a) {
+    var title = _a.title, description = _a.description, _b = _a.hasBorder, hasBorder = _b === void 0 ? true : _b;
+    return (React.createElement("div", { className: classNames("s-flex s-flex-col s-gap-0 s-pb-3 s-pt-7", hasBorder ? "s-border-b s-border-border dark:s-border-border-night" : "") },
+        React.createElement("div", { className: "s-heading-xl s-text-foreground dark:s-text-foreground-night" }, title),
+        description && (React.createElement("div", { className: "s-copy-sm s-text-muted-foreground dark:s-text-muted-foreground-night" }, description))));
+};
+//# sourceMappingURL=ContextItem.js.map

package/dist/esm/components/ContextItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextItem.js","sourceRoot":"","sources":["../../../src/components/ContextItem.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/ConversationMessage.d.ts

@@ -0,0 +1,37 @@
+import { VariantProps } from "class-variance-authority";
+import React from "react";
+import { Button } from "../components";
+export declare const ConversationContainer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+interface ConversationMessageProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof messageVariants> {
+    avatarBusy?: boolean;
+    buttons?: React.ReactElement<typeof Button>[];
+    children?: React.ReactNode;
+    citations?: React.ReactElement[];
+    isDisabled?: boolean;
+    name?: string;
+    pictureUrl?: string | React.ReactNode | null;
+    renderName?: (name: string | null) => React.ReactNode;
+}
+declare const messageVariants: (props?: ({
+    type?: "user" | "agent" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+/**
+ * Parent component for both UserMessage and AgentMessage, to ensure avatar,
+ * side buttons and spacing are consistent between the two
+ */
+export declare const ConversationMessage: React.ForwardRefExoticComponent<ConversationMessageProps & React.RefAttributes<HTMLDivElement>>;
+interface ConversationMessageContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    citations?: React.ReactElement[];
+}
+export declare const ConversationMessageContent: React.ForwardRefExoticComponent<ConversationMessageContentProps & React.RefAttributes<HTMLDivElement>>;
+interface ConversationMessageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    avatarUrl?: string | React.ReactNode;
+    isBusy?: boolean;
+    isDisabled?: boolean;
+    name?: string;
+    renderName: (name: string | null) => React.ReactNode;
+}
+export declare const ConversationMessageHeader: React.ForwardRefExoticComponent<ConversationMessageHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=ConversationMessage.d.ts.map

package/dist/esm/components/ConversationMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,MAAM,EAAgB,MAAM,qBAAqB,CAAC;AAGnE,eAAO,MAAM,qBAAqB,6GAkBhC,CAAC;AAIH,UAAU,wBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,MAAM,CAAC,EAAE,CAAC;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;CACvD;AAED,QAAA,MAAM,eAAe;;mFAapB,CAAC;AAgBF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,iGA2C/B,CAAC;AAIF,UAAU,+BACR,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;CAClC;AAED,eAAO,MAAM,0BAA0B,wGA0BrC,CAAC;AAIH,UAAU,8BACR,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;CACtD;AAED,eAAO,MAAM,yBAAyB,uGAsDrC,CAAC"}

package/dist/esm/components/ConversationMessage.js

@@ -0,0 +1,63 @@
+import { __assign, __rest } from "tslib";
+import { cva } from "class-variance-authority";
+import React from "react";
+import { Avatar, CitationGrid } from "../components";
+import { cn } from "../lib/utils";
+export var ConversationContainer = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ ref: ref, className: cn("s-flex s-h-full s-w-full s-flex-col s-items-center s-@container/conversation", className) }, props),
+        React.createElement("div", { className: "s-flex s-w-full s-max-w-4xl s-flex-col s-gap-6 s-p-2 @sm/conversation:s-gap-8 @md/conversation:s-gap-10" }, children)));
+});
+ConversationContainer.displayName = "ConversationContainer";
+var messageVariants = cva("s-flex s-w-full s-flex-col s-gap-4 s-rounded-3xl s-p-3 @sm/conversation:s-p-4", {
+    variants: {
+        type: {
+            user: "s-bg-muted-background dark:s-bg-muted-background-night",
+            agent: "s-w-full",
+        },
+    },
+    defaultVariants: {
+        type: "agent",
+    },
+});
+var buttonsVariants = cva("s-invisible s-flex s-justify-start s-gap-2 s-pt-2 group-hover/message:s-visible", {
+    variants: {
+        type: {
+            user: "s-justify-end",
+            agent: "s-justify-start px-4",
+        },
+    },
+    defaultVariants: {
+        type: "agent",
+    },
+});
+/**
+ * Parent component for both UserMessage and AgentMessage, to ensure avatar,
+ * side buttons and spacing are consistent between the two
+ */
+export var ConversationMessage = React.forwardRef(function (_a, ref) {
+    var _b = _a.avatarBusy, avatarBusy = _b === void 0 ? false : _b, buttons = _a.buttons, children = _a.children, citations = _a.citations, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, name = _a.name, pictureUrl = _a.pictureUrl, _d = _a.renderName, renderName = _d === void 0 ? function (name) { return React.createElement("span", null, name); } : _d, type = _a.type, className = _a.className, props = __rest(_a, ["avatarBusy", "buttons", "children", "citations", "isDisabled", "name", "pictureUrl", "renderName", "type", "className"]);
+    return (React.createElement("div", { ref: ref, className: "s-group/message" },
+        React.createElement("div", __assign({ className: cn(messageVariants({ type: type, className: className })) }, props),
+            React.createElement(ConversationMessageHeader, { avatarUrl: pictureUrl, name: name, isBusy: avatarBusy, isDisabled: isDisabled, renderName: renderName }),
+            React.createElement(ConversationMessageContent, { citations: citations }, children)),
+        buttons && (React.createElement("div", { className: cn(buttonsVariants({ type: type, className: className })) }, buttons))));
+});
+ConversationMessage.displayName = "ConversationMessage";
+export var ConversationMessageContent = React.forwardRef(function (_a, ref) {
+    var children = _a.children, citations = _a.citations, className = _a.className, props = __rest(_a, ["children", "citations", "className"]);
+    return (React.createElement("div", __assign({ ref: ref, className: cn("s-flex s-flex-col s-gap-3 @sm/conversation:s-gap-4", className) }, props),
+        React.createElement("div", { className: cn("s-px-2 s-text-sm @sm:s-text-base @md:s-px-4", "s-text-foreground dark:s-text-foreground-night") }, children),
+        citations && citations.length > 0 && (React.createElement(CitationGrid, null, citations))));
+});
+ConversationMessageContent.displayName = "ConversationMessageContent";
+export var ConversationMessageHeader = React.forwardRef(function (_a, ref) {
+    var avatarUrl = _a.avatarUrl, isBusy = _a.isBusy, isDisabled = _a.isDisabled, _b = _a.name, name = _b === void 0 ? "" : _b, renderName = _a.renderName, className = _a.className, props = __rest(_a, ["avatarUrl", "isBusy", "isDisabled", "name", "renderName", "className"]);
+    return (React.createElement("div", __assign({ ref: ref, className: cn("s-flex s-items-center s-gap-2 s-p-1 @sm/conversation:s-p-0", className) }, props),
+        React.createElement(Avatar, { className: "@sm:s-hidden", name: name, visual: avatarUrl, busy: isBusy, disabled: isDisabled, size: "xs" }),
+        React.createElement(Avatar, { className: "s-hidden @sm:s-flex", name: name, visual: avatarUrl, busy: isBusy, disabled: isDisabled, size: "sm" }),
+        React.createElement("div", { className: "flex items-center gap-2" },
+            React.createElement("div", { className: cn("s-text-sm s-font-semibold @sm:s-pb-1 @sm:s-text-base", "s-text-foreground dark:s-text-foreground-night") }, renderName(name)))));
+});
+ConversationMessageHeader.displayName = "ConversationMessageHeader";
+//# sourceMappingURL=ConversationMessage.js.map

package/dist/esm/components/ConversationMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationMessage.js","sourceRoot":"","sources":["../../../src/components/ConversationMessage.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Counter.d.ts

@@ -0,0 +1,14 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+export declare const COUNTER_SIZES: readonly ["xs", "sm", "md"];
+declare const counterVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | null | undefined;
+    variant?: "primary" | "highlight" | "warning" | "outline" | "ghost" | "ghost-secondary" | null | undefined;
+    isInButton?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface CounterProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof counterVariants> {
+    value: number;
+}
+export declare const Counter: React.ForwardRefExoticComponent<CounterProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Counter.d.ts.map

package/dist/esm/components/Counter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Counter.d.ts","sourceRoot":"","sources":["../../../src/components/Counter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,aAAa,6BAA8B,CAAC;AAEzD,QAAA,MAAM,eAAe;;;;mFAoFpB,CAAC;AAEF,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,OAAO,qFAyBnB,CAAC"}

package/dist/esm/components/Counter.js

@@ -0,0 +1,89 @@
+import { __assign, __rest } from "tslib";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { cn } from "../lib/utils";
+export var COUNTER_SIZES = ["xs", "sm", "md"];
+var counterVariants = cva("s-inline-flex s-items-center s-justify-center s-rounded-full", {
+    variants: {
+        size: {
+            xs: "s-h-5 s-min-w-[20px] s-px-1 s-text-xs",
+            sm: "s-h-6 s-min-w-[24px] s-px-1.5 s-text-sm",
+            md: "s-h-7 s-min-w-[28px] s-px-2 s-text-base",
+        },
+        variant: {
+            primary: "",
+            highlight: "",
+            warning: "",
+            outline: "",
+            ghost: "",
+            "ghost-secondary": "",
+        },
+        isInButton: {
+            true: "",
+            false: "",
+        },
+    },
+    compoundVariants: [
+        {
+            isInButton: false,
+            variant: "primary",
+            className: "s-bg-primary dark:s-bg-primary-night s-text-primary-50 dark:s-text-primary-800 s-font-medium",
+        },
+        {
+            isInButton: false,
+            variant: "highlight",
+            className: "s-bg-highlight s-text-white s-font-medium",
+        },
+        {
+            isInButton: false,
+            variant: "warning",
+            className: "s-bg-warning s-text-white s-font-medium",
+        },
+        {
+            isInButton: false,
+            variant: "outline",
+            className: "s-bg-primary-200 s-text-primary-900 s-font-medium",
+        },
+        {
+            isInButton: false,
+            variant: ["ghost", "ghost-secondary"],
+            className: "s-text-primary dark:s-text-primary-night s-font-medium",
+        },
+        {
+            isInButton: true,
+            variant: "primary",
+            className: "s-bg-primary-600 dark:s-bg-primary-400 s-text-white dark:s-text-primary-900 s-font-semibold",
+        },
+        {
+            isInButton: true,
+            variant: "highlight",
+            className: "s-bg-highlight-400 s-text-white s-font-semibold",
+        },
+        {
+            isInButton: true,
+            variant: "warning",
+            className: "s-bg-warning-400 s-text-white s-font-semibold",
+        },
+        {
+            isInButton: true,
+            variant: "outline",
+            className: "s-bg-primary-200 dark:s-bg-primary-700 s-text-primary-700 dark:s-text-primary-300 s-font-semibold",
+        },
+        {
+            isInButton: true,
+            variant: ["ghost", "ghost-secondary"],
+            className: "s-bg-primary-200 dark:s-bg-primary-700 s-text-primary-700 dark:s-text-primary-300 s-font-semibold",
+        },
+    ],
+    defaultVariants: {
+        size: "sm",
+        variant: "primary",
+        isInButton: false,
+    },
+});
+export var Counter = React.forwardRef(function (_a, ref) {
+    var value = _a.value, className = _a.className, _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.variant, variant = _c === void 0 ? "primary" : _c, _d = _a.isInButton, isInButton = _d === void 0 ? false : _d, props = __rest(_a, ["value", "className", "size", "variant", "isInButton"]);
+    return (React.createElement("div", __assign({ ref: ref, className: cn(counterVariants({ size: size, variant: variant, isInButton: isInButton }), className) }, props), value));
+});
+Counter.displayName = "Counter";
+//# sourceMappingURL=Counter.js.map

package/dist/esm/components/Counter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Counter.js","sourceRoot":"","sources":["../../../src/components/Counter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,MAAM,CAAC,IAAM,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;AAEzD,IAAM,eAAe,GAAG,GAAG,CACzB,8DAA8D,EAC9D;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,uCAAuC;YAC3C,EAAE,EAAE,yCAAyC;YAC7C,EAAE,EAAE,yCAAyC;SAC9C;QACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;YACX,SAAS,EAAE,EAAE;YACb,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,EAAE;YACX,KAAK,EAAE,EAAE;YACT,iBAAiB,EAAE,EAAE;SACtB;QACD,UAAU,EAAE;YACV,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;SACV;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,UAAU,EAAE,KAAK;YACjB,OAAO,EAAE,SAAS;YAClB,SAAS,EACP,8FAA8F;SACjG;QACD;YACE,UAAU,EAAE,KAAK;YACjB,OAAO,EAAE,WAAW;YACpB,SAAS,EAAE,2CAA2C;SACvD;QACD;YACE,UAAU,EAAE,KAAK;YACjB,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,yCAAyC;SACrD;QACD;YACE,UAAU,EAAE,KAAK;YACjB,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,mDAAmD;SAC/D;QACD;YACE,UAAU,EAAE,KAAK;YACjB,OAAO,EAAE,CAAC,OAAO,EAAE,iBAAiB,CAAC;YACrC,SAAS,EAAE,wDAAwD;SACpE;QACD;YACE,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,SAAS;YAClB,SAAS,EACP,6FAA6F;SAChG;QACD;YACE,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,WAAW;YACpB,SAAS,EAAE,iDAAiD;SAC7D;QACD;YACE,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,+CAA+C;SAC3D;QACD;YACE,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,SAAS;YAClB,SAAS,EACP,mGAAmG;SACtG;QACD;YACE,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,CAAC,OAAO,EAAE,iBAAiB,CAAC;YACrC,SAAS,EACP,mGAAmG;SACtG;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,KAAK;KAClB;CACF,CACF,CAAC;AAQF,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,UACE,EAOC,EACD,GAAG;IAPD,IAAA,KAAK,WAAA,EACL,SAAS,eAAA,EACT,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EACf,KAAK,cANV,uDAOC,CADS;IAIV,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,eAAe,CAAC,EAAE,IAAI,MAAA,EAAE,OAAO,SAAA,EAAE,UAAU,YAAA,EAAE,CAAC,EAC9C,SAAS,CACV,IACG,KAAK,GAER,KAAK,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/esm/components/DataTable.d.ts

@@ -0,0 +1,129 @@
+import { Column, type ColumnDef, PaginationState, Row, RowSelectionState, type SortingState } from "@tanstack/react-table";
+import React, { ReactNode } from "react";
+import { DropdownMenu, DropdownMenuItemProps } from "../components";
+declare module "@tanstack/react-table" {
+    interface ColumnMeta<TData, TValue> {
+        className?: string;
+        tooltip?: string;
+        sizeRatio?: number;
+    }
+}
+interface TBaseData {
+    onClick?: () => void;
+    moreMenuItems?: DropdownMenuItemProps[];
+    dropdownMenuProps?: React.ComponentPropsWithoutRef<typeof DropdownMenu>;
+}
+interface ColumnBreakpoint {
+    [columnId: string]: "xs" | "sm" | "md" | "lg" | "xl";
+}
+interface DataTableProps<TData extends TBaseData> {
+    data: TData[];
+    totalRowCount?: number;
+    rowCountIsCapped?: boolean;
+    columns: ColumnDef<TData, any>[];
+    className?: string;
+    widthClassName?: string;
+    filter?: string;
+    filterColumn?: string;
+    pagination?: PaginationState;
+    setPagination?: (pagination: PaginationState) => void;
+    columnsBreakpoints?: ColumnBreakpoint;
+    sorting?: SortingState;
+    setSorting?: (sorting: SortingState) => void;
+    isServerSideSorting?: boolean;
+    disablePaginationNumbers?: boolean;
+    getRowId?: (originalRow: TData, index: number, parent?: Row<TData> | undefined) => string;
+    rowSelection?: RowSelectionState;
+    setRowSelection?: (rowSelection: RowSelectionState) => void;
+    enableRowSelection?: boolean | ((row: Row<TData>) => boolean);
+}
+export declare function DataTable<TData extends TBaseData>({ data, totalRowCount, rowCountIsCapped, columns, className, widthClassName, filter, filterColumn, columnsBreakpoints, pagination, setPagination, sorting, setSorting, isServerSideSorting, disablePaginationNumbers, rowSelection, setRowSelection, enableRowSelection, getRowId, }: DataTableProps<TData>): React.JSX.Element;
+export declare namespace DataTable {
+    var Root: ({ children, className, containerClassName, containerProps, ...props }: DataTableRootProps) => React.JSX.Element;
+    var Header: ({ children, className, ...props }: HeaderProps) => React.JSX.Element;
+    var Head: ({ children, className, column, ...props }: HeadProps) => React.JSX.Element;
+    var Body: ({ children, className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => React.JSX.Element;
+    var Row: ({ children, className, onClick, widthClassName, ...props }: RowProps) => React.JSX.Element;
+    var MoreButton: ({ className, menuItems, dropdownMenuProps, }: DataTableMoreButtonProps) => React.JSX.Element | null;
+    var Cell: ({ children, className, column, ...props }: CellProps) => React.JSX.Element;
+    var CellContent: ({ children, className, avatarUrl, avatarTooltipLabel, roundedAvatar, icon, iconClassName, description, grow, ...props }: CellContentProps) => React.JSX.Element;
+    var BasicCellContent: ({ label, tooltip, className, textToCopy, ...props }: BasicCellContentProps) => React.JSX.Element;
+    var CellContentWithCopy: ({ children, textToCopy, className, }: CellContentWithCopyProps) => React.JSX.Element;
+    var Caption: ({ children, className, ...props }: React.HTMLAttributes<HTMLTableCaptionElement>) => React.JSX.Element;
+}
+export interface ScrollableDataTableProps<TData extends TBaseData> extends DataTableProps<TData> {
+    maxHeight?: string;
+    onLoadMore?: () => void;
+    isLoading?: boolean;
+}
+export declare function ScrollableDataTable<TData extends TBaseData>({ data, totalRowCount, columns, className, widthClassName, columnsBreakpoints, maxHeight, onLoadMore, isLoading, rowSelection, setRowSelection, enableRowSelection, getRowId, }: ScrollableDataTableProps<TData>): React.JSX.Element;
+interface DataTableRootProps extends React.HTMLAttributes<HTMLTableElement> {
+    children: ReactNode;
+    containerClassName?: string;
+    containerProps?: React.HTMLAttributes<HTMLDivElement>;
+}
+interface HeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+    children: ReactNode;
+}
+interface HeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
+    children?: ReactNode;
+    column: Column<any>;
+}
+interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    children: ReactNode;
+    onClick?: () => void;
+    widthClassName: string;
+    "data-selected"?: boolean;
+}
+interface BaseMenuItem {
+    kind: "item" | "submenu";
+    label: string;
+    disabled?: boolean;
+}
+interface RegularMenuItem extends BaseMenuItem, Omit<DropdownMenuItemProps, "children" | "label"> {
+    kind: "item";
+}
+type SubmenuEntry = {
+    id: string;
+    name: string;
+};
+interface SubmenuMenuItem extends BaseMenuItem {
+    kind: "submenu";
+    items: SubmenuEntry[];
+    onSelect: (itemId: string) => void;
+}
+export type MenuItem = RegularMenuItem | SubmenuMenuItem;
+export interface DataTableMoreButtonProps {
+    className?: string;
+    menuItems?: MenuItem[];
+    dropdownMenuProps?: Omit<React.ComponentPropsWithoutRef<typeof DropdownMenu>, "modal">;
+}
+interface CellProps extends React.HTMLAttributes<HTMLTableCellElement> {
+    children: ReactNode;
+    column: Column<any>;
+}
+interface CellContentProps extends React.TdHTMLAttributes<HTMLDivElement> {
+    avatarUrl?: string;
+    avatarTooltipLabel?: string;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    iconClassName?: string;
+    roundedAvatar?: boolean;
+    children?: ReactNode;
+    description?: string;
+    grow?: boolean;
+}
+interface BasicCellContentProps extends React.TdHTMLAttributes<HTMLDivElement> {
+    label: string | number;
+    tooltip?: string | number;
+    textToCopy?: string | number;
+}
+interface CellContentWithCopyProps {
+    children: React.ReactNode;
+    textToCopy?: string;
+    className?: string;
+}
+export declare function createSelectionColumn<TData>(): ColumnDef<TData>;
+export {};
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/esm/components/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"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"}