@streamsai/ui 0.0.0-stage → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +57 -2
- package/dist/components/ui/agent-avatar.d.ts +50 -0
- package/dist/components/ui/agent-avatar.js +38 -0
- package/dist/components/ui/alert-dialog.d.ts +12 -0
- package/dist/components/ui/alert-dialog.js +37 -0
- package/dist/components/ui/alert.d.ts +10 -0
- package/dist/components/ui/alert.js +28 -0
- package/dist/components/ui/assets/loader.json.js +1 -0
- package/dist/components/ui/avatar-frame.d.ts +11 -0
- package/dist/components/ui/avatar-frame.js +20 -0
- package/dist/components/ui/avatar.d.ts +23 -0
- package/dist/components/ui/avatar.js +54 -0
- package/dist/components/ui/badge.d.ts +7 -0
- package/dist/components/ui/badge.js +36 -0
- package/dist/components/ui/bar-list.d.ts +40 -0
- package/dist/components/ui/bar-list.js +37 -0
- package/dist/components/ui/breadcrumb.d.ts +8 -0
- package/dist/components/ui/breadcrumb.js +21 -0
- package/dist/components/ui/button-group.d.ts +10 -0
- package/dist/components/ui/button-group.js +41 -0
- package/dist/components/ui/button.d.ts +9 -0
- package/dist/components/ui/button.js +39 -0
- package/dist/components/ui/card.d.ts +9 -0
- package/dist/components/ui/card.js +25 -0
- package/dist/components/ui/checkbox.d.ts +3 -0
- package/dist/components/ui/checkbox.js +16 -0
- package/dist/components/ui/chip.d.ts +13 -0
- package/dist/components/ui/chip.js +22 -0
- package/dist/components/ui/clickable.d.ts +27 -0
- package/dist/components/ui/clickable.js +54 -0
- package/dist/components/ui/code-block.d.ts +68 -0
- package/dist/components/ui/code-block.js +112 -0
- package/dist/components/ui/code-view.d.ts +21 -0
- package/dist/components/ui/code-view.js +20 -0
- package/dist/components/ui/collapsible.d.ts +6 -0
- package/dist/components/ui/collapsible.js +18 -0
- package/dist/components/ui/combobox.d.ts +14 -0
- package/dist/components/ui/combobox.js +37 -0
- package/dist/components/ui/command.d.ts +15 -0
- package/dist/components/ui/command.js +34 -0
- package/dist/components/ui/context-menu.d.ts +21 -0
- package/dist/components/ui/context-menu.js +60 -0
- package/dist/components/ui/counter.d.ts +11 -0
- package/dist/components/ui/counter.js +20 -0
- package/dist/components/ui/dialog.d.ts +17 -0
- package/dist/components/ui/dialog.js +41 -0
- package/dist/components/ui/disabled-reason.d.ts +22 -0
- package/dist/components/ui/disabled-reason.js +16 -0
- package/dist/components/ui/dropdown-menu.d.ts +33 -0
- package/dist/components/ui/dropdown-menu.js +58 -0
- package/dist/components/ui/editable-text.d.ts +95 -0
- package/dist/components/ui/editable-text.js +191 -0
- package/dist/components/ui/heading.d.ts +24 -0
- package/dist/components/ui/heading.js +92 -0
- package/dist/components/ui/hover-card.d.ts +9 -0
- package/dist/components/ui/hover-card.js +16 -0
- package/dist/components/ui/icon-button.d.ts +23 -0
- package/dist/components/ui/icon-button.js +32 -0
- package/dist/components/ui/input.d.ts +3 -0
- package/dist/components/ui/input.js +8 -0
- package/dist/components/ui/kbd.d.ts +12 -0
- package/dist/components/ui/kbd.js +12 -0
- package/dist/components/ui/label.d.ts +3 -0
- package/dist/components/ui/label.js +7 -0
- package/dist/components/ui/loader.d.ts +19 -0
- package/dist/components/ui/loader.js +157 -0
- package/dist/components/ui/message-toolbar.d.ts +20 -0
- package/dist/components/ui/message-toolbar.js +17 -0
- package/dist/components/ui/modal.d.ts +30 -0
- package/dist/components/ui/modal.js +41 -0
- package/dist/components/ui/nav-item.d.ts +25 -0
- package/dist/components/ui/nav-item.js +66 -0
- package/dist/components/ui/panel-section.d.ts +22 -0
- package/dist/components/ui/panel-section.js +26 -0
- package/dist/components/ui/popover.d.ts +14 -0
- package/dist/components/ui/popover.js +30 -0
- package/dist/components/ui/progress.d.ts +5 -0
- package/dist/components/ui/progress.js +16 -0
- package/dist/components/ui/provider-badge.d.ts +22 -0
- package/dist/components/ui/provider-badge.js +38 -0
- package/dist/components/ui/radio-group.d.ts +5 -0
- package/dist/components/ui/radio-group.js +21 -0
- package/dist/components/ui/reply-summary.d.ts +16 -0
- package/dist/components/ui/reply-summary.js +8 -0
- package/dist/components/ui/resizable.d.ts +8 -0
- package/dist/components/ui/resizable.js +15 -0
- package/dist/components/ui/rich-text-editor.d.ts +447 -0
- package/dist/components/ui/rich-text-editor.js +2419 -0
- package/dist/components/ui/running-indicator.d.ts +17 -0
- package/dist/components/ui/running-indicator.js +34 -0
- package/dist/components/ui/sandboxed-frame.d.ts +29 -0
- package/dist/components/ui/sandboxed-frame.js +77 -0
- package/dist/components/ui/scroll-area.d.ts +14 -0
- package/dist/components/ui/scroll-area.js +17 -0
- package/dist/components/ui/section-header.d.ts +12 -0
- package/dist/components/ui/section-header.js +12 -0
- package/dist/components/ui/select.d.ts +15 -0
- package/dist/components/ui/select.js +40 -0
- package/dist/components/ui/separator.d.ts +3 -0
- package/dist/components/ui/separator.js +13 -0
- package/dist/components/ui/sheet.d.ts +23 -0
- package/dist/components/ui/sheet.js +48 -0
- package/dist/components/ui/shimmer-text.d.ts +26 -0
- package/dist/components/ui/shimmer-text.js +32 -0
- package/dist/components/ui/sidebar.d.ts +63 -0
- package/dist/components/ui/sidebar.js +283 -0
- package/dist/components/ui/skeleton.d.ts +14 -0
- package/dist/components/ui/skeleton.js +12 -0
- package/dist/components/ui/sonner.d.ts +4 -0
- package/dist/components/ui/sonner.js +14 -0
- package/dist/components/ui/spark-bars.d.ts +29 -0
- package/dist/components/ui/spark-bars.js +24 -0
- package/dist/components/ui/spinner.d.ts +16 -0
- package/dist/components/ui/spinner.js +26 -0
- package/dist/components/ui/stacked-bar.d.ts +37 -0
- package/dist/components/ui/stacked-bar.js +56 -0
- package/dist/components/ui/status-dot.d.ts +16 -0
- package/dist/components/ui/status-dot.js +32 -0
- package/dist/components/ui/switch.d.ts +5 -0
- package/dist/components/ui/switch.js +13 -0
- package/dist/components/ui/tabs.d.ts +14 -0
- package/dist/components/ui/tabs.js +55 -0
- package/dist/components/ui/text.d.ts +27 -0
- package/dist/components/ui/text.js +100 -0
- package/dist/components/ui/textarea.d.ts +3 -0
- package/dist/components/ui/textarea.js +7 -0
- package/dist/components/ui/theme-toggle.d.ts +21 -0
- package/dist/components/ui/theme-toggle.js +17 -0
- package/dist/components/ui/toggle-group.d.ts +6 -0
- package/dist/components/ui/toggle-group.js +12 -0
- package/dist/components/ui/tooltip.d.ts +11 -0
- package/dist/components/ui/tooltip.js +21 -0
- package/dist/components/ui/trace.d.ts +24 -0
- package/dist/components/ui/trace.js +57 -0
- package/dist/components/ui/trend-line.d.ts +93 -0
- package/dist/components/ui/trend-line.js +215 -0
- package/dist/components/ui/truncate.d.ts +30 -0
- package/dist/components/ui/truncate.js +54 -0
- package/dist/components/ui/viewer-shell.d.ts +55 -0
- package/dist/components/ui/viewer-shell.js +15 -0
- package/dist/components/ui/virtual-list.d.ts +91 -0
- package/dist/components/ui/virtual-list.js +406 -0
- package/dist/components/ui/visually-hidden.d.ts +15 -0
- package/dist/components/ui/visually-hidden.js +19 -0
- package/dist/direction/index.d.ts +19 -0
- package/dist/direction/index.js +32 -0
- package/dist/hooks/use-code-highlighting.d.ts +22 -0
- package/dist/hooks/use-code-highlighting.js +47 -0
- package/dist/hooks/use-is-truncated.d.ts +7 -0
- package/dist/hooks/use-is-truncated.js +23 -0
- package/dist/hooks/use-mobile.d.ts +2 -0
- package/dist/hooks/use-mobile.js +15 -0
- package/dist/icons/custom.d.ts +29 -0
- package/dist/icons/custom.js +48 -0
- package/dist/icons/index.d.ts +49 -0
- package/dist/icons/index.js +50 -0
- package/dist/icons/provider-logos.d.ts +17 -0
- package/dist/icons/provider-logos.js +28 -0
- package/dist/icons/providers.d.ts +9 -0
- package/dist/icons/providers.js +51 -0
- package/dist/index.d.ts +102 -0
- package/dist/index.js +124 -0
- package/dist/lib/code-highlighter.d.ts +9 -0
- package/dist/lib/code-highlighter.js +65 -0
- package/dist/lib/code-language.d.ts +13 -0
- package/dist/lib/code-language.js +103 -0
- package/dist/lib/code-tokens.d.ts +9 -0
- package/dist/lib/code-tokens.js +27 -0
- package/dist/lib/copy-text.d.ts +6 -0
- package/dist/lib/copy-text.js +46 -0
- package/dist/lib/home-tile.d.ts +12 -0
- package/dist/lib/home-tile.js +45 -0
- package/dist/lib/reveal-mask.d.ts +9 -0
- package/dist/lib/reveal-mask.js +16 -0
- package/dist/lib/text-direction.d.ts +28 -0
- package/dist/lib/text-direction.js +119 -0
- package/dist/lib/utils.d.ts +11 -0
- package/dist/lib/utils.js +30 -0
- package/dist/motion/components.d.ts +184 -0
- package/dist/motion/components.js +211 -0
- package/dist/motion/config.d.ts +849 -0
- package/dist/motion/config.js +429 -0
- package/dist/motion/index.d.ts +8 -0
- package/dist/motion/index.js +8 -0
- package/dist/motion/modal-presence.d.ts +5 -0
- package/dist/motion/modal-presence.js +27 -0
- package/dist/motion/popup.d.ts +77 -0
- package/dist/motion/popup.js +103 -0
- package/dist/platform/index.d.ts +29 -0
- package/dist/platform/index.js +63 -0
- package/dist/styles/base.css +319 -0
- package/dist/styles/fonts/Figtree-Variable.woff2 +0 -0
- package/dist/styles/fonts/OFL.txt +93 -0
- package/dist/styles/fonts/Poppins-Medium.woff2 +0 -0
- package/dist/styles/fonts/Poppins-Regular.woff2 +0 -0
- package/dist/styles/fonts/Poppins-SemiBold.woff2 +0 -0
- package/dist/styles/fonts.css +28 -0
- package/dist/styles/globals.css +8 -0
- package/dist/styles/mcp-host.css +76 -0
- package/dist/styles/tokens.css +387 -0
- package/dist/styles/tokens.d.mts +57 -0
- package/dist/styles/tokens.mjs +59 -0
- package/dist/theme/index.d.ts +28 -0
- package/dist/theme/index.js +65 -0
- package/package.json +136 -3
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
const base = ({ size, ...props }) => ({
|
|
3
|
+
viewBox: '0 0 16 16',
|
|
4
|
+
fill: 'none',
|
|
5
|
+
width: size ?? '20',
|
|
6
|
+
height: size ?? '20',
|
|
7
|
+
...props,
|
|
8
|
+
});
|
|
9
|
+
/** The stream glyph in the Figma left pane ("Wave-1 Streamline Ultimate"): one soft wave. */
|
|
10
|
+
export const Wave = (props) => (_jsx("svg", { ...base(props), children: _jsx("path", { d: "M3.2 8.43465C3.93573 7.63238 4.88507 7.19289 5.86667 7.20013C7.53332 7.20013 10.5333 10.6748 13.2 7.38284", stroke: "currentColor", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
11
|
+
/** Figma "Icon / Views / Workload": a hollow ring, used for Catch up and for sessions with no status. */
|
|
12
|
+
export const Workload = (props) => (_jsx("svg", { ...base(props), children: _jsx("circle", { cx: "8", cy: "8", r: "2.5", stroke: "currentColor", strokeWidth: "1.25" }) }));
|
|
13
|
+
/** Figma "Icon / Platform / AI Agent": a robot head with a sparkle. */
|
|
14
|
+
export const AIAgent = (props) => (_jsxs("svg", { ...base(props), children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.4 4.12734C7.73137 4.12734 8 4.39597 8 4.72734C8 5.05871 7.73137 5.32734 7.4 5.32734H5.35156C4.79928 5.32734 4.35156 5.77506 4.35156 6.32734V10.8852C4.35173 11.4373 4.79938 11.8852 5.35156 11.8852H10.6852C11.2372 11.885 11.685 11.4372 11.6852 10.8852V8.6C11.6852 8.26863 11.9538 8 12.2852 8C12.6165 8 12.8852 8.26863 12.8852 8.6V10.8852C12.885 12.0999 11.8999 13.085 10.6852 13.0852H5.35156C4.13664 13.0852 3.15173 12.1 3.15156 10.8852V10.7578H3C2.22688 10.7578 1.60013 10.1309 1.6 9.35781V7.85469C1.6 7.08149 2.2268 6.45469 3 6.45469H3.15156V6.32734C3.15156 5.11232 4.13654 4.12734 5.35156 4.12734H7.4ZM3 7.65469C2.88954 7.65469 2.8 7.74423 2.8 7.85469V9.35781C2.80013 9.46816 2.88962 9.55781 3 9.55781H3.15156V7.65469H3Z", fill: "currentColor" }), _jsx("path", { d: "M6.43984 7.2C6.77121 7.2 7.03984 7.46863 7.03984 7.8V8.92734C7.03981 9.25868 6.77119 9.52734 6.43984 9.52734C6.1085 9.52734 5.83988 9.25868 5.83984 8.92734V7.8C5.83984 7.46863 6.10847 7.2 6.43984 7.2Z", fill: "currentColor" }), _jsx("path", { d: "M9.54297 7.2C9.8743 7.20005 10.143 7.46866 10.143 7.8V8.92734C10.1429 9.25865 9.87427 9.52729 9.54297 9.52734C9.21162 9.52734 8.94301 9.25868 8.94297 8.92734V7.8C8.94297 7.46863 9.2116 7.2 9.54297 7.2Z", fill: "currentColor" }), _jsx("path", { d: "M11.6 1.6C11.7637 1.6 11.91 1.71211 11.9617 1.86719L12.4188 3.32344C12.4533 3.44372 12.5563 3.53815 12.6766 3.58125L14.1328 4.03828C14.2965 4.08997 14.4 4.23631 14.4 4.4C14.4 4.56369 14.2879 4.71003 14.1328 4.76172L12.6766 5.21875C12.5563 5.25329 12.4533 5.35626 12.4188 5.47656L11.9617 6.93281C11.91 7.09651 11.7637 7.2 11.6 7.2C11.4363 7.2 11.29 7.08789 11.2383 6.93281L10.7813 5.47656C10.7467 5.35628 10.6437 5.26185 10.5234 5.21875L9.06719 4.76172C8.9035 4.71003 8.8 4.56369 8.8 4.4C8.8 4.23631 8.91211 4.08997 9.06719 4.03828L10.5234 3.58125C10.6437 3.54671 10.7467 3.44374 10.7813 3.32344L11.2383 1.86719C11.29 1.7035 11.4363 1.6 11.6 1.6Z", fill: "currentColor" })] }));
|
|
15
|
+
/** 20px glyphs from monday's own icon set, which Vibe does not ship. */
|
|
16
|
+
const mondayBase = ({ size, ...props }) => ({
|
|
17
|
+
viewBox: '0 0 20 20',
|
|
18
|
+
fill: 'currentColor',
|
|
19
|
+
width: size ?? '20',
|
|
20
|
+
height: size ?? '20',
|
|
21
|
+
...props,
|
|
22
|
+
});
|
|
23
|
+
/** monday icons "SlashCommand": a slash in a rounded box, ahead of a run's `/trigger` name. */
|
|
24
|
+
export const SlashCommand = (props) => (_jsxs("svg", { ...mondayBase(props), children: [_jsx("path", { d: "M11.33 5.665a.75.75 0 0 1 1.34.67l-4 8a.75.75 0 0 1-1.34-.67l4-8Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16 2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h12ZM4 3.5a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V4a.5.5 0 0 0-.5-.5H4Z" })] }));
|
|
25
|
+
/** Figma "stop-circle" (cycle run Stop): a ring around a rounded square. */
|
|
26
|
+
export const StopCircle = (props) => (_jsx("svg", { ...base(props), children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 0C12.4182 0 16 3.58172 16 8C16 12.4182 12.4182 16 8 16C3.58172 16 0 12.4182 0 8C0 3.58172 3.58172 0 8 0ZM8 1.6C4.46538 1.6 1.6 4.46538 1.6 8C1.6 11.5346 4.46538 14.4 8 14.4C11.5346 14.4 14.4 11.5346 14.4 8C14.4 4.46538 11.5346 1.6 8 1.6ZM10.082 5.2039C10.4854 5.24497 10.8 5.58586 10.8 6V10C10.8 10.4418 10.4418 10.8 10 10.8H6C5.55818 10.8 5.2 10.4418 5.2 10V6L5.2039 5.91797C5.24497 5.51466 5.58586 5.2 6 5.2H10L10.082 5.2039Z", fill: "currentColor" }) }));
|
|
27
|
+
/** Stream menu Unpin: pinned pin with a strike-through (design export Unpin.svg). */
|
|
28
|
+
export const Unpin = (props) => (_jsxs("svg", { ...mondayBase(props), children: [_jsx("path", { d: "M6.31738 8.79167L4.76953 9.15007L11.6504 16.0319L12.0078 14.4821L13.2588 15.7331L13.0889 16.4723C13.031 16.7228 12.9064 16.9538 12.7295 17.1403C12.5526 17.3266 12.3289 17.4619 12.082 17.5329C11.8349 17.6038 11.5731 17.6078 11.3242 17.5436C11.0752 17.4794 10.847 17.3493 10.665 17.1676L7.67969 14.1813L3.53027 18.3307C3.23738 18.6236 2.76262 18.6236 2.46973 18.3307C2.177 18.0378 2.17689 17.563 2.46973 17.2702L6.61914 13.1208L3.63574 10.1374C3.45216 9.95691 3.3199 9.73002 3.25391 9.48112C3.18751 9.23038 3.19105 8.96577 3.2627 8.71648C3.3344 8.46725 3.47173 8.24129 3.66113 8.06413C3.84896 7.88854 4.08106 7.76713 4.33203 7.71159L5.06738 7.54167L6.31738 8.79167Z" }), _jsx("path", { d: "M3 2.24968C3.19884 2.24968 3.38964 2.32885 3.53027 2.46941L17.5303 16.4694C17.6709 16.61 17.7499 16.8009 17.75 16.9997C17.75 17.1985 17.6708 17.3893 17.5303 17.53C17.3896 17.6706 17.1989 17.7497 17 17.7497C16.8011 17.7497 16.6104 17.6706 16.4697 17.53L2.46973 3.52995C2.32917 3.38932 2.25 3.19852 2.25 2.99968C2.25008 2.80088 2.32915 2.60998 2.46973 2.46941C2.61036 2.32885 2.80116 2.24968 3 2.24968Z" }), _jsx("path", { d: "M12.8691 2.25847C13.1485 2.23095 13.4311 2.26611 13.6953 2.36101C13.9587 2.45571 14.1979 2.60807 14.3955 2.80632L18.0527 6.46355C18.2531 6.664 18.4061 6.90709 18.5 7.17448C18.5939 7.4419 18.6267 7.72773 18.5957 8.00944C18.5646 8.29096 18.47 8.562 18.3203 8.80241C18.1704 9.04297 17.9677 9.24804 17.7285 9.40007L14.2041 11.6344L14.1855 11.7106L13.0654 10.5905C13.0897 10.5704 13.1147 10.5499 13.1416 10.5329L16.9248 8.13347C16.9743 8.10194 17.0168 8.05925 17.0479 8.00944C17.0788 7.95961 17.0981 7.90272 17.1045 7.84441C17.1108 7.78617 17.1043 7.72684 17.085 7.67155C17.0655 7.61626 17.0336 7.56559 16.9922 7.52409L13.335 3.86687L13.333 3.86589C13.2919 3.82464 13.2423 3.7928 13.1875 3.77312C13.1328 3.75348 13.0744 3.74599 13.0166 3.75163C12.9587 3.75734 12.9024 3.77636 12.8525 3.80632C12.803 3.8361 12.7606 3.87649 12.7285 3.92448L12.7275 3.92546L10.2607 7.6696C10.2456 7.69263 10.2255 7.71206 10.208 7.73308L9.08789 6.61296L9.17285 6.59343L11.4766 3.09734L11.4785 3.09538C11.6338 2.86174 11.8387 2.66477 12.0791 2.52019C12.3197 2.37557 12.5898 2.286 12.8691 2.25847Z" })] }));
|
|
29
|
+
/** Stream menu Kanban: three uneven columns (design export Kanban.svg). Vibe has no Kanban glyph. */
|
|
30
|
+
export const Kanban = (props) => (_jsx("svg", { ...mondayBase(props), children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.4476 17.9999C11.9055 17.9999 12.3446 17.8175 12.6683 17.493C12.992 17.1684 13.1739 16.7283 13.1739 16.2693L13.174 10.0088H16.2738C16.7316 10.0088 17.1707 9.82646 17.4945 9.50192C17.8182 9.17738 18.0001 8.7372 18.0001 8.27823V2.76267C18.0001 2.34132 17.6593 1.99974 17.239 1.99974L12.4129 1.99974C12.4085 1.99974 12.4042 1.99978 12.3998 1.99985L7.6101 1.99985C7.60249 1.99963 7.59485 1.99951 7.58718 1.99951L2.76105 1.99951C2.34073 1.99951 2 2.34109 2 2.76244L2 11.8259C2 12.2849 2.18188 12.7251 2.50561 13.0496C2.82935 13.3742 3.26844 13.5565 3.72627 13.5565H6.82576L6.82569 16.2693C6.82569 16.7283 7.00757 17.1684 7.33131 17.493C7.65504 17.8175 8.09413 17.9999 8.55196 17.9999H11.4476ZM6.82591 3.52537L6.82578 12.0306H3.72627C3.67212 12.0306 3.62018 12.0091 3.58189 11.9707C3.5436 11.9323 3.52209 11.8802 3.52209 11.8259L3.52209 3.52537L6.82591 3.52537ZM8.34786 11.817L8.34778 16.2693C8.34778 16.3236 8.36929 16.3757 8.40758 16.414C8.44587 16.4524 8.49781 16.474 8.55196 16.474H11.4476C11.5018 16.474 11.5537 16.4524 11.592 16.414C11.6303 16.3757 11.6518 16.3236 11.6518 16.2693L11.652 9.25966C11.6519 9.25507 11.6518 9.25047 11.6518 9.24585V3.52571L8.34822 3.52571L8.34822 11.7936C8.34822 11.8014 8.3481 11.8092 8.34786 11.817ZM13.1741 8.48292L13.1741 3.5256L16.478 3.5256V8.27823C16.478 8.33252 16.4565 8.38458 16.4182 8.42297C16.3799 8.46136 16.328 8.48292 16.2738 8.48292H13.1741Z" }) }));
|
|
31
|
+
/**
|
|
32
|
+
* The eleven chart-type glyphs of the chart card (type badge and type grid): 20px strokes from the
|
|
33
|
+
* design, which Vibe does not ship. `currentColor`, so they follow the surrounding text.
|
|
34
|
+
*/
|
|
35
|
+
const chartGlyph = (path, filled = false) => function ChartGlyph({ size, ...props }) {
|
|
36
|
+
return (_jsx("svg", { viewBox: "0 0 20 20", width: size ?? '20', height: size ?? '20', fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, children: _jsx("path", { d: path, fill: filled ? 'currentColor' : 'none', fillOpacity: filled ? 0.3 : 1 }) }));
|
|
37
|
+
};
|
|
38
|
+
export const ChartLine = chartGlyph('M2 14l4-5 3 3 5-7 4 4');
|
|
39
|
+
export const ChartArea = chartGlyph('M2 14l4-5 3 3 5-7 4 4v5H2z', true);
|
|
40
|
+
export const ChartBar = chartGlyph('M3 15V8M8 15V4M13 15V10M18 15V6');
|
|
41
|
+
export const ChartBarHorizontal = chartGlyph('M3 4h9M3 8h13M3 12h6M3 16h11');
|
|
42
|
+
export const ChartStacked = chartGlyph('M4 16V9M4 9V4M10 16V11M10 11V7M16 16V12M16 12V3');
|
|
43
|
+
export const ChartDonut = chartGlyph('M10 3a7 7 0 1 1-7 7M10 3v4a3 3 0 0 0-3 3H3');
|
|
44
|
+
export const ChartScatter = chartGlyph('M5 14h.01M8 9h.01M12 12h.01M15 6h.01M10 5h.01');
|
|
45
|
+
export const ChartFunnel = chartGlyph('M3 4h14l-5 6v6l-4-2v-4z');
|
|
46
|
+
export const ChartGauge = chartGlyph('M4 14a6 6 0 1 1 12 0M10 14l3-5');
|
|
47
|
+
export const ChartHeatmap = chartGlyph('M4 4h4v4H4zM12 4h4v4h-4zM4 12h4v4H4zM12 12h4v4h-4z');
|
|
48
|
+
export const ChartGantt = chartGlyph('M3 5h7M6 10h9M9 15h8');
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The single icon entry point for @streamsai/ui.
|
|
3
|
+
*
|
|
4
|
+
* All icon imports in this repo come from here — never from `@vibe/icons` or
|
|
5
|
+
* `lucide-react` directly. `.dependency-cruiser.cjs` and the ESLint boundaries
|
|
6
|
+
* policy enforce that structurally, so this is not merely a convention.
|
|
7
|
+
*
|
|
8
|
+
* The design (Figma "Workstreams") is drawn with Vibe icons, so the glyphs come
|
|
9
|
+
* from `@vibe/icons`. Consumers keep the names they already use: each line below
|
|
10
|
+
* is `Vibe glyph as <name used in the codebase>`. Vibe icons render a 20px
|
|
11
|
+
* `viewBox`, fill `currentColor`, and accept `size` plus any SVG attribute, so a
|
|
12
|
+
* `className="size-4"` sizes them exactly like the previous set did.
|
|
13
|
+
*
|
|
14
|
+
* Glyphs the Figma draws that Vibe does not ship (the stream wave, the Workload
|
|
15
|
+
* ring, the AI Agent head, stream-menu Unpin and Kanban) live in `./custom.tsx`,
|
|
16
|
+
* traced from the design export, next to a run row's SlashCommand from monday's
|
|
17
|
+
* own icon set. A handful of names with no Vibe counterpart stay on lucide; add
|
|
18
|
+
* to that list only when Vibe really has nothing.
|
|
19
|
+
*
|
|
20
|
+
* ── ADDING AN ICON ────────────────────────────────────────────────────────────
|
|
21
|
+
* One line, in the matching group below, alphabetical by the exported name.
|
|
22
|
+
* Prefer a Vibe glyph (`node_modules/@vibe/icons/dist/svg/index.d.ts` lists
|
|
23
|
+
* them). `Icons/Library` in Storybook is generated from this file, so a new
|
|
24
|
+
* export shows up in the gallery automatically.
|
|
25
|
+
*/
|
|
26
|
+
export { DropdownChevronDown as ChevronDown, DropdownChevronLeft as ChevronLeft, DropdownChevronRight as ChevronRight, DropdownChevronUp as ChevronUp, } from '@vibe/icons';
|
|
27
|
+
export { ChevronsDownUp, ChevronsUpDown, Menu, WifiOff } from 'lucide-react';
|
|
28
|
+
export { MoveArrowDown as ArrowDown, MoveArrowLeft as ArrowLeft, MoveArrowRight as ArrowRight, MoveArrowUp as ArrowUp, } from '@vibe/icons';
|
|
29
|
+
export { CornerDownRight, SkipForward } from 'lucide-react';
|
|
30
|
+
export { Calendar, Check, Duplicate as Copy, Download, Show as Eye, Hide as EyeOff, Home, LogOut, Fullscreen as Maximize, FullscreenClose as Minimize, Open, Pause, Play, Add as Plus, Redo as Redo2, Reply, Retry as RotateCcw, Search, Shuffle, Sort, Undo as Undo2, Close as X, } from '@vibe/icons';
|
|
31
|
+
export { LoaderCircle, Minimize2, Repeat, Square } from 'lucide-react';
|
|
32
|
+
export { File, AddNewDoc as FilePlus, ConnectedDoc as FileSymlink, Doc as FileText, Folder, } from '@vibe/icons';
|
|
33
|
+
export { Bold, Code, Italic, Bullets as List, Numbers as ListOrdered, Edit as Pencil, Wand as PencilSparkles, StrikethroughS as Strikethrough, TextFormatting as Type, } from '@vibe/icons';
|
|
34
|
+
export { Mention as AtSign, Notifications as Bell, NotificationChecked as BellCheck, NotificationsMuted as BellOff, Announcement as Megaphone, Comment as MessageSquare, Feedback as MessageSquareHeart, Email as Mail, } from '@vibe/icons';
|
|
35
|
+
export { MessageCircleX } from 'lucide-react';
|
|
36
|
+
export { WhatsNew } from '@vibe/icons';
|
|
37
|
+
export { Drag as GripVertical, Inbox, Dashboard as LayoutDashboard, Board as PanelLeft, Board as PanelLeftClose, Board as PanelLeftOpen, Board as PanelRightOpen, SettingsKnobs as SlidersHorizontal, } from '@vibe/icons';
|
|
38
|
+
export { CircleCheck, CircleQuestionMark, Crosshair, Gauge, GitPullRequest, Hash, Layers, ListChecks, Lock, Split, ZapOff, ZoomIn, ZoomOut, } from 'lucide-react';
|
|
39
|
+
export { Invite, Person as UserRound, Team as Users } from '@vibe/icons';
|
|
40
|
+
export { UserRoundSearch } from 'lucide-react';
|
|
41
|
+
export { Completed as BadgeCheck, Alert as CircleAlert, Info, Warning as TriangleAlert, } from '@vibe/icons';
|
|
42
|
+
export { Robot as Bot, Wand as WandSparkles } from '@vibe/icons';
|
|
43
|
+
export { Archive, Basic, Bolt, Work as BriefcaseBusiness, Workspace as Building, Add as CirclePlus, Menu as Ellipsis, ExternalPage as ExternalLink, Emoji as FaceSlightlySmiling, Filter as Funnel, Help, Image, Link, Microphone as Mic, Moon, Attach as Paperclip, Pin, Recurring, Launch as Rocket, Settings, Share, Sun, Delete as Trash, Workspace, Bolt as Zap, } from '@vibe/icons';
|
|
44
|
+
export { EllipsisVertical, Globe, Monitor, PinOff } from 'lucide-react';
|
|
45
|
+
export { Share as ShareIOS } from 'lucide-react';
|
|
46
|
+
export { AIAgent, Kanban, SlashCommand, StopCircle, Unpin, Wave, Workload } from './custom.js';
|
|
47
|
+
export { ChartArea, ChartBar, ChartBarHorizontal, ChartDonut, ChartFunnel, ChartGantt, ChartGauge, ChartHeatmap, ChartLine, ChartScatter, ChartStacked, } from './custom.js';
|
|
48
|
+
export { ProviderMark } from './providers.js';
|
|
49
|
+
export type { ProviderMarkType, ProviderMarkProps } from './providers.js';
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The single icon entry point for @streamsai/ui.
|
|
3
|
+
*
|
|
4
|
+
* All icon imports in this repo come from here — never from `@vibe/icons` or
|
|
5
|
+
* `lucide-react` directly. `.dependency-cruiser.cjs` and the ESLint boundaries
|
|
6
|
+
* policy enforce that structurally, so this is not merely a convention.
|
|
7
|
+
*
|
|
8
|
+
* The design (Figma "Workstreams") is drawn with Vibe icons, so the glyphs come
|
|
9
|
+
* from `@vibe/icons`. Consumers keep the names they already use: each line below
|
|
10
|
+
* is `Vibe glyph as <name used in the codebase>`. Vibe icons render a 20px
|
|
11
|
+
* `viewBox`, fill `currentColor`, and accept `size` plus any SVG attribute, so a
|
|
12
|
+
* `className="size-4"` sizes them exactly like the previous set did.
|
|
13
|
+
*
|
|
14
|
+
* Glyphs the Figma draws that Vibe does not ship (the stream wave, the Workload
|
|
15
|
+
* ring, the AI Agent head, stream-menu Unpin and Kanban) live in `./custom.tsx`,
|
|
16
|
+
* traced from the design export, next to a run row's SlashCommand from monday's
|
|
17
|
+
* own icon set. A handful of names with no Vibe counterpart stay on lucide; add
|
|
18
|
+
* to that list only when Vibe really has nothing.
|
|
19
|
+
*
|
|
20
|
+
* ── ADDING AN ICON ────────────────────────────────────────────────────────────
|
|
21
|
+
* One line, in the matching group below, alphabetical by the exported name.
|
|
22
|
+
* Prefer a Vibe glyph (`node_modules/@vibe/icons/dist/svg/index.d.ts` lists
|
|
23
|
+
* them). `Icons/Library` in Storybook is generated from this file, so a new
|
|
24
|
+
* export shows up in the gallery automatically.
|
|
25
|
+
*/
|
|
26
|
+
export { DropdownChevronDown as ChevronDown, DropdownChevronLeft as ChevronLeft, DropdownChevronRight as ChevronRight, DropdownChevronUp as ChevronUp, } from '@vibe/icons';
|
|
27
|
+
export { ChevronsDownUp, ChevronsUpDown, Menu, WifiOff } from 'lucide-react';
|
|
28
|
+
export { MoveArrowDown as ArrowDown, MoveArrowLeft as ArrowLeft, MoveArrowRight as ArrowRight, MoveArrowUp as ArrowUp, } from '@vibe/icons';
|
|
29
|
+
export { CornerDownRight, SkipForward } from 'lucide-react';
|
|
30
|
+
export { Calendar, Check, Duplicate as Copy, Download, Show as Eye, Hide as EyeOff, Home, LogOut, Fullscreen as Maximize, FullscreenClose as Minimize, Open, Pause, Play, Add as Plus, Redo as Redo2, Reply, Retry as RotateCcw, Search, Shuffle, Sort, Undo as Undo2, Close as X, } from '@vibe/icons';
|
|
31
|
+
export { LoaderCircle, Minimize2, Repeat, Square } from 'lucide-react';
|
|
32
|
+
export { File, AddNewDoc as FilePlus, ConnectedDoc as FileSymlink, Doc as FileText, Folder, } from '@vibe/icons';
|
|
33
|
+
export { Bold, Code, Italic, Bullets as List, Numbers as ListOrdered, Edit as Pencil, Wand as PencilSparkles, StrikethroughS as Strikethrough, TextFormatting as Type, } from '@vibe/icons';
|
|
34
|
+
export { Mention as AtSign, Notifications as Bell, NotificationChecked as BellCheck, NotificationsMuted as BellOff, Announcement as Megaphone, Comment as MessageSquare, Feedback as MessageSquareHeart, Email as Mail, } from '@vibe/icons';
|
|
35
|
+
export { MessageCircleX } from 'lucide-react';
|
|
36
|
+
export { WhatsNew } from '@vibe/icons';
|
|
37
|
+
export { Drag as GripVertical, Inbox, Dashboard as LayoutDashboard, Board as PanelLeft, Board as PanelLeftClose, Board as PanelLeftOpen, Board as PanelRightOpen, SettingsKnobs as SlidersHorizontal, } from '@vibe/icons';
|
|
38
|
+
export { CircleCheck, CircleQuestionMark, Crosshair, Gauge, GitPullRequest, Hash, Layers, ListChecks, Lock, Split, ZapOff, ZoomIn, ZoomOut, } from 'lucide-react';
|
|
39
|
+
export { Invite, Person as UserRound, Team as Users } from '@vibe/icons';
|
|
40
|
+
export { UserRoundSearch } from 'lucide-react';
|
|
41
|
+
export { Completed as BadgeCheck, Alert as CircleAlert, Info, Warning as TriangleAlert, } from '@vibe/icons';
|
|
42
|
+
export { Robot as Bot, Wand as WandSparkles } from '@vibe/icons';
|
|
43
|
+
export { Archive, Basic, Bolt, Work as BriefcaseBusiness, Workspace as Building, Add as CirclePlus, Menu as Ellipsis, ExternalPage as ExternalLink, Emoji as FaceSlightlySmiling, Filter as Funnel, Help, Image, Link, Microphone as Mic, Moon, Attach as Paperclip, Pin, Recurring, Launch as Rocket, Settings, Share, Sun, Delete as Trash, Workspace, Bolt as Zap, } from '@vibe/icons';
|
|
44
|
+
export { EllipsisVertical, Globe, Monitor, PinOff } from 'lucide-react';
|
|
45
|
+
// iOS-style share glyph (box + up arrow, like SF Symbol square.and.arrow.up) for the native share sheet.
|
|
46
|
+
export { Share as ShareIOS } from 'lucide-react';
|
|
47
|
+
export { AIAgent, Kanban, SlashCommand, StopCircle, Unpin, Wave, Workload } from './custom.js';
|
|
48
|
+
export { ChartArea, ChartBar, ChartBarHorizontal, ChartDonut, ChartFunnel, ChartGantt, ChartGauge, ChartHeatmap, ChartLine, ChartScatter, ChartStacked, } from './custom.js';
|
|
49
|
+
// ── Provider marks ────────────────────────────────────────────────────────────
|
|
50
|
+
export { ProviderMark } from './providers.js';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Full-colour provider logos, the supplied design artwork exported as JSX. Each entry draws into a
|
|
3
|
+
* 36 x 36 box. They are not recoloured by the theme: a logo looks the same in light and dark.
|
|
4
|
+
*
|
|
5
|
+
* `id` prefixes every gradient and clip-path id so two logos of the same provider on one page never
|
|
6
|
+
* share (or lose) a definition. Sphera and Monday were exported with a conic gradient inside a
|
|
7
|
+
* `foreignObject`, which Safari and iOS do not draw, so those fills are rebuilt here as thin
|
|
8
|
+
* wedges of solid colour behind the same clip path.
|
|
9
|
+
*/
|
|
10
|
+
import type { ReactElement } from 'react';
|
|
11
|
+
export type ProviderLogoType = 'openai' | 'gemini' | 'claude' | 'mistral' | 'elevenlabs' | 'azure_ai_foundry' | 'copilot_studio' | 'aws_bedrock' | 'cursor' | 'monday' | 'globster' | 'sphera' | 'devin';
|
|
12
|
+
export declare const PROVIDER_LOGOS: Record<ProviderLogoType, (id: string) => ReactElement>;
|
|
13
|
+
/**
|
|
14
|
+
* White versions of the logos that are drawn black (`PROVIDER_LOGOS`), for dark mode. Same 36 x 36
|
|
15
|
+
* box. A provider that is not listed here uses its normal logo in both themes.
|
|
16
|
+
*/
|
|
17
|
+
export declare const PROVIDER_LOGOS_DARK: Partial<Record<ProviderLogoType, (id: string) => ReactElement>>;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
export const PROVIDER_LOGOS = {
|
|
3
|
+
openai: (id) => (_jsxs(_Fragment, { children: [_jsx("g", { clipPath: `url(#${id}-clip0_1309_92487)`, children: _jsx("g", { clipPath: `url(#${id}-clip1_1309_92487)`, children: _jsx("path", { d: "M13.8075 12.987V9.597C13.8075 9.312 13.9155 9.0975 14.1645 8.955L20.979 5.031C21.9075 4.4955 23.013 4.2465 24.1545 4.2465C28.4355 4.2465 31.1475 7.5645 31.1475 11.0955C31.1475 11.346 31.1475 11.631 31.1115 11.916L24.0465 7.7775C23.8546 7.65537 23.6319 7.59049 23.4045 7.59049C23.1771 7.59049 22.9544 7.65537 22.7625 7.7775L13.8075 12.987ZM29.721 26.187V18.09C29.721 17.5905 29.5065 17.235 29.0775 16.9845L20.1225 11.775L23.0475 10.098C23.1535 10.0283 23.2776 9.99109 23.4045 9.99109C23.5314 9.99109 23.6555 10.0283 23.7615 10.098L30.576 14.0235C32.5395 15.1635 33.8595 17.5905 33.8595 19.9455C33.8595 22.6575 32.2545 25.155 29.7195 26.19L29.721 26.187ZM11.703 19.0545L8.778 17.3415C8.5275 17.199 8.4195 16.9845 8.4195 16.6995V8.8485C8.4195 5.031 11.3445 2.1405 15.306 2.1405C16.806 2.1405 18.1965 2.64 19.374 3.5325L12.345 7.6005C11.9175 7.8495 11.703 8.2065 11.703 8.706V19.053V19.0545ZM18 22.692L13.8075 20.337V15.342L18 12.987L22.1925 15.342V20.337L18 22.692ZM20.694 33.537C19.194 33.537 17.8035 33.039 16.626 32.1465L23.655 28.0785C24.0825 27.8295 24.297 27.4725 24.297 26.973V16.626L27.258 18.339C27.5085 18.4815 27.615 18.696 27.615 18.981V26.8305C27.615 30.648 24.654 33.537 20.694 33.537ZM12.2385 25.5825L5.4225 21.657C3.4605 20.5155 2.1405 18.09 2.1405 15.735C2.13587 14.3969 2.53067 13.0878 3.27434 11.9754C4.01802 10.8629 5.07674 9.99774 6.315 9.4905V17.625C6.315 18.1245 6.5295 18.4815 6.957 18.732L15.8775 23.9055L12.9525 25.5825C12.8466 25.6524 12.7224 25.6897 12.5955 25.6897C12.4686 25.6897 12.3444 25.6524 12.2385 25.5825ZM11.8455 31.4325C7.8135 31.4325 4.8525 28.401 4.8525 24.654C4.8525 24.369 4.8885 24.084 4.923 23.799L11.952 27.864C12.381 28.1145 12.8085 28.1145 13.236 27.864L22.191 22.692V26.082C22.191 26.367 22.086 26.5815 21.8355 26.724L15.021 30.648C14.0925 31.1835 12.987 31.4325 11.8455 31.4325ZM20.694 35.6775C22.7498 35.6777 24.7426 34.9677 26.3353 33.6678C27.928 32.3678 29.0228 30.5577 29.4345 28.5435C33.4305 27.5085 36 23.76 36 19.944C36 17.4465 34.9305 15.021 33.003 13.272C33.1815 12.522 33.288 11.7735 33.288 11.025C33.288 5.9235 29.1495 2.1045 24.369 2.1045C23.406 2.1045 22.479 2.247 21.549 2.5695C19.884 0.930613 17.6438 0.00835291 15.3075 9.63623e-09C13.2515 -9.5517e-05 11.2585 0.710048 9.66578 2.01029C8.07308 3.31053 6.97842 5.12103 6.567 7.1355C2.5695 8.1705 0 11.9175 0 15.735C0 18.234 1.0695 20.6595 2.997 22.407C2.8185 23.157 2.712 23.907 2.712 24.6555C2.712 29.757 6.8505 33.5745 11.631 33.5745C12.594 33.5745 13.521 33.432 14.451 33.111C16.1162 34.7505 18.3572 35.6729 20.694 35.6805V35.6775Z", fillRule: "evenodd", clipRule: "evenodd", fill: "black" }) }) }), _jsxs("defs", { children: [_jsx("clipPath", { id: `${id}-clip0_1309_92487`, children: _jsx("rect", { width: "36", height: "36", fill: "white" }) }), _jsx("clipPath", { id: `${id}-clip1_1309_92487`, children: _jsx("rect", { width: "36", height: "36", fill: "white" }) })] })] })),
|
|
4
|
+
gemini: (id) => (_jsxs(_Fragment, { children: [_jsxs("g", { clipPath: `url(#${id}-clip0_1309_92518)`, children: [_jsx("path", { d: "M30.9243 16.2525C28.4325 15.1917 26.1667 13.6637 24.2493 11.751C21.5792 9.07553 19.6742 5.73378 18.7323 2.07304C18.691 1.91045 18.5967 1.76627 18.4642 1.66329C18.3318 1.5603 18.1688 1.50439 18.0011 1.50439C17.8333 1.50439 17.6703 1.5603 17.5379 1.66329C17.4055 1.76627 17.3112 1.91045 17.2698 2.07304C16.326 5.73331 14.4207 9.07468 11.7513 11.751C9.83378 13.6635 7.56805 15.1915 5.07633 16.2525C4.10133 16.6725 3.09933 17.01 2.07333 17.2695C1.90974 17.3097 1.76436 17.4036 1.66042 17.5362C1.55648 17.6687 1.5 17.8323 1.5 18.0008C1.5 18.1692 1.55648 18.3328 1.66042 18.4654C1.76436 18.598 1.90974 18.6918 2.07333 18.732C3.09933 18.99 4.09833 19.3275 5.07633 19.7475C7.56819 20.8083 9.83396 22.3363 11.7513 24.249C14.4222 26.9248 16.3277 30.2671 17.2698 33.9285C17.31 34.0921 17.4039 34.2375 17.5365 34.3414C17.669 34.4454 17.8326 34.5019 18.0011 34.5019C18.1695 34.5019 18.3331 34.4454 18.4657 34.3414C18.5982 34.2375 18.6921 34.0921 18.7323 33.9285C18.9903 32.901 19.3278 31.902 19.7478 30.924C20.8086 28.4321 22.3366 26.1664 24.2493 24.249C26.9253 21.5788 30.2676 19.6738 33.9288 18.732C34.0914 18.6907 34.2356 18.5964 34.3386 18.4639C34.4416 18.3315 34.4975 18.1685 34.4975 18.0008C34.4975 17.833 34.4416 17.6701 34.3386 17.5376C34.2356 17.4052 34.0914 17.3109 33.9288 17.2695C32.9018 17.0112 31.8971 16.6711 30.9243 16.2525Z", fill: "#3186FF" }), _jsx("path", { d: "M30.9243 16.2525C28.4325 15.1917 26.1667 13.6637 24.2493 11.751C21.5792 9.07553 19.6742 5.73378 18.7323 2.07304C18.691 1.91045 18.5967 1.76627 18.4642 1.66329C18.3318 1.5603 18.1688 1.50439 18.0011 1.50439C17.8333 1.50439 17.6703 1.5603 17.5379 1.66329C17.4055 1.76627 17.3112 1.91045 17.2698 2.07304C16.326 5.73331 14.4207 9.07468 11.7513 11.751C9.83378 13.6635 7.56805 15.1915 5.07633 16.2525C4.10133 16.6725 3.09933 17.01 2.07333 17.2695C1.90974 17.3097 1.76436 17.4036 1.66042 17.5362C1.55648 17.6687 1.5 17.8323 1.5 18.0008C1.5 18.1692 1.55648 18.3328 1.66042 18.4654C1.76436 18.598 1.90974 18.6918 2.07333 18.732C3.09933 18.99 4.09833 19.3275 5.07633 19.7475C7.56819 20.8083 9.83396 22.3363 11.7513 24.249C14.4222 26.9248 16.3277 30.2671 17.2698 33.9285C17.31 34.0921 17.4039 34.2375 17.5365 34.3414C17.669 34.4454 17.8326 34.5019 18.0011 34.5019C18.1695 34.5019 18.3331 34.4454 18.4657 34.3414C18.5982 34.2375 18.6921 34.0921 18.7323 33.9285C18.9903 32.901 19.3278 31.902 19.7478 30.924C20.8086 28.4321 22.3366 26.1664 24.2493 24.249C26.9253 21.5788 30.2676 19.6738 33.9288 18.732C34.0914 18.6907 34.2356 18.5964 34.3386 18.4639C34.4416 18.3315 34.4975 18.1685 34.4975 18.0008C34.4975 17.833 34.4416 17.6701 34.3386 17.5376C34.2356 17.4052 34.0914 17.3109 33.9288 17.2695C32.9018 17.0112 31.8971 16.6711 30.9243 16.2525Z", fill: `url(#${id}-paint0_linear_1309_92518)` }), _jsx("path", { d: "M30.9243 16.2525C28.4325 15.1917 26.1667 13.6637 24.2493 11.751C21.5792 9.07553 19.6742 5.73378 18.7323 2.07304C18.691 1.91045 18.5967 1.76627 18.4642 1.66329C18.3318 1.5603 18.1688 1.50439 18.0011 1.50439C17.8333 1.50439 17.6703 1.5603 17.5379 1.66329C17.4055 1.76627 17.3112 1.91045 17.2698 2.07304C16.326 5.73331 14.4207 9.07468 11.7513 11.751C9.83378 13.6635 7.56805 15.1915 5.07633 16.2525C4.10133 16.6725 3.09933 17.01 2.07333 17.2695C1.90974 17.3097 1.76436 17.4036 1.66042 17.5362C1.55648 17.6687 1.5 17.8323 1.5 18.0008C1.5 18.1692 1.55648 18.3328 1.66042 18.4654C1.76436 18.598 1.90974 18.6918 2.07333 18.732C3.09933 18.99 4.09833 19.3275 5.07633 19.7475C7.56819 20.8083 9.83396 22.3363 11.7513 24.249C14.4222 26.9248 16.3277 30.2671 17.2698 33.9285C17.31 34.0921 17.4039 34.2375 17.5365 34.3414C17.669 34.4454 17.8326 34.5019 18.0011 34.5019C18.1695 34.5019 18.3331 34.4454 18.4657 34.3414C18.5982 34.2375 18.6921 34.0921 18.7323 33.9285C18.9903 32.901 19.3278 31.902 19.7478 30.924C20.8086 28.4321 22.3366 26.1664 24.2493 24.249C26.9253 21.5788 30.2676 19.6738 33.9288 18.732C34.0914 18.6907 34.2356 18.5964 34.3386 18.4639C34.4416 18.3315 34.4975 18.1685 34.4975 18.0008C34.4975 17.833 34.4416 17.6701 34.3386 17.5376C34.2356 17.4052 34.0914 17.3109 33.9288 17.2695C32.9018 17.0112 31.8971 16.6711 30.9243 16.2525Z", fill: `url(#${id}-paint1_linear_1309_92518)` }), _jsx("path", { d: "M30.9243 16.2525C28.4325 15.1917 26.1667 13.6637 24.2493 11.751C21.5792 9.07553 19.6742 5.73378 18.7323 2.07304C18.691 1.91045 18.5967 1.76627 18.4642 1.66329C18.3318 1.5603 18.1688 1.50439 18.0011 1.50439C17.8333 1.50439 17.6703 1.5603 17.5379 1.66329C17.4055 1.76627 17.3112 1.91045 17.2698 2.07304C16.326 5.73331 14.4207 9.07468 11.7513 11.751C9.83378 13.6635 7.56805 15.1915 5.07633 16.2525C4.10133 16.6725 3.09933 17.01 2.07333 17.2695C1.90974 17.3097 1.76436 17.4036 1.66042 17.5362C1.55648 17.6687 1.5 17.8323 1.5 18.0008C1.5 18.1692 1.55648 18.3328 1.66042 18.4654C1.76436 18.598 1.90974 18.6918 2.07333 18.732C3.09933 18.99 4.09833 19.3275 5.07633 19.7475C7.56819 20.8083 9.83396 22.3363 11.7513 24.249C14.4222 26.9248 16.3277 30.2671 17.2698 33.9285C17.31 34.0921 17.4039 34.2375 17.5365 34.3414C17.669 34.4454 17.8326 34.5019 18.0011 34.5019C18.1695 34.5019 18.3331 34.4454 18.4657 34.3414C18.5982 34.2375 18.6921 34.0921 18.7323 33.9285C18.9903 32.901 19.3278 31.902 19.7478 30.924C20.8086 28.4321 22.3366 26.1664 24.2493 24.249C26.9253 21.5788 30.2676 19.6738 33.9288 18.732C34.0914 18.6907 34.2356 18.5964 34.3386 18.4639C34.4416 18.3315 34.4975 18.1685 34.4975 18.0008C34.4975 17.833 34.4416 17.6701 34.3386 17.5376C34.2356 17.4052 34.0914 17.3109 33.9288 17.2695C32.9018 17.0112 31.8971 16.6711 30.9243 16.2525Z", fill: `url(#${id}-paint2_linear_1309_92518)` })] }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: `${id}-paint0_linear_1309_92518`, x1: "10.5003", y1: "23.25", x2: "16.5003", y2: "18", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#08B962" }), _jsx("stop", { offset: "1", stopColor: "#08B962", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: `${id}-paint1_linear_1309_92518`, x1: "12.0003", y1: "8.25003", x2: "17.2503", y2: "16.5", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#F94543" }), _jsx("stop", { offset: "1", stopColor: "#F94543", stopOpacity: "0" })] }), _jsxs("linearGradient", { id: `${id}-paint2_linear_1309_92518`, x1: "5.25033", y1: "20.25", x2: "26.2503", y2: "18", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#FABC12" }), _jsx("stop", { offset: "0.46", stopColor: "#FABC12", stopOpacity: "0" })] }), _jsx("clipPath", { id: `${id}-clip0_1309_92518`, children: _jsx("rect", { width: "36", height: "36", fill: "white" }) })] })] })),
|
|
5
|
+
claude: (id) => (_jsxs(_Fragment, { children: [_jsx("g", { clipPath: `url(#${id}-clip0_1309_92422)`, children: _jsx("path", { d: "M7.0635 23.9325L14.1435 19.962L14.2635 19.617L14.1435 19.425H13.8L12.615 19.353L8.568 19.2435L5.0595 19.098L1.6605 18.915L0.804 18.7335L0 17.676L0.0825 17.148L0.8025 16.6665L1.8315 16.7565L4.1115 16.911L7.5285 17.148L10.0065 17.2935L13.68 17.676H14.2635L14.346 17.4405L14.145 17.2935L13.9905 17.148L10.4535 14.754L6.6255 12.222L4.6215 10.764L3.5355 10.0275L2.9895 9.3345L2.7525 7.8225L3.7365 6.7395L5.058 6.8295L5.3955 6.921L6.735 7.95L9.597 10.164L13.3335 12.9135L13.881 13.3695L14.0985 13.215L14.127 13.1055L13.881 12.6945L11.8485 9.0255L9.6795 5.2905L8.7135 3.7425L8.4585 2.814C8.36134 2.45738 8.30894 2.09006 8.3025 1.7205L9.4245 0.201L10.044 0L11.538 0.201L12.168 0.747L13.098 2.868L14.601 6.2115L16.9335 10.7565L17.6175 12.1035L17.982 13.3515L18.1185 13.734H18.3555V13.515L18.5475 10.956L18.903 7.8135L19.248 3.771L19.368 2.631L19.932 1.266L21.0525 0.528L21.9285 0.948L22.6485 1.9755L22.548 2.6415L22.119 5.418L21.2805 9.7725L20.7345 12.6855H21.0525L21.417 12.3225L22.8945 10.3635L25.3725 7.2675L26.4675 6.0375L27.7425 4.6815L28.563 4.035H30.1125L31.2525 5.7285L30.7425 7.4775L29.1465 9.498L27.825 11.211L25.929 13.761L24.744 15.801L24.8535 15.966L25.1355 15.936L29.4195 15.027L31.734 14.607L34.4955 14.1345L35.745 14.7165L35.8815 15.309L35.3895 16.5195L32.436 17.2485L28.9725 17.9415L23.814 19.161L23.751 19.206L23.8245 19.2975L26.148 19.5165L27.141 19.5705H29.574L34.104 19.908L35.289 20.691L36 21.648L35.8815 22.3755L34.059 23.3055L31.599 22.722L25.8555 21.357L23.8875 20.8635H23.6145V21.0285L25.254 22.6305L28.263 25.3455L32.0265 28.8405L32.217 29.7075L31.734 30.39L31.224 30.3165L27.9165 27.831L26.64 26.7105L23.751 24.2805H23.559V24.5355L24.225 25.509L27.7425 30.7905L27.9255 32.4105L27.6705 32.94L26.7585 33.2595L25.7565 33.0765L23.6955 30.189L21.573 26.9385L19.8585 24.024L19.6485 24.144L18.6375 35.025L18.1635 35.58L17.07 36L16.1595 35.3085L15.6765 34.188L16.1595 31.974L16.743 29.088L17.2155 26.793L17.6445 23.943L17.8995 22.995L17.8815 22.932L17.6715 22.959L15.5205 25.9095L12.2505 30.327L9.6615 33.0945L9.0405 33.3405L7.965 32.7855L8.0655 31.7925L8.667 30.909L12.249 26.355L14.409 23.532L15.804 21.903L15.795 21.666H15.7125L6.198 27.84L4.503 28.059L3.7725 27.375L3.864 26.256L4.2105 25.8915L7.0725 23.9235L7.0635 23.9325Z", fill: "#D97757" }) }), _jsx("defs", { children: _jsx("clipPath", { id: `${id}-clip0_1309_92422`, children: _jsx("rect", { width: "36", height: "36", fill: "white" }) }) })] })),
|
|
6
|
+
mistral: (id) => (_jsxs(_Fragment, { children: [_jsxs("g", { clipPath: `url(#${id}-clip0_1309_92457)`, children: [_jsx("path", { d: "M5.14233 5.09985H10.2858V10.2419H5.14233V5.09985ZM25.7133 5.09985H30.8583V10.2419H25.7133V5.09985Z", fill: "#FFD700" }), _jsx("path", { d: "M5.14233 10.2418H15.4278V15.3853H5.14383L5.14233 10.2418ZM20.5713 10.2418H30.8568V15.3853H20.5713V10.2418Z", fill: "#FFAF00" }), _jsx("path", { d: "M5.14233 15.3871H30.8583V20.5291H5.14233V15.3871Z", fill: "#FF8205" }), _jsx("path", { d: "M5.14233 20.5291H10.2858V25.6711H5.14233V20.5291ZM15.4293 20.5291H20.5728V25.6711H15.4293V20.5291ZM25.7133 20.5291H30.8583V25.6711H25.7133V20.5291Z", fill: "#FA500F" }), _jsx("path", { d: "M0 25.671H15.429V30.8145H0V25.671ZM20.571 25.671H36V30.8145H20.571V25.671Z", fill: "#E10500" })] }), _jsx("defs", { children: _jsx("clipPath", { id: `${id}-clip0_1309_92457`, children: _jsx("rect", { width: "36", height: "36", fill: "white" }) }) })] })),
|
|
7
|
+
elevenlabs: (id) => (_jsxs(_Fragment, { children: [_jsx("g", { clipPath: `url(#${id}-clip0_1309_92503)`, children: _jsx("path", { d: "M7.5 0H15V36H7.5V0ZM21 0H28.5V36H21V0Z", fillRule: "evenodd", clipRule: "evenodd", fill: "black" }) }), _jsx("defs", { children: _jsx("clipPath", { id: `${id}-clip0_1309_92503`, children: _jsx("rect", { width: "36", height: "36", fill: "white" }) }) })] })),
|
|
8
|
+
azure_ai_foundry: (id) => (_jsxs(_Fragment, { children: [_jsx("g", { clipPath: `url(#${id}-clip0_1309_92438)`, children: _jsxs("g", { clipPath: `url(#${id}-clip1_1309_92438)`, children: [_jsx("path", { d: "M24.3493 0C25.4188 0 26.3668 0.8265 26.7073 1.9935C27.0478 3.1605 29.0398 10.3785 29.0398 10.3785V24.7215H21.8203L21.9673 0H24.3493Z", fillRule: "evenodd", clipRule: "evenodd", fill: `url(#${id}-paint0_linear_1309_92438)` }), _jsx("path", { d: "M34.947 11.2052C34.947 10.6952 34.5345 10.3052 34.047 10.3052H29.7945C28.3569 10.3064 26.9785 10.8781 25.9621 11.8948C24.9457 12.9115 24.3743 14.29 24.3735 15.7277V24.7217H29.5275C30.9646 24.7201 32.3424 24.1484 33.3585 23.1321C34.3745 22.1157 34.9458 20.7378 34.947 19.3007V11.2052Z", fill: `url(#${id}-paint1_linear_1309_92438)` }), _jsx("path", { d: "M24.3494 3.76965e-05C24.1542 -0.00135882 23.9607 0.0360596 23.7801 0.110118C23.5995 0.184176 23.4354 0.293397 23.2973 0.431432C23.1593 0.569467 23.0501 0.733562 22.976 0.914179C22.902 1.0948 22.8645 1.28833 22.8659 1.48354L22.7204 28.7805C22.72 30.6951 21.9593 32.5312 20.6054 33.8851C19.2516 35.2389 17.4155 35.9996 15.5009 36H2.39993C2.2565 36.0009 2.11497 35.9672 1.98725 35.902C1.85953 35.8367 1.74936 35.7417 1.66601 35.625C1.58265 35.5082 1.52856 35.3732 1.50827 35.2312C1.48798 35.0892 1.5021 34.9444 1.54943 34.809L12.0494 4.83754C12.5441 3.4263 13.4642 2.20321 14.6831 1.33681C15.902 0.470417 17.3595 0.00337132 18.8549 3.76965e-05H24.3734H24.3494Z", fillRule: "evenodd", clipRule: "evenodd", fill: `url(#${id}-paint2_linear_1309_92438)` })] }) }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: `${id}-paint0_linear_1309_92438`, x1: "27.3628", y1: "25.2555", x2: "21.2863", y2: "0.924", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#712575" }), _jsx("stop", { offset: "0.09", stopColor: "#9A2884" }), _jsx("stop", { offset: "0.18", stopColor: "#BF2C92" }), _jsx("stop", { offset: "0.27", stopColor: "#DA2E9C" }), _jsx("stop", { offset: "0.34", stopColor: "#EB30A2" }), _jsx("stop", { offset: "0.4", stopColor: "#F131A5" }), _jsx("stop", { offset: "0.5", stopColor: "#EC30A3" }), _jsx("stop", { offset: "0.61", stopColor: "#DF2F9E" }), _jsx("stop", { offset: "0.72", stopColor: "#C92D96" }), _jsx("stop", { offset: "0.83", stopColor: "#AA2A8A" }), _jsx("stop", { offset: "0.95", stopColor: "#83267C" }), _jsx("stop", { offset: "1", stopColor: "#712575" })] }), _jsxs("linearGradient", { id: `${id}-paint1_linear_1309_92438`, x1: "29.673", y1: "0.510175", x2: "29.673", y2: "34.8332", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#DA7ED0" }), _jsx("stop", { offset: "0.08", stopColor: "#B17BD5" }), _jsx("stop", { offset: "0.19", stopColor: "#8778DB" }), _jsx("stop", { offset: "0.3", stopColor: "#6276E1" }), _jsx("stop", { offset: "0.41", stopColor: "#4574E5" }), _jsx("stop", { offset: "0.54", stopColor: "#2E72E8" }), _jsx("stop", { offset: "0.67", stopColor: "#1D71EB" }), _jsx("stop", { offset: "0.81", stopColor: "#1471EC" }), _jsx("stop", { offset: "1", stopColor: "#1171ED" })] }), _jsxs("linearGradient", { id: `${id}-paint2_linear_1309_92438`, x1: "27.6059", y1: "1.28854", x2: "4.85393", y2: "37.7745", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#DA7ED0" }), _jsx("stop", { offset: "0.05", stopColor: "#B77BD4" }), _jsx("stop", { offset: "0.11", stopColor: "#9079DA" }), _jsx("stop", { offset: "0.18", stopColor: "#6E77DF" }), _jsx("stop", { offset: "0.25", stopColor: "#5175E3" }), _jsx("stop", { offset: "0.33", stopColor: "#3973E7" }), _jsx("stop", { offset: "0.42", stopColor: "#2772E9" }), _jsx("stop", { offset: "0.54", stopColor: "#1A71EB" }), _jsx("stop", { offset: "0.68", stopColor: "#1371EC" }), _jsx("stop", { offset: "1", stopColor: "#1171ED" })] }), _jsx("clipPath", { id: `${id}-clip0_1309_92438`, children: _jsx("rect", { width: "36", height: "36", fill: "white" }) }), _jsx("clipPath", { id: `${id}-clip1_1309_92438`, children: _jsx("rect", { width: "36", height: "36", fill: "white" }) })] })] })),
|
|
9
|
+
copilot_studio: (id) => (_jsxs(_Fragment, { children: [_jsx("g", { clipPath: `url(#${id}-clip0_1309_92424)`, children: _jsxs("g", { clipPath: `url(#${id}-clip1_1309_92424)`, children: [_jsx("path", { d: "M26.2995 4.2435C26.0724 3.45433 25.5953 2.76019 24.9399 2.26545C24.2845 1.7707 23.4861 1.50209 22.665 1.5L21.5595 1.5C20.6701 1.50272 19.8099 1.81761 19.1289 2.38974C18.448 2.96186 17.9895 3.7549 17.8335 4.6305L15.939 15.036L16.41 13.416C16.636 12.6255 17.1129 11.9298 17.7687 11.4339C18.4245 10.938 19.2238 10.6686 20.046 10.6665H26.472L29.1675 11.7255L31.764 10.6665H31.0065C30.1853 10.6644 29.387 10.3958 28.7315 9.90105C28.0761 9.40631 27.599 8.71217 27.372 7.923L26.2995 4.2435Z", fill: `url(#${id}-paint0_radial_1309_92424)` }), _jsx("path", { d: "M10.0889 31.7401C10.3132 32.5331 10.7897 33.2314 11.4463 33.7294C12.1029 34.2274 12.9039 34.498 13.7279 34.5001H16.0769C18.1319 34.5001 19.8119 32.8501 19.8644 30.7801L20.1194 20.7451L19.5839 22.5871C19.3571 23.3766 18.8802 24.071 18.2247 24.5661C17.5693 25.0611 16.7708 25.3299 15.9494 25.3321H9.46944L7.15944 24.0691L4.65894 25.3336H5.40444C7.09044 25.3336 8.57394 26.4586 9.04344 28.0936L10.0889 31.7401Z", fill: `url(#${id}-paint1_radial_1309_92424)` }), _jsx("path", { d: "M22.5002 1.50012H9.37821C5.62821 1.50012 3.37821 6.49662 1.87821 11.4931C0.102214 17.4136 -2.22279 25.3306 4.50321 25.3306H10.1702C11.8652 25.3306 13.3502 24.2011 13.8152 22.5601C14.8007 19.0846 16.5287 13.0216 17.8847 8.40612C18.5747 6.06162 19.1477 4.04712 20.0297 2.79312C20.3033 2.39092 20.6719 2.06246 21.1029 1.8369C21.5338 1.61134 22.0138 1.49566 22.5002 1.50012Z", fill: `url(#${id}-paint2_linear_1309_92424)` }), _jsx("path", { d: "M22.5002 1.50012H9.37821C5.62821 1.50012 3.37821 6.49662 1.87821 11.4931C0.102214 17.4136 -2.22279 25.3306 4.50321 25.3306H10.1702C11.8652 25.3306 13.3502 24.2011 13.8152 22.5601C14.8007 19.0846 16.5287 13.0216 17.8847 8.40612C18.5747 6.06162 19.1477 4.04712 20.0297 2.79312C20.3033 2.39092 20.6719 2.06246 21.1029 1.8369C21.5338 1.61134 22.0138 1.49566 22.5002 1.50012Z", fill: `url(#${id}-paint3_linear_1309_92424)` }), _jsx("path", { d: "M13.5 34.5002H26.6235C30.3735 34.5002 32.6235 29.5022 34.1235 24.5057C35.8995 18.5837 38.2245 10.6652 31.4985 10.6652H25.83C24.1365 10.6652 22.65 11.7962 22.185 13.4372C20.8487 18.1614 19.4922 22.88 18.1155 27.5927C17.4255 29.9387 16.8525 31.9532 15.9705 33.2072C15.6969 33.6094 15.3283 33.9378 14.8974 34.1634C14.4664 34.3889 13.9864 34.5046 13.5 34.5002Z", fill: `url(#${id}-paint4_radial_1309_92424)` }), _jsx("path", { d: "M13.5 34.5002H26.6235C30.3735 34.5002 32.6235 29.5022 34.1235 24.5057C35.8995 18.5837 38.2245 10.6652 31.4985 10.6652H25.83C24.1365 10.6652 22.65 11.7962 22.185 13.4372C20.8487 18.1614 19.4922 22.88 18.1155 27.5927C17.4255 29.9387 16.8525 31.9532 15.9705 33.2072C15.6969 33.6094 15.3283 33.9378 14.8974 34.1634C14.4664 34.3889 13.9864 34.5046 13.5 34.5002Z", fill: `url(#${id}-paint5_linear_1309_92424)` })] }) }), _jsxs("defs", { children: [_jsxs("radialGradient", { id: `${id}-paint0_radial_1309_92424`, cx: "0", cy: "0", r: "1", gradientTransform: "matrix(-8.96779 -12.9142 9.44782 -8.96837 -5.86509 -26.5027)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: "0.096", stopColor: "#00AEFF" }), _jsx("stop", { offset: "0.773", stopColor: "#2253CE" }), _jsx("stop", { offset: "1", stopColor: "#0736C4" })] }), _jsxs("radialGradient", { id: `${id}-paint1_radial_1309_92424`, cx: "0", cy: "0", r: "1", gradientTransform: "matrix(8.08447 11.6594 -9.22905 8.08434 -12.1318 21.9768)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#FFB657" }), _jsx("stop", { offset: "0.634", stopColor: "#FF5F3D" }), _jsx("stop", { offset: "0.923", stopColor: "#C02B3C" })] }), _jsxs("linearGradient", { id: `${id}-paint2_linear_1309_92424`, x1: "8.8806", y1: "4.38756", x2: "10.7518", y2: "26.2127", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: "0.156", stopColor: "#0D91E1" }), _jsx("stop", { offset: "0.487", stopColor: "#52B471" }), _jsx("stop", { offset: "0.652", stopColor: "#98BD42" }), _jsx("stop", { offset: "0.937", stopColor: "#FFC800" })] }), _jsxs("linearGradient", { id: `${id}-paint3_linear_1309_92424`, x1: "10.3394", y1: "1.5", x2: "11.3617", y2: "25.3259", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#3DCBFF" }), _jsx("stop", { offset: "0.247", stopColor: "#0588F7", stopOpacity: "0" })] }), _jsxs("radialGradient", { id: `${id}-paint4_radial_1309_92424`, cx: "0", cy: "0", r: "1", gradientTransform: "matrix(-10.3679 28.2224 -31.6669 -10.369 -15.4812 26.7798)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: "0.066", stopColor: "#8C48FF" }), _jsx("stop", { offset: "0.5", stopColor: "#F2598A" }), _jsx("stop", { offset: "0.896", stopColor: "#FFB152" })] }), _jsxs("linearGradient", { id: `${id}-paint5_linear_1309_92424`, x1: "32.2893", y1: "9.20979", x2: "32.2756", y2: "15.7018", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: "0.058", stopColor: "#F8ADFA" }), _jsx("stop", { offset: "0.708", stopColor: "#A86EDD", stopOpacity: "0" })] }), _jsx("clipPath", { id: `${id}-clip0_1309_92424`, children: _jsx("rect", { width: "36", height: "36", fill: "white" }) }), _jsx("clipPath", { id: `${id}-clip1_1309_92424`, children: _jsx("rect", { width: "36", height: "36", fill: "white" }) })] })] })),
|
|
10
|
+
aws_bedrock: (id) => (_jsxs(_Fragment, { children: [_jsx("g", { clipPath: `url(#${id}-clip0_1309_92495)`, children: _jsx("path", { d: "M19.575 23.2694H24.195C24.516 23.2694 24.7785 23.5349 24.7785 23.8604V26.5904C25.3349 26.7276 25.8291 27.0479 26.1817 27.4997C26.5342 27.9516 26.7247 28.5088 26.7225 29.0819C26.7225 30.4964 25.59 31.6439 24.195 31.6439C22.7985 31.6439 21.666 30.4964 21.666 29.0819C21.666 27.8714 22.497 26.8559 23.6115 26.5889V24.4514H19.5765V31.4459C19.5769 31.5475 19.5512 31.6475 19.5018 31.7363C19.4524 31.8251 19.381 31.8997 19.2945 31.9529L15.2595 34.4144C15.168 34.4704 15.0626 34.4998 14.9553 34.4992C14.848 34.4987 14.743 34.4683 14.652 34.4114L7.263 29.7824C7.17774 29.7289 7.10752 29.6545 7.05897 29.5663C7.01042 29.4782 6.98513 29.3791 6.9855 29.2784V24.4499L3.294 22.3049C3.21005 22.2562 3.13934 22.1877 3.08808 22.1053C3.03681 22.0229 3.00657 21.9292 3 21.8324V21.7919V14.1089C3 13.8989 3.1095 13.7039 3.288 13.5989L6.9855 11.4059V6.6719C6.9855 6.4784 7.0785 6.2984 7.233 6.1889L7.2645 6.1679L14.655 1.5869C14.7466 1.52987 14.8523 1.49963 14.9603 1.49963C15.0682 1.49963 15.1739 1.52987 15.2655 1.5869L19.3005 4.0994C19.3858 4.15292 19.456 4.22728 19.5045 4.31546C19.5531 4.40364 19.5784 4.50274 19.578 4.6034V11.3999H25.362V8.5244C24.8053 8.38712 24.3109 8.06665 23.9584 7.61449C23.6058 7.16234 23.4155 6.60477 23.418 6.0314C23.418 4.6169 24.5505 3.4694 25.9455 3.4694C27.342 3.4694 28.473 4.6169 28.473 6.0314C28.473 7.2419 27.6435 8.2574 26.529 8.5244V11.9909C26.5296 12.068 26.515 12.1446 26.4859 12.216C26.4569 12.2875 26.4141 12.3526 26.3599 12.4075C26.3057 12.4624 26.2412 12.506 26.1701 12.536C26.099 12.5659 26.0226 12.5815 25.9455 12.5819H19.578V15.2909H29.514C29.6416 14.7332 29.9542 14.235 30.4008 13.8775C30.8474 13.5199 31.4019 13.3239 31.974 13.3214C33.369 13.3214 34.5015 14.4674 34.5015 15.8819C34.5015 17.2964 33.3705 18.4439 31.974 18.4439C31.4017 18.4413 30.8471 18.2451 30.4004 17.8873C29.9537 17.5294 29.6413 17.0309 29.514 16.4729H19.575V19.3784H27.0045L28.377 21.1484C28.7593 20.9249 29.1942 20.8073 29.637 20.8079C31.0335 20.8079 32.1645 21.9539 32.1645 23.3684C32.1645 24.7829 31.0335 25.9304 29.637 25.9304C28.242 25.9304 27.1095 24.7829 27.1095 23.3684C27.1095 22.8494 27.2625 22.3664 27.5235 21.9629L26.4375 20.5604H19.575V23.2694ZM14.9595 2.7839L11.895 4.6829V9.1349H10.728V5.4059L8.1525 7.0034V11.4209L11.3175 13.4609L14.568 11.4149V8.0009H15.735V11.7449C15.735 11.9489 15.63 12.1394 15.459 12.2474L11.9445 14.4569V17.5784L14.0775 19.0919L13.4085 20.0609L11.2995 18.5639L9.0045 20.0714L8.37 19.0814L10.7775 17.4989V14.5139L7.557 12.4349L4.167 14.4449V16.9589L7.125 15.1754L7.722 16.1909L4.167 18.3344V21.4499L7.416 23.3369L10.821 21.2849L11.4165 22.3004L8.1525 24.2669V28.9499L10.9665 30.7124L14.514 28.5734L15.111 29.5904L12.0855 31.4144L14.9625 33.2159L18.4095 31.1114V22.4414L11.2725 26.7809L10.6725 25.7684L18.4095 21.0644V4.9334L14.9595 2.7839ZM24.195 27.7049C24.0149 27.7059 23.8368 27.7424 23.6708 27.8123C23.5048 27.8822 23.3543 27.9842 23.2277 28.1124C23.1012 28.2406 23.0012 28.3924 22.9335 28.5593C22.8658 28.7262 22.8316 28.9048 22.833 29.0849C22.833 29.8454 23.442 30.4619 24.195 30.4619C24.3748 30.4607 24.5527 30.4241 24.7184 30.3542C24.8841 30.2843 25.0344 30.1824 25.1608 30.0544C25.2871 29.9264 25.387 29.7748 25.4547 29.6082C25.5224 29.4416 25.5567 29.2632 25.5555 29.0834C25.5569 28.9034 25.5228 28.7249 25.4551 28.5582C25.3875 28.3914 25.2876 28.2396 25.1613 28.1114C25.0349 27.9832 24.8846 27.8812 24.7188 27.8112C24.5529 27.7412 24.375 27.7061 24.195 27.7049ZM29.64 21.9899C29.4599 21.9909 29.2818 22.0274 29.1158 22.0973C28.9498 22.1672 28.7993 22.2692 28.6727 22.3974C28.5462 22.5256 28.4462 22.6774 28.3785 22.8443C28.3108 23.0112 28.2766 23.1898 28.278 23.3699C28.278 24.1319 28.887 24.7499 29.6385 24.7499C29.8186 24.7489 29.9967 24.7124 30.1627 24.6425C30.3287 24.5726 30.4792 24.4706 30.6058 24.3424C30.7323 24.2142 30.8323 24.0624 30.9 23.8955C30.9677 23.7286 31.0019 23.55 31.0005 23.3699C31.0019 23.1898 30.9677 23.0112 30.9 22.8443C30.8323 22.6774 30.7323 22.5256 30.6058 22.3974C30.4792 22.2692 30.3287 22.1672 30.1627 22.0973C29.9967 22.0274 29.8201 21.9909 29.64 21.9899ZM31.9725 14.5049C31.7924 14.5059 31.6143 14.5424 31.4483 14.6123C31.2823 14.6822 31.1318 14.7842 31.0052 14.9124C30.8787 15.0406 30.7787 15.1924 30.711 15.3593C30.6433 15.5262 30.6091 15.7048 30.6105 15.8849C30.6105 16.6454 31.221 17.2619 31.9725 17.2619C32.1523 17.2607 32.3302 17.2241 32.4959 17.1542C32.6616 17.0843 32.8119 16.9824 32.9383 16.8544C33.0646 16.7264 33.1645 16.5748 33.2322 16.4082C33.2999 16.2416 33.3342 16.0632 33.333 15.8834C33.3344 15.7034 33.3003 15.5249 33.2326 15.3582C33.165 15.1914 33.0651 15.0396 32.9388 14.9114C32.8124 14.7832 32.6621 14.6812 32.4963 14.6112C32.3305 14.5412 32.1525 14.5046 31.9725 14.5034V14.5049ZM25.944 4.6499C25.764 4.65108 25.5861 4.68772 25.4202 4.75773C25.2544 4.82773 25.1041 4.92974 24.9777 5.0579C24.8514 5.18607 24.7515 5.33788 24.6839 5.50467C24.6162 5.67145 24.5821 5.84993 24.5835 6.0299C24.5835 6.7919 25.1925 7.4099 25.944 7.4099C26.1241 7.40892 26.3022 7.37242 26.4682 7.3025C26.6342 7.23258 26.7847 7.13061 26.9113 7.00243C27.0378 6.87424 27.1378 6.72236 27.2055 6.55548C27.2732 6.3886 27.3074 6.21 27.306 6.0299C27.3074 5.8498 27.2732 5.6712 27.2055 5.50432C27.1378 5.33744 27.0378 5.18556 26.9113 5.05738C26.7847 4.92919 26.6342 4.82722 26.4682 4.7573C26.3022 4.68738 26.1241 4.65088 25.944 4.6499Z", fill: `url(#${id}-paint0_linear_1309_92495)` }) }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: `${id}-paint0_linear_1309_92495`, x1: "28.2012", y1: "8.09956", x2: "8.42278", y2: "26.9801", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#6350FB" }), _jsx("stop", { offset: "0.5", stopColor: "#3D8FFF" }), _jsx("stop", { offset: "1", stopColor: "#9AD8F8" })] }), _jsx("clipPath", { id: `${id}-clip0_1309_92495`, children: _jsx("rect", { width: "36", height: "36", fill: "white" }) })] })] })),
|
|
11
|
+
cursor: (id) => (_jsxs(_Fragment, { children: [_jsx("g", { clipPath: `url(#${id}-clip0_1309_92475)`, children: _jsx("path", { d: "M33.1592 8.52007L18.7502 0.202574C18.5226 0.071185 18.2645 0.00201416 18.0017 0.00201416C17.7389 0.00201416 17.4808 0.071185 17.2532 0.202574L2.83968 8.52007C2.64874 8.63067 2.49019 8.78946 2.37989 8.98058C2.26959 9.17169 2.21141 9.38842 2.21118 9.60907V26.3881C2.21118 26.8381 2.45118 27.2536 2.84118 27.4786L17.2517 35.7991C17.4793 35.9303 17.7374 35.9994 18.0002 35.9994C18.2629 35.9994 18.5211 35.9303 18.7487 35.7991L33.1607 27.4786C33.3521 27.368 33.5111 27.2091 33.6217 27.0177C33.7323 26.8263 33.7906 26.6091 33.7907 26.3881V9.61057C33.7903 9.38977 33.7319 9.17294 33.6213 8.98182C33.5108 8.79069 33.3519 8.63198 33.1607 8.52157L33.1592 8.52007ZM32.2547 10.2841L18.3422 34.3801C18.2477 34.5421 18.0002 34.4761 18.0002 34.2886V18.5101C17.9999 18.355 17.9589 18.2027 17.8813 18.0684C17.8036 17.9341 17.692 17.8226 17.5577 17.7451L3.89268 9.85507C3.73218 9.76207 3.79818 9.51307 3.98568 9.51307H31.8107C32.2067 9.51307 32.4527 9.94207 32.2547 10.2841Z", fillRule: "evenodd", clipRule: "evenodd", fill: "black" }) }), _jsx("defs", { children: _jsx("clipPath", { id: `${id}-clip0_1309_92475`, children: _jsx("rect", { width: "36", height: "36", fill: "white" }) }) })] })),
|
|
12
|
+
monday: (id) => (_jsxs(_Fragment, { children: [_jsx("g", { clipPath: `url(#${id}-paint0_angular_1309_92511_clip_path)`, children: _jsxs("g", { transform: "matrix(-0.0106763 0.0160905 -0.0165185 -0.0109602 20.7361 21.6264)", children: [_jsx("path", { d: "M0 0L2031 -0L2020 212Z", fill: "#21cdfe" }), _jsx("path", { d: "M0 0L2028 106L2006 318Z", fill: "#1ed0fe" }), _jsx("path", { d: "M0 0L2020 212L1986 422Z", fill: "#1bd3ff" }), _jsx("path", { d: "M0 0L2006 318L1961 526Z", fill: "#1ad6ff" }), _jsx("path", { d: "M0 0L1986 422L1931 628Z", fill: "#19d7ff" }), _jsx("path", { d: "M0 0L1961 526L1896 728Z", fill: "#18d8ff" }), _jsx("path", { d: "M0 0L1931 628L1855 826Z", fill: "#17dafe" }), _jsx("path", { d: "M0 0L1896 728L1809 922Z", fill: "#16dbfe" }), _jsx("path", { d: "M0 0L1855 826L1759 1015Z", fill: "#15ddfe" }), _jsx("path", { d: "M0 0L1809 922L1703 1106Z", fill: "#14defe" }), _jsx("path", { d: "M0 0L1759 1015L1643 1194Z", fill: "#14dffe" }), _jsx("path", { d: "M0 0L1703 1106L1578 1278Z", fill: "#13e1fd" }), _jsx("path", { d: "M0 0L1643 1194L1509 1359Z", fill: "#12e2fd" }), _jsx("path", { d: "M0 0L1578 1278L1436 1436Z", fill: "#11e4fd" }), _jsx("path", { d: "M0 0L1509 1359L1359 1509Z", fill: "#10e5fd" }), _jsx("path", { d: "M0 0L1436 1436L1278 1578Z", fill: "#0fe6fd" }), _jsx("path", { d: "M0 0L1359 1509L1194 1643Z", fill: "#0ee8fc" }), _jsx("path", { d: "M0 0L1278 1578L1106 1703Z", fill: "#0de9fc" }), _jsx("path", { d: "M0 0L1194 1643L1015 1759Z", fill: "#0debfc" }), _jsx("path", { d: "M0 0L1106 1703L922 1809Z", fill: "#0cecfc" }), _jsx("path", { d: "M0 0L1015 1759L826 1855Z", fill: "#0bedfc" }), _jsx("path", { d: "M0 0L922 1809L728 1896Z", fill: "#0aeffc" }), _jsx("path", { d: "M0 0L826 1855L628 1931Z", fill: "#09f0fb" }), _jsx("path", { d: "M0 0L728 1896L526 1961Z", fill: "#08f1fb" }), _jsx("path", { d: "M0 0L628 1931L422 1986Z", fill: "#07f3fb" }), _jsx("path", { d: "M0 0L526 1961L318 2006Z", fill: "#07f4fb" }), _jsx("path", { d: "M0 0L422 1986L212 2020Z", fill: "#06f6fb" }), _jsx("path", { d: "M0 0L318 2006L106 2028Z", fill: "#05f7fa" }), _jsx("path", { d: "M0 0L212 2020L0 2031Z", fill: "#04f8fa" }), _jsx("path", { d: "M0 0L106 2028L-106 2028Z", fill: "#03fafa" }), _jsx("path", { d: "M0 0L0 2031L-212 2020Z", fill: "#04f9f7" }), _jsx("path", { d: "M0 0L-106 2028L-318 2006Z", fill: "#06f8f3" }), _jsx("path", { d: "M0 0L-212 2020L-422 1986Z", fill: "#08f6f0" }), _jsx("path", { d: "M0 0L-318 2006L-526 1961Z", fill: "#09f5ec" }), _jsx("path", { d: "M0 0L-422 1986L-628 1931Z", fill: "#0bf4e8" }), _jsx("path", { d: "M0 0L-526 1961L-728 1896Z", fill: "#0cf3e5" }), _jsx("path", { d: "M0 0L-628 1931L-826 1855Z", fill: "#0ef1e1" }), _jsx("path", { d: "M0 0L-728 1896L-922 1809Z", fill: "#10f0de" }), _jsx("path", { d: "M0 0L-826 1855L-1015 1759Z", fill: "#11efda" }), _jsx("path", { d: "M0 0L-922 1809L-1106 1703Z", fill: "#13eed6" }), _jsx("path", { d: "M0 0L-1015 1759L-1194 1643Z", fill: "#14edd3" }), _jsx("path", { d: "M0 0L-1106 1703L-1278 1578Z", fill: "#16ebcf" }), _jsx("path", { d: "M0 0L-1194 1643L-1359 1509Z", fill: "#18eacb" }), _jsx("path", { d: "M0 0L-1278 1578L-1436 1436Z", fill: "#19e9c8" }), _jsx("path", { d: "M0 0L-1359 1509L-1509 1359Z", fill: "#1be8c4" }), _jsx("path", { d: "M0 0L-1436 1436L-1578 1278Z", fill: "#1ce6c1" }), _jsx("path", { d: "M0 0L-1509 1359L-1643 1194Z", fill: "#1ee5bd" }), _jsx("path", { d: "M0 0L-1578 1278L-1703 1106Z", fill: "#20e4b9" }), _jsx("path", { d: "M0 0L-1643 1194L-1759 1015Z", fill: "#21e3b6" }), _jsx("path", { d: "M0 0L-1703 1106L-1809 922Z", fill: "#23e1b2" }), _jsx("path", { d: "M0 0L-1759 1015L-1855 826Z", fill: "#25e0af" }), _jsx("path", { d: "M0 0L-1809 922L-1896 728Z", fill: "#26dfab" }), _jsx("path", { d: "M0 0L-1855 826L-1931 628Z", fill: "#28dea7" }), _jsx("path", { d: "M0 0L-1896 728L-1961 526Z", fill: "#29dca4" }), _jsx("path", { d: "M0 0L-1931 628L-1986 422Z", fill: "#2bdba0" }), _jsx("path", { d: "M0 0L-1961 526L-2006 318Z", fill: "#2dda9d" }), _jsx("path", { d: "M0 0L-1986 422L-2020 212Z", fill: "#2ed999" }), _jsx("path", { d: "M0 0L-2006 318L-2028 106Z", fill: "#30d895" }), _jsx("path", { d: "M0 0L-2020 212L-2031 0Z", fill: "#31d692" }), _jsx("path", { d: "M0 0L-2028 106L-2028 -106Z", fill: "#33d58e" }), _jsx("path", { d: "M0 0L-2031 0L-2020 -212Z", fill: "#57c4a6" }), _jsx("path", { d: "M0 0L-2028 -106L-2006 -318Z", fill: "#7cb2bf" }), _jsx("path", { d: "M0 0L-2020 -212L-1986 -422Z", fill: "#a1a0d7" }), _jsx("path", { d: "M0 0L-2006 -318L-1961 -526Z", fill: "#c58ef0" }), _jsx("path", { d: "M0 0L-1986 -422L-1931 -628Z", fill: "#da82ff" }), _jsx("path", { d: "M0 0L-1961 -526L-1896 -728Z", fill: "#d57eff" }), _jsx("path", { d: "M0 0L-1931 -628L-1855 -826Z", fill: "#d07aff" }), _jsx("path", { d: "M0 0L-1896 -728L-1809 -922Z", fill: "#cb77ff" }), _jsx("path", { d: "M0 0L-1855 -826L-1759 -1015Z", fill: "#c573fe" }), _jsx("path", { d: "M0 0L-1809 -922L-1703 -1106Z", fill: "#c06ffe" }), _jsx("path", { d: "M0 0L-1759 -1015L-1643 -1194Z", fill: "#bb6cfe" }), _jsx("path", { d: "M0 0L-1703 -1106L-1578 -1278Z", fill: "#b668fe" }), _jsx("path", { d: "M0 0L-1643 -1194L-1509 -1359Z", fill: "#b164fe" }), _jsx("path", { d: "M0 0L-1578 -1278L-1436 -1436Z", fill: "#ac61fe" }), _jsx("path", { d: "M0 0L-1509 -1359L-1359 -1509Z", fill: "#a65dfe" }), _jsx("path", { d: "M0 0L-1436 -1436L-1278 -1578Z", fill: "#a159fd" }), _jsx("path", { d: "M0 0L-1359 -1509L-1194 -1643Z", fill: "#9c56fd" }), _jsx("path", { d: "M0 0L-1278 -1578L-1106 -1703Z", fill: "#9752fd" }), _jsx("path", { d: "M0 0L-1194 -1643L-1015 -1759Z", fill: "#9351fd" }), _jsx("path", { d: "M0 0L-1106 -1703L-922 -1809Z", fill: "#9054fd" }), _jsx("path", { d: "M0 0L-1015 -1759L-826 -1855Z", fill: "#8d57fd" }), _jsx("path", { d: "M0 0L-922 -1809L-728 -1896Z", fill: "#8b5afd" }), _jsx("path", { d: "M0 0L-826 -1855L-628 -1931Z", fill: "#885dfd" }), _jsx("path", { d: "M0 0L-728 -1896L-526 -1961Z", fill: "#8560fd" }), _jsx("path", { d: "M0 0L-628 -1931L-422 -1986Z", fill: "#8363fd" }), _jsx("path", { d: "M0 0L-526 -1961L-318 -2006Z", fill: "#8066fd" }), _jsx("path", { d: "M0 0L-422 -1986L-212 -2020Z", fill: "#7d69fd" }), _jsx("path", { d: "M0 0L-318 -2006L-106 -2028Z", fill: "#7a6cfd" }), _jsx("path", { d: "M0 0L-212 -2020L-0 -2031Z", fill: "#786ffd" }), _jsx("path", { d: "M0 0L-106 -2028L106 -2028Z", fill: "#7571fd" }), _jsx("path", { d: "M0 0L-0 -2031L212 -2020Z", fill: "#7274fd" }), _jsx("path", { d: "M0 0L106 -2028L318 -2006Z", fill: "#7077fd" }), _jsx("path", { d: "M0 0L212 -2020L422 -1986Z", fill: "#6d7afd" }), _jsx("path", { d: "M0 0L318 -2006L526 -1961Z", fill: "#6a7dfd" }), _jsx("path", { d: "M0 0L422 -1986L628 -1931Z", fill: "#6780fd" }), _jsx("path", { d: "M0 0L526 -1961L728 -1896Z", fill: "#6583fd" }), _jsx("path", { d: "M0 0L628 -1931L826 -1855Z", fill: "#6286fd" }), _jsx("path", { d: "M0 0L728 -1896L922 -1809Z", fill: "#5f89fd" }), _jsx("path", { d: "M0 0L826 -1855L1015 -1759Z", fill: "#5c8cfd" }), _jsx("path", { d: "M0 0L922 -1809L1106 -1703Z", fill: "#5a8ffe" }), _jsx("path", { d: "M0 0L1015 -1759L1194 -1643Z", fill: "#5792fe" }), _jsx("path", { d: "M0 0L1106 -1703L1278 -1578Z", fill: "#5495fe" }), _jsx("path", { d: "M0 0L1194 -1643L1359 -1509Z", fill: "#5298fe" }), _jsx("path", { d: "M0 0L1278 -1578L1436 -1436Z", fill: "#4f9bfe" }), _jsx("path", { d: "M0 0L1359 -1509L1509 -1359Z", fill: "#4c9efe" }), _jsx("path", { d: "M0 0L1436 -1436L1578 -1278Z", fill: "#49a0fe" }), _jsx("path", { d: "M0 0L1509 -1359L1643 -1194Z", fill: "#47a3fe" }), _jsx("path", { d: "M0 0L1578 -1278L1703 -1106Z", fill: "#44a6fe" }), _jsx("path", { d: "M0 0L1643 -1194L1759 -1015Z", fill: "#41a9fe" }), _jsx("path", { d: "M0 0L1703 -1106L1809 -922Z", fill: "#3facfe" }), _jsx("path", { d: "M0 0L1759 -1015L1855 -826Z", fill: "#3caffe" }), _jsx("path", { d: "M0 0L1809 -922L1896 -728Z", fill: "#39b2fe" }), _jsx("path", { d: "M0 0L1855 -826L1931 -628Z", fill: "#36b5fe" }), _jsx("path", { d: "M0 0L1896 -728L1961 -526Z", fill: "#34b8fe" }), _jsx("path", { d: "M0 0L1931 -628L1986 -422Z", fill: "#31bbfe" }), _jsx("path", { d: "M0 0L1961 -526L2006 -318Z", fill: "#2ebefe" }), _jsx("path", { d: "M0 0L1986 -422L2020 -212Z", fill: "#2cc1fe" }), _jsx("path", { d: "M0 0L2006 -318L2028 -106Z", fill: "#29c4fe" }), _jsx("path", { d: "M0 0L2020 -212L2031 -0Z", fill: "#26c7fe" }), _jsx("path", { d: "M0 0L2028 -106L2031 -0Z", fill: "#23cafe" })] }) }), _jsx("path", { d: "M17.0135 1.6623C18.0649 1.42787 19.1527 1.40116 20.2146 1.58351C21.2766 1.76587 22.2918 2.15393 23.2025 2.72532C24.1132 3.29672 24.9016 4.04035 25.5225 4.91379C26.1434 5.78729 26.5848 6.77361 26.8213 7.8162C27.0577 8.85873 27.0845 9.93722 26.9007 10.9901C26.7167 12.0431 26.3255 13.0501 25.7492 13.9531L21.0401 21.3294C22.5639 19.3829 24.9701 18.1258 27.6728 18.1258C32.2688 18.1259 36 21.7608 36 26.2409C36 30.7211 32.2688 34.5358 27.6728 34.5358C23.0729 34.5358 19.3383 30.7211 19.3383 26.2409C19.3383 24.9481 19.6498 23.7259 20.2031 22.641L15.1432 30.5682C14.4029 31.7293 13.3781 32.6858 12.1644 33.3482C10.9507 34.0104 9.58736 34.3572 8.202 34.356C6.73328 34.3545 5.29195 33.9621 4.02809 33.2203C2.76414 32.4784 1.72376 31.414 1.01598 30.1379C0.308233 28.8618 -0.0412067 27.4208 0.00386948 25.9652C0.0489703 24.5095 0.486899 23.0922 1.27235 21.8616L11.8789 5.25015C12.4553 4.34722 13.2053 3.56573 14.0862 2.95017C14.9672 2.33457 15.9619 1.89677 17.0135 1.6623Z" }), _jsx("defs", { children: _jsx("clipPath", { id: `${id}-paint0_angular_1309_92511_clip_path`, children: _jsx("path", { d: "M17.0135 1.6623C18.0649 1.42787 19.1527 1.40116 20.2146 1.58351C21.2766 1.76587 22.2918 2.15393 23.2025 2.72532C24.1132 3.29672 24.9016 4.04035 25.5225 4.91379C26.1434 5.78729 26.5848 6.77361 26.8213 7.8162C27.0577 8.85873 27.0845 9.93722 26.9007 10.9901C26.7167 12.0431 26.3255 13.0501 25.7492 13.9531L21.0401 21.3294C22.5639 19.3829 24.9701 18.1258 27.6728 18.1258C32.2688 18.1259 36 21.7608 36 26.2409C36 30.7211 32.2688 34.5358 27.6728 34.5358C23.0729 34.5358 19.3383 30.7211 19.3383 26.2409C19.3383 24.9481 19.6498 23.7259 20.2031 22.641L15.1432 30.5682C14.4029 31.7293 13.3781 32.6858 12.1644 33.3482C10.9507 34.0104 9.58736 34.3572 8.202 34.356C6.73328 34.3545 5.29195 33.9621 4.02809 33.2203C2.76414 32.4784 1.72376 31.414 1.01598 30.1379C0.308233 28.8618 -0.0412067 27.4208 0.00386948 25.9652C0.0489703 24.5095 0.486899 23.0922 1.27235 21.8616L11.8789 5.25015C12.4553 4.34722 13.2053 3.56573 14.0862 2.95017C14.9672 2.33457 15.9619 1.89677 17.0135 1.6623Z" }) }) })] })),
|
|
13
|
+
globster: () => (_jsxs(_Fragment, { children: [_jsx("path", { d: "M33.7285 8.66653L32.7346 9.03379C31.9279 9.33237 31.2908 9.96877 30.9929 10.7762L30.6257 11.7686C30.3671 12.4674 29.3795 12.4674 29.1216 11.7686L28.7543 10.7762C28.4565 9.96877 27.8194 9.33237 27.0127 9.03379L26.0188 8.66653C25.9312 8.63429 25.8541 8.59014 25.7889 8.53757C25.3326 8.17171 25.409 7.38953 26.0188 7.16315L26.5305 6.97321L27.012 6.79519C27.8187 6.49661 28.4558 5.86021 28.7536 5.0535L29.1209 4.05965C29.3795 3.36228 30.3671 3.36228 30.625 4.05965L30.9923 5.0535C31.2901 5.86021 31.9272 6.49661 32.7339 6.79519L33.7278 7.16245C34.4252 7.42107 34.4252 8.40861 33.7278 8.66583L33.7285 8.66653Z", fill: "#E92F23" }), _jsx("path", { d: "M18.8796 14.9333C18.8297 15.1303 18.6414 15.2564 18.44 15.2293C18.025 15.1715 17.624 15.0936 17.2343 14.9964C15.3666 14.5279 13.8851 13.6252 12.8309 12.3118C12.126 11.4362 11.6409 10.4126 11.38 9.25326C11.3651 9.18671 11.3511 9.12104 11.3371 9.05362C11.3283 9.01247 11.3205 8.97044 11.3134 8.92841C11.3056 8.88638 11.2977 8.8426 11.2907 8.79882C11.2802 8.73665 11.2697 8.67273 11.2609 8.60794C11.2478 8.53263 11.2381 8.45558 11.2294 8.3794C11.2276 8.3689 11.2259 8.35926 11.2259 8.35051C11.2136 8.24631 11.2022 8.14211 11.1935 8.03616C11.1926 8.02916 11.1909 8.02303 11.1917 8.01603C11.1821 7.91008 11.1751 7.8015 11.169 7.69293L11.1269 6.89787C11.1173 6.70787 11.2049 6.52486 11.3607 6.41541C16.6695 2.6932 22.5046 1.04443 27.1821 1.64685C27.4632 1.68275 27.5682 2.03474 27.3528 2.21862C22.9266 6.00738 19.9785 10.6175 18.8787 14.9333H18.8796Z", fill: "#E92F23" }), _jsx("path", { d: "M26.304 28.3337C26.2637 28.367 26.2243 28.3985 26.1832 28.4292C17.3877 35.4305 6.59667 36.511 2.03387 30.8292C-2.46326 25.2314 0.748477 15.1506 9.19197 8.08176C9.34345 7.9548 9.57461 8.05287 9.59388 8.249C9.7725 10.1517 10.4187 11.8854 11.5745 13.3223C13.6558 15.9123 17.0322 17.0979 20.9234 16.9543C25.1403 16.802 29.9623 15.0919 34.3972 11.9248C34.7773 11.6525 35.1555 11.3705 35.5285 11.0772C35.7334 10.9958 35.9707 11.1315 35.9987 11.3574C35.9996 11.3592 36.0005 11.3618 35.9996 11.3644C35.9996 11.3837 36.0005 11.4038 35.9996 11.424C35.9996 11.4266 35.9996 11.4292 35.9987 11.4336C35.9751 16.8702 32.4464 23.3988 26.304 28.3337Z", fill: "#E92F23" })] })),
|
|
14
|
+
sphera: (id) => (_jsxs(_Fragment, { children: [_jsxs("g", { clipPath: `url(#${id}-clip0_1309_92432)`, children: [_jsx("g", { clipPath: `url(#${id}-paint0_angular_1309_92432_clip_path)`, children: _jsxs("g", { transform: "matrix(-0.00566092 -0.00566092 0.00566092 -0.00566092 25.4307 17.967)", children: [_jsx("path", { d: "M0 0L2652 -0L2638 277Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L2649 139L2620 415Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L2638 277L2594 551Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L2620 415L2562 686Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L2594 551L2522 820Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L2562 686L2476 950Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L2522 820L2423 1079Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L2476 950L2363 1204Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L2423 1079L2297 1326Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L2363 1204L2224 1445Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L2297 1326L2146 1559Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L2224 1445L2061 1669Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L2146 1559L1971 1775Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L2061 1669L1875 1875Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L1971 1775L1775 1971Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L1875 1875L1669 2061Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L1775 1971L1559 2146Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L1669 2061L1445 2224Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L1559 2146L1326 2297Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L1445 2224L1204 2363Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L1326 2297L1079 2423Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L1204 2363L950 2476Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L1079 2423L820 2522Z", fill: "#01e5fe" }), _jsx("path", { d: "M0 0L950 2476L686 2562Z", fill: "#01e1fe" }), _jsx("path", { d: "M0 0L820 2522L551 2594Z", fill: "#01defe" }), _jsx("path", { d: "M0 0L686 2562L415 2620Z", fill: "#01dafe" }), _jsx("path", { d: "M0 0L551 2594L277 2638Z", fill: "#01d6fe" }), _jsx("path", { d: "M0 0L415 2620L139 2649Z", fill: "#01d3fe" }), _jsx("path", { d: "M0 0L277 2638L0 2652Z", fill: "#01cffe" }), _jsx("path", { d: "M0 0L139 2649L-139 2649Z", fill: "#01cbfe" }), _jsx("path", { d: "M0 0L0 2652L-277 2638Z", fill: "#02c8fe" }), _jsx("path", { d: "M0 0L-139 2649L-415 2620Z", fill: "#02c4fe" }), _jsx("path", { d: "M0 0L-277 2638L-551 2594Z", fill: "#02c1fe" }), _jsx("path", { d: "M0 0L-415 2620L-686 2562Z", fill: "#02bdfe" }), _jsx("path", { d: "M0 0L-551 2594L-820 2522Z", fill: "#02b9fe" }), _jsx("path", { d: "M0 0L-686 2562L-950 2476Z", fill: "#02b6fe" }), _jsx("path", { d: "M0 0L-820 2522L-1079 2423Z", fill: "#02b2fe" }), _jsx("path", { d: "M0 0L-950 2476L-1204 2363Z", fill: "#02aefe" }), _jsx("path", { d: "M0 0L-1079 2423L-1326 2297Z", fill: "#02abfe" }), _jsx("path", { d: "M0 0L-1204 2363L-1445 2224Z", fill: "#02a7fe" }), _jsx("path", { d: "M0 0L-1326 2297L-1559 2146Z", fill: "#02a3fe" }), _jsx("path", { d: "M0 0L-1445 2224L-1669 2061Z", fill: "#02a0fe" }), _jsx("path", { d: "M0 0L-1559 2146L-1775 1971Z", fill: "#029cfe" }), _jsx("path", { d: "M0 0L-1669 2061L-1875 1875Z", fill: "#0298fe" }), _jsx("path", { d: "M0 0L-1775 1971L-1971 1775Z", fill: "#0395fe" }), _jsx("path", { d: "M0 0L-1875 1875L-2061 1669Z", fill: "#0391fe" }), _jsx("path", { d: "M0 0L-1971 1775L-2146 1559Z", fill: "#038efe" }), _jsx("path", { d: "M0 0L-2061 1669L-2224 1445Z", fill: "#038afe" }), _jsx("path", { d: "M0 0L-2146 1559L-2297 1326Z", fill: "#0386fe" }), _jsx("path", { d: "M0 0L-2224 1445L-2363 1204Z", fill: "#0383fe" }), _jsx("path", { d: "M0 0L-2297 1326L-2423 1079Z", fill: "#037ffe" }), _jsx("path", { d: "M0 0L-2363 1204L-2476 950Z", fill: "#0a7efe" }), _jsx("path", { d: "M0 0L-2423 1079L-2522 820Z", fill: "#137dfe" }), _jsx("path", { d: "M0 0L-2476 950L-2562 686Z", fill: "#1c7dfe" }), _jsx("path", { d: "M0 0L-2522 820L-2594 551Z", fill: "#257cfe" }), _jsx("path", { d: "M0 0L-2562 686L-2620 415Z", fill: "#2e7cfe" }), _jsx("path", { d: "M0 0L-2594 551L-2638 277Z", fill: "#377bfe" }), _jsx("path", { d: "M0 0L-2620 415L-2649 139Z", fill: "#407bfe" }), _jsx("path", { d: "M0 0L-2638 277L-2652 0Z", fill: "#497afe" }), _jsx("path", { d: "M0 0L-2649 139L-2649 -139Z", fill: "#527afe" }), _jsx("path", { d: "M0 0L-2652 0L-2638 -277Z", fill: "#5c79fe" }), _jsx("path", { d: "M0 0L-2649 -139L-2620 -415Z", fill: "#6579fe" }), _jsx("path", { d: "M0 0L-2638 -277L-2594 -551Z", fill: "#6e78fe" }), _jsx("path", { d: "M0 0L-2620 -415L-2562 -686Z", fill: "#7778fe" }), _jsx("path", { d: "M0 0L-2594 -551L-2522 -820Z", fill: "#8077fe" }), _jsx("path", { d: "M0 0L-2562 -686L-2476 -950Z", fill: "#8977fd" }), _jsx("path", { d: "M0 0L-2522 -820L-2423 -1079Z", fill: "#9276fd" }), _jsx("path", { d: "M0 0L-2476 -950L-2363 -1204Z", fill: "#9b76fd" }), _jsx("path", { d: "M0 0L-2423 -1079L-2297 -1326Z", fill: "#a475fd" }), _jsx("path", { d: "M0 0L-2363 -1204L-2224 -1445Z", fill: "#ad75fd" }), _jsx("path", { d: "M0 0L-2297 -1326L-2146 -1559Z", fill: "#b774fd" }), _jsx("path", { d: "M0 0L-2224 -1445L-2061 -1669Z", fill: "#c074fd" }), _jsx("path", { d: "M0 0L-2146 -1559L-1971 -1775Z", fill: "#c973fd" }), _jsx("path", { d: "M0 0L-2061 -1669L-1875 -1875Z", fill: "#d273fd" }), _jsx("path", { d: "M0 0L-1971 -1775L-1775 -1971Z", fill: "#db72fd" }), _jsx("path", { d: "M0 0L-1875 -1875L-1669 -2061Z", fill: "#e471fd" }), _jsx("path", { d: "M0 0L-1775 -1971L-1559 -2146Z", fill: "#ed71fd" }), _jsx("path", { d: "M0 0L-1669 -2061L-1445 -2224Z", fill: "#f670fd" }), _jsx("path", { d: "M0 0L-1559 -2146L-1326 -2297Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L-1445 -2224L-1204 -2363Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L-1326 -2297L-1079 -2423Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L-1204 -2363L-950 -2476Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L-1079 -2423L-820 -2522Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L-950 -2476L-686 -2562Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L-820 -2522L-551 -2594Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L-686 -2562L-415 -2620Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L-551 -2594L-277 -2638Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L-415 -2620L-139 -2649Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L-277 -2638L-0 -2652Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L-139 -2649L139 -2649Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L-0 -2652L277 -2638Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L139 -2649L415 -2620Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L277 -2638L551 -2594Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L415 -2620L686 -2562Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L551 -2594L820 -2522Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L686 -2562L950 -2476Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L820 -2522L1079 -2423Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L950 -2476L1204 -2363Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L1079 -2423L1326 -2297Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L1204 -2363L1445 -2224Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L1326 -2297L1559 -2146Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L1445 -2224L1669 -2061Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L1559 -2146L1775 -1971Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L1669 -2061L1875 -1875Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L1775 -1971L1971 -1775Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L1875 -1875L2061 -1669Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L1971 -1775L2146 -1559Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2061 -1669L2224 -1445Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2146 -1559L2297 -1326Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2224 -1445L2363 -1204Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2297 -1326L2423 -1079Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2363 -1204L2476 -950Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2423 -1079L2522 -820Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2476 -950L2562 -686Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2522 -820L2594 -551Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2562 -686L2620 -415Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2594 -551L2638 -277Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2620 -415L2649 -139Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2638 -277L2652 -0Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2649 -139L2652 -0Z", fill: "#ff70fd" })] }) }), _jsx("path", { d: "M32.8934 25.4296C28.7719 29.5511 22.0896 29.5511 17.9681 25.4296C13.8466 21.3081 13.8466 14.6259 17.9681 10.5043C22.0896 6.38283 28.7719 6.38283 32.8934 10.5043C37.0149 14.6259 37.0149 21.3081 32.8934 25.4296Z" }), _jsx("g", { clipPath: `url(#${id}-paint1_angular_1309_92432_clip_path)`, children: _jsxs("g", { transform: "matrix(0.00566092 0.00566092 -0.00566092 0.00566092 10.5539 18.0285)", children: [_jsx("path", { d: "M0 0L2652 -0L2638 277Z", fill: "#fae042" }), _jsx("path", { d: "M0 0L2649 139L2620 415Z", fill: "#fae042" }), _jsx("path", { d: "M0 0L2638 277L2594 551Z", fill: "#fae042" }), _jsx("path", { d: "M0 0L2620 415L2562 686Z", fill: "#fae042" }), _jsx("path", { d: "M0 0L2594 551L2523 820Z", fill: "#fae042" }), _jsx("path", { d: "M0 0L2562 686L2476 951Z", fill: "#fae042" }), _jsx("path", { d: "M0 0L2523 820L2423 1079Z", fill: "#fae042" }), _jsx("path", { d: "M0 0L2476 951L2363 1204Z", fill: "#fae042" }), _jsx("path", { d: "M0 0L2423 1079L2297 1326Z", fill: "#fae042" }), _jsx("path", { d: "M0 0L2363 1204L2224 1445Z", fill: "#fae042" }), _jsx("path", { d: "M0 0L2297 1326L2146 1559Z", fill: "#fae042" }), _jsx("path", { d: "M0 0L2224 1445L2061 1669Z", fill: "#fae042" }), _jsx("path", { d: "M0 0L2146 1559L1971 1775Z", fill: "#fae042" }), _jsx("path", { d: "M0 0L2061 1669L1876 1876Z", fill: "#fae042" }), _jsx("path", { d: "M0 0L1971 1775L1775 1971Z", fill: "#fade43" }), _jsx("path", { d: "M0 0L1876 1876L1669 2061Z", fill: "#fada43" }), _jsx("path", { d: "M0 0L1775 1971L1559 2146Z", fill: "#fad744" }), _jsx("path", { d: "M0 0L1669 2061L1445 2224Z", fill: "#fad345" }), _jsx("path", { d: "M0 0L1559 2146L1326 2297Z", fill: "#fad046" }), _jsx("path", { d: "M0 0L1445 2224L1204 2363Z", fill: "#facc46" }), _jsx("path", { d: "M0 0L1326 2297L1079 2423Z", fill: "#fac947" }), _jsx("path", { d: "M0 0L1204 2363L951 2476Z", fill: "#fbc548" }), _jsx("path", { d: "M0 0L1079 2423L820 2523Z", fill: "#fbc249" }), _jsx("path", { d: "M0 0L951 2476L686 2562Z", fill: "#fbbe49" }), _jsx("path", { d: "M0 0L820 2523L551 2594Z", fill: "#fbbb4a" }), _jsx("path", { d: "M0 0L686 2562L415 2620Z", fill: "#fbb74b" }), _jsx("path", { d: "M0 0L551 2594L277 2638Z", fill: "#fbb44c" }), _jsx("path", { d: "M0 0L415 2620L139 2649Z", fill: "#fbb04d" }), _jsx("path", { d: "M0 0L277 2638L0 2652Z", fill: "#fbad4d" }), _jsx("path", { d: "M0 0L139 2649L-139 2649Z", fill: "#fba94e" }), _jsx("path", { d: "M0 0L0 2652L-277 2638Z", fill: "#fba64f" }), _jsx("path", { d: "M0 0L-139 2649L-415 2620Z", fill: "#fba250" }), _jsx("path", { d: "M0 0L-277 2638L-551 2594Z", fill: "#fb9f50" }), _jsx("path", { d: "M0 0L-415 2620L-686 2562Z", fill: "#fb9b51" }), _jsx("path", { d: "M0 0L-551 2594L-820 2523Z", fill: "#fb9852" }), _jsx("path", { d: "M0 0L-686 2562L-951 2476Z", fill: "#fc9453" }), _jsx("path", { d: "M0 0L-820 2523L-1079 2423Z", fill: "#fc9153" }), _jsx("path", { d: "M0 0L-951 2476L-1204 2363Z", fill: "#fc8d54" }), _jsx("path", { d: "M0 0L-1079 2423L-1326 2297Z", fill: "#fc8a55" }), _jsx("path", { d: "M0 0L-1204 2363L-1445 2224Z", fill: "#fc8656" }), _jsx("path", { d: "M0 0L-1326 2297L-1559 2146Z", fill: "#fc8357" }), _jsx("path", { d: "M0 0L-1445 2224L-1669 2061Z", fill: "#fc7f57" }), _jsx("path", { d: "M0 0L-1559 2146L-1775 1971Z", fill: "#fc7c58" }), _jsx("path", { d: "M0 0L-1669 2061L-1876 1876Z", fill: "#fc7859" }), _jsx("path", { d: "M0 0L-1775 1971L-1971 1775Z", fill: "#fc755a" }), _jsx("path", { d: "M0 0L-1876 1876L-2061 1669Z", fill: "#fc725a" }), _jsx("path", { d: "M0 0L-1971 1775L-2146 1559Z", fill: "#fc6e5b" }), _jsx("path", { d: "M0 0L-2061 1669L-2224 1445Z", fill: "#fc6b5c" }), _jsx("path", { d: "M0 0L-2146 1559L-2297 1326Z", fill: "#fd675d" }), _jsx("path", { d: "M0 0L-2224 1445L-2363 1204Z", fill: "#fd645d" }), _jsx("path", { d: "M0 0L-2297 1326L-2423 1079Z", fill: "#fd605e" }), _jsx("path", { d: "M0 0L-2363 1204L-2476 951Z", fill: "#fd5d5f" }), _jsx("path", { d: "M0 0L-2423 1079L-2523 820Z", fill: "#fd5960" }), _jsx("path", { d: "M0 0L-2476 951L-2562 686Z", fill: "#fd5661" }), _jsx("path", { d: "M0 0L-2523 820L-2594 551Z", fill: "#fd5261" }), _jsx("path", { d: "M0 0L-2562 686L-2620 415Z", fill: "#fd4f63" }), _jsx("path", { d: "M0 0L-2594 551L-2638 277Z", fill: "#fd5067" }), _jsx("path", { d: "M0 0L-2620 415L-2649 139Z", fill: "#fd516b" }), _jsx("path", { d: "M0 0L-2638 277L-2652 0Z", fill: "#fd5270" }), _jsx("path", { d: "M0 0L-2649 139L-2649 -139Z", fill: "#fd5374" }), _jsx("path", { d: "M0 0L-2652 0L-2638 -277Z", fill: "#fd5479" }), _jsx("path", { d: "M0 0L-2649 -139L-2620 -415Z", fill: "#fd557d" }), _jsx("path", { d: "M0 0L-2638 -277L-2594 -551Z", fill: "#fd5681" }), _jsx("path", { d: "M0 0L-2620 -415L-2562 -686Z", fill: "#fd5786" }), _jsx("path", { d: "M0 0L-2594 -551L-2523 -820Z", fill: "#fe588a" }), _jsx("path", { d: "M0 0L-2562 -686L-2476 -951Z", fill: "#fe588f" }), _jsx("path", { d: "M0 0L-2523 -820L-2423 -1079Z", fill: "#fe5993" }), _jsx("path", { d: "M0 0L-2476 -951L-2363 -1204Z", fill: "#fe5a97" }), _jsx("path", { d: "M0 0L-2423 -1079L-2297 -1326Z", fill: "#fe5b9c" }), _jsx("path", { d: "M0 0L-2363 -1204L-2224 -1445Z", fill: "#fe5ca0" }), _jsx("path", { d: "M0 0L-2297 -1326L-2146 -1559Z", fill: "#fe5da5" }), _jsx("path", { d: "M0 0L-2224 -1445L-2061 -1669Z", fill: "#fe5ea9" }), _jsx("path", { d: "M0 0L-2146 -1559L-1971 -1775Z", fill: "#fe5fad" }), _jsx("path", { d: "M0 0L-2061 -1669L-1876 -1876Z", fill: "#fe60b2" }), _jsx("path", { d: "M0 0L-1971 -1775L-1775 -1971Z", fill: "#fe61b6" }), _jsx("path", { d: "M0 0L-1876 -1876L-1669 -2061Z", fill: "#fe62bb" }), _jsx("path", { d: "M0 0L-1775 -1971L-1559 -2146Z", fill: "#fe63bf" }), _jsx("path", { d: "M0 0L-1669 -2061L-1445 -2224Z", fill: "#fe64c3" }), _jsx("path", { d: "M0 0L-1559 -2146L-1326 -2297Z", fill: "#fe65c8" }), _jsx("path", { d: "M0 0L-1445 -2224L-1204 -2363Z", fill: "#fe66cc" }), _jsx("path", { d: "M0 0L-1326 -2297L-1079 -2423Z", fill: "#fe67d1" }), _jsx("path", { d: "M0 0L-1204 -2363L-951 -2476Z", fill: "#fe67d5" }), _jsx("path", { d: "M0 0L-1079 -2423L-820 -2523Z", fill: "#ff68d9" }), _jsx("path", { d: "M0 0L-951 -2476L-686 -2562Z", fill: "#ff69de" }), _jsx("path", { d: "M0 0L-820 -2523L-551 -2594Z", fill: "#ff6ae2" }), _jsx("path", { d: "M0 0L-686 -2562L-415 -2620Z", fill: "#ff6be7" }), _jsx("path", { d: "M0 0L-551 -2594L-277 -2638Z", fill: "#ff6ceb" }), _jsx("path", { d: "M0 0L-415 -2620L-139 -2649Z", fill: "#ff6def" }), _jsx("path", { d: "M0 0L-277 -2638L-0 -2652Z", fill: "#ff6ef4" }), _jsx("path", { d: "M0 0L-139 -2649L139 -2649Z", fill: "#ff6ff8" }), _jsx("path", { d: "M0 0L-0 -2652L277 -2638Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L139 -2649L415 -2620Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L277 -2638L551 -2594Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L415 -2620L686 -2562Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L551 -2594L820 -2523Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L686 -2562L951 -2476Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L820 -2523L1079 -2423Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L951 -2476L1204 -2363Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L1079 -2423L1326 -2297Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L1204 -2363L1445 -2224Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L1326 -2297L1559 -2146Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L1445 -2224L1669 -2061Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L1559 -2146L1775 -1971Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L1669 -2061L1876 -1876Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L1775 -1971L1971 -1775Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L1876 -1876L2061 -1669Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L1971 -1775L2146 -1559Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2061 -1669L2224 -1445Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2146 -1559L2297 -1326Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2224 -1445L2363 -1204Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2297 -1326L2423 -1079Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2363 -1204L2476 -951Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2423 -1079L2523 -820Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2476 -951L2562 -686Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2523 -820L2594 -551Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2562 -686L2620 -415Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2594 -551L2638 -277Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2620 -415L2649 -139Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2638 -277L2652 -0Z", fill: "#ff70fd" }), _jsx("path", { d: "M0 0L2649 -139L2652 -0Z", fill: "#ff70fd" })] }) }), _jsx("path", { d: "M3.09113 10.5664C7.21265 6.44491 13.8949 6.44491 18.0164 10.5664C22.1379 14.6879 22.1379 21.3702 18.0164 25.4917C13.8949 29.6132 7.21265 29.6132 3.09113 25.4917C-1.03038 21.3702 -1.03038 14.6879 3.09113 10.5664Z" })] }), _jsxs("defs", { children: [_jsx("clipPath", { id: `${id}-paint0_angular_1309_92432_clip_path`, children: _jsx("path", { d: "M32.8934 25.4296C28.7719 29.5511 22.0896 29.5511 17.9681 25.4296C13.8466 21.3081 13.8466 14.6259 17.9681 10.5043C22.0896 6.38283 28.7719 6.38283 32.8934 10.5043C37.0149 14.6259 37.0149 21.3081 32.8934 25.4296Z" }) }), _jsx("clipPath", { id: `${id}-paint1_angular_1309_92432_clip_path`, children: _jsx("path", { d: "M3.09113 10.5664C7.21265 6.44491 13.8949 6.44491 18.0164 10.5664C22.1379 14.6879 22.1379 21.3702 18.0164 25.4917C13.8949 29.6132 7.21265 29.6132 3.09113 25.4917C-1.03038 21.3702 -1.03038 14.6879 3.09113 10.5664Z" }) }), _jsx("clipPath", { id: `${id}-clip0_1309_92432`, children: _jsx("rect", { width: "36", height: "21.1736", fill: "white", transform: "translate(0 7.41321)" }) })] })] })),
|
|
15
|
+
// Cognition's own mark, from the favicon.svg devin.ai publishes (425 box, drawn black), scaled to
|
|
16
|
+
// the same 30 px height the other marks use and centred in the 36 box.
|
|
17
|
+
devin: () => (_jsx("path", { transform: "translate(-1.45 -1.44) scale(0.0912)", d: "M70 159.333V91.3471C70 88.3592 71.594 85.5983 74.1816 84.1044L133.043 50.1205C135.631 48.6265 138.819 48.6265 141.407 50.1205L200.269 84.1044C202.856 85.5983 204.45 88.3592 204.45 91.3471V126.068C204.708 137.606 210.806 148.734 221.531 154.926C232.256 161.117 244.942 160.834 255.063 155.289L285.132 137.929C287.719 136.435 290.907 136.435 293.495 137.929L352.357 171.913C354.944 173.406 356.538 176.167 356.538 179.155V247.123C356.538 250.111 354.944 252.872 352.357 254.366L293.495 288.35C290.907 289.844 287.719 289.844 285.132 288.35L255.306 271.13C245.146 265.456 232.344 265.117 221.534 271.358C210.809 277.55 204.711 288.678 204.453 300.215V334.926C204.453 337.914 202.859 340.675 200.271 342.169L141.41 376.153C138.822 377.647 135.634 377.647 133.046 376.153L74.1845 342.169C71.5969 340.675 70.0028 337.914 70.0028 334.926V266.959C70.0029 263.971 71.5969 261.21 74.1845 259.716L133.046 225.732C135.634 224.238 138.822 224.238 141.41 225.732L171.547 243.132C181.656 248.638 194.306 248.906 205.005 242.729C215.815 236.488 221.922 225.231 222.088 213.595C221.83 202.057 215.732 189.737 205.008 183.545C194.283 177.353 181.597 177.636 171.476 183.181L141.269 200.72C138.67 202.229 135.461 202.228 132.864 200.716L74.1576 166.562C71.5835 165.065 70 162.311 70 159.333Z", fill: "black" })),
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* White versions of the logos that are drawn black (`PROVIDER_LOGOS`), for dark mode. Same 36 x 36
|
|
21
|
+
* box. A provider that is not listed here uses its normal logo in both themes.
|
|
22
|
+
*/
|
|
23
|
+
export const PROVIDER_LOGOS_DARK = {
|
|
24
|
+
elevenlabs: (id) => (_jsxs(_Fragment, { children: [_jsx("g", { clipPath: `url(#${id}-clip0_1315_92596)`, children: _jsx("path", { d: "M7.5 0H15V36H7.5V0ZM21 0H28.5V36H21V0Z", fillRule: "evenodd", clipRule: "evenodd", fill: "white" }) }), _jsx("defs", { children: _jsx("clipPath", { id: `${id}-clip0_1315_92596`, children: _jsx("rect", { width: "36", height: "36", fill: "white" }) }) })] })),
|
|
25
|
+
cursor: (id) => (_jsxs(_Fragment, { children: [_jsx("g", { clipPath: `url(#${id}-clip0_1315_92590)`, children: _jsx("path", { d: "M33.1592 8.52001L18.7502 0.202513C18.5226 0.0711239 18.2645 0.00195313 18.0017 0.00195312C17.7389 0.00195312 17.4808 0.0711239 17.2532 0.202513L2.83968 8.52001C2.64874 8.6306 2.49019 8.7894 2.37989 8.98051C2.26959 9.17163 2.21141 9.38836 2.21118 9.60901V26.388C2.21118 26.838 2.45118 27.2535 2.84118 27.4785L17.2517 35.799C17.4793 35.9303 17.7374 35.9993 18.0002 35.9993C18.2629 35.9993 18.5211 35.9303 18.7487 35.799L33.1607 27.4785C33.3521 27.368 33.5111 27.209 33.6217 27.0176C33.7323 26.8262 33.7906 26.6091 33.7907 26.388V9.61051C33.7903 9.38971 33.7319 9.17288 33.6213 8.98176C33.5108 8.79063 33.3519 8.63192 33.1607 8.52151L33.1592 8.52001ZM32.2547 10.284L18.3422 34.38C18.2477 34.542 18.0002 34.476 18.0002 34.2885V18.51C17.9999 18.3549 17.9589 18.2026 17.8813 18.0683C17.8036 17.9341 17.692 17.8226 17.5577 17.745L3.89268 9.85501C3.73218 9.76201 3.79818 9.51301 3.98568 9.51301H31.8107C32.2067 9.51301 32.4527 9.94201 32.2547 10.284Z", fillRule: "evenodd", clipRule: "evenodd", fill: "white" }) }), _jsx("defs", { children: _jsx("clipPath", { id: `${id}-clip0_1315_92590`, children: _jsx("rect", { width: "36", height: "36", fill: "white" }) }) })] })),
|
|
26
|
+
openai: (id) => (_jsxs(_Fragment, { children: [_jsx("g", { clipPath: `url(#${id}-clip0_1315_92593)`, children: _jsx("g", { clipPath: `url(#${id}-clip1_1315_92593)`, children: _jsx("path", { d: "M13.8075 12.987V9.597C13.8075 9.312 13.9155 9.0975 14.1645 8.955L20.979 5.031C21.9075 4.4955 23.013 4.2465 24.1545 4.2465C28.4355 4.2465 31.1475 7.5645 31.1475 11.0955C31.1475 11.346 31.1475 11.631 31.1115 11.916L24.0465 7.7775C23.8546 7.65537 23.6319 7.59049 23.4045 7.59049C23.1771 7.59049 22.9544 7.65537 22.7625 7.7775L13.8075 12.987ZM29.721 26.187V18.09C29.721 17.5905 29.5065 17.235 29.0775 16.9845L20.1225 11.775L23.0475 10.098C23.1535 10.0283 23.2776 9.99109 23.4045 9.99109C23.5314 9.99109 23.6555 10.0283 23.7615 10.098L30.576 14.0235C32.5395 15.1635 33.8595 17.5905 33.8595 19.9455C33.8595 22.6575 32.2545 25.155 29.7195 26.19L29.721 26.187ZM11.703 19.0545L8.778 17.3415C8.5275 17.199 8.4195 16.9845 8.4195 16.6995V8.8485C8.4195 5.031 11.3445 2.1405 15.306 2.1405C16.806 2.1405 18.1965 2.64 19.374 3.5325L12.345 7.6005C11.9175 7.8495 11.703 8.2065 11.703 8.706V19.053V19.0545ZM18 22.692L13.8075 20.337V15.342L18 12.987L22.1925 15.342V20.337L18 22.692ZM20.694 33.537C19.194 33.537 17.8035 33.039 16.626 32.1465L23.655 28.0785C24.0825 27.8295 24.297 27.4725 24.297 26.973V16.626L27.258 18.339C27.5085 18.4815 27.615 18.696 27.615 18.981V26.8305C27.615 30.648 24.654 33.537 20.694 33.537ZM12.2385 25.5825L5.4225 21.657C3.4605 20.5155 2.1405 18.09 2.1405 15.735C2.13587 14.3969 2.53067 13.0878 3.27434 11.9754C4.01802 10.8629 5.07674 9.99774 6.315 9.4905V17.625C6.315 18.1245 6.5295 18.4815 6.957 18.732L15.8775 23.9055L12.9525 25.5825C12.8466 25.6524 12.7224 25.6897 12.5955 25.6897C12.4686 25.6897 12.3444 25.6524 12.2385 25.5825ZM11.8455 31.4325C7.8135 31.4325 4.8525 28.401 4.8525 24.654C4.8525 24.369 4.8885 24.084 4.923 23.799L11.952 27.864C12.381 28.1145 12.8085 28.1145 13.236 27.864L22.191 22.692V26.082C22.191 26.367 22.086 26.5815 21.8355 26.724L15.021 30.648C14.0925 31.1835 12.987 31.4325 11.8455 31.4325ZM20.694 35.6775C22.7498 35.6777 24.7426 34.9677 26.3353 33.6678C27.928 32.3678 29.0228 30.5577 29.4345 28.5435C33.4305 27.5085 36 23.76 36 19.944C36 17.4465 34.9305 15.021 33.003 13.272C33.1815 12.522 33.288 11.7735 33.288 11.025C33.288 5.9235 29.1495 2.1045 24.369 2.1045C23.406 2.1045 22.479 2.247 21.549 2.5695C19.884 0.930613 17.6438 0.00835291 15.3075 9.63623e-09C13.2515 -9.5517e-05 11.2585 0.710048 9.66578 2.01029C8.07308 3.31053 6.97842 5.12103 6.567 7.1355C2.5695 8.1705 0 11.9175 0 15.735C0 18.234 1.0695 20.6595 2.997 22.407C2.8185 23.157 2.712 23.907 2.712 24.6555C2.712 29.757 6.8505 33.5745 11.631 33.5745C12.594 33.5745 13.521 33.432 14.451 33.111C16.1162 34.7505 18.3572 35.6729 20.694 35.6805V35.6775Z", fillRule: "evenodd", clipRule: "evenodd", fill: "white" }) }) }), _jsxs("defs", { children: [_jsx("clipPath", { id: `${id}-clip0_1315_92593`, children: _jsx("rect", { width: "36", height: "36", fill: "white" }) }), _jsx("clipPath", { id: `${id}-clip1_1315_92593`, children: _jsx("rect", { width: "36", height: "36", fill: "white" }) })] })] })),
|
|
27
|
+
devin: () => (_jsx("path", { transform: "translate(-1.45 -1.44) scale(0.0912)", d: "M70 159.333V91.3471C70 88.3592 71.594 85.5983 74.1816 84.1044L133.043 50.1205C135.631 48.6265 138.819 48.6265 141.407 50.1205L200.269 84.1044C202.856 85.5983 204.45 88.3592 204.45 91.3471V126.068C204.708 137.606 210.806 148.734 221.531 154.926C232.256 161.117 244.942 160.834 255.063 155.289L285.132 137.929C287.719 136.435 290.907 136.435 293.495 137.929L352.357 171.913C354.944 173.406 356.538 176.167 356.538 179.155V247.123C356.538 250.111 354.944 252.872 352.357 254.366L293.495 288.35C290.907 289.844 287.719 289.844 285.132 288.35L255.306 271.13C245.146 265.456 232.344 265.117 221.534 271.358C210.809 277.55 204.711 288.678 204.453 300.215V334.926C204.453 337.914 202.859 340.675 200.271 342.169L141.41 376.153C138.822 377.647 135.634 377.647 133.046 376.153L74.1845 342.169C71.5969 340.675 70.0028 337.914 70.0028 334.926V266.959C70.0029 263.971 71.5969 261.21 74.1845 259.716L133.046 225.732C135.634 224.238 138.822 224.238 141.41 225.732L171.547 243.132C181.656 248.638 194.306 248.906 205.005 242.729C215.815 236.488 221.922 225.231 222.088 213.595C221.83 202.057 215.732 189.737 205.008 183.545C194.283 177.353 181.597 177.636 171.476 183.181L141.269 200.72C138.67 202.229 135.461 202.228 132.864 200.716L74.1576 166.562C71.5835 165.065 70 162.311 70 159.333Z", fill: "white" })),
|
|
28
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type ProviderLogoType } from './provider-logos.js';
|
|
2
|
+
export type ProviderMarkType = 'custom_webhook' | 'custom_token_only' | ProviderLogoType;
|
|
3
|
+
export declare const PROVIDER_MARK_TYPES: readonly ProviderMarkType[];
|
|
4
|
+
export interface ProviderMarkProps {
|
|
5
|
+
type: ProviderMarkType;
|
|
6
|
+
/** Size and colour the mark with utilities, e.g. `size-5 text-muted-foreground`. */
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare function ProviderMark({ type, className }: ProviderMarkProps): import("react").JSX.Element | null;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Provider marks. A hosted provider is drawn as its full-colour logo (`provider-logos.tsx`; the
|
|
4
|
+
* logos drawn black have a white version for dark mode). The two generic providers (custom
|
|
5
|
+
* webhook, custom token-only) have no logo and keep a monochrome glyph that inherits
|
|
6
|
+
* `currentColor`. Either way the mark is sized by
|
|
7
|
+
* `className` (`size-5`, `size-8`, …) so it behaves like any other icon in this barrel.
|
|
8
|
+
*
|
|
9
|
+
* The union is declared here rather than imported from `@streams/contracts`: this
|
|
10
|
+
* package deliberately has no dependency on the contracts package, and a provider
|
|
11
|
+
* mark is presentation, not a wire format.
|
|
12
|
+
*/
|
|
13
|
+
import { useId } from 'react';
|
|
14
|
+
import { cn } from '../lib/utils.js';
|
|
15
|
+
import { PROVIDER_LOGOS, PROVIDER_LOGOS_DARK } from './provider-logos.js';
|
|
16
|
+
export const PROVIDER_MARK_TYPES = [
|
|
17
|
+
'custom_webhook',
|
|
18
|
+
'custom_token_only',
|
|
19
|
+
'openai',
|
|
20
|
+
'gemini',
|
|
21
|
+
'claude',
|
|
22
|
+
'mistral',
|
|
23
|
+
'elevenlabs',
|
|
24
|
+
'azure_ai_foundry',
|
|
25
|
+
'copilot_studio',
|
|
26
|
+
'aws_bedrock',
|
|
27
|
+
'cursor',
|
|
28
|
+
'monday',
|
|
29
|
+
'globster',
|
|
30
|
+
'sphera',
|
|
31
|
+
'devin',
|
|
32
|
+
];
|
|
33
|
+
/** A plug: the generic "connect anything" mark for the token-only custom provider. */
|
|
34
|
+
const plug = (_jsx("path", { d: "M9 2v6H7a1 1 0 0 0-1 1v2a6 6 0 0 0 5 5.92V22h2v-5.08A6 6 0 0 0 18 11V9a1 1 0 0 0-1-1h-2V2h-2v6h-2V2z" }));
|
|
35
|
+
/** A smiling robot: the generic "any agent" mark for the catch-all "Other" provider. */
|
|
36
|
+
const bot = (_jsx("path", { fillRule: "evenodd", d: "M12 2.2a1.6 1.6 0 0 1 .9 2.93V6.2h4.1A4 4 0 0 1 21 10.2v.8h.5a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H21v.8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V16H2.5a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1H3v-.8A4 4 0 0 1 7 6.2h4.1V5.13A1.6 1.6 0 0 1 12 2.2zM8.5 10a1.6 1.6 0 1 0 0 3.2 1.6 1.6 0 0 0 0-3.2zM15.5 10a1.6 1.6 0 1 0 0 3.2 1.6 1.6 0 0 0 0-3.2zM9.2 15.4a.8.8 0 0 1 1.1-.1c.5.4 1 .6 1.7.6s1.2-.2 1.7-.6a.8.8 0 1 1 1 1.2c-.8.6-1.7 1-2.7 1s-1.9-.4-2.7-1a.8.8 0 0 1-.1-1.1z" }));
|
|
37
|
+
export function ProviderMark({ type, className }) {
|
|
38
|
+
const id = useId().replace(/:/g, '');
|
|
39
|
+
if (type === 'custom_webhook' || type === 'custom_token_only') {
|
|
40
|
+
return (_jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true, className: className, children: type === 'custom_webhook' ? bot : plug }));
|
|
41
|
+
}
|
|
42
|
+
const logo = PROVIDER_LOGOS[type];
|
|
43
|
+
if (!logo)
|
|
44
|
+
return null;
|
|
45
|
+
const darkLogo = PROVIDER_LOGOS_DARK[type];
|
|
46
|
+
if (!darkLogo) {
|
|
47
|
+
return (_jsx("svg", { viewBox: "0 0 36 36", fill: "none", "aria-hidden": true, className: className, children: logo(id) }));
|
|
48
|
+
}
|
|
49
|
+
// Two drawings, one shown per theme: a logo drawn black is unreadable on the dark plate.
|
|
50
|
+
return (_jsxs(_Fragment, { children: [_jsx("svg", { viewBox: "0 0 36 36", fill: "none", "aria-hidden": true, className: cn(className, 'dark:hidden'), children: logo(id) }), _jsx("svg", { viewBox: "0 0 36 36", fill: "none", "aria-hidden": true, className: cn(className, 'hidden dark:inline'), children: darkLogo(`${id}d`) })] }));
|
|
51
|
+
}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @streamsai/ui — public barrel.
|
|
3
|
+
*
|
|
4
|
+
* Every component in src/components/ui/ must appear here exactly once.
|
|
5
|
+
* The lint:stories gate (tooling/scripts/lint-story-coverage.ts) enforces this.
|
|
6
|
+
*
|
|
7
|
+
* Rules:
|
|
8
|
+
* - Type-only members use the inline `type` modifier so this file stays a single
|
|
9
|
+
* import per component and verbatimModuleSyntax + consistent-type-imports are happy.
|
|
10
|
+
* - Icons are re-exported as the `Icons` namespace.
|
|
11
|
+
* - Platform provider and hook live outside components/ui/ so they may have
|
|
12
|
+
* separate export lines without conflicting with rule 3.
|
|
13
|
+
* - prettier-ignore is used on lines that exceed the 100-char print width but must
|
|
14
|
+
* stay on one line for the story-coverage gate (which matches by line prefix).
|
|
15
|
+
*/
|
|
16
|
+
export type { Theme, ResolvedTheme, ThemeProviderProps } from './theme/index.js';
|
|
17
|
+
export { ThemeProvider, useTheme, THEME_STORAGE_KEY, THEME_INIT_SCRIPT } from './theme/index.js';
|
|
18
|
+
export type { TextDirection, DirectionProviderProps } from './direction/index.js';
|
|
19
|
+
export { DirectionProvider, useDirection, useTextDirection } from './direction/index.js';
|
|
20
|
+
export * as Icons from './icons/index.js';
|
|
21
|
+
export type { Platform, PlatformProviderProps } from './platform/index.js';
|
|
22
|
+
export { PlatformProvider, usePlatform } from './platform/index.js';
|
|
23
|
+
export { AnimatePresence, LayoutGroup, animate, motion, useMotionValue, useReducedMotion, useTransform, type HTMLMotionProps, type MotionValue, type Transition, type Variants } from './motion/index.js';
|
|
24
|
+
export { duration, ease, spring, distance, scale, stagger, transitions, press, presets, loops, runningIndicator, loopAnimate, loopTransition, popup, sheet, slide, resize, reflow, edgeReveal, stepSwap, staggerDelay } from './motion/index.js';
|
|
25
|
+
export { MotionProvider, disableMotion, enableMotion, enablePresenceExits, disablePresenceExits, PageTransition, Collapse, AutoHeight, usePrefersReducedMotion, useAnyModalOpen, Swap, swapVariants, StaggerItem, type PageTransitionProps, type CollapseProps, type AutoHeightProps, type SwapProps, type SwapPresetName, type StaggerItemProps } from './motion/index.js';
|
|
26
|
+
export { AgentAvatar, type AgentPicture, type AgentPingoPicture, type AgentImagePicture, } from './components/ui/agent-avatar.js';
|
|
27
|
+
export { AGENT_AVATAR_SIZE, AGENT_AVATAR_RADIUS, AGENT_AVATAR_PX, type AgentAvatarSize, } from './components/ui/avatar-frame.js';
|
|
28
|
+
export { Alert, AlertTitle, AlertDescription, AlertAction } from './components/ui/alert.js';
|
|
29
|
+
export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge } from './components/ui/avatar.js';
|
|
30
|
+
export { ProviderBadge, PROVIDER_BADGE_MARKS, providerBadgeMarkOf, } from './components/ui/provider-badge.js';
|
|
31
|
+
export { Badge, badgeVariants } from './components/ui/badge.js';
|
|
32
|
+
export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from './components/ui/button-group.js';
|
|
33
|
+
export { Button, buttonVariants } from './components/ui/button.js';
|
|
34
|
+
export { cn } from './lib/utils.js';
|
|
35
|
+
export { HOME_TILE_COUNT, homeTileIndex } from './lib/home-tile.js';
|
|
36
|
+
export { detectTextDirection, hasStrongCharacter, isNeutralToken } from './lib/text-direction.js';
|
|
37
|
+
export { Checkbox } from './components/ui/checkbox.js';
|
|
38
|
+
export { Clickable, clickableVariants, type ClickableProps } from './components/ui/clickable.js';
|
|
39
|
+
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './components/ui/dialog.js';
|
|
40
|
+
export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent } from './components/ui/dropdown-menu.js';
|
|
41
|
+
export { EditableText, editableTextVariants, type EditableTextProps } from './components/ui/editable-text.js';
|
|
42
|
+
export { Heading, headingVariants, type HeadingLevel, type HeadingProps } from './components/ui/heading.js';
|
|
43
|
+
export { IconButton, iconButtonVariants } from './components/ui/icon-button.js';
|
|
44
|
+
export { Input } from './components/ui/input.js';
|
|
45
|
+
export { Label } from './components/ui/label.js';
|
|
46
|
+
export { Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from './components/ui/popover.js';
|
|
47
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './components/ui/select.js';
|
|
48
|
+
export { Separator } from './components/ui/separator.js';
|
|
49
|
+
export { Skeleton } from './components/ui/skeleton.js';
|
|
50
|
+
export { ShimmerText, type ShimmerTextProps } from './components/ui/shimmer-text.js';
|
|
51
|
+
export { Spinner } from './components/ui/spinner.js';
|
|
52
|
+
export { Loader, type LoaderProps, type LoaderSize, type LoaderSizeName, } from './components/ui/loader.js';
|
|
53
|
+
export { Switch } from './components/ui/switch.js';
|
|
54
|
+
export { Text, textVariants } from './components/ui/text.js';
|
|
55
|
+
export { Truncate, type TruncateProps } from './components/ui/truncate.js';
|
|
56
|
+
export { Textarea } from './components/ui/textarea.js';
|
|
57
|
+
export { DisabledReason, type DisabledReasonProps } from './components/ui/disabled-reason.js';
|
|
58
|
+
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './components/ui/tooltip.js';
|
|
59
|
+
export { VisuallyHidden, visuallyHiddenVariants } from './components/ui/visually-hidden.js';
|
|
60
|
+
export { Tabs, TabsList, TabsTrigger, TabsContent, type TabsVariant } from './components/ui/tabs.js';
|
|
61
|
+
export { type SheetDetent, Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription } from './components/ui/sheet.js';
|
|
62
|
+
export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from './components/ui/sidebar.js';
|
|
63
|
+
export { Toaster, toast } from './components/ui/sonner.js';
|
|
64
|
+
export { Combobox, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList } from './components/ui/combobox.js';
|
|
65
|
+
export { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator, CommandShortcut, CommandDialog, } from './components/ui/command.js';
|
|
66
|
+
export { ScrollArea, ScrollBar, type ScrollAreaProps } from './components/ui/scroll-area.js';
|
|
67
|
+
export { Kbd, KbdGroup, type KbdProps, type KbdVariant } from './components/ui/kbd.js';
|
|
68
|
+
export { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from './components/ui/card.js';
|
|
69
|
+
export { Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalBody, ModalFooter, type ModalAction } from './components/ui/modal.js';
|
|
70
|
+
export { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel } from './components/ui/alert-dialog.js';
|
|
71
|
+
export { RadioGroup, RadioGroupItem } from './components/ui/radio-group.js';
|
|
72
|
+
export { Progress } from './components/ui/progress.js';
|
|
73
|
+
export { Collapsible, CollapsibleTrigger, CollapsibleContent } from './components/ui/collapsible.js';
|
|
74
|
+
export { ResizablePanelGroup, ResizablePanel, ResizableHandle } from './components/ui/resizable.js';
|
|
75
|
+
export { HoverCard, HoverCardTrigger, HoverCardContent } from './components/ui/hover-card.js';
|
|
76
|
+
export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuSub, ContextMenuSubTrigger, ContextMenuSubContent } from './components/ui/context-menu.js';
|
|
77
|
+
export { ToggleGroup, ToggleGroupItem } from './components/ui/toggle-group.js';
|
|
78
|
+
export { RichTextEditor, INSERT_CYCLE_TRIGGER_COMMAND, INSERT_CUSTOM_EMOJI_COMMAND, type RichTextEditorProps, type RichTextEditorLabels, type MentionCandidate, type UserMentionCandidate, type AllMentionCandidate, type MentionSearchOptions, type MentionSearchResult, MENTION_PAGE_SIZE, type SlashCommandCandidate, type EmojiCandidate, EMOJI_TYPEAHEAD_LIMIT, type StreamCandidate, STREAM_TYPEAHEAD_LIMIT, type CycleTriggerRequest, type CustomEmojiRequest, type EmojiShortcodeResolve, type EmojiUse, type InsertTextRequest, isAllMentionCandidate, type DocumentModeOptions, type DocumentModeLabels, type DocumentImageReject } from './components/ui/rich-text-editor.js';
|
|
79
|
+
export { VirtualList, type VirtualListProps, type VirtualListHandle, } from './components/ui/virtual-list.js';
|
|
80
|
+
export { TrendLine, TrendLineSkeleton, type TrendLineSkeletonProps, type TrendLineProps, type TrendLinePoint, type TrendLineMultiProps, type TrendLineMultiSeries, type TrendLineSeriesPoint, } from './components/ui/trend-line.js';
|
|
81
|
+
export { BarList, BarListSkeleton, type BarListProps, type BarListItem, type BarListSkeletonProps, } from './components/ui/bar-list.js';
|
|
82
|
+
export { StackedBar, StackedBarSkeleton, stackedBarWidths, type StackedBarProps, type StackedBarSegment, type StackedBarSkeletonProps, } from './components/ui/stacked-bar.js';
|
|
83
|
+
export { SparkBars, type SparkBarsProps, type SparkBarsBar } from './components/ui/spark-bars.js';
|
|
84
|
+
export { RunningIndicator, type RunningIndicatorProps } from './components/ui/running-indicator.js';
|
|
85
|
+
export { StatusDot, statusDotVariants, type StatusDotProps } from './components/ui/status-dot.js';
|
|
86
|
+
export { Counter, counterVariants, type CounterProps } from './components/ui/counter.js';
|
|
87
|
+
export { Chip, chipVariants, type ChipProps } from './components/ui/chip.js';
|
|
88
|
+
export { SectionHeader, type SectionHeaderProps } from './components/ui/section-header.js';
|
|
89
|
+
export { NavItem, type NavItemProps } from './components/ui/nav-item.js';
|
|
90
|
+
export { ReplySummary, type ReplySummaryProps } from './components/ui/reply-summary.js';
|
|
91
|
+
export { MessageToolbar, MessageToolbarButton } from './components/ui/message-toolbar.js';
|
|
92
|
+
export { PanelSection, type PanelSectionProps } from './components/ui/panel-section.js';
|
|
93
|
+
export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator } from './components/ui/breadcrumb.js';
|
|
94
|
+
export { SandboxedFrame, sandboxFor, type FrameSource, type SandboxedFrameProps, } from './components/ui/sandboxed-frame.js';
|
|
95
|
+
export { CodeView, type CodeViewProps } from './components/ui/code-view.js';
|
|
96
|
+
export { CodeBlock, CodeBlockHeader, CodeBlockTitle, CodeBlockActions, CodeBlockCopyButton, CodeBlockContent, CodeBlockLine, CodeBlockLines, CodeBlockFooter, type CodeBlockProps, type CodeBlockCopyLabels, type CodeBlockCopyButtonProps, type CodeBlockContentProps, type CodeBlockLineProps, type CodeBlockLinesProps } from './components/ui/code-block.js';
|
|
97
|
+
export { Trace, TraceItem, TraceLine, TraceIcon, TraceStatusIcon, TraceTitle, TraceDescription, TraceCollapsible, TraceCollapsibleTrigger, TraceCollapsibleContent, type TraceStatus, type TraceLineProps } from './components/ui/trace.js';
|
|
98
|
+
export { useCodeHighlighting } from './hooks/use-code-highlighting.js';
|
|
99
|
+
export { codeLanguageForFence, codeLanguageForFileName, type CodeLanguage, } from './lib/code-language.js';
|
|
100
|
+
export { copyText } from './lib/copy-text.js';
|
|
101
|
+
export { ViewerShell, type ViewerShellProps, type ViewerShellLabels, } from './components/ui/viewer-shell.js';
|
|
102
|
+
export { ThemeToggle, type ThemeToggleProps } from './components/ui/theme-toggle.js';
|