@dust-tt/sparkle 0.2.82 → 0.2.83

package/dist/cjs/_index.d.ts

@@ -2,6 +2,8 @@ import { SparkleContext } from "./context";
 export { SparkleContext };
 import { Div3D, Hover3D } from "./components/Hover3D";
 export { Div3D, Hover3D };
+import { Hoverable } from "./components/Hoverable";
+export { Hoverable };
 import { Button } from "./components/Button";
 export { Button };
 import { SliderToggle } from "./components/SliderToggle";

package/dist/cjs/index.js

@@ -197,6 +197,22 @@ var Div3D = function (_a) {
     return (React.createElement("div", { style: style, className: className }, children));
 };
 
+function classNames() {
+    var classes = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        classes[_i] = arguments[_i];
+    }
+    return classes.filter(Boolean).join(" ");
+}
+
+Hoverable.defaultProps = {
+    className: "",
+};
+function Hoverable(_a) {
+    var children = _a.children, className = _a.className, onClick = _a.onClick;
+    return (React.createElement("span", { className: classNames("s-cursor-pointer s-duration-300 hover:s-text-action-500 active:s-text-action-600", className), onClick: onClick }, children));
+}
+
 var SvgArrowDown$1 = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React__namespace.createElement("path", { fill: "currentColor", d: "m13.5 15.5 5-5 2 2L12 21l-8.5-8.5 2-2 5 5V3h3v12.5Z" }))); };
 
@@ -538,14 +554,6 @@ var SvgXCircle$1 = function (props) { return (React__namespace.createElement("sv
 var SvgXMark$1 = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React__namespace.createElement("path", { fill: "currentColor", d: "m12 10 5-5 2 2-5 5 5 5-2 2-5-5-5 5-2-2 5-5-5-5 2-2 5 5Z" }))); };
 
-function classNames() {
-    var classes = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        classes[_i] = arguments[_i];
-    }
-    return classes.filter(Boolean).join(" ");
-}
-
 var colors = [
     "s-bg-red-300",
     "s-bg-orange-300",
@@ -33916,6 +33924,7 @@ exports.HandThumbUpStrokeIcon = SvgHandThumbUp;
 exports.HexagonIcon = SvgHexagon$1;
 exports.HexagonStrokeIcon = SvgHexagon;
 exports.Hover3D = Hover3D;
+exports.Hoverable = Hoverable;
 exports.HuggingFaceLogo = SvgHuggingFace;
 exports.Icon = Icon;
 exports.IconButton = IconButton;