@dust-tt/sparkle 0.1.45 → 0.1.47

package/dist/cjs/_index.d.ts

@@ -34,7 +34,7 @@ import { LogoHorizontalColor as LogoHorizontalColorLogo, LogoHorizontalDark as L
 export { LogoHorizontalColorLogo, LogoHorizontalDarkLogo, LogoHorizontalWhiteLogo, LogoSquareColorLogo, LogoSquareDarkLogo, LogoSquareWhiteLogo, };
 import { Ai21 as Ai21Logo, Claude as ClaudeLogo, Cohere as CohereLogo, Drive as DriveLogo, Github as GithubLogo, Gpt3 as Gpt3Logo, Gpt4 as Gpt4Logo, HuggingFace as HuggingFaceLogo, Microsoft as MicrosoftLogo, Notion as NotionLogo, Replicate as ReplicateLogo, Slack as SlackLogo } from "./logo/platforms";
 export { Ai21Logo, ClaudeLogo, CohereLogo, DriveLogo, GithubLogo, Gpt3Logo, Gpt4Logo, HuggingFaceLogo, MicrosoftLogo, NotionLogo, ReplicateLogo, SlackLogo, };
-import { ArrowDownCircle as ArrowDownCircleIcon, ArrowDownOnSquare as ArrowDownOnSquareIcon, ArrowPath as ArrowPathIcon, ArrowUpOnSquare as ArrowUpOnSquareIcon, Attachment as AttachmentIcon, Backspace as BackspaceIcon, Bookmark as BookmarkIcon, ChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusIcon, ChatBubbleBottomCenterText as ChatBubbleBottomCenterTextIcon, ChatBubbleLeftRight as ChatBubbleLeftRightIcon, Check as CheckIcon, CheckCircle as CheckCircleIcon, ChevronDown as ChevronDownIcon, ChevronLeft as ChevronLeftIcon, ChevronRight as ChevronRightIcon, ChevronUp as ChevronUpIcon, Clipboard as ClipboardIcon, ClipboardCheck as ClipboardCheckIcon, Clock as ClockIcon, CloudArrowDown as CloudArrowDownIcon, Cog6Tooth as Cog6ToothIcon, CommandLine as CommandLineIcon, Cube as CubeIcon, DocumentDuplicate as DocumentDuplicateIcon, DocumentPlus as DocumentPlusIcon, DocumentText as DocumentTextIcon, Equalizer as EqualizerIcon, ExclamationCircle as ExclamationCircleIcon, Eye as EyeIcon, EyeSlash as EyeSlashIcon, FolderOpen as FolderOpenIcon, GlobeAlt as GlobeAltIcon, HandThumbDown as HandThumbDownIcon, HandThumbUp as HandThumbUpIcon, InformationCircle as InformationCircleIcon, Key as KeyIcon, Lightbulb as LightbulbIcon, Link as LinkIcon, MagnifyingGlass as MagnifyingGlassIcon, Menu as MenuIcon, PaperAirplane as PaperAirplaneIcon, PencilSquare as PencilSquareIcon, Planet as PlanetIcon, Plus as PlusIcon, PlusCircle as PlusCircleIcon, QuestionMarkCircle as QuestionMarkCircleIcon, Robot as RobotIcon, Server as ServerIcon, Sparkles as SparklesIcon, Square3Stack3D as Square3Stack3DIcon, TestTube as TestTubeIcon, Trash as TrashIcon, User as UserIcon, UserGroup as UserGroupIcon, Wrench as WrenchIcon, XCircle as XCircleIcon, XMark as XMarkIcon } from "./icons/solid";
-export { ArrowDownCircleIcon, ArrowDownOnSquareIcon, ArrowPathIcon, ArrowUpOnSquareIcon, AttachmentIcon, BackspaceIcon, BookmarkIcon, ChatBubbleBottomCenterPlusIcon, ChatBubbleBottomCenterTextIcon, ChatBubbleLeftRightIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClipboardCheckIcon, ClipboardIcon, ClockIcon, CloudArrowDownIcon, Cog6ToothIcon, CommandLineIcon, CubeIcon, DocumentDuplicateIcon, DocumentPlusIcon, DocumentTextIcon, EqualizerIcon, ExclamationCircleIcon, EyeIcon, EyeSlashIcon, FolderOpenIcon, GlobeAltIcon, HandThumbDownIcon, HandThumbUpIcon, InformationCircleIcon, KeyIcon, LightbulbIcon, LinkIcon, MagnifyingGlassIcon, MenuIcon, PaperAirplaneIcon, PencilSquareIcon, PlanetIcon, PlusCircleIcon, PlusIcon, QuestionMarkCircleIcon, RobotIcon, ServerIcon, SparklesIcon, Square3Stack3DIcon, TestTubeIcon, TrashIcon, UserGroupIcon, UserIcon, WrenchIcon, XCircleIcon, XMarkIcon, };
-import { ArrowDownCircle as ArrowDownCircleStrokeIcon, ArrowDownOnSquare as ArrowDownOnSquareStrokeIcon, ArrowPath as ArrowPathStrokeIcon, ArrowUpOnSquare as ArrowUpOnSquareStrokeIcon, Attachment as AttachmentStrokeIcon, Backspace as BackspaceStrokeIcon, Bookmark as BookmarkStrokeIcon, ChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusStrokeIcon, ChatBubbleBottomCenterText as ChatBubbleBottomCenterTextStrokeIcon, ChatBubbleLeftRight as ChatBubbleLeftRightStrokeIcon, Check as CheckStrokeIcon, CheckCircle as CheckCircleStrokeIcon, ChevronDown as ChevronDownStrokeIcon, ChevronLeft as ChevronLeftStrokeIcon, ChevronRight as ChevronRightStrokeIcon, ChevronUp as ChevronUpStrokeIcon, Clipboard as ClipboardStrokeIcon, ClipboardCheck as ClipboardCheckStrokeIcon, Clock as ClockStrokeIcon, CloudArrowDown as CloudArrowDownStrokeIcon, Cog6Tooth as Cog6ToothStrokeIcon, CommandLine as CommandLineStrokeIcon, Cube as CubeStrokeIcon, DocumentDuplicate as DocumentDuplicateStrokeIcon, DocumentPlus as DocumentPlusStrokeIcon, DocumentText as DocumentTextStrokeIcon, Equalizer as EqualizerStrokeIcon, ExclamationCircle as ExclamationCircleStrokeIcon, Eye as EyeStrokeIcon, EyeSlash as EyeSlashStrokeIcon, FolderOpen as FolderOpenStrokeIcon, GlobeAlt as GlobeAltStrokeIcon, HandThumbDown as HandThumbDownStrokeIcon, HandThumbUp as HandThumbUpStrokeIcon, InformationCircle as InformationCircleStrokeIcon, Key as KeyStrokeIcon, Lightbulb as LightbulbStrokeIcon, Link as LinkStrokeIcon, MagnifyingGlass as MagnifyingGlassStrokeIcon, Menu as MenuStrokeIcon, PaperAirplane as PaperAirplaneStrokeIcon, PencilSquare as PencilSquareStrokeIcon, Planet as PlanetStrokeIcon, Plus as PlusStrokeIcon, PlusCircle as PlusCircleStrokeIcon, QuestionMarkCircle as QuestionMarkCircleStrokeIcon, Robot as RobotStrokeIcon, Server as ServerStrokeIcon, Sparkles as SparklesStrokeIcon, Square3Stack3D as Square3Stack3DStrokeIcon, TestTube as TestTubeStrokeIcon, Trash as TrashStrokeIcon, User as UserStrokeIcon, UserGroup as UserGroupStrokeIcon, Wrench as WrenchStrokeIcon, XCircle as XCircleStrokeIcon, XMark as XMarkStrokeIcon } from "./icons/stroke";
-export { ArrowDownCircleStrokeIcon, ArrowDownOnSquareStrokeIcon, ArrowPathStrokeIcon, ArrowUpOnSquareStrokeIcon, AttachmentStrokeIcon, BackspaceStrokeIcon, BookmarkStrokeIcon, ChatBubbleBottomCenterPlusStrokeIcon, ChatBubbleBottomCenterTextStrokeIcon, ChatBubbleLeftRightStrokeIcon, CheckCircleStrokeIcon, CheckStrokeIcon, ChevronDownStrokeIcon, ChevronLeftStrokeIcon, ChevronRightStrokeIcon, ChevronUpStrokeIcon, ClipboardCheckStrokeIcon, ClipboardStrokeIcon, ClockStrokeIcon, CloudArrowDownStrokeIcon, Cog6ToothStrokeIcon, CommandLineStrokeIcon, CubeStrokeIcon, DocumentDuplicateStrokeIcon, DocumentPlusStrokeIcon, DocumentTextStrokeIcon, EqualizerStrokeIcon, ExclamationCircleStrokeIcon, EyeSlashStrokeIcon, EyeStrokeIcon, FolderOpenStrokeIcon, GlobeAltStrokeIcon, HandThumbDownStrokeIcon, HandThumbUpStrokeIcon, InformationCircleStrokeIcon, KeyStrokeIcon, LightbulbStrokeIcon, LinkStrokeIcon, MagnifyingGlassStrokeIcon, MenuStrokeIcon, PaperAirplaneStrokeIcon, PencilSquareStrokeIcon, PlanetStrokeIcon, PlusCircleStrokeIcon, PlusStrokeIcon, QuestionMarkCircleStrokeIcon, RobotStrokeIcon, ServerStrokeIcon, SparklesStrokeIcon, Square3Stack3DStrokeIcon, TestTubeStrokeIcon, TrashStrokeIcon, UserGroupStrokeIcon, UserStrokeIcon, WrenchStrokeIcon, XCircleStrokeIcon, XMarkStrokeIcon, };
+import { ArrowDownCircle as ArrowDownCircleIcon, ArrowDownOnSquare as ArrowDownOnSquareIcon, ArrowPath as ArrowPathIcon, ArrowUpOnSquare as ArrowUpOnSquareIcon, Attachment as AttachmentIcon, Backspace as BackspaceIcon, Bookmark as BookmarkIcon, ChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusIcon, ChatBubbleBottomCenterText as ChatBubbleBottomCenterTextIcon, ChatBubbleLeftRight as ChatBubbleLeftRightIcon, Check as CheckIcon, CheckCircle as CheckCircleIcon, ChevronDown as ChevronDownIcon, ChevronLeft as ChevronLeftIcon, ChevronRight as ChevronRightIcon, ChevronUp as ChevronUpIcon, ChevronUpDown as ChevronUpDownIcon, Clipboard as ClipboardIcon, ClipboardCheck as ClipboardCheckIcon, Clock as ClockIcon, CloudArrowDown as CloudArrowDownIcon, Cog6Tooth as Cog6ToothIcon, CommandLine as CommandLineIcon, Cube as CubeIcon, DocumentDuplicate as DocumentDuplicateIcon, DocumentPlus as DocumentPlusIcon, DocumentText as DocumentTextIcon, Equalizer as EqualizerIcon, ExclamationCircle as ExclamationCircleIcon, Eye as EyeIcon, EyeSlash as EyeSlashIcon, FolderOpen as FolderOpenIcon, GlobeAlt as GlobeAltIcon, HandThumbDown as HandThumbDownIcon, HandThumbUp as HandThumbUpIcon, InformationCircle as InformationCircleIcon, Key as KeyIcon, Lightbulb as LightbulbIcon, Link as LinkIcon, MagnifyingGlass as MagnifyingGlassIcon, Menu as MenuIcon, PaperAirplane as PaperAirplaneIcon, PencilSquare as PencilSquareIcon, Planet as PlanetIcon, Plus as PlusIcon, PlusCircle as PlusCircleIcon, QuestionMarkCircle as QuestionMarkCircleIcon, Robot as RobotIcon, Server as ServerIcon, Sparkles as SparklesIcon, Square3Stack3D as Square3Stack3DIcon, TestTube as TestTubeIcon, Trash as TrashIcon, User as UserIcon, UserGroup as UserGroupIcon, Wrench as WrenchIcon, XCircle as XCircleIcon, XMark as XMarkIcon } from "./icons/solid";
+export { ArrowDownCircleIcon, ArrowDownOnSquareIcon, ArrowPathIcon, ArrowUpOnSquareIcon, AttachmentIcon, BackspaceIcon, BookmarkIcon, ChatBubbleBottomCenterPlusIcon, ChatBubbleBottomCenterTextIcon, ChatBubbleLeftRightIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ClipboardCheckIcon, ClipboardIcon, ClockIcon, CloudArrowDownIcon, Cog6ToothIcon, CommandLineIcon, CubeIcon, DocumentDuplicateIcon, DocumentPlusIcon, DocumentTextIcon, EqualizerIcon, ExclamationCircleIcon, EyeIcon, EyeSlashIcon, FolderOpenIcon, GlobeAltIcon, HandThumbDownIcon, HandThumbUpIcon, InformationCircleIcon, KeyIcon, LightbulbIcon, LinkIcon, MagnifyingGlassIcon, MenuIcon, PaperAirplaneIcon, PencilSquareIcon, PlanetIcon, PlusCircleIcon, PlusIcon, QuestionMarkCircleIcon, RobotIcon, ServerIcon, SparklesIcon, Square3Stack3DIcon, TestTubeIcon, TrashIcon, UserGroupIcon, UserIcon, WrenchIcon, XCircleIcon, XMarkIcon, };
+import { ArrowDownCircle as ArrowDownCircleStrokeIcon, ArrowDownOnSquare as ArrowDownOnSquareStrokeIcon, ArrowPath as ArrowPathStrokeIcon, ArrowUpOnSquare as ArrowUpOnSquareStrokeIcon, Attachment as AttachmentStrokeIcon, Backspace as BackspaceStrokeIcon, Bookmark as BookmarkStrokeIcon, ChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusStrokeIcon, ChatBubbleBottomCenterText as ChatBubbleBottomCenterTextStrokeIcon, ChatBubbleLeftRight as ChatBubbleLeftRightStrokeIcon, Check as CheckStrokeIcon, CheckCircle as CheckCircleStrokeIcon, ChevronDown as ChevronDownStrokeIcon, ChevronLeft as ChevronLeftStrokeIcon, ChevronRight as ChevronRightStrokeIcon, ChevronUp as ChevronUpStrokeIcon, ChevronUpDown as ChevronUpDownStrokeIcon, Clipboard as ClipboardStrokeIcon, ClipboardCheck as ClipboardCheckStrokeIcon, Clock as ClockStrokeIcon, CloudArrowDown as CloudArrowDownStrokeIcon, Cog6Tooth as Cog6ToothStrokeIcon, CommandLine as CommandLineStrokeIcon, Cube as CubeStrokeIcon, DocumentDuplicate as DocumentDuplicateStrokeIcon, DocumentPlus as DocumentPlusStrokeIcon, DocumentText as DocumentTextStrokeIcon, Equalizer as EqualizerStrokeIcon, ExclamationCircle as ExclamationCircleStrokeIcon, Eye as EyeStrokeIcon, EyeSlash as EyeSlashStrokeIcon, FolderOpen as FolderOpenStrokeIcon, GlobeAlt as GlobeAltStrokeIcon, HandThumbDown as HandThumbDownStrokeIcon, HandThumbUp as HandThumbUpStrokeIcon, InformationCircle as InformationCircleStrokeIcon, Key as KeyStrokeIcon, Lightbulb as LightbulbStrokeIcon, Link as LinkStrokeIcon, MagnifyingGlass as MagnifyingGlassStrokeIcon, Menu as MenuStrokeIcon, PaperAirplane as PaperAirplaneStrokeIcon, PencilSquare as PencilSquareStrokeIcon, Planet as PlanetStrokeIcon, Plus as PlusStrokeIcon, PlusCircle as PlusCircleStrokeIcon, QuestionMarkCircle as QuestionMarkCircleStrokeIcon, Robot as RobotStrokeIcon, Server as ServerStrokeIcon, Sparkles as SparklesStrokeIcon, Square3Stack3D as Square3Stack3DStrokeIcon, TestTube as TestTubeStrokeIcon, Trash as TrashStrokeIcon, User as UserStrokeIcon, UserGroup as UserGroupStrokeIcon, Wrench as WrenchStrokeIcon, XCircle as XCircleStrokeIcon, XMark as XMarkStrokeIcon } from "./icons/stroke";
+export { ArrowDownCircleStrokeIcon, ArrowDownOnSquareStrokeIcon, ArrowPathStrokeIcon, ArrowUpOnSquareStrokeIcon, AttachmentStrokeIcon, BackspaceStrokeIcon, BookmarkStrokeIcon, ChatBubbleBottomCenterPlusStrokeIcon, ChatBubbleBottomCenterTextStrokeIcon, ChatBubbleLeftRightStrokeIcon, CheckCircleStrokeIcon, CheckStrokeIcon, ChevronDownStrokeIcon, ChevronLeftStrokeIcon, ChevronRightStrokeIcon, ChevronUpDownStrokeIcon, ChevronUpStrokeIcon, ClipboardCheckStrokeIcon, ClipboardStrokeIcon, ClockStrokeIcon, CloudArrowDownStrokeIcon, Cog6ToothStrokeIcon, CommandLineStrokeIcon, CubeStrokeIcon, DocumentDuplicateStrokeIcon, DocumentPlusStrokeIcon, DocumentTextStrokeIcon, EqualizerStrokeIcon, ExclamationCircleStrokeIcon, EyeSlashStrokeIcon, EyeStrokeIcon, FolderOpenStrokeIcon, GlobeAltStrokeIcon, HandThumbDownStrokeIcon, HandThumbUpStrokeIcon, InformationCircleStrokeIcon, KeyStrokeIcon, LightbulbStrokeIcon, LinkStrokeIcon, MagnifyingGlassStrokeIcon, MenuStrokeIcon, PaperAirplaneStrokeIcon, PencilSquareStrokeIcon, PlanetStrokeIcon, PlusCircleStrokeIcon, PlusStrokeIcon, QuestionMarkCircleStrokeIcon, RobotStrokeIcon, ServerStrokeIcon, SparklesStrokeIcon, Square3Stack3DStrokeIcon, TestTubeStrokeIcon, TrashStrokeIcon, UserGroupStrokeIcon, UserStrokeIcon, WrenchStrokeIcon, XCircleStrokeIcon, XMarkStrokeIcon, };

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

@@ -1,7 +1,7 @@
 import React, { ComponentType, MouseEventHandler } from "react";
 import { TooltipProps } from "./Tooltip";
 type IconButtonProps = {
-    type?: "primary" | "warning" | "secondary" | "tertiary";
+    variant?: "primary" | "warning" | "secondary" | "tertiary";
     onClick?: MouseEventHandler<HTMLButtonElement>;
     size?: "xs" | "sm" | "md";
     tooltip?: string;
@@ -10,5 +10,5 @@ type IconButtonProps = {
     className?: string;
     disabled?: boolean;
 };
-export declare function IconButton({ type, onClick, disabled, tooltip, tooltipPosition, icon, className, size, }: IconButtonProps): React.JSX.Element;
+export declare function IconButton({ variant, onClick, disabled, tooltip, tooltipPosition, icon, className, size, }: IconButtonProps): React.JSX.Element;
 export {};

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

@@ -1,7 +1,7 @@
 import React, { ComponentType, MouseEventHandler } from "react";
 import { TooltipProps } from "./Tooltip";
 type IconToggleButtonProps = {
-    type?: "secondary" | "tertiary";
+    variant?: "secondary" | "tertiary";
     onClick?: MouseEventHandler<HTMLButtonElement>;
     size?: "xs" | "sm" | "md";
     tooltip?: string;
@@ -12,5 +12,5 @@ type IconToggleButtonProps = {
     disabled?: boolean;
     selected?: boolean;
 };
-export declare function IconToggleButton({ type, onClick, disabled, tooltip, tooltipPosition, icon, iconSelected, className, selected, size, }: IconToggleButtonProps): React.JSX.Element;
+export declare function IconToggleButton({ variant, onClick, disabled, tooltip, tooltipPosition, icon, iconSelected, className, selected, size, }: IconToggleButtonProps): React.JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
 import React, { MouseEventHandler } from "react";
 type SliderToggleProps = {
-    onClick?: MouseEventHandler<HTMLButtonElement>;
+    onClick?: MouseEventHandler<HTMLElement>;
     className?: string;
     disabled?: boolean;
     selected?: boolean;

package/dist/cjs/index.js

@@ -164,7 +164,7 @@ var SvgChevronRight$1 = function (props) { return (React__namespace.createElemen
 var SvgChevronUp$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 11.5 7.5 16l-2-2L12 7.5l6.5 6.5-2 2-4.5-4.5Z" }))); };
 
-var SvgChevronUpDown = 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),
+var SvgChevronUpDown$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: "M8.5 11 12 7.5l3.5 3.5 2-2L12 3.5 6.5 9l2 2ZM15.5 13 12 16.5 8.5 13l-2 2 5.5 5.5 5.5-5.5-2-2Z" }))); };
 
 var SvgClipboard$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),
@@ -428,7 +428,7 @@ function Button(_a) {
         icon && React.createElement(Icon, { visual: icon, size: size }),
         React.createElement("div", { className: finalContainerClasses }, label),
         type === "menu" && (React.createElement(Icon, { className: "s-opacity-50", visual: SvgChevronDown$1, size: size })),
-        type === "select" && (React.createElement(Icon, { className: "s-opacity-60", visual: SvgChevronUpDown, size: size })))) : (React.createElement(Tooltip, { label: label, position: tooltipPosition },
+        type === "select" && (React.createElement(Icon, { className: "s-opacity-60", visual: SvgChevronUpDown$1, size: size })))) : (React.createElement(Tooltip, { label: label, position: tooltipPosition },
         React.createElement("button", { type: "button", className: buttonClasses, onClick: onClick, disabled: disabled, "aria-label": label }, icon && React.createElement(Icon, { visual: icon, size: size }))));
 }
 
@@ -752,10 +752,10 @@ DropdownMenu.Button = function (_a) {
     return (React.createElement(React.Fragment, null, tooltip ? (React.createElement(Tooltip, { label: tooltip, position: tooltipPosition },
         React.createElement(it.Button, { disabled: disabled, ref: buttonRef, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group s-flex s-justify-items-center s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0", label ? "s-gap-1.5" : "s-gap-0") },
             React.createElement(Icon, { visual: icon, size: "sm", className: finalIconClasses }),
-            React.createElement(Icon, { visual: type === "select" ? SvgChevronUpDown : SvgChevronDown$1, size: "xs", className: finalChevronClasses })))) : (React.createElement(it.Button, { disabled: disabled, ref: buttonRef, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group s-flex s-justify-items-center s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0", label ? "s-gap-1.5" : "s-gap-0") },
+            React.createElement(Icon, { visual: type === "select" ? SvgChevronUpDown$1 : SvgChevronDown$1, size: "xs", className: finalChevronClasses })))) : (React.createElement(it.Button, { disabled: disabled, ref: buttonRef, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group s-flex s-justify-items-center s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0", label ? "s-gap-1.5" : "s-gap-0") },
         React.createElement(Icon, { visual: icon, size: "sm", className: finalIconClasses }),
         React.createElement("span", { className: finalLabelClasses }, label),
-        React.createElement(Icon, { visual: type === "select" ? SvgChevronUpDown : SvgChevronDown$1, size: "xs", className: finalChevronClasses })))));
+        React.createElement(Icon, { visual: type === "select" ? SvgChevronUpDown$1 : SvgChevronDown$1, size: "xs", className: finalChevronClasses })))));
 };
 DropdownMenu.Item = function (_a) {
     var label = _a.label, href = _a.href, disabled = _a.disabled, _b = _a.key, key = _b === void 0 ? "" : _b, onClick = _a.onClick;
@@ -960,9 +960,9 @@ var iconClasses$1 = {
     },
 };
 function IconButton(_a) {
-    var _b = _a.type, type = _b === void 0 ? "tertiary" : _b, onClick = _a.onClick, _c = _a.disabled, disabled = _c === void 0 ? false : _c, tooltip = _a.tooltip, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? "above" : _d, icon = _a.icon, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.size, size = _f === void 0 ? "sm" : _f;
+    var _b = _a.variant, variant = _b === void 0 ? "tertiary" : _b, onClick = _a.onClick, _c = _a.disabled, disabled = _c === void 0 ? false : _c, tooltip = _a.tooltip, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? "above" : _d, icon = _a.icon, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.size, size = _f === void 0 ? "sm" : _f;
     // Choose the correct group of classes based on 'type'
-    var iconGroup = iconClasses$1[type];
+    var iconGroup = iconClasses$1[variant];
     var finalIconClasses = classNames(className, baseClasses$1, iconGroup.base, disabled ? iconGroup.disabled : iconGroup.hover, disabled ? "" : iconGroup.active, iconGroup.dark.base, disabled ? iconGroup.dark.disabled : iconGroup.dark.hover, disabled ? "" : iconGroup.dark.active);
     var IconButtonContent = (React.createElement("button", { className: finalIconClasses, onClick: disabled ? undefined : onClick, disabled: disabled }, icon && React.createElement(Icon, { visual: icon, size: size })));
     return tooltip ? (React.createElement(Tooltip, { label: tooltip, position: tooltipPosition }, IconButtonContent)) : (IconButtonContent);
@@ -1000,8 +1000,8 @@ var iconClasses = {
     },
 };
 function IconToggleButton(_a) {
-    var _b = _a.type, type = _b === void 0 ? "tertiary" : _b, onClick = _a.onClick, _c = _a.disabled, disabled = _c === void 0 ? false : _c, tooltip = _a.tooltip, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? "above" : _d, icon = _a.icon, iconSelected = _a.iconSelected, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.selected, selected = _f === void 0 ? false : _f, _g = _a.size, size = _g === void 0 ? "sm" : _g;
-    var iconGroup = iconClasses[type];
+    var _b = _a.variant, variant = _b === void 0 ? "tertiary" : _b, onClick = _a.onClick, _c = _a.disabled, disabled = _c === void 0 ? false : _c, tooltip = _a.tooltip, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? "above" : _d, icon = _a.icon, iconSelected = _a.iconSelected, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.selected, selected = _f === void 0 ? false : _f, _g = _a.size, size = _g === void 0 ? "sm" : _g;
+    var iconGroup = iconClasses[variant];
     var finalIconClasses = classNames(className, baseClasses, disabled
         ? iconGroup.disabled
         : selected
@@ -1290,6 +1290,9 @@ var SvgChevronRight = function (props) { return (React__namespace.createElement(
 var SvgChevronUp = 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 11-5 5-1.5-1.5L12 8l6.5 6.5L17 16l-5-5Z" }))); };
 
+var SvgChevronUpDown = 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: "m9 11 3-3 3 3 1.5-1.5L12 5 7.5 9.5 9 11ZM15 13l-3 3-3-3-1.5 1.5L12 19l4.5-4.5L15 13Z" }))); };
+
 var SvgClipboard = 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: "M17 17v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h4V3.007C7 2.451 7.449 2 8.007 2h12.986C21.549 2 22 2.449 22 3.007l-.003 12.985c0 .557-.449 1.008-1.008 1.008H17Zm-2 0H8.007A1.006 1.006 0 0 1 7 15.992V9H4v11h11v-3Zm4.997-2L20 4H9v11h10.997Z" }))); };
 
@@ -1451,6 +1454,8 @@ exports.ChevronLeftIcon = SvgChevronLeft$1;
 exports.ChevronLeftStrokeIcon = SvgChevronLeft;
 exports.ChevronRightIcon = SvgChevronRight$1;
 exports.ChevronRightStrokeIcon = SvgChevronRight;
+exports.ChevronUpDownIcon = SvgChevronUpDown$1;
+exports.ChevronUpDownStrokeIcon = SvgChevronUpDown;
 exports.ChevronUpIcon = SvgChevronUp$1;
 exports.ChevronUpStrokeIcon = SvgChevronUp;
 exports.ClaudeLogo = SvgClaude;