@dust-tt/sparkle 0.2.262 → 0.2.264-rc-1

package/dist/cjs/index.js

@@ -77410,22 +77410,16 @@ function Icon(_a) {
 }
 
 var textClasses = {
-    xs: "s-text-xs s-font-semibold",
-    sm: "s-text-sm s-font-semibold",
-    md: "s-text-base s-font-bold",
-    lg: "s-text-lg s-font-bold",
+    xs: "s-text-xs s-font-semibold s-rounded-lg",
+    sm: "s-text-sm s-font-semibold s-rounded-xl",
+    md: "s-text-base s-font-bold s-rounded-2xl",
+    lg: "s-text-lg s-font-bold s-rounded-3xl",
 };
 var sizeClasses$4 = {
-    xs: "s-gap-x-1 s-px-3 s-h-7",
-    sm: "s-gap-x-1 s-px-4 s-h-9",
-    md: "s-gap-x-1.5 s-px-5 s-h-12",
-    lg: "s-gap-x-3 s-px-6 s-h-16",
-};
-var sizeAvatarClasses = {
-    xs: "s-gap-x-1 s-pl-0.5 s-pr-3 s-py-0.5",
-    sm: "s-gap-x-1 s-pl-0.5 s-pr-4 s-py-0.5",
-    md: "s-gap-x-1.5 s-pl-1 s-pr-5 s-py-1",
-    lg: "s-gap-x-2 s-pl-0 s-pr-6 s-py-0",
+    xs: "s-gap-x-1 s-px-2 s-h-7",
+    sm: "s-gap-x-1 s-px-3 s-h-9",
+    md: "s-gap-x-1.5 s-px-4 s-h-12",
+    lg: "s-gap-x-3 s-px-5 s-h-16",
 };
 var containerClasses = {
     xs: "s-px-0.5",
@@ -77494,25 +77488,13 @@ var variantClasses$2 = {
             disabled: "dark:s-text-element-600-dark dark:s-border-structure-100-dark dark:s-bg-structure-200-dark",
         },
     },
-    avatar: {
-        base: "s-text-element-800 s-border-structure-200 s-bg-structure-0",
-        hover: "hover:s-bg-action-50 hover:s-text-action-500 hover:s-border-action-200",
-        active: "active:s-bg-action-100 active:s-text-action-600 active:s-border-action-500",
-        disabled: "s-text-element-500 s-border-structure-200 s-bg-structure-0",
-        dark: {
-            base: "dark:s-text-element-700-dark dark:s-border-structure-300-dark dark:s-bg-structure-100-dark",
-            hover: "dark:hover:s-bg-action-50-dark dark:hover:s-border-action-300-dark",
-            active: "dark:active:s-bg-action-100-dark dark:active:s-border-action-500-dark",
-            disabled: "dark:s-text-element-600-dark dark:s-border-structure-100-dark dark:s-bg-structure-200-dark",
-        },
-    },
 };
 var transitionClasses = "s-transition-all s-ease-out s-duration-200 s-cursor-pointer";
 var magnifyingClasses = "hover:s-scale-105 hover:s-drop-shadow-md active:s-scale-100 active:s-drop-shadow-none";
 function Button(_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    var _o = _a.variant, variant = _o === void 0 ? "primary" : _o, _p = _a.type, type = _p === void 0 ? "button" : _p, _q = _a.size, size = _q === void 0 ? "sm" : _q, onClick = _a.onClick, _r = _a.disabled, disabled = _r === void 0 ? false : _r, _s = _a.labelVisible, labelVisible = _s === void 0 ? true : _s, label = _a.label, icon = _a.icon, _t = _a.className, className = _t === void 0 ? "" : _t, tooltipPosition = _a.tooltipPosition, _u = _a.hasMagnifying, hasMagnifying = _u === void 0 ? true : _u, _v = _a.disabledTooltip, disabledTooltip = _v === void 0 ? false : _v, avatar = _a.avatar;
-    var buttonClasses = classNames("s-inline-flex s-items-center s-border s-scale-100 s-box-border s-whitespace-nowrap s-rounded-full", !avatar ? sizeClasses$4[size] : sizeAvatarClasses[size], textClasses[size], className);
+    var _o = _a.variant, variant = _o === void 0 ? "primary" : _o, _p = _a.type, type = _p === void 0 ? "button" : _p, _q = _a.size, size = _q === void 0 ? "sm" : _q, onClick = _a.onClick, _r = _a.disabled, disabled = _r === void 0 ? false : _r, _s = _a.labelVisible, labelVisible = _s === void 0 ? true : _s, label = _a.label, icon = _a.icon, _t = _a.className, className = _t === void 0 ? "" : _t, tooltipPosition = _a.tooltipPosition, _u = _a.hasMagnifying, hasMagnifying = _u === void 0 ? false : _u, _v = _a.disabledTooltip, disabledTooltip = _v === void 0 ? false : _v;
+    var buttonClasses = classNames("s-inline-flex s-items-center s-border s-scale-100 s-box-border s-whitespace-nowrap", sizeClasses$4[size], textClasses[size], className);
     if (disabled) {
         buttonClasses = classNames(buttonClasses, (_b = variantClasses$2[variant]) === null || _b === void 0 ? void 0 : _b.disabled, (_c = variantClasses$2[variant]) === null || _c === void 0 ? void 0 : _c.dark.disabled, disabled ? "s-cursor-default" : "");
     }
@@ -77522,7 +77504,6 @@ function Button(_a) {
     var finalContainerClasses = classNames(containerClasses[size]);
     var buttonBase = (React.createElement("button", { type: "button", className: buttonClasses, onClick: onClick, disabled: disabled, "aria-label": label },
         icon && React.createElement(Icon, { visual: icon, size: size }),
-        avatar && React.createElement(Avatar, { size: size, visual: avatar, isRounded: true }),
         labelVisible ? (React.createElement("div", { className: classNames("s-truncate", finalContainerClasses) }, label)) : null,
         type === "menu" && (React.createElement(Icon, { className: "s-opacity-50", visual: ChevronDownIcon, size: size })),
         type === "select" && (React.createElement(Icon, { className: "s-opacity-60", visual: ChevronUpDownIcon, size: size }))));
@@ -113461,8 +113442,8 @@ function IconToggleButton(_a) {
 }
 
 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",
+    sm: "s-text-base s-rounded-xl s-py-1.5 s-pl-4 s-pr-8",
+    md: "s-text-lg s-rounded-2xl s-py-2 s-pl-4 s-pr-10",
 };
 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;
@@ -140507,9 +140488,9 @@ function RadioButton(_a) {
 }
 
 var sizeClasses$1 = {
-    xs: "s-text-xs s-h-[26px] s-pl-3 s-pr-6 s-pt-1.5",
-    sm: "s-text-sm s-h-[34px] s-pl-4 s-pr-8 s-pt-1.5",
-    md: "s-text-base s-h-[46px] s-pl-6 s-pr-10 s-pt-1.5",
+    xs: "s-text-xs s-h-[26px] s-pl-3 s-pr-6 s-pt-1.5 s-rounded-lg",
+    sm: "s-text-sm s-h-[34px] s-pl-4 s-pr-8 s-pt-1.5 s-rounded-xl",
+    md: "s-text-base s-h-[46px] s-pl-6 s-pr-10 s-pt-1.5 s-rounded-2xl",
 };
 var iconClasses$1 = {
     xs: "s-pr-2",
@@ -140522,7 +140503,7 @@ var Searchbar = React.forwardRef(function (_a, ref) {
         onChange === null || onChange === void 0 ? void 0 : onChange("");
     };
     return (React.createElement("div", { className: "s-relative s-m-px s-flex-grow" },
-        React.createElement("input", { type: "text", name: name, id: name, ref: ref, className: classNames("s-border-0 s-outline-none s-ring-1 s-ring-structure-200 focus:s-outline-none focus:s-ring-2", "s-w-full s-rounded-full s-bg-structure-50 s-font-normal s-placeholder-element-600", "s-ring-structure-200 focus:s-ring-action-300", "dark:s-ring-structure-300-dark dark:focus:s-ring-action-300-dark", "s-transition-all s-duration-300 s-ease-out", sizeClasses$1[size], className !== null && className !== void 0 ? className : "", disabled
+        React.createElement("input", { type: "text", name: name, id: name, ref: ref, className: classNames("s-border-0 s-outline-none s-ring-1 s-ring-structure-200 focus:s-outline-none focus:s-ring-2", "s-w-full s-bg-structure-50 s-font-normal s-placeholder-element-600", "s-ring-structure-200 focus:s-ring-action-300", "dark:s-ring-structure-300-dark dark:focus:s-ring-action-300-dark", "s-transition-all s-duration-300 s-ease-out", sizeClasses$1[size], className !== null && className !== void 0 ? className : "", disabled
                 ? "s-cursor-default s-text-element-600"
                 : "s-text-element-900"), placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", onChange: function (e) {
                 onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);