@dust-tt/sparkle 0.2.248 → 0.2.250

package/dist/cjs/index.js

@@ -99424,6 +99424,9 @@ var SvgSlack = function (props) { return (React__namespace.createElement("svg",
     React__namespace.createElement("path", { fill: "#2EB67D", d: "M17.784 9.373a2.099 2.099 0 1 1 4.2 0 2.099 2.099 0 0 1-2.1 2.102h-2.1V9.373Zm-1.05 0a2.099 2.099 0 1 1-4.201 0V4.102a2.099 2.099 0 1 1 4.2 0v5.27Z" }),
     React__namespace.createElement("path", { fill: "#ECB22E", d: "M14.633 17.796c1.162 0 2.1.94 2.1 2.102a2.099 2.099 0 1 1-4.2 0v-2.102h2.1Zm0-1.05c-1.161 0-2.1-.94-2.1-2.103a2.1 2.1 0 0 1 2.1-2.102H19.9a2.1 2.1 0 0 1 2.1 2.102 2.099 2.099 0 0 1-2.1 2.102h-5.267Z" }))); };
 
+var SvgSnowflake = 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: "#29B5E8", fillRule: "evenodd", d: "M9.015 9.236 4.783 6.793A1.244 1.244 0 1 1 6.026 4.64L8.43 6.027V3.24a1.24 1.24 0 1 1 2.477 0v4.897c0 .36-.153.684-.4.911-.39.38-.998.474-1.492.188Zm-.353 2.805a1.219 1.219 0 0 0-.607-1.074L3.823 8.524a1.214 1.214 0 0 0-1.215 2.105l2.44 1.407-2.44 1.409a1.2 1.2 0 0 0-.566.737c-.084.313-.041.641.121.922a1.218 1.218 0 0 0 1.66.445l4.232-2.443c.378-.22.61-.627.607-1.065Zm10.526 5.24-4.233-2.445a1.245 1.245 0 0 0-1.859 1.198v4.778a1.24 1.24 0 0 0 2.477 0v-2.748l2.372 1.37a1.244 1.244 0 0 0 1.243-2.153ZM14.3 12.239a.48.48 0 0 1-.121.292L12.5 14.21a.476.476 0 0 1-.291.12h-.427a.476.476 0 0 1-.292-.12L9.81 12.53a.48.48 0 0 1-.12-.292v-.427c0-.095.054-.225.12-.292l1.68-1.679a.476.476 0 0 1 .292-.12h.427c.093 0 .225.053.291.12l1.678 1.68c.067.066.12.196.12.291v.427Zm-1.498-.205v-.018a.356.356 0 0 0-.088-.215l-.495-.493a.338.338 0 0 0-.215-.09h-.018a.347.347 0 0 0-.214.09l-.494.493a.347.347 0 0 0-.088.215v.018c0 .07.04.166.088.214l.494.496c.05.048.146.088.214.088h.018c.07 0 .166-.04.215-.088l.495-.496a.347.347 0 0 0 .088-.214Zm6.386-5.241-4.233 2.443a1.243 1.243 0 0 1-1.859-1.197v-4.8a1.24 1.24 0 1 1 2.477 0v2.77l2.372-1.37a1.243 1.243 0 1 1 1.243 2.154ZM9.864 14.69a1.233 1.233 0 0 0-.849.145L4.783 17.28a1.242 1.242 0 1 0 1.243 2.153l2.404-1.388v2.766a1.24 1.24 0 0 0 2.477 0v-4.897c0-.618-.452-1.13-1.043-1.223ZM20.134 8.5a1.242 1.242 0 0 1 1.699.456 1.24 1.24 0 0 1-.456 1.697l-2.396 1.384 2.396 1.383a1.244 1.244 0 0 1-1.243 2.155L15.9 13.13a1.24 1.24 0 0 1-.621-1.088 1.245 1.245 0 0 1 .621-1.099l4.233-2.443Z", clipRule: "evenodd" }))); };
+
 var SvgZapier = 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: "#FF4A00", d: "M12.006 2c.565.001 1.12.049 1.66.14v5.82l4.128-4.116a10.03 10.03 0 0 1 2.358 2.352l-4.128 4.117h5.838c.09.538.138 1.09.138 1.655v.013c0 .565-.048 1.118-.138 1.656h-5.838l4.128 4.116c-.325.455-.687.881-1.08 1.275h-.001c-.394.393-.82.754-1.276 1.077l-4.128-4.117v5.822a10.18 10.18 0 0 1-1.66.14h-.014a10.178 10.178 0 0 1-1.659-.14v-5.822l-4.127 4.117a10.03 10.03 0 0 1-2.358-2.352l4.128-4.116H2.139A9.92 9.92 0 0 1 2 11.978v-.029c.001-.146.01-.325.024-.51l.005-.056c.04-.521.11-1.07.11-1.07h5.838L3.849 6.196c.323-.455.685-.88 1.079-1.273l.002-.002a9.98 9.98 0 0 1 1.277-1.077l4.127 4.117V2.139A10.18 10.18 0 0 1 11.994 2h.012Zm0 7.481h-.01c-.743 0-1.455.136-2.112.383A5.989 5.989 0 0 0 9.5 11.97v.01c0 .74.137 1.45.385 2.105a5.985 5.985 0 0 0 2.11.383h.01c.743 0 1.455-.136 2.111-.383a5.95 5.95 0 0 0 .384-2.106v-.01c0-.74-.136-1.45-.384-2.105a5.986 5.986 0 0 0-2.11-.383Z" }))); };
 
@@ -107177,11 +107180,11 @@ var sizeInputClasses = {
     sm: "s-text-base s-rounded-md s-py-1.5 s-pl-4 s-pr-8",
     md: "s-text-lg s-rounded-lg s-py-2 s-pl-4 s-pr-10",
 };
-function Input(_a) {
-    var placeholder = _a.placeholder, value = _a.value, _b = _a.size, size = _b === void 0 ? "sm" : _b, onChange = _a.onChange, error = _a.error, _c = _a.showErrorLabel, showErrorLabel = _c === void 0 ? false : _c, name = _a.name, _d = _a.isPassword, isPassword = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.className, className = _f === void 0 ? "" : _f, label = _a.label;
+var Input = React.forwardRef(function (_a, ref) {
+    var placeholder = _a.placeholder, value = _a.value, _b = _a.size, size = _b === void 0 ? "sm" : _b, onChange = _a.onChange, error = _a.error, _c = _a.showErrorLabel, showErrorLabel = _c === void 0 ? false : _c, name = _a.name, _d = _a.isPassword, isPassword = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.className, className = _f === void 0 ? "" : _f, label = _a.label, maxLength = _a.maxLength;
     return (React.createElement("div", { className: "s-flex s-flex-col s-gap-1 s-p-px" },
         label && (React.createElement("label", { htmlFor: name, className: "s-pb-1 s-text-sm s-font-medium s-text-element-700 dark:s-text-element-700-dark" }, label)),
-        React.createElement("input", { type: isPassword ? "password" : "text", name: name, id: name, className: classNames("s-w-full s-border-0 s-outline-none s-ring-1 focus:s-outline-none focus:s-ring-2", "s-bg-structure-50 s-placeholder-element-700", "dark:s-bg-structure-50-dark dark:s-placeholder-element-700-dark", sizeInputClasses[size], "s-transition-all s-duration-300 s-ease-out", className !== null && className !== void 0 ? className : "", !error
+        React.createElement("input", { ref: ref, type: isPassword ? "password" : "text", name: name, id: name, maxLength: maxLength, className: classNames("s-w-full s-border-0 s-outline-none s-ring-1 focus:s-outline-none focus:s-ring-2", "s-bg-structure-50 s-placeholder-element-700", "dark:s-bg-structure-50-dark dark:s-placeholder-element-700-dark", sizeInputClasses[size], "s-transition-all s-duration-300 s-ease-out", className !== null && className !== void 0 ? className : "", !error
                 ? classNames("s-ring-structure-200 focus:s-ring-action-300", "dark:s-ring-structure-300-dark dark:focus:s-ring-action-300-dark")
                 : classNames("s-ring-warning-200 focus:s-ring-warning-300", "dark:s-ring-warning-200-dark dark:focus:s-ring-warning-300-dark"), disabled
                 ? "s-text-element-500 hover:s-cursor-not-allowed"
@@ -107189,7 +107192,8 @@ function Input(_a) {
                 onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
             }, "data-1p-ignore": !isPassword, disabled: disabled }),
         React.createElement("div", { className: "s-ml-2 s-text-sm s-text-warning-500" }, showErrorLabel && error ? error : null)));
-}
+});
+Input.displayName = "Input";
 
 function ok$2() {}
 
@@ -129761,6 +129765,7 @@ exports.ShapesIcon = SvgShapes$1;
 exports.ShapesStrokeIcon = SvgShapes;
 exports.SlackLogo = SvgSlack;
 exports.SliderToggle = SliderToggle;
+exports.SnowflakeLogo = SvgSnowflake;
 exports.SparkleContext = SparkleContext;
 exports.SparklesIcon = SvgSparkles$1;
 exports.SparklesStrokeIcon = SvgSparkles;