@xyd-js/components 0.1.0-xyd.2 → 0.1.0-xyd.3

package/dist/brand.d.ts

@@ -27,4 +27,5 @@ interface FooterProps {
 }
 declare function Footer({ children }: FooterProps): React.JSX.Element;
 
-export { Button, type ButtonProps, CTABanner, type CTABannerHeadingProps, type CTABannerProps, Footer, type FooterProps };
+export { Button, CTABanner, Footer };
+export type { ButtonProps, CTABannerHeadingProps, CTABannerProps, FooterProps };

package/dist/brand.js

@@ -1,2 +1,2 @@
-export{B as Button,C as CTABanner}from"./CTABanner-DVtDluuG.js";import e from"react";var a="h1vf00q",r="c1ny3ybl",t="t1ahtzu3";function n(n){var c=n.children;return e.createElement("footer",{className:a},e.createElement("div",{className:r},e.createElement("div",{className:t},c)))}export{n as Footer};
+export{B as Button,C as CTABanner}from"./CTABanner-CAp2EJcY.js";import e from"react";var a="h1vf00q",r="c1ny3ybl",t="t1ahtzu3";function n(n){var c=n.children;return e.createElement("footer",{className:a},e.createElement("div",{className:r},e.createElement("div",{className:t},c)))}export{n as Footer};
 //# sourceMappingURL=brand.js.map

package/dist/coder/themes/cosmo-light.d.ts

@@ -0,0 +1,5 @@
+import { Theme } from '@code-hike/lighter';
+
+declare const _default: Theme;
+
+export { _default as default };

package/dist/coder/themes/cosmo-light.js

@@ -0,0 +1,2 @@
+var e={name:"cosmo-light",type:"light",colors:{"list.focusForeground":"#FFFFFF","scrollbar.shadow":"#ffffff00","tab.activeBorder":"#ffffff","widget.shadow":"#ffffff00","activityBar.border":"#D9D7D5","editorGroup.border":"#D9D7D5","editorGroupHeader.tabsBorder":"#D9D7D5","editorWidget.border":"#D9D7D5","editorWidget.resizeBorder":"#D9D7D5","input.border":"#D9D7D5","notificationCenter.border":"#D9D7D5","notifications.border":"#D9D7D5","panel.border":"#D9D7D5","sideBar.border":"#D9D7D5","statusBar.border":"#D9D7D5","tab.border":"#D9D7D5","activityBar.background":"#ECECEC","statusBar.background":"#ECECEC","statusBar.noFolderBackground":"#ECECEC","statusBar.debuggingBackground":"#ECECEC","editorGroupHeader.tabsBackground":"#F5F5F5","editorWidget.background":"#F5F5F5","sideBar.background":"#F5F5F5","sideBarSectionHeader.background":"#F5F5F5","tab.inactiveBackground":"#F5F5F5","activityBarBadge.background":"#282828","activityBar.foreground":"#282828","statusBar.foreground":"#565456","input.placeholderForeground":"#C7C6C5","editorLineNumber.foreground":"#A6A6A6","editorLineNumber.activeForeground":"#282828",foreground:"#282828","panelTitle.activeForeground":"#282828","sideBarTitle.foreground":"#282828","sideBarSectionHeader.foreground":"#282828","panelTitle.inactiveForeground":"#242424","tab.inactiveForeground":"#242424","list.highlightForeground":"#242424","editor.lineHighlightBackground":"#EEF5FE",focusBorder:"#82ADF3","button.background":"#3C93FD","list.activeSelectionBackground":"#3C93FD","list.focusBackground":"#3C93FD","selection.background":"#B3D7FF","list.inactiveSelectionBackground":"#CECECE","terminal.ansiBlack":"#000000","terminal.ansiBrightBlack":"#000000","terminal.ansiRed":"#C41A16","terminal.ansiBrightRed":"#C41A16","terminal.ansiGreen":"#007400","terminal.ansiBrightGreen":"#007400","terminal.ansiYellow":"#643820","terminal.ansiBrightYellow":"#643820","terminal.ansiBlue":"#272AD8","terminal.ansiBrightBlue":"#272AD8","terminal.ansiMagenta":"#AA0D91","terminal.ansiBrightMagenta":"#AA0D91","terminal.ansiCyan":"#3F6E74","terminal.ansiBrightCyan":"#3F6E74"},tokenColors:[{scope:"new.expr entity.name",settings:{foreground:"#713DA9"}},{name:"Comments",scope:["comment","comment storage.type"],settings:{foreground:"#536579",fontStyle:"italic"}},{name:"CSS",scope:["entity.other.attribute-name.pseudo-class.css","entity.other.attribute-name.pseudo-class.scss","entity.other.attribute-name.pseudo-element.css","entity.other.attribute-name.pseudo-element.scss","support.function.calc.css","support.function.calc.scss","support.type.property-name.css","support.type.property-name.scss","support.type.vendored.property-name.css","support.type.vendored.property-name.scss","meta.property-value.css support.constant","meta.property-value.scss support.constant","meta.property-value.css support.constant.property-value","meta.property-value.scss support.constant.property-value","support.function.transform.css","support.function.transform.scss"],settings:{foreground:"#AA0D91"}},{name:"Decorator",scope:["meta.decorator","meta.decorator punctuation.decorator","meta.decorator variable.other.readwrite","meta.decorator meta.function-call entity.name.function"],settings:{foreground:"#643820"}},{name:"Doctype",scope:["meta.tag.sgml.html"],settings:{foreground:"#A6A6A6"}},{name:"Functions",scope:["entity.name.function","support.function"],settings:{foreground:"#7051d4"}},{name:"Keys",scope:["meta.property-list meta.property-name","support.type.property-name","support.type.map.key","entity.name.tag.yaml"],settings:{foreground:"#7051d4"}},{name:"Keywords",scope:["keyword.control","keyword.declaration","keyword.expressions-and-types","keyword.operator.new","keyword.reserved","keyword.statement","storage.type","storage.modifier","constant.language","variable.language.super","variable.language.this","text.html entity.name.tag","meta.tag entity.name.tag","meta.tag support.class","string.regexp keyword.other"],settings:{foreground:"#AD3DA4",fontStyle:"bold"}},{name:"Operators",scope:["storage.type.function.arrow","meta.template.expression punctuation","punctuation.separator.key-value","meta.object-literal.key meta.brace.square","meta.template.expression keyword.operator","keyword.operator.or.regexp","keyword.operator.quantifier","punctuation.definition.group.regexp","punctuation.definition.character-class"],settings:{foreground:"#000000"}},{scope:["meta.tag entity.other.attribute-name","constant.character.escape.backslash"],settings:{foreground:"#816927"}},{name:"Numbers",scope:["constant.numeric","keyword.other.unit","constant.other.color"],settings:{foreground:"#272AD8"}},{name:"Strings",scope:["string","variable.parameter.url.scss","markup.heading.markdown","beginning.punctuation.definition.list.markdown","meta.template.expression meta.embedded punctuation.definition.string.begin","meta.template.expression meta.embedded punctuation.definition.string.end"],settings:{foreground:"#D12F1B"}},{name:"Types",scope:["meta.type","meta.return.type","entity.name.type","support.type.primitive"],settings:{foreground:"#713DA9"}},{scope:["meta.objectliteral variable.other.object","entity.name.type.module","entity.other.inherited-class","variable.scss","variable.other.bracket.shell","entity.name.function.scss"],settings:{foreground:"#3F6E74"}},{scope:["keyword.control.at-rule","meta.import variable.other.readwrite","meta.definition.variable variable.other.readwrite","meta.definition.variable variable.other.constant","meta.template.expression variable.other.readwrite","meta.template.expression variable.other.constant","support.constant.property-value"],settings:{foreground:"#000000"}},{scope:["variable.other.property","variable.other.object.property","support.variable.property"],settings:{foreground:"#713DA9"}}]};export{e as default};
+//# sourceMappingURL=cosmo-light.js.map

package/dist/coder/themes/cosmo-light.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cosmo-light.js","sources":["../../../src/coder/themes/cosmo-light.ts"],"sourcesContent":["// from: https://marketplace.visualstudio.com/items?itemName=smockle.xcode-default-theme\n\nimport {Theme} from \"@code-hike/lighter\";\n\nexport default {\n    name: \"cosmo-light\",\n    type: \"light\",\n    colors: {\n        \"list.focusForeground\": \"#FFFFFF\",\n        \"scrollbar.shadow\": \"#ffffff00\",\n        \"tab.activeBorder\": \"#ffffff\",\n        \"widget.shadow\": \"#ffffff00\",\n        \"activityBar.border\": \"#D9D7D5\",\n        \"editorGroup.border\": \"#D9D7D5\",\n        \"editorGroupHeader.tabsBorder\": \"#D9D7D5\",\n        \"editorWidget.border\": \"#D9D7D5\",\n        \"editorWidget.resizeBorder\": \"#D9D7D5\",\n        \"input.border\": \"#D9D7D5\",\n        \"notificationCenter.border\": \"#D9D7D5\",\n        \"notifications.border\": \"#D9D7D5\",\n        \"panel.border\": \"#D9D7D5\",\n        \"sideBar.border\": \"#D9D7D5\",\n        \"statusBar.border\": \"#D9D7D5\",\n        \"tab.border\": \"#D9D7D5\",\n        \"activityBar.background\": \"#ECECEC\",\n        \"statusBar.background\": \"#ECECEC\",\n        \"statusBar.noFolderBackground\": \"#ECECEC\",\n        \"statusBar.debuggingBackground\": \"#ECECEC\",\n        \"editorGroupHeader.tabsBackground\": \"#F5F5F5\",\n        \"editorWidget.background\": \"#F5F5F5\",\n        \"sideBar.background\": \"#F5F5F5\",\n        \"sideBarSectionHeader.background\": \"#F5F5F5\",\n        \"tab.inactiveBackground\": \"#F5F5F5\",\n        \"activityBarBadge.background\": \"#282828\",\n        \"activityBar.foreground\": \"#282828\",\n        \"statusBar.foreground\": \"#565456\",\n        \"input.placeholderForeground\": \"#C7C6C5\",\n        \"editorLineNumber.foreground\": \"#A6A6A6\",\n        \"editorLineNumber.activeForeground\": \"#282828\",\n        foreground: \"#282828\",\n        \"panelTitle.activeForeground\": \"#282828\",\n        \"sideBarTitle.foreground\": \"#282828\",\n        \"sideBarSectionHeader.foreground\": \"#282828\",\n        \"panelTitle.inactiveForeground\": \"#242424\",\n        \"tab.inactiveForeground\": \"#242424\",\n        \"list.highlightForeground\": \"#242424\",\n        \"editor.lineHighlightBackground\": \"#EEF5FE\",\n        focusBorder: \"#82ADF3\",\n        \"button.background\": \"#3C93FD\",\n        \"list.activeSelectionBackground\": \"#3C93FD\",\n        \"list.focusBackground\": \"#3C93FD\",\n        \"selection.background\": \"#B3D7FF\",\n        \"list.inactiveSelectionBackground\": \"#CECECE\",\n        \"terminal.ansiBlack\": \"#000000\",\n        \"terminal.ansiBrightBlack\": \"#000000\",\n        \"terminal.ansiRed\": \"#C41A16\",\n        \"terminal.ansiBrightRed\": \"#C41A16\",\n        \"terminal.ansiGreen\": \"#007400\",\n        \"terminal.ansiBrightGreen\": \"#007400\",\n        \"terminal.ansiYellow\": \"#643820\",\n        \"terminal.ansiBrightYellow\": \"#643820\",\n        \"terminal.ansiBlue\": \"#272AD8\",\n        \"terminal.ansiBrightBlue\": \"#272AD8\",\n        \"terminal.ansiMagenta\": \"#AA0D91\",\n        \"terminal.ansiBrightMagenta\": \"#AA0D91\",\n        \"terminal.ansiCyan\": \"#3F6E74\",\n        \"terminal.ansiBrightCyan\": \"#3F6E74\",\n    },\n    tokenColors: [\n        {\n            scope: \"new.expr entity.name\",\n            settings: {\n                foreground: \"#713DA9\",\n            },\n        },\n        {\n            name: \"Comments\",\n            scope: [\"comment\", \"comment storage.type\"],\n            settings: {\n                foreground: \"#536579\",\n                fontStyle: \"italic\",\n            },\n        },\n        {\n            name: \"CSS\",\n            scope: [\n                \"entity.other.attribute-name.pseudo-class.css\",\n                \"entity.other.attribute-name.pseudo-class.scss\",\n                \"entity.other.attribute-name.pseudo-element.css\",\n                \"entity.other.attribute-name.pseudo-element.scss\",\n                \"support.function.calc.css\",\n                \"support.function.calc.scss\",\n                \"support.type.property-name.css\",\n                \"support.type.property-name.scss\",\n                \"support.type.vendored.property-name.css\",\n                \"support.type.vendored.property-name.scss\",\n                \"meta.property-value.css support.constant\",\n                \"meta.property-value.scss support.constant\",\n                \"meta.property-value.css support.constant.property-value\",\n                \"meta.property-value.scss support.constant.property-value\",\n                \"support.function.transform.css\",\n                \"support.function.transform.scss\",\n            ],\n            settings: {\n                foreground: \"#AA0D91\",\n            },\n        },\n        {\n            name: \"Decorator\",\n            scope: [\n                \"meta.decorator\",\n                \"meta.decorator punctuation.decorator\",\n                \"meta.decorator variable.other.readwrite\",\n                \"meta.decorator meta.function-call entity.name.function\",\n            ],\n            settings: {\n                foreground: \"#643820\",\n            },\n        },\n        {\n            name: \"Doctype\",\n            scope: [\"meta.tag.sgml.html\"],\n            settings: {\n                foreground: \"#A6A6A6\",\n            },\n        },\n        {\n            name: \"Functions\",\n            scope: [\"entity.name.function\", \"support.function\"],\n            settings: {\n                foreground: \"#7051d4\",\n            },\n        },\n        {\n            name: \"Keys\",\n            scope: [\n                \"meta.property-list meta.property-name\",\n                \"support.type.property-name\",\n                \"support.type.map.key\",\n                \"entity.name.tag.yaml\",\n            ],\n            settings: {\n                foreground: \"#7051d4\",\n            },\n        },\n        {\n            name: \"Keywords\",\n            scope: [\n                \"keyword.control\",\n                \"keyword.declaration\",\n                \"keyword.expressions-and-types\",\n                \"keyword.operator.new\",\n                \"keyword.reserved\",\n                \"keyword.statement\",\n                \"storage.type\",\n                \"storage.modifier\",\n                \"constant.language\",\n                \"variable.language.super\",\n                \"variable.language.this\",\n                \"text.html entity.name.tag\",\n                \"meta.tag entity.name.tag\",\n                \"meta.tag support.class\",\n                \"string.regexp keyword.other\",\n            ],\n            settings: {\n                foreground: \"#AD3DA4\",\n                fontStyle: \"bold\",\n            },\n        },\n        {\n            name: \"Operators\",\n            scope: [\n                \"storage.type.function.arrow\",\n                \"meta.template.expression punctuation\",\n                \"punctuation.separator.key-value\",\n                \"meta.object-literal.key meta.brace.square\",\n                \"meta.template.expression keyword.operator\",\n                \"keyword.operator.or.regexp\",\n                \"keyword.operator.quantifier\",\n                \"punctuation.definition.group.regexp\",\n                \"punctuation.definition.character-class\",\n            ],\n            settings: {\n                foreground: \"#000000\",\n            },\n        },\n        {\n            scope: [\n                \"meta.tag entity.other.attribute-name\",\n                \"constant.character.escape.backslash\",\n            ],\n            settings: {\n                foreground: \"#816927\",\n            },\n        },\n        {\n            name: \"Numbers\",\n            scope: [\"constant.numeric\", \"keyword.other.unit\", \"constant.other.color\"],\n            settings: {\n                foreground: \"#272AD8\",\n            },\n        },\n        {\n            name: \"Strings\",\n            scope: [\n                \"string\",\n                \"variable.parameter.url.scss\",\n                \"markup.heading.markdown\",\n                \"beginning.punctuation.definition.list.markdown\",\n                \"meta.template.expression meta.embedded punctuation.definition.string.begin\",\n                \"meta.template.expression meta.embedded punctuation.definition.string.end\",\n            ],\n            settings: {\n                foreground: \"#D12F1B\",\n            },\n        },\n        {\n            name: \"Types\",\n            scope: [\n                \"meta.type\",\n                \"meta.return.type\",\n                \"entity.name.type\",\n                \"support.type.primitive\",\n            ],\n            settings: {\n                foreground: \"#713DA9\",\n            },\n        },\n        {\n            scope: [\n                \"meta.objectliteral variable.other.object\",\n                \"entity.name.type.module\",\n                \"entity.other.inherited-class\",\n                \"variable.scss\",\n                \"variable.other.bracket.shell\",\n                \"entity.name.function.scss\",\n            ],\n            settings: {\n                foreground: \"#3F6E74\",\n            },\n        },\n        {\n            scope: [\n                \"keyword.control.at-rule\",\n                \"meta.import variable.other.readwrite\",\n                \"meta.definition.variable variable.other.readwrite\",\n                \"meta.definition.variable variable.other.constant\",\n                \"meta.template.expression variable.other.readwrite\",\n                \"meta.template.expression variable.other.constant\",\n                \"support.constant.property-value\",\n            ],\n            settings: {\n                foreground: \"#000000\",\n            },\n        },\n        {\n            scope: [\n                \"variable.other.property\",\n                \"variable.other.object.property\",\n                \"support.variable.property\",\n            ],\n            settings: {\n                foreground: \"#713DA9\",\n            },\n        },\n    ],\n} as Theme"],"names":["defaultTheme","name","type","colors","foreground","focusBorder","tokenColors","scope","settings","fontStyle"],"mappings":"AAIA,IAAeA,EAAA,CACXC,KAAM,cACNC,KAAM,QACNC,OAAQ,CACJ,uBAAwB,UACxB,mBAAoB,YACpB,mBAAoB,UACpB,gBAAiB,YACjB,qBAAsB,UACtB,qBAAsB,UACtB,+BAAgC,UAChC,sBAAuB,UACvB,4BAA6B,UAC7B,eAAgB,UAChB,4BAA6B,UAC7B,uBAAwB,UACxB,eAAgB,UAChB,iBAAkB,UAClB,mBAAoB,UACpB,aAAc,UACd,yBAA0B,UAC1B,uBAAwB,UACxB,+BAAgC,UAChC,gCAAiC,UACjC,mCAAoC,UACpC,0BAA2B,UAC3B,qBAAsB,UACtB,kCAAmC,UACnC,yBAA0B,UAC1B,8BAA+B,UAC/B,yBAA0B,UAC1B,uBAAwB,UACxB,8BAA+B,UAC/B,8BAA+B,UAC/B,oCAAqC,UACrCC,WAAY,UACZ,8BAA+B,UAC/B,0BAA2B,UAC3B,kCAAmC,UACnC,gCAAiC,UACjC,yBAA0B,UAC1B,2BAA4B,UAC5B,iCAAkC,UAClCC,YAAa,UACb,oBAAqB,UACrB,iCAAkC,UAClC,uBAAwB,UACxB,uBAAwB,UACxB,mCAAoC,UACpC,qBAAsB,UACtB,2BAA4B,UAC5B,mBAAoB,UACpB,yBAA0B,UAC1B,qBAAsB,UACtB,2BAA4B,UAC5B,sBAAuB,UACvB,4BAA6B,UAC7B,oBAAqB,UACrB,0BAA2B,UAC3B,uBAAwB,UACxB,6BAA8B,UAC9B,oBAAqB,UACrB,0BAA2B,WAE/BC,YAAa,CACT,CACIC,MAAO,uBACPC,SAAU,CACNJ,WAAY,YAGpB,CACIH,KAAM,WACNM,MAAO,CAAC,UAAW,wBACnBC,SAAU,CACNJ,WAAY,UACZK,UAAW,WAGnB,CACIR,KAAM,MACNM,MAAO,CACH,+CACA,gDACA,iDACA,kDACA,4BACA,6BACA,iCACA,kCACA,0CACA,2CACA,2CACA,4CACA,0DACA,2DACA,iCACA,mCAEJC,SAAU,CACNJ,WAAY,YAGpB,CACIH,KAAM,YACNM,MAAO,CACH,iBACA,uCACA,0CACA,0DAEJC,SAAU,CACNJ,WAAY,YAGpB,CACIH,KAAM,UACNM,MAAO,CAAC,sBACRC,SAAU,CACNJ,WAAY,YAGpB,CACIH,KAAM,YACNM,MAAO,CAAC,uBAAwB,oBAChCC,SAAU,CACNJ,WAAY,YAGpB,CACIH,KAAM,OACNM,MAAO,CACH,wCACA,6BACA,uBACA,wBAEJC,SAAU,CACNJ,WAAY,YAGpB,CACIH,KAAM,WACNM,MAAO,CACH,kBACA,sBACA,gCACA,uBACA,mBACA,oBACA,eACA,mBACA,oBACA,0BACA,yBACA,4BACA,2BACA,yBACA,+BAEJC,SAAU,CACNJ,WAAY,UACZK,UAAW,SAGnB,CACIR,KAAM,YACNM,MAAO,CACH,8BACA,uCACA,kCACA,4CACA,4CACA,6BACA,8BACA,sCACA,0CAEJC,SAAU,CACNJ,WAAY,YAGpB,CACIG,MAAO,CACH,uCACA,uCAEJC,SAAU,CACNJ,WAAY,YAGpB,CACIH,KAAM,UACNM,MAAO,CAAC,mBAAoB,qBAAsB,wBAClDC,SAAU,CACNJ,WAAY,YAGpB,CACIH,KAAM,UACNM,MAAO,CACH,SACA,8BACA,0BACA,iDACA,6EACA,4EAEJC,SAAU,CACNJ,WAAY,YAGpB,CACIH,KAAM,QACNM,MAAO,CACH,YACA,mBACA,mBACA,0BAEJC,SAAU,CACNJ,WAAY,YAGpB,CACIG,MAAO,CACH,2CACA,0BACA,+BACA,gBACA,+BACA,6BAEJC,SAAU,CACNJ,WAAY,YAGpB,CACIG,MAAO,CACH,0BACA,uCACA,oDACA,mDACA,oDACA,mDACA,mCAEJC,SAAU,CACNJ,WAAY,YAGpB,CACIG,MAAO,CACH,0BACA,iCACA,6BAEJC,SAAU,CACNJ,WAAY"}

package/dist/coder.d.ts

@@ -1,6 +1,19 @@
+import { AnnotationHandler, HighlightedCode, RawCode } from 'codehike/code';
 import React from 'react';
+import { Theme } from '@code-hike/lighter';
 
-interface MDXCodeSampleBlock {
+declare const annotations: {
+    mark: AnnotationHandler;
+    bg: AnnotationHandler;
+    lineNumbers: AnnotationHandler;
+};
+
+interface CodeThemeProps {
+    codeblocks: CodeThemeBlockProps[];
+    children: React.ReactNode;
+    theme?: Theme;
+}
+interface CodeThemeBlockProps {
     /** This is the raw code. May include annotation comments. */
     value: string;
     /** The programming language. */
@@ -8,12 +21,46 @@ interface MDXCodeSampleBlock {
     /** Metadata string (the content after the language name in a markdown codeblock). */
     meta: string;
 }
+declare function useCodeTheme(): {
+    highlighted: HighlightedCode[];
+};
+declare function CodeTheme(props: CodeThemeProps): React.JSX.Element;
+declare function CodeThemeCSR(props: CodeThemeProps): React.JSX.Element;
+
+interface CodeProps {
+    codeblocks: CodeThemeBlockProps[];
+    theme?: Theme;
+    children: React.ReactNode;
+}
+declare function Code(props: CodeProps): React.JSX.Element;
+declare namespace Code {
+    var LineNumber: (props: any) => React.JSX.Element | null;
+    var Mark: (props: any) => React.JSX.Element;
+    var Bg: (props: any) => React.JSX.Element;
+    var Pre: (props: {
+        codeblock: HighlightedCode;
+        size?: "full";
+        handlers: AnnotationHandler[];
+    }) => React.JSX.Element;
+}
+
+declare function highlight(data: RawCode, theme: Theme, lang: string): HighlightedCode;
+
 interface CodeSampleProps {
     name: string;
     description: string;
-    codeblocks: MDXCodeSampleBlock[];
+    codeblocks: CodeThemeBlockProps[];
     size?: "full";
+    theme?: Theme;
 }
 declare function CodeSample(props: CodeSampleProps): React.JSX.Element;
 
-export { CodeSample, type CodeSampleProps };
+interface CodeTabsProps {
+    description: string;
+    highlighted: HighlightedCode[];
+    size?: "full";
+}
+declare function withCodeTabs(PreComponent: any): (props: CodeTabsProps) => React.JSX.Element;
+
+export { Code, CodeSample, CodeTheme, CodeThemeCSR, annotations, highlight, useCodeTheme, withCodeTabs };
+export type { CodeProps, CodeSampleProps, CodeTabsProps, CodeThemeBlockProps, CodeThemeProps };

package/dist/coder.js

@@ -1,2 +1,2 @@
-export{C as CodeSample}from"./CodeSample-CB5kEkeK.js";import"react";import"./_rollupPluginBabelHelpers-DFryr8Hb.js";import"./tslib.es6-DNxqyfMY.js";import"@radix-ui/react-tabs";import"@code-hike/lighter";import"lucide-react";
+export{C as Code,b as CodeSample,c as CodeTheme,d as CodeThemeCSR,a as annotations,u as useCodeTheme,w as withCodeTabs}from"./CodeSample-OUrk_l-U.js";import{_ as e,a as n}from"./_rollupPluginBabelHelpers-CDahOOgk.js";import{_ as t}from"./tslib.es6-DIxZJ0kO.js";import{LANG_NAMES as o,highlightSync as r}from"@code-hike/lighter";import"react";import"./coder/themes/cosmo-light.js";import"@radix-ui/react-tabs";import"lucide-react";function s(e){return"string"==typeof e}function i(a,i,l){o.includes(l)||(console.warn('Unknown language "'.concat(l,'"')),l="txt");var u=r(a.value,l,i,{annotations:[],scopes:!1}),c=u.lines,h=u.lang,p=u.style,f=function(n){var o=[];return n.forEach((function(r,s){if("lines"in r)throw new Error("Shouldnt be groups");var a=function(e){return e.map((function(e){if("tokens"in e)throw new Error("Shouldnt be groups");var n=[e.content],o=e.style||{},r=o.color,s=t(o,["color"]);return n.push(r),Object.keys(s).length&&n.push(s),n}))}(r.tokens);o.push.apply(o,e(a)),s<n.length-1&&o.push("\n")})),o}(c),m=function(t){var o=[];return t.forEach((function(t){if(s(t))o.push(t);else{var r=function(e){var n=e.trim(),t=e.slice(0,e.indexOf(n)),o=e.slice(e.indexOf(n)+n.length);return[t,n,o]}(t[0]),a=n(r,3),i=a[0],l=a[1],u=a[2];if((null==i?void 0:i.length)&&o.push(i),l.length){var c=e(t);c[0]=l,o.push(c)}(null==u?void 0:u.length)&&o.push(u)}})),o}(f),g=function(e){var n=[];return e.forEach((function(e){if(s(e)){var t=n[n.length-1];t&&s(t)?n[n.length-1]+=e:""!==e&&n.push(e)}else e[0].length>0&&n.push(e)})),n}(m);return Object.assign(Object.assign({},a),{code:a.value,tokens:g,lang:h,annotations:[],themeName:"string"==typeof i?i:(null==i?void 0:i.name)||"unknown",style:p})}export{i as highlight};
 //# sourceMappingURL=coder.js.map

package/dist/coder.js.map

@@ -1 +1 @@
-{"version":3,"file":"coder.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"coder.js","sources":["../src/coder/Code/highlight.ts"],"sourcesContent":["import {\n    type CodeAnnotation,\n    type RawCode,\n    type HighlightedCode,\n    type Token\n} from 'codehike/code';\nimport {\n    type Lines,\n    type Tokens,\n    highlightSync as lighter,\n    LANG_NAMES,\n    type Theme\n} from '@code-hike/lighter';\n\ntype Whitespace = string\n\ntype AnyToken = Token | Whitespace\n\nfunction isWhitespace(token: Token | Whitespace): token is Whitespace {\n    return typeof token === 'string';\n}\n\nexport function highlight(\n    data: RawCode,\n    theme: Theme,\n    lang: string\n): HighlightedCode {\n    if (!LANG_NAMES.includes(lang)) {\n        console.warn(`Unknown language \"${lang}\"`);\n        lang = 'txt';\n    }\n\n    const {\n        lines,\n        lang: lighterLang,\n        style\n    } = lighter(data.value, lang, theme as any, {\n        annotations: [],\n        scopes: false // true for better token transitions, but breaks css themes\n    });\n\n    const tokens = joinLines(lines);\n    // split surrounding whitespace for each token\n    const splitTokens = splitWhitespace(tokens);\n    // join consecutive whitespace tokens\n    const joinedTokens = joinWhitespace(splitTokens);\n\n    return {\n        ...data,\n        code: data.value,\n        tokens: joinedTokens,\n        lang: lighterLang,\n        annotations: [], // TODO: in the future\n        // annotations: compatAnnotations(annotations),\n        themeName: typeof theme === 'string' ? theme : theme?.name || 'unknown',\n        style\n    };\n}\n\nfunction compatAnnotations(annotations: any[]): CodeAnnotation[] {\n    const newAnnotations: CodeAnnotation[] = [];\n    for (const a of annotations) {\n        const {name, query, ranges} = a;\n        for (const r of ranges) {\n            if (r.lineNumber) {\n                const {lineNumber, fromColumn, toColumn} = r;\n                newAnnotations.push({\n                    name,\n                    query,\n                    lineNumber,\n                    fromColumn,\n                    toColumn\n                });\n            } else {\n                const {fromLineNumber, toLineNumber} = r;\n                newAnnotations.push({\n                    name,\n                    query,\n                    fromLineNumber,\n                    toLineNumber\n                });\n            }\n        }\n    }\n    return newAnnotations;\n}\n\n// group the Lines into one array\nfunction joinLines(lines: Lines): AnyToken[] {\n    const joinedTokens: AnyToken[] = [];\n    lines.forEach((lineOrGroup, i) => {\n        if ('lines' in lineOrGroup) {\n            throw new Error('Shouldnt be groups');\n        } else {\n            const tokens = joinTokens(lineOrGroup.tokens);\n            joinedTokens.push(...tokens);\n            if (i < lines.length - 1) {\n                joinedTokens.push('\\n');\n            }\n        }\n    });\n    return joinedTokens;\n}\n\nfunction joinTokens(tokens: Tokens): AnyToken[] {\n    return tokens.map((tokenOrGroup) => {\n        if ('tokens' in tokenOrGroup) {\n            throw new Error('Shouldnt be groups');\n        } else {\n            const t = [tokenOrGroup.content] as Token;\n            const {color, ...rest} = tokenOrGroup.style || {};\n            t.push(color);\n            if (Object.keys(rest).length) {\n                t.push(rest);\n            }\n            return t;\n        }\n    });\n}\n\nfunction splitWhitespace(tokens: AnyToken[]) {\n    const ejected: AnyToken[] = [];\n    tokens.forEach((tokenOrGroup) => {\n        if (isWhitespace(tokenOrGroup)) {\n            ejected.push(tokenOrGroup);\n        } else {\n            const [before, content, after] = splitSurroundingWhitespace(\n                tokenOrGroup[0]\n            );\n            if (before?.length) {\n                ejected.push(before);\n            }\n            if (content.length) {\n                const copy = [...tokenOrGroup] as Token;\n                copy[0] = content;\n                ejected.push(copy);\n            }\n            if (after?.length) {\n                ejected.push(after);\n            }\n        }\n    });\n    return ejected;\n}\n\nfunction joinWhitespace(tokens: AnyToken[]) {\n    const joinedTokens: AnyToken[] = [];\n    tokens.forEach((tokenOrGroup) => {\n        if (isWhitespace(tokenOrGroup)) {\n            let last = joinedTokens[joinedTokens.length - 1];\n            if (last && isWhitespace(last)) {\n                joinedTokens[joinedTokens.length - 1] += tokenOrGroup;\n            } else if (tokenOrGroup !== '') {\n                joinedTokens.push(tokenOrGroup);\n            }\n        } else if (tokenOrGroup[0].length > 0) {\n            joinedTokens.push(tokenOrGroup);\n        }\n    });\n    return joinedTokens;\n}\n\n// splits \" \\t foo bar \\n\" into [\" \\t \",\"foo bar\",\" \\n\"]\n// \"foo bar\" -> [\"\",\"foo bar\",\"\"]\nfunction splitSurroundingWhitespace(content: string) {\n    const trimmed = content.trim();\n    const before = content.slice(0, content.indexOf(trimmed));\n    const after = content.slice(content.indexOf(trimmed) + trimmed.length);\n    return [before, trimmed, after];\n}"],"names":["isWhitespace","token","highlight","data","theme","lang","LANG_NAMES","includes","console","warn","concat","_lighter","lighter","value","annotations","scopes","lines","lighterLang","style","tokens","joinedTokens","forEach","lineOrGroup","i","Error","map","tokenOrGroup","t","content","_a","color","rest","__rest","push","Object","keys","length","joinTokens","apply","_toConsumableArray","joinLines","splitTokens","ejected","_splitSurroundingWhit","trimmed","trim","before","slice","indexOf","after","splitSurroundingWhitespace","_splitSurroundingWhit2","_slicedToArray","copy","splitWhitespace","last","joinWhitespace","assign","code","themeName","name"],"mappings":"8aAkBA,SAASA,EAAaC,GAClB,MAAwB,iBAAVA,CAClB,UAEgBC,EACZC,EACAC,EACAC,GAEKC,EAAWC,SAASF,KACrBG,QAAQC,KAAI,qBAAAC,OAAsBL,QAClCA,EAAO,OAGX,IAAAM,EAIIC,EAAQT,EAAKU,MAAOR,EAAMD,EAAc,CACxCU,YAAa,GACbC,QAAQ,IALRC,EAAKL,EAALK,MACMC,EAAWN,EAAjBN,KACAa,EAAKP,EAALO,MAMEC,EA+CV,SAAmBH,GACf,IAAMI,EAA2B,GAYjC,OAXAJ,EAAMK,SAAQ,SAACC,EAAaC,GACxB,GAAI,UAAWD,EACX,MAAM,IAAIE,MAAM,sBAEhB,IAAML,EAUlB,SAAoBA,GAChB,OAAOA,EAAOM,KAAI,SAACC,GACf,GAAI,WAAYA,EACZ,MAAM,IAAIF,MAAM,sBAEhB,IAAMG,EAAI,CAACD,EAAaE,SAClBC,EAAmBH,EAAaR,OAAS,CAAE,EAA1CY,IAAAA,MAAUC,EAAXC,EAAAH,EAAA,CAAA,UAKN,OAJAF,EAAEM,KAAKH,GACHI,OAAOC,KAAKJ,GAAMK,QAClBT,EAAEM,KAAKF,GAEJJ,CAEf,GACJ,CAxB2BU,CAAWf,EAAYH,QACtCC,EAAaa,KAAIK,MAAjBlB,EAAYmB,EAASpB,IACjBI,EAAIP,EAAMoB,OAAS,GACnBhB,EAAaa,KAAK,KAG9B,IACOb,CACX,CA7DmBoB,CAAUxB,GAEnByB,EA6EV,SAAyBtB,GACrB,IAAMuB,EAAsB,GAqB5B,OApBAvB,EAAOE,SAAQ,SAACK,GACZ,GAAI1B,EAAa0B,GACbgB,EAAQT,KAAKP,OACV,CACH,IAAAiB,EAsCZ,SAAoCf,GAChC,IAAMgB,EAAUhB,EAAQiB,OAClBC,EAASlB,EAAQmB,MAAM,EAAGnB,EAAQoB,QAAQJ,IAC1CK,EAAQrB,EAAQmB,MAAMnB,EAAQoB,QAAQJ,GAAWA,EAAQR,QAC/D,MAAO,CAACU,EAAQF,EAASK,EAC7B,CA3C6CC,CAC7BxB,EAAa,IAChByB,EAAAC,EAAAT,EAAA,GAFMG,EAAMK,EAAA,GAAEvB,EAAOuB,EAAA,GAAEF,EAAKE,EAAA,GAM7B,IAHIL,aAAM,EAANA,EAAQV,SACRM,EAAQT,KAAKa,GAEblB,EAAQQ,OAAQ,CAChB,IAAMiB,EAAId,EAAOb,GACjB2B,EAAK,GAAKzB,EACVc,EAAQT,KAAKoB,EACjB,EACIJ,aAAK,EAALA,EAAOb,SACPM,EAAQT,KAAKgB,EAErB,CACJ,IACOP,CACX,CApGwBY,CAAgBnC,GAE9BC,EAoGV,SAAwBD,GACpB,IAAMC,EAA2B,GAajC,OAZAD,EAAOE,SAAQ,SAACK,GACZ,GAAI1B,EAAa0B,GAAe,CAC5B,IAAI6B,EAAOnC,EAAaA,EAAagB,OAAS,GAC1CmB,GAAQvD,EAAauD,GACrBnC,EAAaA,EAAagB,OAAS,IAAMV,EACjB,KAAjBA,GACPN,EAAaa,KAAKP,EAEzB,MAAUA,EAAa,GAAGU,OAAS,GAChChB,EAAaa,KAAKP,EAE1B,IACON,CACX,CAnHyBoC,CAAef,GAEpC,OAAAP,OAAAuB,OAAAvB,OAAAuB,OAAA,CAAA,EACOtD,GACH,CAAAuD,KAAMvD,EAAKU,MACXM,OAAQC,EACRf,KAAMY,EACNH,YAAa,GAEb6C,UAA4B,iBAAVvD,EAAqBA,GAAQA,aAAK,EAALA,EAAOwD,OAAQ,UAC9D1C,MAAAA,GAER"}

package/dist/content.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
+import { Theme } from '@code-hike/lighter';
 
 interface BadgeProps {
     children: React.ReactNode;
     size?: "sm";
-    kind?: "warning";
+    kind?: "warning" | "info";
 }
 declare function Badge({ children, size, kind }: BadgeProps): React.JSX.Element;
 
@@ -61,6 +62,17 @@ declare function IconMetrics(): React.JSX.Element;
 declare function IconFunnels(): React.JSX.Element;
 declare function IconCode(): React.JSX.Element;
 declare function IconCustomEvent(): React.JSX.Element;
+declare function IconAlert(): React.JSX.Element;
+declare function IconBrowser(): React.JSX.Element;
+declare function IconREST(): React.JSX.Element;
+declare function IconGraphQL(): React.JSX.Element;
+declare function IconWebhooks(): React.JSX.Element;
+declare function IconJSBrowser(): React.JSX.Element;
+declare function IconJSNode(): React.JSX.Element;
+declare function IconStorybook(): React.JSX.Element;
+declare function IconReactRouter(): React.JSX.Element;
+declare function IconNextJS(): React.JSX.Element;
+declare function IconAppTemplate(): React.JSX.Element;
 
 interface StepsProps {
     children: React.ReactNode;
@@ -105,7 +117,7 @@ declare namespace Tabs {
     }) => React.JSX.Element;
 }
 
-interface MDXCodeSampleBlock {
+interface CodeThemeBlockProps {
     /** This is the raw code. May include annotation comments. */
     value: string;
     /** The programming language. */
@@ -113,11 +125,13 @@ interface MDXCodeSampleBlock {
     /** Metadata string (the content after the language name in a markdown codeblock). */
     meta: string;
 }
+
 interface CodeSampleProps {
     name: string;
     description: string;
-    codeblocks: MDXCodeSampleBlock[];
+    codeblocks: CodeThemeBlockProps[];
     size?: "full";
+    theme?: Theme;
 }
 declare function CodeSample(props: CodeSampleProps): React.JSX.Element;
 
@@ -132,12 +146,24 @@ interface SubtitleProps {
 declare function Subtitle({ children }: SubtitleProps): React.JSX.Element;
 
 declare function content(): {
+    DirectiveCodeSample: (props: any) => React.JSX.Element;
     CodeSample: typeof CodeSample;
     IconSessionReplay: typeof IconSessionReplay;
     IconMetrics: typeof IconMetrics;
     IconFunnels: typeof IconFunnels;
     IconCode: typeof IconCode;
     IconCustomEvent: typeof IconCustomEvent;
+    IconAlert: typeof IconAlert;
+    IconBrowser: typeof IconBrowser;
+    IconREST: typeof IconREST;
+    IconGraphQL: typeof IconGraphQL;
+    IconWebhooks: typeof IconWebhooks;
+    IconJSBrowser: typeof IconJSBrowser;
+    IconJSNode: typeof IconJSNode;
+    IconStorybook: typeof IconStorybook;
+    IconReactRouter: typeof IconReactRouter;
+    IconNextJS: typeof IconNextJS;
+    IconAppTemplate: typeof IconAppTemplate;
     Content: typeof Content;
     Subtitle: typeof Subtitle;
     Callout: typeof Callout;
@@ -169,7 +195,7 @@ declare function content(): {
     a: ({ href, className, ...props }: {
         [x: string]: any;
         href?: string | undefined;
-        className: any;
+        className?: string | undefined;
     }) => React.JSX.Element;
 };
 declare function stdContent(): {
@@ -195,7 +221,7 @@ declare function stdContent(): {
     a: ({ href, className, ...props }: {
         [x: string]: any;
         href?: string | undefined;
-        className: any;
+        className?: string | undefined;
     }) => React.JSX.Element;
 };
 declare function writerContent(): {
@@ -207,6 +233,9 @@ declare function writerContent(): {
     Table: typeof Table;
     Badge: typeof Badge;
 };
+declare function directiveContent(): {
+    DirectiveCodeSample: (props: any) => React.JSX.Element;
+};
 declare function helperContent(): {
     Content: typeof Content;
     Subtitle: typeof Subtitle;
@@ -217,9 +246,20 @@ declare function iconContent(): {
     IconFunnels: typeof IconFunnels;
     IconCode: typeof IconCode;
     IconCustomEvent: typeof IconCustomEvent;
+    IconAlert: typeof IconAlert;
+    IconBrowser: typeof IconBrowser;
+    IconREST: typeof IconREST;
+    IconGraphQL: typeof IconGraphQL;
+    IconWebhooks: typeof IconWebhooks;
+    IconJSBrowser: typeof IconJSBrowser;
+    IconJSNode: typeof IconJSNode;
+    IconStorybook: typeof IconStorybook;
+    IconReactRouter: typeof IconReactRouter;
+    IconNextJS: typeof IconNextJS;
+    IconAppTemplate: typeof IconAppTemplate;
 };
 declare function coderContent(): {
     CodeSample: typeof CodeSample;
 };
 
-export { content as MDX, coderContent, content as default, helperContent, iconContent, stdContent, writerContent };
+export { content as MDX, coderContent, content as default, directiveContent, helperContent, iconContent, stdContent, writerContent };

package/dist/content.js

@@ -1,2 +1,2 @@
-import{_ as e}from"./tslib.es6-DNxqyfMY.js";import n,{forwardRef as t}from"react";import{H as r,C as i,D as a,B as l,a as c,b as s,c as o,I as u,d,e as m,f as h,g as f}from"./index-CCn_Wv4c.js";import"@radix-ui/react-icons";import{T as v,G as p,S as b,a as g}from"./UnderlineNav-Ck16YRuC.js";import{C as E}from"./CodeSample-CB5kEkeK.js";import"./_rollupPluginBabelHelpers-DFryr8Hb.js";import"@radix-ui/react-tabs";import"lucide-react";import"@code-hike/lighter";var j="h1seqss5";function O(e){var t=e.children;return n.createElement("div",{className:j},t)}var C="hmi9h9e";function N(e){var t=e.children;return n.createElement("div",{className:C},t)}var z="htyux6",I=t((function(e,t){var r=e.href,i=void 0===r?"":r,a=e.children;return e.newWindow?n.createElement("a",{ref:t,to:i,href:i,target:"_blank",rel:"noreferrer",className:z},a):n.createElement("a",{ref:t,to:i,href:i,className:z},a)}));I.displayName="Anchor";var S=/https?:\/\//,T=function(t){var r=t.href,i=void 0===r?"":r;t.className;var a=e(t,["href","className"]);return n.createElement(I,Object.assign({href:i,newWindow:S.test(i)},a))};function x(){return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},k()),w()),y()),B()),D())}function k(){return{h1:function(e){return n.createElement("div",null,n.createElement(r,Object.assign({id:e.children},e)))},h2:function(e){return n.createElement("div",null,n.createElement(r,Object.assign({id:e.children,size:2},e)))},h3:function(e){return n.createElement("div",null,n.createElement(r,Object.assign({id:e.children,size:3},e)))},h4:function(e){return n.createElement("div",null,n.createElement(r,Object.assign({id:e.children,size:4},e)))},h5:function(e){return n.createElement("div",null,n.createElement(r,Object.assign({id:e.children,size:5},e)))},h6:function(e){return n.createElement("div",null,n.createElement(r,Object.assign({id:e.children,size:6},e)))},p:function(e){return n.createElement("p",Object.assign({},e))},ul:function(e){return n.createElement("ul",Object.assign({},e),e.children)},ol:function(e){return n.createElement("ol",Object.assign({},e),e.children)},li:function(e){return n.createElement("li",Object.assign({},e),e.children)},table:v,tr:v.Tr,th:v.Th,td:v.Td,code:i,pre:function(e){var t,r,i,a,l,c,s=((null===(r=null===(t=null==e?void 0:e.children)||void 0===t?void 0:t.props)||void 0===r?void 0:r.className)||"").replace("language-","");return n.createElement(E,{name:s,description:null===(a=null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.props)||void 0===a?void 0:a.meta,codeblocks:[{value:null===(c=null===(l=null==e?void 0:e.children)||void 0===l?void 0:l.props)||void 0===c?void 0:c.children,lang:s,meta:s}],size:"full"})},details:a,blockquote:l,hr:c,a:T}}function w(){return{Callout:s,Details:a,GuideCard:p,Steps:b,Tabs:g,Table:v,Badge:o}}function y(){return{Content:O,Subtitle:N}}function B(){return{IconSessionReplay:u,IconMetrics:d,IconFunnels:m,IconCode:h,IconCustomEvent:f}}function D(){return{CodeSample:E}}export{x as MDX,D as coderContent,x as default,y as helperContent,B as iconContent,k as stdContent,w as writerContent};
+import{_ as e}from"./tslib.es6-DIxZJ0kO.js";import n,{forwardRef as t}from"react";import{H as r,B as a,D as i,C as c,a as s,b as l,c as o,I as u,d,e as m,f as h,g as f,h as v,i as p,j as b,k as g,l as j,m as E,n as O,o as I,p as S,q as N,r as k}from"./index-P2Ntn1sE.js";import"@radix-ui/react-icons";import{T as C,a as T,S as w,G as x}from"./UnderlineNav-4pD9CR2B.js";import{b as z}from"./CodeSample-OUrk_l-U.js";import"@code-hike/lighter";import"@radix-ui/react-tabs";import"lucide-react";import"./_rollupPluginBabelHelpers-CDahOOgk.js";import"./coder/themes/cosmo-light.js";var B="h1seqss5";function y(e){var t=e.children;return n.createElement("div",{className:B},t)}var D="hmi9h9e";function J(e){var t=e.children;return n.createElement("div",{className:D},t)}var R="htyux6",q=t((function(e,t){var r=e.href,a=void 0===r?"":r,i=e.children;return e.newWindow?n.createElement("a",{ref:t,to:a,href:a,target:"_blank",rel:"noreferrer",className:R},i):n.createElement("a",{ref:t,to:a,href:a,className:R},i)}));q.displayName="Anchor";var A=/https?:\/\//,G=function(t){var r=t.href,a=void 0===r?"":r;t.className;var i=e(t,["href","className"]);return n.createElement(q,Object.assign({href:a,newWindow:A.test(a)},i))};function W(){return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},_()),H()),F()),L()),P()),M())}function _(){return{h1:function(e){return n.createElement("div",null,n.createElement(s,Object.assign({id:e.children},e)))},h2:function(e){return n.createElement("div",null,n.createElement(s,Object.assign({id:e.children,size:2},e)))},h3:function(e){return n.createElement("div",null,n.createElement(s,Object.assign({id:e.children,size:3},e)))},h4:function(e){return n.createElement("div",null,n.createElement(s,Object.assign({id:e.children,size:4},e)))},h5:function(e){return n.createElement("div",null,n.createElement(s,Object.assign({id:e.children,size:5},e)))},h6:function(e){return n.createElement("div",null,n.createElement(s,Object.assign({id:e.children,size:6},e)))},p:function(e){return n.createElement("p",Object.assign({},e))},ul:function(e){return n.createElement("ul",Object.assign({},e),e.children)},ol:function(e){return n.createElement("ol",Object.assign({},e),e.children)},li:function(e){return n.createElement("li",Object.assign({},e),e.children)},table:C,tr:C.Tr,th:C.Th,td:C.Td,code:c,pre:function(e){var t,r,a,i,c,s,l=((null===(r=null===(t=null==e?void 0:e.children)||void 0===t?void 0:t.props)||void 0===r?void 0:r.className)||"").replace("language-","");return n.createElement(z,{name:l,description:null===(i=null===(a=null==e?void 0:e.children)||void 0===a?void 0:a.props)||void 0===i?void 0:i.meta,codeblocks:[{value:null===(s=null===(c=null==e?void 0:e.children)||void 0===c?void 0:c.props)||void 0===s?void 0:s.children,lang:l,meta:l}],size:"full"})},details:i,blockquote:a,hr:r,a:G}}function H(){return{Callout:o,Details:i,GuideCard:x,Steps:w,Tabs:T,Table:C,Badge:l}}function M(){return{DirectiveCodeSample:function(e){return n.createElement(z,Object.assign({},e,{codeblocks:JSON.parse(e.codeblocks)}))}}}function F(){return{Content:y,Subtitle:J}}function L(){return{IconSessionReplay:k,IconMetrics:N,IconFunnels:S,IconCode:I,IconCustomEvent:O,IconAlert:E,IconBrowser:j,IconREST:g,IconGraphQL:b,IconWebhooks:p,IconJSBrowser:v,IconJSNode:f,IconStorybook:h,IconReactRouter:m,IconNextJS:d,IconAppTemplate:u}}function P(){return{CodeSample:z}}export{W as MDX,P as coderContent,W as default,M as directiveContent,F as helperContent,L as iconContent,_ as stdContent,H as writerContent};
 //# sourceMappingURL=content.js.map

package/dist/content.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.js","sources":["../src/content/Content/Content.tsx","../src/content/Subtitle/Subtitle.tsx","../src/content/Anchor/Anchor.tsx","../src/content/Content.tsx"],"sourcesContent":["import React from \"react\"\nimport {css} from \"@linaria/core\";\n\nconst $content = {\n    host: css`\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n    `\n}\n\nexport interface ContentProps {\n    children: React.ReactNode\n}\n\nexport function Content({children}: ContentProps) {\n    return <div className={$content.host}>\n        {children}\n    </div>\n}","import React from \"react\"\nimport {css} from \"@linaria/core\";\n\nconst $subitlte = {\n    host: css`\n        margin-top: -18px;\n        font-size: 18px;\n        color: #7051d4;\n        font-weight: 300;\n    `\n}\n\nexport interface SubtitleProps {\n    children: React.ReactNode\n}\n\nexport function Subtitle({children}: SubtitleProps) {\n    return <div className={$subitlte.host}>\n        {children}\n    </div>\n}","import React, {forwardRef} from 'react'\nimport type {ComponentProps, ReactElement} from 'react'\n\nimport {css} from \"@linaria/core\";\n\nconst $anchor = {\n    host: css`\n        color: #7051d4;\n    `,\n};\n\nexport type AnchorProps = Omit<ComponentProps<'a'>, 'ref'> & {\n    newWindow?: boolean\n}\n\n// TODO: where react-router?\n\nexport const Anchor = forwardRef<HTMLAnchorElement, AnchorProps>(function (\n    {href = '', children, newWindow},\n    // ref is used in <NavbarMenu />\n    forwardedRef\n): ReactElement {\n    if (newWindow) {\n        return (\n            <a\n                ref={forwardedRef}\n                to={href}\n                href={href}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                className={$anchor.host}\n            >\n                {children}\n            </a>\n        )\n    }\n\n    if (!href) {\n        return (\n            <a\n                ref={forwardedRef}\n                to={href}\n                href={href}\n                className={$anchor.host}\n            >\n                {children}\n            </a>\n        )\n    }\n\n    return (\n        <a\n            ref={forwardedRef}\n            to={href}\n            href={href}\n            className={$anchor.host}\n        >\n            {children}\n        </a>\n    )\n})\n\nAnchor.displayName = 'Anchor'\n","import React from 'react'\n\nimport {\n    Badge,\n    Blockquote,\n    Callout,\n    Code,\n    Details,\n    GuideCard,\n    Heading,\n    Hr,\n    Table,\n    Tabs,\n    Steps,\n\n    IconCode,\n    IconCustomEvent,\n    IconFunnels,\n    IconMetrics,\n    IconSessionReplay,\n} from '../writer'\nimport {CodeSample} from \"../coder\";\n\nimport {Content as ContentComponent} from \"./Content/index\";\nimport {Subtitle} from \"./Subtitle\";\nimport {Anchor} from \"./Anchor\";\n\nconst EXTERNAL_HREF_REGEX = /https?:\\/\\//\n\nconst Link = ({href = '', className, ...props}) => (\n    <Anchor\n        href={href}\n        newWindow={EXTERNAL_HREF_REGEX.test(href)}\n        {...props}\n    />\n)\n\n// TODO: options?\nexport default function content() {\n    return {\n        ...stdContent(),\n        ...writerContent(),\n        ...helperContent(),\n        ...iconContent(),\n        ...coderContent(),\n    }\n}\n\nexport function stdContent() {\n    return {\n        h1: (props) => <div><Heading id={props.children} {...props}/></div>,\n        h2: props => <div><Heading id={props.children} size={2} {...props} /></div>,\n        h3: props => <div><Heading id={props.children} size={3} {...props} /></div>,\n        h4: props => <div><Heading id={props.children} size={4} {...props} /></div>,\n        h5: props => <div><Heading id={props.children} size={5} {...props} /></div>,\n        h6: props => <div><Heading id={props.children} size={6} {...props} /></div>,\n        p: props => <p {...props} />,\n\n        ul: props => (\n            <ul{...props}>\n                {props.children}\n            </ul>\n        ),\n        ol: props => (\n            <ol{...props}\n            >\n                {props.children}\n            </ol>\n        ),\n        li: props => <li {...props} >\n            {props.children}\n        </li>,\n\n        table: Table,\n        tr: Table.Tr,\n        th: Table.Th,\n        td: Table.Td,\n\n        code: Code,\n        pre: props => {\n            const lang = (props?.children?.props?.className || \"\").replace(\"language-\", \"\") // TODO: better solution\n\n            return <CodeSample\n                name={lang}\n                description={props?.children?.props?.meta}\n                codeblocks={[\n                    {\n                        value: props?.children?.props?.children,\n                        lang: lang,\n                        meta: lang,\n                    }\n                ]}\n                size=\"full\" // TODO: in the future configurable\n            />\n        },\n        details: Details,\n        blockquote: Blockquote,\n\n        hr: Hr,\n        a: Link,\n    }\n}\n\nexport function writerContent() {\n    return {\n        Callout,\n        Details,\n        GuideCard,\n        Steps,\n        Tabs,\n        Table,\n        Badge,\n    }\n}\n\nexport function helperContent() {\n    return {\n        Content: ContentComponent,\n        Subtitle\n    }\n}\n\nexport function iconContent() {\n    return {\n        IconSessionReplay,\n        IconMetrics,\n        IconFunnels,\n        IconCode,\n        IconCustomEvent,\n    }\n}\n\nexport function coderContent() {\n    return {\n        CodeSample,\n    }\n}\n"],"names":["$content","Content","children","React","createElement","className","$subitlte","Subtitle","$anchor","Anchor","forwardRef","_ref","forwardedRef","_ref$href","href","undefined","newWindow","ref","to","target","rel","displayName","EXTERNAL_HREF_REGEX","Link","_a","_a$href","props","__rest","Object","assign","test","content","stdContent","writerContent","helperContent","iconContent","coderContent","h1","Heading","id","h2","size","h3","h4","h5","h6","p","ul","ol","li","table","Table","tr","Tr","th","Th","td","Td","code","Code","pre","lang","_b","replace","CodeSample","name","description","_d","_c","meta","codeblocks","value","_f","_e","details","Details","blockquote","Blockquote","hr","Hr","a","Callout","GuideCard","Steps","Tabs","Badge","ContentComponent","IconSessionReplay","IconMetrics","IconFunnels","IconCode","IconCustomEvent"],"mappings":"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"}
+{"version":3,"file":"content.js","sources":["../src/content/Content/Content.tsx","../src/content/Subtitle/Subtitle.tsx","../src/content/Anchor/Anchor.tsx","../src/content/Content.tsx"],"sourcesContent":["import React from \"react\"\nimport {css} from \"@linaria/core\";\n\nconst $content = {\n    host: css`\n        display: flex;\n        flex-direction: column;\n        //align-items: center;\n        gap: 24px;\n    `\n}\n\nexport interface ContentProps {\n    children: React.ReactNode\n}\n\nexport function Content({children}: ContentProps) {\n    return <div className={$content.host}>\n        {children}\n    </div>\n}","import React from \"react\"\nimport {css} from \"@linaria/core\";\n\nconst $subitlte = {\n    host: css`\n        margin-top: -18px;\n        font-size: 18px;\n        color: #7051d4;\n        font-weight: 300;\n    `\n}\n\nexport interface SubtitleProps {\n    children: React.ReactNode\n}\n\nexport function Subtitle({children}: SubtitleProps) {\n    return <div className={$subitlte.host}>\n        {children}\n    </div>\n}","import React, {forwardRef} from 'react'\nimport type {ComponentProps, ReactElement} from 'react'\n\nimport {css} from \"@linaria/core\";\n\nconst $anchor = {\n    host: css`\n        color: #7051d4;\n    `,\n};\n\nexport type AnchorProps = Omit<ComponentProps<'a'>, 'ref'> & {\n    newWindow?: boolean\n}\n\n// TODO: where react-router?\n\nexport const Anchor = forwardRef<HTMLAnchorElement, AnchorProps>(function (\n    {href = '', children, newWindow},\n    // ref is used in <NavbarMenu />\n    forwardedRef\n): ReactElement {\n    if (newWindow) {\n        return (\n            <a\n                ref={forwardedRef}\n                to={href}\n                href={href}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                className={$anchor.host}\n            >\n                {children}\n            </a>\n        )\n    }\n\n    if (!href) {\n        return (\n            <a\n                ref={forwardedRef}\n                to={href}\n                href={href}\n                className={$anchor.host}\n            >\n                {children}\n            </a>\n        )\n    }\n\n    return (\n        <a\n            ref={forwardedRef}\n            to={href}\n            href={href}\n            className={$anchor.host}\n        >\n            {children}\n        </a>\n    )\n})\n\nAnchor.displayName = 'Anchor'\n","import React from 'react'\n\nimport {\n    Badge,\n    Blockquote,\n    Callout,\n    Code,\n    Details,\n    GuideCard,\n    Heading,\n    Hr,\n    Table,\n    Tabs,\n    Steps,\n\n    IconCode,\n    IconCustomEvent,\n    IconFunnels,\n    IconMetrics,\n    IconSessionReplay,\n    IconAlert,\n    IconBrowser,\n    IconREST,\n    IconGraphQL,\n    IconWebhooks,\n    IconJSBrowser,\n    IconJSNode,\n    IconStorybook,\n    IconReactRouter,\n    IconNextJS,\n    IconAppTemplate\n} from '../writer'\nimport {CodeSample} from \"../coder\";\n\nimport {Content as ContentComponent} from \"./Content/index\";\nimport {Subtitle} from \"./Subtitle\";\nimport {Anchor} from \"./Anchor\";\n\nconst EXTERNAL_HREF_REGEX = /https?:\\/\\//\n\nconst Link = ({href = '', className = \"\", ...props}) => (\n    <Anchor\n        href={href}\n        newWindow={EXTERNAL_HREF_REGEX.test(href)}\n        {...props}\n    />\n)\n\n// TODO: options?\nexport default function content() {\n    return {\n        ...stdContent(),\n        ...writerContent(),\n        ...helperContent(),\n        ...iconContent(),\n        ...coderContent(),\n        ...directiveContent(),\n    }\n}\n\nexport function stdContent() {\n    return {\n        h1: (props) => <div><Heading id={props.children} {...props}/></div>,\n        h2: props => <div><Heading id={props.children} size={2} {...props} /></div>,\n        h3: props => <div><Heading id={props.children} size={3} {...props} /></div>,\n        h4: props => <div><Heading id={props.children} size={4} {...props} /></div>,\n        h5: props => <div><Heading id={props.children} size={5} {...props} /></div>,\n        h6: props => <div><Heading id={props.children} size={6} {...props} /></div>,\n        p: props => <p {...props} />,\n\n        ul: props => (\n            <ul{...props}>\n                {props.children}\n            </ul>\n        ),\n        ol: props => (\n            <ol{...props}\n            >\n                {props.children}\n            </ol>\n        ),\n        li: props => <li {...props} >\n            {props.children}\n        </li>,\n\n        table: Table,\n        tr: Table.Tr,\n        th: Table.Th,\n        td: Table.Td,\n\n        code: Code,\n        pre: props => {\n            const lang = (props?.children?.props?.className || \"\").replace(\"language-\", \"\") // TODO: better solution\n\n            return <CodeSample\n                name={lang}\n                description={props?.children?.props?.meta}\n                codeblocks={[\n                    {\n                        value: props?.children?.props?.children,\n                        lang: lang,\n                        meta: lang,\n                    }\n                ]}\n                size=\"full\" // TODO: in the future configurable\n            />\n        },\n        details: Details,\n        blockquote: Blockquote,\n\n        hr: Hr,\n        a: Link,\n    }\n}\n\nexport function writerContent() {\n    return {\n        Callout,\n        Details,\n        GuideCard,\n        Steps,\n        Tabs,\n        Table,\n        Badge,\n    }\n}\n\nexport function directiveContent() {\n    return {\n        DirectiveCodeSample: (props) => {\n            return <CodeSample\n                {...props}\n                codeblocks={JSON.parse(props.codeblocks)}\n            />\n        }\n    }\n}\n\nexport function helperContent() {\n    return {\n        Content: ContentComponent,\n        Subtitle\n    }\n}\n\nexport function iconContent() {\n    return {\n        IconSessionReplay,\n        IconMetrics,\n        IconFunnels,\n        IconCode,\n        IconCustomEvent,\n        IconAlert,\n        IconBrowser,\n        IconREST,\n        IconGraphQL,\n        IconWebhooks,\n        IconJSBrowser,\n        IconJSNode,\n        IconStorybook,\n        IconReactRouter,\n        IconNextJS,\n        IconAppTemplate,\n    }\n}\n\nexport function coderContent() {\n    return {\n        CodeSample,\n    }\n}\n"],"names":["$content","Content","children","React","createElement","className","$subitlte","Subtitle","$anchor","Anchor","forwardRef","_ref","forwardedRef","_ref$href","href","newWindow","ref","to","target","rel","displayName","EXTERNAL_HREF_REGEX","Link","_a","_a$href","props","__rest","Object","assign","test","content","stdContent","writerContent","helperContent","iconContent","coderContent","directiveContent","h1","Heading","id","h2","size","h3","h4","h5","h6","p","ul","ol","li","table","Table","tr","Tr","th","Th","td","Td","code","Code","pre","lang","_b","replace","CodeSample","name","description","_d","_c","meta","codeblocks","value","_f","_e","details","Details","blockquote","Blockquote","hr","Hr","a","Callout","GuideCard","Steps","Tabs","Badge","DirectiveCodeSample","JSON","parse","ContentComponent","IconSessionReplay","IconMetrics","IconFunnels","IconCode","IconCustomEvent","IconAlert","IconBrowser","IconREST","IconGraphQL","IconWebhooks","IconJSBrowser","IconJSNode","IconStorybook","IconReactRouter","IconNextJS","IconAppTemplate"],"mappings":"ikBAGA,IAAMA,EACE,WAYQ,SAAAC,EAAOA,GAAyB,IAAvBC,EAAAA,EAAAA,SACrB,OAAOC,EAAAC,cAAA,MAAA,CAAKC,UAAWL,GAClBE,EAET,CCjBA,IAAMI,EACE,UAYQ,SAAAC,EAAQA,GAA0B,IAAxBL,EAAAA,EAAAA,SACtB,OAAOC,EAAAC,cAAA,MAAA,CAAKC,UAAWC,GAClBJ,EAET,CCfA,IAAMM,EACE,SAWKC,EAASC,GAA2C,SAAAC,EAG7DC,GAAY,IAAAC,EAAAF,EAFXG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAEX,EAAQS,EAART,SAIZ,OAJsBa,EAAAA,UAMdZ,EAAAC,cAAA,IAAA,CACIY,IAAKJ,EACLK,GAAIH,EACJA,KAAMA,EACNI,OAAO,SACPC,IAAI,aACJd,UAAWG,GAEVN,GAmBTC,qBACIa,IAAKJ,EACLK,GAAIH,EACJA,KAAMA,EACNT,UAAWG,GAEVN,EAGb,IAEAO,EAAOW,YAAc,SCxBrB,IAAMC,EAAsB,cAEtBC,EAAO,SAACC,GAAA,IAAAC,EAA0BD,EAAzBT,KAAAA,OAAO,IAAHU,EAAG,GAAEA,EAAgBD,EAAdlB,UAAmBoB,IAAAA,EAA/BC,EAAAH,EAAA,CAAA,OAAA,cAA0C,OACpDpB,gBAACM,EAAMkB,OAAAC,OAAA,CACHd,KAAMA,EACNC,UAAWM,EAAoBQ,KAAKf,IAChCW,KAKE,SAAUK,IACpB,OAAAH,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACOG,KACAC,KACAC,KACAC,KACAC,KACAC,IAEX,UAEgBL,IACZ,MAAO,CACHM,GAAI,SAACZ,GAAK,OAAKtB,EAAAC,cAAA,MAAA,KAAKD,EAACC,cAAAkC,EAAQX,OAAAC,OAAA,CAAAW,GAAId,EAAMvB,UAAcuB,IAAc,EACnEe,GAAI,SAAAf,GAAK,OAAItB,EAAAC,cAAA,MAAA,KAAKD,EAAAC,cAACkC,EAAOX,OAAAC,OAAA,CAACW,GAAId,EAAMvB,SAAUuC,KAAM,GAAOhB,IAAe,EAC3EiB,GAAI,SAAAjB,GAAK,OAAItB,EAAAC,cAAA,MAAA,KAAKD,EAAAC,cAACkC,EAAOX,OAAAC,OAAA,CAACW,GAAId,EAAMvB,SAAUuC,KAAM,GAAOhB,IAAe,EAC3EkB,GAAI,SAAAlB,GAAK,OAAItB,EAAAC,cAAA,MAAA,KAAKD,EAAAC,cAACkC,EAAOX,OAAAC,OAAA,CAACW,GAAId,EAAMvB,SAAUuC,KAAM,GAAOhB,IAAe,EAC3EmB,GAAI,SAAAnB,GAAK,OAAItB,EAAAC,cAAA,MAAA,KAAKD,EAAAC,cAACkC,EAAOX,OAAAC,OAAA,CAACW,GAAId,EAAMvB,SAAUuC,KAAM,GAAOhB,IAAe,EAC3EoB,GAAI,SAAApB,GAAK,OAAItB,EAAAC,cAAA,MAAA,KAAKD,EAAAC,cAACkC,EAAOX,OAAAC,OAAA,CAACW,GAAId,EAAMvB,SAAUuC,KAAM,GAAOhB,IAAe,EAC3EqB,EAAG,SAAArB,GAAK,OAAItB,EAAAC,cAAA,IAAAuB,OAAAC,OAAA,CAAA,EAAOH,GAAS,EAE5BsB,GAAI,SAAAtB,GAAK,OACLtB,EAAOC,cAAA,KAAAuB,OAAAC,OAAA,CAAA,EAAAH,GACFA,EAAMvB,SAEd,EACD8C,GAAI,SAAAvB,GAAK,OACLtB,EAAOC,cAAA,KAAAuB,OAAAC,OAAA,CAAA,EAAAH,GAEFA,EAAMvB,SAEd,EACD+C,GAAI,SAAAxB,GAAK,OAAItB,EAAQC,cAAA,KAAAuB,OAAAC,OAAA,CAAA,EAAAH,GAChBA,EAAMvB,SACN,EAELgD,MAAOC,EACPC,GAAID,EAAME,GACVC,GAAIH,EAAMI,GACVC,GAAIL,EAAMM,GAEVC,KAAMC,EACNC,IAAK,SAAAnC,mBACKoC,IAA8B,QAAtBC,EAAe,QAAfvC,EAAAE,aAAK,EAALA,EAAOvB,gBAAQ,IAAAqB,OAAA,EAAAA,EAAEE,aAAK,IAAAqC,OAAA,EAAAA,EAAEzD,YAAa,IAAI0D,QAAQ,YAAa,IAE5E,OAAO5D,EAAAC,cAAC4D,EAAU,CACdC,KAAMJ,EACNK,YAAqC,QAAxBC,EAAe,QAAfC,EAAA3C,aAAK,EAALA,EAAOvB,gBAAQ,IAAAkE,OAAA,EAAAA,EAAE3C,aAAO,IAAA0C,OAAA,EAAAA,EAAAE,KACrCC,WAAY,CACR,CACIC,cAAOC,EAAiB,QAAjBC,EAAAhD,aAAA,EAAAA,EAAOvB,gBAAU,IAAAuE,OAAA,EAAAA,EAAAhD,4BAAOvB,SAC/B2D,KAAMA,EACNQ,KAAMR,IAGdpB,KAAK,QAEZ,EACDiC,QAASC,EACTC,WAAYC,EAEZC,GAAIC,EACJC,EAAG1D,EAEX,UAEgBU,IACZ,MAAO,CACHiD,QAAAA,EACAN,QAAAA,EACAO,UAAAA,EACAC,MAAAA,EACAC,KAAAA,EACAjC,MAAAA,EACAkC,MAAAA,EAER,UAEgBjD,IACZ,MAAO,CACHkD,oBAAqB,SAAC7D,GAClB,OAAOtB,gBAAC6D,EAAUrC,OAAAC,OAAA,CAAA,EACVH,EAAK,CACT6C,WAAYiB,KAAKC,MAAM/D,EAAM6C,cAErC,EAER,UAEgBrC,IACZ,MAAO,CACHhC,QAASwF,EACTlF,SAAAA,EAER,UAEgB2B,IACZ,MAAO,CACHwD,kBAAAA,EACAC,YAAAA,EACAC,YAAAA,EACAC,SAAAA,EACAC,gBAAAA,EACAC,UAAAA,EACAC,YAAAA,EACAC,SAAAA,EACAC,YAAAA,EACAC,aAAAA,EACAC,cAAAA,EACAC,WAAAA,EACAC,cAAAA,EACAC,gBAAAA,EACAC,WAAAA,EACAC,gBAAAA,EAER,UAEgBtE,IACZ,MAAO,CACH6B,WAAAA,EAER"}

package/dist/index-P2Ntn1sE.js

@@ -0,0 +1,2 @@
+import e,{useRef as t}from"react";var n="hutvd2b",l="hg9oorb",a="h6jev6x",r="h1uvewli",c="i1mcrm8o";function o(t){var o=t.children,i=t.size,s=void 0===i?"sm":i,h=t.kind,d=void 0===h?"warning":h;return e.createElement("div",{className:"\n        ".concat(n,"\n        \n        ").concat("sm"===s&&r,"\n        \n        ").concat("warning"===d&&l,"\n        \n        ").concat("info"===d&&a,"\n    ")},e.createElement("span",{className:c},o))}var i="h1wifk81";function s(t){var n=t.children;return e.createElement("blockquote",{className:i},n)}var h="hhnegou",d="_1ja9964",m="h1lyih3m",w="h1gzjc3x",v="boe1v8p";function u(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24"},e.createElement("path",{d:"M13 12a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm-1-2.5A1.25 1.25 0 1 0 12 7a1.25 1.25 0 0 0 0 2.5Z"}),e.createElement("path",{fillRule:"evenodd",d:"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z",clipRule:"evenodd"}))}function k(t){var n=t.children;return e.createElement("div",{className:"".concat(h," ").concat(d)},e.createElement("div",{className:m},e.createElement(u,null)),e.createElement("div",{className:w},e.createElement("div",{className:v},n)))}var g="h1w59zdn";function E(t){var n=t.children;return e.createElement("code",{className:g},n)}var p="hwmojve",C="h1an07j0",q="sbneplt",f="s1d31n8s",L="s2p0kpw",M="snk81qf",x="lyq3zec",b="iq0a0s6",Z="c1ligx2c",z="c89yndk";function W(t){var n="",l=t.children,a=t.label;"secondary"===t.kind&&(n=t.title);var r=t.kind||"primary";return e.createElement("details",{className:"\n        ".concat(p," \n        ").concat("secondary"===r&&C,"\n   ")},e.createElement("summary",{className:"\n        ".concat(q," \n        ").concat("secondary"===r&&f,"\n   ")},"primary"===r&&e.createElement(e.Fragment,null,e.createElement(H,null),e.createElement(j,null,a)),"secondary"===r&&e.createElement(e.Fragment,null,e.createElement("div",null,e.createElement("div",{className:L},e.createElement(B,null),e.createElement("div",{className:M},n)),e.createElement(j,null,a)),e.createElement(H,null))),e.createElement("div",{className:"\n            ".concat(Z,"\n            ").concat("secondary"===r&&z,"\n        ")},l))}function H(){return e.createElement("div",{className:b},e.createElement("svg",{"data-icon":"true",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24"},e.createElement("path",{fillRule:"evenodd",d:"M8.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L14.586 12 8.293 5.707a1 1 0 0 1 0-1.414Z",clipRule:"evenodd"})))}function B(){return e.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",stroke:"none",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{clipPath:"url(#clip0_1689_2180)"},e.createElement("path",{d:"M4.3 4.3L7.1 7.1M10.6 5.7V1.5M14.8 7.8L17.6 5M5.7 11.3H1.5M7.1 14.8L4.3 17.6M15.5 22.5L9.9 9.9L22.5 14.8L16.9 16.2L15.5 22.5Z",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_1689_2180"},e.createElement("rect",{width:24,height:24,fill:"white"}))))}function j(t){var n=t.children;return e.createElement("div",{className:x},n)}var y="h1tn40xd",V="hnf4kng",N="h1vdtsi8",R="hz5xehg",_="hptgzam",A="h11bbv2f",P="hcoksa6",F="l17d6dy1";function S(n){var l=n.children,a=n.size,r=void 0===a?1:a,c=n.as,o=n.id,i=n.onClick,s=c||"h".concat(r);return t(null),e.createElement(s,{className:"\n            ".concat(y,"\n            ").concat(1===r&&V,"\n            ").concat(2===r&&N,"\n            ").concat(3===r&&R,"\n            ").concat(4===r&&_,"\n            ").concat(5===r&&A,"\n            ").concat(6===r&&P,"\n            xyd_comp-comp-heading\n        "),onClick:i},l,o&&e.createElement(D,null))}function D(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:15,height:15,fill:"currentColor",viewBox:"0 0 24 24",className:F,role:"presentation"},e.createElement("path",{fillRule:"evenodd",d:"M18.293 5.707a4.657 4.657 0 0 0-6.586 0l-1 1a1 1 0 1 1-1.414-1.414l1-1a6.657 6.657 0 1 1 9.414 9.414l-1 1a1 1 0 0 1-1.414-1.414l1-1a4.657 4.657 0 0 0 0-6.586Zm-2.586 2.586a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414l6-6a1 1 0 0 1 1.414 0Zm-9 1a1 1 0 0 1 0 1.414l-1 1a4.657 4.657 0 0 0 6.586 6.586l1-1a1 1 0 0 1 1.414 1.414l-1 1a6.657 6.657 0 1 1-9.414-9.414l1-1a1 1 0 0 1 1.414 0Z",clipRule:"evenodd"}))}var I="h1ej4n95";function X(t){var n=t.children;return e.createElement("hr",{className:I},n)}function G(){return e.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M10 8L16 12L10 16V8Z",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}))}function J(){return e.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M21 7L13.2273 14.9167L9.13636 10.75L3 17",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M16 7H21V12",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}))}function K(){return e.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12 20L12 10",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M6 20L6 4",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M18 20L18 16",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}))}function O(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:24,height:24},e.createElement("path",{fillRule:"evenodd",d:"M14.447 7.106a1 1 0 0 1 .447 1.341l-4 8a1 1 0 1 1-1.788-.894l4-8a1 1 0 0 1 1.341-.447ZM6.6 7.2a1 1 0 0 1 .2 1.4L4.25 12l2.55 3.4a1 1 0 0 1-1.6 1.2l-3-4a1 1 0 0 1 0-1.2l3-4a1 1 0 0 1 1.4-.2Zm10.8 0a1 1 0 0 1 1.4.2l3 4a1 1 0 0 1 0 1.2l-3 4a1 1 0 0 1-1.6-1.2l2.55-3.4-2.55-3.4a1 1 0 0 1 .2-1.4Z",clipRule:"evenodd"}))}function Q(){return e.createElement("svg",{width:24,height:24,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M3.66179 8.03142L6.54954 1.79004C6.63136 1.6132 6.80847 1.5 7.00333 1.5H10.7236C11.0872 1.5 11.3292 1.87581 11.1788 2.20685L9.18871 6.58625C9.03827 6.9173 9.28029 7.2931 9.64391 7.2931L11.589 7.2931C12.0146 7.2931 12.2456 7.79098 11.9708 8.11596L6.77738 14.2573C6.4593 14.6334 5.84636 14.3715 5.89839 13.8816L6.3857 9.2942C6.41708 8.99882 6.18554 8.74138 5.8885 8.74138H4.11558C3.75048 8.74138 3.50848 8.36278 3.66179 8.03142Z",stroke:"black",strokeWidth:1.2,strokeLinejoin:"round"}))}function T(){return e.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M18 8C18 6.4087 17.3679 4.88258 16.2426 3.75736C15.1174 2.63214 13.5913 2 12 2C10.4087 2 8.88258 2.63214 7.75736 3.75736C6.63214 4.88258 6 6.4087 6 8C6 15 3 17 3 17H21C21 17 18 15 18 8Z",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M13.73 21C13.5542 21.3031 13.3019 21.5547 12.9982 21.7295C12.6946 21.9044 12.3504 21.9965 12 21.9965C11.6496 21.9965 11.3054 21.9044 11.0018 21.7295C10.6982 21.5547 10.4458 21.3031 10.27 21",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}))}function U(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none"},e.createElement("path",{d:"M22 9H2M2 7.8L2 16.2C2 17.8802 2 18.7202 2.32698 19.362C2.6146 19.9265 3.07354 20.3854 3.63803 20.673C4.27976 21 5.11984 21 6.8 21H17.2C18.8802 21 19.7202 21 20.362 20.673C20.9265 20.3854 21.3854 19.9265 21.673 19.362C22 18.7202 22 17.8802 22 16.2V7.8C22 6.11984 22 5.27977 21.673 4.63803C21.3854 4.07354 20.9265 3.6146 20.362 3.32698C19.7202 3 18.8802 3 17.2 3L6.8 3C5.11984 3 4.27976 3 3.63803 3.32698C3.07354 3.6146 2.6146 4.07354 2.32698 4.63803C2 5.27976 2 6.11984 2 7.8Z",stroke:"#000000",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}))}function Y(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 16 16",fill:"none"},e.createElement("path",{fill:"#000000",fillRule:"evenodd",d:"M.5 2.75a2.25 2.25 0 114.28.97l1.345 1.344.284-.284a2.25 2.25 0 013.182 0l.284.284 1.344-1.344a2.25 2.25 0 111.06 1.06l-1.343 1.345.284.284a2.25 2.25 0 010 3.182l-.284.284 1.344 1.344a2.25 2.25 0 11-1.06 1.06l-1.345-1.343-.284.284a2.25 2.25 0 01-3.182 0l-.284-.284-1.344 1.344a2.25 2.25 0 11-1.06-1.06l1.343-1.345-.284-.284a2.25 2.25 0 010-3.182l.284-.284L3.72 4.781A2.25 2.25 0 01.5 2.75zM2.75 2a.75.75 0 100 1.5.75.75 0 000-1.5zm0 10.5a.75.75 0 100 1.5.75.75 0 000-1.5zm9.75.75a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM13.25 2a.75.75 0 100 1.5.75.75 0 000-1.5zM7.47 5.841a.75.75 0 011.06 0L10.16 7.47a.75.75 0 010 1.06L8.53 10.16a.75.75 0 01-1.06 0L5.84 8.53a.75.75 0 010-1.06L7.47 5.84z",clipRule:"evenodd"}))}function $(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"#000",width:24,height:24,viewBox:"0 0 32 32"},e.createElement("path",{d:"M18.734 3.667l6.578 3.802c1.089-1.146 2.901-1.193 4.047-0.104 0.193 0.188 0.365 0.401 0.5 0.635 0.786 1.37 0.313 3.12-1.063 3.906-0.229 0.13-0.479 0.234-0.745 0.297v7.599c1.531 0.365 2.474 1.896 2.109 3.427-0.063 0.271-0.172 0.531-0.307 0.771-0.792 1.365-2.536 1.833-3.906 1.042-0.26-0.146-0.5-0.344-0.698-0.568l-6.542 3.776c0.495 1.495-0.318 3.109-1.813 3.604-0.292 0.099-0.594 0.146-0.896 0.146-1.573 0-2.854-1.271-2.854-2.849 0-0.271 0.042-0.547 0.12-0.813l-6.583-3.797c-1.089 1.141-2.896 1.188-4.036 0.094-1.135-1.089-1.177-2.891-0.094-4.031 0.38-0.396 0.865-0.677 1.396-0.807v-7.599c-1.531-0.365-2.479-1.906-2.109-3.443 0.063-0.266 0.167-0.521 0.302-0.755 0.786-1.365 2.536-1.833 3.901-1.042 0.234 0.135 0.453 0.302 0.641 0.5l6.583-3.797c-0.448-1.51 0.417-3.099 1.922-3.542 0.26-0.083 0.536-0.12 0.813-0.12 1.573 0 2.854 1.271 2.854 2.844 0 0.281-0.042 0.557-0.12 0.823zM18.047 4.839c-0.026 0.026-0.047 0.052-0.078 0.078l8.615 14.917c0.036-0.010 0.078-0.021 0.109-0.031v-7.609c-1.526-0.375-2.453-1.922-2.073-3.448 0.005-0.031 0.016-0.068 0.021-0.099zM14.026 4.917l-0.078-0.078-6.594 3.802c0.438 1.51-0.438 3.089-1.948 3.526-0.036 0.010-0.068 0.016-0.104 0.026v7.609l0.115 0.031 8.615-14.917zM16.797 5.594c-0.521 0.146-1.073 0.146-1.589 0l-8.615 14.917c0.391 0.375 0.667 0.859 0.802 1.391h17.214c0.13-0.531 0.406-1.016 0.802-1.396zM18.109 27.229l6.552-3.786c-0.021-0.063-0.036-0.125-0.052-0.188h-17.219l-0.031 0.109 6.589 3.802c0.516-0.536 1.245-0.87 2.052-0.87 0.839 0 1.589 0.359 2.109 0.932z"}))}function ee(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",width:24,height:24,viewBox:"-10 -5 1034 1034"},e.createElement("path",{fill:"#000000",d:"M482 226h-1l-10 2q-33 4 -64.5 18.5t-55.5 38.5q-41 37 -57 91q-9 30 -8 63t12 63q17 45 52 78l13 12l-83 135q-26 -1 -45 7q-30 13 -45 40q-7 15 -9 31t2 32q8 30 33 48q15 10 33 14.5t36 2t34.5 -12.5t27.5 -25q12 -17 14.5 -39t-5.5 -41q-1 -5 -7 -14l-3 -6l118 -192 q6 -9 8 -14l-10 -3q-9 -2 -13 -4q-23 -10 -41.5 -27.5t-28.5 -39.5q-17 -36 -9 -75q4 -23 17 -43t31 -34q37 -27 82 -27q27 -1 52.5 9.5t44.5 30.5q17 16 26.5 38.5t10.5 45.5q0 17 -6 42l70 19l8 1q14 -43 7 -86q-4 -33 -19.5 -63.5t-39.5 -53.5q-42 -42 -103 -56 q-6 -2 -18 -4l-14 -2h-37zM500 350q-17 0 -34 7t-30.5 20.5t-19.5 31.5q-8 20 -4 44q3 18 14 34t28 25q24 15 56 13q3 4 5 8l112 191q3 6 6 9q27 -26 58.5 -35.5t65 -3.5t58.5 26q32 25 43.5 61.5t0.5 73.5q-8 28 -28.5 50t-48.5 33q-31 13 -66.5 8.5t-63.5 -24.5 q-4 -3 -13 -10l-5 -6q-4 3 -11 10l-47 46q23 23 52 38.5t61 21.5l22 4h39l28 -5q64 -13 110 -60q22 -22 36.5 -50.5t19.5 -59.5q5 -36 -2 -71.5t-25 -64.5t-44 -51t-57 -35q-34 -14 -70.5 -16t-71.5 7l-17 5l-81 -137q13 -19 16 -37q5 -32 -13 -60q-16 -25 -44 -35 q-17 -6 -35 -6zM218 614q-58 13 -100 53q-47 44 -61 105l-4 24v37l2 11q2 13 4 20q7 31 24.5 59t42.5 49q50 41 115 49q38 4 76 -4.5t70 -28.5q53 -34 78 -91q7 -17 14 -45q6 -1 18 0l125 2q14 0 20 1q11 20 25 31t31.5 16t35.5 4q28 -3 50 -20q27 -21 32 -54 q2 -17 -1.5 -33t-13.5 -30q-16 -22 -41 -32q-17 -7 -35.5 -6.5t-35.5 7.5q-28 12 -43 37l-3 6q-14 0 -42 -1l-113 -1q-15 -1 -43 -1l-50 -1l3 17q8 43 -13 81q-14 27 -40 45t-57 22q-35 6 -70 -7.5t-57 -42.5q-28 -35 -27 -79q1 -37 23 -69q13 -19 32 -32t41 -19l9 -3z"}))}function te(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",width:24,height:24},e.createElement("path",{d:"M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM243.8 381.4c0 43.6-25.6 63.5-62.9 63.5-33.7 0-53.2-17.4-63.2-38.5l34.3-20.7c6.6 11.7 12.6 21.6 27.1 21.6 13.8 0 22.6-5.4 22.6-26.5V237.7h42.1v143.7zm99.6 63.5c-39.1 0-64.4-18.6-76.7-43l34.3-19.8c9 14.7 20.8 25.6 41.5 25.6 17.4 0 28.6-8.7 28.6-20.8 0-14.4-11.4-19.5-30.7-28l-10.5-4.5c-30.4-12.9-50.5-29.2-50.5-63.5 0-31.6 24.1-55.6 61.6-55.6 26.8 0 46 9.3 59.8 33.7L368 290c-7.2-12.9-15-18-27.1-18-12.3 0-20.1 7.8-20.1 18 0 12.6 7.8 17.7 25.9 25.6l10.5 4.5c35.8 15.3 55.9 31 55.9 66.2 0 37.8-29.8 58.6-69.7 58.6z"}))}function ne(){return e.createElement("svg",{width:24,height:24,xmlns:"http://www.w3.org/2000/svg","data-name":"Layer 1",viewBox:"0 0 109 122.88"},e.createElement("defs",null,e.createElement("style",null,".cls-1{fill-rule:evenodd;}")),e.createElement("title",null,"node-js-black"),e.createElement("path",{className:"cls-1",d:"M68.43,87.08c-19.7,0-23.83-9-23.83-16.63a1.3,1.3,0,0,1,1.3-1.3h5.82A1.3,1.3,0,0,1,53,70.25c.88,5.93,3.49,8.92,15.41,8.92C77.9,79.17,81.93,77,81.93,72c0-2.9-1.15-5-15.89-6.49-12.33-1.22-20-3.93-20-13.8,0-9.08,7.66-14.49,20.5-14.49,14.42,0,21.56,5,22.46,15.76a1.31,1.31,0,0,1-.35,1,1.35,1.35,0,0,1-1,.42H81.9a1.29,1.29,0,0,1-1.26-1c-1.41-6.23-4.81-8.23-14.07-8.23C56.21,45.15,55,48.76,55,51.46c0,3.28,1.42,4.24,15.4,6.09S90.82,62,90.82,71.71,82.64,87.14,68.37,87.14l.06-.06Zm-13.91,35.8a9.45,9.45,0,0,1-4.72-1.26l-15-8.9c-2.25-1.26-1.15-1.7-.41-2a30.38,30.38,0,0,0,6.8-3.1,1.15,1.15,0,0,1,1.12.08l11.55,6.85a1.51,1.51,0,0,0,1.4,0l45-26a1.42,1.42,0,0,0,.69-1.22V35.43a1.44,1.44,0,0,0-.7-1.24l-45-26a1.38,1.38,0,0,0-1.39,0l-45,26a1.42,1.42,0,0,0-.71,1.23v52a1.39,1.39,0,0,0,.7,1.21l12.33,7.12C27.85,99.06,32,95.11,32,91.15V39.86a1.29,1.29,0,0,1,1.31-1.3H39a1.29,1.29,0,0,1,1.3,1.3V91.17c0,8.93-4.87,14-13.33,14-2.6,0-4.66,0-10.38-2.82L4.72,95.59A9.51,9.51,0,0,1,0,87.38v-52a9.47,9.47,0,0,1,4.72-8.21l45.07-26a9.89,9.89,0,0,1,9.47,0l45,26A9.49,9.49,0,0,1,109,35.43v52a9.54,9.54,0,0,1-4.72,8.21l-45,26a9.5,9.5,0,0,1-4.74,1.26v0Zm0,0Z"}))}function le(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"#000000",width:24,height:24,viewBox:"0 0 32 32"},e.createElement("path",{d:"M21.786 0.318l-0.161 3.615c-0.005 0.203 0.229 0.328 0.391 0.203l1.411-1.068 1.198 0.932c0.156 0.104 0.365 0 0.375-0.188l-0.135-3.677 1.776-0.135c0.922-0.063 1.708 0.672 1.708 1.599v28.802c0 0.917-0.766 1.646-1.682 1.599l-21.469-0.958c-0.833-0.036-1.505-0.708-1.531-1.547l-1-26.401c-0.052-0.885 0.62-1.646 1.505-1.693l17.599-1.109zM17.693 12.401c0 0.625 4.214 0.318 4.786-0.109 0-4.266-2.292-6.521-6.479-6.521-4.198 0-6.531 2.297-6.531 5.724 0 5.932 8 6.036 8 9.276 0 0.938-0.427 1.469-1.401 1.469-1.281 0-1.802-0.651-1.734-2.88 0-0.479-4.865-0.641-5.026 0-0.359 5.375 2.974 6.932 6.797 6.932 3.724 0 6.63-1.984 6.63-5.573 0-6.359-8.135-6.188-8.135-9.333 0-1.292 0.964-1.464 1.505-1.464 0.604 0 1.667 0.094 1.589 2.49z"}))}function ae(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 602 360",fill:"none"},e.createElement("path",{d:"M480.96 180C480.96 196.572 474.239 211.572 463.357 222.42C452.475 233.28 437.445 240 420.84 240C404.235 240 389.205 246.708 378.335 257.568C367.453 268.428 360.72 283.428 360.72 300C360.72 316.572 353.999 331.572 343.117 342.42C332.235 353.28 317.205 360 300.6 360C283.995 360 268.965 353.28 258.095 342.42C247.213 331.572 240.48 316.572 240.48 300C240.48 283.428 247.213 268.428 258.095 257.568C268.965 246.708 283.995 240 300.6 240C317.205 240 332.235 233.28 343.117 222.42C353.999 211.572 360.72 196.572 360.72 180C360.72 146.856 333.81 120 300.6 120C283.995 120 268.965 113.28 258.095 102.42C247.213 91.572 240.48 76.572 240.48 60C240.48 43.428 247.213 28.428 258.095 17.568C268.965 6.708 283.995 0 300.6 0C333.81 0 360.72 26.856 360.72 60C360.72 76.572 367.453 91.572 378.335 102.42C389.205 113.28 404.235 120 420.84 120C454.05 120 480.96 146.856 480.96 180Z",fill:"#121212"}),e.createElement("path",{d:"M240.48 180C240.48 146.862 213.563 120 180.36 120C147.157 120 120.24 146.862 120.24 180C120.24 213.137 147.157 240 180.36 240C213.563 240 240.48 213.137 240.48 180Z",fill:"#121212"}),e.createElement("path",{d:"M120.24 300C120.24 266.863 93.3234 240 60.12 240C26.9166 240 0 266.863 0 300C0 333.138 26.9166 360 60.12 360C93.3234 360 120.24 333.138 120.24 300Z",fill:"#121212"}),e.createElement("path",{d:"M601.2 300C601.2 266.863 574.283 240 541.08 240C507.877 240 480.96 266.863 480.96 300C480.96 333.138 507.877 360 541.08 360C574.283 360 601.2 333.138 601.2 300Z",fill:"#121212"}))}function re(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 15 15",fill:"none"},e.createElement("path",{d:"M4.5 4.5L4.90534 4.20725C4.77836 4.03144 4.55252 3.95753 4.34617 4.02425C4.13981 4.09098 4 4.28313 4 4.5H4.5ZM7.5 14C3.91015 14 1 11.0899 1 7.5H0C0 11.6421 3.35786 15 7.5 15V14ZM14 7.5C14 11.0899 11.0899 14 7.5 14V15C11.6421 15 15 11.6421 15 7.5H14ZM7.5 1C11.0899 1 14 3.91015 14 7.5H15C15 3.35786 11.6421 0 7.5 0V1ZM7.5 0C3.35786 0 0 3.35786 0 7.5H1C1 3.91015 3.91015 1 7.5 1V0ZM5 12V4.5H4V12H5ZM4.09466 4.79275L10.5947 13.7927L11.4053 13.2073L4.90534 4.20725L4.09466 4.79275ZM10 4V10H11V4H10Z",fill:"#000000"}))}function ce(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 80 80",fill:"none"},e.createElement("g",{clipPath:"url(#clip0_202_147)"},e.createElement("path",{d:"M0 55.3333H80",stroke:"black",strokeWidth:.506667}),e.createElement("path",{d:"M0 40H80",stroke:"black",strokeWidth:.506667}),e.createElement("path",{d:"M0 24.6667H80",stroke:"black",strokeWidth:.506667}),e.createElement("path",{d:"M55.3334 80V0",stroke:"black",strokeWidth:.506667}),e.createElement("path",{d:"M40 80V0",stroke:"black",strokeWidth:.506667}),e.createElement("path",{d:"M24.6666 80V0",stroke:"black",strokeWidth:.506667}),e.createElement("path",{d:"M80 80L0 0",stroke:"black",strokeWidth:.506667}),e.createElement("path",{d:"M0 80L80 0",stroke:"black",strokeWidth:.506667}),e.createElement("rect",{x:5.33337,y:5.33333,width:69.3333,height:69.3333,stroke:"black",strokeWidth:.506667}),e.createElement("circle",{cx:40,cy:40,r:15.3333,stroke:"black",strokeWidth:.506667}),e.createElement("circle",{cx:40,cy:40,r:22,stroke:"black",strokeWidth:.506667}),e.createElement("circle",{cx:40,cy:40,r:34.6667,stroke:"black",strokeWidth:.506667})),e.createElement("rect",{x:.253333,y:.253333,width:79.4933,height:79.4933,rx:17.08,stroke:"black",strokeWidth:.506667}),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_202_147"},e.createElement("rect",{width:80,height:80,rx:17.3333,fill:"white"}))))}export{s as B,E as C,W as D,X as H,ce as I,S as a,o as b,k as c,re as d,ae as e,le as f,ne as g,te as h,ee as i,$ as j,Y as k,U as l,T as m,Q as n,O as o,K as p,J as q,G as r};
+//# sourceMappingURL=index-P2Ntn1sE.js.map

package/dist/index-P2Ntn1sE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-P2Ntn1sE.js","sources":["../src/writer/Badge/Badge.styles.tsx","../src/writer/Badge/Badge.tsx","../src/writer/Blockquote/Blockquote.styles.tsx","../src/writer/Blockquote/Blockquote.tsx","../src/writer/Callout/Callout.styles.tsx","../src/writer/Callout/Callout.tsx","../src/writer/Code/Code.styles.tsx","../src/writer/Code/Code.tsx","../src/writer/Details/Details.styles.tsx","../src/writer/Details/Details.tsx","../src/writer/Heading/Heading.styles.tsx","../src/writer/Heading/Heading.tsx","../src/writer/Hr/Hr.styles.tsx","../src/writer/Hr/Hr.tsx","../src/writer/Icon/index.tsx"],"sourcesContent":["import {css} from \"@linaria/core\";\n\nexport const $badge = {\n    host: css`\n        display: inline-flex;\n        align-items: center;\n        line-height: 1rem;\n        font-style: normal;\n        font-weight: 500;\n        letter-spacing: normal;\n        white-space: nowrap;\n        text-transform: none;\n    `,\n    host$$warning: css`\n        color: #000;\n        background-color: #f8d047;\n    `,\n    host$$info: css`\n        color: #fff;\n        background-color: #1FA6F2;\n    `,\n    host$$sm: css`\n        font-size: 12px;\n        height: 18px;\n        padding: 0 6px;\n        gap: 3px;\n        border-radius: 6px;\n    `,\n\n    item: css`\n        position: relative;\n    `\n}","import React from \"react\"\n\nimport {$badge} from \"./Badge.styles\";\n\nexport interface BadgeProps {\n    children: React.ReactNode;\n\n    size?: \"sm\"\n    kind?: \"warning\" | \"info\"\n}\n\nexport function Badge({\n                          children,\n                          size = \"sm\",\n                          kind = \"warning\"\n                      }: BadgeProps) {\n    return <div className={`\n        ${$badge.host}\n        \n        ${size === \"sm\" && $badge.host$$sm}\n        \n        ${kind === \"warning\" && $badge.host$$warning}\n        \n        ${kind === \"info\" && $badge.host$$info}\n    `}>\n        <span className={$badge.item}>\n            {children}\n        </span>\n    </div>\n}","import {css} from \"@linaria/core\";\n\nexport const $blockquote = {\n    host: css`\n        color: rgb(55 65 81 / 1);\n        font-style: italic;\n        border-color: rgb(209 213 219 / 1);\n        margin: 0;\n    `\n}","import React from \"react\"\n\nimport {$blockquote} from \"./Blockquote.styles\";\n\nexport interface BlockquoteProps {\n    children: React.ReactNode;\n}\n\nexport function Blockquote({children}: BlockquoteProps) {\n    return <blockquote className={$blockquote.host}>\n        {children}\n    </blockquote>\n}","import {css} from \"@linaria/core\";\n\nexport const $callout = {\n    host: css`\n        display: inline-flex;\n        align-items: center;\n\n        position: relative;\n        width: 100%;\n        min-width: 275px;\n        padding: 8px 12px;\n\n        border-radius: 8px;\n\n        text-align: center;\n\n        border: 1px solid #ececf1;\n    `,\n    $$neutral: css`\n        background-color: #f7f7f8;\n\n        border-color: #ececf1;\n    `\n}\n\nexport const $icon = {\n    host: css`\n        display: inline-flex;\n        margin-right: 14px;\n        flex: 0 0 auto;\n        align-self: flex-start;\n\n        color: #6e6e80;\n        font-size: 20px;\n        margin-top: 2px;\n    `\n}\n\nexport const $message = {\n    host: css`\n        color: #353740;\n        text-align: left;\n\n        flex: 1 1 auto;\n    `,\n    body: css`\n        font-size: 14px;\n        line-height: 20px;\n    `\n}\n","import React from \"react\"\n\nimport {$callout, $icon, $message} from \"./Callout.styles\";\n\nexport interface CalloutProps {\n    children: React.ReactNode;\n}\n\nfunction InfoIcon() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"1em\"\n        height=\"1em\"\n        fill=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n    >\n        <path d=\"M13 12a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm-1-2.5A1.25 1.25 0 1 0 12 7a1.25 1.25 0 0 0 0 2.5Z\"/>\n        <path\n            fillRule=\"evenodd\"\n            d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z\"\n            clipRule=\"evenodd\"\n        />\n    </svg>\n}\n\nexport function Callout({children}: CalloutProps) {\n    return <div className={`${$callout.host} ${$callout.$$neutral}`}>\n        <div className={$icon.host}>\n            <InfoIcon/>\n        </div>\n        <div className={$message.host}>\n            <div className={$message.body}>\n                {children}\n            </div>\n        </div>\n    </div>\n}","import {css} from \"@linaria/core\";\n\nexport const $code = {\n    host: css`\n        display: inline-block;\n        padding: 0 .3em;\n        border-radius: 6px;\n        margin: 0 3px;\n        border: .5px solid #ececf1;\n\n        font-size: 14px;\n        font-weight: 500;\n        line-height: 1.6em;\n\n        background: linear-gradient(45deg, #f7f7f8 0%, rgba(247, 247, 248, 1) 100%);\n    `\n}","import React from \"react\"\n\nimport {$code} from \"./Code.styles\";\n\nexport interface CodeProps {\n    children: React.ReactNode;\n}\n\nexport function Code({children}: CodeProps) {\n    return <code className={$code.host}>\n        {children}\n    </code>\n}","import {css} from \"@linaria/core\";\n\nexport const $details = {\n    host: css`\n        border-top: 1px solid #ececf1;\n\n        &[open] summary svg[data-icon=\"true\"] { // TODO: bad solution\n            transform: rotate(90deg);\n        }\n    `,\n    host$$secondary: css`\n        background-color: #f7f7f8;\n        border: 1px solid #ececf1;\n        border-radius: 8px;\n    `,\n    summary: css`\n        padding: 16px 14px 16px 0;\n        font-size: 18px;\n        cursor: pointer;\n        font-weight: 500;\n        font-variant-numeric: tabular-nums;\n        line-height: 1.4;\n        transition: color 0.3s;\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: flex-start;\n        list-style: none;\n\n        &:hover {\n            color: #565869;\n        }\n    `,\n    summary$$secondary: css`\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        cursor: pointer;\n        padding: 20px 24px;\n    `,\n    summaryDeep: css`\n        display: flex;\n        align-items: center;\n        margin-bottom: 8px;\n    `,\n    summaryDeep$text: css`\n        color: #6e6e80;\n        text-transform: uppercase;\n        font-size: 12px;\n        line-height: 16px;\n        letter-spacing: .08em;\n        margin-left: 8px;\n        font-weight: 700;\n    `,\n    label: css`\n        flex: 1 1 auto;\n    `,\n    icon: css`\n        flex: 0 0 auto;\n        font-size: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding-right: 6px;\n    `,\n    content: css`\n        padding: 0 24px 20px;\n    `,\n    content$$secondary: css`\n        // TODO: also bad\n\n        code {\n            background: white;\n        }\n    `\n}","import React from \"react\"\n\nimport {$details} from \"./Details.styles\";\n\ninterface BaseDetailsProps {\n    children: React.ReactNode;\n    label: string;\n}\n\ninterface SecondaryDetailsProps extends BaseDetailsProps {\n    kind: \"secondary\";\n    title: string;\n}\n\ninterface PrimaryDetailsProps extends BaseDetailsProps {\n    kind?: \"primary\";\n}\n\nexport type DetailsProps = PrimaryDetailsProps | SecondaryDetailsProps;\n\nexport function Details(props: DetailsProps) {\n    let title = \"\";\n    const {children, label} = props;\n\n    if (props.kind === \"secondary\") {\n        title = props.title;\n    }\n\n    const kind = props.kind || \"primary\";\n\n    return <details className={`\n        ${$details.host} \n        ${kind === \"secondary\" && $details.host$$secondary}\n   `}>\n        <summary className={`\n        ${$details.summary} \n        ${kind === \"secondary\" && $details.summary$$secondary}\n   `}>\n            {kind === \"primary\" && <>\n                <$Icon/>\n                <$Label>\n                    {label}\n                </$Label>\n            </>}\n            {kind === \"secondary\" && <>\n                <div>\n                    <div className={$details.summaryDeep}>\n                        <$IconDeep/>\n                        <div className={$details.summaryDeep$text}>\n                            {title}\n                        </div>\n                    </div>\n                    <$Label>\n                        {label}\n                    </$Label>\n                </div>\n                <$Icon/>\n            </>}\n        </summary>\n\n        <div className={`\n            ${$details.content}\n            ${kind === \"secondary\" && $details.content$$secondary}\n        `}>\n            {children}\n        </div>\n    </details>\n}\n\nfunction $Icon() {\n    return <div className={$details.icon}>\n        <svg\n            // TODO: bad solution\n            data-icon=\"true\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"1em\"\n            height=\"1em\"\n            fill=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n        >\n            <path\n                fillRule=\"evenodd\"\n                d=\"M8.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L14.586 12 8.293 5.707a1 1 0 0 1 0-1.414Z\"\n                clipRule=\"evenodd\"\n            />\n        </svg>\n    </div>\n}\n\nfunction $IconDeep() {\n    return <svg\n        width=\"1em\"\n        height=\"1em\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"none\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <g clipPath=\"url(#clip0_1689_2180)\">\n            <path\n                d=\"M4.3 4.3L7.1 7.1M10.6 5.7V1.5M14.8 7.8L17.6 5M5.7 11.3H1.5M7.1 14.8L4.3 17.6M15.5 22.5L9.9 9.9L22.5 14.8L16.9 16.2L15.5 22.5Z\"\n                stroke=\"black\"\n                strokeWidth={2}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </g>\n        <defs>\n            <clipPath id=\"clip0_1689_2180\">\n                <rect width={24} height={24} fill=\"white\"/>\n            </clipPath>\n        </defs>\n    </svg>\n}\n\nfunction $Label({children}: {\n    children?: React.ReactNode\n}) {\n    return <div className={$details.label}>\n        {children}\n    </div>\n}","import {css} from \"@linaria/core\";\n\nexport const $heading = {\n    host: css`\n        line-height: 40px;\n        font-weight: 300;\n        color: #202123;\n\n        position: relative;\n        display: inline-block;\n        margin: 0;\n        padding: 0 24px 0 0;\n        scroll-margin-top: 30px;\n        cursor: pointer;\n\n        &:hover {\n            svg {\n                opacity: 1;\n            }\n        }\n    `,\n    h1: css`\n        font-size: 36px;\n\n        code {\n            font-size: 30px;\n        }\n    `,\n    h2: css`\n        font-size: 30px;\n\n        code {\n            font-size: 24px;\n        }\n    `,\n    h3: css`\n        font-size: 26px;\n\n        code {\n            font-size: 22px;\n        }\n    `,\n    h4: css`\n        font-size: 22px;\n\n        code {\n            font-size: 18px;\n        }\n    `,\n    h5: css`\n        font-size: 18px;\n\n        code {\n            font-size: 14px;\n        }\n    `,\n    h6: css`\n        font-size: 16px;\n\n        code {\n            font-size: 12px;\n        }\n    `,\n    link: css`\n        position: absolute;\n        top: 50%;\n        right: 0;\n        margin-top: -6px;\n        opacity: 0;\n        color: #7051d4;\n        transition: opacity .15s ease;\n    `\n}","import React, {useRef} from \"react\"\n\nimport {$heading} from \"./Heading.styles\";\n\nexport interface HeadingProps {\n    children: React.ReactNode\n    size: 1 | 2 | 3 | 4 | 5 | 6\n    as?: \"div\" | \"span\"\n    id?: string\n    onClick?: () => void\n}\n\nexport function Heading({children, size = 1, as, id, onClick}: HeadingProps) {\n    let HeadingComponent = as ? as : `h${size}` as \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"\n\n    const obRef = useRef<HTMLAnchorElement>(null)\n\n    return <HeadingComponent\n        className={`\n            ${$heading.host}\n            ${size === 1 && $heading.h1}\n            ${size === 2 && $heading.h2}\n            ${size === 3 && $heading.h3}\n            ${size === 4 && $heading.h4}\n            ${size === 5 && $heading.h5}\n            ${size === 6 && $heading.h6}\n            xyd_comp-comp-heading\n        `}\n        onClick={onClick}\n    >\n        {children}\n\n        {id && <$Anchor/>}\n    </HeadingComponent>\n}\n\nfunction $Anchor() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={15}\n        height={15}\n        fill=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n        className={$heading.link}\n        role=\"presentation\"\n    >\n        <path\n            fillRule=\"evenodd\"\n            d=\"M18.293 5.707a4.657 4.657 0 0 0-6.586 0l-1 1a1 1 0 1 1-1.414-1.414l1-1a6.657 6.657 0 1 1 9.414 9.414l-1 1a1 1 0 0 1-1.414-1.414l1-1a4.657 4.657 0 0 0 0-6.586Zm-2.586 2.586a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414l6-6a1 1 0 0 1 1.414 0Zm-9 1a1 1 0 0 1 0 1.414l-1 1a4.657 4.657 0 0 0 6.586 6.586l1-1a1 1 0 0 1 1.414 1.414l-1 1a6.657 6.657 0 1 1-9.414-9.414l1-1a1 1 0 0 1 1.414 0Z\"\n            clipRule=\"evenodd\"\n        />\n    </svg>\n}","import {css} from \"@linaria/core\";\n\nexport const $hr = {\n    host: css`\n        border-color: rgb(229 229 229 / 0.7);\n    `\n}","import React from \"react\"\n\nimport {$hr} from \"./Hr.styles\";\n\nexport interface HrProps {\n    children: React.ReactNode;\n}\n\nexport function Hr({children}: HrProps) {\n    return <hr className={$hr.host}>\n        {children}\n    </hr>\n}","import React from \"react\";\n\n// TODO: better icon system\n\nexport function IconSessionReplay() {\n    return <svg\n        width={24}\n        height={24}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <path\n            d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"\n            stroke=\"black\"\n            strokeWidth={2}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n        />\n        <path\n            d=\"M10 8L16 12L10 16V8Z\"\n            stroke=\"black\"\n            strokeWidth={2}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n        />\n    </svg>\n}\n\nexport function IconMetrics() {\n    return <svg\n        width={24}\n        height={24}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <path\n            d=\"M21 7L13.2273 14.9167L9.13636 10.75L3 17\"\n            stroke=\"black\"\n            strokeWidth={2}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n        />\n        <path\n            d=\"M16 7H21V12\"\n            stroke=\"black\"\n            strokeWidth={2}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n        />\n    </svg>\n}\n\nexport function IconFunnels() {\n    return <svg\n        width={24}\n        height={24}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <path\n            d=\"M12 20L12 10\"\n            stroke=\"black\"\n            strokeWidth={2}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n        />\n        <path\n            d=\"M6 20L6 4\"\n            stroke=\"black\"\n            strokeWidth={2}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n        />\n        <path\n            d=\"M18 20L18 16\"\n            stroke=\"black\"\n            strokeWidth={2}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n        />\n    </svg>\n}\n\nexport function IconCode() {\n    return <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width={24} height={24}>\n        <path\n            fillRule=\"evenodd\"\n            d=\"M14.447 7.106a1 1 0 0 1 .447 1.341l-4 8a1 1 0 1 1-1.788-.894l4-8a1 1 0 0 1 1.341-.447ZM6.6 7.2a1 1 0 0 1 .2 1.4L4.25 12l2.55 3.4a1 1 0 0 1-1.6 1.2l-3-4a1 1 0 0 1 0-1.2l3-4a1 1 0 0 1 1.4-.2Zm10.8 0a1 1 0 0 1 1.4.2l3 4a1 1 0 0 1 0 1.2l-3 4a1 1 0 0 1-1.6-1.2l2.55-3.4-2.55-3.4a1 1 0 0 1 .2-1.4Z\"\n            clipRule=\"evenodd\"\n        />\n    </svg>\n}\n\nexport function IconCustomEvent() {\n    return <svg\n        width={24}\n        height={24}\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <path\n            d=\"M3.66179 8.03142L6.54954 1.79004C6.63136 1.6132 6.80847 1.5 7.00333 1.5H10.7236C11.0872 1.5 11.3292 1.87581 11.1788 2.20685L9.18871 6.58625C9.03827 6.9173 9.28029 7.2931 9.64391 7.2931L11.589 7.2931C12.0146 7.2931 12.2456 7.79098 11.9708 8.11596L6.77738 14.2573C6.4593 14.6334 5.84636 14.3715 5.89839 13.8816L6.3857 9.2942C6.41708 8.99882 6.18554 8.74138 5.8885 8.74138H4.11558C3.75048 8.74138 3.50848 8.36278 3.66179 8.03142Z\"\n            stroke=\"black\"\n            strokeWidth={1.2}\n            strokeLinejoin=\"round\"\n        />\n    </svg>\n}\n\nexport function IconAlert() {\n    return <svg\n        width={24}\n        height={24}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <path\n            d=\"M18 8C18 6.4087 17.3679 4.88258 16.2426 3.75736C15.1174 2.63214 13.5913 2 12 2C10.4087 2 8.88258 2.63214 7.75736 3.75736C6.63214 4.88258 6 6.4087 6 8C6 15 3 17 3 17H21C21 17 18 15 18 8Z\"\n            stroke=\"black\"\n            strokeWidth={2}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n        />\n        <path\n            d=\"M13.73 21C13.5542 21.3031 13.3019 21.5547 12.9982 21.7295C12.6946 21.9044 12.3504 21.9965 12 21.9965C11.6496 21.9965 11.3054 21.9044 11.0018 21.7295C10.6982 21.5547 10.4458 21.3031 10.27 21\"\n            stroke=\"black\"\n            strokeWidth={2}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n        />\n    </svg>\n}\n\nexport function IconBrowser() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={24}\n        height={24}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n    >\n        <path\n            d=\"M22 9H2M2 7.8L2 16.2C2 17.8802 2 18.7202 2.32698 19.362C2.6146 19.9265 3.07354 20.3854 3.63803 20.673C4.27976 21 5.11984 21 6.8 21H17.2C18.8802 21 19.7202 21 20.362 20.673C20.9265 20.3854 21.3854 19.9265 21.673 19.362C22 18.7202 22 17.8802 22 16.2V7.8C22 6.11984 22 5.27977 21.673 4.63803C21.3854 4.07354 20.9265 3.6146 20.362 3.32698C19.7202 3 18.8802 3 17.2 3L6.8 3C5.11984 3 4.27976 3 3.63803 3.32698C3.07354 3.6146 2.6146 4.07354 2.32698 4.63803C2 5.27976 2 6.11984 2 7.8Z\"\n            stroke=\"#000000\"\n            strokeWidth={2}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n        />\n    </svg>\n}\n\nexport function IconREST() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={24}\n        height={24}\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n    >\n        <path\n            fill=\"#000000\"\n            fillRule=\"evenodd\"\n            d=\"M.5 2.75a2.25 2.25 0 114.28.97l1.345 1.344.284-.284a2.25 2.25 0 013.182 0l.284.284 1.344-1.344a2.25 2.25 0 111.06 1.06l-1.343 1.345.284.284a2.25 2.25 0 010 3.182l-.284.284 1.344 1.344a2.25 2.25 0 11-1.06 1.06l-1.345-1.343-.284.284a2.25 2.25 0 01-3.182 0l-.284-.284-1.344 1.344a2.25 2.25 0 11-1.06-1.06l1.343-1.345-.284-.284a2.25 2.25 0 010-3.182l.284-.284L3.72 4.781A2.25 2.25 0 01.5 2.75zM2.75 2a.75.75 0 100 1.5.75.75 0 000-1.5zm0 10.5a.75.75 0 100 1.5.75.75 0 000-1.5zm9.75.75a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM13.25 2a.75.75 0 100 1.5.75.75 0 000-1.5zM7.47 5.841a.75.75 0 011.06 0L10.16 7.47a.75.75 0 010 1.06L8.53 10.16a.75.75 0 01-1.06 0L5.84 8.53a.75.75 0 010-1.06L7.47 5.84z\"\n            clipRule=\"evenodd\"\n        />\n    </svg>\n}\n\nexport function IconGraphQL() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"#000\"\n        width={24}\n        height={24}\n        viewBox=\"0 0 32 32\"\n    >\n        <path\n            d=\"M18.734 3.667l6.578 3.802c1.089-1.146 2.901-1.193 4.047-0.104 0.193 0.188 0.365 0.401 0.5 0.635 0.786 1.37 0.313 3.12-1.063 3.906-0.229 0.13-0.479 0.234-0.745 0.297v7.599c1.531 0.365 2.474 1.896 2.109 3.427-0.063 0.271-0.172 0.531-0.307 0.771-0.792 1.365-2.536 1.833-3.906 1.042-0.26-0.146-0.5-0.344-0.698-0.568l-6.542 3.776c0.495 1.495-0.318 3.109-1.813 3.604-0.292 0.099-0.594 0.146-0.896 0.146-1.573 0-2.854-1.271-2.854-2.849 0-0.271 0.042-0.547 0.12-0.813l-6.583-3.797c-1.089 1.141-2.896 1.188-4.036 0.094-1.135-1.089-1.177-2.891-0.094-4.031 0.38-0.396 0.865-0.677 1.396-0.807v-7.599c-1.531-0.365-2.479-1.906-2.109-3.443 0.063-0.266 0.167-0.521 0.302-0.755 0.786-1.365 2.536-1.833 3.901-1.042 0.234 0.135 0.453 0.302 0.641 0.5l6.583-3.797c-0.448-1.51 0.417-3.099 1.922-3.542 0.26-0.083 0.536-0.12 0.813-0.12 1.573 0 2.854 1.271 2.854 2.844 0 0.281-0.042 0.557-0.12 0.823zM18.047 4.839c-0.026 0.026-0.047 0.052-0.078 0.078l8.615 14.917c0.036-0.010 0.078-0.021 0.109-0.031v-7.609c-1.526-0.375-2.453-1.922-2.073-3.448 0.005-0.031 0.016-0.068 0.021-0.099zM14.026 4.917l-0.078-0.078-6.594 3.802c0.438 1.51-0.438 3.089-1.948 3.526-0.036 0.010-0.068 0.016-0.104 0.026v7.609l0.115 0.031 8.615-14.917zM16.797 5.594c-0.521 0.146-1.073 0.146-1.589 0l-8.615 14.917c0.391 0.375 0.667 0.859 0.802 1.391h17.214c0.13-0.531 0.406-1.016 0.802-1.396zM18.109 27.229l6.552-3.786c-0.021-0.063-0.036-0.125-0.052-0.188h-17.219l-0.031 0.109 6.589 3.802c0.516-0.536 1.245-0.87 2.052-0.87 0.839 0 1.589 0.359 2.109 0.932z\"/>\n    </svg>\n}\n\nexport function IconWebhooks() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n        width={24}\n        height={24}\n        viewBox=\"-10 -5 1034 1034\"\n    >\n        <path\n            fill=\"#000000\"\n            d=\"M482 226h-1l-10 2q-33 4 -64.5 18.5t-55.5 38.5q-41 37 -57 91q-9 30 -8 63t12 63q17 45 52 78l13 12l-83 135q-26 -1 -45 7q-30 13 -45 40q-7 15 -9 31t2 32q8 30 33 48q15 10 33 14.5t36 2t34.5 -12.5t27.5 -25q12 -17 14.5 -39t-5.5 -41q-1 -5 -7 -14l-3 -6l118 -192 q6 -9 8 -14l-10 -3q-9 -2 -13 -4q-23 -10 -41.5 -27.5t-28.5 -39.5q-17 -36 -9 -75q4 -23 17 -43t31 -34q37 -27 82 -27q27 -1 52.5 9.5t44.5 30.5q17 16 26.5 38.5t10.5 45.5q0 17 -6 42l70 19l8 1q14 -43 7 -86q-4 -33 -19.5 -63.5t-39.5 -53.5q-42 -42 -103 -56 q-6 -2 -18 -4l-14 -2h-37zM500 350q-17 0 -34 7t-30.5 20.5t-19.5 31.5q-8 20 -4 44q3 18 14 34t28 25q24 15 56 13q3 4 5 8l112 191q3 6 6 9q27 -26 58.5 -35.5t65 -3.5t58.5 26q32 25 43.5 61.5t0.5 73.5q-8 28 -28.5 50t-48.5 33q-31 13 -66.5 8.5t-63.5 -24.5 q-4 -3 -13 -10l-5 -6q-4 3 -11 10l-47 46q23 23 52 38.5t61 21.5l22 4h39l28 -5q64 -13 110 -60q22 -22 36.5 -50.5t19.5 -59.5q5 -36 -2 -71.5t-25 -64.5t-44 -51t-57 -35q-34 -14 -70.5 -16t-71.5 7l-17 5l-81 -137q13 -19 16 -37q5 -32 -13 -60q-16 -25 -44 -35 q-17 -6 -35 -6zM218 614q-58 13 -100 53q-47 44 -61 105l-4 24v37l2 11q2 13 4 20q7 31 24.5 59t42.5 49q50 41 115 49q38 4 76 -4.5t70 -28.5q53 -34 78 -91q7 -17 14 -45q6 -1 18 0l125 2q14 0 20 1q11 20 25 31t31.5 16t35.5 4q28 -3 50 -20q27 -21 32 -54 q2 -17 -1.5 -33t-13.5 -30q-16 -22 -41 -32q-17 -7 -35.5 -6.5t-35.5 7.5q-28 12 -43 37l-3 6q-14 0 -42 -1l-113 -1q-15 -1 -43 -1l-50 -1l3 17q8 43 -13 81q-14 27 -40 45t-57 22q-35 6 -70 -7.5t-57 -42.5q-28 -35 -27 -79q1 -37 23 -69q13 -19 32 -32t41 -19l9 -3z\"\n        />\n    </svg>\n}\n\nexport function IconJSBrowser() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 448 512\"\n        width={24}\n        height={24}\n    >\n        <path\n            d=\"M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM243.8 381.4c0 43.6-25.6 63.5-62.9 63.5-33.7 0-53.2-17.4-63.2-38.5l34.3-20.7c6.6 11.7 12.6 21.6 27.1 21.6 13.8 0 22.6-5.4 22.6-26.5V237.7h42.1v143.7zm99.6 63.5c-39.1 0-64.4-18.6-76.7-43l34.3-19.8c9 14.7 20.8 25.6 41.5 25.6 17.4 0 28.6-8.7 28.6-20.8 0-14.4-11.4-19.5-30.7-28l-10.5-4.5c-30.4-12.9-50.5-29.2-50.5-63.5 0-31.6 24.1-55.6 61.6-55.6 26.8 0 46 9.3 59.8 33.7L368 290c-7.2-12.9-15-18-27.1-18-12.3 0-20.1 7.8-20.1 18 0 12.6 7.8 17.7 25.9 25.6l10.5 4.5c35.8 15.3 55.9 31 55.9 66.2 0 37.8-29.8 58.6-69.7 58.6z\"/>\n    </svg>\n}\n\nexport function IconJSNode() {\n    return <svg\n        width={24}\n        height={24}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        data-name=\"Layer 1\"\n        viewBox=\"0 0 109 122.88\"\n    >\n        <defs>\n            <style>{\".cls-1{fill-rule:evenodd;}\"}</style>\n        </defs>\n        <title>{\"node-js-black\"}</title>\n        <path\n            className=\"cls-1\"\n            d=\"M68.43,87.08c-19.7,0-23.83-9-23.83-16.63a1.3,1.3,0,0,1,1.3-1.3h5.82A1.3,1.3,0,0,1,53,70.25c.88,5.93,3.49,8.92,15.41,8.92C77.9,79.17,81.93,77,81.93,72c0-2.9-1.15-5-15.89-6.49-12.33-1.22-20-3.93-20-13.8,0-9.08,7.66-14.49,20.5-14.49,14.42,0,21.56,5,22.46,15.76a1.31,1.31,0,0,1-.35,1,1.35,1.35,0,0,1-1,.42H81.9a1.29,1.29,0,0,1-1.26-1c-1.41-6.23-4.81-8.23-14.07-8.23C56.21,45.15,55,48.76,55,51.46c0,3.28,1.42,4.24,15.4,6.09S90.82,62,90.82,71.71,82.64,87.14,68.37,87.14l.06-.06Zm-13.91,35.8a9.45,9.45,0,0,1-4.72-1.26l-15-8.9c-2.25-1.26-1.15-1.7-.41-2a30.38,30.38,0,0,0,6.8-3.1,1.15,1.15,0,0,1,1.12.08l11.55,6.85a1.51,1.51,0,0,0,1.4,0l45-26a1.42,1.42,0,0,0,.69-1.22V35.43a1.44,1.44,0,0,0-.7-1.24l-45-26a1.38,1.38,0,0,0-1.39,0l-45,26a1.42,1.42,0,0,0-.71,1.23v52a1.39,1.39,0,0,0,.7,1.21l12.33,7.12C27.85,99.06,32,95.11,32,91.15V39.86a1.29,1.29,0,0,1,1.31-1.3H39a1.29,1.29,0,0,1,1.3,1.3V91.17c0,8.93-4.87,14-13.33,14-2.6,0-4.66,0-10.38-2.82L4.72,95.59A9.51,9.51,0,0,1,0,87.38v-52a9.47,9.47,0,0,1,4.72-8.21l45.07-26a9.89,9.89,0,0,1,9.47,0l45,26A9.49,9.49,0,0,1,109,35.43v52a9.54,9.54,0,0,1-4.72,8.21l-45,26a9.5,9.5,0,0,1-4.74,1.26v0Zm0,0Z\"\n        />\n    </svg>\n}\n\nexport function IconStorybook() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"#000000\"\n        width={24}\n        height={24}\n        viewBox=\"0 0 32 32\"\n    >\n        <path\n            d=\"M21.786 0.318l-0.161 3.615c-0.005 0.203 0.229 0.328 0.391 0.203l1.411-1.068 1.198 0.932c0.156 0.104 0.365 0 0.375-0.188l-0.135-3.677 1.776-0.135c0.922-0.063 1.708 0.672 1.708 1.599v28.802c0 0.917-0.766 1.646-1.682 1.599l-21.469-0.958c-0.833-0.036-1.505-0.708-1.531-1.547l-1-26.401c-0.052-0.885 0.62-1.646 1.505-1.693l17.599-1.109zM17.693 12.401c0 0.625 4.214 0.318 4.786-0.109 0-4.266-2.292-6.521-6.479-6.521-4.198 0-6.531 2.297-6.531 5.724 0 5.932 8 6.036 8 9.276 0 0.938-0.427 1.469-1.401 1.469-1.281 0-1.802-0.651-1.734-2.88 0-0.479-4.865-0.641-5.026 0-0.359 5.375 2.974 6.932 6.797 6.932 3.724 0 6.63-1.984 6.63-5.573 0-6.359-8.135-6.188-8.135-9.333 0-1.292 0.964-1.464 1.505-1.464 0.604 0 1.667 0.094 1.589 2.49z\"/>\n    </svg>\n}\n\nexport function IconReactRouter() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={24}\n        height={24}\n        viewBox=\"0 0 602 360\"\n        fill=\"none\"\n    >\n        <path\n            d=\"M480.96 180C480.96 196.572 474.239 211.572 463.357 222.42C452.475 233.28 437.445 240 420.84 240C404.235 240 389.205 246.708 378.335 257.568C367.453 268.428 360.72 283.428 360.72 300C360.72 316.572 353.999 331.572 343.117 342.42C332.235 353.28 317.205 360 300.6 360C283.995 360 268.965 353.28 258.095 342.42C247.213 331.572 240.48 316.572 240.48 300C240.48 283.428 247.213 268.428 258.095 257.568C268.965 246.708 283.995 240 300.6 240C317.205 240 332.235 233.28 343.117 222.42C353.999 211.572 360.72 196.572 360.72 180C360.72 146.856 333.81 120 300.6 120C283.995 120 268.965 113.28 258.095 102.42C247.213 91.572 240.48 76.572 240.48 60C240.48 43.428 247.213 28.428 258.095 17.568C268.965 6.708 283.995 0 300.6 0C333.81 0 360.72 26.856 360.72 60C360.72 76.572 367.453 91.572 378.335 102.42C389.205 113.28 404.235 120 420.84 120C454.05 120 480.96 146.856 480.96 180Z\"\n            fill=\"#121212\"\n        />\n        <path\n            d=\"M240.48 180C240.48 146.862 213.563 120 180.36 120C147.157 120 120.24 146.862 120.24 180C120.24 213.137 147.157 240 180.36 240C213.563 240 240.48 213.137 240.48 180Z\"\n            fill=\"#121212\"\n        />\n        <path\n            d=\"M120.24 300C120.24 266.863 93.3234 240 60.12 240C26.9166 240 0 266.863 0 300C0 333.138 26.9166 360 60.12 360C93.3234 360 120.24 333.138 120.24 300Z\"\n            fill=\"#121212\"\n        />\n        <path\n            d=\"M601.2 300C601.2 266.863 574.283 240 541.08 240C507.877 240 480.96 266.863 480.96 300C480.96 333.138 507.877 360 541.08 360C574.283 360 601.2 333.138 601.2 300Z\"\n            fill=\"#121212\"\n        />\n    </svg>\n}\n\nexport function IconNextJS() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={24}\n        height={24}\n        viewBox=\"0 0 15 15\"\n        fill=\"none\"\n    >\n        <path\n            d=\"M4.5 4.5L4.90534 4.20725C4.77836 4.03144 4.55252 3.95753 4.34617 4.02425C4.13981 4.09098 4 4.28313 4 4.5H4.5ZM7.5 14C3.91015 14 1 11.0899 1 7.5H0C0 11.6421 3.35786 15 7.5 15V14ZM14 7.5C14 11.0899 11.0899 14 7.5 14V15C11.6421 15 15 11.6421 15 7.5H14ZM7.5 1C11.0899 1 14 3.91015 14 7.5H15C15 3.35786 11.6421 0 7.5 0V1ZM7.5 0C3.35786 0 0 3.35786 0 7.5H1C1 3.91015 3.91015 1 7.5 1V0ZM5 12V4.5H4V12H5ZM4.09466 4.79275L10.5947 13.7927L11.4053 13.2073L4.90534 4.20725L4.09466 4.79275ZM10 4V10H11V4H10Z\"\n            fill=\"#000000\"\n        />\n    </svg>\n}\n\nexport function IconAppTemplate() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 80 80\"\n        fill=\"none\"\n    >\n        <g clipPath=\"url(#clip0_202_147)\">\n            <path d=\"M0 55.3333H80\" stroke=\"black\" strokeWidth={0.506667}/>\n            <path d=\"M0 40H80\" stroke=\"black\" strokeWidth={0.506667}/>\n            <path d=\"M0 24.6667H80\" stroke=\"black\" strokeWidth={0.506667}/>\n            <path d=\"M55.3334 80V0\" stroke=\"black\" strokeWidth={0.506667}/>\n            <path d=\"M40 80V0\" stroke=\"black\" strokeWidth={0.506667}/>\n            <path d=\"M24.6666 80V0\" stroke=\"black\" strokeWidth={0.506667}/>\n            <path d=\"M80 80L0 0\" stroke=\"black\" strokeWidth={0.506667}/>\n            <path d=\"M0 80L80 0\" stroke=\"black\" strokeWidth={0.506667}/>\n            <rect\n                x={5.33337}\n                y={5.33333}\n                width={69.3333}\n                height={69.3333}\n                stroke=\"black\"\n                strokeWidth={0.506667}\n            />\n            <circle\n                cx={40}\n                cy={40}\n                r={15.3333}\n                stroke=\"black\"\n                strokeWidth={0.506667}\n            />\n            <circle cx={40} cy={40} r={22} stroke=\"black\" strokeWidth={0.506667}/>\n            <circle\n                cx={40}\n                cy={40}\n                r={34.6667}\n                stroke=\"black\"\n                strokeWidth={0.506667}\n            />\n        </g>\n        <rect\n            x={0.253333}\n            y={0.253333}\n            width={79.4933}\n            height={79.4933}\n            rx={17.08}\n            stroke=\"black\"\n            strokeWidth={0.506667}\n        />\n        <defs>\n            <clipPath id=\"clip0_202_147\">\n                <rect width={80} height={80} rx={17.3333} fill=\"white\"/>\n            </clipPath>\n        </defs>\n    </svg>\n}"],"names":["$badge","Badge","_ref","children","_ref$size","size","_ref$kind","kind","React","createElement","className","concat","$blockquote","Blockquote","$callout","$icon","$message","InfoIcon","xmlns","width","height","fill","viewBox","d","fillRule","clipRule","Callout","$code","Code","$details","Details","props","title","label","Fragment","$Icon","$Label","$IconDeep","stroke","clipPath","strokeWidth","strokeLinecap","strokeLinejoin","id","$heading","Heading","as","onClick","HeadingComponent","useRef","$Anchor","role","$hr","Hr","IconSessionReplay","IconMetrics","IconFunnels","IconCode","IconCustomEvent","IconAlert","IconBrowser","IconREST","IconGraphQL","IconWebhooks","xmlnsXlink","IconJSBrowser","IconJSNode","IconStorybook","IconReactRouter","IconNextJS","IconAppTemplate","x","y","cx","cy","r","rx"],"mappings":"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"}