@redocly/theme 0.56.0-rc.2 → 0.56.0

package/lib/core/utils/get-file-icon.js

@@ -1,37 +1,117 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getFileIconByExt = getFileIconByExt;
-const DocumentBlankIcon_1 = require("../../icons/DocumentBlankIcon/DocumentBlankIcon");
-const DocumentYamlIcon_1 = require("../../icons/DocumentYamlIcon/DocumentYamlIcon");
-const DocumentJsonIcon_1 = require("../../icons/DocumentJsonIcon/DocumentJsonIcon");
-const DocumentJsIcon_1 = require("../../icons/DocumentJsIcon/DocumentJsIcon");
-const DocumentTsIcon_1 = require("../../icons/DocumentTsIcon/DocumentTsIcon");
-const DocumentCssIcon_1 = require("../../icons/DocumentCssIcon/DocumentCssIcon");
-const DocumentHtmlIcon_1 = require("../../icons/DocumentHtmlIcon/DocumentHtmlIcon");
-const DocumentReactIcon_1 = require("../../icons/DocumentReactIcon/DocumentReactIcon");
-const DocumentMarkdownIcon_1 = require("../../icons/DocumentMarkdownIcon/DocumentMarkdownIcon");
-const DocumentGraphqlIcon_1 = require("../../icons/DocumentGraphqlIcon/DocumentGraphqlIcon");
-const DocumentPythonIcon_1 = require("../../icons/DocumentPythonIcon/DocumentPythonIcon");
-const DocumentShellIcon_1 = require("../../icons/DocumentShellIcon/DocumentShellIcon");
-const DocumentJavaIcon_1 = require("../../icons/DocumentJavaIcon/DocumentJavaIcon");
+exports.getFileIconByLanguage = getFileIconByLanguage;
+const React = __importStar(require("react"));
+const CDNIcon_1 = require("../../icons/CDNIcon/CDNIcon");
+// extension to icon name
 const fileIconMap = {
-    yaml: DocumentYamlIcon_1.DocumentYamlIcon,
-    yml: DocumentYamlIcon_1.DocumentYamlIcon,
-    json: DocumentJsonIcon_1.DocumentJsonIcon,
-    js: DocumentJsIcon_1.DocumentJsIcon,
-    ts: DocumentTsIcon_1.DocumentTsIcon,
-    css: DocumentCssIcon_1.DocumentCssIcon,
-    html: DocumentHtmlIcon_1.DocumentHtmlIcon,
-    jsx: DocumentReactIcon_1.DocumentReactIcon,
-    tsx: DocumentReactIcon_1.DocumentReactIcon,
-    md: DocumentMarkdownIcon_1.DocumentMarkdownIcon,
-    graphql: DocumentGraphqlIcon_1.DocumentGraphqlIcon,
-    gql: DocumentGraphqlIcon_1.DocumentGraphqlIcon,
-    py: DocumentPythonIcon_1.DocumentPythonIcon,
-    sh: DocumentShellIcon_1.DocumentShellIcon,
-    java: DocumentJavaIcon_1.DocumentJavaIcon,
+    yaml: 'yaml',
+    yml: 'yaml',
+    json: 'json',
+    js: 'javascript',
+    ts: 'typescript',
+    css: 'css',
+    html: 'html',
+    jsx: 'react',
+    tsx: 'react',
+    md: 'markdown',
+    graphql: 'graphql',
+    gql: 'graphql',
+    py: 'python',
+    sh: 'console',
+    xsh: 'console',
+    nu: 'console',
+    java: 'java',
+    ps: 'powershell',
+    php: 'php_elephant',
+    go: 'go',
+    ruby: 'ruby',
+    swift: 'swift',
+    kotlin: 'kotlin',
+    rust: 'rust',
+    scala: 'scala',
+    elixir: 'elixir',
+    dart: 'dart',
+    http: 'http',
+    rest: 'http',
+    c: 'c',
+    h: 'c',
+    hpp: 'c',
+    cc: 'c',
+    cpp: 'c',
+    cxx: 'c',
+    'c++': 'c',
+    sql: 'database',
+    hbs: 'handlebars',
+    cs: 'csharp',
+    csx: 'csharp',
+    csharp: 'csharp',
+    markdoc: 'markdoc',
+    mdoc: 'markdoc',
+    mdx: 'mdx',
+};
+// code block language to icon name, only for those when code extension is not available
+const languageIconMap = {
+    bash: 'console',
+    python: 'python',
+    java: 'java',
+    graphql: 'graphql',
+    javascript: 'javascript',
+    typescript: 'typescript',
+    react: 'react',
+    markdown: 'markdown',
+    php: 'php_elephant',
+    ruby: 'ruby',
+    swift: 'swift',
+    kotlin: 'kotlin',
+    rust: 'rust',
+    scala: 'scala',
+    elixir: 'elixir',
+    dart: 'dart',
+    csharp: 'csharp',
+    objectivec: 'c',
+    perl: 'perl',
+    sql: 'database',
+    xml: 'xml',
+    vim: 'vim',
+    lua: 'lua',
+    zsh: 'console',
+    fish: 'console',
+    powershell: 'console',
+    handlebars: 'handlebars',
+    markdoc: 'markdoc',
+    mdx: 'mdx',
 };
 function getFileIconByExt(ext) {
-    return fileIconMap[ext] || DocumentBlankIcon_1.DocumentBlankIcon;
+    const iconName = fileIconMap[ext] || 'document';
+    return React.createElement(CDNIcon_1.CDNIcon, { name: iconName, pack: "code", mode: "background" });
+}
+function getFileIconByLanguage(language) {
+    const iconName = fileIconMap[language] || languageIconMap[language] || 'document';
+    return React.createElement(CDNIcon_1.CDNIcon, { name: iconName, pack: "code", mode: "background" });
 }
 //# sourceMappingURL=get-file-icon.js.map

package/lib/core/utils/icon-resolver.d.ts

@@ -0,0 +1,28 @@
+export type ResolvedIcon = {
+    type: 'link';
+    value: string;
+} | {
+    type: 'font-awesome';
+    name: string;
+    style: string;
+} | {
+    type: 'invalid';
+    reason: string;
+};
+/**
+ * Resolves an icon value from configuration into a structured object.
+ *
+ * Supports:
+ * - URLs (absolute or relative paths to image files)
+ * - Font Awesome icons in formats:
+ *    - "solid camera" (style + name)
+ *    - "camera" (name only, default style: 'regular')
+ *
+ * @param icon - The icon string from config.
+ * @returns A structured object describing the icon:
+ *    - type: 'url' | 'font-awesome' | 'invalid'
+ *    - value: for URLs
+ *    - name and style: for Font Awesome icons
+ *    - reason: for invalid entries
+ */
+export declare function resolveIcon(icon?: string): ResolvedIcon;

package/lib/core/utils/icon-resolver.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveIcon = resolveIcon;
+const FA_ICON_STYLES = ['solid', 'regular', 'duotone', 'brands'];
+const FA_ICON_NAME_PATTERN = /^[a-z0-9-]+$/i;
+/**
+ * Resolves an icon value from configuration into a structured object.
+ *
+ * Supports:
+ * - URLs (absolute or relative paths to image files)
+ * - Font Awesome icons in formats:
+ *    - "solid camera" (style + name)
+ *    - "camera" (name only, default style: 'regular')
+ *
+ * @param icon - The icon string from config.
+ * @returns A structured object describing the icon:
+ *    - type: 'url' | 'font-awesome' | 'invalid'
+ *    - value: for URLs
+ *    - name and style: for Font Awesome icons
+ *    - reason: for invalid entries
+ */
+function resolveIcon(icon) {
+    if (!icon || typeof icon !== 'string') {
+        return { type: 'invalid', reason: 'Icon must be a non-empty string' };
+    }
+    const trimmed = icon.trim();
+    const isLink = trimmed.match(/\.(svg|png|jpg|jpeg|gif|ico|webp)$/) || /^https?:\/\//.test(trimmed);
+    if (isLink) {
+        return { type: 'link', value: trimmed };
+    }
+    const [first, second] = trimmed.split(/\s+/);
+    if (first) {
+        if (second) {
+            // Format: "style name" (e.g., "solid camera")
+            if (FA_ICON_STYLES.includes(first) && FA_ICON_NAME_PATTERN.test(second)) {
+                return { type: 'font-awesome', style: first, name: second };
+            }
+            else {
+                return { type: 'invalid', reason: 'Unrecognized icon format' };
+            }
+        }
+        else if (!FA_ICON_STYLES.includes(first) && FA_ICON_NAME_PATTERN.test(first)) {
+            return {
+                type: 'font-awesome',
+                name: first,
+                style: 'regular',
+            };
+        }
+    }
+    return { type: 'invalid', reason: 'Unrecognized icon format' };
+}
+//# sourceMappingURL=icon-resolver.js.map

package/lib/core/utils/index.d.ts

@@ -9,7 +9,7 @@ export * from './color';
 export * from './urls';
 export * from './js-utils';
 export * from './tags-parser';
-export * from './text-transform';
+export * from './string';
 export * from './dom';
 export * from './markdoc';
 export * from './attribute-parser';
@@ -33,3 +33,6 @@ export * from './replace-inputs-with-value';
 export * from './find-closest-common-directory';
 export * from './get-user-agent';
 export * from './parse-style-string';
+export * from './lang-to-name';
+export * from './enhanced-smoothstep';
+export * from './icon-resolver';

package/lib/core/utils/index.js

@@ -25,7 +25,7 @@ __exportStar(require("./color"), exports);
 __exportStar(require("./urls"), exports);
 __exportStar(require("./js-utils"), exports);
 __exportStar(require("./tags-parser"), exports);
-__exportStar(require("./text-transform"), exports);
+__exportStar(require("./string"), exports);
 __exportStar(require("./dom"), exports);
 __exportStar(require("./markdoc"), exports);
 __exportStar(require("./attribute-parser"), exports);
@@ -49,4 +49,7 @@ __exportStar(require("./replace-inputs-with-value"), exports);
 __exportStar(require("./find-closest-common-directory"), exports);
 __exportStar(require("./get-user-agent"), exports);
 __exportStar(require("./parse-style-string"), exports);
+__exportStar(require("./lang-to-name"), exports);
+__exportStar(require("./enhanced-smoothstep"), exports);
+__exportStar(require("./icon-resolver"), exports);
 //# sourceMappingURL=index.js.map

package/lib/core/utils/lang-to-name.d.ts

@@ -0,0 +1 @@
+export declare function langToName(lang: string): string;

package/lib/core/utils/lang-to-name.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.langToName = langToName;
+const string_1 = require("./string");
+const languages = {
+    js: 'JavaScript',
+    ts: 'TypeScript',
+    jsx: 'React',
+    tsx: 'React',
+    html: 'HTML',
+    css: 'CSS',
+    sh: 'Shell',
+    java: 'Java',
+    py: 'Python',
+    graphql: 'GraphQL',
+    gql: 'GraphQL',
+    yaml: 'YAML',
+    yml: 'YAML',
+    json: 'JSON',
+    md: 'Markdown',
+    markdown: 'Markdown',
+    mermaid: 'Mermaid',
+    php: 'PHP',
+    javascript: 'JavaScript',
+    typescript: 'TypeScript',
+    react: 'React',
+    mdoc: 'Markdoc',
+    'objective-c': 'Objective-C',
+    objectivec: 'Objective-C',
+    sql: 'SQL',
+    xml: 'XML',
+    csharp: 'C#',
+};
+function langToName(lang) {
+    return languages[lang] || (0, string_1.capitalize)(lang);
+}
+//# sourceMappingURL=lang-to-name.js.map

package/lib/core/utils/{text-transform.js → string.js}

@@ -4,4 +4,4 @@ exports.capitalize = capitalize;
 function capitalize(input) {
     return input.charAt(0).toUpperCase() + input.slice(1);
 }
-//# sourceMappingURL=text-transform.js.map
+//# sourceMappingURL=string.js.map

package/lib/ext/configure.d.ts

@@ -1,4 +1,4 @@
-import { UserClaims, OpenAPIServer } from '../index.js';
+import { UserClaims, OpenAPIServer } from '../core/types';
 export type SecurityDetails = {
     password?: string;
     username?: string;

package/lib/icons/CDNIcon/CDNIcon.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { CDNIconProps } from '../../icons/types';
+export declare const CDNIcon: import("styled-components").StyledComponent<(props: CDNIconProps) => React.JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string;
+    size?: string;
+    className?: string;
+} & React.SVGProps<SVGSVGElement> & {
+    name: string;
+    type?: string;
+    pack?: "font-awesome" | "code";
+    mode?: "mask" | "background";
+}, "data-component-name">;

package/lib/icons/CDNIcon/CDNIcon.js

@@ -0,0 +1,48 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CDNIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const constants_1 = require("../../core/constants");
+const Icon = (props) => {
+    const { name, type, pack, mode, color } = props, rest = __rest(props, ["name", "type", "pack", "mode", "color"]);
+    const cdnUrl = constants_1.ICONS_CDN_URL[pack || 'font-awesome'];
+    const typeSegment = pack === 'code' ? '' : type ? type + '/' : 'regular/';
+    const styleProps = mode === 'background'
+        ? {
+            backgroundImage: `url(${cdnUrl}/${typeSegment}${name}.svg)`,
+            backgroundRepeat: 'no-repeat',
+            backgroundPosition: 'center',
+            backgroundSize: 'contain',
+        }
+        : {
+            backgroundColor: color ? (0, utils_1.getCssColorVariable)(color) : 'currentColor',
+            maskImage: `url(${cdnUrl}/${typeSegment}${name}.svg)`,
+            maskRepeat: 'no-repeat',
+            maskPosition: 'center',
+            maskSize: 'contain',
+        };
+    return (react_1.default.createElement("svg", Object.assign({}, rest, { style: Object.assign(Object.assign({}, styleProps), { display: 'inline-block', verticalAlign: 'middle' }) })));
+};
+exports.CDNIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/CDNIcon/CDNIcon',
+})) `
+  height: ${({ size }) => size || 'var(--icon-height, 1em)'};
+  width: ${({ size }) => size || 'var(--icon-width, 1em)'};
+`;
+//# sourceMappingURL=CDNIcon.js.map

package/lib/icons/ChatGptIcon/ChatGptIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const ChatGptIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string;
+    size?: string;
+    className?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/ChatGptIcon/ChatGptIcon.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatGptIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M6.74887 6.55188V5.54033C6.74887 5.45514 6.78085 5.39123 6.85535 5.34869L8.88914 4.17742C9.16598 4.01771 9.49608 3.94322 9.83676 3.94322C11.1145 3.94322 11.9238 4.93348 11.9238 5.98758C11.9238 6.06209 11.9238 6.14729 11.9131 6.23248L9.80481 4.99731C9.67705 4.92281 9.54923 4.92281 9.42147 4.99731L6.74887 6.55188ZM11.4978 10.4916V8.0745C11.4978 7.9254 11.4339 7.81892 11.3061 7.7444L8.63354 6.18983L9.50666 5.68935C9.58118 5.64681 9.64509 5.64681 9.71961 5.68935L11.7534 6.86061C12.3391 7.20138 12.733 7.9254 12.733 8.62811C12.733 9.43732 12.2539 10.1827 11.4978 10.4915V10.4916ZM6.12066 8.36206L5.24754 7.85099C5.17304 7.80845 5.14106 7.74451 5.14106 7.65932V5.31682C5.14106 4.17753 6.01418 3.315 7.19612 3.315C7.64339 3.315 8.05856 3.4641 8.41003 3.73029L6.31241 4.94418C6.18468 5.01868 6.12077 5.12515 6.12077 5.27428V8.36214L6.12066 8.36206ZM8.00002 9.4481L6.74887 8.74537V7.25473L8.00002 6.55199L9.25109 7.25473V8.74537L8.00002 9.4481ZM8.80393 12.6851C8.35668 12.6851 7.9415 12.536 7.59004 12.2698L9.68764 11.0559C9.81539 10.9814 9.8793 10.8749 9.8793 10.7258V7.63795L10.7631 8.14902C10.8376 8.19156 10.8696 8.25547 10.8696 8.34069V10.6832C10.8696 11.8225 9.98578 12.685 8.80393 12.685V12.6851ZM6.28037 10.3106L4.24657 9.1394C3.66089 8.7986 3.26698 8.07461 3.26698 7.37188C3.26698 6.55199 3.75678 5.8173 4.51273 5.50849V7.93618C4.51273 8.08528 4.57667 8.19176 4.7044 8.26628L7.36642 9.81016L6.49329 10.3106C6.4188 10.3532 6.35486 10.3532 6.28037 10.3106ZM6.16331 12.0569C4.96009 12.0569 4.0763 11.1518 4.0763 10.0338C4.0763 9.94859 4.08697 9.86339 4.09756 9.7782L6.19518 10.9921C6.32291 11.0666 6.45075 11.0666 6.57849 10.9921L9.25109 9.44821V10.4598C9.25109 10.545 9.21913 10.6089 9.14461 10.6514L7.11084 11.8227C6.83398 11.9824 6.50388 12.0569 6.1632 12.0569H6.16331ZM8.80393 13.3239C10.0923 13.3239 11.1677 12.4082 11.4127 11.1943C12.6052 10.8855 13.3719 9.7675 13.3719 8.62822C13.3719 7.88283 13.0525 7.15884 12.4775 6.63707C12.5307 6.41345 12.5627 6.18983 12.5627 5.96632C12.5627 4.4437 11.3275 3.3043 9.90067 3.3043C9.61325 3.3043 9.33639 3.34684 9.05953 3.44273C8.58031 2.97421 7.92013 2.67609 7.19612 2.67609C5.90773 2.67609 4.83236 3.59175 4.58736 4.80564C3.39482 5.11446 2.62817 6.23248 2.62817 7.37176C2.62817 8.11715 2.94757 8.84115 3.52258 9.36291C3.46934 9.58653 3.43738 9.81016 3.43738 10.0337C3.43738 11.5563 4.67256 12.6957 6.09937 12.6957C6.38682 12.6957 6.66368 12.6531 6.94054 12.5573C7.41965 13.0258 8.07982 13.3239 8.80393 13.3239Z" })));
+exports.ChatGptIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/ChatGptIcon/ChatGptIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=ChatGptIcon.js.map

package/lib/icons/CheckmarkOutlineIcon/CheckmarkOutlineIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const CheckmarkOutlineIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string;
+    size?: string;
+    className?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/CheckmarkOutlineIcon/CheckmarkOutlineIcon.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckmarkOutlineIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M7 10.707L4.5 8.2065L5.2065 7.5L7 9.293L10.7925 5.5L11.5 6.2075L7 10.707Z" }),
+    react_1.default.createElement("path", { d: "M8 1C6.61553 1 5.26216 1.41054 4.11101 2.17971C2.95987 2.94888 2.06266 4.04213 1.53285 5.32122C1.00303 6.6003 0.86441 8.00776 1.13451 9.36563C1.4046 10.7235 2.07129 11.9708 3.05026 12.9497C4.02922 13.9287 5.2765 14.5954 6.63437 14.8655C7.99224 15.1356 9.3997 14.997 10.6788 14.4672C11.9579 13.9373 13.0511 13.0401 13.8203 11.889C14.5895 10.7378 15 9.38447 15 8C15 6.14348 14.2625 4.36301 12.9497 3.05025C11.637 1.7375 9.85652 1 8 1ZM8 14C6.81332 14 5.65328 13.6481 4.66658 12.9888C3.67989 12.3295 2.91085 11.3925 2.45673 10.2961C2.0026 9.19974 1.88378 7.99334 2.11529 6.82946C2.3468 5.66557 2.91825 4.59647 3.75736 3.75736C4.59648 2.91824 5.66558 2.3468 6.82946 2.11529C7.99335 1.88378 9.19975 2.0026 10.2961 2.45672C11.3925 2.91085 12.3295 3.67988 12.9888 4.66658C13.6481 5.65327 14 6.81331 14 8C14 9.5913 13.3679 11.1174 12.2426 12.2426C11.1174 13.3679 9.5913 14 8 14Z" })));
+exports.CheckmarkOutlineIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/CheckmarkOutlineIcon/CheckmarkOutlineIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=CheckmarkOutlineIcon.js.map

package/lib/icons/ClaudeIcon/ClaudeIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const ClaudeIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string;
+    size?: string;
+    className?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/ClaudeIcon/ClaudeIcon.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClaudeIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M4.03188 9.88255L6.60172 8.62367L6.64494 8.51434L6.60172 8.45352H6.47649L6.04701 8.43042L4.57865 8.39577L3.3052 8.34957L2.07142 8.29182L1.761 8.23408L1.46997 7.89915L1.49996 7.73207L1.761 7.57884L2.13492 7.60733L2.96126 7.65661L4.2012 7.7313L5.10074 7.77749L6.43328 7.89838H6.64494L6.67492 7.82369L6.60261 7.77749L6.54616 7.7313L5.26301 6.97212L3.87402 6.16983L3.14646 5.70785L2.75313 5.47379L2.5547 5.25435L2.46916 4.77544L2.82633 4.43204L3.30608 4.46052L3.42866 4.48901L3.91459 4.81548L4.95258 5.5169L6.30805 6.38849L6.50648 6.53248L6.58585 6.4832L6.59555 6.44855L6.50648 6.31843L5.76921 5.15503L4.98256 3.9716L4.63245 3.48114L4.53985 3.18702C4.50722 3.06614 4.48341 2.9645 4.48341 2.84054L4.88996 2.35855L5.11485 2.29541L5.65721 2.35855L5.88562 2.53179L6.22251 3.20473L6.7684 4.26419L7.61502 5.70477L7.86284 6.1321L7.99512 6.52786L8.04451 6.64874H8.13005V6.57944L8.19972 5.76791L8.32848 4.77159L8.45371 3.48961L8.49692 3.1285L8.70152 2.69579L9.10807 2.46172L9.42556 2.59415L9.6866 2.92061L9.65044 3.13158L9.49523 4.01241L9.19097 5.39217L8.99254 6.31612H9.10807L9.24036 6.20062L9.77567 5.58004L10.6752 4.59835L11.0721 4.20875L11.5351 3.77834L11.8323 3.57354H12.394L12.8076 4.1102L12.6224 4.66456L12.0439 5.30517L11.5642 5.84799L10.8763 6.65644L10.4468 7.3032L10.4865 7.35479L10.5888 7.34632L12.1427 7.05759L12.9822 6.92515L13.9841 6.77501L14.4374 6.9598L14.4868 7.14767L14.3086 7.53188L13.2371 7.76287L11.9804 7.9823L10.109 8.36882L10.0861 8.38345L10.1126 8.41194L10.9556 8.48123L11.3163 8.49817H12.1991L13.843 8.6052L14.2725 8.85312L14.53 9.15649L14.4868 9.38747L13.8253 9.68159L12.9329 9.4968L10.8498 9.06409L10.1355 8.90856H10.0367V8.96014L10.632 9.46832L11.7229 10.3284L13.089 11.4371L13.1586 11.7112L12.9831 11.9276L12.7979 11.9045L11.5977 11.116L11.1347 10.7611L10.0861 9.99035H10.0164V10.0712L10.2581 10.3799L11.5342 12.0546L11.6003 12.5682L11.5077 12.7352L11.177 12.8361L10.8137 12.7784L10.0667 11.8629L9.29592 10.8319L8.67418 9.90796L8.59834 9.94569L8.23147 13.3959L8.0595 13.5722L7.66264 13.7046L7.33193 13.4852L7.15644 13.1302L7.33193 12.4288L7.54359 11.5133L7.71556 10.7857L7.87077 9.88178L7.96337 9.5815L7.9572 9.56148L7.88136 9.56995L7.10088 10.5054L5.91385 11.906L4.97463 12.7837L4.74974 12.8615L4.35994 12.6852L4.3961 12.3703L4.61393 12.09L5.91385 10.6463L6.69785 9.75166L7.20406 9.23502L7.20053 9.16033H7.17055L3.71792 11.1176L3.10324 11.1869L2.83867 10.9705L2.8713 10.6155L2.99653 10.5001L4.03452 9.87639L4.031 9.87947L4.03188 9.88255Z" })));
+exports.ClaudeIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/ClaudeIcon/ClaudeIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=ClaudeIcon.js.map

package/lib/icons/GenericIcon/GenericIcon.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface GenericIconProps {
+    icon: string | React.ReactNode;
+    srcSet?: string;
+    rawContent?: string;
+    size?: string;
+    color?: string;
+    alt?: string;
+    className?: string;
+}
+export declare function GenericIcon({ icon, srcSet, rawContent, size, color, alt, className, }: GenericIconProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;

package/lib/icons/GenericIcon/GenericIcon.js

@@ -0,0 +1,61 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GenericIcon = GenericIcon;
+const React = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const CDNIcon_1 = require("../../icons/CDNIcon/CDNIcon");
+const utils_1 = require("../../core/utils");
+const InlineSvg_1 = require("../../markdoc/components/InlineSvg/InlineSvg");
+const Image_1 = require("../../components/Image/Image");
+function GenericIcon({ icon, srcSet, rawContent, size, color, alt, className, }) {
+    if (srcSet) {
+        return React.createElement(Image_1.Image, { srcSet: srcSet, alt: alt, className: className });
+    }
+    const resolvedIcon = icon && typeof icon === 'string' ? (0, utils_1.resolveIcon)(icon) : null;
+    const iconComponent = rawContent ? (React.createElement(IconSvg, { fileRawContent: rawContent, className: className })) : (resolvedIcon === null || resolvedIcon === void 0 ? void 0 : resolvedIcon.type) === 'link' ? (React.createElement(IconImg, { src: resolvedIcon.value, alt: alt, className: className })) : (resolvedIcon === null || resolvedIcon === void 0 ? void 0 : resolvedIcon.type) === 'font-awesome' ? (React.createElement(CDNIcon_1.CDNIcon, { name: resolvedIcon.name, type: resolvedIcon.style, size: size, color: color, className: className })) : (icon);
+    return iconComponent;
+}
+const IconImg = styled_components_1.default.img `
+  width: var(--icon-width, 16px);
+  height: var(--icon-height, 16px);
+  display: inline-block;
+  object-fit: cover;
+`;
+const IconSvg = (0, styled_components_1.default)(InlineSvg_1.InlineSvg) `
+  width: var(--icon-width, 16px);
+  height: var(--icon-height, 16px);
+  display: inline-block;
+
+  svg {
+    width: 100%;
+    height: 100%;
+    fill: var(--icon-color, currentColor);
+  }
+`;
+//# sourceMappingURL=GenericIcon.js.map

package/lib/icons/GraphqlIcon/GraphqlIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const GraphqlIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string;
+    size?: string;
+    className?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/GraphqlIcon/GraphqlIcon.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GraphqlIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "14", height: "16", viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { color: "#E535AB" }),
+    react_1.default.createElement("path", { d: "M0.723804 11.7744L1.29883 12.1064L7.70483 1.01125L7.1298 0.679253L0.723804 11.7744Z", fill: "#22242B" }),
+    react_1.default.createElement("path", { d: "M13.4043 10.8882H0.592285V11.5522H13.4043V10.8882Z", fill: "#E535AB" }),
+    react_1.default.createElement("path", { d: "M0.845506 11.2609L7.25391 14.9609L7.58591 14.3859L1.17751 10.6859L0.845506 11.2609Z", fill: "#E535AB" }),
+    react_1.default.createElement("path", { d: "M6.4124 1.61787L12.8208 5.31787L13.1528 4.74285L6.7444 1.04285L6.4124 1.61787Z", fill: "#E535AB" }),
+    react_1.default.createElement("path", { d: "M0.847688 4.74041L1.17969 5.31543L7.58809 1.61543L7.25609 1.04041L0.847688 4.74041Z", fill: "#E535AB" }),
+    react_1.default.createElement("path", { d: "M6.29664 1.01125L12.7026 12.1064L13.2777 11.7744L6.87166 0.679253L6.29664 1.01125Z", fill: "#E535AB" }),
+    react_1.default.createElement("path", { d: "M1.7641 4.2998H1.1001V11.6998H1.7641V4.2998Z", fill: "#E535AB" }),
+    react_1.default.createElement("path", { d: "M12.9003 4.2998H12.2363V11.6998H12.9003V4.2998Z", fill: "#E535AB" }),
+    react_1.default.createElement("path", { d: "M6.85111 14.1774L7.14111 14.6797L12.7147 11.4617L12.4247 10.9594L6.85111 14.1774Z", fill: "#E535AB" }),
+    react_1.default.createElement("path", { d: "M13.7802 11.9162C13.3962 12.5842 12.5402 12.8122 11.8722 12.4282C11.2042 12.0442 10.9762 11.1882 11.3602 10.5202C11.7442 9.85218 12.6002 9.62418 13.2682 10.0082C13.9402 10.3962 14.1682 11.2482 13.7802 11.9162Z", fill: "#E535AB" }),
+    react_1.default.createElement("path", { d: "M2.63619 5.48014C2.25219 6.14814 1.39619 6.37614 0.728188 5.99215C0.0601878 5.60814 -0.167812 4.75214 0.216188 4.08414C0.600188 3.41614 1.45619 3.18814 2.12419 3.57214C2.79219 3.96014 3.02019 4.81214 2.63619 5.48014Z", fill: "#E535AB" }),
+    react_1.default.createElement("path", { d: "M0.220094 11.9162C-0.163906 11.2482 0.064094 10.3962 0.732094 10.0082C1.40009 9.62418 2.25209 9.85218 2.64009 10.5202C3.02409 11.1882 2.79609 12.0402 2.12809 12.4282C1.45609 12.8122 0.604094 12.5842 0.220094 11.9162Z", fill: "#E535AB" }),
+    react_1.default.createElement("path", { d: "M11.3641 5.48014C10.9801 4.81214 11.2081 3.96014 11.8761 3.57214C12.5441 3.18814 13.3961 3.41614 13.7841 4.08414C14.1681 4.75214 13.9401 5.60415 13.2721 5.99215C12.6041 6.37614 11.7481 6.14814 11.3641 5.48014Z", fill: "#E535AB" }),
+    react_1.default.createElement("path", { d: "M7 15.832C6.228 15.832 5.604 15.208 5.604 14.436C5.604 13.664 6.228 13.04 7 13.04C7.772 13.04 8.396 13.664 8.396 14.436C8.396 15.204 7.772 15.832 7 15.832Z", fill: "#E535AB" }),
+    react_1.default.createElement("path", { d: "M7 2.95997C6.228 2.95997 5.604 2.33597 5.604 1.56397C5.604 0.791969 6.228 0.167969 7 0.167969C7.772 0.167969 8.396 0.791969 8.396 1.56397C8.396 2.33597 7.772 2.95997 7 2.95997Z", fill: "#E535AB" })));
+exports.GraphqlIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/GraphqlIcon/GraphqlIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=GraphqlIcon.js.map

package/lib/icons/GraphqlIcon/index.d.ts

@@ -0,0 +1 @@
+export { GraphqlIcon } from '../../icons/GraphqlIcon/GraphqlIcon';

package/lib/icons/GraphqlIcon/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GraphqlIcon = void 0;
+var GraphqlIcon_1 = require("../../icons/GraphqlIcon/GraphqlIcon");
+Object.defineProperty(exports, "GraphqlIcon", { enumerable: true, get: function () { return GraphqlIcon_1.GraphqlIcon; } });
+//# sourceMappingURL=index.js.map

package/lib/icons/HexagonIcon/HexagonIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const HexagonIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string;
+    size?: string;
+    className?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">;