@xyd-js/components 0.0.0-build-05a7e9e-20250821011654 → 0.0.0-build-a445a9e-20250821104032

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/CHANGELOG.md +2 -2
  2. package/dist/{Button-CD9LY3ti.js → Button-BDzbKY1t.js} +2 -2
  3. package/dist/{Button-CD9LY3ti.js.map → Button-BDzbKY1t.js.map} +1 -1
  4. package/dist/{CodeSample-1AjntB9V.js → CodeSample-Bj1dHXkX.js} +2 -2
  5. package/dist/{CodeSample-1AjntB9V.js.map → CodeSample-Bj1dHXkX.js.map} +1 -1
  6. package/dist/{Icon-4hmOJLly.js → Icon-BncHqk9p.js} +2 -2
  7. package/dist/{Icon-4hmOJLly.js.map → Icon-BncHqk9p.js.map} +1 -1
  8. package/dist/PageFirstSlide-CJDK3HiI.js +2 -0
  9. package/dist/PageFirstSlide-CJDK3HiI.js.map +1 -0
  10. package/dist/{TabsAnalytics-D2-8eaKt.js → TabsAnalytics-BEvlxfjM.js} +2 -2
  11. package/dist/{TabsAnalytics-D2-8eaKt.js.map → TabsAnalytics-BEvlxfjM.js.map} +1 -1
  12. package/dist/{Update-DV5Hm7ow.js → Update-ZQ3pRa2E.js} +2 -2
  13. package/dist/{Update-DV5Hm7ow.js.map → Update-ZQ3pRa2E.js.map} +1 -1
  14. package/dist/VideoGuide-DJry2sJw.js +2 -0
  15. package/dist/VideoGuide-DJry2sJw.js.map +1 -0
  16. package/dist/{_rollupPluginBabelHelpers-DiUUjAr8.js → _rollupPluginBabelHelpers-D4Xxi7_T.js} +1 -1
  17. package/dist/_rollupPluginBabelHelpers-D4Xxi7_T.js.map +1 -0
  18. package/dist/coder.js +1 -1
  19. package/dist/content.js +1 -1
  20. package/dist/content.js.map +1 -1
  21. package/dist/index.css +76 -76
  22. package/dist/layouts.js +1 -1
  23. package/dist/pages.js +1 -1
  24. package/dist/system.js +1 -1
  25. package/dist/{useUXClick-CQcR3OHq.js → useUXClick-DrqRUyTk.js} +2 -2
  26. package/dist/{useUXClick-CQcR3OHq.js.map → useUXClick-DrqRUyTk.js.map} +1 -1
  27. package/dist/{useUXEvents-DDeQS32E.js → useUXEvents-DQOiWO60.js} +1 -1
  28. package/dist/{useUXEvents-DDeQS32E.js.map → useUXEvents-DQOiWO60.js.map} +1 -1
  29. package/dist/{useUXScrollDepth-BS508aws.js → useUXScrollDepth-yVYqqXkh.js} +1 -1
  30. package/dist/{useUXScrollDepth-BS508aws.js.map → useUXScrollDepth-yVYqqXkh.js.map} +1 -1
  31. package/dist/uxsdk.js +1 -1
  32. package/dist/writer.js +1 -1
  33. package/package.json +2 -2
  34. package/src/content/ContentDecoator.styles.tsx +3 -2
  35. package/src/pages/PageHome/PageHome.tsx +1 -1
  36. package/src/writer/Button/Button.styles.tsx +1 -1
  37. package/src/writer/GuideCard/GuideCard.styles.tsx +7 -6
  38. package/src/writer/GuideCard/GuideCard.tsx +1 -1
  39. package/dist/PageFirstSlide--KuAMrpd.js +0 -2
  40. package/dist/PageFirstSlide--KuAMrpd.js.map +0 -1
  41. package/dist/VideoGuide-DzBdh5Ge.js +0 -2
  42. package/dist/VideoGuide-DzBdh5Ge.js.map +0 -1
  43. package/dist/_rollupPluginBabelHelpers-DiUUjAr8.js.map +0 -1
@@ -1 +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(--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 \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 }\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":"k3BAEO,IAAMA,EAAqB,UC6CrBC,EAAY,WAKpB,OAAAC,EAJD,SAAAD,EACcE,EACAC,GAA6BC,OAAAJ,GAD7BK,KAAAH,SAAAA,EACAG,KAAAF,QAAAA,CAEd,EAAC,CAAA,CAAAG,IAAA,aAAAC,MAEM,WAAU,MAAAC,EAAAH,KACPI,EAAoB,CACtBC,EACAC,EACAC,EACAC,GACAC,GACAC,GACAC,IAECC,IAAI,SAAAC,GAAE,OAAIA,EAAGC,KAAKX,EAAK,GACvBY,OAAO,SAACC,EAAKH,GAAE,OAAKI,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMF,GAAQH,MAAS,CAAA,GAEhD,OAAAI,OAAAC,OAAAD,OAAAC,OAAA,GACOd,IACY,QAAZe,EAAAnB,KAAKF,eAAO,IAAAqB,OAAA,EAAAA,EAAEC,aAAc,GAEvC,GAAC,CAAAnB,IAAA,OAAAC,MAEM,iBACGkB,EAAapB,KAAKoB,aAElBC,EAA4B,GAAAC,OAAAC,EAC3BN,OAAOO,KAAKJ,IAAWG,EACvBN,OAAOO,MAAiB,QAAZL,EAAAnB,KAAKF,eAAO,IAAAqB,OAAA,EAAAA,EAAEC,aAAc,CAAA,KAC7CL,OAAO,SAACC,EAAKf,GAEX,OADAe,EAAIf,GAAO,WAAA,OAAM,IAAI,EACde,CACX,EAAG,CAAA,GAEGS,EAAuB,CACzBC,MAAOC,EACPC,KAAMD,EACNE,UAAWF,EACXG,MAAOH,GAGX,OAAAV,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACOG,GACAI,IACHM,MAAOC,GAEf,IAAC,CAjDoB,GAoDzB,SAASL,IACL,OAAO,IACX,CAWA,SAASK,IACL,OAAO,IACX,UAGgB3B,IAAU,IAAA4B,EAAAjC,KAGhBkC,EAAQC,GAAKrB,KAAKd,MAClBoC,EAAYC,EAASvB,KAAKd,MAE1BsC,EAAgB,CAClBC,GAAI,SAACC,GACD,OAAOT,EAAAU,cAACL,EAASnB,OAAAC,OAAA,CAACwB,MAAO,GAAOF,EAAK,CAAEG,UAAQ,IACnD,EACAC,GAAI,SAAAJ,aACMK,EAAiC,QAApBC,EAAa,QAAb3B,EAAAc,EAAKpC,gBAAQ,IAAAsB,OAAA,EAAAA,EAAE4B,aAAK,IAAAD,OAAA,EAAAA,EAAED,WAEzC,OAAOd,EAAAU,cAAAV,EAAAiB,SAAA,MACiB,UAAnBH,aAAU,EAAVA,EAAYI,eAAO,IAAAC,OAAA,EAAAA,EAAEC,kBAAmBpB,EAAAU,cAACW,QAAQ,KAElDrB,EAAAU,cAACL,iBAAUM,MAAO,GAAOF,IAEjC,EACAa,GAAI,SAAAb,GACA,OAAOT,EAAAU,cAACL,EAASnB,OAAAC,OAAA,CAACwB,MAAO,GAAOF,GACpC,EACAc,GAAI,SAAAd,GACA,OAAOT,EAAAU,cAACL,EAASnB,OAAAC,OAAA,CAACwB,MAAO,GAAOF,GACpC,EACAe,GAAI,SAAAf,GACA,OAAOT,EAAAU,cAACL,EAASnB,OAAAC,OAAA,CAACwB,MAAO,GAAOF,GACpC,EACAgB,EAAG,SAAAhB,GACC,OAAOT,EAAAU,cAACgB,EAAIxC,OAAAC,OAAA,CAAA,EAAKsB,GACrB,EACAkB,GAAI,SAAAlB,GACA,OAAOT,EAAAU,cAACkB,EAAI1C,OAAAC,OAAA,CAAA,EAAKsB,GACZA,EAAMoB,SAEf,EACAC,GAAI,SAAArB,GACA,OAAOT,EAAAU,cAACqB,EAAM7C,OAAAC,OAAA,CAAA,EAAKsB,GACdA,EAAMoB,SAEf,EACAG,GAAI,SAAAvB,GACA,OAAOT,EAAAU,cAACkB,EAAKK,KAAI/C,OAAAC,OAAA,GAAKsB,GACjBA,EAAMoB,SAEf,EAEAK,MAAO,SAACzB,eACE0B,EAA+C,QAAxCC,UAAAjB,EAAoB,QAApBJ,EAAa,UAAbb,EAAKpC,gBAAQ,IAAAsB,OAAA,EAAAA,EAAE4B,aAAK,IAAAD,OAAA,EAAAA,EAAED,iCAAYuB,cAAM,IAAAD,OAAA,EAAAA,EAAED,KAEvD,OAAQnC,EAAAU,cAACX,EAAKb,OAAAC,OAAA,CAACgD,KAAMA,GAAU1B,GACnC,EACA6B,GAAI,SAAC7B,GACD,OAAOT,gBAACD,EAAMwC,GAAErD,OAAAC,OAAA,GAAKsB,GACzB,EACA+B,GAAI,SAAC/B,GACD,OAAOT,gBAACD,EAAM0C,GAAEvD,OAAAC,OAAA,GAAKsB,GACzB,EACAiC,GAAI,SAACjC,GACD,OAAOT,EAAAU,cAACX,EAAM4C,oBAAOlC,GACjBT,EAAAU,cAACX,EAAM6C,KAAI,KACNnC,EAAMoB,UAGnB,EAEAgB,KAAM,SAACpC,GACH,OAAOT,EAAAU,cAACoC,EAAI5D,OAAAC,OAAA,CAAA,EAAKsB,GACrB,EACAsC,IAAK5C,EACL6C,QAAS,SAACvC,GACN,OAAOT,EAAAU,cAACuC,EAAO/D,OAAAC,OAAA,CAAA,EAAKsB,GACxB,EACAyC,WAAY,SAACzC,GACT,OAAOT,EAAAU,cAACyC,EAAUjE,OAAAC,OAAA,CAAA,EAAKsB,GAC3B,EACA2C,GAAI,SAAChE,GAAUA,EAARyC,aAAapB,EAAK4C,EAAAjE,EAApB,cACD,OAAOY,EAAAU,cAACW,EAAEnC,OAAAC,OAAA,CAAA,EAAKsB,GACnB,EACA6C,EAAG,SAAC7C,SACA,OAAOT,gBAACuD,GAAKrE,OAAAC,OAAA,CAAA,EAAKsB,EAAK,CAAE+C,GAAiB,QAAbpE,EAAAc,eAAAA,EAAMnC,eAAO,IAAAqB,OAAA,EAAAA,EAAEqE,OAChD,EACAC,GAAI,SAACtE,GAAUA,EAARyC,aAAapB,EAAK4C,EAAAjE,EAApB,cACD,OAAOY,EAAAU,cAAA,KAAAxB,OAAAC,OAAA,CAAA,EAAQsB,GACnB,EACAkD,IAAK,SAACvE,KAAEyC,aAAU+B,IAAAA,IAAKC,IAAAA,IAAQpD,EAAK4C,EAAAjE,EAA9B,CAAA,WAAA,MAAA,QACF,OAAOY,EAAAU,cAACoD,EAAK5E,OAAAC,OAAA,CAACyE,IAAKA,EAAKC,IAAKA,GAASpD,GAC1C,EACAsD,QAAS,SAACtD,GACA,IAAEoB,EAAsBpB,EAAtBoB,SAAamC,EAAIX,EAAK5C,EAAxB,CAAA,aAEN,OAAOT,EAAAU,cAAA,UAAAxB,OAAAC,OAAA,CAAA,EAAa6E,GACfnC,EAET,EACAoC,OAAQ,SAACxD,GACyBA,EAAtBoB,aAAamC,EAAIX,EAAK5C,EAAxB,CAAA,aAEN,OAAOT,EAAAU,cAAA,SAAAxB,OAAAC,OAAA,CAAA,EAAY6E,GACvB,EACAE,MAAO,SAAC9E,GAAUA,EAARyC,aAAapB,EAAK4C,EAAAjE,EAApB,cACJ,OAAOY,EAAAU,cAAA,QAAAxB,OAAAC,OAAA,CAAA,EAAWsB,GACtB,EACA0D,SAAU,SAAC/E,GAAUA,EAARyC,aAAapB,EAAK4C,EAAAjE,EAApB,cACP,OAAOY,EAAAU,cAAA,WAAAxB,OAAAC,OAAA,CAAA,EAAcsB,GACzB,EACA2D,IAAK,SAAC3D,GAAK,OAAKT,EAAAU,cAAA,MAAAxB,OAAAC,OAAA,CAAA,EAASsB,GAAS,EAClC4D,KAAM,SAAC5D,GAAK,OAAKT,EAAAU,cAAA,OAAAxB,OAAAC,OAAA,CAAA,EAAUsB,GAAS,EACpC6D,OAAQ,SAAC7D,GAAK,OAAKT,EAAAU,cAAA,SAAAxB,OAAAC,OAAA,CAAA,EAAYsB,GAAS,EACxC8D,IAAK,SAAC9D,GAAK,OAAKT,EAAAU,cAAA,MAAAxB,OAAAC,OAAA,CAAA,EAASsB,GAAS,EAClC+D,QAAS,SAAC/D,GAAK,OAAKT,2CAAwBS,EAAMgE,KAAI,qBAAsBhE,EAAMiE,OAAQjE,EAAMoB,SAAe,EAC/G7B,MAAOC,GAGX,OAAAf,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACOoB,GAAa,CAChBoE,GAAIpE,EAAcC,GAClBoE,GAAIrE,EAAcM,GAClBgE,GAAItE,EAAce,GAClBwD,GAAIvE,EAAcgB,GAClBwD,GAAIxE,EAAciB,GAClBwD,EAAGzE,EAAckB,EACjBwD,GAAI1E,EAAcoB,GAClBuD,GAAI3E,EAAcuB,GAClBqD,GAAI5E,EAAcyB,GAClBjC,MAAOQ,EAAc2B,MACrBK,GAAIhC,EAAc+B,GAClBG,GAAIlC,EAAciC,IAE1B,CAYA,SAASlC,EAAQ8E,GAA+E,MAA5EC,EAAED,EAAFC,GAAI1E,EAAKyE,EAALzE,MAAOkB,EAAQuD,EAARvD,SAAUyD,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAU3E,EAAQwE,EAARxE,SAAU4E,EAAKJ,EAALI,MAG1DC,EAA0B,QAAbrG,EAAAnB,gBAAI,EAAJA,KAAMF,eAAO,IAAAqB,OAAA,EAAAA,EAAEsG,gBAC5BC,EAAKC,IAELC,EAAMC,EAA2B,MACvCC,EAA4BC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAApCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAExB,SAASI,EAAeC,GACpB,IAAMH,EAASI,OAAOC,SAASC,OAAI,IAAAlH,OAAS8F,GAC5Ce,EAAUD,EACd,CAiBA,OAfAO,EAAU,WACNH,OAAOI,iBAAiB,eAAgBN,GAExC,IAAMF,EAASI,OAAOC,SAASC,OAAI,IAAAlH,OAAS8F,GAO5C,OANAe,EAAUD,GAENA,GAAUN,EAAIe,SAAiC,aAAtBnB,eAAAA,EAAYoB,QACrChB,EAAIe,QAAQE,iBAGT,WACHP,OAAOQ,oBAAoB,eAAgBV,EAC/C,CACJ,EAAG,IAEIrG,EAAAU,cAACsG,EAAO,CACXnB,IAAKA,EACLR,GAAIA,EACJ4B,KAAMtG,EACNwF,OAAQA,EACRe,QAAS,iBACD7B,GACAM,EAAGwB,KAAKC,OAAOC,MAAM,CACjBhC,GAAIA,IAQZ,IAAMiC,EAAM,IAAIC,IAAIhB,OAAOC,SAASgB,MACpCF,EAAIb,KAAOpB,EACXoC,QAAQC,aAAa,KAAM,GAAIJ,GAEC,QAAhClI,EAAAuI,SAASC,cAAa,IAAArI,OAAK8F,WAAK,IAAAjG,GAAAA,EAAE0H,gBACtC,EACAxB,MAAOA,EACPC,SAAUA,EACV3E,SAAUA,EACV4E,MAAOA,GAEN3D,EAET,UAEgBtD,IACZ,IAAMsJ,EAAmBC,EAA2B/I,KAAKd,MACzD4J,EAAiBjG,KAAO9B,EAAU8B,KAClC,IAAMmG,EAAqBC,EAA6BjJ,KAAKd,MAEvDgK,EAAcC,GAAsBnJ,KAAKd,MAK/C,OAJAgK,EAAYE,QAAUC,GAA6BrJ,KAAKd,MACxDgK,EAAYhG,KAAOoG,GAA0BtJ,KAAKd,MAClDgK,EAAYhG,KAAKqG,YAAc,YAExB,CACHC,QAAAA,EACAtF,QAAAA,EACAnD,UAAW+H,EACXW,YAAaT,EACbpI,MAAAA,EACAE,KAAMoI,EACNlI,MAAAA,EACA0I,MAAAA,EACAC,OAAAA,EACAC,SAAQ,SAAClI,WACCmI,EAAkC,QAAtB7H,EAAe,QAAf3B,EAAAqB,aAAK,EAALA,EAAOoB,gBAAQ,IAAAzC,OAAA,EAAAA,EAAEqB,aAAK,IAAAM,OAAA,EAAAA,EAAEc,SAE1C,OAAO7B,EAAAU,cAACsG,EAAO9H,OAAAC,OAAA,CAAC8H,KAAM,EAAG9E,KAAK,SAAY1B,GACrCmI,EAET,EACAC,OAAAA,EACAC,KAAMC,EAAMhK,KAAKd,MACjB+K,kBAAmBA,EACnBC,QAAS,SAACxI,GAAK,OAAKT,2CAAwBS,EAAMgE,KAAI,qBAAsBhE,EAAMiE,OAC7EjE,EAAMoB,SACL,EAEd,CAEA,SAASrD,IACL,MAAO,CACH0K,SAAAA,EACAC,eAAAA,EACAC,aAAcC,EAActK,KAAKd,MAEzC,CAEA,SAASoL,EAAc5I,SACnB,OAAOT,gBAACoJ,EAAYlK,OAAAC,OAAA,CAAA,EACZsB,EAAK,CACT+C,GAAiB,QAAbpE,EAAAnB,kBAAAA,KAAMF,eAAO,IAAAqB,OAAA,EAAAA,EAAEqE,OAE3B,CAEA,SAASqE,EAA2BrH,SAChC,OAAOT,gBAACF,EAASZ,OAAAC,OAAA,CAAA,EACTsB,EAAK,CACT+C,GAAiB,QAAbpE,EAAAnB,kBAAAA,KAAMF,eAAO,IAAAqB,OAAA,EAAAA,EAAEqE,OAE3B,CAEA,SAASuE,EAA6BvH,SAClC,OAAOT,gBAACwI,EAAWtJ,OAAAC,OAAA,CAAA,EACXsB,EAAK,CACT+C,GAAiB,QAAbpE,EAAAnB,kBAAAA,KAAMF,eAAO,IAAAqB,OAAA,EAAAA,EAAEqE,OAE3B,CAEA,SAASsF,EAAMtI,SACX,OAAOT,gBAAC8I,EAAI5J,OAAAC,OAAA,CAAA,EACJsB,EAAK,CACT6I,KAAmB,QAAblK,EAAAnB,kBAAAA,KAAMF,eAAO,IAAAqB,OAAA,EAAAA,EAAEqE,OAE7B,CA9RA7D,EAAcqC,KAAO,WAAA,OAAM,IAAI,EAC/BrC,EAAcuI,QAAU,WAAA,OAAM,IAAI,EAClCvI,EAAcgC,KAAO,WAAA,OAAM,IAAI,EAC/BhC,EAAc2J,KAAO,WAAA,OAAM,IAAI,EAC/B3J,EAAc+C,GAAK,WAAA,OAAM,IAAI,EAC7B/C,EAAc2C,GAAK,WAAA,OAAM,IAAI,EAC7B3C,EAAc6C,GAAK,WAAA,OAAM,IAAI,EAC7B7C,EAAcgD,KAAO,WAAA,OAAM,IAAI,EAM/B3C,EAAmBgB,SAAWjB,EAAMiB,SAmRpC,IAAMuI,EAAqBC,EAAc,CACrCtL,MAAO,GACPuL,SAAU,SAACC,GACX,IAGJ,SAASzB,GAAsBzH,GAC3B,IAAAmJ,EAA0B5D,EAASvF,EAAMtC,OAAM0L,EAAA3D,EAAA0D,EAAA,GAAxCzL,EAAK0L,EAAA,GAAEC,EAAQD,EAAA,GAEtB,OAAO7J,EAAAU,cAAC8I,EAAkB,CAACrL,MAAO,CAAEA,MAAAA,EAAOuL,SAAUI,IACjD9J,EAAAU,cAACb,EAAIX,OAAAC,OAAA,CAAA,EACGsB,EAAK,CACTtC,MAAOA,EACPuL,SAAU,SAAAK,GACN,IAAMzC,EAAM,IAAIC,IAAIhB,OAAOC,SAASgB,MAC9BwC,EAAgB1C,EAAI2C,aAG1B,IAAIC,gBAAgBH,GAAKI,QAAQ,SAAChM,EAAOD,GACrC8L,EAAcI,IAAIlM,EAAKC,EAC3B,GAEAmJ,EAAI+C,OAASL,EAAcM,WAC3B7C,QAAQC,aAAa,KAAM,GAAIJ,GAE/BwC,EAASC,EACb,KAGZ,CAEA,SAAS3B,GAAiD3H,WAC9CiJ,EAAaa,EAAWf,GAAxBE,SACFlD,EAAqC,QAA1BzF,EAAa,QAAb3B,EAAAnB,gBAAI,EAAJA,KAAMF,eAAO,IAAAqB,OAAA,EAAAA,EAAEoL,mBAAW,IAAAzJ,OAAA,EAAAA,EAAA0J,KAAArL,GAErCiL,EAAS7D,aAAQ,EAARA,EAAU6D,OACnBK,EAAS,IAAIR,gBAAgBG,GAC7BM,EAAc,IAAIT,gBAAgBzJ,EAAMtC,OAE1CyM,GAAiC,EACjCC,GAAiB,EAqBrB,OApBAF,EAAYR,QAAQ,SAAChM,EAAOD,GACxB,IAAM4M,EAAWJ,EAAOK,IAAI7M,GACxB4M,IAAa3M,IACbyM,GAAY,GAEXE,IACDD,GAAiB,EAEzB,GAEAnE,EAAU,WACFkE,GACAlB,EAASjJ,EAAMtC,MAEvB,EAAG,CAACyM,IAECC,IACDD,OAAYI,GAGThL,EAAAU,cAACb,EAAKsI,QAAOjJ,OAAAC,OAAA,CAAA,EAAKsB,EAAK,CAAEwK,cAAeL,IACnD,CAEA,SAASvC,GAA0B5H,aACvBiJ,EAAaa,EAAWf,GAAxBE,SACFlD,UAAWzF,EAAa,QAAb3B,EAAAnB,gBAAI,EAAJA,KAAMF,eAAO,IAAAqB,OAAA,EAAAA,EAAEoL,0CAE1BH,EAAS7D,aAAQ,EAARA,EAAU6D,OACnBK,EAAS,IAAIR,gBAAgBG,GAC7BM,EAAc,IAAIT,gBAAgBzJ,EAAMtC,OAE1CyM,GAAY,EAahB,OAZAD,EAAYR,QAAQ,SAAChM,EAAOD,GACpBwM,EAAOK,IAAI7M,KAASC,IACpByM,GAAY,EAEpB,GAEAlE,EAAU,WACFkE,GACAlB,EAASjJ,EAAMtC,MAEvB,EAAG,CAACyM,IAEG5K,EAAAU,cAACb,EAAKoC,KAAI/C,OAAAC,OAAA,CAAA,EACTsB,EAAK,CACT+C,GAAiB,QAAbrC,EAAAlD,gBAAI,EAAJA,KAAMF,eAAO,IAAAoD,OAAA,EAAAA,EAAEsC,KACnBwH,cAAeL,IAEvB,UAGgBnM,KACZ,MAAO,CACHyM,KAAAA,EAER,UAEgBxM,KACZ,MAAO,CACHyM,WAAAA,EAER,UAEgBxM,KAAgB,IAAAyM,EAAAnN,KAG5B,MAAO,CAEHoN,mBAAoB,SAAC5K,aACjB,OAAOT,gBAACmL,EAAUjM,OAAAC,OAAA,CAAA,EACVsB,EAAK,CACTO,OAAkC,QAA3BG,EAAoB,QAApBJ,EAAa,UAAbqK,EAAKtN,gBAAQ,IAAAsB,OAAA,EAAAA,EAAE4B,aAAK,IAAAD,OAAA,EAAAA,EAAEuK,aAAK,IAAAnK,OAAA,EAAAA,EAAEoK,uBAAmBP,EACvDQ,WAAYC,KAAKC,MAAMjL,EAAM+K,YAAc,QAEnD,EAER,UAEgB5M,KACZ,MAAO,CACH+M,cAAAA,EAER,CAEA,SAASvL,GAELK,yBAEImL,OAA2CZ,EAE/C,GAAIvK,EAAMmL,YAEN,IACI,IAAMC,EAAmCJ,KAAKC,MAAMjL,EAAMmL,aAEtDC,IACAD,EAAcC,EAEtB,CAAE,MAAOvF,GACLwF,QAAQC,MAAM,iCAAkCzF,EACpD,CAEJ,IA8EsB0F,EA9EhBC,IAA8B,QAAtBlL,EAAe,QAAf3B,EAAAqB,aAAK,EAALA,EAAOoB,gBAAQ,IAAAzC,OAAA,EAAAA,EAAEqB,aAAK,IAAAM,OAAA,EAAAA,EAAEmL,YAAa,IAAIC,QAAQ,YAAa,IAExEC,OAAkDpB,EACtD,GAAIvK,aAAK,EAALA,EAAO2L,mBAAoB,CAC3B,IAAMvJ,EAmFd,SAAoBA,GAChB,IAAM3B,EAAUmL,GAAUxJ,GAC1B,IAAKwJ,GACD,MAAO,CAAA,EAGX,MAAO,CACHC,UAAWpL,aAAO,EAAPA,EAAO,QAE1B,CA5FqBqL,CAAW9L,aAAK,EAALA,EAAO2L,oBAC/B,GAAIvJ,aAAI,EAAJA,EAAMyJ,UAAW,CACjB,IAAME,GAwEQR,EAxEqBnJ,aAAI,EAAJA,EAAMyJ,UAyE1CG,EACH,WAAA,OAAMT,GAAgC,IAAI,EAC1C,CAACA,KAzEGI,EAAqBpM,EAAAU,cAAC8L,EAAS,CAACnN,WAAYpB,KAAKoB,cACrD,CACJ,CAEA,OAAOW,EAAAU,cAACyK,EAAU,CACdnK,OAAkC,QAA3B0L,EAAoB,QAApBtK,UAAAjB,EAAAlD,KAAKH,+BAAUkD,aAAK,IAAAoB,OAAA,EAAAA,EAAEkJ,aAAK,IAAAoB,OAAA,EAAAA,EAAEnB,uBAAmBP,EACvD2B,KAAMV,EACNW,YAAqC,iBAAjBnM,aAAK,EAALA,EAAOoM,OAAqBpM,aAAK,EAALA,EAAOoM,MAA8B,QAAtBC,EAAe,QAAfC,EAAAtM,eAAAA,EAAOoB,gBAAQ,IAAAkL,OAAA,EAAAA,EAAEtM,aAAK,IAAAqM,OAAA,EAAAA,EAAEE,KACvFxB,WAAY,CACR,CACIrN,cAAO8O,EAAe,QAAfC,EAAAzM,aAAK,EAALA,EAAOoB,gBAAQ,IAAAqL,OAAA,EAAAA,EAAEzM,4BAAOoB,SAC/BoK,KAAMA,EACNe,KAAMf,EACNL,YAAAA,IAGRuB,YAAa1M,aAAK,EAALA,EAAO0M,YACpBlG,KAAMxG,aAAK,EAALA,EAAOwG,KACbmG,gBAAiB3M,eAAAA,EAAO2M,gBACxBhB,mBAAoBA,EACpBiB,gBAAiB5M,aAAK,EAALA,EAAO4M,iBAEhC,CAEA,IAAMC,GAAsB,cAS5B,SAAS/J,GAAMnE,GAAA,IAAAmO,EAIHnO,EAHRoI,KAAAA,OAAI,IAAA+F,EAAG,GAAEA,EACT/J,EAEQpE,EAFRoE,GACAgK,EACQpO,EADRoO,UACA3L,EAAQzC,EAARyC,SACGpB,EAAK4C,EAAAjE,EALG,sCAOLqE,EAAOD,GAAMiK,EAOnB,OALKjK,IAEA/C,EAAc+M,UAAYA,GAAaF,GAAoBI,KAAKlG,IAG9DxH,EAAAU,cAAC+C,EAAIvE,OAAAC,OAAA,CACRqI,KAAMA,GACF/G,EAAK,CACT+C,GAAIA,IAEH3B,EAET,CAGA,SAASwK,GAAUxJ,GAEf,IAAM8K,EAAQ,CACV1M,SAAUjB,EAAMiB,SAChB2M,KAAMC,GACNC,IAAKD,GACLE,OAAQF,IAIZ,OAFQG,EAAOC,SAAQzO,EAAIN,OAAOO,KAAKkO,IAAMpO,OAAA,CAAEsD,IAExC/D,CAAG6O,EACd,CAsBA,IAAME,GAAwB,SAACK,EAAWzN,GAEtC,IAeI0N,EAfEC,EAAkB,SAACC,GACrB,OAAOA,EAAcxP,IAAI,SAACyP,EAAOC,GAE7B,OAAIvO,EAAMwO,eAAeF,KAAWA,EAAMpQ,IAC/B8B,EAAMyO,aAAaH,EAAO,CAAEpQ,IAAG,OAAAqB,OAASgP,KAG/CG,MAAMC,QAAQL,GACPF,EAAgBE,GAEpBA,CACX,EACJ,EAoBA,OAbQH,EAFJ1N,GAASA,EAAMoB,SACX6M,MAAMC,QAAQlO,EAAMoB,UACAuM,EAAgB3N,EAAMoB,UACnC7B,EAAMwO,eAAe/N,EAAMoB,YAAcpB,EAAMoB,SAAS3D,IAE3C8B,EAAMyO,aAAahO,EAAMoB,SAAU,CAAE3D,IAAK,cAG1CuC,EAAMoB,SAGV,GAIjB7B,EAAMU,cAAcwN,EAAIhP,OAAAC,OAAAD,OAAAC,OAAA,GACxBsB,GAAK,CACRoB,SAAUsM,IAElB,EC5pBAS,GACwB,mBCMRC,GAAgBzJ,GAAmD,IAAhDvD,EAAQuD,EAARvD,SAAUiN,EAAa1J,EAAb0J,cACzC,OAAO9O,EAAAU,cAAA,wBAAA,CACHwL,UAAW0C,GAAuB,iBAClBE,QAAiB9D,GAEhCnJ,EAET"}
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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"}