@xyd-js/components 0.1.0-xyd.11 → 0.1.0-xyd.13

package/dist/content.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.js","sources":["../src/content/Content/Content.tsx","../src/content/Content/Content.styles.tsx","../src/content/Subtitle/Subtitle.tsx","../src/content/Subtitle/Subtitle.styles.ts","../src/content/Anchor/Anchor.styles.tsx","../src/content/Anchor/Anchor.tsx","../src/content/Content.tsx"],"sourcesContent":["import React from \"react\"\nimport * as cn from \"./Content.styles\";\n\nexport interface ContentProps {\n    children: React.ReactNode\n}\n\nexport function Content({children}: ContentProps) {\n    return <div className={cn.ContentHost}>\n        {children}\n    </div>\n}\n\n","import {css} from \"@linaria/core\";\n\nexport const ContentHost = css`\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    font-size: 16px;\n    line-height: 1.5;\n`; ","import React from \"react\"\nimport * as cn from \"./Subtitle.styles\";\n\nexport interface SubtitleProps {\n    children: React.ReactNode\n}\n\nexport function Subtitle({children}: SubtitleProps) {\n    return <div className={cn.Host}>\n        {children}\n    </div>\n}","import {css} from \"@linaria/core\";\n\nexport const Host = css`\n    margin-top: -18px;\n    font-size: 18px;\n    color: #6e6e80;\n    font-weight: 300;\n`; ","import {css} from \"@linaria/core\";\n\nexport const AnchorHost = css`\n    color: #7051d4;\n`; ","import React, {forwardRef} from 'react'\nimport type {ComponentProps, ReactElement} from 'react'\nimport * as cn from \"./Anchor.styles\";\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                href={href}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                className={cn.AnchorHost}\n            >\n                {children}\n            </a>\n        )\n    }\n\n    if (!href) {\n        return (\n            <a\n                ref={forwardedRef}\n                href={href}\n                className={cn.AnchorHost}\n            >\n                {children}\n            </a>\n        )\n    }\n\n    return (\n        <a\n            ref={forwardedRef}\n            href={href}\n            className={cn.AnchorHost}\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    TableV2,\n    Tabs,\n    Steps,\n\n    IconCode,\n    IconCustomEvent,\n    IconFunnels,\n    IconMetrics,\n    IconSessionReplay,\n    IconAlert,\n    IconBrowser,\n    IconREST,\n    IconGraphQL,\n    IconWebhooks,\n    IconJSBrowser,\n    IconJSNode,\n    IconStorybook,\n    IconReactRouter,\n    IconNextJS,\n    IconAppTemplate,\n    IconQuote\n} from '../writer'\nimport {CodeSample} from \"../coder\";\n\nimport {Content as ContentComponent} from \"./Content/index\";\nimport {Subtitle} from \"./Subtitle\";\nimport {Anchor} from \"./Anchor\";\n\nconst EXTERNAL_HREF_REGEX = /https?:\\/\\//\n\nconst Link = ({href = '', className = \"\", ...props}) => (\n    <Anchor\n        href={href}\n        newWindow={EXTERNAL_HREF_REGEX.test(href)}\n        {...props}\n    />\n)\n\n// TODO: options?\nexport default function content() {\n    return {\n        ...stdContent(),\n        ...writerContent(),\n        ...helperContent(),\n        ...iconContent(),\n        ...coderContent(),\n        ...directiveContent(),\n    }\n}\n\nexport function stdContent() {\n    return {\n        h1: (props) => <div><Heading id={props.children} {...props}/></div>,\n        h2: props => <div><Heading id={props.children} size={2} {...props} /></div>,\n        h3: props => <div><Heading id={props.children} size={3} {...props} /></div>,\n        h4: props => <div><Heading id={props.children} size={4} {...props} /></div>,\n        h5: props => <div><Heading id={props.children} size={5} {...props} /></div>,\n        h6: props => <div><Heading id={props.children} size={6} {...props} /></div>,\n        p: props => <p {...props} />,\n\n        ul: props => (\n            <ul{...props}>\n                {props.children}\n            </ul>\n        ),\n        ol: props => (\n            <ol{...props}\n            >\n                {props.children}\n            </ol>\n        ),\n        li: props => <li {...props} >\n            {props.children}\n        </li>,\n\n        table: TableV2,\n        tr: TableV2.Tr,\n        th: TableV2.Th,\n        td: (props) => <TableV2.Td {...props}>\n            <TableV2.Cell>\n                {props.children}\n            </TableV2.Cell>\n        </TableV2.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: TableV2,\n        Badge,\n    }\n}\n\nexport function directiveContent() {\n    return {\n        // TODO: deprecate?\n        DirectiveCodeSample: (props) => {\n            return <CodeSample\n                {...props}\n                codeblocks={JSON.parse(props.codeblocks)}\n            />\n        }\n    }\n}\n\nexport function helperContent() {\n    return {\n        Content: ContentComponent,\n        Subtitle\n    }\n}\n\nexport function iconContent() {\n    return {\n        IconSessionReplay,\n        IconMetrics,\n        IconFunnels,\n        IconCode,\n        IconCustomEvent,\n        IconAlert,\n        IconBrowser,\n        IconREST,\n        IconGraphQL,\n        IconWebhooks,\n        IconJSBrowser,\n        IconJSNode,\n        IconStorybook,\n        IconReactRouter,\n        IconNextJS,\n        IconAppTemplate,\n        IconQuote,\n    }\n}\n\nexport function coderContent() {\n    return {\n        CodeSample,\n    }\n}\n"],"names":["Content","_ref","children","React","createElement","className","Subtitle","AnchorHost","Anchor","forwardRef","forwardedRef","_ref$href","href","newWindow","ref","target","rel","cn","displayName","EXTERNAL_HREF_REGEX","Link","_a","_a$href","props","__rest","Object","assign","test","content","stdContent","writerContent","helperContent","iconContent","coderContent","directiveContent","h1","Heading","id","h2","size","h3","h4","h5","h6","p","ul","ol","li","table","TableV2","tr","Tr","th","Th","td","Td","Cell","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","Table","Badge","DirectiveCodeSample","JSON","parse","ContentComponent","IconSessionReplay","IconMetrics","IconFunnels","IconCode","IconCustomEvent","IconAlert","IconBrowser","IconREST","IconGraphQL","IconWebhooks","IconJSBrowser","IconJSNode","IconStorybook","IconReactRouter","IconNextJS","IconAppTemplate","IconQuote"],"mappings":"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"}
+{"version":3,"file":"content.js","sources":["../src/content/GridDecorator.styles.tsx","../src/content/GridDecorator.tsx","../src/content/ReactContent.tsx","../src/content/ContentDecoator.styles.tsx","../src/content/ContentDecorator.tsx"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nexport default {\n    GridDecoratorHost: css`\n        @layer components {\n            display: grid;\n            gap: 1rem;\n            width: 100%;\n\n            /* First level ul - 1fr */\n            > ul {\n                display: grid;\n                grid-template-columns: 1fr;\n                gap: 1rem;\n                width: 100%;\n            }\n\n            /* Nested ul - 2fr */\n            ul ul {\n                display: grid;\n                grid-template-columns: repeat(2, 1fr);\n                gap: 1rem;\n                width: 100%;\n            }\n\n            &[data-cols] {\n                --cols: var(--data-cols, 2);\n                ul ul {\n                    grid-template-columns: repeat(var(--cols), 1fr);\n                }\n            }\n\n            &[data-cols=\"2\"] { --data-cols: 2; }\n            &[data-cols=\"3\"] { --data-cols: 3; }\n            &[data-cols=\"4\"] { --data-cols: 4; }\n            &[data-cols=\"5\"] { --data-cols: 5; }\n            &[data-cols=\"6\"] { --data-cols: 6; }\n\n            @media (max-width: 768px) {\n                > ul {\n                    gap: 0;\n                }\n                ul ul {\n                    grid-template-columns: 1fr;\n                }\n            }\n\n            ul, ol, li {\n                &::before {\n                    content: none;\n                }\n            }\n\n            ul, ol {\n                display: grid;\n                margin: 0;\n                padding: 0 !important;\n                list-style: none;\n            }\n\n            li {\n                margin-left: 0 !important;\n                padding-left: 0 !important;\n            }\n        }\n    `\n}\n","import React from 'react'\n\nimport cn from \"./GridDecorator.styles\";\n\ninterface GridDecoratorProps {\n    cols?: 2 | 3 | 4 | 5 | 6\n}\n/**\n * A wrapper component that applies grid decoration styling to its children.\n * This component uses a custom element `xyd-grid-decorator` to provide grid-based layout decoration.\n * \n * @category Component\n */\nexport function GridDecorator({ children, cols }: GridDecoratorProps) {\n    return <xyd-grid-decorator \n        className={cn.GridDecoratorHost}\n        data-cols={cols}\n    >\n        {children}\n    </xyd-grid-decorator>\n}\n","import React, { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react'\nimport { HighlightedCode } from 'codehike/code';\n\nimport {\n    Settings\n} from \"@xyd-js/core\"\n\nimport {\n    Anchor,\n    Badge,\n    Blockquote,\n    Callout,\n    Code,\n    Details,\n    GuideCard,\n    Heading,\n    Hr,\n    Table,\n    Tabs,\n    Steps,\n    List,\n    ListOl,\n    UnderlineNav,\n    Text,\n    Button,\n    Icon,\n    Image,\n    Update,\n    Card,\n    ColorSchemeButton\n} from '../writer'\nimport { CodeSample } from \"../coder\";\nimport { GridDecorator } from './GridDecorator';\n\ninterface ReactContentOptions {\n    Link?: React.ElementType\n    components?: { [component: string]: (props: any) => React.JSX.Element | null }\n    useLocation?: () => {\n        search: string\n    } // TODO: !!!! BETTER API !!!!!\n    useNavigate?: (to: any) => void // TODO: !!!! BETTER API !!!!!\n    useNavigation?: () => any, // TODO: !!!! BETTER API !!!!!\n\n}\n\nexport class ReactContent {\n    constructor(\n        protected settings?: Settings,\n        protected options?: ReactContentOptions\n    ) {\n    }\n\n    public components(): { [component: string]: (props: any) => React.JSX.Element | null } {\n        const builtInComponents = [\n            stdContent,\n            writerContent,\n            iconContent,\n            coderContent,\n            directiveContent,\n            contentDecorators\n        ]\n            .map(fn => fn.bind(this))\n            .reduce((acc, fn) => ({ ...acc, ...fn() }), {});\n\n        return {\n            ...builtInComponents,\n            ...this.options?.components || {}\n        }\n    }\n\n    public noop() {\n        const components = this.components()\n\n        const noopBuiltInFlatComponents = [\n            ...Object.keys(components),\n            ...Object.keys(this.options?.components || {})\n        ].reduce((acc, key) => {\n            acc[key] = () => null\n            return acc\n        }, {})\n\n        const noopNestedComponents = {\n            Steps: NoopComponent,\n            UnderlineNav: NoopComponent,\n            Tabs: NoopComponent,\n            GuideCard: NoopComponent,\n            Table: NoopComponent,\n        }\n\n        return {\n            ...noopBuiltInFlatComponents,\n            ...noopNestedComponents,\n            React: NoopReactComponent,\n        }\n    }\n}\n\nfunction NoopComponent() {\n    return null\n}\nNoopComponent.Item = () => null\nNoopComponent.Content = () => null\nNoopComponent.List = () => null\nNoopComponent.Head = () => null\nNoopComponent.Td = () => null\nNoopComponent.Tr = () => null\nNoopComponent.Th = () => null\nNoopComponent.Cell = () => null\n\n\nfunction NoopReactComponent() { // TODO: !!!! in the future refactor but `html-to-jsx-transform` creates <React.Fragment> !!!\n    return null\n}\nNoopReactComponent.Fragment = React.Fragment\n\nexport function stdContent(\n    this: ReactContent,\n) {\n    const $$Pre = $Pre.bind(this)\n    const $$Heading = $Heading.bind(this)\n\n    return {\n        h1: (props) => {\n            return <$$Heading depth={1} {...props} noanchor />\n        },\n        h2: props => {\n            return <$$Heading depth={2} {...props} />\n        },\n        h3: props => {\n            return <$$Heading depth={3} {...props} />\n        },\n        h4: props => {\n            return <$$Heading depth={4} {...props} />\n        },\n        h5: props => {\n            return <$$Heading depth={5} {...props} />\n        },\n        p: props => {\n            return <Text {...props} />\n        },\n        ul: props => {\n            return <List {...props}>\n                {props.children}\n            </List>\n        },\n        ol: props => {\n            return <ListOl {...props}>\n                {props.children}\n            </ListOl>\n        },\n        li: props => {\n            return <List.Item {...props} >\n                {props.children}\n            </List.Item>\n        },\n\n        table: (props) => {\n            return <Table {...props} />\n        },\n        tr: (props) => {\n            return <Table.Tr {...props} />\n        },\n        th: (props) => {\n            return <Table.Th {...props} />\n        },\n        td: (props) => {\n            return <Table.Td {...props}>\n                <Table.Cell>\n                    {props.children}\n                </Table.Cell>\n            </Table.Td>\n        },\n\n        code: (props) => {\n            return <Code {...props} />\n        },\n        pre: $$Pre,\n        details: (props) => {\n            return <Details {...props} />\n        },\n        blockquote: (props) => {\n            return <Blockquote {...props} />\n        },\n        hr: (props) => {\n            return <Hr {...props} />\n        },\n        a: (props) => {\n            return <$Link {...props} as={this?.options?.Link} />\n        },\n        br: (props) => {\n            return <br />\n        },\n        img: (props) => {\n            return <Image {...props} />\n        },\n\n        React: NoopReactComponent,\n    }\n}\n\ninterface HeadingContentProps {\n    id: string\n    depth: 1 | 2 | 3 | 4 | 5 | 6\n    children: React.ReactNode\n    label?: string\n    subtitle?: string\n    noanchor?: boolean\n    style?: any\n}\n\nfunction $Heading({ id, depth, children, label, subtitle, noanchor, style }: HeadingContentProps) {\n    // const location = this?.options?.useLocation?.() // TODO: !!!! BETTER API !!!!!\n    // const navigate = this?.options?.useNavigate() // TODO: !!!! BETTER API !!!!!\n    const navigation = this?.options?.useNavigation() // TODO: !!!! BETTER API !!!!!\n\n    const ref = useRef<HTMLHeadingElement>(null!)\n    const [active, setActive] = useState(false)\n\n    function onReplaceState(e: any) {\n        const active = window.location.hash === `#${id}`\n        setActive(active)\n    }\n\n    useEffect(() => {\n        window.addEventListener('replaceState', onReplaceState)\n\n        const active = window.location.hash === `#${id}`\n        setActive(active)\n\n        if (active && ref.current && navigation?.state !== \"loading\") {\n            ref.current.scrollIntoView()\n        }\n\n        return () => {\n            window.removeEventListener('replaceState', onReplaceState)\n        }\n    }, [])\n\n    return <Heading\n        ref={ref}\n        id={id}\n        size={depth}\n        active={active}\n        onClick={() => {\n            // navigate({\n            //     hash: id\n            // })\n\n            // TODO: !!! in the future we should use react-router but some issues with the hash !!!\n            const url = new URL(window.location.href)\n            url.hash = id\n            history.replaceState(null, '', url)\n\n            document.querySelector(`#${id}`)?.scrollIntoView()\n        }}\n        label={label}\n        subtitle={subtitle}\n        noanchor={noanchor}\n        style={style}\n    >\n        {children}\n    </Heading>\n}\n\nexport function writerContent() {\n    const GuideCardContent = $GuideCardContentComponent.bind(this)\n    GuideCardContent.List = GuideCard.List\n\n    const UnderlineNavContent = $UnderlineNavContentComponent.bind(this)\n    UnderlineNavContent.Content = $UnderlineNavContentContentComponent.bind(this)\n    UnderlineNavContent.Item = $UnderlineNavItemContentComponent.bind(this)\n    UnderlineNavContent.Item.displayName = \"UnderlineNav.Item\"\n\n    return {\n        Callout,\n        Details,\n        GuideCard: GuideCardContent,\n        Steps,\n        Tabs: UnderlineNavContent,\n        Table,\n        Badge,\n        Button,\n        UnderlineNav: UnderlineNavContent,\n        Subtitle(props) {\n            const paragraph = props?.children?.props?.children\n\n            return <Heading size={4} kind=\"muted\" {...props}>\n                {paragraph}\n            </Heading>\n        },\n        Update,\n        Card: $Card.bind(this),\n        ColorSchemeButton: ColorSchemeButton\n    }\n}\n\nfunction $GuideCardContentComponent(props) {\n    return <GuideCard\n        {...props}\n        as={this?.options?.Link}\n    />\n}\n\nfunction $Card(props) {\n    return <Card\n        {...props}\n        link={this?.options?.Link}\n    />\n}\n\nconst UnderlineNavContentContext = createContext({\n    value: \"\",\n    onChange: (v: string) => {\n    }\n})\n\nfunction $UnderlineNavContentComponent(props) {\n    const [value, setValue] = useState(props.value)\n\n    return <UnderlineNavContentContext value={{ value, onChange: setValue }}>\n        <Tabs\n            {...props}\n            value={value}\n            onChange={val => {\n                setValue(val)\n            }}\n        />\n    </UnderlineNavContentContext>\n}\n\nfunction $UnderlineNavContentContentComponent(this: ReactContent, props) {\n    const { onChange } = useContext(UnderlineNavContentContext)\n    const location = this?.options?.useLocation?.() // TODO: !!!! BETTER API !!!!!\n\n    const search = location?.search\n    const params = new URLSearchParams(search)\n    const propsParams = new URLSearchParams(props.value)\n\n    let tabsMatch: boolean | undefined = true\n    let keyMatchExists = true\n    propsParams.forEach((value, key) => {\n        const paramKey = params.get(key)\n        if (paramKey !== value) {\n            tabsMatch = false\n        }\n        if (!paramKey) {\n            keyMatchExists = false\n        }\n    })\n\n    useEffect(() => {\n        if (tabsMatch) {\n            onChange(props.value)\n        }\n    }, [tabsMatch])\n\n    if (!keyMatchExists) {\n        tabsMatch = undefined\n    }\n\n    return <Tabs.Content {...props} defaultActive={tabsMatch} />\n}\n\nfunction $UnderlineNavItemContentComponent(props) {\n    const { onChange } = useContext(UnderlineNavContentContext)\n    const location = this?.options?.useLocation?.()\n\n    const search = location?.search\n    const params = new URLSearchParams(search)\n    const propsParams = new URLSearchParams(props.value)\n\n    let tabsMatch = true\n    propsParams.forEach((value, key) => {\n        if (params.get(key) !== value) {\n            tabsMatch = false\n        }\n    })\n\n    useEffect(() => {\n        if (tabsMatch) {\n            onChange(props.value)\n        }\n    }, [tabsMatch])\n\n    return <Tabs.Item\n        {...props}\n        as={this?.options?.Link}\n        defaultActive={tabsMatch}\n    />\n}\n\n// TODO: better system for icons + should work with .md like icon=\"session-replay\" etc.\nexport function iconContent() {\n    return {\n        Icon,\n    }\n}\n\nexport function coderContent() {\n    return {\n        CodeSample, // TODO: server side highlight?\n    }\n}\n\nexport function directiveContent(\n    this: ReactContent,\n) {\n    return {\n        // TODO: deprecate? - but currently needed for directive cuz we do JSON.parse here\n        DirectiveCodeGroup: (props) => {\n            return <CodeSample\n                {...props}\n                theme={this.settings?.theme?.coder?.syntaxHighlight || undefined}\n                codeblocks={JSON.parse(props.codeblocks)}\n            />\n        }\n    }\n}\n\nexport function contentDecorators() {\n    return {\n        GridDecorator\n    }\n}\n\nfunction $Pre(\n    this: ReactContent,\n    props: any\n) {\n    let highlighted: HighlightedCode | undefined = undefined\n\n    if (props.highlighted) {\n        // if ssr highlighted code\n        try {\n            const serverHighlight: HighlightedCode = JSON.parse(props.highlighted)\n\n            if (serverHighlight) {\n                highlighted = serverHighlight\n            }\n        } catch (e) {\n            console.error(\"Error parsing highlighted code\", e)\n        }\n    }\n    const lang = (props?.children?.props?.className || \"\").replace(\"language-\", \"\")\n\n    let descriptionContent: React.ReactNode | undefined = undefined\n    if (props?.descriptionContent) {\n        const code = mdxContent(props?.descriptionContent)\n        if (code?.component) {\n            const Component = MemoMDXComponent(code?.component)\n\n            descriptionContent = <Component components={this.components()} />\n        }\n    }\n\n    return <CodeSample\n        theme={this.settings?.theme?.coder?.syntaxHighlight || undefined}\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                highlighted,\n            }\n        ]}\n        lineNumbers={props?.lineNumbers}\n        size={props?.size}\n        descriptionHead={props?.descriptionHead}\n        descriptionContent={descriptionContent}\n        descriptionIcon={props?.descriptionIcon}\n    />\n}\n\nconst EXTERNAL_HREF_REGEX = /https?:\\/\\//\n\ninterface LinkProps {\n    href?: string\n    as?: React.ElementType\n    newWindow?: boolean\n    children?: React.ReactNode\n}\n\nfunction $Link({\n    href = '',\n    as,\n    newWindow,\n    children,\n    ...props\n}: LinkProps) {\n    const Link = as || Anchor\n\n    return <Link\n        href={href}\n        newWindow={newWindow || EXTERNAL_HREF_REGEX.test(href)}\n        {...props}\n    >\n        {children}\n    </Link>\n}\n\n// TODO: move to content?\nfunction mdxExport(code: string) {\n    // Create a wrapper around React.createElement that adds keys to elements in lists\n    const scope = {\n        Fragment: React.Fragment,\n        jsxs: createElementWithKeys,\n        jsx: createElementWithKeys,\n        jsxDEV: createElementWithKeys,\n    }\n    const fn = new Function(...Object.keys(scope), code)\n\n    return fn(scope)\n}\n\nfunction MemoMDXComponent(codeComponent: any) {\n    return useMemo(\n        () => codeComponent ? codeComponent : null,\n        [codeComponent]\n    )\n}\n\n\n// // TODO: move to content?\nfunction mdxContent(code: string) {\n    const content = mdxExport(code) // TODO: fix any\n    if (!mdxExport) {\n        return {}\n    }\n\n    return {\n        component: content?.default,\n    }\n}\n\nconst createElementWithKeys = (type: any, props: any) => {\n    // Process children to add keys to all elements\n    const processChildren = (childrenArray: any[]): any[] => {\n        return childrenArray.map((child, index) => {\n            // If the child is a React element and doesn't have a key, add one\n            if (React.isValidElement(child) && !child.key) {\n                return React.cloneElement(child, { key: `mdx-${index}` });\n            }\n            // If the child is an array, process it recursively\n            if (Array.isArray(child)) {\n                return processChildren(child);\n            }\n            return child;\n        });\n    };\n\n    // Handle both cases: children as separate args or as props.children\n    let processedChildren;\n\n    if (props && props.children) {\n        if (Array.isArray(props.children)) {\n            processedChildren = processChildren(props.children);\n        } else if (React.isValidElement(props.children) && !props.children.key) {\n            // Single child without key\n            processedChildren = React.cloneElement(props.children, { key: 'mdx-child' });\n        } else {\n            // Single child with key or non-React element\n            processedChildren = props.children;\n        }\n    } else {\n        processedChildren = [];\n    }\n\n    // Create the element with processed children\n    return React.createElement(type, {\n        ...props,\n        children: processedChildren\n    });\n};","import { css } from \"@linaria/core\";\n\nexport default {\n    ContentDecoratorHost: css`\n        @layer components {\n            --space-small: 8px;\n            --space-medium: 16px;\n            --space-large: 20px;\n            --space-xlarge: 24px;\n            --space-xxlarge: 32px;\n            --space-2xlarge: 50px;\n\n            font-size: var(--xyd-font-size-medium);\n            line-height: var(--xyd-line-height-medium);\n\n            p:not(li p):not(ul p):not(xyd-callout p):not(xyd-codetabs p):not(xyd-guidecard p):not([data-button=\"true\"] p) {\n                margin-top: var(--space-medium);\n            }\n            \n            details {\n                --xyd-callout-bgcolor: var(--white);\n                margin-top: var(--space-medium);\n\n                summary {\n                    [part=\"summary-deep\"], [part=\"summary-deep-label\"] {\n                        font-size: var(--xyd-font-size-small);\n                        line-height: var(--xyd-line-height-small);\n                    }\n                    [part=\"summary-deep-label\"] {\n                        font-weight: bold;\n                    }\n                }\n\n                &[data-kind=\"secondary\"] {\n                    code {\n                        background: var(--xyd-details-bgcolor--secondary);\n                    }\n                }\n            }\n\n            hr {\n                margin: var(--space-xxlarge) 0;\n            }\n            \n            p {\n                display: block;\n\n                code {\n                    font-size: var(--xyd-font-size-small);\n                    line-height: var(--xyd-line-height-small);\n                    margin: 0;\n                }\n            }\n            \n            h2,h3,h4,h5,h6 {\n                margin-top: var(--space-xxlarge);\n                &[data-kind=\"muted\"] {\n                    display: block;\n                }\n            }\n            h2 {\n                margin-top: var(--space-2xlarge);\n            }\n            h2:first-of-type {\n                margin-top: var(--space-xxlarge);\n            }\n\n            h4 {\n                &[data-kind=\"muted\"] {\n                    margin: 4px 0 16px;\n                }\n            }\n            \n       \n            ul:not(xyd-underlinenav ul), ol:not(xyd-underlinenav ol) {\n                margin-top: var(--space-medium);\n            }\n            \n            xyd-codetabs, xyd-callout, xyd-guidecard, xyd-tabs {\n                margin: var(--space-large) 0;\n            }\n            xyd-guidecard [part=\"body\"]  {\n                color: var(--dark48);\n                font-size: var(--xyd-font-size-small);\n                line-height: var(--xyd-line-height-medium);\n\n                p {\n                    color: var(--dark48);\n                    font-size: var(--xyd-font-size-small);\n                    line-height: var(--xyd-line-height-medium);\n                }\n            }\n            xyd-guidecard-list xyd-guidecard {\n                margin-bottom: 0;\n            }\n            xyd-tabs [part=\"buttons\"] {\n                font-size: var(--xyd-font-size-small);\n                line-height: var(--xyd-line-height-small);\n            }\n\n            xyd-callout {\n                --xyd-font-size-medium: var(--xyd-font-size-small);\n            }\n        \n            xyd-codetabs {\n                xyd-code-pre {\n                    font-size: var(--xyd-font-size-xsmall);\n                    line-height: var(--xyd-line-height-xsmall);\n                }\n            }\n        }\n    `\n}\n","import React from 'react'\n\nimport cn from \"./ContentDecoator.styles\";\n\ninterface ContentDecoratorProps {\n    children: React.ReactNode\n    metaComponent?: string\n}\n\nexport function ContentDecorator({ children, metaComponent }: ContentDecoratorProps) {\n    return <xyd-content-decorator\n        className={cn.ContentDecoratorHost}\n        meta-component={metaComponent || undefined}\n    >\n        {children}\n    </xyd-content-decorator>\n}\n"],"names":["cn$1","GridDecorator","_ref","children","cols","React","createElement","className","cn","ReactContent","_createClass","settings","options","_classCallCheck","this","key","value","_this","builtInComponents","stdContent","writerContent","iconContent","coderContent","directiveContent","contentDecorators","map","fn","bind","reduce","acc","Object","assign","_a","components","noopBuiltInFlatComponents","concat","_toConsumableArray","keys","noopNestedComponents","Steps","NoopComponent","UnderlineNav","Tabs","GuideCard","Table","NoopReactComponent","_this2","$$Pre","$Pre","$$Heading","$Heading","h1","props","depth","noanchor","h2","h3","h4","h5","p","Text","ul","List","ol","ListOl","li","Item","table","tr","Tr","th","Th","td","Td","Cell","code","Code","pre","details","Details","blockquote","Blockquote","hr","Hr","a","$Link","as","Link","br","img","Image","id","label","subtitle","style","navigation","useNavigation","ref","useRef","_useState","useState","_useState2","_slicedToArray","active","setActive","onReplaceState","e","window","location","hash","useEffect","addEventListener","current","state","scrollIntoView","removeEventListener","Heading","size","onClick","url","URL","href","history","replaceState","document","querySelector","GuideCardContent","$GuideCardContentComponent","UnderlineNavContent","$UnderlineNavContentComponent","Content","$UnderlineNavContentContentComponent","$UnderlineNavItemContentComponent","displayName","Callout","Badge","Button","Subtitle","paragraph","_b","kind","Update","Card","$Card","ColorSchemeButton","link","Head","Fragment","UnderlineNavContentContext","createContext","onChange","v","_useState3","_useState4","setValue","val","useContext","useLocation","call","search","params","URLSearchParams","propsParams","tabsMatch","keyMatchExists","forEach","paramKey","get","undefined","defaultActive","_c","Icon","CodeSample","_this3","DirectiveCodeGroup","theme","coder","syntaxHighlight","codeblocks","JSON","parse","highlighted","serverHighlight","console","error","codeComponent","lang","replace","descriptionContent","content","mdxExport","component","mdxContent","Component","useMemo","_d","_e","name","description","_g","_f","meta","_j","_h","lineNumbers","descriptionHead","descriptionIcon","EXTERNAL_HREF_REGEX","_a$href","newWindow","__rest","Anchor","test","scope","jsxs","createElementWithKeys","jsx","jsxDEV","_construct","Function","type","processedChildren","processChildren","childrenArray","child","index","isValidElement","cloneElement","Array","isArray","ContentDecorator","metaComponent"],"mappings":"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"}