@xyd-js/components 0.1.0-build.168

package/dist/content.d.ts

@@ -0,0 +1,411 @@
+import * as _linaria_core from '@linaria/core';
+import React, { ReactElement } from 'react';
+import { Settings } from '@xyd-js/core';
+import { Theme } from '@code-hike/lighter';
+import { HighlightedCode } from 'codehike/code';
+
+declare const SearchButtonFullWidth: _linaria_core.LinariaClassName;
+
+interface BadgeProps {
+    /**
+     * The class name of the badge.
+     */
+    className?: string;
+    /**
+     * The children of the badge.
+     */
+    children?: React.ReactNode;
+    /**
+     * The size of the badge.
+     */
+    size?: "sm" | "xs";
+    /**
+     * The kind of the badge.
+     */
+    kind?: "warning" | "info" | "default";
+}
+/**
+ * Badge component is used to display a badge.
+ *
+ * @group Components
+ */
+declare function Badge({ className, children, size, kind }: BadgeProps): React.JSX.Element;
+
+interface ButtonProps {
+    children?: React.ReactNode;
+    kind?: "primary" | "secondary" | "tertiary" | undefined;
+    theme?: "ghost";
+    size?: "xs" | "sm" | "md" | "lg";
+    className?: string;
+    onClick?: () => void;
+    disabled?: boolean;
+    icon?: React.ReactElement | string;
+    iconPosition?: "left" | "right";
+    href?: string;
+}
+declare function Button({ children, kind, theme, size, className, onClick, disabled, icon, iconPosition, href }: ButtonProps): React.JSX.Element;
+
+/**
+ * Props for the Callout component
+ */
+interface CalloutProps {
+    /** Additional CSS class name to be applied to the callout */
+    className?: string;
+    /** Content to be displayed inside the callout */
+    children: React.ReactNode;
+    kind?: "warning" | "note" | "tip" | "check" | "danger";
+}
+/**
+ * A Callout component that displays important information or notices in a visually distinct way.
+ * It includes an info icon and a message area for content.
+ *
+ * @category Component
+ */
+declare function Callout({ className, children, kind }: CalloutProps): React.JSX.Element;
+
+declare function ColorSchemeButton(): React.JSX.Element;
+
+/**
+ * Base interface for all Details component variants
+ */
+interface BaseDetailsProps {
+    /** Content to be displayed inside the details element */
+    children: React.ReactNode;
+    /** Label text displayed in the summary */
+    label: string;
+    /** Optional icon element to be displayed in the summary */
+    icon?: React.ReactElement;
+    /** Optional CSS class name for custom styling */
+    className?: string;
+}
+/**
+ * Props for the tertiary variant of the Details component
+ */
+interface TertiaryDetailsProps extends BaseDetailsProps {
+    /** Specifies the tertiary variant */
+    kind: "tertiary";
+    /** Title text or element displayed in the summary */
+    title: string | React.ReactNode;
+}
+/**
+ * Props for the secondary variant of the Details component
+ */
+interface SecondaryDetailsProps extends BaseDetailsProps {
+    /** Specifies the secondary variant */
+    kind: "secondary";
+    /** Title text or element displayed in the summary */
+    title: string | React.ReactNode;
+}
+/**
+ * Props for the primary variant of the Details component
+ */
+interface PrimaryDetailsProps extends BaseDetailsProps {
+    /** Specifies the primary variant (default) */
+    kind?: "primary";
+}
+/** Union type of all possible Details component variants */
+type DetailsProps = PrimaryDetailsProps | SecondaryDetailsProps | TertiaryDetailsProps;
+/**
+ * A collapsible details component that supports three variants: primary, secondary, and tertiary.
+ * Each variant has a different visual style and structure.
+ *
+ * @param props - The component props
+ * @returns A details element with collapsible content
+ *
+ * @category Component
+ */
+declare function Details(props: DetailsProps): React.ReactElement;
+
+interface IconProps {
+    name: string;
+    size?: number;
+    color?: string;
+}
+declare function Icon(props: IconProps): ReactElement | null;
+declare namespace Icon {
+    var ExternalArrow: () => React.JSX.Element;
+}
+
+/**
+ * Props for the Steps component
+ */
+interface StepsProps {
+    /** Content to be rendered inside the steps list */
+    children: React.ReactNode;
+    /** Optional CSS class name to be applied to the steps container */
+    className?: string;
+    /** Optional kind of steps to be rendered */
+    kind?: "secondary" | undefined;
+}
+/**
+ * Steps component that renders a numbered list of steps or stages.
+ * Use this component to display a sequence of steps in a process or workflow.
+ *
+ * @category Component
+ */
+declare function Steps({ children, className, kind }: StepsProps): React.JSX.Element;
+declare namespace Steps {
+    var Item: ({ children, icon, title, className }: StepsItemProps) => React.JSX.Element;
+}
+/**
+ * Props for the Steps.Item component
+ */
+interface StepsItemProps {
+    /** Content to be rendered inside the step item */
+    children: React.ReactNode;
+    /** Optional icon to be displayed in the step item */
+    icon?: string | React.ReactNode;
+    /** Optional title to be displayed in the step item */
+    title?: string;
+    /** Optional CSS class name to be applied to the step item */
+    className?: string;
+}
+
+/**
+ * Props for the Table component
+ */
+interface TableProps {
+    /** The content to be rendered inside the table */
+    children: React.ReactNode;
+    /** Optional kind of the table, can be used for styling purposes */
+    kind?: "secondary";
+    /** Optional CSS class name to be applied to the table */
+    className?: string;
+}
+/**
+ * A table component that provides a structured way to display tabular data.
+ * It supports custom styling through className prop and can contain various table elements.
+ *
+ * @category Component
+ */
+declare function Table({ children, kind, className }: TableProps): React.JSX.Element;
+declare namespace Table {
+    var Head: ({ children }: TableHeadProps) => React.JSX.Element;
+    var Th: ({ children, numeric }: TableThProps) => React.JSX.Element;
+    var Tr: ({ children }: TableTrProps) => React.JSX.Element;
+    var Body: ({ children }: TableBodyProps) => React.JSX.Element;
+    var Td: ({ children, numeric, muted }: TableTdProps) => React.JSX.Element;
+    var Cell: ({ children }: TableCellProps) => React.JSX.Element;
+}
+/**
+ * Props for the TableHead component
+ */
+interface TableHeadProps {
+    /** The content to be rendered inside the table header */
+    children: React.ReactNode;
+}
+/**
+ * Props for the TableTh component
+ */
+interface TableThProps {
+    /** The content to be rendered inside the table header cell */
+    children: React.ReactNode;
+    /** Whether the cell content should be right-aligned (for numeric values) */
+    numeric?: boolean;
+}
+/**
+ * Props for the TableTr component
+ */
+interface TableTrProps {
+    /** The content to be rendered inside the table row */
+    children: React.ReactNode;
+}
+/**
+ * Props for the TableBody component
+ */
+interface TableBodyProps {
+    /** The content to be rendered inside the table body */
+    children: React.ReactNode;
+}
+/**
+ * Props for the TableTd component
+ */
+interface TableTdProps {
+    /** The content to be rendered inside the table cell */
+    children: React.ReactNode;
+    /** Whether the cell content should be right-aligned (for numeric values) */
+    numeric?: boolean;
+    /** Whether the cell should have a muted appearance */
+    muted?: boolean;
+}
+/**
+ * Props for the TableCell component
+ */
+interface TableCellProps {
+    /** The content to be rendered inside the table cell */
+    children: React.ReactNode;
+}
+
+interface UpdateProps {
+    children: React.ReactNode;
+    version: string;
+    date?: string;
+}
+declare function Update(props: UpdateProps): React.JSX.Element;
+
+interface SyntaxHighlightedCode extends HighlightedCode {
+    title?: string;
+}
+interface CodeThemeBlockProps {
+    /** This is the raw code. May include annotation comments. */
+    value: string;
+    /** The programming language. */
+    lang: string;
+    /** Metadata string (the content after the language name in a markdown codeblock). */
+    meta: string;
+    title?: string;
+    /** The highlighted code. */
+    highlighted?: SyntaxHighlightedCode;
+}
+
+interface CodeSampleProps {
+    name: string;
+    description: string;
+    codeblocks?: CodeThemeBlockProps[];
+    theme?: Theme;
+    size?: "full";
+    lineNumbers?: boolean;
+    descriptionHead?: string;
+    descriptionContent?: string | React.ReactNode;
+    descriptionIcon?: string;
+    kind?: "secondary";
+    controlByMeta?: boolean;
+}
+declare function CodeSample(props: CodeSampleProps): React.JSX.Element;
+
+interface ReactContentOptions {
+    Link?: React.ElementType;
+    components?: {
+        [component: string]: (props: any) => React.JSX.Element | null;
+    };
+    useLocation?: () => {
+        search: string;
+    };
+    useNavigate?: (to: any) => void;
+    useNavigation?: () => any;
+}
+declare class ReactContent {
+    protected settings?: Settings | undefined;
+    protected options?: ReactContentOptions | undefined;
+    constructor(settings?: Settings | undefined, options?: ReactContentOptions | undefined);
+    components(): {
+        [component: string]: (props: any) => React.JSX.Element | null;
+    };
+    noop(): {
+        React: typeof NoopReactComponent;
+        Steps: typeof NoopComponent;
+        Tabs: typeof NoopComponent;
+        GuideCard: typeof NoopComponent;
+        Table: typeof NoopComponent;
+    };
+}
+declare function NoopComponent(): null;
+declare namespace NoopComponent {
+    var Item: () => null;
+    var Content: () => null;
+    var List: () => null;
+    var Head: () => null;
+    var Td: () => null;
+    var Tr: () => null;
+    var Th: () => null;
+    var Cell: () => null;
+}
+declare function NoopReactComponent(): null;
+declare namespace NoopReactComponent {
+    var Fragment: React.ExoticComponent<React.FragmentProps>;
+}
+declare function stdContent(this: ReactContent): {
+    H1: (props: any) => React.JSX.Element;
+    H2: (props: any) => React.JSX.Element;
+    H3: (props: any) => React.JSX.Element;
+    H4: (props: any) => React.JSX.Element;
+    H5: (props: any) => React.JSX.Element;
+    P: (props: any) => React.JSX.Element;
+    Ul: (props: any) => React.JSX.Element;
+    Ol: (props: any) => React.JSX.Element;
+    Li: (props: any) => React.JSX.Element;
+    Table: (props: any) => React.JSX.Element;
+    Tr: (props: any) => React.JSX.Element;
+    Th: (props: any) => React.JSX.Element;
+    h1: (props: any) => React.JSX.Element;
+    h2: (props: any) => React.JSX.Element;
+    h3: (props: any) => React.JSX.Element;
+    h4: (props: any) => React.JSX.Element;
+    h5: (props: any) => React.JSX.Element;
+    p: (props: any) => React.JSX.Element;
+    ul: (props: any) => React.JSX.Element;
+    ol: (props: any) => React.JSX.Element;
+    li: (props: any) => React.JSX.Element;
+    table: (props: any) => React.JSX.Element;
+    tr: (props: any) => React.JSX.Element;
+    th: (props: any) => React.JSX.Element;
+    td: (props: any) => React.JSX.Element;
+    code: (props: any) => React.JSX.Element;
+    pre: any;
+    details: (props: any) => React.JSX.Element;
+    blockquote: (props: any) => React.JSX.Element;
+    hr: ({ children, ...props }: {
+        [x: string]: any;
+        children: any;
+    }) => React.JSX.Element;
+    a: (props: any) => React.JSX.Element;
+    br: ({ children, ...props }: {
+        [x: string]: any;
+        children: any;
+    }) => React.JSX.Element;
+    img: ({ children, src, alt, ...props }: {
+        [x: string]: any;
+        children: any;
+        src: any;
+        alt: any;
+    }) => React.JSX.Element;
+    picture: (props: any) => React.JSX.Element;
+    source: (props: any) => React.JSX.Element;
+    input: ({ children, ...props }: {
+        [x: string]: any;
+        children: any;
+    }) => React.JSX.Element;
+    textarea: ({ children, ...props }: {
+        [x: string]: any;
+        children: any;
+    }) => React.JSX.Element;
+    div: (props: any) => React.JSX.Element;
+    span: (props: any) => React.JSX.Element;
+    iframe: (props: any) => React.JSX.Element;
+    svg: (props: any) => React.JSX.Element;
+    feature: (props: any) => React.JSX.Element;
+    React: typeof NoopReactComponent;
+};
+declare function writerContent(): {
+    Callout: typeof Callout;
+    Details: typeof Details;
+    GuideCard: any;
+    Breadcrumbs: any;
+    Steps: typeof Steps;
+    Tabs: any;
+    Table: typeof Table;
+    Badge: typeof Badge;
+    Button: typeof Button;
+    Subtitle(props: any): React.JSX.Element;
+    Update: typeof Update;
+    Card: any;
+    ColorSchemeButton: typeof ColorSchemeButton;
+    Feature: (props: any) => React.JSX.Element;
+};
+declare function iconContent(): {
+    Icon: typeof Icon;
+};
+declare function coderContent(): {
+    CodeSample: typeof CodeSample;
+};
+declare function directiveContent(this: ReactContent): {
+    DirectiveCodeGroup: (props: any) => React.JSX.Element;
+};
+
+interface ContentDecoratorProps {
+    children: React.ReactNode;
+    metaComponent?: string;
+}
+declare function ContentDecorator({ children, metaComponent }: ContentDecoratorProps): React.JSX.Element;
+
+export { ContentDecorator, ReactContent, SearchButtonFullWidth, coderContent, directiveContent, iconContent, stdContent, writerContent };

package/dist/content.js

@@ -0,0 +1,2 @@
+import{c as e,_ as n,d as t,a as i,e as r}from"./_rollupPluginBabelHelpers-CvhQFv1t.js";import{I as o,a}from"./Icon--77MqplU.js";import l,{useRef as c,useState as s,useEffect as u,createContext as d,useContext as v,useMemo as h}from"react";import{G as m,B as f,T as p,S as g,H as b,L as j,a as E,b as O,A as w}from"./VideoGuide-DBY-EyxG.js";import{C as k,U as y,D as C,a as S,I as L,H as T,B as H,b as I,c as U,d as x}from"./Update-CiMIOgZi.js";import{B as P}from"./Button-BLA2ghHZ.js";import{T as B}from"./TabsAnalytics-B_JYpawG.js";import{b as F,a as R,G as A,P as N}from"./PageFirstSlide-BDNmCTiJ.js";import{c as G}from"./CodeSample-BqXDbWdi.js";import"@code-hike/lighter";import"radix-ui";import"lucide-react";import{u as D}from"./useUXEvents-CJtgGV4R.js";import"openux-js";import"./useUXClick-NwpsiuK9.js";import"./coder/themes/cosmo.js";import"./useUXScrollDepth-BwK-XOBg.js";var V="shoi6ow",z=function(){return e(function e(n,i){t(this,e),this.settings=n,this.options=i},[{key:"components",value:function(){var e,n=this,t=[q,_,K,ie,re,oe,ae].map(function(e){return e.bind(n)}).reduce(function(e,n){return Object.assign(Object.assign({},e),n())},{});return Object.assign(Object.assign({},t),(null===(e=this.options)||void 0===e?void 0:e.components)||{})}},{key:"noop",value:function(){var e,t=this.components(),i=[].concat(n(Object.keys(t)),n(Object.keys((null===(e=this.options)||void 0===e?void 0:e.components)||{}))).reduce(function(e,n){return e[n]=function(){return null},e},{}),r={Steps:W,Tabs:W,GuideCard:W,Table:W};return Object.assign(Object.assign(Object.assign({},i),r),{React:X})}}])}();function W(){return null}function X(){return null}function q(){var e=this,n=le.bind(this),t=J.bind(this),i={h1:function(e){return l.createElement(t,Object.assign({depth:1},e,{noanchor:!0}))},h2:function(n){var i,r,o,a=null===(r=null===(i=e.settings)||void 0===i?void 0:i.theme)||void 0===r?void 0:r.appearance;return l.createElement(l.Fragment,null,(null===(o=null==a?void 0:a.content)||void 0===o?void 0:o.sectionSeparator)?l.createElement(T,null):null,l.createElement(t,Object.assign({depth:2},n)))},h3:function(e){return l.createElement(t,Object.assign({depth:3},e))},h4:function(e){return l.createElement(t,Object.assign({depth:4},e))},h5:function(e){return l.createElement(t,Object.assign({depth:5},e))},p:function(e){return l.createElement(B,Object.assign({},e))},ul:function(e){return l.createElement(j,Object.assign({},e),e.children)},ol:function(e){return l.createElement(E,Object.assign({},e),e.children)},li:function(e){return l.createElement(j.Item,Object.assign({},e),e.children)},table:function(n){var t,i,r,o,a=null===(o=null===(r=null===(i=null===(t=e.settings)||void 0===t?void 0:t.theme)||void 0===i?void 0:i.appearance)||void 0===r?void 0:r.tables)||void 0===o?void 0:o.kind;return l.createElement(p,Object.assign({kind:a},n))},tr:function(e){return l.createElement(p.Tr,Object.assign({},e))},th:function(e){return l.createElement(p.Th,Object.assign({},e))},td:function(e){return l.createElement(p.Td,Object.assign({},e),l.createElement(p.Cell,null,e.children))},code:function(e){return l.createElement(I,Object.assign({},e))},pre:n,details:function(e){return l.createElement(C,Object.assign({},e))},blockquote:function(e){return l.createElement(H,Object.assign({},e))},hr:function(e){e.children;var n=a(e,["children"]);return l.createElement(T,Object.assign({},n))},a:function(n){var t;return l.createElement(se,Object.assign({},n,{as:null===(t=null==e?void 0:e.options)||void 0===t?void 0:t.Link}))},br:function(e){e.children;var n=a(e,["children"]);return l.createElement("br",Object.assign({},n))},img:function(e){e.children;var n=e.src,t=e.alt,i=a(e,["children","src","alt"]);return l.createElement(L,Object.assign({src:n,alt:t},i))},picture:function(e){var n=e.children,t=a(e,["children"]);return l.createElement("picture",Object.assign({},t),n)},source:function(e){e.children;var n=a(e,["children"]);return l.createElement("source",Object.assign({},n))},input:function(e){e.children;var n=a(e,["children"]);return l.createElement("input",Object.assign({},n))},textarea:function(e){e.children;var n=a(e,["children"]);return l.createElement("textarea",Object.assign({},n))},div:function(e){return l.createElement("div",Object.assign({},e))},span:function(e){return l.createElement("span",Object.assign({},e))},iframe:function(e){return l.createElement("iframe",Object.assign({},e))},svg:function(e){return l.createElement("svg",Object.assign({},e))},feature:function(e){return l.createElement("div",{"data-feature-flag":e.flag,"data-feature-match":e.match},e.children)},React:X};return Object.assign(Object.assign({},i),{H1:i.h1,H2:i.h2,H3:i.h3,H4:i.h4,H5:i.h5,P:i.p,Ul:i.ul,Ol:i.ol,Li:i.li,Table:i.table,Tr:i.tr,Th:i.th})}function J(e){var n,t=e.id,r=e.depth,o=e.children,a=e.label,d=e.subtitle,v=e.noanchor,h=e.style,m=null===(n=null==this?void 0:this.options)||void 0===n?void 0:n.useNavigation(),f=D(),p=c(null),g=s(!1),j=i(g,2),E=j[0],O=j[1];function w(e){var n=window.location.hash==="#".concat(t);O(n)}return u(function(){window.addEventListener("replaceState",w);var e=window.location.hash==="#".concat(t);return O(e),e&&p.current&&"loading"!==(null==m?void 0:m.state)&&p.current.scrollIntoView(),function(){window.removeEventListener("replaceState",w)}},[]),l.createElement(b,{ref:p,id:t,size:r,active:E,onClick:function(){var e;t&&f.docs.anchor.click({id:t});var n=new URL(window.location.href);n.hash=t,history.replaceState(null,"",n),null===(e=document.querySelector("#".concat(t)))||void 0===e||e.scrollIntoView()},label:a,subtitle:d,noanchor:v,style:h},o)}function _(){var e=Q.bind(this);e.List=m.List;var n=Y.bind(this),t=ee.bind(this);return t.Content=ne.bind(this),t.Item=te.bind(this),t.Item.displayName="Tabs.Item",{Callout:S,Details:C,GuideCard:e,Breadcrumbs:n,Steps:g,Tabs:t,Table:p,Badge:f,Button:P,Subtitle:function(e){var n,t,i=null===(t=null===(n=null==e?void 0:e.children)||void 0===n?void 0:n.props)||void 0===t?void 0:t.children;return l.createElement(b,Object.assign({size:4,kind:"muted"},e),i)},Update:y,Card:Z.bind(this),ColorSchemeButton:k,Feature:function(e){return l.createElement("div",{"data-feature-flag":e.flag,"data-feature-match":e.match},e.children)}}}function K(){return{PageHome:R,PageFirstSlide:F,PageBlogHome:M.bind(this)}}function M(e){var n;return l.createElement(N,Object.assign({},e,{as:null===(n=null==this?void 0:this.options)||void 0===n?void 0:n.Link}))}function Q(e){var n;return l.createElement(m,Object.assign({},e,{as:null===(n=null==this?void 0:this.options)||void 0===n?void 0:n.Link}))}function Y(e){var n;return l.createElement(U,Object.assign({},e,{as:null===(n=null==this?void 0:this.options)||void 0===n?void 0:n.Link}))}function Z(e){var n;return l.createElement(x,Object.assign({},e,{link:null===(n=null==this?void 0:this.options)||void 0===n?void 0:n.Link}))}W.Item=function(){return null},W.Content=function(){return null},W.List=function(){return null},W.Head=function(){return null},W.Td=function(){return null},W.Tr=function(){return null},W.Th=function(){return null},W.Cell=function(){return null},X.Fragment=l.Fragment;var $=d({value:"",onChange:function(e){}});function ee(e){var n=s(e.value),t=i(n,2),r=t[0],o=t[1];return l.createElement($,{value:{value:r,onChange:o}},l.createElement(O,Object.assign({},e,{value:r,onChange:function(e){var n=new URL(window.location.href),t=n.searchParams;new URLSearchParams(e).forEach(function(e,n){t.set(n,e)}),n.search=t.toString(),history.replaceState(null,"",n),o(e)}})))}function ne(e){var n,t,i=v($).onChange,r=null===(t=null===(n=null==this?void 0:this.options)||void 0===n?void 0:n.useLocation)||void 0===t?void 0:t.call(n),o=null==r?void 0:r.search,a=new URLSearchParams(o),c=new URLSearchParams(e.value),s=!0,d=!0;return c.forEach(function(e,n){var t=a.get(n);t!==e&&(s=!1),t||(d=!1)}),u(function(){s&&i(e.value)},[s]),d||(s=void 0),l.createElement(O.Content,Object.assign({},e,{defaultActive:s}))}function te(e){var n,t,i,r=v($).onChange,o=null===(t=null===(n=null==this?void 0:this.options)||void 0===n?void 0:n.useLocation)||void 0===t?void 0:t.call(n),a=null==o?void 0:o.search,c=new URLSearchParams(a),s=new URLSearchParams(e.value),d=!0;return s.forEach(function(e,n){c.get(n)!==e&&(d=!1)}),u(function(){d&&r(e.value)},[d]),l.createElement(O.Item,Object.assign({},e,{as:null===(i=null==this?void 0:this.options)||void 0===i?void 0:i.Link,defaultActive:d}))}function ie(){return{Icon:o}}function re(){return{CodeSample:G}}function oe(){var e=this;return{DirectiveCodeGroup:function(n){var t,i,r;return l.createElement(G,Object.assign({},n,{theme:(null===(r=null===(i=null===(t=e.settings)||void 0===t?void 0:t.theme)||void 0===i?void 0:i.coder)||void 0===r?void 0:r.syntaxHighlight)||void 0,codeblocks:JSON.parse(n.codeblocks||"[]")}))}}}function ae(){return{GridDecorator:A}}function le(e){var n,t,i,r,o,a,c,s,u,d=void 0;if(e.highlighted)try{var v=JSON.parse(e.highlighted);v&&(d=v)}catch(e){console.error("Error parsing highlighted code",e)}var m,f=((null===(t=null===(n=null==e?void 0:e.children)||void 0===n?void 0:n.props)||void 0===t?void 0:t.className)||"").replace("language-",""),p=void 0;if(null==e?void 0:e.descriptionContent){var g=function(e){var n=ue(e);if(!ue)return{};return{component:null==n?void 0:n.default}}(null==e?void 0:e.descriptionContent);if(null==g?void 0:g.component){var b=(m=null==g?void 0:g.component,h(function(){return m||null},[m]));p=l.createElement(b,{components:this.components()})}}return l.createElement(G,{theme:(null===(o=null===(r=null===(i=this.settings)||void 0===i?void 0:i.theme)||void 0===r?void 0:r.coder)||void 0===o?void 0:o.syntaxHighlight)||void 0,name:f,description:"string"==typeof(null==e?void 0:e.title)?null==e?void 0:e.title:null===(c=null===(a=null==e?void 0:e.children)||void 0===a?void 0:a.props)||void 0===c?void 0:c.meta,codeblocks:[{value:null===(u=null===(s=null==e?void 0:e.children)||void 0===s?void 0:s.props)||void 0===u?void 0:u.children,lang:f,meta:f,highlighted:d}],lineNumbers:null==e?void 0:e.lineNumbers,size:null==e?void 0:e.size,descriptionHead:null==e?void 0:e.descriptionHead,descriptionContent:p,descriptionIcon:null==e?void 0:e.descriptionIcon})}var ce=/https?:\/\//;function se(e){var n=e.href,t=void 0===n?"":n,i=e.as,r=e.newWindow,o=e.children,c=a(e,["href","as","newWindow","children"]),s=i||w;return i||(c.newWindow=r||ce.test(t)),l.createElement(s,Object.assign({href:t},c,{as:i}),o)}function ue(e){var t={Fragment:l.Fragment,jsxs:de,jsx:de,jsxDEV:de};return r(Function,n(Object.keys(t)).concat([e]))(t)}var de=function(e,n){var t,i=function(e){return e.map(function(e,n){return l.isValidElement(e)&&!e.key?l.cloneElement(e,{key:"mdx-".concat(n)}):Array.isArray(e)?i(e):e})};return t=n&&n.children?Array.isArray(n.children)?i(n.children):l.isValidElement(n.children)&&!n.children.key?l.cloneElement(n.children,{key:"mdx-child"}):n.children:[],l.createElement(e,Object.assign(Object.assign({},n),{children:t}))},ve="ca1c472";function he(e){var n=e.children,t=e.metaComponent;return l.createElement("xyd-content-decorator",{className:ve,"meta-component":t||void 0},n)}export{he as ContentDecorator,z as ReactContent,V as SearchButtonFullWidth,re as coderContent,oe as directiveContent,ie as iconContent,q as stdContent,_ as writerContent};
+//# sourceMappingURL=content.js.map

package/dist/content.js.map

@@ -0,0 +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 {\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            img {\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 16px;\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            }\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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"}