@sakaniui/react 0.11.1 → 0.12.0

package/dist/components/ChainOfThought/ChainOfThought.d.ts

@@ -0,0 +1,72 @@
+import { default as React } from 'react';
+import { IconComponent } from '../../icons/types';
+export interface WorkingIndicatorProps {
+    /** "working" shows a sparkle and a shimmering label; "done" shows a check. Defaults to "working". */
+    status?: 'working' | 'done';
+    /** Replaces the default label ("Working" / "Worked for"). */
+    label?: string;
+    /** Elapsed seconds. Takes precedence over startedAt. */
+    elapsed?: number;
+    /** Epoch ms when the work started; while "working" the time ticks on its own. */
+    startedAt?: number;
+    className?: string;
+}
+export declare const WorkingIndicator: React.FC<WorkingIndicatorProps>;
+export interface SourceStackSource {
+    /** The site's name, e.g. "Reddit". Read out and shown as a tooltip. */
+    label: string;
+    /** A brand or generic icon, drawn at 10px. Defaults to a globe. */
+    icon?: IconComponent;
+}
+export interface SourceStackProps {
+    /** The sources, in order. Three to five read best. */
+    sources: SourceStackSource[];
+    className?: string;
+}
+export declare const SourceStack: React.FC<SourceStackProps>;
+export type ChainOfThoughtStepStatus = 'pending' | 'active' | 'done';
+export interface ChainOfThoughtStepProps {
+    /** pending (not started), active (in progress, read in full) or done (muted). Defaults to "done". */
+    status?: ChainOfThoughtStepStatus;
+    /** The step's icon, drawn at 16px. Defaults to a magnifier. */
+    icon?: IconComponent;
+    /** What happened, e.g. "Searched X for". */
+    label: React.ReactNode;
+    /** The query or argument, shown in monospace after the label. */
+    query?: string;
+    /** A result count on the right, e.g. "7 posts". */
+    count?: React.ReactNode;
+    /** Colour of the spark that runs into the step while it is active. Defaults to the icon's brand colour when it is a logo from `sourceLogo()`. */
+    accent?: string;
+    /** A row under the step, usually a <SourceStack>. */
+    sources?: React.ReactNode;
+    /** Text before the sources. Defaults to "Sources". */
+    sourcesLabel?: string;
+    /** Makes the sources row a button with a chevron, so the sources can be opened. */
+    onSourcesClick?: () => void;
+    className?: string;
+}
+export declare const ChainOfThoughtStep: React.FC<ChainOfThoughtStepProps>;
+export interface ChainOfThoughtProps {
+    /** The header text, e.g. "Ran 3 searches" or "Thinking". */
+    title: React.ReactNode;
+    /** The header icon, drawn at 16px. Defaults to a magnifier. */
+    icon?: IconComponent;
+    /** Controlled open state. Omit it to let the component keep its own (see defaultOpen). */
+    open?: boolean;
+    /** Initial open state when uncontrolled. Defaults to true. */
+    defaultOpen?: boolean;
+    /** Called with the new state when the header is clicked. */
+    onOpenChange?: (open: boolean) => void;
+    /** Adds the working line under the steps: "working" (sparkle, shimmer) or "done" ("Worked for 11.2s"). */
+    status?: 'working' | 'done';
+    /** Elapsed seconds for the working line. */
+    elapsed?: number;
+    /** Epoch ms when the work started; the working line then counts up on its own. */
+    startedAt?: number;
+    /** ChainOfThoughtStep elements. */
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const ChainOfThought: React.FC<ChainOfThoughtProps>;
+export default ChainOfThought;

package/dist/components/ChainOfThought/SourceLogo.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { SourceLogoName } from './logoData';
+export type { SourceLogoName };
+export interface SourceLogoProps extends Omit<React.SVGProps<SVGSVGElement>, 'ref' | 'children' | 'name'> {
+    /** Which site: "google", "x", "reddit", "github", "linkedin", "youtube", "hackernews", "wikipedia", "stackoverflow", "producthunt", "medium", "notion", "substack", "arxiv", "bluesky", "perplexity" or "duckduckgo". */
+    name: SourceLogoName;
+    /** Rendered size: px, or any CSS length. Default 16. */
+    size?: number | string;
+    /** Accessible name. Without it the logo is decorative (aria-hidden), which is right next to a text label. */
+    title?: string;
+}
+export declare const SourceLogo: React.ForwardRefExoticComponent<SourceLogoProps & React.RefAttributes<SVGSVGElement>>;
+export default SourceLogo;

package/dist/components/ChainOfThought/index.d.ts

@@ -0,0 +1,6 @@
+export { ChainOfThought, ChainOfThoughtStep, SourceStack, WorkingIndicator, default } from './ChainOfThought';
+export type { ChainOfThoughtProps, ChainOfThoughtStepProps, ChainOfThoughtStepStatus, SourceStackProps, SourceStackSource, WorkingIndicatorProps, } from './ChainOfThought';
+export { SourceLogo } from './SourceLogo';
+export type { SourceLogoProps, SourceLogoName } from './SourceLogo';
+export { sourceLogo, sourceLogoNames } from './logoIcons';
+export type { SourceLogoIcon } from './logoIcons';

package/dist/components/ChainOfThought/logoData.d.ts

@@ -0,0 +1,93 @@
+export interface SourceLogoData {
+    label: string; /** brand colour; null = currentColor (a black brand) */
+    color: string | null;
+    path: string;
+}
+export declare const SOURCE_LOGO_DATA: {
+    readonly google: {
+        readonly label: "Google";
+        readonly color: "#4285F4";
+        readonly path: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z";
+    };
+    readonly x: {
+        readonly label: "X";
+        readonly color: null;
+        readonly path: "M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z";
+    };
+    readonly reddit: {
+        readonly label: "Reddit";
+        readonly color: "#FF4500";
+        readonly path: "M12 0C5.373 0 0 5.373 0 12c0 3.314 1.343 6.314 3.515 8.485l-2.286 2.286C.775 23.225 1.097 24 1.738 24H12c6.627 0 12-5.373 12-12S18.627 0 12 0Zm4.388 3.199c1.104 0 1.999.895 1.999 1.999 0 1.105-.895 2-1.999 2-.946 0-1.739-.657-1.947-1.539v.002c-1.147.162-2.032 1.15-2.032 2.341v.007c1.776.067 3.4.567 4.686 1.363.473-.363 1.064-.58 1.707-.58 1.547 0 2.802 1.254 2.802 2.802 0 1.117-.655 2.081-1.601 2.531-.088 3.256-3.637 5.876-7.997 5.876-4.361 0-7.905-2.617-7.998-5.87-.954-.447-1.614-1.415-1.614-2.538 0-1.548 1.255-2.802 2.803-2.802.645 0 1.239.218 1.712.585 1.275-.79 2.881-1.291 4.64-1.365v-.01c0-1.663 1.263-3.034 2.88-3.207.188-.911.993-1.595 1.959-1.595Zm-8.085 8.376c-.784 0-1.459.78-1.506 1.797-.047 1.016.64 1.429 1.426 1.429.786 0 1.371-.369 1.418-1.385.047-1.017-.553-1.841-1.338-1.841Zm7.406 0c-.786 0-1.385.824-1.338 1.841.047 1.017.634 1.385 1.418 1.385.785 0 1.473-.413 1.426-1.429-.046-1.017-.721-1.797-1.506-1.797Zm-3.703 4.013c-.974 0-1.907.048-2.77.135-.147.015-.241.168-.183.305.483 1.154 1.622 1.964 2.953 1.964 1.33 0 2.47-.81 2.953-1.964.057-.137-.037-.29-.184-.305-.863-.087-1.795-.135-2.769-.135Z";
+    };
+    readonly github: {
+        readonly label: "GitHub";
+        readonly color: null;
+        readonly path: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12";
+    };
+    readonly linkedin: {
+        readonly label: "LinkedIn";
+        readonly color: "#0A66C2";
+        readonly path: "M17 2a5 5 0 0 1 5 5v10a5 5 0 0 1 -5 5h-10a5 5 0 0 1 -5 -5v-10a5 5 0 0 1 5 -5zm-9 8a1 1 0 0 0 -1 1v5a1 1 0 0 0 2 0v-5a1 1 0 0 0 -1 -1m6 0a3 3 0 0 0 -1.168 .236l-.125 .057a1 1 0 0 0 -1.707 .707v5a1 1 0 0 0 2 0v-3a1 1 0 0 1 2 0v3a1 1 0 0 0 2 0v-3a3 3 0 0 0 -3 -3m-6 -3a1 1 0 0 0 -.993 .883l-.007 .127a1 1 0 0 0 1.993 .117l.007 -.127a1 1 0 0 0 -1 -1";
+    };
+    readonly youtube: {
+        readonly label: "YouTube";
+        readonly color: "#FF0000";
+        readonly path: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z";
+    };
+    readonly hackernews: {
+        readonly label: "Hacker News";
+        readonly color: "#FF6600";
+        readonly path: "M0 24V0h24v24H0zM6.951 5.896l4.112 7.708v5.064h1.583v-4.972l4.148-7.799h-1.749l-2.457 4.875c-.372.745-.688 1.434-.688 1.434s-.297-.708-.651-1.434L8.831 5.896h-1.88z";
+    };
+    readonly wikipedia: {
+        readonly label: "Wikipedia";
+        readonly color: null;
+        readonly path: "M12.09 13.119c-.936 1.932-2.217 4.548-2.853 5.728-.616 1.074-1.127.931-1.532.029-1.406-3.321-4.293-9.144-5.651-12.409-.251-.601-.441-.987-.619-1.139-.181-.15-.554-.24-1.122-.271C.103 5.033 0 4.982 0 4.898v-.455l.052-.045c.924-.005 5.401 0 5.401 0l.051.045v.434c0 .119-.075.176-.225.176l-.564.031c-.485.029-.727.164-.727.436 0 .135.053.33.166.601 1.082 2.646 4.818 10.521 4.818 10.521l.136.046 2.411-4.81-.482-1.067-1.658-3.264s-.318-.654-.428-.872c-.728-1.443-.712-1.518-1.447-1.617-.207-.023-.313-.05-.313-.149v-.468l.06-.045h4.292l.113.037v.451c0 .105-.076.15-.227.15l-.308.047c-.792.061-.661.381-.136 1.422l1.582 3.252 1.758-3.504c.293-.64.233-.801.111-.947-.07-.084-.305-.22-.812-.24l-.201-.021c-.052 0-.098-.015-.145-.051-.045-.031-.067-.076-.067-.129v-.427l.061-.045c1.247-.008 4.043 0 4.043 0l.059.045v.436c0 .121-.059.178-.193.178-.646.03-.782.095-1.023.439-.12.186-.375.589-.646 1.039l-2.301 4.273-.065.135 2.792 5.712.17.048 4.396-10.438c.154-.422.129-.722-.064-.895-.197-.172-.346-.273-.857-.295l-.42-.016c-.061 0-.105-.014-.152-.045-.043-.029-.072-.075-.072-.119v-.436l.059-.045h4.961l.041.045v.437c0 .119-.074.18-.209.18-.648.03-1.127.18-1.443.421-.314.255-.557.616-.736 1.067 0 0-4.043 9.258-5.426 12.339-.525 1.007-1.053.917-1.503-.031-.571-1.171-1.773-3.786-2.646-5.71l.053-.036z";
+    };
+    readonly stackoverflow: {
+        readonly label: "Stack Overflow";
+        readonly color: "#F58025";
+        readonly path: "M15.725 0l-1.72 1.277 6.39 8.588 1.716-1.277L15.725 0zm-3.94 3.418l-1.369 1.644 8.225 6.85 1.369-1.644-8.225-6.85zm-3.15 4.465l-.905 1.94 9.702 4.517.904-1.94-9.701-4.517zm-1.85 4.86l-.44 2.093 10.473 2.201.44-2.092-10.473-2.203zM1.89 15.47V24h19.19v-8.53h-2.133v6.397H4.021v-6.396H1.89zm4.265 2.133v2.13h10.66v-2.13H6.154Z";
+    };
+    readonly producthunt: {
+        readonly label: "Product Hunt";
+        readonly color: "#DA552F";
+        readonly path: "M13.604 8.4h-3.405V12h3.405c.995 0 1.801-.806 1.801-1.801 0-.993-.805-1.799-1.801-1.799zM12 0C5.372 0 0 5.372 0 12s5.372 12 12 12 12-5.372 12-12S18.628 0 12 0zm1.604 14.4h-3.405V18H7.801V6h5.804c2.319 0 4.2 1.88 4.2 4.199 0 2.321-1.881 4.201-4.201 4.201z";
+    };
+    readonly medium: {
+        readonly label: "Medium";
+        readonly color: null;
+        readonly path: "M4.21 0A4.201 4.201 0 0 0 0 4.21v15.58A4.201 4.201 0 0 0 4.21 24h15.58A4.201 4.201 0 0 0 24 19.79v-1.093c-.137.013-.278.02-.422.02-2.577 0-4.027-2.146-4.09-4.832a7.592 7.592 0 0 1 .022-.708c.093-1.186.475-2.241 1.105-3.022a3.885 3.885 0 0 1 1.395-1.1c.468-.237 1.127-.367 1.664-.367h.023c.101 0 .202.004.303.01V4.211A4.201 4.201 0 0 0 19.79 0Zm.198 5.583h4.165l3.588 8.435 3.59-8.435h3.864v.146l-.019.004c-.705.16-1.063.397-1.063 1.254h-.003l.003 10.274c.06.676.424.885 1.063 1.03l.02.004v.145h-4.923v-.145l.019-.005c.639-.144.994-.353 1.054-1.03V7.267l-4.745 11.15h-.261L6.15 7.569v9.445c0 .857.358 1.094 1.063 1.253l.02.004v.147H4.405v-.147l.019-.004c.705-.16 1.065-.397 1.065-1.253V6.987c0-.857-.358-1.094-1.064-1.254l-.018-.004zm19.25 3.668c-1.086.023-1.733 1.323-1.813 3.124H24V9.298a1.378 1.378 0 0 0-.342-.047Zm-1.862 3.632c-.1 1.756.86 3.239 2.204 3.634v-3.634z";
+    };
+    readonly notion: {
+        readonly label: "Notion";
+        readonly color: null;
+        readonly path: "M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z";
+    };
+    readonly substack: {
+        readonly label: "Substack";
+        readonly color: "#FF6719";
+        readonly path: "M22.539 8.242H1.46V5.406h21.08v2.836zM1.46 10.812V24L12 18.11 22.54 24V10.812H1.46zM22.54 0H1.46v2.836h21.08V0z";
+    };
+    readonly arxiv: {
+        readonly label: "arXiv";
+        readonly color: "#B31B1B";
+        readonly path: "M3.8423 0a1.0037 1.0037 0 0 0-.922.6078c-.1536.3687-.0438.6275.2938 1.1113l6.9185 8.3597-1.0223 1.1058a1.0393 1.0393 0 0 0 .003 1.4229l1.2292 1.3135-5.4391 6.4444c-.2803.299-.4538.823-.2971 1.1986a1.0253 1.0253 0 0 0 .9585.635.9133.9133 0 0 0 .6891-.3405l5.783-6.126 7.4902 8.0051a.8527.8527 0 0 0 .6835.2597.9575.9575 0 0 0 .8777-.6138c.1577-.377-.017-.7502-.306-1.1407l-7.0518-8.3418 1.0632-1.13a.9626.9626 0 0 0 .0089-1.3165L4.6336.4639s-.3733-.4535-.768-.463zm0 .272h.0166c.2179.0052.4874.2715.5644.3639l.005.006.0052.0055 10.169 10.9905a.6915.6915 0 0 1-.0072.945l-1.0666 1.133-1.4982-1.7724-8.5994-10.39c-.3286-.472-.352-.6183-.2592-.841a.7307.7307 0 0 1 .6704-.4401Zm14.341 1.5701a.877.877 0 0 0-.6554.2418l-5.6962 6.1584 1.6944 1.8319 5.3089-6.5138c.3251-.4335.479-.6603.3247-1.0292a1.1205 1.1205 0 0 0-.9763-.689zm-7.6557 12.2823 1.3186 1.4135-5.7864 6.1295a.6494.6494 0 0 1-.4959.26.7516.7516 0 0 1-.706-.4669c-.1119-.2682.0359-.6864.2442-.9083l.0051-.0055.0047-.0055z";
+    };
+    readonly bluesky: {
+        readonly label: "Bluesky";
+        readonly color: "#1185FE";
+        readonly path: "M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037-.856 3.061-3.978 3.842-6.755 3.37 4.854.826 6.089 3.562 3.422 6.299-5.065 5.196-7.28-1.304-7.847-2.97-.104-.305-.152-.448-.153-.327 0-.121-.05.022-.153.327-.568 1.666-2.782 8.166-7.847 2.97-2.667-2.737-1.432-5.473 3.422-6.3-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026";
+    };
+    readonly perplexity: {
+        readonly label: "Perplexity";
+        readonly color: "#1FB8CD";
+        readonly path: "M22.3977 7.0896h-2.3106V.0676l-7.5094 6.3542V.1577h-1.1554v6.1966L4.4904 0v7.0896H1.6023v10.3976h2.8882V24l6.932-6.3591v6.2005h1.1554v-6.0469l6.9318 6.1807v-6.4879h2.8882V7.0896zm-3.4657-4.531v4.531h-5.355l5.355-4.531zm-13.2862.0676 4.8691 4.4634H5.6458V2.6262zM2.7576 16.332V8.245h7.8476l-6.1149 6.1147v1.9723H2.7576zm2.8882 5.0404v-3.8852h.0001v-2.6488l5.7763-5.7764v7.0111l-5.7764 5.2993zm12.7086.0248-5.7766-5.1509V9.0618l5.7766 5.7766v6.5588zm2.8882-5.0652h-1.733v-1.9723L13.3948 8.245h7.8478v8.087z";
+    };
+    readonly duckduckgo: {
+        readonly label: "DuckDuckGo";
+        readonly color: "#DE5833";
+        readonly path: "M12 0C5.37 0 0 5.37 0 12s5.37 12 12 12 12-5.37 12-12S18.63 0 12 0zm0 .984C18.083.984 23.016 5.916 23.016 12S18.084 23.016 12 23.016.984 18.084.984 12C.984 5.917 5.916.984 12 .984zm0 .938C6.434 1.922 1.922 6.434 1.922 12c0 4.437 2.867 8.205 6.85 9.55-.237-.82-.776-2.753-1.6-6.052-1.184-4.741-2.064-8.606 2.379-9.813.047-.011.064-.064.03-.093-.514-.467-1.382-.548-2.233-.38a.06.06 0 0 1-.07-.058c0-.011 0-.023.011-.035.205-.286.572-.507.822-.64a1.843 1.843 0 0 0-.607-.335c-.059-.022-.059-.12-.006-.144.006-.006.012-.012.024-.012 1.749-.233 3.586.292 4.49 1.448.011.011.023.017.035.023 2.968.635 3.509 4.837 3.328 5.998a9.607 9.607 0 0 0 2.346-.576c.746-.286 1.008-.222 1.101-.053.1.193-.018.513-.28.81-.496.567-1.393 1.01-2.974 1.137-.546.044-1.029.024-1.445.006-.789-.035-1.339-.059-1.633.39-.192.298-.041.998 1.487 1.22 1.09.157 2.078.047 2.798-.034.643-.07 1.073-.118 1.172.069.21.402-.996 1.207-3.066 1.224-.158 0-.315-.006-.467-.011-1.283-.065-2.227-.414-2.816-.735a.094.094 0 0 1-.035-.017c-.105-.059-.31.045-.188.267.07.134.444.478 1.004.776-.058.466.087 1.184.338 2l.088-.016c.041-.009.087-.019.134-.025.507-.082.775.012.926.175.717-.536 1.913-1.294 2.03-1.154.583.694.66 2.332.53 2.99-.004.012-.017.024-.04.035-.274.117-1.783-.296-1.783-.511-.059-1.075-.26-1.173-.493-1.225h-.156c.006.006.012.018.018.03l.052.12c.093.257.24 1.063.13 1.26-.112.199-.835.297-1.284.303-.443.006-.543-.158-.637-.408-.07-.204-.103-.675-.103-.95a.857.857 0 0 1 .012-.216c-.134.058-.333.193-.397.281-.017.262-.017.682.123 1.149.07.221-1.518 1.164-1.74.99-.227-.181-.634-1.952-.459-2.67-.187.017-.338.075-.42.191-.367.508.093 2.933.582 3.248.257.169 1.54-.553 2.176-1.095.105.145.305.158.553.158.326-.012.782-.06 1.103-.158.192.45.423.972.613 1.388 4.47-1.032 7.803-5.037 7.803-9.82 0-5.566-4.512-10.078-10.078-10.078zm1.791 5.646c-.42 0-.678.146-.795.332-.023.047.047.094.094.07.14-.075.357-.161.701-.156.328.006.516.09.67.159l.023.01c.041.017.088-.03.059-.065-.134-.18-.332-.35-.752-.35zm-5.078.198a1.24 1.24 0 0 0-.522.082c-.454.169-.67.526-.67.76 0 .051.112.057.141.011.081-.123.21-.31.617-.478.408-.17.73-.146.951-.094.047.012.083-.041.041-.07a.989.989 0 0 0-.558-.211zm5.434 1.423a.651.651 0 0 0-.655.647.652.652 0 0 0 1.307 0 .646.646 0 0 0-.652-.647zm.283.262h.008a.17.17 0 0 1 .17.17c0 .093-.077.17-.17.17a.17.17 0 0 1-.17-.17c0-.09.072-.165.162-.17zm-5.358.076a.752.752 0 0 0-.758.758c0 .42.338.758.758.758s.758-.337.758-.758a.756.756 0 0 0-.758-.758zm.328.303h.01c.112 0 .2.089.2.2 0 .11-.088.197-.2.197a.195.195 0 0 1-.197-.198c0-.107.082-.194.187-.199z";
+    };
+};
+export type SourceLogoName = keyof typeof SOURCE_LOGO_DATA;

package/dist/components/ChainOfThought/logoIcons.d.ts

@@ -0,0 +1,11 @@
+import { IconComponent } from '../../icons/types';
+import { SourceLogoName } from './logoData';
+/** Every logo name, in a stable order, for pickers and galleries. */
+export declare const sourceLogoNames: SourceLogoName[];
+/** An icon component with a brand colour, for the `icon` props. */
+export type SourceLogoIcon = IconComponent & {
+    logoName: SourceLogoName;
+    brandColor: string | null;
+};
+/** The logo as an `icon`-prop component: `<ChainOfThoughtStep icon={sourceLogo('reddit')} ... />`. Stable between calls. */
+export declare function sourceLogo(name: SourceLogoName): SourceLogoIcon;