@xyd-js/components 0.1.0-xyd.7 → 0.1.0-xyd.94

package/dist/writer.d.ts

@@ -1,100 +1,269 @@
 import React, { ReactElement } from 'react';
 
+declare const Anchor: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    newWindow?: boolean;
+    as?: React.ElementType;
+} & React.RefAttributes<HTMLAnchorElement>>;
+
 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 BannerProps {
     children: React.ReactNode;
-    size?: "sm";
-    kind?: "warning" | "info";
+    kind?: "secondary";
+    label?: string;
+    href?: string;
+    icon?: React.ReactNode | string;
+}
+declare function Banner(props: BannerProps): React.JSX.Element;
+declare namespace Banner {
+    var Secondary: (props: BannerProps) => React.JSX.Element;
 }
-declare function Badge({ children, size, kind }: BadgeProps): React.JSX.Element;
 
 interface BlockquoteProps {
+    className?: string;
     children: React.ReactNode;
 }
-declare function Blockquote({ children }: BlockquoteProps): React.JSX.Element;
+declare function Blockquote({ className, children }: BlockquoteProps): React.JSX.Element;
 
 interface BreadcrumbsProps {
+    className?: string;
     items: {
         title: string;
         href?: string;
     }[];
 }
-declare function Breadcrumbs(props: BreadcrumbsProps): ReactElement;
+declare function Breadcrumbs({ className, items }: BreadcrumbsProps): ReactElement;
+
+interface ButtonProps {
+    children?: React.ReactNode;
+    kind?: "primary" | "secondary" | "tertiary" | undefined;
+    theme?: "ghost";
+    size?: "sm" | "md" | "lg";
+    className?: string;
+    onClick?: () => void;
+    disabled?: boolean;
+    icon?: React.ReactElement;
+    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;
 }
-declare function Callout({ children }: CalloutProps): React.JSX.Element;
+/**
+ * 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 }: CalloutProps): React.JSX.Element;
+
+interface CardProps {
+    title: string;
+    href?: string;
+    link?: React.ElementType;
+    description?: string;
+    imgSrc?: string;
+    imgAlt?: string;
+    shadow?: "md";
+}
+declare function Card(props: CardProps): React.JSX.Element;
 
 interface CodeProps {
+    className?: string;
     children: React.ReactNode;
 }
-declare function Code({ children }: CodeProps): React.JSX.Element;
+declare function Code({ className, children }: CodeProps): React.JSX.Element;
+
+declare function ColorSchemeButton(): React.JSX.Element;
+declare function useColorScheme(): (string | (() => void))[];
 
+/**
+ * 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;
-    icon?: React.SVGProps<SVGSVGElement>;
+    /** 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;
-declare function Details(props: DetailsProps): React.JSX.Element;
+/**
+ * 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;
 
+/**
+ * Props for the GuideCard component
+ */
 interface GuideCardProps {
+    /** Content to be displayed in the card body */
     children: React.ReactNode;
+    /** URL the card links to */
     href: string;
+    /** Title displayed at the top of the card */
     title: string;
+    /** Optional icon displayed to the left of the content */
     icon?: React.ReactNode;
+    /** Visual style variant of the card */
     kind?: "secondary";
+    /** Size variant of the card */
     size?: "sm" | "md";
-}
-declare function GuideCard({ children, href, icon, title, kind, size, }: GuideCardProps): React.JSX.Element;
+    /** Additional CSS class names to apply to the card */
+    className?: string;
+    /** Additional props to pass to the link element */
+    as?: React.ElementType;
+}
+/**
+ * A card component that displays content with a title and optional icon.
+ * The entire card is clickable and links to the specified URL.
+ *
+ * @category Component
+ */
+declare function GuideCard({ children, href, icon, title, kind, size, className, as, }: GuideCardProps): React.JSX.Element;
 declare namespace GuideCard {
     var List: ({ children }: {
         children: React.ReactNode;
     }) => React.JSX.Element;
 }
 
+/**
+ * Props for the Heading component
+ * @interface HeadingProps
+ */
 interface HeadingProps {
+    /** Content to be rendered inside the heading */
     children: React.ReactNode;
+    /** The size of the heading (1-6, corresponding to h1-h6) */
     size: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Optional HTML element to render as (div or span) */
     as?: "div" | "span";
+    /** Optional ID for the heading element */
     id?: string;
+    /** Optional visual style variant */
+    kind?: "muted";
+    /** Optional click handler */
     onClick?: () => void;
-}
-declare function Heading({ children, size, as, id, onClick }: HeadingProps): React.JSX.Element;
+    /** Optional additional CSS class name */
+    className?: string;
+    /** Optional active state */
+    active?: boolean;
+    /** Optional label for the heading */
+    label?: string;
+    /** Optional subtitle for the heading */
+    subtitle?: string;
+    /** Optional to hide the anchor icon */
+    noanchor?: boolean;
+    /** Optional ref for the heading element */
+    ref?: React.RefObject<HTMLHeadingElement>;
+    style?: React.CSSProperties;
+}
+/**
+ * A flexible heading component that can render as any heading level (h1-h6) or as a div/span
+ *
+ * @category Component
+ */
+declare function Heading(props: HeadingProps): React.JSX.Element;
 
 interface HrProps {
+}
+declare function Hr(): React.JSX.Element;
+
+declare const IconProvider: React.Context<{
+    iconSet: {};
+}>;
+interface IconProps {
+    name: string;
+    size?: number;
+    color?: string;
+}
+declare function Icon(props: IconProps): ReactElement | null;
+
+interface ImageProps {
+    src: string;
+    alt: string;
+    style?: React.CSSProperties;
+}
+declare function Image(props: ImageProps): React.JSX.Element;
+
+interface ListProps {
+    children: React.ReactNode;
+}
+declare function List({ children }: ListProps): React.JSX.Element;
+declare namespace List {
+    var Item: typeof ListItem;
+}
+declare function ListOl({ children }: ListProps): React.JSX.Element;
+interface ListItemProps {
     children: React.ReactNode;
 }
-declare function Hr({ children }: HrProps): React.JSX.Element;
-
-declare function IconSessionReplay(): React.JSX.Element;
-declare function IconMetrics(): React.JSX.Element;
-declare function IconFunnels(): React.JSX.Element;
-declare function IconCode(): React.JSX.Element;
-declare function IconCustomEvent(): React.JSX.Element;
-declare function IconAlert(): React.JSX.Element;
-declare function IconBrowser(): React.JSX.Element;
-declare function IconREST(): React.JSX.Element;
-declare function IconGraphQL(): React.JSX.Element;
-declare function IconWebhooks(): React.JSX.Element;
-declare function IconJSBrowser(): React.JSX.Element;
-declare function IconJSNode(): React.JSX.Element;
-declare function IconStorybook(): React.JSX.Element;
-declare function IconReactRouter(): React.JSX.Element;
-declare function IconNextJS(): React.JSX.Element;
-declare function IconAppTemplate(): React.JSX.Element;
-declare function IconQuote(): React.JSX.Element;
+declare function ListItem({ children }: ListItemProps): React.JSX.Element;
 
 interface NavLinksProps {
     prev?: {
@@ -105,106 +274,270 @@ interface NavLinksProps {
         title: string;
         href: string;
     };
+    as?: React.ElementType;
+    className?: string;
 }
 declare function NavLinks(props: NavLinksProps): React.JSX.Element;
 
 interface PreProps {
     children: React.ReactNode;
+    className?: string;
 }
-declare function Pre({ children }: PreProps): React.JSX.Element;
+declare function Pre({ children, className }: PreProps): 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;
 }
-declare function Steps({ children }: StepsProps): React.JSX.Element;
+/**
+ * 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 }: StepsProps): React.JSX.Element;
 declare namespace Steps {
-    var Item: ({ children }: StepsItemProps) => React.JSX.Element;
+    var Item: ({ children, 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 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;
-}
-declare function Table({ children }: TableProps): React.JSX.Element;
-declare namespace Table {
-    var Th: ({ children }: TableThProps$1) => React.JSX.Element;
-    var Tr: ({ children }: TableTrProps$1) => React.JSX.Element;
-    var Td: ({ children }: TableTdProps$1) => React.JSX.Element;
-}
-interface TableThProps$1 {
-    children: React.ReactNode;
-}
-interface TableTrProps$1 {
-    children: React.ReactNode;
-}
-interface TableTdProps$1 {
-    children: React.ReactNode;
-}
-
-interface TableV2Props {
-    children: React.ReactNode;
+    /** Optional CSS class name to be applied to the table */
     className?: string;
 }
-declare function TableV2({ children, className }: TableV2Props): React.JSX.Element;
-declare namespace TableV2 {
+/**
+ * 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, 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;
-    var ModelCell: ({ children }: TableModelCellProps) => 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 TableModelCellProps {
-    children: React.ReactNode;
+
+/**
+ * Available font sizes for the Text component
+ */
+type TextFontSizes = "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
+/**
+ * Available text styles/kinds for the Text component
+ */
+type TextKindTypes = "default" | "ghost" | "success" | "warn" | "error" | "primary" | "secondary";
+/**
+ * Available font weights for the Text component
+ */
+type TextFontWeights = "normal" | "bold" | "extra-bold";
+/**
+ * Props for the Text component
+ */
+interface TextProps {
+    /** Font size of the text */
+    size?: TextFontSizes;
+    /** Visual style/kind of the text */
+    kind?: TextKindTypes;
+    /** Font weight of the text */
+    weight?: TextFontWeights;
+    /** Content to be rendered inside the text component */
+    children?: React.ReactNode;
+    /** Additional CSS class name */
+    className?: string;
+    /** HTML id attribute */
+    id?: string;
+    /** Click event handler */
+    onClick?: () => void;
+    /** HTML tag to render the text as */
+    as?: "span" | "p";
+}
+/**
+ * A flexible text component that supports different sizes, styles, and weights.
+ *
+ * @category Component
+ */
+declare function Text({ size, kind, weight, children, className, id, onClick, as }: TextProps): React.JSX.Element;
+
+interface TocCardProps {
+    title: string;
+    description: string;
+    href: string;
+    className?: string;
+    icon?: string;
+    as?: React.ElementType;
 }
+declare function TocCard({ title, description, href, className, icon, as }: TocCardProps): React.JSX.Element;
 
 interface TabsProps$1 {
+    /** Child elements to be rendered within the navigation */
     children: React.ReactNode;
-    items: string[];
-    tabIndex?: number;
+    /** The currently selected tab value */
+    value?: string;
+    /** Callback function triggered when a tab is selected */
+    onChange?: (value: string) => void;
+    /** Whether to enable sliding animation between tabs */
+    slide?: boolean;
+    /** Additional CSS class name for the component */
+    className?: string;
+    /** The variant of the navigation */
+    kind?: 'default' | 'secondary';
+}
+/**
+ * A navigation component that displays tabs with an underline indicator
+ *
+ * @category Component
+ */
+declare function UnderlineNav({ children, value: controlledValue, onChange, slide, className, kind }: TabsProps$1): React.JSX.Element;
+declare namespace UnderlineNav {
+    var Item: ({ children, value, href, as, defaultActive }: UnderlineNavItemProps) => React.JSX.Element;
+    var Content: ({ children, value, defaultActive }: UnderlineNavContentProps) => React.JSX.Element;
 }
-declare function Tabs({ children, items, tabIndex }: TabsProps$1): React.JSX.Element;
-declare namespace Tabs {
-    var Content: ({ children, value }: {
-        children: any;
-        value: any;
-    }) => React.JSX.Element;
+/**
+ * Props for the UnderlineNav.Item component
+ */
+interface UnderlineNavItemProps {
+    /** Child elements to be rendered within the navigation item */
+    children: React.ReactNode;
+    /** Unique identifier for the navigation item */
+    value: string;
+    /** URL for the navigation item link */
+    href?: string;
+    /** Custom component to render as the link element */
+    as?: React.ElementType;
+    /** Whether this item should be active by default */
+    defaultActive?: boolean;
+}
+/**
+ * Props for the UnderlineNav.Content component
+ */
+interface UnderlineNavContentProps {
+    /** Child elements to be rendered within the content area */
+    children: React.ReactNode;
+    /** Unique identifier for the content section */
+    value: string;
+    /** Whether this content should be active by default */
+    defaultActive?: boolean;
 }
 
-interface TabsProps {
+/**
+ * Props for the TabsPrimary component
+ */
+interface TabsPrimaryProps {
+    /** Child elements to be rendered within the navigation */
     children: React.ReactNode;
-    value: string;
-    onChange: (value: string) => void;
+    /** The currently selected tab value */
+    value?: string;
+    /** Callback function triggered when a tab is selected */
+    onChange?: (value: string) => void;
+    /** Whether to enable sliding animation between tabs */
+    slide?: boolean;
+    /** Additional CSS class name for the component */
+    className?: string;
 }
-declare function UnderlineNav({ children, value, onChange }: TabsProps): React.JSX.Element;
-declare namespace UnderlineNav {
-    var Item: ({ children, value, href }: UnderlineNavItemProps) => React.JSX.Element;
+
+interface TabsSecondaryProps {
+    /** The currently selected tab value */
+    value?: string;
+    children: React.ReactNode;
+    className?: string;
+    onChange?: (value: string) => void;
 }
-interface UnderlineNavItemProps {
+
+interface TabsPropsCommon {
+    kind?: 'secondary' | null;
+}
+type TabsProps<T> = T & TabsPropsCommon;
+declare function Tabs(props: TabsProps<TabsSecondaryProps | TabsPrimaryProps>): React.JSX.Element;
+declare namespace Tabs {
+    var Item: (props: any) => React.JSX.Element;
+    var Content: (props: any) => React.JSX.Element;
+}
+
+interface UpdateProps {
     children: React.ReactNode;
-    value: string;
-    href?: string;
+    version: string;
+    date?: string;
+}
+declare function Update(props: UpdateProps): React.JSX.Element;
+
+declare function VideoGuide(): null;
+declare namespace VideoGuide {
+    var Miniature: (props: VideoGuideMiniatureProps) => React.JSX.Element;
+}
+interface VideoGuideMiniatureProps {
+    videoSrc?: string;
+    description?: string;
+    className?: string;
 }
 
-export { Badge, Blockquote, Breadcrumbs, Callout, Code, Details, GuideCard, Heading, Hr, IconAlert, IconAppTemplate, IconBrowser, IconCode, IconCustomEvent, IconFunnels, IconGraphQL, IconJSBrowser, IconJSNode, IconMetrics, IconNextJS, IconQuote, IconREST, IconReactRouter, IconSessionReplay, IconStorybook, IconWebhooks, NavLinks, Pre, Steps, Table, TableV2, Tabs, UnderlineNav };
-export type { BadgeProps, BlockquoteProps, BreadcrumbsProps, CalloutProps, CodeProps, DetailsProps, HeadingProps, HrProps, NavLinksProps, PreProps, StepsProps, TableProps, TableTdProps$1 as TableTdProps, TableThProps$1 as TableThProps, TableTrProps$1 as TableTrProps, TabsProps$1 as TabsProps };
+export { Anchor, Badge, Banner, Blockquote, Breadcrumbs, Button, Callout, Card, Code, ColorSchemeButton, Details, GuideCard, Heading, Hr, Icon, IconProvider, Image, List, ListOl, NavLinks, Pre, Steps, Table, Tabs, Text, TocCard, UnderlineNav, Update, VideoGuide, useColorScheme };
+export type { BadgeProps, BannerProps, BlockquoteProps, BreadcrumbsProps, ButtonProps, CalloutProps, CodeProps, DetailsProps, HeadingProps, HrProps, NavLinksProps, PreProps, StepsProps };

package/dist/writer.js

@@ -1,2 +1,2 @@
-export{b as Badge,B as Blockquote,c as Callout,C as Code,D as Details,H as Heading,a as Hr,n as IconAlert,d as IconAppTemplate,m as IconBrowser,p as IconCode,o as IconCustomEvent,q as IconFunnels,k as IconGraphQL,i as IconJSBrowser,h as IconJSNode,r as IconMetrics,e as IconNextJS,I as IconQuote,l as IconREST,f as IconReactRouter,s as IconSessionReplay,g as IconStorybook,j as IconWebhooks}from"./index-BVUz77Tm.js";import{_ as t}from"./tslib.es6-DUrRPhZd.js";import u,{Fragment as v}from"react";import{ArrowRightIcon as E,ArrowLeftIcon as x}from"@radix-ui/react-icons";export{G as GuideCard,S as Steps,b as Table,T as TableV2,a as Tabs,U as UnderlineNav}from"./UnderlineNav-C2aEVraN.js";import"./_rollupPluginBabelHelpers-DsEzE6Ab.js";import"@radix-ui/react-tabs";import"lucide-react";var N="hwgsk4h",w="i1b95bxl",y="i1a3fa93",R="i1dl7ywj";function J(e){var a=e.children,r=t(e,["children"]);return u.createElement("a",Object.assign({},r),a)}function A(e){return u.createElement("div",{className:N},e.items.map((function(a,t){var r=t===e.items.length-1;return u.createElement(v,{key:a.href+a.title},t>0&&u.createElement(E,{className:w}),u.createElement("div",{className:"\n                            ".concat(y,"\n                            ").concat(r&&R,"\n                        "),title:a.title},a.href&&!r?u.createElement(J,{href:a.href},a.title):a.title))})))}var O="h1xhrk1",Q="l1elq7ab",_="i1mmatje";function F(e){var a=e.children,r=t(e,["children"]);return u.createElement("a",Object.assign({},r),a)}function L(e){return u.createElement("div",{className:O},e.prev?u.createElement(F,{href:e.prev.href,title:e.prev.title,className:Q},u.createElement(x,{className:_}),e.prev.title):u.createElement("div",null),e.next&&u.createElement(F,{href:e.next.href,title:e.next.title,className:Q},e.next.title,u.createElement(E,{className:_})))}var M="h1vb39qj";function P(e){var a=e.children;return u.createElement("pre",{className:M},a)}export{A as Breadcrumbs,L as NavLinks,P as Pre};
+export{A as Anchor,c as Banner,B as Button,G as GuideCard,L as List,a as ListOl,S as Steps,T as Table,b as Tabs,U as UnderlineNav,V as VideoGuide}from"./VideoGuide-BUyomFVz.js";export{b as Badge,B as Blockquote,c as Callout,e as Card,C as Code,a as ColorSchemeButton,D as Details,d as Heading,H as Hr,I as Image,U as Update,u as useColorScheme}from"./Update-0XruJHjj.js";import{a as t}from"./tslib.es6-Hqk-Mdr9.js";import r,{Fragment as n}from"react";import{I as l}from"./Icon-xNucOqd2.js";export{a as IconProvider}from"./Icon-xNucOqd2.js";export{T as Text}from"./Text-DKycD2zu.js";import"./_rollupPluginBabelHelpers-DZ-ucadG.js";import"radix-ui";import"lucide-react";function i(){return r.createElement("div",null,"TODO")}function s(e){var a=e.children,n=t(e,["children"]);return r.createElement("a",Object.assign({},n),a)}function o(e){var t=e.className,a=e.items;return r.createElement("xyd-breadcrumbs",{className:"".concat("bwgsk4h"," ").concat(t||"")},a.map(function(e,t){var l=t===a.length-1;return r.createElement(n,{key:e.href+e.title},t>0&&r.createElement(i,{part:"icon"}),r.createElement("div",{part:"item","data-active":l?"true":"false"},e.href&&!l?r.createElement(s,{href:e.href},e.title):e.title))}))}function m(e){var t=e.as||p;return r.createElement("xyd-navlinks",{className:"".concat("n1xhrk1"," ").concat(e.className||"")},e.prev?r.createElement(t,{href:e.prev.href,title:e.prev.title,part:"link"},r.createElement(h,{part:"icon"}),e.prev.title):r.createElement("div",null),e.next&&r.createElement(t,{href:e.next.href,title:e.next.title,part:"link"},e.next.title,r.createElement(f,{part:"icon"})))}function p(e){var a=e.children,n=t(e,["children"]);return r.createElement("a",Object.assign({},n),a)}function f(e){return r.createElement("svg",Object.assign({width:15,height:15,viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),r.createElement("path",{d:"M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))}function h(e){return r.createElement("svg",Object.assign({width:15,height:15,viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),r.createElement("path",{d:"M6.85355 3.14645C7.04882 3.34171 7.04882 3.65829 6.85355 3.85355L3.70711 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H3.70711L6.85355 11.1464C7.04882 11.3417 7.04882 11.6583 6.85355 11.8536C6.65829 12.0488 6.34171 12.0488 6.14645 11.8536L2.14645 7.85355C1.95118 7.65829 1.95118 7.34171 2.14645 7.14645L6.14645 3.14645C6.34171 2.95118 6.65829 2.95118 6.85355 3.14645Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))}function v(e){var t=e.children,a=e.className;return r.createElement("pre",{className:"".concat("p1vb39qj"," ").concat(a||"")},t)}var E="TocCard-module_TocCardHost__pT0XJ";function g(e){var t=e.title,a=e.description,n=e.href,c=e.className,i=e.icon,s=e.as||x;return r.createElement("xyd-toccard",{className:"".concat(E," ").concat(c||"")},r.createElement("div",{part:"container"},r.createElement(s,{part:"link",href:n,target:"_blank",rel:"noreferrer"},r.createElement("div",{part:"title-container"},r.createElement("div",{part:"title"},t),i&&r.createElement(l,{name:i,size:16})),r.createElement("div",{part:"description"},a))))}function x(e){var a=e.children,n=e.href,l=t(e,["children","href"]);return r.createElement("a",Object.assign({href:n},l),a)}export{o as Breadcrumbs,l as Icon,m as NavLinks,v as Pre,g as TocCard};
 //# sourceMappingURL=writer.js.map