@dust-tt/sparkle 0.1.80 → 0.1.82

package/dist/cjs/stories/Collapsible.stories.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+declare const meta: {
+    title: string;
+    component: React.FC<import("../components/Collapsible").CollapsibleProps> & {
+        Button: React.FC<import("../components/Collapsible").CollapsibleButtonProps>;
+        Panel: React.FC<import("../components/Collapsible").CollapsiblePanelProps>;
+    };
+};
+export default meta;
+export declare const CollapsibleExample: () => React.JSX.Element;

package/dist/esm/_index.d.ts

@@ -50,7 +50,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, ChevronUpDown as ChevronUpDownIcon, 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, DocumentPlus as DocumentPlusIcon, DocumentText as DocumentTextIcon, Equalizer as EqualizerIcon, ExclamationCircle as ExclamationCircleIcon, Eye as EyeIcon, EyeSlash as EyeSlashIcon, Flag as FlagIcon, 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, ShakeHands as ShakeHandsIcon, 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, CloudArrowLeftRightIcon, CloudXIcon, Cog6ToothIcon, CommandLineIcon, CubeIcon, DashIcon, DocumentDuplicateIcon, DocumentPlusIcon, DocumentTextIcon, EqualizerIcon, ExclamationCircleIcon, EyeIcon, EyeSlashIcon, FlagIcon, FolderOpenIcon, GlobeAltIcon, HandThumbDownIcon, HandThumbUpIcon, InformationCircleIcon, KeyIcon, LightbulbIcon, LinkIcon, MagnifyingGlassIcon, MenuIcon, PaperAirplaneIcon, PencilSquareIcon, PlanetIcon, PlusCircleIcon, PlusIcon, QuestionMarkCircleIcon, RobotIcon, ServerIcon, ShakeHandsIcon, 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, CloudArrowLeftRight as CloudArrowLeftRightStrokeIcon, CloudX as CloudXStrokeIcon, Cog6Tooth as Cog6ToothStrokeIcon, CommandLine as CommandLineStrokeIcon, Cube as CubeStrokeIcon, Dash as DashStrokeIcon, DocumentDuplicate as DocumentDuplicateStrokeIcon, DocumentPlus as DocumentPlusStrokeIcon, DocumentText as DocumentTextStrokeIcon, Equalizer as EqualizerStrokeIcon, ExclamationCircle as ExclamationCircleStrokeIcon, Eye as EyeStrokeIcon, EyeSlash as EyeSlashStrokeIcon, Flag as FlagStrokeIcon, 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, ShakeHands as ShakeHandsStrokeIcon, 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, CloudArrowLeftRightStrokeIcon, CloudXStrokeIcon, Cog6ToothStrokeIcon, CommandLineStrokeIcon, CubeStrokeIcon, DashStrokeIcon, DocumentDuplicateStrokeIcon, DocumentPlusStrokeIcon, DocumentTextStrokeIcon, EqualizerStrokeIcon, ExclamationCircleStrokeIcon, EyeSlashStrokeIcon, EyeStrokeIcon, FlagStrokeIcon, FolderOpenStrokeIcon, GlobeAltStrokeIcon, HandThumbDownStrokeIcon, HandThumbUpStrokeIcon, InformationCircleStrokeIcon, KeyStrokeIcon, LightbulbStrokeIcon, LinkStrokeIcon, MagnifyingGlassStrokeIcon, MenuStrokeIcon, PaperAirplaneStrokeIcon, PencilSquareStrokeIcon, PlanetStrokeIcon, PlusCircleStrokeIcon, PlusStrokeIcon, QuestionMarkCircleStrokeIcon, RobotStrokeIcon, ServerStrokeIcon, ShakeHandsStrokeIcon, 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, CloudArrowLeftRight as CloudArrowLeftRightIcon, CloudX as CloudXIcon, Cog6Tooth as Cog6ToothIcon, CommandLine as CommandLineIcon, Cube as CubeIcon, Dash as DashIcon, DocumentDuplicate as DocumentDuplicateIcon, DocumentPlus as DocumentPlusIcon, DocumentText as DocumentTextIcon, Equalizer as EqualizerIcon, ExclamationCircle as ExclamationCircleIcon, Eye as EyeIcon, EyeSlash as EyeSlashIcon, Flag as FlagIcon, FolderOpen as FolderOpenIcon, GlobeAlt as GlobeAltIcon, HandThumbDown as HandThumbDownIcon, HandThumbUp as HandThumbUpIcon, Image as ImageIcon, 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, ShakeHands as ShakeHandsIcon, 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, CloudArrowLeftRightIcon, CloudXIcon, Cog6ToothIcon, CommandLineIcon, CubeIcon, DashIcon, DocumentDuplicateIcon, DocumentPlusIcon, DocumentTextIcon, EqualizerIcon, ExclamationCircleIcon, EyeIcon, EyeSlashIcon, FlagIcon, FolderOpenIcon, GlobeAltIcon, HandThumbDownIcon, HandThumbUpIcon, ImageIcon, InformationCircleIcon, KeyIcon, LightbulbIcon, LinkIcon, MagnifyingGlassIcon, MenuIcon, PaperAirplaneIcon, PencilSquareIcon, PlanetIcon, PlusCircleIcon, PlusIcon, QuestionMarkCircleIcon, RobotIcon, ServerIcon, ShakeHandsIcon, 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, CloudArrowLeftRight as CloudArrowLeftRightStrokeIcon, CloudX as CloudXStrokeIcon, Cog6Tooth as Cog6ToothStrokeIcon, CommandLine as CommandLineStrokeIcon, Cube as CubeStrokeIcon, Dash as DashStrokeIcon, DocumentDuplicate as DocumentDuplicateStrokeIcon, DocumentPlus as DocumentPlusStrokeIcon, DocumentText as DocumentTextStrokeIcon, Equalizer as EqualizerStrokeIcon, ExclamationCircle as ExclamationCircleStrokeIcon, Eye as EyeStrokeIcon, EyeSlash as EyeSlashStrokeIcon, Flag as FlagStrokeIcon, FolderOpen as FolderOpenStrokeIcon, GlobeAlt as GlobeAltStrokeIcon, HandThumbDown as HandThumbDownStrokeIcon, HandThumbUp as HandThumbUpStrokeIcon, Image as ImageStrokeIcon, 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, ShakeHands as ShakeHandsStrokeIcon, 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, CloudArrowLeftRightStrokeIcon, CloudXStrokeIcon, Cog6ToothStrokeIcon, CommandLineStrokeIcon, CubeStrokeIcon, DashStrokeIcon, DocumentDuplicateStrokeIcon, DocumentPlusStrokeIcon, DocumentTextStrokeIcon, EqualizerStrokeIcon, ExclamationCircleStrokeIcon, EyeSlashStrokeIcon, EyeStrokeIcon, FlagStrokeIcon, FolderOpenStrokeIcon, GlobeAltStrokeIcon, HandThumbDownStrokeIcon, HandThumbUpStrokeIcon, ImageStrokeIcon, InformationCircleStrokeIcon, KeyStrokeIcon, LightbulbStrokeIcon, LinkStrokeIcon, MagnifyingGlassStrokeIcon, MenuStrokeIcon, PaperAirplaneStrokeIcon, PencilSquareStrokeIcon, PlanetStrokeIcon, PlusCircleStrokeIcon, PlusStrokeIcon, QuestionMarkCircleStrokeIcon, RobotStrokeIcon, ServerStrokeIcon, ShakeHandsStrokeIcon, SparklesStrokeIcon, Square3Stack3DStrokeIcon, TestTubeStrokeIcon, TrashStrokeIcon, UserGroupStrokeIcon, UserStrokeIcon, WrenchStrokeIcon, XCircleStrokeIcon, XMarkStrokeIcon, };

package/dist/esm/components/BarHeader.d.ts

@@ -3,8 +3,9 @@ interface BarHeaderProps {
     title: string;
     leftActions?: React.ReactNode;
     rightActions?: React.ReactNode;
+    className?: string;
 }
-export declare function BarHeader({ title, leftActions, rightActions, }: BarHeaderProps): React.JSX.Element;
+export declare function BarHeader({ title, leftActions, rightActions, className, }: BarHeaderProps): React.JSX.Element;
 export declare namespace BarHeader {
     var ButtonBar: (props: BarHeaderButtonBarProps) => React.JSX.Element | null;
 }

package/dist/esm/components/Button.d.ts

@@ -16,10 +16,11 @@ export type ButtonProps = {
 };
 export declare function Button({ variant, type, size, onClick, disabled, labelVisible, label, icon, className, tooltipPosition, hasMagnifying, avatar, }: ButtonProps): React.JSX.Element;
 export declare namespace Button {
-    var List: ({ children, className }: ButtonBarProps) => React.JSX.Element;
+    var List: ({ children, isWrapping, className }: ButtonListProps) => React.JSX.Element;
 }
-interface ButtonBarProps {
+interface ButtonListProps {
     children: ReactNode;
+    isWrapping: boolean;
     className?: string;
 }
 export {};

package/dist/esm/components/Collapsible.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-interface CollapsibleProps {
+export interface CollapsibleProps {
     children: React.ReactNode;
 }
 export declare const Collapsible: React.FC<CollapsibleProps> & {
@@ -19,8 +19,7 @@ export interface CollapsibleButtonProps {
     children?: React.ReactNode;
     variant?: "primary" | "secondary";
 }
-interface CollapsiblePanelProps {
+export interface CollapsiblePanelProps {
     children: React.ReactNode;
     open?: boolean;
 }
-export {};

package/dist/esm/components/DropdownMenu.d.ts

@@ -7,7 +7,7 @@ export interface DropdownMenuProps {
 export declare function DropdownMenu({ children, className }: DropdownMenuProps): React.JSX.Element;
 export declare namespace DropdownMenu {
     var Button: ({ label, type, tooltip, icon, children, tooltipPosition, className, disabled, }: DropdownButtonProps) => React.JSX.Element;
-    var Item: ({ label, href, disabled, key, visual, onClick, }: DropdownItemProps) => React.JSX.Element;
+    var Item: ({ label, href, disabled, visual, onClick, }: DropdownItemProps) => React.JSX.Element;
     var Items: ({ origin, width, children, }: DropdownItemsProps) => React.JSX.Element;
 }
 export interface DropdownButtonProps {
@@ -24,7 +24,6 @@ interface DropdownItemProps {
     label: string;
     href?: string;
     disabled?: boolean;
-    key?: string;
     visual?: string | React.ReactNode;
     onClick?: () => void;
 }

package/dist/esm/icons/solid/Image.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgImage: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgImage;

package/dist/esm/icons/solid/index.d.ts

@@ -37,6 +37,7 @@ export { default as FolderOpen } from "./FolderOpen";
 export { default as GlobeAlt } from "./GlobeAlt";
 export { default as HandThumbDown } from "./HandThumbDown";
 export { default as HandThumbUp } from "./HandThumbUp";
+export { default as Image } from "./Image";
 export { default as InformationCircle } from "./InformationCircle";
 export { default as Key } from "./Key";
 export { default as Lightbulb } from "./Lightbulb";

package/dist/esm/icons/stroke/Image.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgImage: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgImage;

package/dist/esm/icons/stroke/index.d.ts

@@ -37,6 +37,7 @@ export { default as FolderOpen } from "./FolderOpen";
 export { default as GlobeAlt } from "./GlobeAlt";
 export { default as HandThumbDown } from "./HandThumbDown";
 export { default as HandThumbUp } from "./HandThumbUp";
+export { default as Image } from "./Image";
 export { default as InformationCircle } from "./InformationCircle";
 export { default as Key } from "./Key";
 export { default as Lightbulb } from "./Lightbulb";

package/dist/esm/index.js

@@ -28,7 +28,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".s-pointer-events-none {\n    pointer-events: none\n}\n.s-fixed {\n    position: fixed\n}\n.s-absolute {\n    position: absolute\n}\n.s-relative {\n    position: relative\n}\n.s-inset-0 {\n    inset: 0px\n}\n.s-bottom-6 {\n    bottom: 1.5rem\n}\n.s-bottom-full {\n    bottom: 100%\n}\n.s-left-0 {\n    left: 0px\n}\n.s-left-1\\/2 {\n    left: 50%\n}\n.s-right-0 {\n    right: 0px\n}\n.s-top-0 {\n    top: 0px\n}\n.s-top-full {\n    top: 100%\n}\n.s-z-10 {\n    z-index: 10\n}\n.s-z-30 {\n    z-index: 30\n}\n.s-z-50 {\n    z-index: 50\n}\n.s-m-0 {\n    margin: 0px\n}\n.s-mx-auto {\n    margin-left: auto;\n    margin-right: auto\n}\n.-s-mb-px {\n    margin-bottom: -1px\n}\n.-s-mt-1 {\n    margin-top: -0.25rem\n}\n.s-mb-2 {\n    margin-bottom: 0.5rem\n}\n.s-ml-2 {\n    margin-left: 0.5rem\n}\n.s-mt-0 {\n    margin-top: 0px\n}\n.s-mt-0\\.5 {\n    margin-top: 0.125rem\n}\n.s-mt-16 {\n    margin-top: 4rem\n}\n.s-mt-2 {\n    margin-top: 0.5rem\n}\n.s-mt-4 {\n    margin-top: 1rem\n}\n.s-mt-8 {\n    margin-top: 2rem\n}\n.s-box-border {\n    box-sizing: border-box\n}\n.s-inline-block {\n    display: inline-block\n}\n.s-flex {\n    display: flex\n}\n.s-inline-flex {\n    display: inline-flex\n}\n.s-grid {\n    display: grid\n}\n.s-hidden {\n    display: none\n}\n.s-h-1\\/2 {\n    height: 50%\n}\n.s-h-10 {\n    height: 2.5rem\n}\n.s-h-12 {\n    height: 3rem\n}\n.s-h-16 {\n    height: 4rem\n}\n.s-h-36 {\n    height: 9rem\n}\n.s-h-4 {\n    height: 1rem\n}\n.s-h-5 {\n    height: 1.25rem\n}\n.s-h-6 {\n    height: 1.5rem\n}\n.s-h-7 {\n    height: 1.75rem\n}\n.s-h-72 {\n    height: 18rem\n}\n.s-h-8 {\n    height: 2rem\n}\n.s-h-9 {\n    height: 2.25rem\n}\n.s-h-96 {\n    height: 24rem\n}\n.s-h-full {\n    height: 100%\n}\n.s-h-px {\n    height: 1px\n}\n.s-max-h-full {\n    max-height: 100%\n}\n.s-min-h-full {\n    min-height: 100%\n}\n.s-w-1\\/2 {\n    width: 50%\n}\n.s-w-10 {\n    width: 2.5rem\n}\n.s-w-14 {\n    width: 3.5rem\n}\n.s-w-16 {\n    width: 4rem\n}\n.s-w-32 {\n    width: 8rem\n}\n.s-w-36 {\n    width: 9rem\n}\n.s-w-4 {\n    width: 1rem\n}\n.s-w-40 {\n    width: 10rem\n}\n.s-w-5 {\n    width: 1.25rem\n}\n.s-w-6 {\n    width: 1.5rem\n}\n.s-w-60 {\n    width: 15rem\n}\n.s-w-64 {\n    width: 16rem\n}\n.s-w-7 {\n    width: 1.75rem\n}\n.s-w-8 {\n    width: 2rem\n}\n.s-w-full {\n    width: 100%\n}\n.s-max-w-2xl {\n    max-width: 42rem\n}\n.s-max-w-4xl {\n    max-width: 56rem\n}\n.s-max-w-full {\n    max-width: 100%\n}\n.s-flex-1 {\n    flex: 1 1 0%\n}\n.s-flex-shrink-0 {\n    flex-shrink: 0\n}\n.s-shrink {\n    flex-shrink: 1\n}\n.s-grow {\n    flex-grow: 1\n}\n.s-basis-0 {\n    flex-basis: 0px\n}\n.s-origin-bottom-left {\n    transform-origin: bottom left\n}\n.s-origin-bottom-right {\n    transform-origin: bottom right\n}\n.s-origin-top-left {\n    transform-origin: top left\n}\n.s-origin-top-right {\n    transform-origin: top right\n}\n.-s-translate-x-1\\/2 {\n    --tw-translate-x: -50%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.-s-translate-y-0 {\n    --tw-translate-y: -0px;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.-s-translate-y-5 {\n    --tw-translate-y: -1.25rem;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-x-full {\n    --tw-translate-x: 100%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-y-0 {\n    --tw-translate-y: 0px;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-y-2 {\n    --tw-translate-y: 0.5rem;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-y-4 {\n    --tw-translate-y: 1rem;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-y-5 {\n    --tw-translate-y: 1.25rem;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-scale-100 {\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-scale-95 {\n    --tw-scale-x: .95;\n    --tw-scale-y: .95;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-transform {\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n@keyframes s-breathing {\n    0%, 100% {\n        filter: brightness(105%)\n    }\n    50% {\n        filter: brightness(80%)\n    }\n}\n.s-animate-breathing {\n    animation: s-breathing 4s infinite ease-in-out\n}\n@keyframes s-move-square {\n    0% {\n        padding-left: 0;\n        padding-top: 0;\n        padding-right: 50%;\n        padding-bottom: 50%\n    }\n    12.5% {\n        padding-left: 0;\n        padding-top: 0;\n        padding-right: 0;\n        padding-bottom: 50%\n    }\n    25% {\n        padding-left: 50%;\n        padding-top: 0;\n        padding-right: 0;\n        padding-bottom: 50%\n    }\n    37.5% {\n        padding-left: 50%;\n        padding-top: 0;\n        padding-right: 0;\n        padding-bottom: 0\n    }\n    50% {\n        padding-left: 50%;\n        padding-top: 50%;\n        padding-right: 0;\n        padding-bottom: 0\n    }\n    62.5% {\n        padding-left: 0;\n        padding-top: 50%;\n        padding-right: 0;\n        padding-bottom: 0\n    }\n    75% {\n        padding-left: 0;\n        padding-top: 50%;\n        padding-right: 50%;\n        padding-bottom: 0\n    }\n    87.5% {\n        padding-left: 0;\n        padding-top: 0;\n        padding-right: 50%;\n        padding-bottom: 0\n    }\n    100% {\n        padding-left: 0;\n        padding-top: 0;\n        padding-right: 50%;\n        padding-bottom: 50%\n    }\n}\n.s-animate-move-square {\n    animation: s-move-square 4s ease-out infinite\n}\n.s-cursor-default {\n    cursor: default\n}\n.s-cursor-not-allowed {\n    cursor: not-allowed\n}\n.s-cursor-pointer {\n    cursor: pointer\n}\n.s-select-none {\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none\n}\n.s-grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr))\n}\n.s-flex-row {\n    flex-direction: row\n}\n.s-flex-col {\n    flex-direction: column\n}\n.s-flex-wrap {\n    flex-wrap: wrap\n}\n.s-items-start {\n    align-items: flex-start\n}\n.s-items-end {\n    align-items: flex-end\n}\n.s-items-center {\n    align-items: center\n}\n.s-items-stretch {\n    align-items: stretch\n}\n.s-justify-start {\n    justify-content: flex-start\n}\n.s-justify-end {\n    justify-content: flex-end\n}\n.s-justify-center {\n    justify-content: center\n}\n.s-justify-between {\n    justify-content: space-between\n}\n.s-justify-stretch {\n    justify-content: stretch\n}\n.s-justify-items-center {\n    justify-items: center\n}\n.s-gap-0 {\n    gap: 0px\n}\n.s-gap-1 {\n    gap: 0.25rem\n}\n.s-gap-1\\.5 {\n    gap: 0.375rem\n}\n.s-gap-10 {\n    gap: 2.5rem\n}\n.s-gap-16 {\n    gap: 4rem\n}\n.s-gap-2 {\n    gap: 0.5rem\n}\n.s-gap-3 {\n    gap: 0.75rem\n}\n.s-gap-4 {\n    gap: 1rem\n}\n.s-gap-6 {\n    gap: 1.5rem\n}\n.s-gap-8 {\n    gap: 2rem\n}\n.s-gap-x-1 {\n    -moz-column-gap: 0.25rem;\n         column-gap: 0.25rem\n}\n.s-gap-x-1\\.5 {\n    -moz-column-gap: 0.375rem;\n         column-gap: 0.375rem\n}\n.s-gap-x-2 {\n    -moz-column-gap: 0.5rem;\n         column-gap: 0.5rem\n}\n.s-gap-y-2 {\n    row-gap: 0.5rem\n}\n.s-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(0px * var(--tw-space-x-reverse));\n    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)))\n}\n.s-self-stretch {\n    align-self: stretch\n}\n.s-overflow-auto {\n    overflow: auto\n}\n.s-overflow-hidden {\n    overflow: hidden\n}\n.s-overflow-y-auto {\n    overflow-y: auto\n}\n.s-truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap\n}\n.s-text-ellipsis {\n    text-overflow: ellipsis\n}\n.s-whitespace-nowrap {\n    white-space: nowrap\n}\n.s-break-words {\n    overflow-wrap: break-word\n}\n.s-rounded-2xl {\n    border-radius: 1rem\n}\n.s-rounded-3xl {\n    border-radius: 1.5rem\n}\n.s-rounded-\\[25\\%\\] {\n    border-radius: 25%\n}\n.s-rounded-full {\n    border-radius: 9999px\n}\n.s-rounded-lg {\n    border-radius: 0.5rem\n}\n.s-rounded-md {\n    border-radius: 0.375rem\n}\n.s-rounded-xl {\n    border-radius: 0.75rem\n}\n.s-border {\n    border-width: 1px\n}\n.s-border-b {\n    border-bottom-width: 1px\n}\n.s-border-b-2 {\n    border-bottom-width: 2px\n}\n.s-border-t {\n    border-top-width: 1px\n}\n.s-border-action-500 {\n    --tw-border-opacity: 1;\n    border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.s-border-action-600 {\n    --tw-border-opacity: 1;\n    border-color: rgb(37 99 235 / var(--tw-border-opacity))\n}\n.s-border-amber-200 {\n    --tw-border-opacity: 1;\n    border-color: rgb(253 230 138 / var(--tw-border-opacity))\n}\n.s-border-element-500 {\n    --tw-border-opacity: 1;\n    border-color: rgb(203 213 225 / var(--tw-border-opacity))\n}\n.s-border-element-600 {\n    --tw-border-opacity: 1;\n    border-color: rgb(148 163 184 / var(--tw-border-opacity))\n}\n.s-border-emerald-200 {\n    --tw-border-opacity: 1;\n    border-color: rgb(167 243 208 / var(--tw-border-opacity))\n}\n.s-border-gray-300 {\n    --tw-border-opacity: 1;\n    border-color: rgb(209 213 219 / var(--tw-border-opacity))\n}\n.s-border-red-500 {\n    --tw-border-opacity: 1;\n    border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n.s-border-slate-200 {\n    --tw-border-opacity: 1;\n    border-color: rgb(226 232 240 / var(--tw-border-opacity))\n}\n.s-border-structure-100 {\n    --tw-border-opacity: 1;\n    border-color: rgb(241 245 249 / var(--tw-border-opacity))\n}\n.s-border-structure-200 {\n    --tw-border-opacity: 1;\n    border-color: rgb(226 232 240 / var(--tw-border-opacity))\n}\n.s-border-structure-300 {\n    --tw-border-opacity: 1;\n    border-color: rgb(203 213 225 / var(--tw-border-opacity))\n}\n.s-border-structure-300\\/30 {\n    border-color: rgb(203 213 225 / 0.3)\n}\n.s-border-transparent {\n    border-color: transparent\n}\n.s-border-violet-200 {\n    --tw-border-opacity: 1;\n    border-color: rgb(221 214 254 / var(--tw-border-opacity))\n}\n.s-border-warning-200 {\n    --tw-border-opacity: 1;\n    border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n.s-border-warning-600 {\n    --tw-border-opacity: 1;\n    border-color: rgb(220 38 38 / var(--tw-border-opacity))\n}\n.s-bg-action-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n.s-bg-amber-100 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(254 243 199 / var(--tw-bg-opacity))\n}\n.s-bg-amber-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(252 211 77 / var(--tw-bg-opacity))\n}\n.s-bg-blue-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(147 197 253 / var(--tw-bg-opacity))\n}\n.s-bg-brand {\n    --tw-bg-opacity: 1;\n    background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n.s-bg-cyan-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(103 232 249 / var(--tw-bg-opacity))\n}\n.s-bg-element-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-element-600 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(148 163 184 / var(--tw-bg-opacity))\n}\n.s-bg-element-700 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(100 116 139 / var(--tw-bg-opacity))\n}\n.s-bg-element-800 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-100 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(209 250 229 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-fuchsia-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(240 171 252 / var(--tw-bg-opacity))\n}\n.s-bg-gray-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(107 114 128 / var(--tw-bg-opacity))\n}\n.s-bg-green-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(134 239 172 / var(--tw-bg-opacity))\n}\n.s-bg-indigo-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(165 180 252 / var(--tw-bg-opacity))\n}\n.s-bg-lime-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(190 242 100 / var(--tw-bg-opacity))\n}\n.s-bg-orange-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(253 186 116 / var(--tw-bg-opacity))\n}\n.s-bg-purple-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(216 180 254 / var(--tw-bg-opacity))\n}\n.s-bg-red-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(252 165 165 / var(--tw-bg-opacity))\n}\n.s-bg-rose-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(253 164 175 / var(--tw-bg-opacity))\n}\n.s-bg-sky-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(125 211 252 / var(--tw-bg-opacity))\n}\n.s-bg-slate-100 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(241 245 249 / var(--tw-bg-opacity))\n}\n.s-bg-slate-200 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-slate-800 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(30 41 59 / var(--tw-bg-opacity))\n}\n.s-bg-structure-0 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-structure-200 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-structure-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-structure-50 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n.s-bg-success-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-success-400 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(52 211 153 / var(--tw-bg-opacity))\n}\n.s-bg-success-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n.s-bg-teal-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(94 234 212 / var(--tw-bg-opacity))\n}\n.s-bg-violet-100 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(237 233 254 / var(--tw-bg-opacity))\n}\n.s-bg-violet-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(196 181 253 / var(--tw-bg-opacity))\n}\n.s-bg-warning-100 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n.s-bg-warning-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n.s-bg-white {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-white\\/90 {\n    background-color: rgb(255 255 255 / 0.9)\n}\n.s-bg-yellow-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(253 224 71 / var(--tw-bg-opacity))\n}\n.s-bg-opacity-75 {\n    --tw-bg-opacity: 0.75\n}\n.s-stroke-structure-50 {\n    stroke: #f8fafc\n}\n.s-object-cover {\n    -o-object-fit: cover;\n       object-fit: cover\n}\n.s-object-center {\n    -o-object-position: center;\n       object-position: center\n}\n.s-p-3 {\n    padding: 0.75rem\n}\n.s-p-4 {\n    padding: 1rem\n}\n.s-p-6 {\n    padding: 1.5rem\n}\n.s-px-0 {\n    padding-left: 0px;\n    padding-right: 0px\n}\n.s-px-0\\.5 {\n    padding-left: 0.125rem;\n    padding-right: 0.125rem\n}\n.s-px-1 {\n    padding-left: 0.25rem;\n    padding-right: 0.25rem\n}\n.s-px-3 {\n    padding-left: 0.75rem;\n    padding-right: 0.75rem\n}\n.s-px-4 {\n    padding-left: 1rem;\n    padding-right: 1rem\n}\n.s-px-5 {\n    padding-left: 1.25rem;\n    padding-right: 1.25rem\n}\n.s-px-6 {\n    padding-left: 1.5rem;\n    padding-right: 1.5rem\n}\n.s-py-0 {\n    padding-top: 0px;\n    padding-bottom: 0px\n}\n.s-py-0\\.5 {\n    padding-top: 0.125rem;\n    padding-bottom: 0.125rem\n}\n.s-py-1 {\n    padding-top: 0.25rem;\n    padding-bottom: 0.25rem\n}\n.s-py-1\\.5 {\n    padding-top: 0.375rem;\n    padding-bottom: 0.375rem\n}\n.s-py-16 {\n    padding-top: 4rem;\n    padding-bottom: 4rem\n}\n.s-py-2 {\n    padding-top: 0.5rem;\n    padding-bottom: 0.5rem\n}\n.s-py-3 {\n    padding-top: 0.75rem;\n    padding-bottom: 0.75rem\n}\n.s-py-4 {\n    padding-top: 1rem;\n    padding-bottom: 1rem\n}\n.s-pb-4 {\n    padding-bottom: 1rem\n}\n.s-pb-5 {\n    padding-bottom: 1.25rem\n}\n.s-pl-0 {\n    padding-left: 0px\n}\n.s-pl-0\\.5 {\n    padding-left: 0.125rem\n}\n.s-pl-1 {\n    padding-left: 0.25rem\n}\n.s-pl-32 {\n    padding-left: 8rem\n}\n.s-pl-4 {\n    padding-left: 1rem\n}\n.s-pl-5 {\n    padding-left: 1.25rem\n}\n.s-pr-3 {\n    padding-right: 0.75rem\n}\n.s-pr-4 {\n    padding-right: 1rem\n}\n.s-pr-5 {\n    padding-right: 1.25rem\n}\n.s-pt-1 {\n    padding-top: 0.25rem\n}\n.s-pt-1\\.5 {\n    padding-top: 0.375rem\n}\n.s-pt-3 {\n    padding-top: 0.75rem\n}\n.s-pt-8 {\n    padding-top: 2rem\n}\n.s-text-left {\n    text-align: left\n}\n.s-text-2xl {\n    font-size: 1.5rem;\n    line-height: 2rem\n}\n.s-text-3xl {\n    font-size: 1.875rem;\n    line-height: 2.25rem\n}\n.s-text-7xl {\n    font-size: 4.5rem;\n    line-height: 1\n}\n.s-text-base {\n    font-size: 1rem;\n    line-height: 1.5rem\n}\n.s-text-lg {\n    font-size: 1.125rem;\n    line-height: 1.75rem\n}\n.s-text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem\n}\n.s-text-xl {\n    font-size: 1.25rem;\n    line-height: 1.75rem\n}\n.s-text-xs {\n    font-size: 0.75rem;\n    line-height: 1rem\n}\n.s-font-bold {\n    font-weight: 700\n}\n.s-font-medium {\n    font-weight: 500\n}\n.s-font-normal {\n    font-weight: 400\n}\n.s-font-semibold {\n    font-weight: 600\n}\n.s-uppercase {\n    text-transform: uppercase\n}\n.s-text-action-300 {\n    --tw-text-opacity: 1;\n    color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n.s-text-action-400 {\n    --tw-text-opacity: 1;\n    color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n.s-text-action-500 {\n    --tw-text-opacity: 1;\n    color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n.s-text-action-800 {\n    --tw-text-opacity: 1;\n    color: rgb(30 64 175 / var(--tw-text-opacity))\n}\n.s-text-amber-700 {\n    --tw-text-opacity: 1;\n    color: rgb(180 83 9 / var(--tw-text-opacity))\n}\n.s-text-blue-700 {\n    --tw-text-opacity: 1;\n    color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n.s-text-brand {\n    --tw-text-opacity: 1;\n    color: rgb(16 185 129 / var(--tw-text-opacity))\n}\n.s-text-cyan-700 {\n    --tw-text-opacity: 1;\n    color: rgb(14 116 144 / var(--tw-text-opacity))\n}\n.s-text-element-500 {\n    --tw-text-opacity: 1;\n    color: rgb(203 213 225 / var(--tw-text-opacity))\n}\n.s-text-element-600 {\n    --tw-text-opacity: 1;\n    color: rgb(148 163 184 / var(--tw-text-opacity))\n}\n.s-text-element-700 {\n    --tw-text-opacity: 1;\n    color: rgb(100 116 139 / var(--tw-text-opacity))\n}\n.s-text-element-800 {\n    --tw-text-opacity: 1;\n    color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n.s-text-element-900 {\n    --tw-text-opacity: 1;\n    color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n.s-text-emerald-700 {\n    --tw-text-opacity: 1;\n    color: rgb(4 120 87 / var(--tw-text-opacity))\n}\n.s-text-fuchsia-700 {\n    --tw-text-opacity: 1;\n    color: rgb(162 28 175 / var(--tw-text-opacity))\n}\n.s-text-gray-500 {\n    --tw-text-opacity: 1;\n    color: rgb(107 114 128 / var(--tw-text-opacity))\n}\n.s-text-green-700 {\n    --tw-text-opacity: 1;\n    color: rgb(21 128 61 / var(--tw-text-opacity))\n}\n.s-text-indigo-700 {\n    --tw-text-opacity: 1;\n    color: rgb(67 56 202 / var(--tw-text-opacity))\n}\n.s-text-lime-700 {\n    --tw-text-opacity: 1;\n    color: rgb(77 124 15 / var(--tw-text-opacity))\n}\n.s-text-orange-700 {\n    --tw-text-opacity: 1;\n    color: rgb(194 65 12 / var(--tw-text-opacity))\n}\n.s-text-purple-700 {\n    --tw-text-opacity: 1;\n    color: rgb(126 34 206 / var(--tw-text-opacity))\n}\n.s-text-red-500 {\n    --tw-text-opacity: 1;\n    color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n.s-text-red-700 {\n    --tw-text-opacity: 1;\n    color: rgb(185 28 28 / var(--tw-text-opacity))\n}\n.s-text-rose-700 {\n    --tw-text-opacity: 1;\n    color: rgb(190 18 60 / var(--tw-text-opacity))\n}\n.s-text-sky-700 {\n    --tw-text-opacity: 1;\n    color: rgb(3 105 161 / var(--tw-text-opacity))\n}\n.s-text-teal-700 {\n    --tw-text-opacity: 1;\n    color: rgb(15 118 110 / var(--tw-text-opacity))\n}\n.s-text-transparent {\n    color: transparent\n}\n.s-text-violet-700 {\n    --tw-text-opacity: 1;\n    color: rgb(109 40 217 / var(--tw-text-opacity))\n}\n.s-text-warning-500 {\n    --tw-text-opacity: 1;\n    color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n.s-text-white {\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.s-text-yellow-700 {\n    --tw-text-opacity: 1;\n    color: rgb(161 98 7 / var(--tw-text-opacity))\n}\n.s-opacity-0 {\n    opacity: 0\n}\n.s-opacity-100 {\n    opacity: 1\n}\n.s-opacity-20 {\n    opacity: 0.2\n}\n.s-opacity-40 {\n    opacity: 0.4\n}\n.s-opacity-50 {\n    opacity: 0.5\n}\n.s-opacity-60 {\n    opacity: 0.6\n}\n.s-shadow-lg {\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-md {\n    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-xl {\n    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-drop-shadow {\n    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-backdrop-blur-xl {\n    --tw-backdrop-blur: blur(24px);\n    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)\n}\n.s-transition {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms\n}\n.s-transition-all {\n    transition-property: all;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms\n}\n.s-transition-colors {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms\n}\n.s-transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms\n}\n.s-transition-transform {\n    transition-property: transform;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms\n}\n.s-duration-200 {\n    transition-duration: 200ms\n}\n.s-duration-300 {\n    transition-duration: 300ms\n}\n.s-duration-500 {\n    transition-duration: 500ms\n}\n.s-duration-75 {\n    transition-duration: 75ms\n}\n.s-ease-in {\n    transition-timing-function: cubic-bezier(0.4, 0, 1, 1)\n}\n.s-ease-in-out {\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n.s-ease-out {\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)\n}\n.hover\\:s-scale-105:hover {\n    --tw-scale-x: 1.05;\n    --tw-scale-y: 1.05;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.hover\\:s-scale-110:hover {\n    --tw-scale-x: 1.1;\n    --tw-scale-y: 1.1;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.hover\\:s-cursor-not-allowed:hover {\n    cursor: not-allowed\n}\n.hover\\:s-border-action-200:hover {\n    --tw-border-opacity: 1;\n    border-color: rgb(191 219 254 / var(--tw-border-opacity))\n}\n.hover\\:s-border-action-300:hover {\n    --tw-border-opacity: 1;\n    border-color: rgb(147 197 253 / var(--tw-border-opacity))\n}\n.hover\\:s-border-action-500:hover {\n    --tw-border-opacity: 1;\n    border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.hover\\:s-border-warning-200:hover {\n    --tw-border-opacity: 1;\n    border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n.hover\\:s-border-warning-500:hover {\n    --tw-border-opacity: 1;\n    border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n.hover\\:s-bg-action-200:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n.hover\\:s-bg-action-400:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n.hover\\:s-bg-action-50:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(239 246 255 / var(--tw-bg-opacity))\n}\n.hover\\:s-bg-structure-300:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.hover\\:s-bg-success-300:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.hover\\:s-bg-warning-400:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 113 113 / var(--tw-bg-opacity))\n}\n.hover\\:s-bg-warning-50:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(254 242 242 / var(--tw-bg-opacity))\n}\n.hover\\:s-text-action-400:hover {\n    --tw-text-opacity: 1;\n    color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n.hover\\:s-text-action-500:hover {\n    --tw-text-opacity: 1;\n    color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n.hover\\:s-text-element-800:hover {\n    --tw-text-opacity: 1;\n    color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n.hover\\:s-text-warning-400:hover {\n    --tw-text-opacity: 1;\n    color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n.hover\\:s-brightness-110:hover {\n    --tw-brightness: brightness(1.1);\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.hover\\:s-drop-shadow-md:hover {\n    --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.hover\\:s-filter:hover {\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.focus\\:s-border-action-500:focus {\n    --tw-border-opacity: 1;\n    border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.focus\\:s-outline-none:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px\n}\n.focus\\:s-ring-0:focus {\n    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.active\\:s-scale-95:active {\n    --tw-scale-x: .95;\n    --tw-scale-y: .95;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.active\\:s-border-action-500:active {\n    --tw-border-opacity: 1;\n    border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.active\\:s-border-action-700:active {\n    --tw-border-opacity: 1;\n    border-color: rgb(29 78 216 / var(--tw-border-opacity))\n}\n.active\\:s-border-warning-500:active {\n    --tw-border-opacity: 1;\n    border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n.active\\:s-border-warning-700:active {\n    --tw-border-opacity: 1;\n    border-color: rgb(185 28 28 / var(--tw-border-opacity))\n}\n.active\\:s-bg-action-100:active {\n    --tw-bg-opacity: 1;\n    background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n.active\\:s-bg-action-600:active {\n    --tw-bg-opacity: 1;\n    background-color: rgb(37 99 235 / var(--tw-bg-opacity))\n}\n.active\\:s-bg-warning-100:active {\n    --tw-bg-opacity: 1;\n    background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n.active\\:s-bg-warning-600:active {\n    --tw-bg-opacity: 1;\n    background-color: rgb(220 38 38 / var(--tw-bg-opacity))\n}\n.active\\:s-text-action-600:active {\n    --tw-text-opacity: 1;\n    color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n.active\\:s-text-action-700:active {\n    --tw-text-opacity: 1;\n    color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n.active\\:s-text-element-900:active {\n    --tw-text-opacity: 1;\n    color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n.active\\:s-text-warning-600:active {\n    --tw-text-opacity: 1;\n    color: rgb(220 38 38 / var(--tw-text-opacity))\n}\n.active\\:s-brightness-90:active {\n    --tw-brightness: brightness(.9);\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.active\\:s-drop-shadow-none:active {\n    --tw-drop-shadow: drop-shadow(0 0 #0000);\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-group:hover .group-hover\\:s-text-action-400 {\n    --tw-text-opacity: 1;\n    color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n.s-group:hover .group-hover\\:s-text-action-500 {\n    --tw-text-opacity: 1;\n    color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-border-action-500-dark) {\n    --tw-border-opacity: 1;\n    border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-action-600-dark) {\n    --tw-border-opacity: 1;\n    border-color: rgb(96 165 250 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-element-500-dark) {\n    --tw-border-opacity: 1;\n    border-color: rgb(100 116 139 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-structure-100-dark) {\n    --tw-border-opacity: 1;\n    border-color: rgb(30 41 59 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-structure-200-dark) {\n    --tw-border-opacity: 1;\n    border-color: rgb(51 65 85 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-structure-300-dark) {\n    --tw-border-opacity: 1;\n    border-color: rgb(71 85 105 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-warning-600-dark) {\n    --tw-border-opacity: 1;\n    border-color: rgb(248 113 113 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-bg-action-500-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-black) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-element-500-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(100 116 139 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-element-600-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(148 163 184 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-element-700-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-element-900-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-sky-700) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(3 105 161 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-structure-0-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-structure-200-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-structure-300-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(71 85 105 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-structure-50-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(15 23 42 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-success-400-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(5 150 105 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-warning-500-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-text-action-300-dark) {\n    --tw-text-opacity: 1;\n    color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-action-400-dark) {\n    --tw-text-opacity: 1;\n    color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-action-500-dark) {\n    --tw-text-opacity: 1;\n    color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-element-500-dark) {\n    --tw-text-opacity: 1;\n    color: rgb(100 116 139 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-element-600-dark) {\n    --tw-text-opacity: 1;\n    color: rgb(148 163 184 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-element-700-dark) {\n    --tw-text-opacity: 1;\n    color: rgb(203 213 225 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-element-900-dark) {\n    --tw-text-opacity: 1;\n    color: rgb(248 250 252 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-warning-500-dark) {\n    --tw-text-opacity: 1;\n    color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-border-action-300-dark:hover) {\n    --tw-border-opacity: 1;\n    border-color: rgb(29 78 216 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-border-action-500-dark:hover) {\n    --tw-border-opacity: 1;\n    border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-border-warning-300-dark:hover) {\n    --tw-border-opacity: 1;\n    border-color: rgb(185 28 28 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-border-warning-500-dark:hover) {\n    --tw-border-opacity: 1;\n    border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-bg-action-200-dark:hover) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(30 64 175 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-bg-action-400:hover) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-bg-action-50-dark:hover) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(23 37 84 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-bg-action-500-dark:hover) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-bg-warning-50-dark:hover) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(69 10 10 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-bg-warning-500-dark:hover) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-text-action-400:hover) {\n    --tw-text-opacity: 1;\n    color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-text-action-500-dark:hover) {\n    --tw-text-opacity: 1;\n    color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-text-action-600-dark:hover) {\n    --tw-text-opacity: 1;\n    color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-text-element-800-dark:hover) {\n    --tw-text-opacity: 1;\n    color: rgb(226 232 240 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-text-warning-500-dark:hover) {\n    --tw-text-opacity: 1;\n    color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-border-action-500-dark:active) {\n    --tw-border-opacity: 1;\n    border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-border-action-700-dark:active) {\n    --tw-border-opacity: 1;\n    border-color: rgb(147 197 253 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-border-warning-500-dark:active) {\n    --tw-border-opacity: 1;\n    border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-border-warning-700-dark:active) {\n    --tw-border-opacity: 1;\n    border-color: rgb(252 165 165 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-bg-action-100-dark:active) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(30 58 138 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-bg-action-600-dark:active) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-bg-warning-100-dark:active) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(127 29 29 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-bg-warning-600-dark:active) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 113 113 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-text-action-600:active) {\n    --tw-text-opacity: 1;\n    color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-text-action-600-dark:active) {\n    --tw-text-opacity: 1;\n    color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-text-action-700-dark:active) {\n    --tw-text-opacity: 1;\n    color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-text-element-900-dark:active) {\n    --tw-text-opacity: 1;\n    color: rgb(248 250 252 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-text-warning-600-dark:active) {\n    --tw-text-opacity: 1;\n    color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400) {\n    --tw-text-opacity: 1;\n    color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400-dark) {\n    --tw-text-opacity: 1;\n    color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-500-dark) {\n    --tw-text-opacity: 1;\n    color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n@media (min-width: 640px) {\n    .sm\\:s-block {\n        display: block\n    }\n    .sm\\:s-translate-y-0 {\n        --tw-translate-y: 0px;\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n    }\n    .sm\\:s-scale-100 {\n        --tw-scale-x: 1;\n        --tw-scale-y: 1;\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n    }\n    .sm\\:s-scale-95 {\n        --tw-scale-x: .95;\n        --tw-scale-y: .95;\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n    }\n    .sm\\:s-p-0 {\n        padding: 0px\n    }\n    .sm\\:s-p-6 {\n        padding: 1.5rem\n    }\n}\n@media (min-width: 768px) {\n    .md\\:s-flex-row {\n        flex-direction: row\n    }\n    .md\\:s-items-center {\n        align-items: center\n    }\n}\n@media (min-width: 1024px) {\n    .lg\\:s-w-1\\/2 {\n        width: 50%\n    }\n}";
+var css_248z = ".s-pointer-events-none {\n    pointer-events: none\n}\n.s-fixed {\n    position: fixed\n}\n.s-absolute {\n    position: absolute\n}\n.s-relative {\n    position: relative\n}\n.s-inset-0 {\n    inset: 0px\n}\n.s-bottom-6 {\n    bottom: 1.5rem\n}\n.s-bottom-full {\n    bottom: 100%\n}\n.s-left-0 {\n    left: 0px\n}\n.s-left-1\\/2 {\n    left: 50%\n}\n.s-right-0 {\n    right: 0px\n}\n.s-top-0 {\n    top: 0px\n}\n.s-top-full {\n    top: 100%\n}\n.s-z-10 {\n    z-index: 10\n}\n.s-z-30 {\n    z-index: 30\n}\n.s-z-50 {\n    z-index: 50\n}\n.s-m-0 {\n    margin: 0px\n}\n.s-mx-auto {\n    margin-left: auto;\n    margin-right: auto\n}\n.-s-mb-px {\n    margin-bottom: -1px\n}\n.-s-mt-1 {\n    margin-top: -0.25rem\n}\n.s-mb-2 {\n    margin-bottom: 0.5rem\n}\n.s-ml-2 {\n    margin-left: 0.5rem\n}\n.s-mt-0 {\n    margin-top: 0px\n}\n.s-mt-0\\.5 {\n    margin-top: 0.125rem\n}\n.s-mt-16 {\n    margin-top: 4rem\n}\n.s-mt-2 {\n    margin-top: 0.5rem\n}\n.s-mt-4 {\n    margin-top: 1rem\n}\n.s-mt-8 {\n    margin-top: 2rem\n}\n.s-box-border {\n    box-sizing: border-box\n}\n.s-inline-block {\n    display: inline-block\n}\n.s-flex {\n    display: flex\n}\n.s-inline-flex {\n    display: inline-flex\n}\n.s-grid {\n    display: grid\n}\n.s-hidden {\n    display: none\n}\n.s-h-1\\/2 {\n    height: 50%\n}\n.s-h-10 {\n    height: 2.5rem\n}\n.s-h-12 {\n    height: 3rem\n}\n.s-h-16 {\n    height: 4rem\n}\n.s-h-36 {\n    height: 9rem\n}\n.s-h-4 {\n    height: 1rem\n}\n.s-h-5 {\n    height: 1.25rem\n}\n.s-h-6 {\n    height: 1.5rem\n}\n.s-h-7 {\n    height: 1.75rem\n}\n.s-h-72 {\n    height: 18rem\n}\n.s-h-8 {\n    height: 2rem\n}\n.s-h-9 {\n    height: 2.25rem\n}\n.s-h-96 {\n    height: 24rem\n}\n.s-h-full {\n    height: 100%\n}\n.s-h-px {\n    height: 1px\n}\n.s-max-h-full {\n    max-height: 100%\n}\n.s-min-h-full {\n    min-height: 100%\n}\n.s-w-1\\/2 {\n    width: 50%\n}\n.s-w-10 {\n    width: 2.5rem\n}\n.s-w-14 {\n    width: 3.5rem\n}\n.s-w-16 {\n    width: 4rem\n}\n.s-w-32 {\n    width: 8rem\n}\n.s-w-36 {\n    width: 9rem\n}\n.s-w-4 {\n    width: 1rem\n}\n.s-w-40 {\n    width: 10rem\n}\n.s-w-5 {\n    width: 1.25rem\n}\n.s-w-6 {\n    width: 1.5rem\n}\n.s-w-60 {\n    width: 15rem\n}\n.s-w-64 {\n    width: 16rem\n}\n.s-w-7 {\n    width: 1.75rem\n}\n.s-w-8 {\n    width: 2rem\n}\n.s-w-full {\n    width: 100%\n}\n.s-max-w-2xl {\n    max-width: 42rem\n}\n.s-max-w-4xl {\n    max-width: 56rem\n}\n.s-max-w-full {\n    max-width: 100%\n}\n.s-flex-1 {\n    flex: 1 1 0%\n}\n.s-flex-shrink-0 {\n    flex-shrink: 0\n}\n.s-shrink {\n    flex-shrink: 1\n}\n.s-grow {\n    flex-grow: 1\n}\n.s-basis-0 {\n    flex-basis: 0px\n}\n.s-origin-bottom-left {\n    transform-origin: bottom left\n}\n.s-origin-bottom-right {\n    transform-origin: bottom right\n}\n.s-origin-top-left {\n    transform-origin: top left\n}\n.s-origin-top-right {\n    transform-origin: top right\n}\n.-s-translate-x-1\\/2 {\n    --tw-translate-x: -50%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.-s-translate-y-0 {\n    --tw-translate-y: -0px;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.-s-translate-y-5 {\n    --tw-translate-y: -1.25rem;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-x-full {\n    --tw-translate-x: 100%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-y-0 {\n    --tw-translate-y: 0px;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-y-2 {\n    --tw-translate-y: 0.5rem;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-y-4 {\n    --tw-translate-y: 1rem;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-y-5 {\n    --tw-translate-y: 1.25rem;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-scale-100 {\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-scale-95 {\n    --tw-scale-x: .95;\n    --tw-scale-y: .95;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-transform {\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n@keyframes s-breathing {\n    0%, 100% {\n        filter: brightness(105%)\n    }\n    50% {\n        filter: brightness(80%)\n    }\n}\n.s-animate-breathing {\n    animation: s-breathing 4s infinite ease-in-out\n}\n@keyframes s-move-square {\n    0% {\n        padding-left: 0;\n        padding-top: 0;\n        padding-right: 50%;\n        padding-bottom: 50%\n    }\n    12.5% {\n        padding-left: 0;\n        padding-top: 0;\n        padding-right: 0;\n        padding-bottom: 50%\n    }\n    25% {\n        padding-left: 50%;\n        padding-top: 0;\n        padding-right: 0;\n        padding-bottom: 50%\n    }\n    37.5% {\n        padding-left: 50%;\n        padding-top: 0;\n        padding-right: 0;\n        padding-bottom: 0\n    }\n    50% {\n        padding-left: 50%;\n        padding-top: 50%;\n        padding-right: 0;\n        padding-bottom: 0\n    }\n    62.5% {\n        padding-left: 0;\n        padding-top: 50%;\n        padding-right: 0;\n        padding-bottom: 0\n    }\n    75% {\n        padding-left: 0;\n        padding-top: 50%;\n        padding-right: 50%;\n        padding-bottom: 0\n    }\n    87.5% {\n        padding-left: 0;\n        padding-top: 0;\n        padding-right: 50%;\n        padding-bottom: 0\n    }\n    100% {\n        padding-left: 0;\n        padding-top: 0;\n        padding-right: 50%;\n        padding-bottom: 50%\n    }\n}\n.s-animate-move-square {\n    animation: s-move-square 4s ease-out infinite\n}\n.s-cursor-default {\n    cursor: default\n}\n.s-cursor-not-allowed {\n    cursor: not-allowed\n}\n.s-cursor-pointer {\n    cursor: pointer\n}\n.s-select-none {\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none\n}\n.s-grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr))\n}\n.s-flex-row {\n    flex-direction: row\n}\n.s-flex-col {\n    flex-direction: column\n}\n.s-flex-wrap {\n    flex-wrap: wrap\n}\n.s-flex-nowrap {\n    flex-wrap: nowrap\n}\n.s-items-start {\n    align-items: flex-start\n}\n.s-items-end {\n    align-items: flex-end\n}\n.s-items-center {\n    align-items: center\n}\n.s-items-stretch {\n    align-items: stretch\n}\n.s-justify-start {\n    justify-content: flex-start\n}\n.s-justify-end {\n    justify-content: flex-end\n}\n.s-justify-center {\n    justify-content: center\n}\n.s-justify-between {\n    justify-content: space-between\n}\n.s-justify-stretch {\n    justify-content: stretch\n}\n.s-justify-items-center {\n    justify-items: center\n}\n.s-gap-0 {\n    gap: 0px\n}\n.s-gap-1 {\n    gap: 0.25rem\n}\n.s-gap-1\\.5 {\n    gap: 0.375rem\n}\n.s-gap-10 {\n    gap: 2.5rem\n}\n.s-gap-16 {\n    gap: 4rem\n}\n.s-gap-2 {\n    gap: 0.5rem\n}\n.s-gap-3 {\n    gap: 0.75rem\n}\n.s-gap-4 {\n    gap: 1rem\n}\n.s-gap-6 {\n    gap: 1.5rem\n}\n.s-gap-8 {\n    gap: 2rem\n}\n.s-gap-x-1 {\n    -moz-column-gap: 0.25rem;\n         column-gap: 0.25rem\n}\n.s-gap-x-1\\.5 {\n    -moz-column-gap: 0.375rem;\n         column-gap: 0.375rem\n}\n.s-gap-x-2 {\n    -moz-column-gap: 0.5rem;\n         column-gap: 0.5rem\n}\n.s-gap-y-2 {\n    row-gap: 0.5rem\n}\n.s-gap-y-96 {\n    row-gap: 24rem\n}\n.s-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(0px * var(--tw-space-x-reverse));\n    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)))\n}\n.s-self-stretch {\n    align-self: stretch\n}\n.s-overflow-auto {\n    overflow: auto\n}\n.s-overflow-hidden {\n    overflow: hidden\n}\n.s-overflow-y-auto {\n    overflow-y: auto\n}\n.s-truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap\n}\n.s-text-ellipsis {\n    text-overflow: ellipsis\n}\n.s-whitespace-nowrap {\n    white-space: nowrap\n}\n.s-break-words {\n    overflow-wrap: break-word\n}\n.s-rounded-2xl {\n    border-radius: 1rem\n}\n.s-rounded-3xl {\n    border-radius: 1.5rem\n}\n.s-rounded-\\[25\\%\\] {\n    border-radius: 25%\n}\n.s-rounded-full {\n    border-radius: 9999px\n}\n.s-rounded-lg {\n    border-radius: 0.5rem\n}\n.s-rounded-md {\n    border-radius: 0.375rem\n}\n.s-rounded-xl {\n    border-radius: 0.75rem\n}\n.s-border {\n    border-width: 1px\n}\n.s-border-b {\n    border-bottom-width: 1px\n}\n.s-border-b-2 {\n    border-bottom-width: 2px\n}\n.s-border-t {\n    border-top-width: 1px\n}\n.s-border-action-500 {\n    --tw-border-opacity: 1;\n    border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.s-border-action-600 {\n    --tw-border-opacity: 1;\n    border-color: rgb(37 99 235 / var(--tw-border-opacity))\n}\n.s-border-amber-200 {\n    --tw-border-opacity: 1;\n    border-color: rgb(253 230 138 / var(--tw-border-opacity))\n}\n.s-border-element-500 {\n    --tw-border-opacity: 1;\n    border-color: rgb(203 213 225 / var(--tw-border-opacity))\n}\n.s-border-element-600 {\n    --tw-border-opacity: 1;\n    border-color: rgb(148 163 184 / var(--tw-border-opacity))\n}\n.s-border-emerald-200 {\n    --tw-border-opacity: 1;\n    border-color: rgb(167 243 208 / var(--tw-border-opacity))\n}\n.s-border-gray-300 {\n    --tw-border-opacity: 1;\n    border-color: rgb(209 213 219 / var(--tw-border-opacity))\n}\n.s-border-red-500 {\n    --tw-border-opacity: 1;\n    border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n.s-border-slate-200 {\n    --tw-border-opacity: 1;\n    border-color: rgb(226 232 240 / var(--tw-border-opacity))\n}\n.s-border-structure-100 {\n    --tw-border-opacity: 1;\n    border-color: rgb(241 245 249 / var(--tw-border-opacity))\n}\n.s-border-structure-200 {\n    --tw-border-opacity: 1;\n    border-color: rgb(226 232 240 / var(--tw-border-opacity))\n}\n.s-border-structure-300 {\n    --tw-border-opacity: 1;\n    border-color: rgb(203 213 225 / var(--tw-border-opacity))\n}\n.s-border-structure-300\\/30 {\n    border-color: rgb(203 213 225 / 0.3)\n}\n.s-border-transparent {\n    border-color: transparent\n}\n.s-border-violet-200 {\n    --tw-border-opacity: 1;\n    border-color: rgb(221 214 254 / var(--tw-border-opacity))\n}\n.s-border-warning-200 {\n    --tw-border-opacity: 1;\n    border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n.s-border-warning-600 {\n    --tw-border-opacity: 1;\n    border-color: rgb(220 38 38 / var(--tw-border-opacity))\n}\n.s-bg-action-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n.s-bg-amber-100 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(254 243 199 / var(--tw-bg-opacity))\n}\n.s-bg-amber-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(252 211 77 / var(--tw-bg-opacity))\n}\n.s-bg-blue-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(147 197 253 / var(--tw-bg-opacity))\n}\n.s-bg-brand {\n    --tw-bg-opacity: 1;\n    background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n.s-bg-cyan-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(103 232 249 / var(--tw-bg-opacity))\n}\n.s-bg-element-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-element-600 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(148 163 184 / var(--tw-bg-opacity))\n}\n.s-bg-element-700 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(100 116 139 / var(--tw-bg-opacity))\n}\n.s-bg-element-800 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-100 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(209 250 229 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-fuchsia-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(240 171 252 / var(--tw-bg-opacity))\n}\n.s-bg-gray-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(107 114 128 / var(--tw-bg-opacity))\n}\n.s-bg-green-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(134 239 172 / var(--tw-bg-opacity))\n}\n.s-bg-indigo-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(165 180 252 / var(--tw-bg-opacity))\n}\n.s-bg-lime-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(190 242 100 / var(--tw-bg-opacity))\n}\n.s-bg-orange-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(253 186 116 / var(--tw-bg-opacity))\n}\n.s-bg-purple-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(216 180 254 / var(--tw-bg-opacity))\n}\n.s-bg-red-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(252 165 165 / var(--tw-bg-opacity))\n}\n.s-bg-rose-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(253 164 175 / var(--tw-bg-opacity))\n}\n.s-bg-sky-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(125 211 252 / var(--tw-bg-opacity))\n}\n.s-bg-slate-100 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(241 245 249 / var(--tw-bg-opacity))\n}\n.s-bg-slate-200 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-slate-800 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(30 41 59 / var(--tw-bg-opacity))\n}\n.s-bg-structure-0 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-structure-200 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-structure-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-structure-50 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n.s-bg-success-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-success-400 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(52 211 153 / var(--tw-bg-opacity))\n}\n.s-bg-success-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n.s-bg-teal-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(94 234 212 / var(--tw-bg-opacity))\n}\n.s-bg-violet-100 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(237 233 254 / var(--tw-bg-opacity))\n}\n.s-bg-violet-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(196 181 253 / var(--tw-bg-opacity))\n}\n.s-bg-warning-100 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n.s-bg-warning-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n.s-bg-white {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-white\\/90 {\n    background-color: rgb(255 255 255 / 0.9)\n}\n.s-bg-yellow-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(253 224 71 / var(--tw-bg-opacity))\n}\n.s-bg-opacity-75 {\n    --tw-bg-opacity: 0.75\n}\n.s-stroke-structure-50 {\n    stroke: #f8fafc\n}\n.s-object-cover {\n    -o-object-fit: cover;\n       object-fit: cover\n}\n.s-object-center {\n    -o-object-position: center;\n       object-position: center\n}\n.s-p-3 {\n    padding: 0.75rem\n}\n.s-p-4 {\n    padding: 1rem\n}\n.s-p-6 {\n    padding: 1.5rem\n}\n.s-px-0 {\n    padding-left: 0px;\n    padding-right: 0px\n}\n.s-px-0\\.5 {\n    padding-left: 0.125rem;\n    padding-right: 0.125rem\n}\n.s-px-1 {\n    padding-left: 0.25rem;\n    padding-right: 0.25rem\n}\n.s-px-3 {\n    padding-left: 0.75rem;\n    padding-right: 0.75rem\n}\n.s-px-4 {\n    padding-left: 1rem;\n    padding-right: 1rem\n}\n.s-px-5 {\n    padding-left: 1.25rem;\n    padding-right: 1.25rem\n}\n.s-px-6 {\n    padding-left: 1.5rem;\n    padding-right: 1.5rem\n}\n.s-py-0 {\n    padding-top: 0px;\n    padding-bottom: 0px\n}\n.s-py-0\\.5 {\n    padding-top: 0.125rem;\n    padding-bottom: 0.125rem\n}\n.s-py-1 {\n    padding-top: 0.25rem;\n    padding-bottom: 0.25rem\n}\n.s-py-1\\.5 {\n    padding-top: 0.375rem;\n    padding-bottom: 0.375rem\n}\n.s-py-16 {\n    padding-top: 4rem;\n    padding-bottom: 4rem\n}\n.s-py-2 {\n    padding-top: 0.5rem;\n    padding-bottom: 0.5rem\n}\n.s-py-3 {\n    padding-top: 0.75rem;\n    padding-bottom: 0.75rem\n}\n.s-py-4 {\n    padding-top: 1rem;\n    padding-bottom: 1rem\n}\n.s-pb-4 {\n    padding-bottom: 1rem\n}\n.s-pb-5 {\n    padding-bottom: 1.25rem\n}\n.s-pl-0 {\n    padding-left: 0px\n}\n.s-pl-0\\.5 {\n    padding-left: 0.125rem\n}\n.s-pl-1 {\n    padding-left: 0.25rem\n}\n.s-pl-32 {\n    padding-left: 8rem\n}\n.s-pl-4 {\n    padding-left: 1rem\n}\n.s-pl-5 {\n    padding-left: 1.25rem\n}\n.s-pr-3 {\n    padding-right: 0.75rem\n}\n.s-pr-4 {\n    padding-right: 1rem\n}\n.s-pr-5 {\n    padding-right: 1.25rem\n}\n.s-pt-1 {\n    padding-top: 0.25rem\n}\n.s-pt-1\\.5 {\n    padding-top: 0.375rem\n}\n.s-pt-3 {\n    padding-top: 0.75rem\n}\n.s-pt-8 {\n    padding-top: 2rem\n}\n.s-text-left {\n    text-align: left\n}\n.s-text-2xl {\n    font-size: 1.5rem;\n    line-height: 2rem\n}\n.s-text-3xl {\n    font-size: 1.875rem;\n    line-height: 2.25rem\n}\n.s-text-7xl {\n    font-size: 4.5rem;\n    line-height: 1\n}\n.s-text-base {\n    font-size: 1rem;\n    line-height: 1.5rem\n}\n.s-text-lg {\n    font-size: 1.125rem;\n    line-height: 1.75rem\n}\n.s-text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem\n}\n.s-text-xl {\n    font-size: 1.25rem;\n    line-height: 1.75rem\n}\n.s-text-xs {\n    font-size: 0.75rem;\n    line-height: 1rem\n}\n.s-font-bold {\n    font-weight: 700\n}\n.s-font-medium {\n    font-weight: 500\n}\n.s-font-normal {\n    font-weight: 400\n}\n.s-font-semibold {\n    font-weight: 600\n}\n.s-uppercase {\n    text-transform: uppercase\n}\n.s-text-action-300 {\n    --tw-text-opacity: 1;\n    color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n.s-text-action-400 {\n    --tw-text-opacity: 1;\n    color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n.s-text-action-500 {\n    --tw-text-opacity: 1;\n    color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n.s-text-action-800 {\n    --tw-text-opacity: 1;\n    color: rgb(30 64 175 / var(--tw-text-opacity))\n}\n.s-text-amber-700 {\n    --tw-text-opacity: 1;\n    color: rgb(180 83 9 / var(--tw-text-opacity))\n}\n.s-text-blue-700 {\n    --tw-text-opacity: 1;\n    color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n.s-text-brand {\n    --tw-text-opacity: 1;\n    color: rgb(16 185 129 / var(--tw-text-opacity))\n}\n.s-text-cyan-700 {\n    --tw-text-opacity: 1;\n    color: rgb(14 116 144 / var(--tw-text-opacity))\n}\n.s-text-element-500 {\n    --tw-text-opacity: 1;\n    color: rgb(203 213 225 / var(--tw-text-opacity))\n}\n.s-text-element-600 {\n    --tw-text-opacity: 1;\n    color: rgb(148 163 184 / var(--tw-text-opacity))\n}\n.s-text-element-700 {\n    --tw-text-opacity: 1;\n    color: rgb(100 116 139 / var(--tw-text-opacity))\n}\n.s-text-element-800 {\n    --tw-text-opacity: 1;\n    color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n.s-text-element-900 {\n    --tw-text-opacity: 1;\n    color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n.s-text-emerald-700 {\n    --tw-text-opacity: 1;\n    color: rgb(4 120 87 / var(--tw-text-opacity))\n}\n.s-text-fuchsia-700 {\n    --tw-text-opacity: 1;\n    color: rgb(162 28 175 / var(--tw-text-opacity))\n}\n.s-text-gray-500 {\n    --tw-text-opacity: 1;\n    color: rgb(107 114 128 / var(--tw-text-opacity))\n}\n.s-text-green-700 {\n    --tw-text-opacity: 1;\n    color: rgb(21 128 61 / var(--tw-text-opacity))\n}\n.s-text-indigo-700 {\n    --tw-text-opacity: 1;\n    color: rgb(67 56 202 / var(--tw-text-opacity))\n}\n.s-text-lime-700 {\n    --tw-text-opacity: 1;\n    color: rgb(77 124 15 / var(--tw-text-opacity))\n}\n.s-text-orange-700 {\n    --tw-text-opacity: 1;\n    color: rgb(194 65 12 / var(--tw-text-opacity))\n}\n.s-text-purple-700 {\n    --tw-text-opacity: 1;\n    color: rgb(126 34 206 / var(--tw-text-opacity))\n}\n.s-text-red-500 {\n    --tw-text-opacity: 1;\n    color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n.s-text-red-700 {\n    --tw-text-opacity: 1;\n    color: rgb(185 28 28 / var(--tw-text-opacity))\n}\n.s-text-rose-700 {\n    --tw-text-opacity: 1;\n    color: rgb(190 18 60 / var(--tw-text-opacity))\n}\n.s-text-sky-700 {\n    --tw-text-opacity: 1;\n    color: rgb(3 105 161 / var(--tw-text-opacity))\n}\n.s-text-teal-700 {\n    --tw-text-opacity: 1;\n    color: rgb(15 118 110 / var(--tw-text-opacity))\n}\n.s-text-transparent {\n    color: transparent\n}\n.s-text-violet-700 {\n    --tw-text-opacity: 1;\n    color: rgb(109 40 217 / var(--tw-text-opacity))\n}\n.s-text-warning-500 {\n    --tw-text-opacity: 1;\n    color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n.s-text-white {\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.s-text-yellow-700 {\n    --tw-text-opacity: 1;\n    color: rgb(161 98 7 / var(--tw-text-opacity))\n}\n.s-opacity-0 {\n    opacity: 0\n}\n.s-opacity-100 {\n    opacity: 1\n}\n.s-opacity-20 {\n    opacity: 0.2\n}\n.s-opacity-40 {\n    opacity: 0.4\n}\n.s-opacity-50 {\n    opacity: 0.5\n}\n.s-opacity-60 {\n    opacity: 0.6\n}\n.s-shadow-lg {\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-md {\n    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-xl {\n    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-drop-shadow {\n    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-backdrop-blur-xl {\n    --tw-backdrop-blur: blur(24px);\n    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)\n}\n.s-transition {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms\n}\n.s-transition-all {\n    transition-property: all;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms\n}\n.s-transition-colors {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms\n}\n.s-transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms\n}\n.s-transition-transform {\n    transition-property: transform;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms\n}\n.s-duration-200 {\n    transition-duration: 200ms\n}\n.s-duration-300 {\n    transition-duration: 300ms\n}\n.s-duration-500 {\n    transition-duration: 500ms\n}\n.s-duration-75 {\n    transition-duration: 75ms\n}\n.s-ease-in {\n    transition-timing-function: cubic-bezier(0.4, 0, 1, 1)\n}\n.s-ease-in-out {\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n.s-ease-out {\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)\n}\n.hover\\:s-scale-105:hover {\n    --tw-scale-x: 1.05;\n    --tw-scale-y: 1.05;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.hover\\:s-scale-110:hover {\n    --tw-scale-x: 1.1;\n    --tw-scale-y: 1.1;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.hover\\:s-cursor-not-allowed:hover {\n    cursor: not-allowed\n}\n.hover\\:s-border-action-200:hover {\n    --tw-border-opacity: 1;\n    border-color: rgb(191 219 254 / var(--tw-border-opacity))\n}\n.hover\\:s-border-action-300:hover {\n    --tw-border-opacity: 1;\n    border-color: rgb(147 197 253 / var(--tw-border-opacity))\n}\n.hover\\:s-border-action-500:hover {\n    --tw-border-opacity: 1;\n    border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.hover\\:s-border-warning-200:hover {\n    --tw-border-opacity: 1;\n    border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n.hover\\:s-border-warning-500:hover {\n    --tw-border-opacity: 1;\n    border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n.hover\\:s-bg-action-200:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n.hover\\:s-bg-action-400:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n.hover\\:s-bg-action-50:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(239 246 255 / var(--tw-bg-opacity))\n}\n.hover\\:s-bg-structure-300:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.hover\\:s-bg-success-300:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.hover\\:s-bg-warning-400:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 113 113 / var(--tw-bg-opacity))\n}\n.hover\\:s-bg-warning-50:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(254 242 242 / var(--tw-bg-opacity))\n}\n.hover\\:s-text-action-400:hover {\n    --tw-text-opacity: 1;\n    color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n.hover\\:s-text-action-500:hover {\n    --tw-text-opacity: 1;\n    color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n.hover\\:s-text-element-800:hover {\n    --tw-text-opacity: 1;\n    color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n.hover\\:s-text-warning-400:hover {\n    --tw-text-opacity: 1;\n    color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n.hover\\:s-brightness-110:hover {\n    --tw-brightness: brightness(1.1);\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.hover\\:s-drop-shadow-md:hover {\n    --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.hover\\:s-filter:hover {\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.focus\\:s-border-action-500:focus {\n    --tw-border-opacity: 1;\n    border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.focus\\:s-outline-none:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px\n}\n.focus\\:s-ring-0:focus {\n    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.active\\:s-scale-95:active {\n    --tw-scale-x: .95;\n    --tw-scale-y: .95;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.active\\:s-border-action-500:active {\n    --tw-border-opacity: 1;\n    border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.active\\:s-border-action-700:active {\n    --tw-border-opacity: 1;\n    border-color: rgb(29 78 216 / var(--tw-border-opacity))\n}\n.active\\:s-border-warning-500:active {\n    --tw-border-opacity: 1;\n    border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n.active\\:s-border-warning-700:active {\n    --tw-border-opacity: 1;\n    border-color: rgb(185 28 28 / var(--tw-border-opacity))\n}\n.active\\:s-bg-action-100:active {\n    --tw-bg-opacity: 1;\n    background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n.active\\:s-bg-action-600:active {\n    --tw-bg-opacity: 1;\n    background-color: rgb(37 99 235 / var(--tw-bg-opacity))\n}\n.active\\:s-bg-warning-100:active {\n    --tw-bg-opacity: 1;\n    background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n.active\\:s-bg-warning-600:active {\n    --tw-bg-opacity: 1;\n    background-color: rgb(220 38 38 / var(--tw-bg-opacity))\n}\n.active\\:s-text-action-600:active {\n    --tw-text-opacity: 1;\n    color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n.active\\:s-text-action-700:active {\n    --tw-text-opacity: 1;\n    color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n.active\\:s-text-element-900:active {\n    --tw-text-opacity: 1;\n    color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n.active\\:s-text-warning-600:active {\n    --tw-text-opacity: 1;\n    color: rgb(220 38 38 / var(--tw-text-opacity))\n}\n.active\\:s-brightness-90:active {\n    --tw-brightness: brightness(.9);\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.active\\:s-drop-shadow-none:active {\n    --tw-drop-shadow: drop-shadow(0 0 #0000);\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-group:hover .group-hover\\:s-text-action-400 {\n    --tw-text-opacity: 1;\n    color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n.s-group:hover .group-hover\\:s-text-action-500 {\n    --tw-text-opacity: 1;\n    color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-border-action-500-dark) {\n    --tw-border-opacity: 1;\n    border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-action-600-dark) {\n    --tw-border-opacity: 1;\n    border-color: rgb(96 165 250 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-element-500-dark) {\n    --tw-border-opacity: 1;\n    border-color: rgb(100 116 139 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-structure-100-dark) {\n    --tw-border-opacity: 1;\n    border-color: rgb(30 41 59 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-structure-200-dark) {\n    --tw-border-opacity: 1;\n    border-color: rgb(51 65 85 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-structure-300-dark) {\n    --tw-border-opacity: 1;\n    border-color: rgb(71 85 105 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-border-warning-600-dark) {\n    --tw-border-opacity: 1;\n    border-color: rgb(248 113 113 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:s-bg-action-500-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-black) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-element-500-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(100 116 139 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-element-600-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(148 163 184 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-element-700-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-element-900-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-sky-700) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(3 105 161 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-structure-0-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-structure-200-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-structure-300-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(71 85 105 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-structure-50-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(15 23 42 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-success-400-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(5 150 105 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-bg-warning-500-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:s-text-action-300-dark) {\n    --tw-text-opacity: 1;\n    color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-action-400-dark) {\n    --tw-text-opacity: 1;\n    color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-action-500-dark) {\n    --tw-text-opacity: 1;\n    color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-element-500-dark) {\n    --tw-text-opacity: 1;\n    color: rgb(100 116 139 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-element-600-dark) {\n    --tw-text-opacity: 1;\n    color: rgb(148 163 184 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-element-700-dark) {\n    --tw-text-opacity: 1;\n    color: rgb(203 213 225 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-element-900-dark) {\n    --tw-text-opacity: 1;\n    color: rgb(248 250 252 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:s-text-warning-500-dark) {\n    --tw-text-opacity: 1;\n    color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-border-action-300-dark:hover) {\n    --tw-border-opacity: 1;\n    border-color: rgb(29 78 216 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-border-action-500-dark:hover) {\n    --tw-border-opacity: 1;\n    border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-border-warning-300-dark:hover) {\n    --tw-border-opacity: 1;\n    border-color: rgb(185 28 28 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-border-warning-500-dark:hover) {\n    --tw-border-opacity: 1;\n    border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-bg-action-200-dark:hover) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(30 64 175 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-bg-action-400:hover) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-bg-action-50-dark:hover) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(23 37 84 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-bg-action-500-dark:hover) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-bg-warning-50-dark:hover) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(69 10 10 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-bg-warning-500-dark:hover) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-text-action-400:hover) {\n    --tw-text-opacity: 1;\n    color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-text-action-500-dark:hover) {\n    --tw-text-opacity: 1;\n    color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-text-action-600-dark:hover) {\n    --tw-text-opacity: 1;\n    color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-text-element-800-dark:hover) {\n    --tw-text-opacity: 1;\n    color: rgb(226 232 240 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:hover\\:s-text-warning-500-dark:hover) {\n    --tw-text-opacity: 1;\n    color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-border-action-500-dark:active) {\n    --tw-border-opacity: 1;\n    border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-border-action-700-dark:active) {\n    --tw-border-opacity: 1;\n    border-color: rgb(147 197 253 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-border-warning-500-dark:active) {\n    --tw-border-opacity: 1;\n    border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-border-warning-700-dark:active) {\n    --tw-border-opacity: 1;\n    border-color: rgb(252 165 165 / var(--tw-border-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-bg-action-100-dark:active) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(30 58 138 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-bg-action-600-dark:active) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-bg-warning-100-dark:active) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(127 29 29 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-bg-warning-600-dark:active) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 113 113 / var(--tw-bg-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-text-action-600:active) {\n    --tw-text-opacity: 1;\n    color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-text-action-600-dark:active) {\n    --tw-text-opacity: 1;\n    color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-text-action-700-dark:active) {\n    --tw-text-opacity: 1;\n    color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-text-element-900-dark:active) {\n    --tw-text-opacity: 1;\n    color: rgb(248 250 252 / var(--tw-text-opacity))\n}\n:is(.s-dark .dark\\:active\\:s-text-warning-600-dark:active) {\n    --tw-text-opacity: 1;\n    color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400) {\n    --tw-text-opacity: 1;\n    color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400-dark) {\n    --tw-text-opacity: 1;\n    color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-500-dark) {\n    --tw-text-opacity: 1;\n    color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n@media (min-width: 640px) {\n    .sm\\:s-block {\n        display: block\n    }\n    .sm\\:s-translate-y-0 {\n        --tw-translate-y: 0px;\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n    }\n    .sm\\:s-scale-100 {\n        --tw-scale-x: 1;\n        --tw-scale-y: 1;\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n    }\n    .sm\\:s-scale-95 {\n        --tw-scale-x: .95;\n        --tw-scale-y: .95;\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n    }\n    .sm\\:s-p-0 {\n        padding: 0px\n    }\n    .sm\\:s-p-6 {\n        padding: 1.5rem\n    }\n}\n@media (min-width: 768px) {\n    .md\\:s-flex-row {\n        flex-direction: row\n    }\n    .md\\:s-items-center {\n        align-items: center\n    }\n}\n@media (min-width: 1024px) {\n    .lg\\:s-w-1\\/2 {\n        width: 50%\n    }\n}";
 styleInject(css_248z);
 
 var aLink = function (_a) {
@@ -218,6 +218,9 @@ var SvgHandThumbDown$1 = function (props) { return (React.createElement("svg", _
 var SvgHandThumbUp$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React.createElement("path", { fill: "currentColor", d: "M2 9h3v12H2a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1Zm5.293-1.293 6.4-6.4a.5.5 0 0 1 .654-.047l.853.64a1.5 1.5 0 0 1 .553 1.57L14.6 8H21a2 2 0 0 1 2 2v2.104a2 2 0 0 1-.15.762l-3.095 7.515a1 1 0 0 1-.925.619H8a1 1 0 0 1-1-1V8.414a1 1 0 0 1 .293-.707Z" }))); };
 
+var SvgImage$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
+    React.createElement("path", { fill: "currentColor", d: "M20 5H4v14l9.292-9.294a1 1 0 0 1 1.415 0L20 15.01V5ZM2 3.993A1 1 0 0 1 2.992 3h18.016c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V3.993ZM8 11a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z" }))); };
+
 var SvgInformationCircle$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React.createElement("path", { fill: "currentColor", d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm-1-11v6h2v-6h-2Zm0-4v2h2V7h-2Z" }))); };
 
@@ -539,15 +542,8 @@ function Button(_a) {
         type === "select" && (React__default.createElement(Icon, { className: "s-opacity-60", visual: SvgChevronUpDown$1, size: size }))));
     return labelVisible ? (buttonBase) : (React__default.createElement(Tooltip, { label: label, position: tooltipPosition }, buttonBase));
 }
-// Button.List = function ({ children, className }: ButtonBarProps) {
-//   return (
-//     <div className={classNames(className ? className : "", "s-flex")}>
-//       <div className={"s-flex s-flex-row s-gap-1"}>{children}</div>
-//     </div>
-//   );
-// };
 Button.List = function (_a) {
-    var children = _a.children, className = _a.className;
+    var children = _a.children, isWrapping = _a.isWrapping, className = _a.className;
     var modifiedChildren = Children.map(children, function (child) {
         // Check if this child is a Button
         if (React__default.isValidElement(child) && child.type === Button) {
@@ -557,7 +553,7 @@ Button.List = function (_a) {
         return child;
     });
     return (React__default.createElement("div", { className: classNames(className ? className : "", "s-flex") },
-        React__default.createElement("div", { className: "s-flex s-flex-row s-gap-2" }, modifiedChildren)));
+        React__default.createElement("div", { className: classNames("s-flex s-flex-row s-gap-2", isWrapping ? "s-flex-wrap" : "s-flex-nowrap") }, modifiedChildren)));
 };
 
 var baseClasses$4 = "s-rounded-full s-cursor-pointer s-transition-colors s-duration-300 s-ease-out s-cursor-pointer s-flex s-items-center";
@@ -32069,8 +32065,8 @@ DropdownMenu.Button = function (_a) {
         React__default.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, visual = _a.visual, onClick = _a.onClick;
-    return (React__default.createElement(it.Item, { disabled: disabled, key: key },
+    var label = _a.label, href = _a.href, disabled = _a.disabled, visual = _a.visual, onClick = _a.onClick;
+    return (React__default.createElement(it.Item, { disabled: disabled },
         React__default.createElement(Item, { className: "s-px-4", variant: "dropdown", size: "md", href: href, onClick: onClick, label: label, visual: visual })));
 };
 DropdownMenu.Items = function (_a) {
@@ -32234,10 +32230,10 @@ function PageHeader(_a) {
 }
 
 function BarHeader(_a) {
-    var title = _a.title, leftActions = _a.leftActions, rightActions = _a.rightActions;
+    var title = _a.title, leftActions = _a.leftActions, rightActions = _a.rightActions, _b = _a.className, className = _b === void 0 ? "" : _b;
     var titleClasses = "s-text-base s-font-bold s-truncate s-text-element-800 s-grow";
     var buttonBarClasses = "s-flex s-gap-1";
-    return (React__default.createElement("div", { className: "s-fixed s-left-0 s-right-0 s-top-0 s-z-30 s-flex s-h-16 s-flex-row s-items-center s-gap-3 s-border-b s-border-structure-300/30 s-bg-white/90 s-px-4 s-backdrop-blur-xl" },
+    return (React__default.createElement("div", { className: classNames("s-fixed s-left-0 s-right-0 s-top-0 s-z-30 s-flex s-h-16 s-flex-row s-items-center s-gap-3 s-border-b s-border-structure-300/30 s-bg-white/90 s-px-4 s-backdrop-blur-xl", className) },
         leftActions && React__default.createElement("div", { className: buttonBarClasses }, leftActions),
         React__default.createElement("div", { className: titleClasses }, title),
         rightActions && React__default.createElement("div", { className: buttonBarClasses }, rightActions)));
@@ -32522,6 +32518,9 @@ var SvgHandThumbDown = function (props) { return (React.createElement("svg", __a
 var SvgHandThumbUp = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React.createElement("path", { fill: "currentColor", d: "M14.6 8H21a2 2 0 0 1 2 2v2.105c0 .26-.051.52-.15.761l-3.095 7.515a1 1 0 0 1-.925.62H2a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1h3.482a1 1 0 0 0 .817-.424L11.752.851a.5.5 0 0 1 .632-.159l1.814.908a2.5 2.5 0 0 1 1.305 2.852L14.6 8ZM7 10.588V19h11.16L21 12.105V10h-6.4a2 2 0 0 1-1.938-2.493l.903-3.548a.5.5 0 0 0-.261-.57l-.661-.331-4.71 6.672c-.25.354-.57.645-.933.858ZM5 11H3v8h2v-8Z" }))); };
 
+var SvgImage = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
+    React.createElement("path", { fill: "currentColor", d: "M2.992 21A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h18.016c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992ZM20 15V5H4v14L14 9l6 6Zm0 2.828-6-6L6.828 19H20v-1.172ZM8 11a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z" }))); };
+
 var SvgInformationCircle = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React.createElement("path", { fill: "currentColor", d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM11 7h2v2h-2V7Zm0 4h2v6h-2v-6Z" }))); };
 
@@ -32825,5 +32824,5 @@ var SvgSlack = function (props) { return (React.createElement("svg", __assign({
     React.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.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" }))); };
 
-export { SvgAi21 as Ai21Logo, SvgArrowDownCircle$1 as ArrowDownCircleIcon, SvgArrowDownCircle as ArrowDownCircleStrokeIcon, SvgArrowDownOnSquare$1 as ArrowDownOnSquareIcon, SvgArrowDownOnSquare as ArrowDownOnSquareStrokeIcon, SvgArrowPath$1 as ArrowPathIcon, SvgArrowPath as ArrowPathStrokeIcon, SvgArrowUpOnSquare$1 as ArrowUpOnSquareIcon, SvgArrowUpOnSquare as ArrowUpOnSquareStrokeIcon, SvgAttachment$1 as AttachmentIcon, SvgAttachment as AttachmentStrokeIcon, Avatar, SvgBackspace$1 as BackspaceIcon, SvgBackspace as BackspaceStrokeIcon, BarHeader, SvgBookmark$1 as BookmarkIcon, SvgBookmark as BookmarkStrokeIcon, Button, SvgChatBubbleBottomCenterPlus$1 as ChatBubbleBottomCenterPlusIcon, SvgChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusStrokeIcon, SvgChatBubbleBottomCenterText$1 as ChatBubbleBottomCenterTextIcon, SvgChatBubbleBottomCenterText as ChatBubbleBottomCenterTextStrokeIcon, SvgChatBubbleLeftRight$1 as ChatBubbleLeftRightIcon, SvgChatBubbleLeftRight as ChatBubbleLeftRightStrokeIcon, SvgCheckCircle$1 as CheckCircleIcon, SvgCheckCircle as CheckCircleStrokeIcon, SvgCheck$1 as CheckIcon, SvgCheck as CheckStrokeIcon, Checkbox, SvgChevronDown$1 as ChevronDownIcon, SvgChevronDown as ChevronDownStrokeIcon, SvgChevronLeft$1 as ChevronLeftIcon, SvgChevronLeft as ChevronLeftStrokeIcon, SvgChevronRight$1 as ChevronRightIcon, SvgChevronRight as ChevronRightStrokeIcon, SvgChevronUpDown$1 as ChevronUpDownIcon, SvgChevronUpDown as ChevronUpDownStrokeIcon, SvgChevronUp$1 as ChevronUpIcon, SvgChevronUp as ChevronUpStrokeIcon, Chip, SvgClaude as ClaudeLogo, SvgClipboardCheck$1 as ClipboardCheckIcon, SvgClipboardCheck as ClipboardCheckStrokeIcon, SvgClipboard$1 as ClipboardIcon, SvgClipboard as ClipboardStrokeIcon, SvgClock$1 as ClockIcon, SvgClock as ClockStrokeIcon, SvgCloudArrowDown$1 as CloudArrowDownIcon, SvgCloudArrowDown as CloudArrowDownStrokeIcon, SvgCloudArrowLeftRight$1 as CloudArrowLeftRightIcon, SvgCloudArrowLeftRight as CloudArrowLeftRightStrokeIcon, SvgCloudX$1 as CloudXIcon, SvgCloudX as CloudXStrokeIcon, SvgCog6Tooth$1 as Cog6ToothIcon, SvgCog6Tooth as Cog6ToothStrokeIcon, SvgCohere as CohereLogo, Collapsible, SvgCommandLine$1 as CommandLineIcon, SvgCommandLine as CommandLineStrokeIcon, ContextItem, SvgCube$1 as CubeIcon, SvgCube as CubeStrokeIcon, SvgDash$1 as DashIcon, SvgDash as DashStrokeIcon, SvgDocumentDuplicate$1 as DocumentDuplicateIcon, SvgDocumentDuplicate as DocumentDuplicateStrokeIcon, SvgDocumentPlus$1 as DocumentPlusIcon, SvgDocumentPlus as DocumentPlusStrokeIcon, SvgDocumentText$1 as DocumentTextIcon, SvgDocumentText as DocumentTextStrokeIcon, SvgDrive as DriveLogo, DropdownMenu, SvgEqualizer$1 as EqualizerIcon, SvgEqualizer as EqualizerStrokeIcon, SvgExclamationCircle$1 as ExclamationCircleIcon, SvgExclamationCircle as ExclamationCircleStrokeIcon, SvgEye$1 as EyeIcon, SvgEyeSlash$1 as EyeSlashIcon, SvgEyeSlash as EyeSlashStrokeIcon, SvgEye as EyeStrokeIcon, SvgFlag$1 as FlagIcon, SvgFlag as FlagStrokeIcon, SvgFolderOpen$1 as FolderOpenIcon, SvgFolderOpen as FolderOpenStrokeIcon, SvgGithub as GithubLogo, SvgGlobeAlt$1 as GlobeAltIcon, SvgGlobeAlt as GlobeAltStrokeIcon, SvgGpt3 as Gpt3Logo, SvgGpt4 as Gpt4Logo, SvgHandThumbDown$1 as HandThumbDownIcon, SvgHandThumbDown as HandThumbDownStrokeIcon, SvgHandThumbUp$1 as HandThumbUpIcon, SvgHandThumbUp as HandThumbUpStrokeIcon, SvgHuggingFace as HuggingFaceLogo, Icon, IconButton, IconToggleButton, SvgInformationCircle$1 as InformationCircleIcon, SvgInformationCircle as InformationCircleStrokeIcon, Input, Item, SvgKey$1 as KeyIcon, SvgKey as KeyStrokeIcon, SvgLightbulb$1 as LightbulbIcon, SvgLightbulb as LightbulbStrokeIcon, SvgLink$1 as LinkIcon, SvgLink as LinkStrokeIcon, Logo, SvgLogoHorizontalColor as LogoHorizontalColorLogo, SvgLogoHorizontalDark as LogoHorizontalDarkLogo, SvgLogoHorizontalWhite as LogoHorizontalWhiteLogo, SvgLogoSquareColor as LogoSquareColorLogo, SvgLogoSquareDark as LogoSquareDarkLogo, SvgLogoSquareWhite as LogoSquareWhiteLogo, SvgMagnifyingGlass$1 as MagnifyingGlassIcon, SvgMagnifyingGlass as MagnifyingGlassStrokeIcon, SvgMenu$1 as MenuIcon, SvgMenu as MenuStrokeIcon, SvgMicrosoft as MicrosoftLogo, Modal, SvgNotion as NotionLogo, Page, PageHeader, SvgPaperAirplane$1 as PaperAirplaneIcon, SvgPaperAirplane as PaperAirplaneStrokeIcon, SvgPencilSquare$1 as PencilSquareIcon, SvgPencilSquare as PencilSquareStrokeIcon, SvgPlanet$1 as PlanetIcon, SvgPlanet as PlanetStrokeIcon, SvgPlusCircle$1 as PlusCircleIcon, SvgPlusCircle as PlusCircleStrokeIcon, SvgPlus$1 as PlusIcon, SvgPlus as PlusStrokeIcon, SvgQuestionMarkCircle$1 as QuestionMarkCircleIcon, SvgQuestionMarkCircle as QuestionMarkCircleStrokeIcon, SvgReplicate as ReplicateLogo, SvgRobot$1 as RobotIcon, SvgRobot as RobotStrokeIcon, SectionHeader, SvgServer$1 as ServerIcon, SvgServer as ServerStrokeIcon, SvgShakeHands$1 as ShakeHandsIcon, SvgShakeHands as ShakeHandsStrokeIcon, SvgSlack as SlackLogo, SliderToggle, SparkleContext, SvgSparkles$1 as SparklesIcon, SvgSparkles as SparklesStrokeIcon, Spinner, SvgSquare3Stack3D$1 as Square3Stack3DIcon, SvgSquare3Stack3D as Square3Stack3DStrokeIcon, Tab, SvgTestTube$1 as TestTubeIcon, SvgTestTube as TestTubeStrokeIcon, Tooltip, SvgTrash$1 as TrashIcon, SvgTrash as TrashStrokeIcon, Tree, SvgUserGroup$1 as UserGroupIcon, SvgUserGroup as UserGroupStrokeIcon, SvgUser$1 as UserIcon, SvgUser as UserStrokeIcon, SvgWrench$1 as WrenchIcon, SvgWrench as WrenchStrokeIcon, SvgXCircle$1 as XCircleIcon, SvgXCircle as XCircleStrokeIcon, SvgXMark$1 as XMarkIcon, SvgXMark as XMarkStrokeIcon };
+export { SvgAi21 as Ai21Logo, SvgArrowDownCircle$1 as ArrowDownCircleIcon, SvgArrowDownCircle as ArrowDownCircleStrokeIcon, SvgArrowDownOnSquare$1 as ArrowDownOnSquareIcon, SvgArrowDownOnSquare as ArrowDownOnSquareStrokeIcon, SvgArrowPath$1 as ArrowPathIcon, SvgArrowPath as ArrowPathStrokeIcon, SvgArrowUpOnSquare$1 as ArrowUpOnSquareIcon, SvgArrowUpOnSquare as ArrowUpOnSquareStrokeIcon, SvgAttachment$1 as AttachmentIcon, SvgAttachment as AttachmentStrokeIcon, Avatar, SvgBackspace$1 as BackspaceIcon, SvgBackspace as BackspaceStrokeIcon, BarHeader, SvgBookmark$1 as BookmarkIcon, SvgBookmark as BookmarkStrokeIcon, Button, SvgChatBubbleBottomCenterPlus$1 as ChatBubbleBottomCenterPlusIcon, SvgChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusStrokeIcon, SvgChatBubbleBottomCenterText$1 as ChatBubbleBottomCenterTextIcon, SvgChatBubbleBottomCenterText as ChatBubbleBottomCenterTextStrokeIcon, SvgChatBubbleLeftRight$1 as ChatBubbleLeftRightIcon, SvgChatBubbleLeftRight as ChatBubbleLeftRightStrokeIcon, SvgCheckCircle$1 as CheckCircleIcon, SvgCheckCircle as CheckCircleStrokeIcon, SvgCheck$1 as CheckIcon, SvgCheck as CheckStrokeIcon, Checkbox, SvgChevronDown$1 as ChevronDownIcon, SvgChevronDown as ChevronDownStrokeIcon, SvgChevronLeft$1 as ChevronLeftIcon, SvgChevronLeft as ChevronLeftStrokeIcon, SvgChevronRight$1 as ChevronRightIcon, SvgChevronRight as ChevronRightStrokeIcon, SvgChevronUpDown$1 as ChevronUpDownIcon, SvgChevronUpDown as ChevronUpDownStrokeIcon, SvgChevronUp$1 as ChevronUpIcon, SvgChevronUp as ChevronUpStrokeIcon, Chip, SvgClaude as ClaudeLogo, SvgClipboardCheck$1 as ClipboardCheckIcon, SvgClipboardCheck as ClipboardCheckStrokeIcon, SvgClipboard$1 as ClipboardIcon, SvgClipboard as ClipboardStrokeIcon, SvgClock$1 as ClockIcon, SvgClock as ClockStrokeIcon, SvgCloudArrowDown$1 as CloudArrowDownIcon, SvgCloudArrowDown as CloudArrowDownStrokeIcon, SvgCloudArrowLeftRight$1 as CloudArrowLeftRightIcon, SvgCloudArrowLeftRight as CloudArrowLeftRightStrokeIcon, SvgCloudX$1 as CloudXIcon, SvgCloudX as CloudXStrokeIcon, SvgCog6Tooth$1 as Cog6ToothIcon, SvgCog6Tooth as Cog6ToothStrokeIcon, SvgCohere as CohereLogo, Collapsible, SvgCommandLine$1 as CommandLineIcon, SvgCommandLine as CommandLineStrokeIcon, ContextItem, SvgCube$1 as CubeIcon, SvgCube as CubeStrokeIcon, SvgDash$1 as DashIcon, SvgDash as DashStrokeIcon, SvgDocumentDuplicate$1 as DocumentDuplicateIcon, SvgDocumentDuplicate as DocumentDuplicateStrokeIcon, SvgDocumentPlus$1 as DocumentPlusIcon, SvgDocumentPlus as DocumentPlusStrokeIcon, SvgDocumentText$1 as DocumentTextIcon, SvgDocumentText as DocumentTextStrokeIcon, SvgDrive as DriveLogo, DropdownMenu, SvgEqualizer$1 as EqualizerIcon, SvgEqualizer as EqualizerStrokeIcon, SvgExclamationCircle$1 as ExclamationCircleIcon, SvgExclamationCircle as ExclamationCircleStrokeIcon, SvgEye$1 as EyeIcon, SvgEyeSlash$1 as EyeSlashIcon, SvgEyeSlash as EyeSlashStrokeIcon, SvgEye as EyeStrokeIcon, SvgFlag$1 as FlagIcon, SvgFlag as FlagStrokeIcon, SvgFolderOpen$1 as FolderOpenIcon, SvgFolderOpen as FolderOpenStrokeIcon, SvgGithub as GithubLogo, SvgGlobeAlt$1 as GlobeAltIcon, SvgGlobeAlt as GlobeAltStrokeIcon, SvgGpt3 as Gpt3Logo, SvgGpt4 as Gpt4Logo, SvgHandThumbDown$1 as HandThumbDownIcon, SvgHandThumbDown as HandThumbDownStrokeIcon, SvgHandThumbUp$1 as HandThumbUpIcon, SvgHandThumbUp as HandThumbUpStrokeIcon, SvgHuggingFace as HuggingFaceLogo, Icon, IconButton, IconToggleButton, SvgImage$1 as ImageIcon, SvgImage as ImageStrokeIcon, SvgInformationCircle$1 as InformationCircleIcon, SvgInformationCircle as InformationCircleStrokeIcon, Input, Item, SvgKey$1 as KeyIcon, SvgKey as KeyStrokeIcon, SvgLightbulb$1 as LightbulbIcon, SvgLightbulb as LightbulbStrokeIcon, SvgLink$1 as LinkIcon, SvgLink as LinkStrokeIcon, Logo, SvgLogoHorizontalColor as LogoHorizontalColorLogo, SvgLogoHorizontalDark as LogoHorizontalDarkLogo, SvgLogoHorizontalWhite as LogoHorizontalWhiteLogo, SvgLogoSquareColor as LogoSquareColorLogo, SvgLogoSquareDark as LogoSquareDarkLogo, SvgLogoSquareWhite as LogoSquareWhiteLogo, SvgMagnifyingGlass$1 as MagnifyingGlassIcon, SvgMagnifyingGlass as MagnifyingGlassStrokeIcon, SvgMenu$1 as MenuIcon, SvgMenu as MenuStrokeIcon, SvgMicrosoft as MicrosoftLogo, Modal, SvgNotion as NotionLogo, Page, PageHeader, SvgPaperAirplane$1 as PaperAirplaneIcon, SvgPaperAirplane as PaperAirplaneStrokeIcon, SvgPencilSquare$1 as PencilSquareIcon, SvgPencilSquare as PencilSquareStrokeIcon, SvgPlanet$1 as PlanetIcon, SvgPlanet as PlanetStrokeIcon, SvgPlusCircle$1 as PlusCircleIcon, SvgPlusCircle as PlusCircleStrokeIcon, SvgPlus$1 as PlusIcon, SvgPlus as PlusStrokeIcon, SvgQuestionMarkCircle$1 as QuestionMarkCircleIcon, SvgQuestionMarkCircle as QuestionMarkCircleStrokeIcon, SvgReplicate as ReplicateLogo, SvgRobot$1 as RobotIcon, SvgRobot as RobotStrokeIcon, SectionHeader, SvgServer$1 as ServerIcon, SvgServer as ServerStrokeIcon, SvgShakeHands$1 as ShakeHandsIcon, SvgShakeHands as ShakeHandsStrokeIcon, SvgSlack as SlackLogo, SliderToggle, SparkleContext, SvgSparkles$1 as SparklesIcon, SvgSparkles as SparklesStrokeIcon, Spinner, SvgSquare3Stack3D$1 as Square3Stack3DIcon, SvgSquare3Stack3D as Square3Stack3DStrokeIcon, Tab, SvgTestTube$1 as TestTubeIcon, SvgTestTube as TestTubeStrokeIcon, Tooltip, SvgTrash$1 as TrashIcon, SvgTrash as TrashStrokeIcon, Tree, SvgUserGroup$1 as UserGroupIcon, SvgUserGroup as UserGroupStrokeIcon, SvgUser$1 as UserIcon, SvgUser as UserStrokeIcon, SvgWrench$1 as WrenchIcon, SvgWrench as WrenchStrokeIcon, SvgXCircle$1 as XCircleIcon, SvgXCircle as XCircleStrokeIcon, SvgXMark$1 as XMarkIcon, SvgXMark as XMarkStrokeIcon };
 //# sourceMappingURL=index.js.map