@dust-tt/sparkle 0.2.46 → 0.2.47

package/dist/cjs/_index.d.ts

@@ -60,10 +60,10 @@ import { SectionHeader } from "./components/SectionHeader";
 export { SectionHeader };
 import { PageHeader } from "./components/PageHeader";
 export { PageHeader };
-import { LogoHorizontalColor as LogoHorizontalColorLogo, LogoHorizontalDark as LogoHorizontalDarkLogo, LogoHorizontalWhite as LogoHorizontalWhiteLogo, LogoSquareColor as LogoSquareColorLogo, LogoSquareDark as LogoSquareDarkLogo, LogoSquareWhite as LogoSquareWhiteLogo } from "./logo/dust";
-export { LogoHorizontalColorLogo, LogoHorizontalDarkLogo, LogoHorizontalWhiteLogo, LogoSquareColorLogo, LogoSquareDarkLogo, LogoSquareWhiteLogo, };
-import { Ai21 as Ai21Logo, Anthropic as AnthropicLogo, Claude as ClaudeLogo, Cohere as CohereLogo, Drive as DriveLogo, Github as GithubLogo, GithubWhite as GithubWhiteLogo, Google as GoogleLogo, Gpt3 as Gpt3Logo, Gpt4 as Gpt4Logo, HuggingFace as HuggingFaceLogo, Intercom as IntercomLogo, Microsoft as MicrosoftLogo, Mistral as MistralLogo, Notion as NotionLogo, Openai as OpenaiLogo, Replicate as ReplicateLogo, Slack as SlackLogo } from "./logo/platforms";
-export { Ai21Logo, AnthropicLogo, ClaudeLogo, CohereLogo, DriveLogo, GithubLogo, GithubWhiteLogo, GoogleLogo, Gpt3Logo, Gpt4Logo, HuggingFaceLogo, IntercomLogo, MicrosoftLogo, MistralLogo, NotionLogo, OpenaiLogo, ReplicateLogo, SlackLogo, };
+import { LogoHorizontalColor as LogoHorizontalColorLogo, LogoHorizontalColorLayer1 as LogoHorizontalColorLogoLayer1, LogoHorizontalColorLayer2 as LogoHorizontalColorLogoLayer2, LogoHorizontalDark as LogoHorizontalDarkLogo, LogoHorizontalWhite as LogoHorizontalWhiteLogo, LogoSquareColor as LogoSquareColorLogo, LogoSquareColorLayer1 as LogoSquareColorLogoLayer1, LogoSquareColorLayer2 as LogoSquareColorLogoLayer2, LogoSquareDark as LogoSquareDarkLogo, LogoSquareWhite as LogoSquareWhiteLogo } from "./logo/dust";
+export { LogoHorizontalColorLogo, LogoHorizontalColorLogoLayer1, LogoHorizontalColorLogoLayer2, LogoHorizontalDarkLogo, LogoHorizontalWhiteLogo, LogoSquareColorLogo, LogoSquareColorLogoLayer1, LogoSquareColorLogoLayer2, LogoSquareDarkLogo, LogoSquareWhiteLogo, };
+import { Ai21 as Ai21Logo, Anthropic as AnthropicLogo, AnthropicWhite as AnthropicWhiteLogo, Claude as ClaudeLogo, Cohere as CohereLogo, Drive as DriveLogo, Github as GithubLogo, GithubWhite as GithubWhiteLogo, Google as GoogleLogo, Gpt3 as Gpt3Logo, Gpt4 as Gpt4Logo, HuggingFace as HuggingFaceLogo, Intercom as IntercomLogo, Microsoft as MicrosoftLogo, Mistral as MistralLogo, Notion as NotionLogo, Openai as OpenaiLogo, OpenaiWhite as OpenaiWhiteLogo, Replicate as ReplicateLogo, Slack as SlackLogo } from "./logo/platforms";
+export { Ai21Logo, AnthropicLogo, AnthropicWhiteLogo, ClaudeLogo, CohereLogo, DriveLogo, GithubLogo, GithubWhiteLogo, GoogleLogo, Gpt3Logo, Gpt4Logo, HuggingFaceLogo, IntercomLogo, MicrosoftLogo, MistralLogo, NotionLogo, OpenaiLogo, OpenaiWhiteLogo, ReplicateLogo, SlackLogo, };
 import { ArrowDownCircle as ArrowDownCircleIcon, ArrowDownOnSquare as ArrowDownOnSquareIcon, ArrowPath as ArrowPathIcon, ArrowRight as ArrowRightIcon, ArrowUpOnSquare as ArrowUpOnSquareIcon, Attachment as AttachmentIcon, Backspace as BackspaceIcon, Bookmark as BookmarkIcon, BookOpen as BookOpenIcon, Braces as BracesIcon, Card as CardIcon, 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, Circle as CircleIcon, Clipboard as ClipboardIcon, ClipboardCheck as ClipboardCheckIcon, Clock as ClockIcon, CloudArrowDown as CloudArrowDownIcon, CloudArrowLeftRight as CloudArrowLeftRightIcon, CloudX as CloudXIcon, Cog6Tooth as Cog6ToothIcon, CommandLine as CommandLineIcon, Cube as CubeIcon, Dash as DashIcon, DocumentDuplicate as DocumentDuplicateIcon, DocumentPile as DocumentPileIcon, DocumentPlus as DocumentPlusIcon, DocumentText as DocumentTextIcon, EmotionLaugh as EmotionLaughIcon, Equalizer as EqualizerIcon, ExclamationCircle as ExclamationCircleIcon, ExternalLink as ExternalLinkIcon, Eye as EyeIcon, EyeSlash as EyeSlashIcon, Flag as FlagIcon, FolderOpen as FolderOpenIcon, Fullscreen as FullscreenIcon, FullscreenExit as FullscreenExitIcon, GlobeAlt as GlobeAltIcon, HandThumbDown as HandThumbDownIcon, HandThumbUp as HandThumbUpIcon, Hexagon as HexagonIcon, Image as ImageIcon, InformationCircle as InformationCircleIcon, Key as KeyIcon, Lightbulb as LightbulbIcon, Link as LinkIcon, ListCheck as ListCheckIcon, Lock as LockIcon, Login as LoginIcon, Logout as LogoutIcon, MagnifyingGlass as MagnifyingGlassIcon, Menu as MenuIcon, More as MoreIcon, MovingMail as MovingMailIcon, Paint as PaintIcon, PaperAirplane as PaperAirplaneIcon, Pause as PauseIcon, PencilSquare as PencilSquareIcon, Planet as PlanetIcon, Play as PlayIcon, Plus as PlusIcon, PlusCircle as PlusCircleIcon, QuestionMarkCircle as QuestionMarkCircleIcon, Reaction as ReactionIcon, Rectangle as RectangleIcon, Robot as RobotIcon, RobotShared as RobotSharedIcon, Rocket as RocketIcon, Server as ServerIcon, ShakeHands as ShakeHandsIcon, Shapes as ShapesIcon, Sparkles as SparklesIcon, Square as SquareIcon, Square3Stack3D as Square3Stack3DIcon, Stop as StopIcon, TestTube as TestTubeIcon, Trash as TrashIcon, Triangle as TriangleIcon, User as UserIcon, UserArrow as UserArrowIcon, UserGroup as UserGroupIcon, UserPlus as UserPlusIcon, Wrench as WrenchIcon, XCircle as XCircleIcon, XMark as XMarkIcon } from "./icons/solid";
 export { ArrowDownCircleIcon, ArrowDownOnSquareIcon, ArrowPathIcon, ArrowRightIcon, ArrowUpOnSquareIcon, AttachmentIcon, BackspaceIcon, BookmarkIcon, BookOpenIcon, BracesIcon, CardIcon, ChatBubbleBottomCenterPlusIcon, ChatBubbleBottomCenterTextIcon, ChatBubbleLeftRightIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, CircleIcon, ClipboardCheckIcon, ClipboardIcon, ClockIcon, CloudArrowDownIcon, CloudArrowLeftRightIcon, CloudXIcon, Cog6ToothIcon, CommandLineIcon, CubeIcon, DashIcon, DocumentDuplicateIcon, DocumentPileIcon, DocumentPlusIcon, DocumentTextIcon, EmotionLaughIcon, EqualizerIcon, ExclamationCircleIcon, ExternalLinkIcon, EyeIcon, EyeSlashIcon, FlagIcon, FolderOpenIcon, FullscreenExitIcon, FullscreenIcon, GlobeAltIcon, HandThumbDownIcon, HandThumbUpIcon, HexagonIcon, ImageIcon, InformationCircleIcon, KeyIcon, LightbulbIcon, LinkIcon, ListCheckIcon, LockIcon, LoginIcon, LogoutIcon, MagnifyingGlassIcon, MenuIcon, MoreIcon, MovingMailIcon, PaintIcon, PaperAirplaneIcon, PauseIcon, PencilSquareIcon, PlanetIcon, PlayIcon, PlusCircleIcon, PlusIcon, QuestionMarkCircleIcon, ReactionIcon, RectangleIcon, RobotIcon, RobotSharedIcon, RocketIcon, ServerIcon, ShakeHandsIcon, ShapesIcon, SparklesIcon, Square3Stack3DIcon, SquareIcon, StopIcon, TestTubeIcon, TrashIcon, TriangleIcon, UserArrowIcon, UserGroupIcon, UserIcon, UserPlusIcon, WrenchIcon, XCircleIcon, XMarkIcon, };
 import { ArrowDownCircle as ArrowDownCircleStrokeIcon, ArrowDownOnSquare as ArrowDownOnSquareStrokeIcon, ArrowPath as ArrowPathStrokeIcon, ArrowRight as ArrowRightStrokeIcon, ArrowUpOnSquare as ArrowUpOnSquareStrokeIcon, Attachment as AttachmentStrokeIcon, Backspace as BackspaceStrokeIcon, Bookmark as BookmarkStrokeIcon, BookOpen as BookOpenStrokeIcon, Braces as BracesStrokeIcon, Card as CardStrokeIcon, 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, Circle as CircleStrokeIcon, Clipboard as ClipboardStrokeIcon, ClipboardCheck as ClipboardCheckStrokeIcon, Clock as ClockStrokeIcon, CloudArrowDown as CloudArrowDownStrokeIcon, CloudArrowLeftRight as CloudArrowLeftRightStrokeIcon, CloudX as CloudXStrokeIcon, Cog6Tooth as Cog6ToothStrokeIcon, CommandLine as CommandLineStrokeIcon, Cube as CubeStrokeIcon, Dash as DashStrokeIcon, DocumentDuplicate as DocumentDuplicateStrokeIcon, DocumentPile as DocumentPileStrokeIcon, DocumentPlus as DocumentPlusStrokeIcon, DocumentText as DocumentTextStrokeIcon, EmotionLaugh as EmotionLaughStrokeIcon, Equalizer as EqualizerStrokeIcon, ExclamationCircle as ExclamationCircleStrokeIcon, ExternalLink as ExternalLinkStrokeIcon, Eye as EyeStrokeIcon, EyeSlash as EyeSlashStrokeIcon, Flag as FlagStrokeIcon, FolderOpen as FolderOpenStrokeIcon, Fullscreen as FullscreenStrokeIcon, FullscreenExit as FullscreenExitStrokeIcon, GlobeAlt as GlobeAltStrokeIcon, HandThumbDown as HandThumbDownStrokeIcon, HandThumbUp as HandThumbUpStrokeIcon, Hexagon as HexagonStrokeIcon, Image as ImageStrokeIcon, InformationCircle as InformationCircleStrokeIcon, Key as KeyStrokeIcon, Lightbulb as LightbulbStrokeIcon, Link as LinkStrokeIcon, ListCheck as ListCheckStrokeIcon, Lock as LockStrokeIcon, Login as LoginStrokeIcon, Logout as LogoutStrokeIcon, MagnifyingGlass as MagnifyingGlassStrokeIcon, Menu as MenuStrokeIcon, More as MoreStrokeIcon, MovingMail as MovingMailStrokeIcon, Paint as PaintStrokeIcon, PaperAirplane as PaperAirplaneStrokeIcon, Pause as PauseStrokeIcon, PencilSquare as PencilSquareStrokeIcon, Planet as PlanetStrokeIcon, Play as PlayStrokeIcon, Plus as PlusStrokeIcon, PlusCircle as PlusCircleStrokeIcon, QuestionMarkCircle as QuestionMarkCircleStrokeIcon, Reaction as ReactionStrokeIcon, Rectangle as RectangleStrokeIcon, Robot as RobotStrokeIcon, RobotShared as RobotSharedStrokeIcon, Rocket as RocketStrokeIcon, Server as ServerStrokeIcon, ShakeHands as ShakeHandsStrokeIcon, Shapes as ShapesStrokeIcon, Sparkles as SparklesStrokeIcon, Square as SquareStrokeIcon, Square3Stack3D as Square3Stack3DStrokeIcon, Stop as StopStrokeIcon, TestTube as TestTubeStrokeIcon, Trash as TrashStrokeIcon, Triangle as TriangleStrokeIcon, User as UserStrokeIcon, UserArrow as UserArrowStrokeIcon, UserGroup as UserGroupStrokeIcon, UserPlus as UserPlusStrokeIcon, Wrench as WrenchStrokeIcon, XCircle as XCircleStrokeIcon, XMark as XMarkStrokeIcon } from "./icons/stroke";

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

@@ -12,8 +12,11 @@ interface Hover3DProps {
     perspective?: number;
     className?: string;
     depth?: number;
+    range?: number;
+    fullscreenSensible?: boolean;
+    reference?: "screen" | "object";
 }
-declare function Hover3D({ children, xOffset, yOffset, attack, release, perspective, depth, className, }: Hover3DProps): React.JSX.Element;
+declare function Hover3D({ children, xOffset, yOffset, attack, release, perspective, depth, className, range, fullscreenSensible, reference, }: Hover3DProps): React.JSX.Element;
 interface divProps {
     depth: number;
     children: React.ReactNode;

package/dist/cjs/index.js

@@ -132,11 +132,14 @@ var Hover3DContext = React.createContext({ isHovered: false });
 // Custom hook to use the context
 var useHover3D = function () { return React.useContext(Hover3DContext); };
 function Hover3D(_a) {
-    var children = _a.children, _b = _a.xOffset, xOffset = _b === void 0 ? 10 : _b, _c = _a.yOffset, yOffset = _c === void 0 ? 10 : _c, _d = _a.attack, attack = _d === void 0 ? 0.1 : _d, _e = _a.release, release = _e === void 0 ? 0.5 : _e, _f = _a.perspective, perspective = _f === void 0 ? 500 : _f, _g = _a.depth, depth = _g === void 0 ? -10 : _g, _h = _a.className, className = _h === void 0 ? "" : _h;
+    var children = _a.children, _b = _a.xOffset, xOffset = _b === void 0 ? 10 : _b, _c = _a.yOffset, yOffset = _c === void 0 ? 10 : _c, _d = _a.attack, attack = _d === void 0 ? 0.1 : _d, _e = _a.release, release = _e === void 0 ? 0.5 : _e, _f = _a.perspective, perspective = _f === void 0 ? 500 : _f, _g = _a.depth, depth = _g === void 0 ? -10 : _g, _h = _a.className, className = _h === void 0 ? "" : _h, _j = _a.range, range = _j === void 0 ? 3 : _j, _k = _a.fullscreenSensible, fullscreenSensible = _k === void 0 ? false : _k, _l = _a.reference, reference = _l === void 0 ? "object" : _l;
     var elementRef = React.useRef(null);
-    var _j = __read(React.useState(false), 2), isHovered = _j[0], setHovered = _j[1];
-    var _k = __read(React.useState("perspective(500px) translateZ(0px)"), 2), transform = _k[0], setTransform = _k[1];
-    var _l = __read(React.useState(""), 2), transition = _l[0], setTransition = _l[1];
+    var _m = __read(React.useState(fullscreenSensible), 2), isHovered = _m[0], setHovered = _m[1];
+    var _o = __read(React.useState("perspective(".concat(perspective, "px) translateZ(").concat(fullscreenSensible ? depth : 0, "px)")), 2), transform = _o[0], setTransform = _o[1];
+    var _p = __read(React.useState(""), 2), transition = _p[0], setTransition = _p[1];
+    var clamp = function (value, min, max) {
+        return Math.min(Math.max(value, min), max);
+    };
     var map = function (value, istart, istop, ostart, ostop) {
         return ostart + (ostop - ostart) * ((value - istart) / (istop - istart));
     };
@@ -148,27 +151,34 @@ function Hover3D(_a) {
         };
         var handleMouseMove = function (e) {
             if (element) {
-                var rect = element.getBoundingClientRect();
+                var rect = reference === "object"
+                    ? element.getBoundingClientRect()
+                    : document.body.getBoundingClientRect();
                 var dx = e.clientX - rect.left;
                 var dy = e.clientY - rect.top;
-                var xRot = map(dx, 0, rect.width, -xOffset, xOffset);
-                var yRot = map(dy, 0, rect.height, yOffset, -yOffset);
+                var xRot = clamp(map(dx, 0, rect.width, -xOffset, xOffset), -xOffset, xOffset);
+                var yRot = clamp(map(dy, 0, rect.height, yOffset, -yOffset), -range * yOffset, range * yOffset);
                 setTransform("perspective(".concat(perspective, "px) rotateX(").concat(yRot, "deg) rotateY(").concat(xRot, "deg) translateZ(").concat(depth, "px)"));
             }
         };
-        var handleMouseLeave = function () {
-            setTransition("transform ".concat(release, "s"));
-            setTransform("perspective(".concat(perspective, "px) rotateX(0deg) rotateY(0deg)"));
-            setHovered(false);
-        };
-        element === null || element === void 0 ? void 0 : element.addEventListener("mouseenter", handleMouseEnter);
-        element === null || element === void 0 ? void 0 : element.addEventListener("mousemove", handleMouseMove);
-        element === null || element === void 0 ? void 0 : element.addEventListener("mouseleave", handleMouseLeave);
-        return function () {
-            element === null || element === void 0 ? void 0 : element.removeEventListener("mouseenter", handleMouseEnter);
-            element === null || element === void 0 ? void 0 : element.removeEventListener("mousemove", handleMouseMove);
-            element === null || element === void 0 ? void 0 : element.removeEventListener("mouseleave", handleMouseLeave);
-        };
+        if (fullscreenSensible) {
+            window.addEventListener("mousemove", handleMouseMove);
+        }
+        else {
+            var handleMouseLeave_1 = function () {
+                setTransition("transform ".concat(release, "s"));
+                setTransform("perspective(".concat(perspective, "px) rotateX(0deg) rotateY(0deg)"));
+                setHovered(false);
+            };
+            element === null || element === void 0 ? void 0 : element.addEventListener("mouseenter", handleMouseEnter);
+            element === null || element === void 0 ? void 0 : element.addEventListener("mousemove", handleMouseMove);
+            element === null || element === void 0 ? void 0 : element.addEventListener("mouseleave", handleMouseLeave_1);
+            return function () {
+                element === null || element === void 0 ? void 0 : element.removeEventListener("mouseenter", handleMouseEnter);
+                element === null || element === void 0 ? void 0 : element.removeEventListener("mousemove", handleMouseMove);
+                element === null || element === void 0 ? void 0 : element.removeEventListener("mouseleave", handleMouseLeave_1);
+            };
+        }
     }, [attack, release, perspective, xOffset, yOffset]);
     return (React.createElement(Hover3DContext.Provider, { value: { isHovered: isHovered, setHovered: setHovered } },
         React.createElement("div", { ref: elementRef, style: {
@@ -32526,6 +32536,9 @@ var SvgAi21 = function (props) { return (React__namespace.createElement("svg", _
 var SvgAnthropic = 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: "#000", d: "M16.867 4H13.5l6.132 15.53H23L16.867 4ZM7.133 4 1 19.53h3.438l1.237-3.262h6.435l1.251 3.261H16.8L10.653 4h-3.52Zm-.33 9.382 2.09-5.46 2.104 5.46H6.802Z" }))); };
 
+var SvgAnthropicWhite = 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: "#fff", d: "M16.867 4H13.5l6.132 15.53H23L16.867 4ZM7.133 4 1 19.53h3.438l1.237-3.262h6.435l1.251 3.261H16.8L10.653 4h-3.52Zm-.33 9.382 2.09-5.46 2.104 5.46H6.802Z" }))); };
+
 var SvgClaude = 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("g", { clipPath: "url(#Claude_svg__a)" },
         React__namespace.createElement("rect", { width: 24, height: 24, fill: "#D4A480", rx: 4 }),
@@ -32616,6 +32629,9 @@ var SvgNotion = function (props) { return (React__namespace.createElement("svg",
     React__namespace.createElement("path", { fill: "#000", fillRule: "evenodd", d: "m14.27 2.045-11.067.818C2.311 2.94 2 3.523 2 4.223v12.132c0 .544.193 1.01.66 1.633l2.601 3.383c.428.544.816.661 1.632.622l12.852-.778c1.086-.077 1.398-.583 1.398-1.438V6.128c0-.442-.175-.57-.689-.947l-3.62-2.552c-.855-.622-1.205-.7-2.564-.584Zm-7.086 3.86c-1.05.07-1.287.086-1.883-.398L3.785 4.3c-.154-.156-.076-.35.312-.389l10.638-.777c.894-.078 1.359.233 1.708.505l1.825 1.322c.078.04.272.272.039.272L7.32 5.895l-.136.01ZM5.961 19.66V8.073c0-.506.155-.739.62-.778L19.2 6.556c.428-.039.621.233.621.739v11.509c0 .506-.078.934-.776.973l-12.076.7c-.698.038-1.008-.194-1.008-.817ZM17.88 8.695c.077.35 0 .7-.35.74l-.582.115v8.555c-.506.272-.971.427-1.36.427-.621 0-.776-.195-1.242-.777l-3.806-5.988v5.793l1.204.273s0 .7-.971.7l-2.678.155c-.078-.156 0-.545.271-.622l.7-.194v-7.66l-.971-.079c-.078-.35.116-.855.66-.894l2.873-.194 3.96 6.066V9.745l-1.009-.116c-.078-.429.233-.74.62-.778l2.68-.156Z", clipRule: "evenodd" }))); };
 
 var SvgOpenai = 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: "#000", d: "M21.55 10.005a5.417 5.417 0 0 0-.478-4.502c-1.216-2.09-3.662-3.166-6.05-2.66A5.59 5.59 0 0 0 10.831 1C8.39.995 6.224 2.546 5.473 4.838A5.553 5.553 0 0 0 1.76 7.496a5.488 5.488 0 0 0 .691 6.5 5.416 5.416 0 0 0 .477 4.502c1.217 2.09 3.662 3.165 6.05 2.66A5.586 5.586 0 0 0 13.168 23c2.443.006 4.61-1.546 5.361-3.84a5.553 5.553 0 0 0 3.715-2.66 5.488 5.488 0 0 0-.693-6.497v.002Zm-8.381 11.557a4.198 4.198 0 0 1-2.675-.954c.034-.018.093-.05.132-.073l4.44-2.53a.71.71 0 0 0 .364-.624v-6.176l1.877 1.069c.02.01.033.029.036.05v5.115c-.003 2.275-1.87 4.119-4.174 4.123ZM4.192 17.78a4.059 4.059 0 0 1-.498-2.762l.131.077 4.44 2.53c.225.13.504.13.73 0l5.42-3.088v2.138a.068.068 0 0 1-.027.057L9.9 19.288c-1.999 1.136-4.552.46-5.707-1.51h-.001ZM3.023 8.216A4.15 4.15 0 0 1 5.198 6.41l-.002.151v5.06a.711.711 0 0 0 .364.624l5.42 3.087-1.876 1.07a.067.067 0 0 1-.063.005l-4.489-2.559c-1.995-1.14-2.679-3.658-1.53-5.63h.001Zm15.417 3.54-5.42-3.088L14.896 7.6a.067.067 0 0 1 .063-.006l4.489 2.557c1.998 1.14 2.683 3.662 1.529 5.633a4.163 4.163 0 0 1-2.174 1.807V12.38a.71.71 0 0 0-.363-.623Zm1.867-2.773a6.16 6.16 0 0 0-.132-.078l-4.44-2.53a.731.731 0 0 0-.729 0l-5.42 3.088V7.325a.068.068 0 0 1 .027-.057L14.1 4.713c2-1.137 4.555-.46 5.707 1.513.487.833.664 1.809.499 2.757h.001Zm-11.741 3.81-1.877-1.068a.065.065 0 0 1-.036-.051V6.559c.001-2.277 1.873-4.122 4.181-4.12.976 0 1.92.338 2.671.954-.034.018-.092.05-.131.073l-4.44 2.53a.71.71 0 0 0-.365.623l-.003 6.173v.002Zm1.02-2.168L12 9.25l2.414 1.375v2.75L12 14.75l-2.415-1.375v-2.75Z" }))); };
+
+var SvgOpenaiWhite = 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: "#fff", d: "M21.55 10.005a5.417 5.417 0 0 0-.478-4.502c-1.216-2.09-3.662-3.166-6.05-2.66A5.59 5.59 0 0 0 10.831 1C8.39.995 6.224 2.546 5.473 4.838A5.553 5.553 0 0 0 1.76 7.496a5.488 5.488 0 0 0 .691 6.5 5.416 5.416 0 0 0 .477 4.502c1.217 2.09 3.662 3.165 6.05 2.66A5.586 5.586 0 0 0 13.168 23c2.443.006 4.61-1.546 5.361-3.84a5.553 5.553 0 0 0 3.715-2.66 5.488 5.488 0 0 0-.693-6.497v.002Zm-8.381 11.557a4.198 4.198 0 0 1-2.675-.954c.034-.018.093-.05.132-.073l4.44-2.53a.71.71 0 0 0 .364-.624v-6.176l1.877 1.069c.02.01.033.029.036.05v5.115c-.003 2.275-1.87 4.119-4.174 4.123ZM4.192 17.78a4.059 4.059 0 0 1-.498-2.762l.131.077 4.44 2.53c.225.13.504.13.73 0l5.42-3.088v2.138a.068.068 0 0 1-.027.057L9.9 19.288c-1.999 1.136-4.552.46-5.707-1.51h-.001ZM3.023 8.216A4.15 4.15 0 0 1 5.198 6.41l-.002.151v5.06a.711.711 0 0 0 .364.624l5.42 3.087-1.876 1.07a.067.067 0 0 1-.063.005l-4.489-2.559c-1.995-1.14-2.679-3.658-1.53-5.63h.001Zm15.417 3.54-5.42-3.088L14.896 7.6a.067.067 0 0 1 .063-.006l4.489 2.557c1.998 1.14 2.683 3.662 1.529 5.633a4.163 4.163 0 0 1-2.174 1.807V12.38a.71.71 0 0 0-.363-.623Zm1.867-2.773a6.16 6.16 0 0 0-.132-.078l-4.44-2.53a.731.731 0 0 0-.729 0l-5.42 3.088V7.325a.068.068 0 0 1 .027-.057L14.1 4.713c2-1.137 4.555-.46 5.707 1.513.487.833.664 1.809.499 2.757h.001Zm-11.741 3.81-1.877-1.068a.065.065 0 0 1-.036-.051V6.559c.001-2.277 1.873-4.122 4.181-4.12.976 0 1.92.338 2.671.954-.034.018-.092.05-.131.073l-4.44 2.53a.71.71 0 0 0-.365.623l-.003 6.173v.002Zm1.02-2.168L12 9.25l2.414 1.375v2.75L12 14.75l-2.415-1.375v-2.75Z" }))); };
 
 var SvgReplicate = 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),
@@ -33383,6 +33399,17 @@ var SvgLogoHorizontalColor = function (props) { return (React__namespace.createE
     React__namespace.createElement("path", { fill: "#3B82F6", fillRule: "evenodd", d: "M60 12a6 6 0 0 1 0-12h36v12H60Z", clipRule: "evenodd" }),
     React__namespace.createElement("path", { fill: "#7DD3FC", fillRule: "evenodd", d: "M48 24V12h12a6 6 0 0 1 0 12H48Z", clipRule: "evenodd" }))); };
 
+var SvgLogoHorizontalColorLayer1 = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 96 24" }, props),
+    React__namespace.createElement("path", { fill: "#FCD34D", d: "M84 0H72v24h12V0Z" }),
+    React__namespace.createElement("path", { fill: "#6EE7B7", d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z" }),
+    React__namespace.createElement("path", { fill: "#F9A8D4", d: "M36 24c6.627 0 12-5.373 12-12S42.627 0 36 0 24 5.373 24 12s5.373 12 12 12Z" }),
+    React__namespace.createElement("path", { fill: "#7DD3FC", fillRule: "evenodd", d: "M48 24V12h12a6 6 0 0 1 0 12H48Z", clipRule: "evenodd" }))); };
+
+var SvgLogoHorizontalColorLayer2 = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 96 24" }, props),
+    React__namespace.createElement("path", { fill: "#10B981", d: "M12 0H0v24h12V0Z" }),
+    React__namespace.createElement("path", { fill: "#F87171", d: "M48 0H24v12h24V0Z" }),
+    React__namespace.createElement("path", { fill: "#3B82F6", fillRule: "evenodd", d: "M60 12a6 6 0 0 1 0-12h36v12H60Z", clipRule: "evenodd" }))); };
+
 var SvgLogoHorizontalDark = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 96 24" }, props),
     React__namespace.createElement("path", { fill: "#1E293B", fillOpacity: 0.7, fillRule: "evenodd", d: "M12 24c6.627 0 12-5.373 12-12 0 6.627 5.373 12 12 12s12-5.373 12-12v12h12a6 6 0 0 0 0-12H48c0-6.627-5.373-12-12-12S24 5.373 24 12c0-6.627-5.373-12-12-12S0 5.373 0 12s5.373 12 12 12Zm72-12H72v12h12V12Z", clipRule: "evenodd" }),
     React__namespace.createElement("path", { fill: "#1E293B", fillRule: "evenodd", d: "M0 0h12v24H0V0Zm24 0h24v12H24V0Zm36 12h36V0H60a6 6 0 0 0 0 12Z", clipRule: "evenodd" }))); };
@@ -33400,6 +33427,17 @@ var SvgLogoSquareColor = function (props) { return (React__namespace.createEleme
     React__namespace.createElement("path", { fill: "#10B981", d: "M12 0H0v24h12V0Z" }),
     React__namespace.createElement("path", { fill: "#F87171", d: "M48 0H24v12h24V0Z" }))); };
 
+var SvgLogoSquareColorLayer1 = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 48 48" }, props),
+    React__namespace.createElement("path", { fill: "#FCD34D", d: "M36 24H24v24h12V24Z" }),
+    React__namespace.createElement("path", { fill: "#7DD3FC", fillRule: "evenodd", d: "M0 48V36h12a6 6 0 0 1 0 12H0Z", clipRule: "evenodd" }),
+    React__namespace.createElement("path", { fill: "#6EE7B7", d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z" }),
+    React__namespace.createElement("path", { fill: "#F9A8D4", d: "M36 24c6.627 0 12-5.373 12-12S42.627 0 36 0 24 5.373 24 12s5.373 12 12 12Z" }))); };
+
+var SvgLogoSquareColorLayer2 = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 48 48" }, props),
+    React__namespace.createElement("path", { fill: "#3B82F6", fillRule: "evenodd", d: "M12 36a6 6 0 0 1 0-12h36v12H12Z", clipRule: "evenodd" }),
+    React__namespace.createElement("path", { fill: "#10B981", d: "M12 0H0v24h12V0Z" }),
+    React__namespace.createElement("path", { fill: "#F87171", d: "M48 0H24v12h24V0Z" }))); };
+
 var SvgLogoSquareDark = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 48 48" }, props),
     React__namespace.createElement("path", { fill: "#1E293B", fillOpacity: 0.7, fillRule: "evenodd", d: "M12 24c6.627 0 12-5.373 12-12 0 6.627 5.373 12 12 12s12-5.373 12-12S42.627 0 36 0 24 5.373 24 12c0-6.627-5.373-12-12-12S0 5.373 0 12s5.373 12 12 12Zm24 12H24v12h12V36ZM12 48a6 6 0 0 0 0-12H0v12h12Z", clipRule: "evenodd" }),
     React__namespace.createElement("path", { fill: "#1E293B", fillRule: "evenodd", d: "M12 0H0v24h12a6 6 0 0 0 0 12h36V24H12V0Zm12 0h24v12H24V0Z", clipRule: "evenodd" }))); };
@@ -33410,6 +33448,7 @@ var SvgLogoSquareWhite = function (props) { return (React__namespace.createEleme
 
 exports.Ai21Logo = SvgAi21;
 exports.AnthropicLogo = SvgAnthropic;
+exports.AnthropicWhiteLogo = SvgAnthropicWhite;
 exports.ArrowDownCircleIcon = SvgArrowDownCircle$1;
 exports.ArrowDownCircleStrokeIcon = SvgArrowDownCircle;
 exports.ArrowDownOnSquareIcon = SvgArrowDownOnSquare$1;
@@ -33555,9 +33594,13 @@ exports.LoginIcon = SvgLogin$1;
 exports.LoginStrokeIcon = SvgLogin;
 exports.Logo = Logo;
 exports.LogoHorizontalColorLogo = SvgLogoHorizontalColor;
+exports.LogoHorizontalColorLogoLayer1 = SvgLogoHorizontalColorLayer1;
+exports.LogoHorizontalColorLogoLayer2 = SvgLogoHorizontalColorLayer2;
 exports.LogoHorizontalDarkLogo = SvgLogoHorizontalDark;
 exports.LogoHorizontalWhiteLogo = SvgLogoHorizontalWhite;
 exports.LogoSquareColorLogo = SvgLogoSquareColor;
+exports.LogoSquareColorLogoLayer1 = SvgLogoSquareColorLayer1;
+exports.LogoSquareColorLogoLayer2 = SvgLogoSquareColorLayer2;
 exports.LogoSquareDarkLogo = SvgLogoSquareDark;
 exports.LogoSquareWhiteLogo = SvgLogoSquareWhite;
 exports.LogoutIcon = SvgLogout$1;
@@ -33575,6 +33618,7 @@ exports.MovingMailIcon = SvgMovingMail$1;
 exports.MovingMailStrokeIcon = SvgMovingMail;
 exports.NotionLogo = SvgNotion;
 exports.OpenaiLogo = SvgOpenai;
+exports.OpenaiWhiteLogo = SvgOpenaiWhite;
 exports.Page = Page;
 exports.PageHeader = PageHeader;
 exports.PaintIcon = SvgPaint$1;