@xyd-js/components 0.1.0-xyd.4 → 0.1.0-xyd.52

package/dist/writer.d.ts

@@ -1,94 +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;
+    /** 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: string;
+    /** 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";
 }
-type DetailsProps = PrimaryDetailsProps | SecondaryDetailsProps;
-declare function Details(props: DetailsProps): React.JSX.Element;
+/** 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;
 
+/**
+ * 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";
+    /** Additional CSS class names to apply to the card */
+    className?: string;
+    /** Additional props to pass to the link element */
+    as?: React.ElementType;
 }
-declare function GuideCard({ children, href, icon, title, kind, size, }: GuideCardProps): React.JSX.Element;
+/**
+ * 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;
+    /** 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;
 }
-declare function Heading({ children, size, as, id, onClick }: HeadingProps): React.JSX.Element;
+/**
+ * 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 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 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 ListItem({ children }: ListItemProps): React.JSX.Element;
 
 interface NavLinksProps {
     prev?: {
@@ -99,71 +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;
+    /** Optional CSS class name to be applied to the table */
+    className?: string;
 }
-declare function Table({ children }: TableProps): React.JSX.Element;
+/**
+ * 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 Th: ({ children }: TableThProps) => React.JSX.Element;
+    var Head: ({ children }: TableHeadProps) => React.JSX.Element;
+    var Th: ({ children, numeric }: TableThProps) => React.JSX.Element;
     var Tr: ({ children }: TableTrProps) => React.JSX.Element;
-    var Td: ({ children }: TableTdProps) => 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;
 }
-
-interface TabsProps$1 {
+/**
+ * Props for the TableCell component
+ */
+interface TableCellProps {
+    /** The content to be rendered inside the table cell */
     children: React.ReactNode;
-    items: string[];
-    tabIndex?: number;
 }
-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;
+
+/**
+ * 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 {
+interface TabsProps$1 {
+    /** 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;
+    /** The variant of the navigation */
+    kind?: 'default' | 'secondary';
 }
-declare function UnderlineNav({ children, value, onChange }: TabsProps): React.JSX.Element;
+/**
+ * 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 }: UnderlineNavItemProps) => React.JSX.Element;
+    var Item: ({ children, value, href, as, defaultActive }: UnderlineNavItemProps) => React.JSX.Element;
+    var Content: ({ children, value, defaultActive }: UnderlineNavContentProps) => 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;
+}
+
+/**
+ * Props for the TabsPrimary component
+ */
+interface TabsPrimaryProps {
+    /** Child elements to be rendered within the navigation */
+    children: React.ReactNode;
+    /** 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;
+}
+
+interface TabsSecondaryProps {
+    /** The currently selected tab value */
+    value?: string;
+    children: React.ReactNode;
+    className?: string;
+    onChange?: (value: string) => void;
+}
+
+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;
+    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, IconREST, IconReactRouter, IconSessionReplay, IconStorybook, IconWebhooks, NavLinks, Pre, Steps, Table, Tabs, UnderlineNav };
-export type { BadgeProps, BlockquoteProps, BreadcrumbsProps, CalloutProps, CodeProps, DetailsProps, HeadingProps, HrProps, NavLinksProps, PreProps, StepsProps, TableProps, TableTdProps, TableThProps, 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,a as Heading,H as Hr,m as IconAlert,I as IconAppTemplate,l as IconBrowser,o as IconCode,n as IconCustomEvent,p as IconFunnels,j as IconGraphQL,h as IconJSBrowser,g as IconJSNode,q as IconMetrics,d as IconNextJS,k as IconREST,e as IconReactRouter,r as IconSessionReplay,f as IconStorybook,i as IconWebhooks}from"./index-DBY3gRcL.js";import{_ as t}from"./tslib.es6-COc5mhWS.js";import s,{Fragment as u}from"react";import{ArrowRightIcon as v,ArrowLeftIcon as E}from"@radix-ui/react-icons";export{G as GuideCard,S as Steps,T as Table,a as Tabs,U as UnderlineNav}from"./UnderlineNav-CTBRVoit.js";import"./_rollupPluginBabelHelpers-NA6nV2VK.js";import"@radix-ui/react-tabs";import"lucide-react";var x="hwgsk4h",N="i1b95bxl",w="i1a3fa93",y="i1dl7ywj";function R(e){var a=e.children,r=t(e,["children"]);return s.createElement("a",Object.assign({},r),a)}function J(e){return s.createElement("div",{className:x},e.items.map((function(a,t){var r=t===e.items.length-1;return s.createElement(u,{key:a.href+a.title},t>0&&s.createElement(v,{className:N}),s.createElement("div",{className:"\n                            ".concat(w,"\n                            ").concat(r&&y,"\n                        "),title:a.title},a.href&&!r?s.createElement(R,{href:a.href},a.title):a.title))})))}var A="h1xhrk1",O="l1elq7ab",_="i1mmatje";function F(e){var a=e.children,r=t(e,["children"]);return s.createElement("a",Object.assign({},r),a)}function L(e){return s.createElement("div",{className:A},e.prev?s.createElement(F,{href:e.prev.href,title:e.prev.title,className:O},s.createElement(E,{className:_}),e.prev.title):s.createElement("div",null),e.next&&s.createElement(F,{href:e.next.href,title:e.next.title,className:O},e.next.title,s.createElement(v,{className:_})))}var M="h1vb39qj";function P(e){var a=e.children;return s.createElement("pre",{className:M},a)}export{J 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-CrW6tvqB.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-b8FT7xsG.js";import{a as t}from"./tslib.es6-BJtAe2Ef.js";import r,{Fragment as n}from"react";import{I as l}from"./Icon-XgHKz5VO.js";export{a as IconProvider}from"./Icon-XgHKz5VO.js";export{T as Text}from"./Text-K_2YR6jw.js";import"./_rollupPluginBabelHelpers-CV-SOB7x.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

package/dist/writer.js.map

@@ -1 +1 @@
-{"version":3,"file":"writer.js","sources":["../src/writer/Breadcrumbs/Breadcrumbs.styles.ts","../src/writer/Breadcrumbs/Breadcrumbs.tsx","../src/writer/NavLinks/NavLinks.styles.ts","../src/writer/NavLinks/NavLinks.tsx","../src/writer/Pre/Pre.styles.tsx","../src/writer/Pre/Pre.tsx"],"sourcesContent":["import {css} from \"@linaria/core\";\n\nexport const $breadcrumbs = {\n    host: css`\n        display: flex;\n        overflow: hidden;\n        margin-top: 0.375rem;\n        gap: 0.25rem;\n        align-items: center;\n        font-size: 0.875rem;\n        line-height: 1.25rem;\n        color: #6B7280;\n    `,\n    icon: css`\n        shrink: 0;\n        width: 0.875rem;\n    `,\n    item: css`\n        white-space: nowrap;\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n        transition-duration: 300ms;\n    `,\n    item$$active: css`\n        color: #000;\n        font-weight: bold;\n    `\n};\n","import React, {Fragment} from 'react'\nimport type {ReactElement} from 'react'\nimport {ArrowRightIcon} from '@radix-ui/react-icons'\n\nimport {$breadcrumbs} from './Breadcrumbs.styles'\n\nfunction Anchor({children, ...rest}) {\n    return <a {...rest}>\n        {children}\n    </a>\n}\n\nexport interface BreadcrumbsProps {\n    items: {\n        title: string\n        href?: string\n    }[]\n}\n\nexport function Breadcrumbs(props: BreadcrumbsProps): ReactElement {\n    return (\n        <div className={$breadcrumbs.host}>\n            {props.items.map((item, index) => {\n                const lastActive = index === props.items.length - 1\n\n                return (\n                    <Fragment key={item.href + item.title}>\n                        {index > 0 && <ArrowRightIcon className={$breadcrumbs.icon}/>}\n                        <div className={`\n                            ${$breadcrumbs.item}\n                            ${lastActive && $breadcrumbs.item$$active}\n                        `}\n                             title={item.title}\n                        >\n                            {item.href && !lastActive ? (\n                                <Anchor href={item.href}>{item.title}</Anchor>\n                            ) : (\n                                item.title\n                            )}\n                        </div>\n                    </Fragment>\n                )\n            })}\n        </div>\n    )\n}\n","import {css} from \"@linaria/core\";\n\nexport const $navLinks = {\n    host: css`\n        display: flex;\n        padding-top: 2rem;\n        margin-top: 2rem;\n        margin-bottom: 2rem;\n        justify-content: space-between;\n        align-items: center;\n        border-top-width: 1px;\n    `,\n    link: css`\n        display: flex;\n        padding-top: 1rem;\n        padding-bottom: 1rem;\n        gap: 0.25rem;\n        align-items: center;\n        font-size: 1rem;\n        line-height: 1.5rem;\n        font-weight: 500;\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n        transition-duration: 300ms;\n        max-width: 50%;\n    `,\n    icon: css`\n        display: inline;\n        height: 1.25rem;\n        flex-shrink: 0;\n    `,\n};\n","import React from \"react\"\nimport {ArrowLeftIcon, ArrowRightIcon} from '@radix-ui/react-icons'\n\nimport {$navLinks} from \"./NavLinks.styles\";\n\nfunction Anchor({children, ...rest}) {\n    return <a {...rest}>\n        {children}\n    </a>\n}\n\nexport interface NavLinksProps {\n    prev?: {\n        title: string\n        href: string\n    }\n    next?: {\n        title: string\n        href: string\n    }\n}\n\nexport function NavLinks(props: NavLinksProps) {\n    return (\n        <div className={$navLinks.host}>\n            {props.prev ? (\n                <Anchor\n                    href={props.prev.href}\n                    title={props.prev.title}\n                    className={$navLinks.link}\n                >\n                    <ArrowLeftIcon className={$navLinks.icon}/>\n                    {props.prev.title}\n                </Anchor>\n            ) : <div/>}\n            {props.next && (\n                <Anchor\n                    href={props.next.href}\n                    title={props.next.title}\n                    className={$navLinks.link}\n                >\n                    {props.next.title}\n                    <ArrowRightIcon className={$navLinks.icon}/>\n                </Anchor>\n            )}\n        </div>\n    )\n}\n","import {css} from \"@linaria/core\";\n\nexport const $pre = {\n    host: css`\n        margin-top: 0;\n        border-radius: 6px;\n        padding: 16px;\n        border: 0;\n\n        background-color: rgb(246, 248, 250);\n        overflow: auto;\n    `\n}","import React from \"react\"\n\nimport {$pre} from \"./Pre.styles\"\n\nexport interface PreProps {\n    children: React.ReactNode\n}\n\nexport function Pre({children}: PreProps) {\n    return <pre className={$pre.host}>\n        {children}\n    </pre>\n}"],"names":["$breadcrumbs","Anchor","_a","children","rest","__rest","React","createElement","Object","assign","Breadcrumbs","props","className","items","map","item","index","lastActive","length","Fragment","key","href","title","ArrowRightIcon","concat","$navLinks","NavLinks","prev","ArrowLeftIcon","next","$pre","Pre","_ref"],"mappings":"uvBAEO,IAAMA,EAUR,UAVQA,EAcR,WAdQA,EAoBR,WApBQA,EAqBG,WCjBhB,SAASC,EAAOC,GAAA,IAACC,EAAkBD,EAAlBC,SAAaC,EAAIC,EAAAH,EAAlB,cACZ,OAAOI,EAAOC,cAAA,IAAAC,OAAAC,OAAA,CAAA,EAAAL,GACTD,EAET,CASM,SAAUO,EAAYC,GACxB,OACIL,EAAKC,cAAA,MAAA,CAAAK,UAAWZ,GACXW,EAAME,MAAMC,KAAI,SAACC,EAAMC,GACpB,IAAMC,EAAaD,IAAUL,EAAME,MAAMK,OAAS,EAElD,OACIZ,EAAAC,cAACY,EAAQ,CAACC,IAAKL,EAAKM,KAAON,EAAKO,OAC3BN,EAAQ,GAAKV,EAACC,cAAAgB,EAAe,CAAAX,UAAWZ,IACzCM,EAAAC,cAAA,MAAA,CAAKK,UAASY,iCAAAA,OACRxB,EAAiB,kCAAAwB,OACjBP,GAAcjB,EACnB,8BACIsB,MAAOP,EAAKO,OAEZP,EAAKM,OAASJ,EACXX,EAAAC,cAACN,EAAO,CAAAoB,KAAMN,EAAKM,MAAON,EAAKO,OAE/BP,EAAKO,OAKzB,IAGZ,CC3CO,IAAMG,EASR,UATQA,EAuBR,WAvBQA,EAwBL,WCrBR,SAASxB,EAAOC,GAAA,IAACC,EAAkBD,EAAlBC,SAAaC,EAAIC,EAAAH,EAAlB,cACZ,OAAOI,EAAOC,cAAA,IAAAC,OAAAC,OAAA,CAAA,EAAAL,GACTD,EAET,CAaM,SAAUuB,EAASf,GACrB,OACIL,EAAKC,cAAA,MAAA,CAAAK,UAAWa,GACXd,EAAMgB,KACHrB,EAACC,cAAAN,EACG,CAAAoB,KAAMV,EAAMgB,KAAKN,KACjBC,MAAOX,EAAMgB,KAAKL,MAClBV,UAAWa,GAEXnB,EAAAC,cAACqB,EAAc,CAAAhB,UAAWa,IACzBd,EAAMgB,KAAKL,OAEhBhB,EAAMC,cAAA,MAAA,MACTI,EAAMkB,MACHvB,EAAAC,cAACN,EAAM,CACHoB,KAAMV,EAAMkB,KAAKR,KACjBC,MAAOX,EAAMkB,KAAKP,MAClBV,UAAWa,GAEVd,EAAMkB,KAAKP,MACZhB,EAAAC,cAACgB,EAAc,CAACX,UAAWa,KAK/C,CC7CO,IAAMK,EACL,WCKQ,SAAAC,EAAGC,GAAqB,IAAnB7B,EAAQ6B,EAAR7B,SACjB,OAAOG,EAAAC,cAAA,MAAA,CAAKK,UAAWkB,GAClB3B,EAET"}
+{"version":3,"file":"writer.js","sources":["../src/writer/Breadcrumbs/Breadcrumbs.tsx","../src/writer/Breadcrumbs/Breadcrumbs.styles.ts","../src/writer/NavLinks/NavLinks.tsx","../src/writer/NavLinks/NavLinks.styles.ts","../src/writer/Pre/Pre.tsx","../src/writer/Pre/Pre.styles.tsx","../src/writer/TocCard/TocCard.tsx"],"sourcesContent":["import React, {Fragment} from 'react'\nimport type {ReactElement} from 'react'\n\nimport * as cn from './Breadcrumbs.styles'\n\nfunction ArrowRightIcon() {\n    return <div>\n        TODO\n    </div>\n}\n\nfunction Anchor({children, ...rest}) {\n    return <a {...rest}>\n        {children}\n    </a>\n}\n\nexport interface BreadcrumbsProps {\n    className?: string;\n    items: {\n        title: string\n        href?: string\n    }[]\n}\n\nexport function Breadcrumbs({className, items}: BreadcrumbsProps): ReactElement {\n    return (\n        <xyd-breadcrumbs\n            className={`${cn.BreadcrumbsHost} ${className || ''}`}\n        >\n            {items.map((item, index) => {\n                const lastActive = index === items.length - 1\n\n                return (\n                    <Fragment key={item.href + item.title}>\n                        {index > 0 && <ArrowRightIcon part=\"icon\"/>}\n                        <div \n                            part=\"item\"\n                            data-active={lastActive ? \"true\" : \"false\"}\n                        >\n                            {item.href && !lastActive ? (\n                                <Anchor href={item.href}>{item.title}</Anchor>\n                            ) : (\n                                item.title\n                            )}\n                        </div>\n                    </Fragment>\n                )\n            })}\n        </xyd-breadcrumbs>\n    )\n}\n","import {css} from \"@linaria/core\";\n\nexport const BreadcrumbsHost = css`\n    @layer defaults {\n        display: flex;\n        overflow: hidden;\n        margin-top: 0.375rem;\n        gap: 0.25rem;\n        align-items: center;\n        color: var(--xyd-breadcrumbs-color);\n        \n        [part=\"icon\"] {\n            shrink: 0;\n            width: 0.875rem;\n        }\n        \n        [part=\"item\"] {\n            white-space: nowrap;\n            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n            transition-duration: 300ms;\n        }\n        \n        [part=\"item\"][data-active=\"true\"] {\n            color: var(--xyd-breadcrumbs-color--active);\n            font-weight: bold;\n        }\n    }\n`;\n","import React from \"react\"\n\nimport * as cn from \"./NavLinks.styles\";\n\nexport interface NavLinksProps {\n    prev?: {\n        title: string\n        href: string\n    }\n    next?: {\n        title: string\n        href: string\n    }\n\n    as?: React.ElementType\n\n    className?: string\n}\n\nexport function NavLinks(\n    props: NavLinksProps\n) {\n    const Link = props.as || $Anchor\n\n    return (\n        <xyd-navlinks\n            className={`${cn.NavLinksHost} ${props.className || \"\"}`}\n        >\n            {props.prev ? (\n                <Link\n                    href={props.prev.href}\n                    title={props.prev.title}\n                    part=\"link\"\n                >\n                    <$ArrowLeftIcon part=\"icon\"/>\n                    {props.prev.title}\n                </Link>\n            ) : <div/>}\n            {props.next && (\n                <Link\n                    href={props.next.href}\n                    title={props.next.title}\n                    part=\"link\"\n                >\n                    {props.next.title}\n                    <$ArrowRightIcon part=\"icon\"/>\n                </Link>\n            )}\n        </xyd-navlinks>\n    )\n}\n\n\nfunction $Anchor({children, ...rest}) {\n    return <a {...rest}>\n        {children}\n    </a>\n}\n\n\nfunction $ArrowRightIcon(props: React.SVGProps<SVGSVGElement>) {\n    return <svg\n        width={15}\n        height={15}\n        viewBox=\"0 0 15 15\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n    >\n        <path\n            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\"\n            fill=\"currentColor\"\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n        />\n    </svg>\n}\n\nfunction $ArrowLeftIcon(props: React.SVGProps<SVGSVGElement>) {\n    return  <svg\n        width={15}\n        height={15}\n        viewBox=\"0 0 15 15\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n    >\n        <path\n            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\"\n            fill=\"currentColor\"\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n        />\n    </svg>\n}\n","import {css} from \"@linaria/core\";\n\nexport const NavLinksHost = css`\n    @layer defaults {\n        font-weight: var(--xyd-font-weight-semibold);\n        display: flex;\n        padding-top: 2rem;\n        margin-top: 2rem;\n        margin-bottom: 2rem;\n        justify-content: space-between;\n        align-items: center;\n        border-top-width: 1px;\n        border-color: var(--xyd-navlinks-border-color);\n\n        [part=\"link\"] {\n            display: flex;\n            gap: 8px;\n            align-items: center;\n            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n            transition-duration: 300ms;\n            max-width: 50%;\n        }\n\n        [part=\"icon\"] {\n            display: inline;\n            height: 1.25rem;\n            flex-shrink: 0;\n        }\n    }\n`;\n\n","import React from \"react\"\n\nimport * as cn from \"./Pre.styles\"\n\nexport interface PreProps {\n    children: React.ReactNode\n    className?: string\n}\n\nexport function Pre({ children, className }: PreProps) {\n    return <pre className={`${cn.PreHost} ${className || \"\"}`}>\n        {children}\n    </pre>\n}","import {css} from \"@linaria/core\";\n\nexport const PreHost = css`\n    @layer defaults {\n        margin-top: 0;\n        border-radius: 6px;\n        padding: 16px;\n        border: 0;\n\n        background-color: var(--xyd-pre-bgcolor);\n        overflow: auto;\n    }\n`;","import React from \"react\";\n\nimport cn from \"./TocCard.module.css\";\nimport { Icon } from \"writer\";\n\ninterface TocCardProps {\n    title: string;\n    description: string;\n    href: string;\n    className?: string;\n    icon?: string;\n    as?: React.ElementType;\n}\n\nexport function TocCard({ title, description, href, className, icon, as }: TocCardProps) {\n    const Link = as || $Link;\n\n    return <xyd-toccard\n        className={`${cn.TocCardHost} ${className || \"\"}`}\n    >\n        <div part=\"container\">\n            <Link\n                part=\"link\"\n                href={href}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                <div part=\"title-container\">\n                    <div part=\"title\">{title}</div>\n                    {icon && <Icon name={icon} size={16} />}\n                </div>\n                <div part=\"description\">\n                    {description}\n                </div>\n            </Link>\n        </div>\n    </xyd-toccard>\n}\n\nfunction $Link({ children, href, ...props }: React.ComponentProps<'a'>) {\n    return <a href={href} {...props}>{children}</a>\n}"],"names":["ArrowRightIcon","React","Anchor","_a","children","rest","__rest","createElement","Object","assign","Breadcrumbs","_ref","className","items","concat","map","item","index","lastActive","length","Fragment","key","href","title","part","NavLinks","props","Link","as","$Anchor","prev","$ArrowLeftIcon","next","$ArrowRightIcon","width","height","viewBox","fill","xmlns","d","fillRule","clipRule","Pre","TocCard","description","icon","$Link","cn","target","rel","Icon","name","size"],"mappings":"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"}

package/docs/.nojekyll

@@ -0,0 +1 @@
+TypeDoc added this file to prevent GitHub Pages from using Jekyll. You can turn off this behavior by setting the `githubPages` option to false.

package/docs/assets/hierarchy.js

@@ -0,0 +1 @@
+window.hierarchyData = "eJyrVirKzy8pVrKKjtVRKkpNy0lNLsnMzytWsqqurQUAmx4Kpg=="