@dust-tt/sparkle 0.2.211 → 0.2.213

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

@@ -1,8 +1,9 @@
 import React from "react";
+export type CheckBoxCheckedStatus = "checked" | "unchecked" | "partial";
 export interface CheckboxProps {
     variant?: "selectable" | "checkable";
     size?: "xs" | "sm";
-    checked?: "checked" | "unchecked" | "partial";
+    checked?: CheckBoxCheckedStatus;
     disabled?: boolean;
     onChange: (checked: boolean) => void;
     className?: string;

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

@@ -1,9 +1,10 @@
-import React from "react";
+import React, { ComponentType } from "react";
 export interface ContentMessageProps {
     title: string;
     children: React.ReactNode;
     className?: string;
     size?: "sm" | "md";
     variant?: "emerald" | "amber" | "slate" | "purple" | "warning" | "sky" | "pink" | "action" | "red";
+    icon?: ComponentType;
 }
-export declare function ContentMessage({ title, variant, children, size, className, }: ContentMessageProps): React.JSX.Element;
+export declare function ContentMessage({ title, variant, children, size, className, icon, }: ContentMessageProps): React.JSX.Element;

package/dist/esm/index.js

@@ -76395,7 +76395,7 @@ Tree.Item = function (_a) {
                         effectiveOnChevronClick();
                     }
                 } })),
-            type === "leaf" && React__default.createElement("div", { className: "s-w-5" }),
+            type === "leaf" && React__default.createElement("div", { className: "s-w-4" }),
             checkbox && React__default.createElement(Checkbox, __assign({}, checkbox, { size: "xs" })),
             React__default.createElement(Icon, { visual: visual, size: size === "sm" ? "sm" : "md", className: classNames("s-flex-shrink-0", tailwindIconTextColor) }),
             React__default.createElement("div", { className: classNames("s-truncate s-font-medium s-text-element-900", size === "sm" ? "s-ml-1 s-text-sm" : "s-ml-1 s-text-base") }, label),
@@ -76458,7 +76458,7 @@ function IconToggleButton(_a) {
 }
 
 function ContentMessage(_a) {
-    var title = _a.title, _b = _a.variant, variant = _b === void 0 ? "amber" : _b, children = _a.children, _c = _a.size, size = _c === void 0 ? "md" : _c, _d = _a.className, className = _d === void 0 ? "" : _d;
+    var title = _a.title, _b = _a.variant, variant = _b === void 0 ? "amber" : _b, children = _a.children, _c = _a.size, size = _c === void 0 ? "md" : _c, _d = _a.className, className = _d === void 0 ? "" : _d, icon = _a.icon;
     var variantClasses = {
         border: "s-border-".concat(variant, "-200"),
         background: "s-bg-".concat(variant, "-100"),
@@ -76470,7 +76470,7 @@ function ContentMessage(_a) {
             ? "s-max-w-[500px] s-rounded-2xl s-p-4"
             : "s-max-w-[380px] s-rounded-xl s-px-4 s-py-3", className) },
         size === "md" && (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement(Icon, { size: "md", visual: SvgInformationCircle$1, className: classNames("s-shrink-0", variantClasses.iconColor) }),
+            React__default.createElement(Icon, { size: "md", visual: icon !== null && icon !== void 0 ? icon : SvgInformationCircle$1, className: classNames("s-shrink-0", variantClasses.iconColor) }),
             React__default.createElement("div", { className: "s-flex s-flex-col s-gap-2" },
                 React__default.createElement("div", { className: classNames("s-text-base s-font-semibold", variantClasses.titleColor) }, title),
                 React__default.createElement("div", { className: classNames("s-text-sm", variantClasses.textColor) }, children)))),