@xyd-js/components 0.1.0-build.168

package/dist/writer.d.ts

@@ -0,0 +1,580 @@
+import React$1, { ReactElement } from 'react';
+import { Social } from '@xyd-js/core';
+
+declare const Anchor: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    newWindow?: boolean;
+    as?: React$1.ElementType;
+} & React$1.RefAttributes<HTMLAnchorElement>>;
+
+interface BadgeProps {
+    /**
+     * The class name of the badge.
+     */
+    className?: string;
+    /**
+     * The children of the badge.
+     */
+    children?: React$1.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$1.JSX.Element;
+
+interface BannerProps {
+    children: React$1.ReactNode;
+    kind?: "secondary";
+    label?: string;
+    href?: string;
+    icon?: React$1.ReactNode | string;
+    store?: number;
+}
+declare function Banner(props: BannerProps): React$1.JSX.Element | null;
+declare namespace Banner {
+    var Secondary: (props: BannerProps & {
+        onClose?: () => void;
+    }) => React$1.JSX.Element | null;
+}
+
+interface BlockquoteProps {
+    className?: string;
+    children: React$1.ReactNode;
+}
+declare function Blockquote({ className, children }: BlockquoteProps): React$1.JSX.Element;
+
+interface BreadcrumbsProps {
+    className?: string;
+    items: {
+        title: string;
+        href?: string;
+    }[];
+    as?: React$1.ElementType;
+}
+declare function Breadcrumbs({ className, items, as }: BreadcrumbsProps): ReactElement;
+
+interface ButtonProps {
+    children?: React$1.ReactNode;
+    kind?: "primary" | "secondary" | "tertiary" | undefined;
+    theme?: "ghost";
+    size?: "xs" | "sm" | "md" | "lg";
+    className?: string;
+    onClick?: () => void;
+    disabled?: boolean;
+    icon?: React$1.ReactElement | string;
+    iconPosition?: "left" | "right";
+    href?: string;
+}
+declare function Button({ children, kind, theme, size, className, onClick, disabled, icon, iconPosition, href }: ButtonProps): React$1.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$1.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$1.JSX.Element;
+
+interface CardProps {
+    title: string;
+    href?: string;
+    link?: React$1.ElementType;
+    description?: string;
+    btnText?: string;
+    imgSrc?: string;
+    imgAlt?: string;
+    logoSrc?: string;
+    logoAlt?: string;
+    shadow?: "md";
+}
+declare function Card(props: CardProps): React$1.JSX.Element;
+
+interface CodeProps {
+    className?: string;
+    children: React$1.ReactNode;
+}
+declare function Code({ className, children }: CodeProps): React$1.JSX.Element;
+
+declare function ColorSchemeButton(): React$1.JSX.Element;
+declare function useColorScheme(): ["dark" | "light" | null, () => void];
+
+/**
+ * Base interface for all Details component variants
+ */
+interface BaseDetailsProps {
+    /** Content to be displayed inside the details element */
+    children: React$1.ReactNode;
+    /** Label text displayed in the summary */
+    label: string;
+    /** Optional icon element to be displayed in the summary */
+    icon?: React$1.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$1.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$1.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$1 = 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$1): React$1.ReactElement;
+
+interface DetailsProps {
+    /** 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;
+    /**
+     * Which visual style to use.
+     * @default 'primary'
+     */
+    kind?: 'primary' | 'secondary' | 'tertiary';
+    /**
+     * Title text or element displayed in the summary.
+     * Required when `kind` is 'secondary' or 'tertiary'.
+     */
+    title?: React.ReactNode;
+}
+/**
+ * Props for the Details component
+ *
+ * @category Component
+ */
+declare function DetailsProps(props: DetailsProps): DetailsProps;
+
+/**
+ * Props for the GuideCard component
+ */
+interface GuideCardProps {
+    /** Content to be displayed in the card body */
+    children: React$1.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$1.ReactNode | string;
+    /** 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$1.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$1.JSX.Element;
+declare namespace GuideCard {
+    var Title: ({ children }: {
+        children: React$1.ReactNode;
+    }) => React$1.JSX.Element;
+    var List: ({ children }: {
+        children: React$1.ReactNode;
+    }) => React$1.JSX.Element;
+}
+
+/**
+ * Props for the Heading component
+ * @interface HeadingProps
+ */
+interface HeadingProps {
+    /** Content to be rendered inside the heading */
+    children: React$1.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$1.RefObject<HTMLHeadingElement>;
+    style?: React$1.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$1.JSX.Element;
+
+interface HrProps {
+}
+declare function Hr(): React$1.JSX.Element;
+
+declare const IconProvider: React$1.Context<{
+    iconSet: {};
+}>;
+interface IconProps {
+    name: string;
+    size?: number;
+    color?: string;
+}
+declare function Icon(props: IconProps): ReactElement | null;
+declare namespace Icon {
+    var ExternalArrow: () => React$1.JSX.Element;
+}
+
+interface IconSocialProps extends React$1.SVGProps<SVGSVGElement> {
+    kind: Social;
+}
+declare function IconSocial({ kind, ...props }: IconSocialProps): React$1.JSX.Element | null;
+declare namespace IconSocial {
+    var Twitter: (props: React$1.SVGProps<SVGSVGElement>) => React$1.JSX.Element;
+    var Facebook: (props: React$1.SVGProps<SVGSVGElement>) => React$1.JSX.Element;
+    var Youtube: (props: React$1.SVGProps<SVGSVGElement>) => React$1.JSX.Element;
+    var Discord: (props: React$1.SVGProps<SVGSVGElement>) => React$1.JSX.Element;
+    var Slack: (props: React$1.SVGProps<SVGSVGElement>) => React$1.JSX.Element;
+    var Github: (props: React$1.SVGProps<SVGSVGElement>) => React$1.JSX.Element;
+    var Linkedin: (props: React$1.SVGProps<SVGSVGElement>) => React$1.JSX.Element;
+    var Intagram: (props: React$1.SVGProps<SVGSVGElement>) => React$1.JSX.Element;
+    var HackerNews: (props: React$1.SVGProps<SVGSVGElement>) => React$1.JSX.Element;
+    var Medium: (props: React$1.SVGProps<SVGSVGElement>) => React$1.JSX.Element;
+    var Telegram: (props: React$1.SVGProps<SVGSVGElement>) => React$1.JSX.Element;
+    var Bluesky: (props: React$1.SVGProps<SVGSVGElement>) => React$1.JSX.Element;
+    var Reddit: (props: React$1.SVGProps<SVGSVGElement>) => React$1.JSX.Element;
+}
+
+interface ImageProps extends React$1.ImgHTMLAttributes<HTMLImageElement> {
+    src: string;
+    alt: string;
+    style?: React$1.CSSProperties;
+    caption?: string;
+}
+declare function Image(props: ImageProps): React$1.JSX.Element;
+
+interface ListProps {
+    children: React$1.ReactNode;
+}
+declare function List({ children }: ListProps): React$1.JSX.Element;
+declare namespace List {
+    var Item: typeof ListItem;
+}
+declare function ListOl({ children }: ListProps): React$1.JSX.Element;
+interface ListItemProps {
+    children: React$1.ReactNode;
+}
+declare function ListItem({ children }: ListItemProps): React$1.JSX.Element;
+
+interface NavLinksProps {
+    prev?: {
+        title: string;
+        href: string;
+    };
+    next?: {
+        title: string;
+        href: string;
+    };
+    as?: React$1.ElementType;
+    className?: string;
+}
+declare function NavLinks(props: NavLinksProps): React$1.JSX.Element;
+
+interface PreProps {
+    children: React$1.ReactNode;
+    className?: string;
+}
+declare function Pre({ children, className }: PreProps): React$1.JSX.Element;
+
+/**
+ * Props for the Steps component
+ */
+interface StepsProps {
+    /** Content to be rendered inside the steps list */
+    children: React$1.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$1.JSX.Element;
+declare namespace Steps {
+    var Item: ({ children, icon, title, className }: StepsItemProps) => React$1.JSX.Element;
+}
+/**
+ * Props for the Steps.Item component
+ */
+interface StepsItemProps {
+    /** Content to be rendered inside the step item */
+    children: React$1.ReactNode;
+    /** Optional icon to be displayed in the step item */
+    icon?: string | React$1.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$1.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$1.JSX.Element;
+declare namespace Table {
+    var Head: ({ children }: TableHeadProps) => React$1.JSX.Element;
+    var Th: ({ children, numeric }: TableThProps) => React$1.JSX.Element;
+    var Tr: ({ children }: TableTrProps) => React$1.JSX.Element;
+    var Body: ({ children }: TableBodyProps) => React$1.JSX.Element;
+    var Td: ({ children, numeric, muted }: TableTdProps) => React$1.JSX.Element;
+    var Cell: ({ children }: TableCellProps) => React$1.JSX.Element;
+}
+/**
+ * Props for the TableHead component
+ */
+interface TableHeadProps {
+    /** The content to be rendered inside the table header */
+    children: React$1.ReactNode;
+}
+/**
+ * Props for the TableTh component
+ */
+interface TableThProps {
+    /** The content to be rendered inside the table header cell */
+    children: React$1.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$1.ReactNode;
+}
+/**
+ * Props for the TableBody component
+ */
+interface TableBodyProps {
+    /** The content to be rendered inside the table body */
+    children: React$1.ReactNode;
+}
+/**
+ * Props for the TableTd component
+ */
+interface TableTdProps {
+    /** The content to be rendered inside the table cell */
+    children: React$1.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$1.ReactNode;
+}
+
+/**
+ * Props for the TabsPrimary component
+ */
+interface TabsPrimaryProps {
+    /** Child elements to be rendered within the navigation */
+    children: React$1.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$1.ReactNode;
+    className?: string;
+    onChange?: (value: string) => void;
+}
+
+interface TabsPropsCommon {
+    /** The kind of tabs to render. If not provided, the component will render the primary tabs. */
+    kind?: 'secondary' | null;
+}
+type TabsProps$1<T> = T & TabsPropsCommon;
+/**
+ * A component that renders a tabs component.
+ *
+ * @category Component
+ */
+declare function Tabs(props: TabsProps$1<TabsSecondaryProps | TabsPrimaryProps>): React$1.JSX.Element;
+declare namespace Tabs {
+    var Item: (props: any) => React$1.JSX.Element;
+    var Content: (props: any) => React$1.JSX.Element;
+}
+
+interface TabsProps {
+    /** The kind of tabs to render. If not provided, the component will render the primary tabs. */
+    kind?: 'secondary' | null;
+}
+/**
+ * Props for the Tabs component
+ *
+ * @category Component
+ */
+declare function TabsProps(props: TabsProps): TabsProps;
+
+/**
+ * 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$1.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$1.JSX.Element;
+
+interface TocCardProps {
+    title: string;
+    description: string;
+    href: string;
+    className?: string;
+    icon?: string;
+    as?: React$1.ElementType;
+}
+declare function TocCard({ title, description, href, className, icon, as }: TocCardProps): React$1.JSX.Element;
+
+interface UpdateProps {
+    children: React$1.ReactNode;
+    version: string;
+    date?: string;
+}
+declare function Update(props: UpdateProps): React$1.JSX.Element;
+
+declare function VideoGuide(): null;
+declare namespace VideoGuide {
+    var Miniature: (props: VideoGuideMiniatureProps) => React$1.JSX.Element;
+}
+interface VideoGuideMiniatureProps {
+    videoSrc?: string;
+    description?: string;
+    className?: string;
+}
+
+export { Anchor, Badge, Banner, Blockquote, Breadcrumbs, Button, Callout, Card, Code, ColorSchemeButton, Details, DetailsProps as DetailsPropsProps, GuideCard, Heading, Hr, Icon, IconProvider, IconSocial, Image, List, ListOl, NavLinks, Pre, Steps, Table, Tabs, TabsProps, Text, TocCard, Update, VideoGuide, useColorScheme };
+export type { BadgeProps, BannerProps, BlockquoteProps, BreadcrumbsProps, ButtonProps, CalloutProps, CodeProps, DetailsProps$1 as DetailsProps, HeadingProps, HrProps, IconSocialProps, NavLinksProps, PreProps, StepsProps };

package/dist/writer.js

@@ -0,0 +1,2 @@
+export{A as Anchor,B as Badge,c as Banner,G as GuideCard,H as Heading,I as IconSocial,L as List,a as ListOl,N as NavLinks,S as Steps,T as Table,b as Tabs,V as VideoGuide}from"./VideoGuide-DBY-EyxG.js";export{B as Blockquote,c as Breadcrumbs,a as Callout,d as Card,b as Code,C as ColorSchemeButton,D as Details,H as Hr,I as Image,U as Update,u as useColorScheme}from"./Update-CiMIOgZi.js";export{B as Button}from"./Button-BLA2ghHZ.js";import{I as e,a as r}from"./Icon--77MqplU.js";export{b as IconProvider}from"./Icon--77MqplU.js";import t from"react";export{T as Text}from"./TabsAnalytics-B_JYpawG.js";import"./useUXEvents-CJtgGV4R.js";import"./_rollupPluginBabelHelpers-CvhQFv1t.js";import"radix-ui";import"lucide-react";import"./useUXClick-NwpsiuK9.js";import"openux-js";function s(e){return e}function o(e){var a=e.children,r=e.className;return t.createElement("pre",{className:"".concat("p1vb39qj"," ").concat(r||"")},a)}function n(e){return e}var i="TocCard-module_TocCardHost__pT0XJ";function l(a){var r=a.title,s=a.description,o=a.href,n=a.className,c=a.icon,l=a.as||m;return t.createElement("xyd-toccard",{className:"".concat(i," ").concat(n||"")},t.createElement("div",{part:"container"},t.createElement(l,{part:"link",href:o,target:"_blank",rel:"noreferrer"},t.createElement("div",{part:"title-container"},t.createElement("div",{part:"title"},r),c&&t.createElement(e,{name:c,size:16})),t.createElement("div",{part:"description"},s))))}function m(e){var a=e.children,s=e.href,o=r(e,["children","href"]);return t.createElement("a",Object.assign({href:s},o),a)}export{s as DetailsPropsProps,e as Icon,o as Pre,n as TabsProps,l as TocCard};
+//# sourceMappingURL=writer.js.map

package/dist/writer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"writer.js","sources":["../src/writer/Details/DetailsProps.tsx","../src/writer/Pre/Pre.tsx","../src/writer/Pre/Pre.styles.tsx","../src/writer/Tabs/TabsProps.tsx","../src/writer/TocCard/TocCard.tsx"],"sourcesContent":["export interface DetailsProps {\n    /** Content to be displayed inside the details element */\n    children: React.ReactNode;\n\n    /** Label text displayed in the summary */\n    label: string;\n\n    /** Optional icon element to be displayed in the summary */\n    icon?: React.ReactElement;\n\n    /** Optional CSS class name for custom styling */\n    className?: string;\n\n    /**\n     * Which visual style to use.\n     * @default 'primary'\n     */\n    kind?: 'primary' | 'secondary' | 'tertiary';\n\n    /**\n     * Title text or element displayed in the summary.\n     * Required when `kind` is 'secondary' or 'tertiary'.\n     */\n    title?: React.ReactNode;\n}\n\n/**\n * Props for the Details component\n * \n * @category Component\n */\nexport function DetailsProps(props: DetailsProps) {\n    return props\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`;","export interface TabsProps {\n    /** The kind of tabs to render. If not provided, the component will render the primary tabs. */\n    kind?: 'secondary' | null\n}\n\n/**\n * Props for the Tabs component\n * \n * @category Component\n */\nexport function TabsProps(props: TabsProps) {\n    return props\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":["DetailsProps","props","Pre","_ref","children","className","React","createElement","concat","TabsProps","TocCard","title","description","href","icon","Link","as","$Link","cn","part","target","rel","Icon","name","size","_a","__rest","Object","assign"],"mappings":"qwBA+BM,SAAUA,EAAaC,GACzB,OAAOA,CACX,UCxBgBC,EAAGC,GAAkC,IAA/BC,EAAQD,EAARC,SAAUC,EAASF,EAATE,UAC5B,OAAOC,EAAAC,cAAA,MAAA,CAAKF,UAAS,GAAAG,OCRL,WDQoB,KAAAA,OAAIH,GAAa,KAChDD,EAET,CEHM,SAAUK,EAAUR,GACtB,OAAOA,CACX,2CCEM,SAAUS,EAAOP,GAAgE,IAA7DQ,EAAKR,EAALQ,MAAOC,EAAWT,EAAXS,YAAaC,EAAIV,EAAJU,KAAMR,EAASF,EAATE,UAAWS,EAAIX,EAAJW,KACrDC,EAD6DZ,EAAFa,IAC9CC,EAEnB,OAAOX,EAAAC,cAAA,cAAA,CACHF,UAAS,GAAAG,OAAKU,EAAc,KAAAV,OAAIH,GAAa,KAE7CC,EAAAC,cAAA,MAAA,CAAKY,KAAK,aACNb,EAAAC,cAACQ,EAAI,CACDI,KAAK,OACLN,KAAMA,EACNO,OAAO,SACPC,IAAI,cAEJf,EAAAC,cAAA,MAAA,CAAKY,KAAK,mBACNb,EAAAC,cAAA,MAAA,CAAKY,KAAK,SAASR,GAClBG,GAAQR,EAAAC,cAACe,EAAI,CAACC,KAAMT,EAAMU,KAAM,MAErClB,EAAAC,cAAA,MAAA,CAAKY,KAAK,eACLP,KAKrB,CAEA,SAASK,EAAMQ,OAAErB,EAAcqB,EAAdrB,SAAUS,EAAIY,EAAJZ,KAASZ,EAAKyB,EAAAD,EAA1B,qBACX,OAAOnB,EAAAC,cAAA,IAAAoB,OAAAC,OAAA,CAAGf,KAAMA,GAAUZ,GAAQG,EACtC"}

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=="

package/docs/assets/highlight.css

@@ -0,0 +1,22 @@
+:root {
+    --light-code-background: #FFFFFF;
+    --dark-code-background: #1E1E1E;
+}
+
+@media (prefers-color-scheme: light) { :root {
+    --code-background: var(--light-code-background);
+} }
+
+@media (prefers-color-scheme: dark) { :root {
+    --code-background: var(--dark-code-background);
+} }
+
+:root[data-theme='light'] {
+    --code-background: var(--light-code-background);
+}
+
+:root[data-theme='dark'] {
+    --code-background: var(--dark-code-background);
+}
+
+pre, code { background: var(--code-background); }

package/docs/assets/icons.js

@@ -0,0 +1,18 @@
+(function() {
+    addIcons();
+    function addIcons() {
+        if (document.readyState === "loading") return document.addEventListener("DOMContentLoaded", addIcons);
+        const svg = document.body.appendChild(document.createElementNS("http://www.w3.org/2000/svg", "svg"));
+        svg.innerHTML = `<g id="icon-1" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-module)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">M</text></g><g id="icon-2" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-module)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">M</text></g><g id="icon-4" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-namespace)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">N</text></g><g id="icon-8" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-enum)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">E</text></g><g id="icon-16" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-property)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">P</text></g><g id="icon-32" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-variable)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">V</text></g><g id="icon-64" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">F</text></g><g id="icon-128" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-class)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">C</text></g><g id="icon-256" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-interface)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">I</text></g><g id="icon-512" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-constructor)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">C</text></g><g id="icon-1024" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-property)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">P</text></g><g id="icon-2048" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-method)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">M</text></g><g id="icon-4096" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">F</text></g><g id="icon-8192" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-property)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">P</text></g><g id="icon-16384" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-constructor)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">C</text></g><g id="icon-32768" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-property)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">P</text></g><g id="icon-65536" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-type-alias)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">T</text></g><g id="icon-131072" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-type-alias)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">T</text></g><g id="icon-262144" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-accessor)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">A</text></g><g id="icon-524288" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-accessor)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">A</text></g><g id="icon-1048576" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-accessor)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">A</text></g><g id="icon-2097152" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-type-alias)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">T</text></g><g id="icon-4194304" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-reference)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12"></rect><text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">R</text></g><g id="icon-8388608" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-document)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><g stroke="var(--color-icon-text)" fill="none" stroke-width="1.5"><polygon points="6,5 6,19 18,19, 18,10 13,5"></polygon><line x1="9" y1="9" x2="13" y2="9"></line><line x1="9" y1="12" x2="15" y2="12"></line><line x1="9" y1="15" x2="15" y2="15"></line></g></g><g id="icon-folder" class="tsd-no-select"><rect fill="var(--color-icon-background)" stroke="var(--color-document)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6"></rect><g stroke="var(--color-icon-text)" fill="none" stroke-width="1.5"><polygon points="5,5 10,5 12,8 19,8 19,18 5,18"></polygon></g></g><g id="icon-chevronDown" class="tsd-no-select"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-icon-text)"></path></g><g id="icon-chevronSmall" class="tsd-no-select"><path d="M1.5 5.50969L8 11.6609L14.5 5.50969L12.5466 3.66086L8 7.96494L3.45341 3.66086L1.5 5.50969Z" fill="var(--color-icon-text)"></path></g><g id="icon-checkbox" class="tsd-no-select"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></g><g id="icon-menu" class="tsd-no-select"><rect x="1" y="3" width="14" height="2" fill="var(--color-icon-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-icon-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-icon-text)"></rect></g><g id="icon-search" class="tsd-no-select"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-icon-text)"></path></g><g id="icon-anchor" class="tsd-no-select"><g stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></g></g><g id="icon-alertNote" class="tsd-no-select"><path fill="var(--color-alert-note)" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13ZM6.5 7.75A.75.75 0 0 1 7.25 7h1a.75.75 0 0 1 .75.75v2.75h.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5h.25v-2h-.25a.75.75 0 0 1-.75-.75ZM8 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path></g><g id="icon-alertTip" class="tsd-no-select"><path fill="var(--color-alert-tip)" d="M8 1.5c-2.363 0-4 1.69-4 3.75 0 .984.424 1.625.984 2.304l.214.253c.223.264.47.556.673.848.284.411.537.896.621 1.49a.75.75 0 0 1-1.484.211c-.04-.282-.163-.547-.37-.847a8.456 8.456 0 0 0-.542-.68c-.084-.1-.173-.205-.268-.32C3.201 7.75 2.5 6.766 2.5 5.25 2.5 2.31 4.863 0 8 0s5.5 2.31 5.5 5.25c0 1.516-.701 2.5-1.328 3.259-.095.115-.184.22-.268.319-.207.245-.383.453-.541.681-.208.3-.33.565-.37.847a.751.751 0 0 1-1.485-.212c.084-.593.337-1.078.621-1.489.203-.292.45-.584.673-.848.075-.088.147-.173.213-.253.561-.679.985-1.32.985-2.304 0-2.06-1.637-3.75-4-3.75ZM5.75 12h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM6 15.25a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1-.75-.75Z"></path></g><g id="icon-alertImportant" class="tsd-no-select"><path fill="var(--color-alert-important)" d="M0 1.75C0 .784.784 0 1.75 0h12.5C15.216 0 16 .784 16 1.75v9.5A1.75 1.75 0 0 1 14.25 13H8.06l-2.573 2.573A1.458 1.458 0 0 1 3 14.543V13H1.75A1.75 1.75 0 0 1 0 11.25Zm1.75-.25a.25.25 0 0 0-.25.25v9.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h6.5a.25.25 0 0 0 .25-.25v-9.5a.25.25 0 0 0-.25-.25Zm7 2.25v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path></g><g id="icon-alertWarning" class="tsd-no-select"><path fill="var(--color-alert-warning)" d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path></g><g id="icon-alertCaution" class="tsd-no-select"><path fill="var(--color-alert-caution)" d="M4.47.22A.749.749 0 0 1 5 0h6c.199 0 .389.079.53.22l4.25 4.25c.141.14.22.331.22.53v6a.749.749 0 0 1-.22.53l-4.25 4.25A.749.749 0 0 1 11 16H5a.749.749 0 0 1-.53-.22L.22 11.53A.749.749 0 0 1 0 11V5c0-.199.079-.389.22-.53Zm.84 1.28L1.5 5.31v5.38l3.81 3.81h5.38l3.81-3.81V5.31L10.69 1.5ZM8 4a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path></g>`;
+        svg.style.display = "none";
+        if (location.protocol === "file:") updateUseElements();
+    }
+
+    function updateUseElements() {
+        document.querySelectorAll("use").forEach(el => {
+            if (el.getAttribute("href").includes("#icon-")) {
+                el.setAttribute("href", el.getAttribute("href").replace(/.*#/, "#"));
+            }
+        });
+    }
+})()