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

package/dist/brand.js

@@ -1 +1,2 @@
-export{B as Button,C as CTABanner}from"./CTABanner-CWX9isVG.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-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};
+//# sourceMappingURL=brand.js.map

package/dist/brand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand.js","sources":["../src/brand/Footer/Footer.tsx"],"sourcesContent":["import React from \"react\";\nimport {css} from \"@linaria/core\";\n\nconst $footer = {\n    host: css`\n        position: relative;\n        border-top: 1px solid #f0f0f0;\n        padding: 32px;\n        background-color: #fff;\n    `,\n    container: css`\n        margin: 0 auto;\n        max-width: 1200px;\n        text-align: center;\n    `,\n    textContainer: css`\n        line-height: 24px;\n        font-size: 14px;\n        font-weight: 500;\n        color: rgba(60, 60, 67, .78);\n    `\n}\n\nexport interface FooterProps {\n    children?: React.ReactNode\n}\n\nexport function Footer({children}: FooterProps) {\n    return <footer className={$footer.host}>\n        <div className={$footer.container}>\n            <div className={$footer.textContainer}>\n                {children}\n            </div>\n        </div>\n    </footer>\n}\n"],"names":["$footer","Footer","children","React","createElement","className"],"mappings":"qFAGA,IAAMA,EAMD,UANCA,EAWD,WAXCA,EAYW,WAYD,SAAAC,EAAMA,GAAwB,IAAtBC,EAAAA,EAAAA,SACpB,OAAOC,EAAQC,cAAA,SAAA,CAAAC,UAAWL,GACtBG,EAAAC,cAAA,MAAA,CAAKC,UAAWL,GACZG,EAAKC,cAAA,MAAA,CAAAC,UAAWL,GACXE,IAIjB"}

package/dist/coder.js

@@ -1 +1,2 @@
-export{C as CodeSample}from"./CodeSample-C5YaEpAi.js";import"react";import"./_rollupPluginBabelHelpers-DfQAiTCw.js";import"./tslib.es6-C3PNVQlC.js";import"@radix-ui/react-tabs";import"lucide-react";
+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";
+//# sourceMappingURL=coder.js.map

package/dist/coder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coder.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/content.js

@@ -1 +1,2 @@
-import{_ as e}from"./tslib.es6-C3PNVQlC.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,g as v}from"./index-TKJ66_wI.js";import"@radix-ui/react-icons";import{T as h,G as p,S as b,a as g}from"./UnderlineNav-C8onw9Na.js";import{C as E}from"./CodeSample-C5YaEpAi.js";import"./_rollupPluginBabelHelpers-DfQAiTCw.js";import"@radix-ui/react-tabs";import"lucide-react";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 S="htyux6",z=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:S},a):n.createElement("a",{ref:t,to:i,href:i,className:S},a)}));z.displayName="Anchor";var I=/https?:\/\//,T=function(t){var r=t.href,i=void 0===r?"":r;t.className;var a=e(t,["href","className"]);return n.createElement(z,Object.assign({href:i,newWindow:I.test(i)},a))};function x(){return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},w()),k()),y()),B()),D())}function w(){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:h,tr:h.Tr,th:h.Th,td:h.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 k(){return{Callout:s,Details:a,GuideCard:p,Steps:b,Tabs:g,Table:h,Badge:o}}function y(){return{Content:O,Subtitle:N}}function B(){return{IconSessionReplay:u,IconMetrics:d,IconFunnels:m,IconCode:f,IconCustomEvent:v}}function D(){return{CodeSample:E}}export{x as MDX,D as coderContent,x as default,y as helperContent,B as iconContent,w as stdContent,k as writerContent};
+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};
+//# sourceMappingURL=content.js.map

package/dist/content.js.map

@@ -0,0 +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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"}

package/dist/{index-TKJ66_wI.js → index-CCn_Wv4c.js}

@@ -1 +1,2 @@
 import e,{useRef as t}from"react";var n="hutvd2b",a="hg9oorb",r="h6jev6x",l="i1uvewli";function c(t){var c=t.children,o=t.size,i=void 0===o?"sm":o,s=t.kind,d=void 0===s?"warning":s;return e.createElement("div",{className:"\n        ".concat(n,"\n        \n        ").concat("sm"===i&&r,"\n        \n        ").concat("warning"===d&&a,"\n    ")},e.createElement("span",{className:l},c))}var o="h1wifk81";function i(t){var n=t.children;return e.createElement("blockquote",{className:o},n)}var s="hhnegou",d="_1ja9964",m="h1lyih3m",h="h1gzjc3x",u="boe1v8p";function v(){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 w(t){var n=t.children;return e.createElement("div",{className:"".concat(s," ").concat(d)},e.createElement("div",{className:m},e.createElement(v,null)),e.createElement("div",{className:h},e.createElement("div",{className:u},n)))}var k="h1w59zdn";function E(t){var n=t.children;return e.createElement("code",{className:k},n)}var p="hwmojve",g="h1an07j0",L="sbneplt",f="s1d31n8s",x="s2p0kpw",M="snk81qf",b="lyq3zec",C="iq0a0s6",N="c1ligx2c",j="c89yndk";function Z(t){var n="",a=t.children,r=t.label;"secondary"===t.kind&&(n=t.title);var l=t.kind||"primary";return e.createElement("details",{className:"\n        ".concat(p," \n        ").concat("secondary"===l&&g,"\n   ")},e.createElement("summary",{className:"\n        ".concat(L," \n        ").concat("secondary"===l&&f,"\n   ")},"primary"===l&&e.createElement(e.Fragment,null,e.createElement(y,null),e.createElement(W,null,r)),"secondary"===l&&e.createElement(e.Fragment,null,e.createElement("div",null,e.createElement("div",{className:x},e.createElement(B,null),e.createElement("div",{className:M},n)),e.createElement(W,null,r)),e.createElement(y,null))),e.createElement("div",{className:"\n            ".concat(N,"\n            ").concat("secondary"===l&&j,"\n        ")},a))}function y(){return e.createElement("div",{className:C},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 W(t){var n=t.children;return e.createElement("div",{className:b},n)}var R="h1tn40xd",z="hnf4kng",_="h1vdtsi8",H="hz5xehg",q="hptgzam",V="h11bbv2f",F="hcoksa6",P="l17d6dy1";function A(n){var a=n.children,r=n.size,l=void 0===r?1:r,c=n.as,o=n.id,i=n.onClick,s=c||"h".concat(l);return t(null),e.createElement(s,{className:"\n            ".concat(R,"\n            ").concat(1===l&&z,"\n            ").concat(2===l&&_,"\n            ").concat(3===l&&H,"\n            ").concat(4===l&&q,"\n            ").concat(5===l&&V,"\n            ").concat(6===l&&F,"\n            xyd_comp-comp-heading\n        "),onClick:i},a,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:P,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 S(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"}))}export{i as B,E as C,Z as D,A as H,G as I,S as a,w as b,c,J as d,K as e,O as f,Q as g};
+//# sourceMappingURL=index-CCn_Wv4c.js.map

package/dist/index-CCn_Wv4c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CCn_Wv4c.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$$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\"\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        <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}"],"names":["$badge","Badge","_ref","children","_ref$size","size","undefined","_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"],"mappings":"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"}

package/dist/index.css

@@ -1,7 +1,11 @@
+.hfe0p8m{display:grid;grid-template-columns:repeat(2, 500px);justify-content:center;gap:30px;}@media (max-width: 1200px){.hfe0p8m{grid-template-columns:repeat(2, 1fr);}}@media (max-width: 768px){.hfe0p8m{grid-template-columns:1fr;}}
+
 .h1vf00q{position:relative;border-top:1px solid #f0f0f0;padding:32px;background-color:#fff;}
 .c1ny3ybl{margin:0 auto;max-width:1200px;text-align:center;}
 .t1ahtzu3{line-height:24px;font-size:14px;font-weight:500;color:rgba(60, 60, 67, .78);}
 
+.hn2r3b2{display:inline-block;border:1px solid transparent;text-align:center;font-weight:600;white-space:nowrap;border-radius:20px;padding:0 20px;line-height:38px;font-size:14px;border-color:transparent;color:#3c3c43;background-color:#f7f7f8;transition:color .25s,border-color .25s,background-color .25s;}.hn2r3b2:hover{background:#e3e3e6;}.hgvnekf{color:#fff;background-color:rgb(112, 81, 212);}.hgvnekf:hover{background-color:rgb(95, 59, 211);}
+
 .h1vbgqbd{padding:20px;}
 .c1qluffv{display:flex;align-items:center;justify-content:center;gap:80px;}
 .h7zyorj{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:40px;}
@@ -19,10 +23,6 @@
 .s9nduqh{color:#3c3c43;font-size:46px;font-weight:600;text-align:center;}
 .hth6on8{display:flex;align-items:center;justify-content:center;gap:10px;}
 
-.hfe0p8m{display:grid;grid-template-columns:repeat(2, 500px);justify-content:center;gap:30px;}@media (max-width: 1200px){.hfe0p8m{grid-template-columns:repeat(2, 1fr);}}@media (max-width: 768px){.hfe0p8m{grid-template-columns:1fr;}}
-
-.hn2r3b2{display:inline-block;border:1px solid transparent;text-align:center;font-weight:600;white-space:nowrap;border-radius:20px;padding:0 20px;line-height:38px;font-size:14px;border-color:transparent;color:#3c3c43;background-color:#f7f7f8;transition:color .25s,border-color .25s,background-color .25s;}.hn2r3b2:hover{background:#e3e3e6;}.hgvnekf{color:#fff;background-color:rgb(112, 81, 212);}.hgvnekf:hover{background-color:rgb(95, 59, 211);}
-
 .hfzpnxu{display:flex;flex-direction:column;min-height:100vh;}
 .h1k4ds7x{background:radial-gradient(circle, hsl(0 0% 9% / .3) 1px, transparent 1px);-webkit-backdrop-filter:sepia(10%);backdrop-filter:sepia(10%);background-size:30px 30px;padding:60px;flex:1;}
 .h1x4dha7{background:repeating-linear-gradient(to right, hsl(0 0% 9% / .1), hsl(0 0% 9% / .1) 1px, transparent 1px, transparent 50px),repeating-linear-gradient(to bottom, hsl(0 0% 9% / .1), hsl(0 0% 9% / .1) 1px, transparent 1px, transparent 50px);}
@@ -30,33 +30,42 @@
 @media (max-width: 1200px){.broqp2l{width:100%;padding:0 20px;}}
 @media (max-width: 768px){.broqp2l{width:100%;padding:0 10px;}}
 
-.hhnegou{display:inline-flex;align-items:center;position:relative;width:100%;min-width:275px;padding:8px 12px;border-radius:8px;text-align:center;border:1px solid #ececf1;}
-._1ja9964{background-color:#f7f7f8;border-color:#ececf1;}
-.h1lyih3m{display:inline-flex;margin-right:14px;flex:0 0 auto;align-self:flex-start;color:#6e6e80;font-size:20px;margin-top:2px;}
-.h1gzjc3x{color:#353740;text-align:left;flex:1 1 auto;}
-.boe1v8p{font-size:14px;line-height:20px;}
-
+.hutvd2b{display:inline-flex;align-items:center;line-height:1rem;font-style:normal;font-weight:500;letter-spacing:normal;white-space:nowrap;text-transform:none;}
+.hg9oorb{color:#000;background-color:#f8d047;}
+.h6jev6x{font-size:12px;height:18px;padding:0 6px;gap:3px;border-radius:6px;}
+.i1uvewli{position:relative;}
 
-.hilz89t{display:flex;position:relative;overflow:hidden;border:.5px solid #ececf1;background:linear-gradient(238deg, rgba(247, 247, 248, .5) 0%, rgba(247, 247, 248, 1) 100%);border-radius:8px;padding:16px 20px 20px;z-index:0;transition:box-shadow .2s ease-in-out,background-image .2s ease;}.hilz89t:hover{background:linear-gradient(238deg, rgba(255, 255, 255, .5) 0%, rgba(250, 250, 250, 1) 100%);}.h1rnhmpa{padding:21px 25px 25px;}.lajci2p{width:100%;height:100%;}.iezrce7{border-radius:8px;display:flex;align-items:flex-start;cursor:pointer;transition:opacity .15s;}.iezrce7:hover [data-pointer="true"]{opacity:1;transform:translate(0);}.i1vhi0b8{width:100%;height:100%;}.i1m2lps9{line-height:0px;font-size:24px;border-radius:8px;width:48px;height:48px;display:flex;justify-content:center;align-items:center;color:#353740;border:1px solid #ececf1;background:linear-gradient(238deg, rgba(255, 255, 255, .5) 0%, rgba(250, 250, 250, 1) 100%);transition:background .2s ease;box-sizing:border-box;flex-shrink:0;}.r1new93p{padding-left:16px;display:flex;flex-direction:column;gap:4px;}.t1u3d3ty{display:flex;color:#202123;font-weight:400;align-items:center;transition:color .15s;}.t4udf3g{font-size:16px;line-height:20px;}.t1icpluq{font-size:18px;}.badgd67{font-weight:400;font-size:14px;line-height:20px;color:#6e6e80;white-space:normal;overflow:hidden;text-overflow:ellipsis;}.bcjznmh{font-size:16px;}.p13ekkiz{opacity:0;transform:translate(-4px);display:flex;justify-content:center;transition:opacity .15s ease-in-out,transform .15s ease-in-out;}.h15733ml{display:grid;grid-template-columns:1fr 1fr;justify-content:center;gap:30px;}
+.hwgsk4h{display:flex;overflow:hidden;margin-top:0.375rem;gap:0.25rem;align-items:center;font-size:0.875rem;line-height:1.25rem;color:#6B7280;}
+.i1b95bxl{shrink:0;width:0.875rem;}
+.i1a3fa93{white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;}
+.i1dl7ywj{color:#000;font-weight:bold;}
 
-.h1w59zdn{display:inline-block;padding:0 .3em;border-radius:6px;margin:0 3px;border:.5px solid #ececf1;font-size:14px;font-weight:500;line-height:1.6em;background:linear-gradient(45deg, #f7f7f8 0%, rgba(247, 247, 248, 1) 100%);}
+.h1wifk81{color:rgb(55 65 81 / 1);font-style:italic;border-color:rgb(209 213 219 / 1);margin:0;}
 
 .h1ej4n95{border-color:rgb(229 229 229 / 0.7);}
 
+.h1w59zdn{display:inline-block;padding:0 .3em;border-radius:6px;margin:0 3px;border:.5px solid #ececf1;font-size:14px;font-weight:500;line-height:1.6em;background:linear-gradient(45deg, #f7f7f8 0%, rgba(247, 247, 248, 1) 100%);}
+
 .h14vj3ri{display:block;overflow-x:scroll;border-collapse:collapse;border-radius:3px;}
 .t1l6tz9b{padding:0.5rem 1rem;margin:0;font-weight:600;border-width:1px;border-color:#D1D5DB;background:rgba(234, 238, 242, 0.5);}
 .thzxr0l{padding:0;margin:0;border-top-width:1px;border-color:#D1D5DB;}
 .t1g1altt{padding:0.5rem 1rem;margin:0;border-width:1px;border-color:#D1D5DB;}
 
-.h3kfd8c{padding-left:0;list-style:none;counter-reset:ordered-listitem;display:flex;flex-direction:column;gap:6px;}
-.l1et872q{padding-left:32px;position:relative;line-height:1.5;}
-.l1et872q::after{position:absolute;top:0;left:0;counter-increment:ordered-listitem;content:counter(ordered-listitem);background:#ececf1;color:#353740;font-size:12px;line-height:24px;font-weight:500;text-align:center;height:24px;width:24px;border-radius:12px;}
-
 .hwmojve{border-top:1px solid #ececf1;}.hwmojve[open] summary svg[data-icon="true"]{transform:rotate(90deg);}.h1an07j0{background-color:#f7f7f8;border:1px solid #ececf1;border-radius:8px;}.sbneplt{padding:16px 14px 16px 0;font-size:18px;cursor:pointer;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.4;transition:color 0.3s;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;list-style:none;}.sbneplt:hover{color:#565869;}.s1d31n8s{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:20px 24px;}.s2p0kpw{display:flex;align-items:center;margin-bottom:8px;}.snk81qf{color:#6e6e80;text-transform:uppercase;font-size:12px;line-height:16px;letter-spacing:.08em;margin-left:8px;font-weight:700;}.lyq3zec{flex:1 1 auto;}.iq0a0s6{flex:0 0 auto;font-size:16px;display:flex;align-items:center;justify-content:center;padding-right:6px;}.c1ligx2c{padding:0 24px 20px;}.c89yndk code{background:white;}
 
-.h1xhrk1{display:flex;padding-top:2rem;margin-top:2rem;margin-bottom:2rem;justify-content:space-between;align-items:center;border-top-width:1px;}
-.l1elq7ab{display:flex;padding-top:1rem;padding-bottom:1rem;gap:0.25rem;align-items:center;font-size:1rem;line-height:1.5rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;max-width:50%;}
-.i1mmatje{display:inline;height:1.25rem;flex-shrink:0;}
+
+.hilz89t{display:flex;position:relative;overflow:hidden;border:.5px solid #ececf1;background:linear-gradient(238deg, rgba(247, 247, 248, .5) 0%, rgba(247, 247, 248, 1) 100%);border-radius:8px;padding:16px 20px 20px;z-index:0;transition:box-shadow .2s ease-in-out,background-image .2s ease;}.hilz89t:hover{background:linear-gradient(238deg, rgba(255, 255, 255, .5) 0%, rgba(250, 250, 250, 1) 100%);}.h1rnhmpa{padding:21px 25px 25px;}.lajci2p{width:100%;height:100%;}.iezrce7{border-radius:8px;display:flex;align-items:flex-start;cursor:pointer;transition:opacity .15s;}.iezrce7:hover [data-pointer="true"]{opacity:1;transform:translate(0);}.i1vhi0b8{width:100%;height:100%;}.i1m2lps9{line-height:0px;font-size:24px;border-radius:8px;width:48px;height:48px;display:flex;justify-content:center;align-items:center;color:#353740;border:1px solid #ececf1;background:linear-gradient(238deg, rgba(255, 255, 255, .5) 0%, rgba(250, 250, 250, 1) 100%);transition:background .2s ease;box-sizing:border-box;flex-shrink:0;}.r1new93p{padding-left:16px;display:flex;flex-direction:column;gap:4px;}.t1u3d3ty{display:flex;color:#202123;font-weight:400;align-items:center;transition:color .15s;}.t4udf3g{font-size:16px;line-height:20px;}.t1icpluq{font-size:18px;}.badgd67{font-weight:400;font-size:14px;line-height:20px;color:#6e6e80;white-space:normal;overflow:hidden;text-overflow:ellipsis;}.bcjznmh{font-size:16px;}.p13ekkiz{opacity:0;transform:translate(-4px);display:flex;justify-content:center;transition:opacity .15s ease-in-out,transform .15s ease-in-out;}.h15733ml{display:grid;grid-template-columns:1fr 1fr;justify-content:center;gap:30px;}
+
+.h1bta36o{align-items:center;display:flex;height:42px;background-color:#fff;border-bottom:1px solid hsl(212, 15%, calc(96% - 12% * 1));z-index:99;}
+.uxs4bf1{display:flex;gap:10px;height:100%;color:hsl(212, 15%, calc(96% - 12% * 4));list-style:none;padding:0;white-space:nowrap;}
+.ifn7ecb{height:100%;}
+.ifn7ecb[data-state="active"] a{border-bottom-color:rgb(112, 81, 212);}
+.i441kmn{display:inline-flex;border-bottom:3px solid transparent;-webkit-text-decoration:none;text-decoration:none;height:100%;padding:10px;}
+
+
+.h1tn40xd{line-height:40px;font-weight:300;color:#202123;position:relative;display:inline-block;margin:0;padding:0 24px 0 0;scroll-snap-margin-top:30px;scroll-margin-top:30px;cursor:pointer;}.h1tn40xd:hover svg{opacity:1;}.hnf4kng{font-size:36px;}.hnf4kng code{font-size:30px;}.h1vdtsi8{font-size:30px;}.h1vdtsi8 code{font-size:24px;}.hz5xehg{font-size:26px;}.hz5xehg code{font-size:22px;}.hptgzam{font-size:22px;}.hptgzam code{font-size:18px;}.h11bbv2f{font-size:18px;}.h11bbv2f code{font-size:14px;}.hcoksa6{font-size:16px;}.hcoksa6 code{font-size:12px;}.l17d6dy1{position:absolute;top:50%;right:0;margin-top:-6px;opacity:0;color:#7051d4;transition:opacity .15s ease;}
+
+.h1vb39qj{margin-top:0;border-radius:6px;padding:16px;border:0;background-color:rgb(246, 248, 250);overflow:auto;}
 
 .hh8vcxa{position:relative;max-width:100%;}
 .b2p5907{display:flex;align-items:center;}
@@ -70,28 +79,19 @@
 .hlivi01[data-state="active"]{color:#111827;background-color:#ffffff;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);}
 ._5m9mpz{color:#111827;background-color:#ffffff;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);}
 
-.h1tn40xd{line-height:40px;font-weight:300;color:#202123;position:relative;display:inline-block;margin:0;padding:0 24px 0 0;scroll-snap-margin-top:30px;scroll-margin-top:30px;cursor:pointer;}.h1tn40xd:hover svg{opacity:1;}.hnf4kng{font-size:36px;}.hnf4kng code{font-size:30px;}.h1vdtsi8{font-size:30px;}.h1vdtsi8 code{font-size:24px;}.hz5xehg{font-size:26px;}.hz5xehg code{font-size:22px;}.hptgzam{font-size:22px;}.hptgzam code{font-size:18px;}.h11bbv2f{font-size:18px;}.h11bbv2f code{font-size:14px;}.hcoksa6{font-size:16px;}.hcoksa6 code{font-size:12px;}.l17d6dy1{position:absolute;top:50%;right:0;margin-top:-6px;opacity:0;color:#7051d4;transition:opacity .15s ease;}
-
-.h1wifk81{color:rgb(55 65 81 / 1);font-style:italic;border-color:rgb(209 213 219 / 1);margin:0;}
-
-.hutvd2b{display:inline-flex;align-items:center;line-height:1rem;font-style:normal;font-weight:500;letter-spacing:normal;white-space:nowrap;text-transform:none;}
-.hg9oorb{color:#000;background-color:#f8d047;}
-.h6jev6x{font-size:12px;height:18px;padding:0 6px;gap:3px;border-radius:6px;}
-.i1uvewli{position:relative;}
-
-.h1vb39qj{margin-top:0;border-radius:6px;padding:16px;border:0;background-color:rgb(246, 248, 250);overflow:auto;}
-
-.h1bta36o{align-items:center;display:flex;height:42px;background-color:#fff;border-bottom:1px solid hsl(212, 15%, calc(96% - 12% * 1));z-index:99;}
-.uxs4bf1{display:flex;gap:10px;height:100%;color:hsl(212, 15%, calc(96% - 12% * 4));list-style:none;padding:0;white-space:nowrap;}
-.ifn7ecb{height:100%;}
-.ifn7ecb[data-state="active"] a{border-bottom-color:rgb(112, 81, 212);}
-.i441kmn{display:inline-flex;border-bottom:3px solid transparent;-webkit-text-decoration:none;text-decoration:none;height:100%;padding:10px;}
+.h3kfd8c{padding-left:0;list-style:none;counter-reset:ordered-listitem;display:flex;flex-direction:column;gap:6px;}
+.l1et872q{padding-left:32px;position:relative;line-height:1.5;}
+.l1et872q::after{position:absolute;top:0;left:0;counter-increment:ordered-listitem;content:counter(ordered-listitem);background:#ececf1;color:#353740;font-size:12px;line-height:24px;font-weight:500;text-align:center;height:24px;width:24px;border-radius:12px;}
 
+.hhnegou{display:inline-flex;align-items:center;position:relative;width:100%;min-width:275px;padding:8px 12px;border-radius:8px;text-align:center;border:1px solid #ececf1;}
+._1ja9964{background-color:#f7f7f8;border-color:#ececf1;}
+.h1lyih3m{display:inline-flex;margin-right:14px;flex:0 0 auto;align-self:flex-start;color:#6e6e80;font-size:20px;margin-top:2px;}
+.h1gzjc3x{color:#353740;text-align:left;flex:1 1 auto;}
+.boe1v8p{font-size:14px;line-height:20px;}
 
-.hwgsk4h{display:flex;overflow:hidden;margin-top:0.375rem;gap:0.25rem;align-items:center;font-size:0.875rem;line-height:1.25rem;color:#6B7280;}
-.i1b95bxl{shrink:0;width:0.875rem;}
-.i1a3fa93{white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;}
-.i1dl7ywj{color:#000;font-weight:bold;}
+.h1xhrk1{display:flex;padding-top:2rem;margin-top:2rem;margin-bottom:2rem;justify-content:space-between;align-items:center;border-top-width:1px;}
+.l1elq7ab{display:flex;padding-top:1rem;padding-bottom:1rem;gap:0.25rem;align-items:center;font-size:1rem;line-height:1.5rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;max-width:50%;}
+.i1mmatje{display:inline;height:1.25rem;flex-shrink:0;}
 
 :root {--xyd-navbar-height:46px;--xyd-global-page-gutter:8px;}
 .h8dr7e{width:100%;}
@@ -110,12 +110,6 @@
 .c1cmkhbs{flex:1 1 0;overflow:hidden;}
 .n1rrfk2r{position:sticky;top:30px;width:180px;margin-top:0;margin-left:50px;padding-left:16px;flex:none;}
 
-.hmi9h9e{margin-top:-18px;font-size:18px;color:#7051d4;font-weight:300;}
-
-.h1seqss5{display:flex;flex-direction:column;gap:24px;}
-
-.htyux6{color:#7051d4;}
-
 .h1y6o0jn{overflow:hidden;min-width:0;border:1px solid rgb(236, 236, 241);border-radius:16px;}
 .h97thnz{display:flex;flex:1 1 0%;background:linear-gradient(45deg, rgb(247, 247, 248) 0%, rgb(247, 247, 248) 100%)!important;border-top-right-radius:10px;border-top-left-radius:10px;border-bottom:0px;min-width:0;}
 .lif8pqn{display:flex;flex-grow:1;justify-content:end;gap:8px;padding:0 10px;}
@@ -132,4 +126,10 @@
 ._1ilv7sf{border-color:#60A5FA;background-color:#EEF2FF;}
 .h1qcolfq{margin:0 4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0.5;}
 
+.hmi9h9e{margin-top:-18px;font-size:18px;color:#7051d4;font-weight:300;}
+
+.htyux6{color:#7051d4;}
+
+.h1seqss5{display:flex;flex-direction:column;gap:24px;}
+
 .h1hvsyfb{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:6px;}.h1hvsyfb:hover{transition:ease-in 0.1s;background:#e3e3eb;}

package/dist/index.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/layouts.js

@@ -1 +1,2 @@
-import{_ as e}from"./_rollupPluginBabelHelpers-DfQAiTCw.js";import n,{useState as t,useEffect as a}from"react";var c="h8dr7e",r="h1ezaz84",l="h17wz13c",o="h1bgh3rd",s="mxu2emt",m="mslox5x",i="s1i19hnd",d="h13sn67b",u="s1k9r3in",v="c1t0msup",h="apqkghd",E="a10qws06",f="h3zl32q",N="c1cmkhbs",p="n1rrfk2r";function b(r){var g=t(!1),q=e(g,2),L=q[0],k=q[1],x=t(0),H=e(x,2),y=H[0],z=H[1],S=t(0),T=e(S,2),w=T[0],M=T[1];function _(e){var n;if(e.target instanceof HTMLElement){var t=null===(n=e.target)||void 0===n?void 0:n.scrollTop;z(t)}}function j(e){var n;e.target instanceof HTMLElement&&M(null===(n=e.target)||void 0===n?void 0:n.scrollTop)}return a((function(){if(y!==w){var e=parseInt("46px",10)/2,n=y-w,t=Math.abs(y-w);n>e?k(!0):t>e&&k(!1)}}),[y,w]),a((function(){var e,n;if(r.subheader)return null===(e=document.querySelector(".".concat(u)))||void 0===e||e.addEventListener("scroll",_),null===(n=document.querySelector(".".concat(u)))||void 0===n||n.addEventListener("scrollend",j),function(){var e,n;null===(e=document.querySelector(".".concat(u)))||void 0===e||e.removeEventListener("scroll",_),null===(n=document.querySelector(".".concat(u)))||void 0===n||n.removeEventListener("scrollend",j)}}),[]),n.createElement("div",{className:c},n.createElement(b.Header,{className:"\n            ".concat(r.subheader&&l,"\n            ").concat(L&&o,"\n        ")},r.header),n.createElement("main",{className:"\n            ".concat(s,"\n            ").concat(!L&&r.subheader&&m,"\n        ")},n.createElement("aside",{className:i},r.aside),n.createElement("div",{className:d},n.createElement("div",{className:u},n.createElement("div",{className:v},n.createElement("div",{className:"\n                            ".concat(h,"\n                            ").concat("fullwidth"==r.kind&&E,"\n                        ")},n.createElement("article",{className:f},n.createElement("section",{className:N},r.content),r.contentNav&&n.createElement("nav",{className:"\n                                    ".concat(p,"\n                                ")},r.contentNav))))))))}b.Header=function(e){var t=e.className,a=e.children;return n.createElement("header",{className:"\n            ".concat(r,"\n            ").concat(t,"\n        ")},a)};export{b as Layout};
+import{_ as e}from"./_rollupPluginBabelHelpers-DFryr8Hb.js";import n,{useState as t,useEffect as a}from"react";var c="h8dr7e",r="h1ezaz84",l="h17wz13c",o="h1bgh3rd",s="mxu2emt",m="mslox5x",i="s1i19hnd",d="h13sn67b",u="s1k9r3in",v="c1t0msup",h="apqkghd",E="a10qws06",f="h3zl32q",N="c1cmkhbs",p="n1rrfk2r";function b(r){var g=t(!1),q=e(g,2),L=q[0],k=q[1],x=t(0),H=e(x,2),y=H[0],z=H[1],S=t(0),T=e(S,2),w=T[0],M=T[1];function _(e){var n;if(e.target instanceof HTMLElement){var t=null===(n=e.target)||void 0===n?void 0:n.scrollTop;z(t)}}function j(e){var n;e.target instanceof HTMLElement&&M(null===(n=e.target)||void 0===n?void 0:n.scrollTop)}return a((function(){if(y!==w){var e=parseInt("46px",10)/2,n=y-w,t=Math.abs(y-w);n>e?k(!0):t>e&&k(!1)}}),[y,w]),a((function(){var e,n;if(r.subheader)return null===(e=document.querySelector(".".concat(u)))||void 0===e||e.addEventListener("scroll",_),null===(n=document.querySelector(".".concat(u)))||void 0===n||n.addEventListener("scrollend",j),function(){var e,n;null===(e=document.querySelector(".".concat(u)))||void 0===e||e.removeEventListener("scroll",_),null===(n=document.querySelector(".".concat(u)))||void 0===n||n.removeEventListener("scrollend",j)}}),[]),n.createElement("div",{className:c},n.createElement(b.Header,{className:"\n            ".concat(r.subheader&&l,"\n            ").concat(L&&o,"\n        ")},r.header),n.createElement("main",{className:"\n            ".concat(s,"\n            ").concat(!L&&r.subheader&&m,"\n        ")},n.createElement("aside",{className:i},r.aside),n.createElement("div",{className:d},n.createElement("div",{className:u},n.createElement("div",{className:v},n.createElement("div",{className:"\n                            ".concat(h,"\n                            ").concat("fullwidth"==r.kind&&E,"\n                        ")},n.createElement("article",{className:f},n.createElement("section",{className:N},r.content),r.contentNav&&n.createElement("nav",{className:"\n                                    ".concat(p,"\n                                ")},r.contentNav))))))))}b.Header=function(e){var t=e.className,a=e.children;return n.createElement("header",{className:"\n            ".concat(r,"\n            ").concat(t,"\n        ")},a)};export{b as Layout};
+//# sourceMappingURL=layouts.js.map

package/dist/layouts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layouts.js","sources":["../src/layouts/Layout.styles.tsx","../src/layouts/Layout.tsx"],"sourcesContent":["import {css} from \"@linaria/core\";\n\nconst globalPageGutter = '8px';\nexport const globalHeaderHeight = '46px';\nconst globalHeaderWarningHeight = \"0px\";\nconst contentTopSpace = \"12px\";\n\nconst globalHeaderHeightWithSub = '90px';\n\nconst cubicMove = \"cubic-bezier(.65, 0, .35, 1)\";\nconst sidebarWidth = \"210px\";\n\n// TODO: better solution - design tokens\nexport const globals = css`\n    :global() {\n        :root {\n            --xyd-navbar-height: ${globalHeaderHeight};\n            --xyd-global-page-gutter: ${globalPageGutter};\n        }\n    }\n`;\n\nexport const $layout = {\n    host: css`\n        width: 100%;\n    `,\n    header: css`\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        position: fixed;\n        top: ${globalHeaderWarningHeight};\n        right: ${globalPageGutter};\n        left: ${globalPageGutter};\n\n        height: ${globalHeaderHeight};\n    `,\n    header$$sub: css`\n        flex-direction: column;\n        height: ${globalHeaderHeightWithSub};\n        transition: transform 200ms;\n    `,\n    header$$hideMain: css`\n        transform: translateY(calc(-${globalHeaderHeight} + 3px));\n    `,\n    main: css`\n        position: fixed;\n        top: calc(${globalHeaderHeight} + ${globalHeaderWarningHeight});\n        bottom: ${globalPageGutter};\n        left: ${globalPageGutter};\n        right: ${globalPageGutter};\n    }`,\n    main$$sub: css`\n        top: calc(${globalHeaderHeightWithSub} + ${globalHeaderWarningHeight});\n        transition: top 200ms;\n    `,\n    sidebar: css`\n        flex-direction: column;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        z-index: 101;\n        width: ${sidebarWidth};\n        border: 0;\n        padding: ${contentTopSpace} 0 0;\n        overflow: visible;\n        background: none;\n        border-radius: 0;\n        opacity: 1;\n        visibility: visible;\n        transition: opacity .3s ${cubicMove};\n    `,\n}\n\nexport const $page = {\n    host: css`\n        position: absolute;\n        top: ${contentTopSpace};\n        right: 0;\n        bottom: 0;\n        z-index: 201;\n        background: #fff;\n\n        //border-radius: 8px;\n        //border: 1px solid #ececf1;\n\n        overflow: hidden;\n        transition: opacity .3s ${cubicMove};\n\n        left: ${sidebarWidth};\n    `,\n    scroll: css`\n        //position: absolute;\n        //top: 0;\n        //right: 0;\n        //bottom: 0;\n        //left: 0;\n        //overflow: auto;\n\n        overflow: scroll;\n        height: 100%;\n        \n    `,\n    container: css`\n        padding: 0;\n        width: 100%;\n        //position: relative; TODO: unset if during client render?\n        min-height: 100%;\n\n        max-width: 100%;\n        margin: 0 auto;\n        font-size: 15px;\n        line-height: 24px;\n    `,\n    articleContainer: css`\n        width: 980px;\n        padding: 40px 56px;\n        padding-top: 20px;\n        max-width: 100%;\n        margin: 0 auto;\n    `,\n    articleContainer$$fullWidth: css`\n        width: 1200px;\n    `,\n\n}\n\nexport const $article = {\n    host: css`\n        display: flex;\n        gap: 30px;\n        width: 100%;\n        align-items: flex-start;;\n    `,\n    content: css`\n        flex: 1 1 0;\n        overflow: hidden;\n    `,\n    nav: css`\n        position: sticky;\n        top: 30px;\n        width: 180px;\n        margin-top: 0;\n        margin-left: 50px;\n        padding-left: 16px;\n        flex: none;\n    `\n}","import React, {useEffect, useState} from \"react\"\n\nimport {$layout, $page, $article, globalHeaderHeight} from \"./Layout.styles\"\n\nexport interface LayoutProps {\n    header: React.ReactNode;\n    aside: React.ReactNode;\n    content: React.ReactNode;\n    contentNav: React.ReactNode;\n    subheader?: boolean;\n    kind?: \"fullwidth\"\n}\n\nexport function Layout(props: LayoutProps) {\n    const [hideMainHeader, setHideMainHeader] = useState(false)\n    const [scrollTop, setScrollTop] = useState(0)\n    const [controlScrollPos, setControlScrollPos] = useState(0)\n\n    useEffect(() => {\n        if (scrollTop === controlScrollPos) {\n            return\n        }\n\n        const checkpoint = parseInt(globalHeaderHeight, 10) / 2\n        const diff = scrollTop - controlScrollPos\n        const reversePosDiff = Math.abs(scrollTop - controlScrollPos)\n\n        if (diff > checkpoint) {\n            setHideMainHeader(true)\n        } else if (reversePosDiff > checkpoint) {\n            setHideMainHeader(false)\n        }\n    }, [\n        scrollTop,\n        controlScrollPos,\n    ]);\n\n    function onScroll(e: Event) {\n        if (!(e.target instanceof HTMLElement)) {\n            return\n        }\n\n        const scroll = e.target?.scrollTop\n        setScrollTop(scroll)\n    }\n\n    function onScrollFinish(e: Event) {\n        if (!(e.target instanceof HTMLElement)) {\n            return\n        }\n\n        setControlScrollPos(e.target?.scrollTop)\n    }\n\n    // TODO: by ref?\n    // TODO: MOVE SOMEWHERE ELSE BECAUSE IT DECREASE PERFORMANCE (RERENDER)\n    useEffect(() => {\n        // return // TODO: UNCOMMENT\n\n        if (!props.subheader) {\n            return\n        }\n\n        document.querySelector(`.${$page.scroll}`)?.addEventListener(\"scroll\", onScroll)\n        document.querySelector(`.${$page.scroll}`)?.addEventListener(\"scrollend\", onScrollFinish)\n\n        return () => {\n            document.querySelector(`.${$page.scroll}`)?.removeEventListener(\"scroll\", onScroll)\n            document.querySelector(`.${$page.scroll}`)?.removeEventListener(\"scrollend\", onScrollFinish)\n        }\n    }, []);\n\n    return <div className={$layout.host}>\n        <Layout.Header className={`\n            ${props.subheader && $layout.header$$sub}\n            ${hideMainHeader && $layout.header$$hideMain}\n        `}>\n            {props.header}\n        </Layout.Header>\n        <main className={`\n            ${$layout.main}\n            ${!hideMainHeader && props.subheader && $layout.main$$sub}\n        `}>\n            <aside className={$layout.sidebar}>\n                {props.aside}\n            </aside>\n            <div className={$page.host}>\n                <div className={$page.scroll}>\n                    <div className={$page.container}>\n                        <div className={`\n                            ${$page.articleContainer}\n                            ${props.kind == \"fullwidth\" && $page.articleContainer$$fullWidth}\n                        `}>\n                            <article className={$article.host}>\n                                <section className={$article.content}>\n                                    {props.content}\n                                </section>\n                                {\n                                    props.contentNav && <nav className={`\n                                    ${$article.nav}\n                                `}>\n                                        {props.contentNav}\n                                    </nav>\n                                }\n                            </article>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </main>\n    </div>\n}\n\nLayout.Header = function LayoutHeader({className, children}: { className?: string, children: React.ReactNode }) {\n    return <header className={`\n            ${$layout.header}\n            ${className}\n        `}>\n        {children}\n    </header>\n}\n"],"names":["$layout","$page","$article","Layout","props","_useState","useState","_useState2","_slicedToArray","hideMainHeader","setHideMainHeader","_useState3","_useState4","scrollTop","setScrollTop","_useState5","_useState6","controlScrollPos","setControlScrollPos","onScroll","e","target","HTMLElement","scroll","_a","undefined","onScrollFinish","useEffect","checkpoint","parseInt","diff","reversePosDiff","Math","abs","subheader","document","querySelector","concat","addEventListener","_b","removeEventListener","React","createElement","className","Header","header","aside","kind","content","contentNav","_ref","children"],"mappings":"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"}

package/dist/pages.js

@@ -1 +1,2 @@
-import e from"react";import"./tslib.es6-C3PNVQlC.js";import"@radix-ui/react-icons";import{G as t}from"./UnderlineNav-C8onw9Na.js";import{C as r,B as n}from"./CTABanner-CWX9isVG.js";import{H as i}from"./HomeView-CnAj-VYl.js";import"./_rollupPluginBabelHelpers-DfQAiTCw.js";import"@radix-ui/react-tabs";import"lucide-react";var o="hfe0p8m";function l(t){var r;return e.createElement(i,{header:t.header,body:e.createElement(i.Body,null,e.createElement(a,Object.assign({},t)),(null===(r=t.hero)||void 0===r?void 0:r.actions)&&e.createElement(c,Object.assign({},t)),t.children),footer:t.footer})}function a(t){var i,o,l,a,c;return e.createElement(r,null,e.createElement(r.Heading,{title:(null===(i=t.hero)||void 0===i?void 0:i.text)||"",headingEffect:null===(o=t.hero)||void 0===o?void 0:o.textEffect,subtitle:null===(l=t.hero)||void 0===l?void 0:l.subtitle}),(null===(a=null==t?void 0:t.hero)||void 0===a?void 0:a.actions)&&e.createElement(r.ButtonGroup,null,null===(c=null==t?void 0:t.hero)||void 0===c?void 0:c.actions.map((function(t,r){return e.createElement("a",{href:t.href},e.createElement(n,{key:t.text+r,kind:t.kind},t.text))}))))}function c(r){var n;return e.createElement("div",{className:"\n            ".concat(o,"\n            xyd_page-comp-homepage-cards\n        ")},null===(n=r.features)||void 0===n?void 0:n.map((function(r,n){return e.createElement(t,{key:r.title+n,href:r.href||"",title:r.title,icon:r.icon,kind:"secondary",size:"md"},r.description)})))}export{l as HomePage};
+import e from"react";import"./tslib.es6-DNxqyfMY.js";import"@radix-ui/react-icons";import{G as t}from"./UnderlineNav-Ck16YRuC.js";import{C as r,B as n}from"./CTABanner-DVtDluuG.js";import{H as i}from"./HomeView-JIjSATBR.js";import"./_rollupPluginBabelHelpers-DFryr8Hb.js";import"@radix-ui/react-tabs";import"lucide-react";var o="hfe0p8m";function l(t){var r;return e.createElement(i,{header:t.header,body:e.createElement(i.Body,null,e.createElement(a,Object.assign({},t)),(null===(r=t.hero)||void 0===r?void 0:r.actions)&&e.createElement(c,Object.assign({},t)),t.children),footer:t.footer})}function a(t){var i,o,l,a,c;return e.createElement(r,null,e.createElement(r.Heading,{title:(null===(i=t.hero)||void 0===i?void 0:i.text)||"",headingEffect:null===(o=t.hero)||void 0===o?void 0:o.textEffect,subtitle:null===(l=t.hero)||void 0===l?void 0:l.subtitle}),(null===(a=null==t?void 0:t.hero)||void 0===a?void 0:a.actions)&&e.createElement(r.ButtonGroup,null,null===(c=null==t?void 0:t.hero)||void 0===c?void 0:c.actions.map((function(t,r){return e.createElement("a",{href:t.href},e.createElement(n,{key:t.text+r,kind:t.kind},t.text))}))))}function c(r){var n;return e.createElement("div",{className:"\n            ".concat(o,"\n            xyd_page-comp-homepage-cards\n        ")},null===(n=r.features)||void 0===n?void 0:n.map((function(r,n){return e.createElement(t,{key:r.title+n,href:r.href||"",title:r.title,icon:r.icon,kind:"secondary",size:"md"},r.description)})))}export{l as HomePage};
+//# sourceMappingURL=pages.js.map

package/dist/pages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pages.js","sources":["../src/pages/HomePage/HomePage.tsx"],"sourcesContent":["import React from 'react'\nimport {css} from \"@linaria/core\";\n\nimport {\n    GuideCard,\n} from \"../../writer\"\nimport {Button, CTABanner} from \"../../brand\"\nimport {HomeView} from \"../../views\"\n\nimport {IHomePageHero, IHomePageFeature} from \"./types\";\n\nconst $cards = {\n    host: css`\n        display: grid;\n        grid-template-columns: repeat(2, 500px);\n        justify-content: center;\n        gap: 30px;\n\n        @media (max-width: 1200px) {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n        @media (max-width: 768px) {\n            grid-template-columns: 1fr;\n        }\n    `,\n}\n\nexport interface HomePageProps {\n    header: React.ReactNode\n\n    children?: React.ReactNode\n    hero?: IHomePageHero\n    footer?: React.ReactNode\n    features?: IHomePageFeature[]\n}\n\nexport function HomePage(props: HomePageProps) {\n    return <HomeView\n        header={props.header}\n        body={<HomeView.Body>\n            <$Hero {...props}/>\n\n            {props.hero?.actions && <$Cards {...props}/>}\n\n            {props.children}\n        </HomeView.Body>}\n        footer={props.footer}\n    />\n}\n\nfunction $Hero(props: HomePageProps) {\n    return <CTABanner>\n        <CTABanner.Heading\n            title={props.hero?.text || \"\"}\n            headingEffect={props.hero?.textEffect}\n            subtitle={props.hero?.subtitle}\n        />\n        {props?.hero?.actions && <CTABanner.ButtonGroup>\n            {props?.hero?.actions.map((action, index) => (\n                <a href={action.href}>\n                    <Button key={action.text + index} kind={action.kind}>\n                        {action.text}\n                    </Button>\n                </a>\n            ))}\n        </CTABanner.ButtonGroup>}\n    </CTABanner>\n}\n\nfunction $Cards(props: HomePageProps) {\n    // TODO: cards gridTemplateColumns based on elements\n    return <div\n        className={`\n            ${$cards.host}\n            xyd_page-comp-homepage-cards\n        `}>\n        {props.features?.map((feat, index) => (\n            <GuideCard\n                key={feat.title + index}\n                href={feat.href || \"\"}\n                title={feat.title}\n                icon={feat.icon}\n                kind=\"secondary\"\n                size=\"md\"\n            >\n                {feat.description}\n            </GuideCard>\n        ))}\n    </div>\n}\n\n\n"],"names":["$cards","HomePage","props","React","createElement","HomeView","header","body","Body","$Hero","Object","assign","_a","hero","undefined","actions","$Cards","children","footer","CTABanner","Heading","title","text","headingEffect","_b","textEffect","subtitle","_c","_d","ButtonGroup","_e","map","action","index","href","Button","key","kind","className","concat","features","feat","GuideCard","icon","size","description"],"mappings":"kUAWA,IAAMA,EACE,UAyBF,SAAUC,EAASC,SACrB,OAAOC,EAACC,cAAAC,EACJ,CAAAC,OAAQJ,EAAMI,OACdC,KAAMJ,EAACC,cAAAC,EAASG,KAAI,KAChBL,EAACC,cAAAK,EAAUC,OAAAC,OAAA,CAAA,EAAAT,KAEA,QAAVU,EAAAV,EAAMW,YAAIC,IAAAF,OAAAE,EAAAF,EAAEG,UAAWZ,EAACC,cAAAY,EAAWN,OAAAC,OAAA,CAAA,EAAAT,IAEnCA,EAAMe,UAEXC,OAAQhB,EAAMgB,QAEtB,CAEA,SAAST,EAAMP,iBACX,OAAOC,gBAACgB,EAAS,KACbhB,EAAAC,cAACe,EAAUC,QAAO,CACdC,OAAmB,QAAZT,EAAAV,EAAMW,YAAMC,IAAAF,OAAAE,EAAAF,EAAAU,OAAQ,GAC3BC,sBAAeC,EAAAtB,EAAMW,2BAAMY,WAC3BC,SAAoB,UAAVxB,EAAMW,YAAIC,IAAAa,OAAAb,EAAAa,EAAED,YAEd,UAAXxB,aAAAY,EAAAZ,EAAOW,YAAIC,IAAAc,OAAAd,EAAAc,EAAEb,UAAWZ,EAAAC,cAACe,EAAUU,iBAClB,QAAbC,EAAA5B,aAAKY,EAALZ,EAAOW,YAAMC,IAAAgB,OAAAhB,EAAAgB,EAAAf,QAAQgB,KAAI,SAACC,EAAQC,GAAK,OACpC9B,EAAAC,cAAA,IAAA,CAAG8B,KAAMF,EAAOE,MACZ/B,EAACC,cAAA+B,EAAO,CAAAC,IAAKJ,EAAOV,KAAOW,EAAOI,KAAML,EAAOK,MAC1CL,EAAOV,MAGnB,KAGb,CAEA,SAASN,EAAOd,SAEZ,OAAOC,EAAAC,cAAA,MAAA,CACHkC,UAASC,iBAAAA,OACHvC,EAAW,yDAGA,QAAhBY,EAAAV,EAAMsC,gBAAU1B,IAAAF,OAAAE,EAAAF,EAAAmB,KAAI,SAACU,EAAMR,GAAK,OAC7B9B,EAAAC,cAACsC,EAAS,CACNN,IAAKK,EAAKpB,MAAQY,EAClBC,KAAMO,EAAKP,MAAQ,GACnBb,MAAOoB,EAAKpB,MACZsB,KAAMF,EAAKE,KACXN,KAAK,YACLO,KAAK,MAEJH,EAAKI,YAEb,IAET"}

package/dist/{tslib.es6-C3PNVQlC.js → tslib.es6-DNxqyfMY.js}

@@ -1 +1,2 @@
 function t(t,n){var e={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&n.indexOf(r)<0&&(e[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(t);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(e[r[o]]=t[r[o]])}return e}function n(t,n,e,r){return new(e||(e=Promise))((function(o,c){function p(t){try{f(r.next(t))}catch(t){c(t)}}function a(t){try{f(r.throw(t))}catch(t){c(t)}}function f(t){var n;t.done?o(t.value):(n=t.value,n instanceof e?n:new e((function(t){t(n)}))).then(p,a)}f((r=r.apply(t,n||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;export{t as _,n as a};
+//# sourceMappingURL=tslib.es6-DNxqyfMY.js.map

package/dist/tslib.es6-DNxqyfMY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tslib.es6-DNxqyfMY.js","sources":["../node_modules/tslib/tslib.es6.js"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n    function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n    var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n    var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n    var _, done = false;\r\n    for (var i = decorators.length - 1; i >= 0; i--) {\r\n        var context = {};\r\n        for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n        for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n        context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n        var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n        if (kind === \"accessor\") {\r\n            if (result === void 0) continue;\r\n            if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n            if (_ = accept(result.get)) descriptor.get = _;\r\n            if (_ = accept(result.set)) descriptor.set = _;\r\n            if (_ = accept(result.init)) initializers.unshift(_);\r\n        }\r\n        else if (_ = accept(result)) {\r\n            if (kind === \"field\") initializers.unshift(_);\r\n            else descriptor[key] = _;\r\n        }\r\n    }\r\n    if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n    done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n    var useValue = arguments.length > 2;\r\n    for (var i = 0; i < initializers.length; i++) {\r\n        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n    }\r\n    return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n    return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n    if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n    return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\r\n    return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n        desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n    function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nvar ownKeys = function(o) {\r\n    ownKeys = Object.getOwnPropertyNames || function (o) {\r\n        var ar = [];\r\n        for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\r\n        return ar;\r\n    };\r\n    return ownKeys(o);\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n    if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n    return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n    if (value !== null && value !== void 0) {\r\n        if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n        var dispose, inner;\r\n        if (async) {\r\n            if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n            dispose = value[Symbol.asyncDispose];\r\n        }\r\n        if (dispose === void 0) {\r\n            if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n            dispose = value[Symbol.dispose];\r\n            if (async) inner = dispose;\r\n        }\r\n        if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n        if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n        env.stack.push({ value: value, dispose: dispose, async: async });\r\n    }\r\n    else if (async) {\r\n        env.stack.push({ async: true });\r\n    }\r\n    return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n    var e = new Error(message);\r\n    return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n    function fail(e) {\r\n        env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n        env.hasError = true;\r\n    }\r\n    var r, s = 0;\r\n    function next() {\r\n        while (r = env.stack.pop()) {\r\n            try {\r\n                if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\r\n                if (r.dispose) {\r\n                    var result = r.dispose.call(r.value);\r\n                    if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n                }\r\n                else s |= 1;\r\n            }\r\n            catch (e) {\r\n                fail(e);\r\n            }\r\n        }\r\n        if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\r\n        if (env.hasError) throw env.error;\r\n    }\r\n    return next();\r\n}\r\n\r\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\r\n    if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\r\n        return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\r\n            return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\r\n        });\r\n    }\r\n    return path;\r\n}\r\n\r\nexport default {\r\n    __extends: __extends,\r\n    __assign: __assign,\r\n    __rest: __rest,\r\n    __decorate: __decorate,\r\n    __param: __param,\r\n    __esDecorate: __esDecorate,\r\n    __runInitializers: __runInitializers,\r\n    __propKey: __propKey,\r\n    __setFunctionName: __setFunctionName,\r\n    __metadata: __metadata,\r\n    __awaiter: __awaiter,\r\n    __generator: __generator,\r\n    __createBinding: __createBinding,\r\n    __exportStar: __exportStar,\r\n    __values: __values,\r\n    __read: __read,\r\n    __spread: __spread,\r\n    __spreadArrays: __spreadArrays,\r\n    __spreadArray: __spreadArray,\r\n    __await: __await,\r\n    __asyncGenerator: __asyncGenerator,\r\n    __asyncDelegator: __asyncDelegator,\r\n    __asyncValues: __asyncValues,\r\n    __makeTemplateObject: __makeTemplateObject,\r\n    __importStar: __importStar,\r\n    __importDefault: __importDefault,\r\n    __classPrivateFieldGet: __classPrivateFieldGet,\r\n    __classPrivateFieldSet: __classPrivateFieldSet,\r\n    __classPrivateFieldIn: __classPrivateFieldIn,\r\n    __addDisposableResource: __addDisposableResource,\r\n    __disposeResources: __disposeResources,\r\n    __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,\r\n};\r\n"],"names":["__rest","s","e","t","p","Object","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","length","propertyIsEnumerable","__awaiter","thisArg","_arguments","P","generator","Promise","resolve","reject","fulfilled","value","step","next","rejected","result","done","then","apply","SuppressedError"],"mappings":"AA0CO,SAASA,EAAOC,EAAGC,GACtB,IAAIC,EAAI,CAAE,EACV,IAAK,IAAIC,KAAKH,EAAOI,OAAOC,UAAUC,eAAeC,KAAKP,EAAGG,IAAMF,EAAEO,QAAQL,GAAK,IAC9ED,EAAEC,GAAKH,EAAEG,IACb,GAAS,MAALH,GAAqD,mBAAjCI,OAAOK,sBACtB,KAAIC,EAAI,EAAb,IAAgBP,EAAIC,OAAOK,sBAAsBT,GAAIU,EAAIP,EAAEQ,OAAQD,IAC3DT,EAAEO,QAAQL,EAAEO,IAAM,GAAKN,OAAOC,UAAUO,qBAAqBL,KAAKP,EAAGG,EAAEO,MACvER,EAAEC,EAAEO,IAAMV,EAAEG,EAAEO,IAF4B,CAItD,OAAOR,CACX,CA8DO,SAASW,EAAUC,EAASC,EAAYC,EAAGC,GAE9C,OAAO,IAAKD,IAAMA,EAAIE,WAAU,SAAUC,EAASC,GAC/C,SAASC,EAAUC,GAAS,IAAMC,EAAKN,EAAUO,KAAKF,GAAU,CAAC,MAAOrB,GAAKmB,EAAOnB,EAAI,CAAE,CAC1F,SAASwB,EAASH,GAAS,IAAMC,EAAKN,EAAiB,MAAEK,GAAU,CAAC,MAAOrB,GAAKmB,EAAOnB,EAAI,CAAE,CAC7F,SAASsB,EAAKG,GAJlB,IAAeJ,EAIaI,EAAOC,KAAOR,EAAQO,EAAOJ,QAJ1CA,EAIyDI,EAAOJ,MAJhDA,aAAiBN,EAAIM,EAAQ,IAAIN,GAAE,SAAUG,GAAWA,EAAQG,EAAQ,KAIjBM,KAAKP,EAAWI,EAAW,CAC7GF,GAAMN,EAAYA,EAAUY,MAAMf,EAASC,GAAc,KAAKS,OAClE,GACJ,CA8MkD,mBAApBM,iBAAiCA","x_google_ignoreList":[0]}

package/dist/views.js

@@ -1 +1,2 @@
-export{H as HomeView}from"./HomeView-CnAj-VYl.js";import"react";
+export{H as HomeView}from"./HomeView-JIjSATBR.js";import"react";
+//# sourceMappingURL=views.js.map

package/dist/views.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"views.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/writer.js

@@ -1 +1,2 @@
-export{c as Badge,B as Blockquote,b as Callout,C as Code,D as Details,H as Heading,a as Hr,f as IconCode,g as IconCustomEvent,e as IconFunnels,d as IconMetrics,I as IconSessionReplay}from"./index-TKJ66_wI.js";import{_ as t}from"./tslib.es6-C3PNVQlC.js";import r,{Fragment as n}from"react";import{ArrowRightIcon as l,ArrowLeftIcon as s}from"@radix-ui/react-icons";export{G as GuideCard,S as Steps,T as Table,a as Tabs,U as UnderlineNav}from"./UnderlineNav-C8onw9Na.js";import"./_rollupPluginBabelHelpers-DfQAiTCw.js";import"@radix-ui/react-tabs";import"lucide-react";var i="hwgsk4h",m="i1b95bxl",o="i1a3fa93",u="i1dl7ywj";function h(e){var a=e.children,n=t(e,["children"]);return r.createElement("a",Object.assign({},n),a)}function p(e){return r.createElement("div",{className:i},e.items.map((function(t,a){var s=a===e.items.length-1;return r.createElement(n,{key:t.href+t.title},a>0&&r.createElement(l,{className:m}),r.createElement("div",{className:"\n                            ".concat(o,"\n                            ").concat(s&&u,"\n                        "),title:t.title},t.href&&!s?r.createElement(h,{href:t.href},t.title):t.title))})))}var v="h1xhrk1",E="l1elq7ab",x="i1mmatje";function N(e){var a=e.children,n=t(e,["children"]);return r.createElement("a",Object.assign({},n),a)}function j(e){return r.createElement("div",{className:v},e.prev?r.createElement(N,{href:e.prev.href,title:e.prev.title,className:E},r.createElement(s,{className:x}),e.prev.title):r.createElement("div",null),e.next&&r.createElement(N,{href:e.next.href,title:e.next.title,className:E},e.next.title,r.createElement(l,{className:x})))}var k="h1vb39qj";function q(e){var t=e.children;return r.createElement("pre",{className:k},t)}export{p as Breadcrumbs,j as NavLinks,q as Pre};
+export{c as Badge,B as Blockquote,b as Callout,C as Code,D as Details,H as Heading,a as Hr,f as IconCode,g as IconCustomEvent,e as IconFunnels,d as IconMetrics,I as IconSessionReplay}from"./index-CCn_Wv4c.js";import{_ as t}from"./tslib.es6-DNxqyfMY.js";import r,{Fragment as n}from"react";import{ArrowRightIcon as l,ArrowLeftIcon as s}from"@radix-ui/react-icons";export{G as GuideCard,S as Steps,T as Table,a as Tabs,U as UnderlineNav}from"./UnderlineNav-Ck16YRuC.js";import"./_rollupPluginBabelHelpers-DFryr8Hb.js";import"@radix-ui/react-tabs";import"lucide-react";var i="hwgsk4h",m="i1b95bxl",o="i1a3fa93",u="i1dl7ywj";function h(e){var a=e.children,n=t(e,["children"]);return r.createElement("a",Object.assign({},n),a)}function p(e){return r.createElement("div",{className:i},e.items.map((function(t,a){var s=a===e.items.length-1;return r.createElement(n,{key:t.href+t.title},a>0&&r.createElement(l,{className:m}),r.createElement("div",{className:"\n                            ".concat(o,"\n                            ").concat(s&&u,"\n                        "),title:t.title},t.href&&!s?r.createElement(h,{href:t.href},t.title):t.title))})))}var v="h1xhrk1",E="l1elq7ab",x="i1mmatje";function N(e){var a=e.children,n=t(e,["children"]);return r.createElement("a",Object.assign({},n),a)}function j(e){return r.createElement("div",{className:v},e.prev?r.createElement(N,{href:e.prev.href,title:e.prev.title,className:E},r.createElement(s,{className:x}),e.prev.title):r.createElement("div",null),e.next&&r.createElement(N,{href:e.next.href,title:e.next.title,className:E},e.next.title,r.createElement(l,{className:x})))}var k="h1vb39qj";function q(e){var t=e.children;return r.createElement("pre",{className:k},t)}export{p as Breadcrumbs,j as NavLinks,q as Pre};
+//# sourceMappingURL=writer.js.map

package/dist/writer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"writer.js","sources":["../src/writer/Breadcrumbs/Breadcrumbs.styles.ts","../src/writer/Breadcrumbs/Breadcrumbs.tsx","../src/writer/NavLinks/NavLinks.styles.ts","../src/writer/NavLinks/NavLinks.tsx","../src/writer/Pre/Pre.styles.tsx","../src/writer/Pre/Pre.tsx"],"sourcesContent":["import {css} from \"@linaria/core\";\n\nexport const $breadcrumbs = {\n    host: css`\n        display: flex;\n        overflow: hidden;\n        margin-top: 0.375rem;\n        gap: 0.25rem;\n        align-items: center;\n        font-size: 0.875rem;\n        line-height: 1.25rem;\n        color: #6B7280;\n    `,\n    icon: css`\n        shrink: 0;\n        width: 0.875rem;\n    `,\n    item: css`\n        white-space: nowrap;\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n        transition-duration: 300ms;\n    `,\n    item$$active: css`\n        color: #000;\n        font-weight: bold;\n    `\n};\n","import React, {Fragment} from 'react'\nimport type {ReactElement} from 'react'\nimport {ArrowRightIcon} from '@radix-ui/react-icons'\n\nimport {$breadcrumbs} from './Breadcrumbs.styles'\n\nfunction Anchor({children, ...rest}) {\n    return <a {...rest}>\n        {children}\n    </a>\n}\n\nexport interface BreadcrumbsProps {\n    items: {\n        title: string\n        href?: string\n    }[]\n}\n\nexport function Breadcrumbs(props: BreadcrumbsProps): ReactElement {\n    return (\n        <div className={$breadcrumbs.host}>\n            {props.items.map((item, index) => {\n                const lastActive = index === props.items.length - 1\n\n                return (\n                    <Fragment key={item.href + item.title}>\n                        {index > 0 && <ArrowRightIcon className={$breadcrumbs.icon}/>}\n                        <div className={`\n                            ${$breadcrumbs.item}\n                            ${lastActive && $breadcrumbs.item$$active}\n                        `}\n                             title={item.title}\n                        >\n                            {item.href && !lastActive ? (\n                                <Anchor href={item.href}>{item.title}</Anchor>\n                            ) : (\n                                item.title\n                            )}\n                        </div>\n                    </Fragment>\n                )\n            })}\n        </div>\n    )\n}\n","import {css} from \"@linaria/core\";\n\nexport const $navLinks = {\n    host: css`\n        display: flex;\n        padding-top: 2rem;\n        margin-top: 2rem;\n        margin-bottom: 2rem;\n        justify-content: space-between;\n        align-items: center;\n        border-top-width: 1px;\n    `,\n    link: css`\n        display: flex;\n        padding-top: 1rem;\n        padding-bottom: 1rem;\n        gap: 0.25rem;\n        align-items: center;\n        font-size: 1rem;\n        line-height: 1.5rem;\n        font-weight: 500;\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n        transition-duration: 300ms;\n        max-width: 50%;\n    `,\n    icon: css`\n        display: inline;\n        height: 1.25rem;\n        flex-shrink: 0;\n    `,\n};\n","import React from \"react\"\nimport {ArrowLeftIcon, ArrowRightIcon} from '@radix-ui/react-icons'\n\nimport {$navLinks} from \"./NavLinks.styles\";\n\nfunction Anchor({children, ...rest}) {\n    return <a {...rest}>\n        {children}\n    </a>\n}\n\nexport interface NavLinksProps {\n    prev?: {\n        title: string\n        href: string\n    }\n    next?: {\n        title: string\n        href: string\n    }\n}\n\nexport function NavLinks(props: NavLinksProps) {\n    return (\n        <div className={$navLinks.host}>\n            {props.prev ? (\n                <Anchor\n                    href={props.prev.href}\n                    title={props.prev.title}\n                    className={$navLinks.link}\n                >\n                    <ArrowLeftIcon className={$navLinks.icon}/>\n                    {props.prev.title}\n                </Anchor>\n            ) : <div/>}\n            {props.next && (\n                <Anchor\n                    href={props.next.href}\n                    title={props.next.title}\n                    className={$navLinks.link}\n                >\n                    {props.next.title}\n                    <ArrowRightIcon className={$navLinks.icon}/>\n                </Anchor>\n            )}\n        </div>\n    )\n}\n","import {css} from \"@linaria/core\";\n\nexport const $pre = {\n    host: css`\n        margin-top: 0;\n        border-radius: 6px;\n        padding: 16px;\n        border: 0;\n\n        background-color: rgb(246, 248, 250);\n        overflow: auto;\n    `\n}","import React from \"react\"\n\nimport {$pre} from \"./Pre.styles\"\n\nexport interface PreProps {\n    children: React.ReactNode\n}\n\nexport function Pre({children}: PreProps) {\n    return <pre className={$pre.host}>\n        {children}\n    </pre>\n}"],"names":["$breadcrumbs","Anchor","_a","children","rest","__rest","React","createElement","Object","assign","Breadcrumbs","props","className","items","map","item","index","lastActive","length","Fragment","key","href","title","ArrowRightIcon","concat","$navLinks","NavLinks","prev","ArrowLeftIcon","next","$pre","Pre","_ref"],"mappings":"sjBAEO,IAAMA,EAUR,UAVQA,EAcR,WAdQA,EAoBR,WApBQA,EAqBG,WCjBhB,SAASC,EAAOC,GAAA,IAACC,EAAkBD,EAAlBC,SAAaC,EAAIC,EAAAH,EAAlB,cACZ,OAAOI,EAAOC,cAAA,IAAAC,OAAAC,OAAA,CAAA,EAAAL,GACTD,EAET,CASM,SAAUO,EAAYC,GACxB,OACIL,EAAKC,cAAA,MAAA,CAAAK,UAAWZ,GACXW,EAAME,MAAMC,KAAI,SAACC,EAAMC,GACpB,IAAMC,EAAaD,IAAUL,EAAME,MAAMK,OAAS,EAElD,OACIZ,EAAAC,cAACY,EAAQ,CAACC,IAAKL,EAAKM,KAAON,EAAKO,OAC3BN,EAAQ,GAAKV,EAACC,cAAAgB,EAAe,CAAAX,UAAWZ,IACzCM,EAAAC,cAAA,MAAA,CAAKK,UAASY,iCAAAA,OACRxB,EAAiB,kCAAAwB,OACjBP,GAAcjB,EACnB,8BACIsB,MAAOP,EAAKO,OAEZP,EAAKM,OAASJ,EACXX,EAAAC,cAACN,EAAO,CAAAoB,KAAMN,EAAKM,MAAON,EAAKO,OAE/BP,EAAKO,OAKzB,IAGZ,CC3CO,IAAMG,EASR,UATQA,EAuBR,WAvBQA,EAwBL,WCrBR,SAASxB,EAAOC,GAAA,IAACC,EAAkBD,EAAlBC,SAAaC,EAAIC,EAAAH,EAAlB,cACZ,OAAOI,EAAOC,cAAA,IAAAC,OAAAC,OAAA,CAAA,EAAAL,GACTD,EAET,CAaM,SAAUuB,EAASf,GACrB,OACIL,EAAKC,cAAA,MAAA,CAAAK,UAAWa,GACXd,EAAMgB,KACHrB,EAACC,cAAAN,EACG,CAAAoB,KAAMV,EAAMgB,KAAKN,KACjBC,MAAOX,EAAMgB,KAAKL,MAClBV,UAAWa,GAEXnB,EAAAC,cAACqB,EAAc,CAAAhB,UAAWa,IACzBd,EAAMgB,KAAKL,OAEhBhB,EAAMC,cAAA,MAAA,MACTI,EAAMkB,MACHvB,EAAAC,cAACN,EAAM,CACHoB,KAAMV,EAAMkB,KAAKR,KACjBC,MAAOX,EAAMkB,KAAKP,MAClBV,UAAWa,GAEVd,EAAMkB,KAAKP,MACZhB,EAAAC,cAACgB,EAAc,CAACX,UAAWa,KAK/C,CC7CO,IAAMK,EACL,WCKQ,SAAAC,EAAGC,GAAqB,IAAnB7B,EAAQ6B,EAAR7B,SACjB,OAAOG,EAAAC,cAAA,MAAA,CAAKK,UAAWkB,GAClB3B,EAET"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyd-js/components",
-  "version": "0.1.0-xyd.0",
+  "version": "0.1.0-xyd.2",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -33,26 +33,44 @@
       "import": "./dist/writer.js"
     }
   },
-  "scripts": {
-    "clean": "rimraf build",
-    "prebuild": "pnpm clean",
-    "build": "rollup -c rollup.config.js"
-  },
   "dependencies": {
-    "@headlessui/react": "^2.2.0",
     "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/react-menu": "^2.1.2",
     "@radix-ui/react-tabs": "^1.1.1",
-    "clsx": "^2.1.1",
     "lucide-react": "^0.447.0",
+    "codehike": "^1.0.3"
+  },
+  "peerDependencies": {
     "react": "^18.3.1",
-    "react-syntax-highlighter": "^15.5.0"
+    "@code-hike/lighter": "^1.0.1"
   },
   "devDependencies": {
+    "@linaria/atomic": "^6.2.0",
+    "@linaria/core": "^6.2.0",
+    "@babel/preset-typescript": "^7.26.0",
+    "@babel/preset-react": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-flow": "^7.25.9",
+    "@rollup/plugin-alias": "^5.1.1",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.1",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-typescript": "^12.1.1",
+    "@wyw-in-js/rollup": "^0.5.5",
+    "@wyw-in-js/vite": "^0.5.5",
     "autoprefixer": "^10.4.20",
     "postcss": "^8.4.47",
     "postcss-import": "^16.1.0",
+    "rollup": "^4.27.4",
+    "rollup-plugin-css-only": "^4.5.2",
+    "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-postcss": "^4.0.2",
-    "tsup": "^8.3.0"
+    "rollup-plugin-terser": "^7.0.2",
+    "tsup": "^8.3.0",
+    "rimraf": "^3.0.2"
+  },
+  "scripts": {
+    "clean": "rimraf build",
+    "prebuild": "pnpm clean",
+    "build": "rollup -c rollup.config.js"
   }
 }