@dust-tt/sparkle 0.2.84 → 0.2.85

package/dist/cjs/components/AssistantPreview2.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { SyntheticEvent } from "react";
 type AssistantPreviewVariant = "item" | "list" | "gallery";
 interface BaseAssistantPreviewProps {
     variant: AssistantPreviewVariant;
@@ -18,6 +18,7 @@ type ListVariantAssistantPreviewProps = BaseAssistantPreviewProps & {
 type GalleryVariantAssistantPreviewProps = BaseAssistantPreviewProps & {
     variant: "gallery";
     renderActions?: (isHovered: boolean) => React.ReactNode;
+    onPlayClick?: (e: SyntheticEvent) => void;
 };
 type AssistantPreviewProps = ItemVariantAssistantPreviewProps | ListVariantAssistantPreviewProps | GalleryVariantAssistantPreviewProps;
 export declare function AssistantPreview2(props: AssistantPreviewProps): React.JSX.Element;

package/dist/cjs/index.js

@@ -32391,8 +32391,8 @@ function renderVariantContent(props) {
             return React.createElement(React.Fragment, null);
     }
 }
-var ItemVariantContent = function (props) {
-    var actions = props.actions, description = props.description, title = props.title, pictureUrl = props.pictureUrl, subtitle = props.subtitle;
+var ItemVariantContent = function (_a) {
+    var actions = _a.actions, description = _a.description, title = _a.title, pictureUrl = _a.pictureUrl, subtitle = _a.subtitle;
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "s-flex s-gap-2" },
             React.createElement(Avatar, { visual: React.createElement("img", { src: pictureUrl, alt: "Avatar of ".concat(title) }), size: "sm" }),
@@ -32408,8 +32408,8 @@ var ItemVariantContent = function (props) {
         React.createElement("div", { className: classNames(descriptionClassNames["base"], descriptionClassNames.item) }, description),
         actions));
 };
-var ListVariantContent = function (props) {
-    var description = props.description, title = props.title, pictureUrl = props.pictureUrl, subtitle = props.subtitle;
+var ListVariantContent = function (_a) {
+    var description = _a.description, title = _a.title, pictureUrl = _a.pictureUrl, subtitle = _a.subtitle;
     return (React.createElement("div", { className: "s-flex s-gap-2" },
         React.createElement(Avatar, { visual: React.createElement("img", { src: pictureUrl, alt: "Avatar of ".concat(title) }), size: "md" }),
         React.createElement("div", { className: "s-flex s-w-full s-min-w-0 s-flex-col s-items-start s-gap-2" },
@@ -32423,8 +32423,8 @@ var ListVariantContent = function (props) {
                         subtitle))),
             React.createElement("div", { className: classNames(descriptionClassNames["base"], descriptionClassNames.list) }, description))));
 };
-var GalleryVariantContent = function (props) {
-    var renderActions = props.renderActions, description = props.description, title = props.title, pictureUrl = props.pictureUrl, subtitle = props.subtitle, isHovered = props.isHovered;
+var GalleryVariantContent = function (_a) {
+    var renderActions = _a.renderActions, description = _a.description, onPlayClick = _a.onPlayClick, title = _a.title, pictureUrl = _a.pictureUrl, subtitle = _a.subtitle, isHovered = _a.isHovered;
     return (React.createElement("div", { className: "s-flex s-gap-2" },
         React.createElement(Avatar, { visual: React.createElement("img", { src: pictureUrl, alt: "Avatar of ".concat(title) }), size: "md" }),
         React.createElement("div", { className: "s-flex s-w-full s-min-w-0 s-flex-col s-items-start s-gap-2" },
@@ -32436,7 +32436,7 @@ var GalleryVariantContent = function (props) {
                     React.createElement("div", { className: classNames(subtitleClassNames["base"], subtitleClassNames.gallery) },
                         "By: ",
                         subtitle)),
-                isHovered && (React.createElement(Button, { variant: "primary", size: "sm", label: "Try", labelVisible: false, icon: SvgPlay$1 }))),
+                isHovered && onPlayClick && (React.createElement(Button, { variant: "primary", size: "sm", label: "Try", labelVisible: false, icon: SvgPlay$1, onClick: onPlayClick }))),
             renderActions && renderActions(isHovered),
             React.createElement("div", { className: classNames(descriptionClassNames["base"], descriptionClassNames.gallery) }, description))));
 };