@xyd-js/components 0.0.0-build-87368f8-20251101145203 → 0.0.0-build-c7bdbdb-20251129215505

package/dist/content.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.js","sources":["../src/content/AppearanceDecorator.styles.tsx","../src/content/ReactContent.tsx","../src/content/ContentDecoator.styles.tsx","../src/content/ContentDecorator.tsx"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nexport const SearchButtonFullWidth = css`\n    [data-desktop]:has(xyd-nav-item xyd-search-button) {\n        width: 100%;\n    }\n\n    xyd-nav-item:has(xyd-search-button) {\n        flex: 1;\n    }\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    Text,\n    Button,\n    Icon,\n    Image,\n    Update,\n    Card,\n    ColorSchemeButton,\n    Breadcrumbs\n} from '../../writer'\nimport { PageHome, PageFirstSlide, PageBlogHome } from '../../pages'\nimport { CodeSample } from \"../../coder\";\nimport { GridDecorator } from './GridDecorator';\nimport { useUXEvents } from '../uxsdk';\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            pageComponents,\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            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    const stdComponents = {\n        h1: (props) => {\n            return <$$Heading depth={1} {...props} noanchor />\n        },\n        h2: props => {\n            const appearance = this.settings?.theme?.appearance\n\n            return <>\n                {appearance?.content?.sectionSeparator ? <Hr /> : null}\n\n                <$$Heading depth={2} {...props} />\n            </>\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            const kind = this.settings?.theme?.appearance?.tables?.kind\n\n            return  <Table kind={kind} {...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: ({ children, ...props }) => {\n            return <Hr {...props} />\n        },\n        a: (props) => {\n            return <$Link {...props} as={this?.options?.Link} />\n        },\n        br: ({ children, ...props }) => {\n            return <br {...props} />\n        },\n        img: ({ children, src, alt, ...props }) => {\n            return <Image src={src} alt={alt} {...props} />\n        },\n        picture: (props) => {\n            const { children, ...rest } = props\n\n            return <picture {...rest}>\n                {children}\n            </picture>\n        },\n        source: (props) => {\n            const { children, ...rest } = props\n\n            return <source {...rest} />\n        },\n        input: ({ children, ...props }) => {\n            return <input {...props} />\n        },\n        textarea: ({ children, ...props }) => {\n            return <textarea {...props} />\n        },\n        div: (props) => <div {...props} />,\n        span: (props) => <span {...props} />,\n        iframe: (props) => <iframe {...props} />,\n        svg: (props) => <svg {...props} />,\n        feature: (props) => <div data-feature-flag={props.flag} data-feature-match={props.match}>{props.children}</div>,\n        React: NoopReactComponent,\n    }\n\n    return {\n        ...stdComponents,\n        H1: stdComponents.h1,\n        H2: stdComponents.h2,\n        H3: stdComponents.h3,\n        H4: stdComponents.h4,\n        H5: stdComponents.h5,\n        P: stdComponents.p,\n        Ul: stdComponents.ul,\n        Ol: stdComponents.ol,\n        Li: stdComponents.li,\n        Table: stdComponents.table,\n        Tr: stdComponents.tr,\n        Th: stdComponents.th,\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    const ux = useUXEvents()\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            if (id) {\n                ux.docs.anchor.click({\n                    id: id\n                })\n            }\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    const BreadcrumbsContent = $BreadcrumbsContentComponent.bind(this)\n\n    const TabsContent = $TabsContentComponent.bind(this)\n    TabsContent.Content = $TabsContentContentComponent.bind(this)\n    TabsContent.Item = $TabsItemContentComponent.bind(this)\n    TabsContent.Item.displayName = \"Tabs.Item\"\n\n    return {\n        Callout,\n        Details,\n        GuideCard: GuideCardContent,\n        Breadcrumbs: BreadcrumbsContent,\n        Steps,\n        Tabs: TabsContent,\n        Table,\n        Badge,\n        Button,\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        Feature: (props) => <div data-feature-flag={props.flag} data-feature-match={props.match}>\n            {props.children}\n        </div>\n    }\n}\n\nfunction pageComponents() {\n    return {\n        PageHome,\n        PageFirstSlide,\n        PageBlogHome: $PageBlogHome.bind(this)\n    }\n}\n\nfunction $PageBlogHome(props) {\n    return <PageBlogHome\n        {...props}\n        as={this?.options?.Link}\n    />\n}\n\nfunction $GuideCardContentComponent(props) {\n    return <GuideCard\n        {...props}\n        as={this?.options?.Link}\n    />\n}\n\nfunction $BreadcrumbsContentComponent(props) {\n    return <Breadcrumbs\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 TabsContentContext = createContext({\n    value: \"\",\n    onChange: (v: string) => {\n    }\n})\n\nfunction $TabsContentComponent(props) {\n    const [value, setValue] = useState(props.value)\n\n    return <TabsContentContext value={{ value, onChange: setValue }}>\n        <Tabs\n            {...props}\n            value={value}\n            onChange={val => {\n                const url = new URL(window.location.href)\n                const currentParams = url.searchParams\n\n                // Update parameters from the new params\n                new URLSearchParams(val).forEach((value, key) => {\n                    currentParams.set(key, value)\n                })\n\n                url.search = currentParams.toString()\n                history.replaceState(null, '', url)\n\n                setValue(val)\n            }}\n        />\n    </TabsContentContext>\n}\n\nfunction $TabsContentContentComponent(this: ReactContent, props) {\n    const { onChange } = useContext(TabsContentContext)\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 $TabsItemContentComponent(props) {\n    const { onChange } = useContext(TabsContentContext)\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={typeof props?.title === \"string\" ? props?.title : 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    if (!as) {\n        // TODO: fix any\n        (props as any).newWindow = newWindow || EXTERNAL_HREF_REGEX.test(href)\n    }\n\n    return <Link\n        href={href}\n        {...props}\n        as={as}\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            button {\n                p {\n                    color: var(--xyd-button-primary-color);\n                }\n            }\n\n            & > img, p > img {\n                margin-top: var(--space-medium);\n            }\n\n            figure {\n                margin: 0;\n                padding: 12px;\n                background: var(--dark16);\n                border-radius: 15px;\n                border: 1px solid var(--dark32);\n                text-align: center;\n                padding-bottom: 0;\n\n                figcaption {\n                    padding: 4px;\n                }\n            }\n\n            blockquote {\n                margin-top: var(--space-medium);\n            }\n            \n            xyd-steps {\n                margin-top: var(--space-medium);\n            }\n            \n            table {\n                margin-top: var(--space-xlarge);\n                font-size: var(--xyd-font-size-small);\n                line-height: var(--xyd-line-height-small);\n            }\n            \n            details {\n                &:not([data-kind=\"tertiary\"]) {\n                    --xyd-callout-bgcolor: var(--white);\n                }\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            h4 {\n                &[data-kind=\"muted\"] {\n                    margin: 4px 0 32px;\n                }\n            }\n            \n            ul:not(xyd-tabs ul), ol:not(xyd-tabs 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            \n            xyd-guidecard [part=\"body\"]  {\n                color: var(--xyd-text-color--default, var(--dark48));\n                font-size: var(--xyd-font-size-small);\n                line-height: var(--xyd-line-height-medium);\n\n                p {\n                    color: var(--xyd-text-color--default, var(--dark48));\n                    font-size: var(--xyd-font-size-small);\n                    line-height: var(--xyd-line-height-medium);\n                }\n            }\n            \n            xyd-guidecard-list xyd-guidecard {\n                margin-bottom: 0;\n            }\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            xyd-breadcrumbs {\n                font-size: var(--xyd-font-size-small);\n                line-height: var(--xyd-line-height-small);\n                margin-bottom: var(--space-small);\n                font-weight: var(--xyd-font-weight-semibold);\n            }\n\n            xyd-grid-decorator {\n                @media (min-width: 1025px) and (max-width: 1400px) {\n                    ul ul {\n                        grid-template-columns: repeat(2, 1fr);\n                    }\n                    \n                    /* Override data-cols for tablet */\n                    &[data-cols] {\n                        --data-cols: 2;\n                    }\n                }\n            }\n\n            [data-content-element]:not([data-content-element=\"false\"]) {\n                margin-top: var(--space-medium);\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":["SearchButtonFullWidth","ReactContent","_createClass","settings","options","_classCallCheck","this","key","value","_this","builtInComponents","stdContent","writerContent","pageComponents","iconContent","coderContent","directiveContent","contentDecorators","map","fn","bind","reduce","acc","Object","assign","_a","components","noopBuiltInFlatComponents","concat","_toConsumableArray","keys","noopNestedComponents","Steps","NoopComponent","Tabs","GuideCard","Table","React","NoopReactComponent","_this2","$$Pre","$Pre","$$Heading","$Heading","stdComponents","h1","props","createElement","depth","noanchor","h2","appearance","_b","theme","Fragment","content","_c","sectionSeparator","Hr","h3","h4","h5","p","Text","ul","List","children","ol","ListOl","li","Item","table","kind","_d","tables","tr","Tr","th","Th","td","Td","Cell","code","Code","pre","details","Details","blockquote","Blockquote","hr","__rest","a","$Link","as","Link","br","img","src","alt","Image","picture","rest","source","input","textarea","div","span","iframe","svg","feature","flag","match","H1","H2","H3","H4","H5","P","Ul","Ol","Li","_ref","id","label","subtitle","style","navigation","useNavigation","ux","useUXEvents","ref","useRef","_useState","useState","_useState2","_slicedToArray","active","setActive","onReplaceState","e","window","location","hash","useEffect","addEventListener","current","state","scrollIntoView","removeEventListener","Heading","size","onClick","docs","anchor","click","url","URL","href","history","replaceState","document","querySelector","GuideCardContent","$GuideCardContentComponent","BreadcrumbsContent","$BreadcrumbsContentComponent","TabsContent","$TabsContentComponent","Content","$TabsContentContentComponent","$TabsItemContentComponent","displayName","Callout","Breadcrumbs","Badge","Button","Subtitle","paragraph","Update","Card","$Card","ColorSchemeButton","Feature","PageHome","PageFirstSlide","PageBlogHome","$PageBlogHome","link","Head","TabsContentContext","createContext","onChange","v","_useState3","_useState4","setValue","val","currentParams","searchParams","URLSearchParams","forEach","set","search","toString","useContext","useLocation","call","params","propsParams","tabsMatch","keyMatchExists","paramKey","get","undefined","defaultActive","Icon","CodeSample","_this3","DirectiveCodeGroup","coder","syntaxHighlight","codeblocks","JSON","parse","GridDecorator","highlighted","serverHighlight","console","error","codeComponent","lang","className","replace","descriptionContent","mdxExport","component","mdxContent","Component","useMemo","_e","name","description","title","_g","_f","meta","_j","_h","lineNumbers","descriptionHead","descriptionIcon","EXTERNAL_HREF_REGEX","_a$href","newWindow","Anchor","test","scope","jsxs","createElementWithKeys","jsx","jsxDEV","_construct","Function","type","processedChildren","processChildren","childrenArray","child","index","isValidElement","cloneElement","Array","isArray","cn","ContentDecorator","metaComponent"],"mappings":"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"}
+{"version":3,"file":"content.js","sources":["../src/content/AppearanceDecorator.styles.tsx","../src/content/ReactContent.tsx","../src/content/ContentDecoator.styles.tsx","../src/content/ContentDecorator.tsx"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nexport const SearchButtonFullWidth = css`\n    [data-desktop]:has(xyd-nav-item xyd-search-button) {\n        width: 100%;\n    }\n\n    xyd-nav-item:has(xyd-search-button) {\n        flex: 1;\n    }\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    Text,\n    Button,\n    Icon,\n    Image,\n    Update,\n    Card,\n    ColorSchemeButton,\n    Breadcrumbs\n} from '../../writer'\nimport { PageHome, PageFirstSlide, PageBlogHome } from '../../pages'\nimport { CodeSample } from \"../../coder\";\nimport { GridDecorator } from './GridDecorator';\nimport { useUXEvents } from '../uxsdk';\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            pageComponents,\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            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    const stdComponents = {\n        h1: (props) => {\n            return <$$Heading depth={1} {...props} noanchor />\n        },\n        h2: props => {\n            const appearance = this.settings?.theme?.appearance\n\n            return <>\n                {appearance?.content?.sectionSeparator ? <Hr /> : null}\n\n                <$$Heading depth={2} {...props} />\n            </>\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            const kind = this.settings?.theme?.appearance?.tables?.kind\n\n            return  <Table kind={kind} {...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: ({ children, ...props }) => {\n            return <Hr {...props} />\n        },\n        a: (props) => {\n            return <$Link {...props} as={this?.options?.Link} />\n        },\n        br: ({ children, ...props }) => {\n            return <br {...props} />\n        },\n        img: ({ children, src, alt, ...props }) => {\n            return <Image src={src} alt={alt} {...props} />\n        },\n        picture: (props) => {\n            const { children, ...rest } = props\n\n            return <picture {...rest}>\n                {children}\n            </picture>\n        },\n        source: (props) => {\n            const { children, ...rest } = props\n\n            return <source {...rest} />\n        },\n        input: ({ children, ...props }) => {\n            return <input {...props} />\n        },\n        textarea: ({ children, ...props }) => {\n            return <textarea {...props} />\n        },\n        div: (props) => <div {...props} />,\n        span: (props) => <span {...props} />,\n        iframe: (props) => <iframe {...props} />,\n        svg: (props) => <svg {...props} />,\n        feature: (props) => <div data-feature-flag={props.flag} data-feature-match={props.match}>{props.children}</div>,\n        React: NoopReactComponent,\n    }\n\n    return {\n        ...stdComponents,\n        H1: stdComponents.h1,\n        H2: stdComponents.h2,\n        H3: stdComponents.h3,\n        H4: stdComponents.h4,\n        H5: stdComponents.h5,\n        P: stdComponents.p,\n        Ul: stdComponents.ul,\n        Ol: stdComponents.ol,\n        Li: stdComponents.li,\n        Table: stdComponents.table,\n        Tr: stdComponents.tr,\n        Th: stdComponents.th,\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    const ux = useUXEvents()\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            if (id) {\n                ux.docs.anchor.click({\n                    id: id\n                })\n            }\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    const BreadcrumbsContent = $BreadcrumbsContentComponent.bind(this)\n\n    const TabsContent = $TabsContentComponent.bind(this)\n    TabsContent.Content = $TabsContentContentComponent.bind(this)\n    TabsContent.Item = $TabsItemContentComponent.bind(this)\n    TabsContent.Item.displayName = \"Tabs.Item\"\n\n    return {\n        Callout,\n        Details,\n        GuideCard: GuideCardContent,\n        Breadcrumbs: BreadcrumbsContent,\n        Steps,\n        Tabs: TabsContent,\n        Table,\n        Badge,\n        Button,\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        Feature: (props) => <div data-feature-flag={props.flag} data-feature-match={props.match}>\n            {props.children}\n        </div>\n    }\n}\n\nfunction pageComponents() {\n    return {\n        PageHome,\n        PageFirstSlide,\n        PageBlogHome: $PageBlogHome.bind(this)\n    }\n}\n\nfunction $PageBlogHome(props) {\n    return <PageBlogHome\n        {...props}\n        as={this?.options?.Link}\n    />\n}\n\nfunction $GuideCardContentComponent(props) {\n    return <GuideCard\n        {...props}\n        as={this?.options?.Link}\n    />\n}\n\nfunction $BreadcrumbsContentComponent(props) {\n    return <Breadcrumbs\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 TabsContentContext = createContext({\n    value: \"\",\n    onChange: (v: string) => {\n    }\n})\n\nfunction $TabsContentComponent(props) {\n    const [value, setValue] = useState(props.value)\n\n    return <TabsContentContext value={{ value, onChange: setValue }}>\n        <Tabs\n            {...props}\n            value={value}\n            onChange={val => {\n                const url = new URL(window.location.href)\n                const currentParams = url.searchParams\n\n                // Update parameters from the new params\n                new URLSearchParams(val).forEach((value, key) => {\n                    currentParams.set(key, value)\n                })\n\n                url.search = currentParams.toString()\n                history.replaceState(null, '', url)\n\n                setValue(val)\n            }}\n        />\n    </TabsContentContext>\n}\n\nfunction $TabsContentContentComponent(this: ReactContent, props) {\n    const { onChange } = useContext(TabsContentContext)\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 $TabsItemContentComponent(props) {\n    const { onChange } = useContext(TabsContentContext)\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={typeof props?.title === \"string\" ? props?.title : 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    if (!as) {\n        // TODO: fix any\n        (props as any).newWindow = newWindow || EXTERNAL_HREF_REGEX.test(href)\n    }\n\n    return <Link\n        href={href}\n        {...props}\n        as={as}\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            button {\n                p {\n                    color: var(--xyd-button-primary-color);\n                }\n            }\n\n            & > img, p > img {\n                margin-top: var(--space-medium);\n            }\n\n            figure {\n                margin: 0;\n                padding: 12px;\n                background: var(--dark16);\n                border-radius: 15px;\n                border: 1px solid var(--dark32);\n                text-align: center;\n                padding-bottom: 0;\n\n                figcaption {\n                    padding: 4px;\n                }\n            }\n\n            blockquote {\n                margin-top: var(--space-medium);\n            }\n            \n            xyd-steps {\n                margin-top: var(--space-medium);\n            }\n            \n            table {\n                margin-top: var(--space-xlarge);\n                font-size: var(--xyd-font-size-small);\n                line-height: var(--xyd-line-height-small);\n            }\n            \n            details {\n                &:not([data-kind=\"tertiary\"]) {\n                    --xyd-callout-bgcolor: var(--white);\n                }\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            h4 {\n                &[data-kind=\"muted\"] {\n                    margin: 4px 0 32px;\n                }\n            }\n            \n            ul:not(xyd-tabs ul), ol:not(xyd-tabs 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            \n            xyd-guidecard [part=\"body\"]  {\n                color: var(--xyd-text-color--default, var(--dark48));\n                font-size: var(--xyd-font-size-small);\n                line-height: var(--xyd-line-height-medium);\n\n                p {\n                    color: var(--xyd-text-color--default, var(--dark48));\n                    font-size: var(--xyd-font-size-small);\n                    line-height: var(--xyd-line-height-medium);\n                }\n            }\n            \n            xyd-guidecard-list xyd-guidecard {\n                margin-bottom: 0;\n            }\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            xyd-breadcrumbs {\n                font-size: var(--xyd-font-size-small);\n                line-height: var(--xyd-line-height-small);\n                margin-bottom: var(--space-small);\n                font-weight: var(--xyd-font-weight-semibold);\n            }\n\n            xyd-grid-decorator {\n                @media (min-width: 1025px) and (max-width: 1400px) {\n                    ul ul {\n                        grid-template-columns: repeat(2, 1fr);\n                    }\n                    \n                    /* Override data-cols for tablet */\n                    &[data-cols] {\n                        --data-cols: 2;\n                    }\n                }\n            }\n\n            [data-content-element]:not([data-content-element=\"false\"]) {\n                margin-top: var(--space-medium);\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":["SearchButtonFullWidth","ReactContent","components","builtInComponents","stdContent","writerContent","pageComponents","iconContent","coderContent","directiveContent","contentDecorators","map","fn","bind","this","reduce","acc","Object","assign","_a","options","noop","noopBuiltInFlatComponents","keys","key","noopNestedComponents","Steps","NoopComponent","Tabs","GuideCard","Table","React","NoopReactComponent","constructor","settings","$$Pre","$Pre","$$Heading","$Heading","stdComponents","h1","props","createElement","depth","noanchor","h2","appearance","_b","theme","Fragment","content","_c","sectionSeparator","Hr","h3","h4","h5","p","Text","ul","List","children","ol","ListOl","li","Item","table","kind","_d","tables","tr","Tr","th","Th","td","Td","Cell","code","Code","pre","details","Details","blockquote","Blockquote","hr","__rest","a","$Link","as","Link","br","img","src","alt","Image","picture","rest","source","input","textarea","div","span","iframe","svg","feature","flag","match","H1","H2","H3","H4","H5","P","Ul","Ol","Li","id","label","subtitle","style","navigation","useNavigation","ux","useUXEvents","ref","useRef","active","setActive","useState","onReplaceState","e","window","location","hash","useEffect","addEventListener","current","state","scrollIntoView","removeEventListener","Heading","size","onClick","docs","anchor","click","url","URL","href","history","replaceState","document","querySelector","GuideCardContent","$GuideCardContentComponent","BreadcrumbsContent","$BreadcrumbsContentComponent","TabsContent","$TabsContentComponent","Content","$TabsContentContentComponent","$TabsItemContentComponent","displayName","Callout","Breadcrumbs","Badge","Button","Subtitle","paragraph","Update","Card","$Card","ColorSchemeButton","Feature","PageHome","PageFirstSlide","PageBlogHome","$PageBlogHome","link","Head","TabsContentContext","createContext","value","onChange","v","setValue","val","currentParams","searchParams","URLSearchParams","forEach","set","search","toString","useContext","useLocation","call","params","propsParams","tabsMatch","keyMatchExists","paramKey","get","undefined","defaultActive","Icon","CodeSample","DirectiveCodeGroup","coder","syntaxHighlight","codeblocks","JSON","parse","GridDecorator","highlighted","serverHighlight","console","error","lang","className","replace","descriptionContent","mdxExport","component","default","mdxContent","Component","codeComponent","useMemo","_e","name","description","title","_g","_f","meta","_j","_h","lineNumbers","descriptionHead","descriptionIcon","EXTERNAL_HREF_REGEX","newWindow","Anchor","test","scope","jsxs","createElementWithKeys","jsx","jsxDEV","Function","type","processChildren","childrenArray","child","index","isValidElement","cloneElement","Array","isArray","processedChildren","cn","ContentDecoratorHost","ContentDecorator","metaComponent"],"mappings":"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"}