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

package/dist/Update-C-w0Og8S.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Update-C-w0Og8S.js","sources":["../src/writer/Badge/Badge.tsx","../src/writer/Badge/Badge.styles.tsx","../src/writer/Blockquote/Blockquote.tsx","../src/writer/Blockquote/Blockquote.styles.tsx","../src/writer/Callout/Callout.tsx","../src/writer/Callout/Callout.styles.tsx","../src/writer/Card/Card.tsx","../src/writer/Card/Card.styles.tsx","../src/writer/Code/Code.tsx","../src/writer/Code/Code.styles.tsx","../src/writer/ColorSchemeButton/ColorSchemeButton.tsx","../src/writer/Details/Details.tsx","../src/writer/Details/Details.styles.tsx","../src/writer/Heading/Heading.tsx","../src/writer/Heading/Heading.styles.tsx","../src/writer/Hr/Hr.tsx","../src/writer/Hr/Hr.styles.tsx","../src/writer/Image/Image.tsx","../src/writer/Image/Image.styles.tsx","../src/writer/Update/Update.tsx","../src/writer/Update/Update.styles.tsx"],"sourcesContent":["import React from \"react\"\n\nimport * as cn from \"./Badge.styles\";\n\nexport interface BadgeProps {\n    /**\n     * The class name of the badge.\n     */\n    className?: string;\n\n    /**\n     * The children of the badge.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * The size of the badge.\n     */\n    size?: \"sm\" | \"xs\"\n\n    /**\n     * The kind of the badge.\n     */\n    kind?: \"warning\" | \"info\" | \"default\"\n}\n\n/**\n * Badge component is used to display a badge.\n * \n * @group Components\n */\nexport function Badge({\n    className,\n    children,\n    size = \"sm\",\n    kind = \"default\"\n}: BadgeProps) {\n    return <xyd-badge\n        className={`${cn.BadgeHost} ${className || ''}`}\n        data-size={size}\n        data-kind={kind}\n    >\n        <span part=\"child\">\n            {children}\n        </span>\n    </xyd-badge>\n}\n","import {css} from \"@linaria/core\";\n\nexport const BadgeHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        \n        /* Size variants */\n        &[data-size=\"xs\"] {\n            height: 15px;\n            padding: 6px;\n            gap: 3px;\n            border-radius: 6px;\n            font-size: var(--xyd-font-size-xsmall);\n        }\n\n        &[data-size=\"sm\"] {\n            height: 18px;\n            padding: 10px;\n            gap: 3px;\n            border-radius: 6px;\n            font-size: var(--xyd-font-size-xsmall);\n        }\n        \n        /* Kind variants */\n        &[data-kind=\"default\"] {\n            color: var(--xyd-badge-color--default);\n            background-color: var(--xyd-badge-bgcolor--default);\n        }\n        &[data-kind=\"warning\"] {\n            color: var(--xyd-badge-color--warning);\n            background-color: var(--xyd-badge-bgcolor--warning);\n        }\n        &[data-kind=\"info\"] {\n            color: var(--xyd-badge-color--info);\n            background-color: var(--xyd-badge-bgcolor--info);\n        }\n\n        [part=\"child\"] {\n            position: relative;\n        }\n    }\n`;\n\n","import React from \"react\"\n\nimport * as cn from \"./Blockquote.styles\";\n\nexport interface BlockquoteProps {\n    className?: string;\n    children: React.ReactNode;\n}\n\nexport function Blockquote({ className, children }: BlockquoteProps) {\n    return <blockquote\n        className={`${cn.BlockquoteHost} ${className || ''}`}\n    >\n        {children}\n    </blockquote>\n}","import {css} from \"@linaria/core\";\n\nexport const BlockquoteHost = css`\n    @layer defaults {\n        color: rgb(55 65 81 / 1);\n        font-style: italic;\n        border-color: rgb(209 213 219 / 1);\n        margin: 0;\n    }\n`;","import React from \"react\"\n\nimport * as cn from \"./Callout.styles\";\n\n/**\n * Props for the Callout component\n */\nexport interface CalloutProps {\n    /** Additional CSS class name to be applied to the callout */\n    className?: string;\n    \n    /** Content to be displayed inside the callout */\n    children: React.ReactNode;\n}\n\n/**\n * A Callout component that displays important information or notices in a visually distinct way.\n * It includes an info icon and a message area for content.\n * \n * @category Component\n */\nexport function Callout({ className, children }: CalloutProps) {\n    return <xyd-callout\n        className={`${cn.CalloutHost} ${className || ''}`}\n    >\n        <div part=\"icon\">\n            <$IconInfo />\n        </div>\n        <div part=\"message\">\n            <div part=\"message-body\">\n                {children}\n            </div>\n        </div>\n    </xyd-callout>\n}\n\nfunction $IconInfo() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"1em\"\n        height=\"1em\"\n        fill=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n    >\n        <path d=\"M13 12a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm-1-2.5A1.25 1.25 0 1 0 12 7a1.25 1.25 0 0 0 0 2.5Z\" />\n        <path\n            fillRule=\"evenodd\"\n            d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z\"\n            clipRule=\"evenodd\"\n        />\n    </svg>\n}\n","import {css} from \"@linaria/core\";\n\nexport const CalloutHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        position: relative;\n        width: 100%;\n        min-width: 275px;\n        padding: 8px 12px;\n        border-radius: 8px;\n        text-align: center;\n        border: 1px solid var(--xyd-callout-border-color);\n        background-color: var(--xyd-callout-bgcolor);\n        \n        code {\n            background: var(--white);\n        }\n        \n        [part=\"icon\"] {\n            display: inline-flex;\n            margin-right: 14px;\n            flex: 0 0 auto;\n            align-self: flex-start;\n            color: var(--xyd-callout-icon-color);\n            margin-top: 2px;\n        }\n        \n        [part=\"message\"] {\n            color: var(--xyd-callout-message-color);\n            text-align: left;\n            flex: 1 1 auto;\n        }\n        \n        [part=\"message-body\"] {\n        }\n        \n    }\n`;\n","import React from \"react\"\n\nimport { Button } from \"../Button\"\nimport { Text } from \"../Text\"\n\nimport * as cn from \"./Card.styles\"\n\ninterface CardProps {\n    title: string\n    href?: string\n    link?: React.ElementType\n\n    description?: string\n\n    imgSrc?: string\n    imgAlt?: string\n\n    shadow?: \"md\"\n}\n\nexport function Card(props: CardProps) {\n    const {\n        title,\n        description,\n        imgSrc,\n        imgAlt,\n        shadow,\n        href,\n        link,\n    } = props\n\n    const Link = link\n\n    return <xyd-card\n        data-shadow={shadow || undefined}\n        className={cn.CardHost}\n    >\n        {imgSrc && (\n            <div part=\"image-container\">\n                <div part=\"bg\">\n                    <img src={imgSrc} alt={imgAlt} />\n                </div>\n            </div>\n        )}\n\n        <div part=\"body\">\n            <div part=\"header\">\n                {Link && href ?\n                    <Text weight=\"bold\">\n                        <Link href={href}>\n                            {title}\n                        </Link>\n                    </Text>\n                    : <Text weight=\"bold\">\n                        {title}\n                    </Text>}\n                <Button size=\"sm\" kind=\"secondary\">\n                    Source\n                </Button>\n            </div>\n            <div part=\"description\">\n                <Text size=\"small\">\n                    {description}\n                </Text>\n            </div>\n        </div>\n    </xyd-card>\n}\n\n","import { css } from \"@linaria/core\"\n\nexport const CardHost = css`\n    background-color: var(--xyd-card-bgcolor);\n    border-radius: 8px;\n    box-shadow: 0 1px 2px 0 var(--xyd-card-shadow-color);\n    flex-direction: column;\n    display: flex;\n    overflow: hidden;\n\n    &[data-shadow=\"md\"] {\n        box-shadow: 0 5px 40px var(--xyd-card-shadow-color);\n    }\n\n    [part=\"image-container\"] {\n        border-bottom: 2px solid var(--xyd-card-border-color);\n        height: 200px;\n        overflow: hidden;\n        position: relative;\n\n        [part=\"bg\"] {\n            background-size: cover;\n            background-repeat: no-repeat;\n            position: relative;\n            height: 100%;\n        }\n\n        img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            margin-bottom: -4px;\n        }\n    }\n\n    [part=\"body\"] {\n        padding: 16px;\n\n        [part=\"header\"] {\n            margin-right: 4px;\n            align-items: center;\n            justify-content: space-between;\n            margin-bottom: 12px;\n            display: flex;\n        }\n    }\n`","import React from \"react\"\n\nimport * as cn from \"./Code.styles\";\n\nexport interface CodeProps {\n    className?: string;\n    children: React.ReactNode;\n}\n\nexport function Code({ className, children }: CodeProps) {\n    return <code className={`${cn.CodeHost} ${className || ''}`}>\n        <span part=\"content\">\n            {children}\n        </span>\n    </code>\n}","import {css} from \"@linaria/core\";\n\nexport const CodeHost = css`\n    @layer defaults {\n        display: inline-block;\n        padding: 0 .3em;\n        border-radius: 6px;\n        margin: 0 3px;\n        border: .5px solid var(--xyd-code-border-color);\n        background: var(--xyd-code-bgcolor);\n        \n        & [part=\"content\"] {\n            position: relative;\n        }\n    }\n`;","import React, { useEffect, useState } from \"react\";\n\nimport { Button } from \"../Button\";\n\nexport function ColorSchemeButton() {\n    const [currentScheme, changeColorScheme] = useColorScheme() as [string, () => void]\n\n    return <Button\n        size=\"sm\"\n        theme=\"ghost\"\n        icon={currentScheme === \"dark\" ? <IconDarkMode /> : <IconLightMode />}\n        onClick={changeColorScheme}\n    />\n}\n\nexport function useColorScheme() {\n    const [currentScheme, setCurrentScheme] = useState<string>('light')\n\n    // TODO: context \n    useEffect(() => {\n        const updateScheme = () => {\n            const html = document.querySelector(\"html\");\n            if (html) {\n                const scheme = html.getAttribute(\"data-color-scheme\") || \"os\";\n                if (scheme === \"os\") {\n                    const preferred = getPreferredColorScheme();\n                    setCurrentScheme(preferred || \"light\");\n                } else {\n                    setCurrentScheme(scheme);\n                }\n            }\n        };\n\n        updateScheme();\n\n        // Listen for changes to the color scheme\n        const observer = new MutationObserver(updateScheme);\n        const html = document.querySelector(\"html\");\n        if (html) {\n            observer.observe(html, { attributes: true, attributeFilter: ['data-color-scheme'] });\n        }\n\n        return () => observer.disconnect();\n    }, []);\n\n    function changeColorScheme() {\n        let colorScheme = \"\"\n\n        const preferredColorScheme = getPreferredColorScheme()\n        if (preferredColorScheme) {\n            colorScheme = preferredColorScheme === \"dark\" ? \"light\" : \"dark\"\n        }\n\n        const html = document.querySelector(\"html\");\n        if (!html) return;\n\n        const currentScheme = html.getAttribute(\"data-color-scheme\");\n        if (currentScheme && currentScheme !== \"os\") {\n            colorScheme = currentScheme === \"dark\" ? \"light\" : \"dark\";\n        }\n        if (!colorScheme) {\n            colorScheme = \"light\"\n        }\n\n        html.setAttribute(\"data-color-scheme\", colorScheme);\n        localStorage.setItem(\"xyd-color-scheme\", colorScheme);\n    }\n\n    return [currentScheme, changeColorScheme]\n}\n\nfunction getPreferredColorScheme() {\n    if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n        return 'dark';\n    }\n\n    if (window.matchMedia('(prefers-color-scheme: light)').matches) {\n        return 'light';\n    }\n\n    return null\n}\n\n\nfunction IconLightMode() {\n    return <svg\n        width={16}\n        height={16}\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <g clipPath=\"url(#clip0_2880_7340)\">\n            <path\n                d=\"M8 1.11133V2.00022\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M12.8711 3.12891L12.2427 3.75735\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M14.8889 8H14\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M12.8711 12.8711L12.2427 12.2427\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M8 14.8889V14\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M3.12891 12.8711L3.75735 12.2427\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M1.11133 8H2.00022\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M3.12891 3.12891L3.75735 3.75735\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M8.00043 11.7782C10.0868 11.7782 11.7782 10.0868 11.7782 8.00043C11.7782 5.91402 10.0868 4.22266 8.00043 4.22266C5.91402 4.22266 4.22266 5.91402 4.22266 8.00043C4.22266 10.0868 5.91402 11.7782 8.00043 11.7782Z\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </g>\n        <defs>\n            <clipPath id=\"clip0_2880_7340\">\n                <rect width={16} height={16} fill=\"white\" />\n            </clipPath>\n        </defs>\n    </svg>\n}\n\nfunction IconDarkMode() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={16}\n        height={16}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={2}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n    >\n        <path d=\"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z\" />\n    </svg>\n}\n","import React from \"react\"\n\nimport * as cn from \"./Details.styles\";\n\n/**\n * Base interface for all Details component variants\n */\nexport interface BaseDetailsProps {\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/**\n * Props for the tertiary variant of the Details component\n */\nexport interface TertiaryDetailsProps extends BaseDetailsProps {\n    /** Specifies the tertiary variant */\n    kind: \"tertiary\";\n\n    /** Title text or element displayed in the summary */\n    title: string | React.ReactNode;\n}\n\n/**\n * Props for the secondary variant of the Details component\n */\nexport interface SecondaryDetailsProps extends BaseDetailsProps {\n    /** Specifies the secondary variant */\n    kind: \"secondary\";\n\n    /** Title text or element displayed in the summary */\n    title: string | React.ReactNode;\n}\n\n/**\n * Props for the primary variant of the Details component\n */\nexport interface PrimaryDetailsProps extends BaseDetailsProps {\n    /** Specifies the primary variant (default) */\n    kind?: \"primary\";\n}\n\n/** Union type of all possible Details component variants */\nexport type DetailsProps = PrimaryDetailsProps | SecondaryDetailsProps | TertiaryDetailsProps\n\n/**\n * A collapsible details component that supports three variants: primary, secondary, and tertiary.\n * Each variant has a different visual style and structure.\n * \n * @param props - The component props\n * @returns A details element with collapsible content\n * \n * @category Component\n */\nexport function Details(props: DetailsProps): React.ReactElement {\n    const { children, label } = props;\n\n    let title\n\n    const isDeepKind = [\"secondary\", \"tertiary\"].includes(props.kind || \"\");\n\n    if (isDeepKind && \"title\" in props) {\n        title = props.title;\n    }\n\n    const kind = props.kind || \"primary\";\n\n    return <details\n        part=\"details\"\n        className={`${cn.DetailsHost} ${props.className || \"\"}`}\n        data-kind={props.kind}\n    >\n        <summary part=\"summary\">\n            {kind === \"primary\" && (\n                <>\n                    {props.icon || <$Icon />}\n                    <div part=\"summary-deep-label\">\n                        {label}\n                    </div>\n                </>\n            )}\n\n            {isDeepKind && (\n                <div>\n                    <div part=\"summary-deep\">\n                        {props.icon || <$IconDeep />}\n                        <div part=\"summary-deep-text\">\n                            {title}\n                        </div>\n                    </div>\n                    <div part=\"summary-deep-label\">\n                        {label}\n                    </div>\n                </div> \n            )}\n            {isDeepKind && <$Icon />}\n        </summary>\n\n        <div part=\"content\">\n            {children}\n        </div>\n    </details>\n}\n\nfunction $Icon() {\n    return <div part=\"icon\">\n        <svg\n            // TODO: bad solution\n            data-icon=\"true\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"1em\"\n            height=\"1em\"\n            fill=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n        >\n            <path\n                fillRule=\"evenodd\"\n                d=\"M8.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L14.586 12 8.293 5.707a1 1 0 0 1 0-1.414Z\"\n                clipRule=\"evenodd\"\n            />\n        </svg>\n    </div>\n}\n\nfunction $IconDeep() {\n    return <svg\n        width=\"1em\"\n        height=\"1em\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"none\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <g clipPath=\"url(#clip0_1689_2180)\">\n            <path\n                d=\"M4.3 4.3L7.1 7.1M10.6 5.7V1.5M14.8 7.8L17.6 5M5.7 11.3H1.5M7.1 14.8L4.3 17.6M15.5 22.5L9.9 9.9L22.5 14.8L16.9 16.2L15.5 22.5Z\"\n                stroke=\"black\"\n                strokeWidth={2}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </g>\n        <defs>\n            <clipPath id=\"clip0_1689_2180\">\n                <rect width={24} height={24} fill=\"white\" />\n            </clipPath>\n        </defs>\n    </svg>\n}\n\n","import { css } from \"@linaria/core\";\n\nexport const DetailsHost = css`\n    @layer defaults {\n        border-top: 1px solid var(--xyd-details-border-color);\n    \n        &[data-kind=\"secondary\"], &[data-kind=\"tertiary\"] {\n            background-color:  var(--xyd-details-bgcolor--secondary);\n            border: 1px solid var(--xyd-details-border-color);\n            border-radius: 8px;\n        }\n\n        &[open] [part=\"summary\"] svg[data-icon=\"true\"] { \n            transform: rotate(90deg);\n        }\n\n        [part=\"summary\"] {\n            padding: 16px 14px 16px 0;\n            cursor: pointer;\n            font-weight: var(--xyd-font-weight-medium);\n            font-variant-numeric: tabular-nums;\n            transition: color 0.3s;\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: flex-start;\n            list-style: none;\n\n            &:hover {\n                color: var(--xyd-details-summary-color--active);\n            }\n        }\n\n        &[data-kind=\"tertiary\"] [part=\"summary\"]{\n            padding: 10px 24px;\n        }\n        &[data-kind=\"secondary\"],\n        &[data-kind=\"tertiary\"] {\n            [part=\"summary\"] {\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                cursor: pointer;\n                padding: 20px 24px;\n            }\n        }\n\n        [part=\"summary-deep\"] {\n            display: flex;\n            align-items: center;\n            margin-bottom: 8px;\n        }\n\n        [part=\"summary-deep-text\"] {\n            color: var(--xyd-details-summary-color);\n            text-transform: none;\n            letter-spacing: .08em;\n            margin-left: 8px;\n            font-weight: var(--xyd-font-weight-bold);\n\n            code {\n                background: var(--xyd-details-summary-code-bgcolor);\n            }\n        }\n\n        [part=\"summary-deep-label\"] {\n            flex: 1 1 auto;\n        }\n\n        // TODO: after migration to web-components should be removed cuz 'part=\"content\"' can be also in another element as child\n        & > [part=\"content\"] { \n            padding: 0 24px 20px;\n        }\n        &[data-kind=\"tertiary\"] > [part=\"content\"] {\n            background-color: var(--xyd-details-content-bgcolor);\n            padding-top: 20px;\n\n            code {\n                background: var(--xyd-details-content-bgcolor);\n            }\n        }\n\n        [part=\"icon\"] {\n            flex: 0 0 auto;\n            font-size: var(--xyd-font-size-medium);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding-right: 6px;\n        }\n    }\n`;\n\n","import React, { } from \"react\"\n\nimport * as cn from \"./Heading.styles\";\nimport { Badge } from \"writer\";\n\n/**\n * Props for the Heading component\n * @interface HeadingProps\n */\nexport interface HeadingProps {\n    /** Content to be rendered inside the heading */\n    children: React.ReactNode\n\n    /** The size of the heading (1-6, corresponding to h1-h6) */\n    size: 1 | 2 | 3 | 4 | 5 | 6\n\n    /** Optional HTML element to render as (div or span) */\n    as?: \"div\" | \"span\"\n\n    /** Optional ID for the heading element */\n    id?: string\n\n    /** Optional visual style variant */\n    kind?: \"muted\"\n\n    /** Optional click handler */\n    onClick?: () => void\n\n    /** Optional additional CSS class name */\n    className?: string\n\n    /** Optional active state */\n    active?: boolean\n\n    /** Optional label for the heading */\n    label?: string\n\n    /** Optional subtitle for the heading */\n    subtitle?: string\n\n    /** Optional to hide the anchor icon */\n    noanchor?: boolean\n\n    /** Optional ref for the heading element */\n    ref?: React.RefObject<HTMLHeadingElement>\n\n    style?: React.CSSProperties\n}\n\n/**\n * A flexible heading component that can render as any heading level (h1-h6) or as a div/span\n * \n * @category Component\n */\nexport function Heading(props: HeadingProps) {\n    const {\n        children,\n        size = 1,\n        as,\n        id,\n        onClick,\n        className,\n        kind,\n        active,\n        label,\n        subtitle,\n        noanchor,\n        ref,\n        style,\n    } = props\n    let HeadingComponent = as ? as : `h${size}` as \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"\n\n    return <>\n        <HeadingComponent\n            style={style || undefined}\n            className={` ${cn.HeadingHost}  ${className || ''}`}\n            data-size={size}\n            data-kind={kind}\n            data-has-label={String(label ? \"true\" : \"false\")}\n            data-noanchor={String(noanchor || \"false\")}\n            data-active={String(active || \"false\")}\n            onClick={noanchor ? undefined : onClick}\n            id={id}\n            ref={ref}\n        >\n            {children}\n\n            {label && <Badge size=\"sm\">{label}</Badge>}\n\n            {id && !noanchor && <$Anchor />}\n        </HeadingComponent>\n\n        {\n            subtitle ? <Heading\n                {...props}\n                size={4}\n                kind=\"muted\"\n                subtitle={undefined} \n                label={undefined}\n            >\n                {subtitle}\n            </Heading> : null\n        }\n    </>\n}\n\nfunction $Anchor() {\n    return <svg\n        part=\"icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={15}\n        height={15}\n        fill=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n        role=\"presentation\"\n    >\n        <path\n            fillRule=\"evenodd\"\n            d=\"M18.293 5.707a4.657 4.657 0 0 0-6.586 0l-1 1a1 1 0 1 1-1.414-1.414l1-1a6.657 6.657 0 1 1 9.414 9.414l-1 1a1 1 0 0 1-1.414-1.414l1-1a4.657 4.657 0 0 0 0-6.586Zm-2.586 2.586a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414l6-6a1 1 0 0 1 1.414 0Zm-9 1a1 1 0 0 1 0 1.414l-1 1a4.657 4.657 0 0 0 6.586 6.586l1-1a1 1 0 0 1 1.414 1.414l-1 1a6.657 6.657 0 1 1-9.414-9.414l1-1a1 1 0 0 1 1.414 0Z\"\n            clipRule=\"evenodd\"\n        />\n    </svg>\n}","import { css } from \"@linaria/core\";\n\nexport const HeadingHost = css`\n    @layer defaults {\n        color: var(--xyd-heading-color);\n        line-height: var(--xyd-line-height-xlarge);\n        font-weight: var(--xyd-font-weight-semibold);\n\n        position: relative;\n        display: table;\n        margin: 0;\n        padding: 0 24px 0 0;\n        scroll-margin-top: 30px;\n        cursor: default;\n\n        &[id] {\n            cursor: pointer;\n        }\n        &[data-noanchor=\"true\"] {\n            cursor: default;\n        }\n\n        &[data-has-label=\"true\"] {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n\n            xyd-badge {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n                letter-spacing: 2px;\n            }\n        }\n\n        &:hover {\n            svg {\n                opacity: 1;\n            }\n        }\n\n        &[data-kind=\"muted\"] {\n            color: var(--xyd-heading-color--muted);\n            cursor: default;\n            font-weight: var(--xyd-font-weight-medium);\n        }\n\n        &[data-size=\"1\"] {\n            font-size: var(--xyd-font-size-2xl);\n            line-height: var(--xyd-line-height-2xl);\n        }\n\n        &[data-size=\"2\"] {\n            font-size: var(--xyd-font-size-xxlarge);\n            line-height: var(--xyd-line-height-xxlarge);\n        }\n\n        &[data-size=\"3\"] {\n            font-size: var(--xyd-font-size-xlarge);\n            line-height: var(--xyd-line-height-xlarge);\n        }\n\n        &[data-size=\"4\"] {\n            font-size: var(--xyd-font-size-large);\n            line-height: var(--xyd-line-height-large);\n        }\n\n        &[data-size=\"5\"] {\n            font-size: var(--xyd-font-size-medium);\n            line-height: var(--xyd-line-height-medium);\n        }\n\n        &[data-size=\"6\"] {\n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n        }\n\n        [part=\"icon\"] {\n            position: absolute;\n            top: 50%;\n            right: 0;\n            margin-top: -6px;\n            opacity: 0;\n            color: var(--xyd-heading-icon-color);\n            transition: opacity .15s ease;\n        }\n        &[data-active=\"true\"] {\n            [part=\"icon\"] {\n                opacity: 1;\n            }\n        }\n    }\n`;\n\n","import React from \"react\"\n\nimport * as cn from \"./Hr.styles\";\n\nexport interface HrProps {\n}\n\nexport function Hr() {\n    return <hr part=\"hr\" className={cn.HrHost}/>\n}","import {css} from \"@linaria/core\";\n\nexport const HrHost = css`\n    @layer defaults {\n        border: 0.5px solid var(--xyd-hr-border-color);\n    }\n`;","\n\nimport React from 'react';\n\nimport * as cn from \"./Image.styles\"\n\nexport interface ImageProps {\n    src: string\n    alt: string\n    style?: React.CSSProperties\n}\n\nexport function Image(props: ImageProps) {\n    return <img\n        src={props.src}\n        alt={props.alt}\n        className={cn.ImageHost}\n    />\n}","import { css } from \"@linaria/core\"\n\nexport const ImageHost = css`\n    @layer defaults {\n        width: 100%;\n        border-radius: 16px;\n        box-shadow: 0 2px 16px rgba(0,0,0,0.06);\n    }\n`;","import React from 'react';\n\nimport { Badge } from '../Badge';\nimport { Text } from '../Text';\n\nimport * as cn from \"./Update.styles\"\n\ninterface UpdateProps {\n    children: React.ReactNode\n\n    version: string\n\n    date?: string\n}\n\nexport function Update(props: UpdateProps) {\n    const { date, version, children } = props;\n    return (\n        <xyd-update className={cn.UpdateHost}>\n            <div part=\"meta\">\n                {date && <div part=\"date\">\n                    <Badge>\n                        {date}\n                    </Badge>\n                </div>}\n                <div part=\"version\">\n                    <Text size=\"small\">\n                        {version}\n                    </Text>\n                </div>\n            </div>\n            <div part=\"content-container\">\n                <div part=\"content\">{children}</div>\n            </div>\n        </xyd-update>\n    );\n}\n","import { css } from \"@linaria/core\"\n\nexport const UpdateHost = css`\n    @layer defaults {\n        gap: 24px;\n        flex-direction: row;\n        padding-top: 32px;\n        padding-bottom: 32px;\n        align-items: flex-start;\n        width: 100%;\n        display: flex;\n        position: relative;\n\n        [part=\"meta\"] {\n            width: 160px;\n            position: sticky;\n            justify-content: flex-start;\n            align-items: flex-start;\n            flex-direction: column;\n            flex-shrink: 0;\n            display: flex;\n            gap: 10px;\n        }\n\n        [part=\"content-container\"] {\n            padding-left: 2px;\n            padding-right: 2px;\n            overflow: hidden;\n            flex: 1 1 0%;\n            max-width: 100%;\n        }\n    }\n`;"],"names":["Badge","_ref","className","children","_ref$size","size","_ref$kind","kind","React","createElement","concat","part","Blockquote","Callout","$IconInfo","xmlns","width","height","fill","viewBox","d","fillRule","clipRule","Card","props","title","description","imgSrc","imgAlt","shadow","href","Link","link","undefined","src","alt","Text","weight","Button","Code","ColorSchemeButton","_useColorScheme","useColorScheme","_useColorScheme2","_slicedToArray","currentScheme","changeColorScheme","theme","icon","IconDarkMode","IconLightMode","onClick","_useState","useState","_useState2","setCurrentScheme","useEffect","updateScheme","html","document","querySelector","scheme","getAttribute","preferred","getPreferredColorScheme","observer","MutationObserver","observe","attributes","attributeFilter","disconnect","colorScheme","preferredColorScheme","setAttribute","localStorage","setItem","window","matchMedia","matches","stroke","clipPath","strokeWidth","strokeLinecap","strokeLinejoin","id","Details","label","isDeepKind","includes","Fragment","$Icon","$IconDeep","Heading","_props$size","as","active","subtitle","noanchor","ref","style","HeadingComponent","String","$Anchor","Object","assign","role","Hr","Image","Update","date","version"],"mappings":"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"}

package/dist/Update-CRZyUhwE.js

@@ -1,2 +0,0 @@
-import e,{useState as t,useEffect as r}from"react";import{B as a}from"./VideoGuide-DkMriANN.js";import{T as n}from"./Text-DGY59P42.js";import{a as l}from"./_rollupPluginBabelHelpers-IZwOU41g.js";import"./tslib.es6-BeaYjpg4.js";import"./Icon-C822nO1R.js";function c(t){var r=t.className,a=t.children,n=t.size,l=void 0===n?"sm":n,c=t.kind,i=void 0===c?"default":c;return e.createElement("xyd-badge",{className:"".concat("butvd2b"," ").concat(r||""),"data-size":l,"data-kind":i},e.createElement("span",{part:"child"},a))}function i(t){var r=t.className,a=t.children;return e.createElement("blockquote",{className:"".concat("b1wifk81"," ").concat(r||"")},a)}function o(t){var r=t.className,a=t.children;return e.createElement("xyd-callout",{className:"".concat("chnegou"," ").concat(r||"")},e.createElement("div",{part:"icon"},e.createElement(s,null)),e.createElement("div",{part:"message"},e.createElement("div",{part:"message-body"},a)))}function s(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24"},e.createElement("path",{d:"M13 12a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm-1-2.5A1.25 1.25 0 1 0 12 7a1.25 1.25 0 0 0 0 2.5Z"}),e.createElement("path",{fillRule:"evenodd",d:"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z",clipRule:"evenodd"}))}function d(t){var r=t.title,l=t.description,c=t.imgSrc,i=t.imgAlt,o=t.shadow,s=t.href,d=t.link;return e.createElement("xyd-card",{"data-shadow":o||void 0,className:"c1vswvqd"},c&&e.createElement("div",{part:"image-container"},e.createElement("div",{part:"bg"},e.createElement("img",{src:c,alt:i}))),e.createElement("div",{part:"body"},e.createElement("div",{part:"header"},d&&s?e.createElement(n,{weight:"bold"},e.createElement(d,{href:s},r)):e.createElement(n,{weight:"bold"},r),e.createElement(a,{size:"sm",kind:"secondary"},"Source")),e.createElement("div",{part:"description"},e.createElement(n,{size:"small"},l))))}function m(t){var r=t.className,a=t.children;return e.createElement("code",{className:"".concat("c1w59zdn"," ").concat(r||"")},e.createElement("span",{part:"content"},a))}function u(){var t=h(),r=l(t,2),n=r[0],c=r[1];return e.createElement(a,{size:"sm",theme:"ghost",icon:"dark"===n?e.createElement(E,null):e.createElement(v,null),onClick:c})}function h(){var e=t("light"),a=l(e,2),n=a[0],c=a[1];return r(function(){var e=function(){var e=document.querySelector("html");if(e){var t=e.getAttribute("data-color-scheme")||"os";if("os"===t){var r=p();c(r||"light")}else c(t)}};e();var t=new MutationObserver(e),r=document.querySelector("html");return r&&t.observe(r,{attributes:!0,attributeFilter:["data-color-scheme"]}),function(){return t.disconnect()}},[]),[n,function(){var e="",t=p();t&&(e="dark"===t?"light":"dark");var r=document.querySelector("html");if(r){var a=r.getAttribute("data-color-scheme");a&&"os"!==a&&(e="dark"===a?"light":"dark"),e||(e="light"),r.setAttribute("data-color-scheme",e),localStorage.setItem("xyd-color-scheme",e)}}]}function p(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":window.matchMedia("(prefers-color-scheme: light)").matches?"light":null}function v(){return e.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{clipPath:"url(#clip0_2880_7340)"},e.createElement("path",{d:"M8 1.11133V2.00022",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M12.8711 3.12891L12.2427 3.75735",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M14.8889 8H14",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M12.8711 12.8711L12.2427 12.2427",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M8 14.8889V14",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M3.12891 12.8711L3.75735 12.2427",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M1.11133 8H2.00022",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M3.12891 3.12891L3.75735 3.75735",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M8.00043 11.7782C10.0868 11.7782 11.7782 10.0868 11.7782 8.00043C11.7782 5.91402 10.0868 4.22266 8.00043 4.22266C5.91402 4.22266 4.22266 5.91402 4.22266 8.00043C4.22266 10.0868 5.91402 11.7782 8.00043 11.7782Z",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_2880_7340"},e.createElement("rect",{width:16,height:16,fill:"white"}))))}function E(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"},e.createElement("path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"}))}function k(t){var r,a=t.children,n=t.label,l=["secondary","tertiary"].includes(t.kind||"");l&&"title"in t&&(r=t.title);var c=t.kind||"primary";return e.createElement("details",{part:"details",className:"".concat("dwmojve"," ").concat(t.className||""),"data-kind":t.kind},e.createElement("summary",{part:"summary"},"primary"===c&&e.createElement(e.Fragment,null,t.icon||e.createElement(g,null),e.createElement("div",{part:"summary-deep-label"},n)),l&&e.createElement("div",null,e.createElement("div",{part:"summary-deep"},t.icon||e.createElement(f,null),e.createElement("div",{part:"summary-deep-text"},r)),e.createElement("div",{part:"summary-deep-label"},n)),l&&e.createElement(g,null)),e.createElement("div",{part:"content"},a))}function g(){return e.createElement("div",{part:"icon"},e.createElement("svg",{"data-icon":"true",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24"},e.createElement("path",{fillRule:"evenodd",d:"M8.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L14.586 12 8.293 5.707a1 1 0 0 1 0-1.414Z",clipRule:"evenodd"})))}function f(){return e.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",stroke:"none",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{clipPath:"url(#clip0_1689_2180)"},e.createElement("path",{d:"M4.3 4.3L7.1 7.1M10.6 5.7V1.5M14.8 7.8L17.6 5M5.7 11.3H1.5M7.1 14.8L4.3 17.6M15.5 22.5L9.9 9.9L22.5 14.8L16.9 16.2L15.5 22.5Z",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_1689_2180"},e.createElement("rect",{width:24,height:24,fill:"white"}))))}function w(t){var r=t.children,a=t.size,n=void 0===a?1:a,l=t.as,i=t.id,o=t.onClick,s=t.className,d=t.kind,m=t.active,u=t.label,h=t.subtitle,p=t.noanchor,v=t.ref,E=t.style,k=l||"h".concat(n);return e.createElement(e.Fragment,null,e.createElement(k,{style:E||void 0,className:" ".concat("h1tn40xd","  ").concat(s||""),"data-size":n,"data-kind":d,"data-has-label":String(u?"true":"false"),"data-noanchor":String(p||"false"),"data-active":String(m||"false"),onClick:p?void 0:o,id:i,ref:v},r,u&&e.createElement(c,{size:"sm"},u),i&&!p&&e.createElement(L,null)),h?e.createElement(w,Object.assign({},t,{size:4,kind:"muted",subtitle:void 0,label:void 0}),h):null)}function L(){return e.createElement("svg",{part:"icon",xmlns:"http://www.w3.org/2000/svg",width:15,height:15,fill:"currentColor",viewBox:"0 0 24 24",role:"presentation"},e.createElement("path",{fillRule:"evenodd",d:"M18.293 5.707a4.657 4.657 0 0 0-6.586 0l-1 1a1 1 0 1 1-1.414-1.414l1-1a6.657 6.657 0 1 1 9.414 9.414l-1 1a1 1 0 0 1-1.414-1.414l1-1a4.657 4.657 0 0 0 0-6.586Zm-2.586 2.586a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414l6-6a1 1 0 0 1 1.414 0Zm-9 1a1 1 0 0 1 0 1.414l-1 1a4.657 4.657 0 0 0 6.586 6.586l1-1a1 1 0 0 1 1.414 1.414l-1 1a6.657 6.657 0 1 1-9.414-9.414l1-1a1 1 0 0 1 1.414 0Z",clipRule:"evenodd"}))}function b(){return e.createElement("hr",{part:"hr",className:"h1ej4n95"})}function M(t){return e.createElement("img",{src:t.src,alt:t.alt,className:"iz14jlg"})}function y(t){var r=t.date,a=t.version,l=t.children;return e.createElement("xyd-update",{className:"u1465cfe"},e.createElement("div",{part:"meta"},r&&e.createElement("div",{part:"date"},e.createElement(c,null,r)),e.createElement("div",{part:"version"},e.createElement(n,{size:"small"},a))),e.createElement("div",{part:"content-container"},e.createElement("div",{part:"content"},l)))}export{i as B,m as C,k as D,b as H,M as I,y as U,u as a,c as b,o as c,w as d,d as e,h as u};
-//# sourceMappingURL=Update-CRZyUhwE.js.map

package/dist/Update-CRZyUhwE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Update-CRZyUhwE.js","sources":["../src/writer/Badge/Badge.tsx","../src/writer/Badge/Badge.styles.tsx","../src/writer/Blockquote/Blockquote.tsx","../src/writer/Blockquote/Blockquote.styles.tsx","../src/writer/Callout/Callout.tsx","../src/writer/Callout/Callout.styles.tsx","../src/writer/Card/Card.tsx","../src/writer/Card/Card.styles.tsx","../src/writer/Code/Code.tsx","../src/writer/Code/Code.styles.tsx","../src/writer/ColorSchemeButton/ColorSchemeButton.tsx","../src/writer/Details/Details.tsx","../src/writer/Details/Details.styles.tsx","../src/writer/Heading/Heading.tsx","../src/writer/Heading/Heading.styles.tsx","../src/writer/Hr/Hr.tsx","../src/writer/Hr/Hr.styles.tsx","../src/writer/Image/Image.tsx","../src/writer/Image/Image.styles.tsx","../src/writer/Update/Update.tsx","../src/writer/Update/Update.styles.tsx"],"sourcesContent":["import React from \"react\"\n\nimport * as cn from \"./Badge.styles\";\n\nexport interface BadgeProps {\n    /**\n     * The class name of the badge.\n     */\n    className?: string;\n\n    /**\n     * The children of the badge.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * The size of the badge.\n     */\n    size?: \"sm\" | \"xs\"\n\n    /**\n     * The kind of the badge.\n     */\n    kind?: \"warning\" | \"info\" | \"default\"\n}\n\n/**\n * Badge component is used to display a badge.\n * \n * @group Components\n */\nexport function Badge({\n    className,\n    children,\n    size = \"sm\",\n    kind = \"default\"\n}: BadgeProps) {\n    return <xyd-badge\n        className={`${cn.BadgeHost} ${className || ''}`}\n        data-size={size}\n        data-kind={kind}\n    >\n        <span part=\"child\">\n            {children}\n        </span>\n    </xyd-badge>\n}\n","import {css} from \"@linaria/core\";\n\nexport const BadgeHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        \n        /* Size variants */\n        &[data-size=\"xs\"] {\n            height: 15px;\n            padding: 6px;\n            gap: 3px;\n            border-radius: 6px;\n            font-size: var(--xyd-font-size-xsmall);\n        }\n\n        &[data-size=\"sm\"] {\n            height: 18px;\n            padding: 10px;\n            gap: 3px;\n            border-radius: 6px;\n            font-size: var(--xyd-font-size-xsmall);\n        }\n        \n        /* Kind variants */\n        &[data-kind=\"default\"] {\n            color: var(--xyd-badge-color--default);\n            background-color: var(--xyd-badge-bgcolor--default);\n        }\n        &[data-kind=\"warning\"] {\n            color: var(--xyd-badge-color--warning);\n            background-color: var(--xyd-badge-bgcolor--warning);\n        }\n        &[data-kind=\"info\"] {\n            color: var(--xyd-badge-color--info);\n            background-color: var(--xyd-badge-bgcolor--info);\n        }\n\n        [part=\"child\"] {\n            position: relative;\n        }\n    }\n`;\n\n","import React from \"react\"\n\nimport * as cn from \"./Blockquote.styles\";\n\nexport interface BlockquoteProps {\n    className?: string;\n    children: React.ReactNode;\n}\n\nexport function Blockquote({ className, children }: BlockquoteProps) {\n    return <blockquote\n        className={`${cn.BlockquoteHost} ${className || ''}`}\n    >\n        {children}\n    </blockquote>\n}","import {css} from \"@linaria/core\";\n\nexport const BlockquoteHost = css`\n    @layer defaults {\n        color: rgb(55 65 81 / 1);\n        font-style: italic;\n        border-color: rgb(209 213 219 / 1);\n        margin: 0;\n    }\n`;","import React from \"react\"\n\nimport * as cn from \"./Callout.styles\";\n\n/**\n * Props for the Callout component\n */\nexport interface CalloutProps {\n    /** Additional CSS class name to be applied to the callout */\n    className?: string;\n    \n    /** Content to be displayed inside the callout */\n    children: React.ReactNode;\n}\n\n/**\n * A Callout component that displays important information or notices in a visually distinct way.\n * It includes an info icon and a message area for content.\n * \n * @category Component\n */\nexport function Callout({ className, children }: CalloutProps) {\n    return <xyd-callout\n        className={`${cn.CalloutHost} ${className || ''}`}\n    >\n        <div part=\"icon\">\n            <$IconInfo />\n        </div>\n        <div part=\"message\">\n            <div part=\"message-body\">\n                {children}\n            </div>\n        </div>\n    </xyd-callout>\n}\n\nfunction $IconInfo() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"1em\"\n        height=\"1em\"\n        fill=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n    >\n        <path d=\"M13 12a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm-1-2.5A1.25 1.25 0 1 0 12 7a1.25 1.25 0 0 0 0 2.5Z\" />\n        <path\n            fillRule=\"evenodd\"\n            d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z\"\n            clipRule=\"evenodd\"\n        />\n    </svg>\n}\n","import {css} from \"@linaria/core\";\n\nexport const CalloutHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        position: relative;\n        width: 100%;\n        min-width: 275px;\n        padding: 8px 12px;\n        border-radius: 8px;\n        text-align: center;\n        border: 1px solid var(--xyd-callout-border-color);\n        background-color: var(--xyd-callout-bgcolor);\n        \n        code {\n            background: var(--white);\n        }\n        \n        [part=\"icon\"] {\n            display: inline-flex;\n            margin-right: 14px;\n            flex: 0 0 auto;\n            align-self: flex-start;\n            color: var(--xyd-callout-icon-color);\n            margin-top: 2px;\n        }\n        \n        [part=\"message\"] {\n            color: var(--xyd-callout-message-color);\n            text-align: left;\n            flex: 1 1 auto;\n        }\n        \n        [part=\"message-body\"] {\n        }\n        \n    }\n`;\n","import React from \"react\"\n\nimport { Button } from \"../Button\"\nimport { Text } from \"../Text\"\n\nimport * as cn from \"./Card.styles\"\n\ninterface CardProps {\n    title: string\n    href?: string\n    link?: React.ElementType\n\n    description?: string\n\n    imgSrc?: string\n    imgAlt?: string\n\n    shadow?: \"md\"\n}\n\nexport function Card(props: CardProps) {\n    const {\n        title,\n        description,\n        imgSrc,\n        imgAlt,\n        shadow,\n        href,\n        link,\n    } = props\n\n    const Link = link\n\n    return <xyd-card\n        data-shadow={shadow || undefined}\n        className={cn.CardHost}\n    >\n        {imgSrc && (\n            <div part=\"image-container\">\n                <div part=\"bg\">\n                    <img src={imgSrc} alt={imgAlt} />\n                </div>\n            </div>\n        )}\n\n        <div part=\"body\">\n            <div part=\"header\">\n                {Link && href ?\n                    <Text weight=\"bold\">\n                        <Link href={href}>\n                            {title}\n                        </Link>\n                    </Text>\n                    : <Text weight=\"bold\">\n                        {title}\n                    </Text>}\n                <Button size=\"sm\" kind=\"secondary\">\n                    Source\n                </Button>\n            </div>\n            <div part=\"description\">\n                <Text size=\"small\">\n                    {description}\n                </Text>\n            </div>\n        </div>\n    </xyd-card>\n}\n\n","import { css } from \"@linaria/core\"\n\nexport const CardHost = css`\n    background-color: var(--xyd-card-bgcolor);\n    border-radius: 8px;\n    box-shadow: 0 1px 2px 0 var(--xyd-card-shadow-color);\n    flex-direction: column;\n    display: flex;\n    overflow: hidden;\n\n    &[data-shadow=\"md\"] {\n        box-shadow: 0 5px 40px var(--xyd-card-shadow-color);\n    }\n\n    [part=\"image-container\"] {\n        border-bottom: 2px solid var(--xyd-card-border-color);\n        height: 200px;\n        overflow: hidden;\n        position: relative;\n\n        [part=\"bg\"] {\n            background-size: cover;\n            background-repeat: no-repeat;\n            position: relative;\n            height: 100%;\n        }\n\n        img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            margin-bottom: -4px;\n        }\n    }\n\n    [part=\"body\"] {\n        padding: 16px;\n\n        [part=\"header\"] {\n            margin-right: 4px;\n            align-items: center;\n            justify-content: space-between;\n            margin-bottom: 12px;\n            display: flex;\n        }\n    }\n`","import React from \"react\"\n\nimport * as cn from \"./Code.styles\";\n\nexport interface CodeProps {\n    className?: string;\n    children: React.ReactNode;\n}\n\nexport function Code({ className, children }: CodeProps) {\n    return <code className={`${cn.CodeHost} ${className || ''}`}>\n        <span part=\"content\">\n            {children}\n        </span>\n    </code>\n}","import {css} from \"@linaria/core\";\n\nexport const CodeHost = css`\n    @layer defaults {\n        display: inline-block;\n        padding: 0 .3em;\n        border-radius: 6px;\n        margin: 0 3px;\n        border: .5px solid var(--xyd-code-border-color);\n        background: var(--xyd-code-bgcolor);\n        \n        & [part=\"content\"] {\n            position: relative;\n        }\n    }\n`;","import React, { useEffect, useState } from \"react\";\n\nimport { Button } from \"../Button\";\n\nexport function ColorSchemeButton() {\n    const [currentScheme, changeColorScheme] = useColorScheme() as [string, () => void]\n\n    return <Button\n        size=\"sm\"\n        theme=\"ghost\"\n        icon={currentScheme === \"dark\" ? <IconDarkMode /> : <IconLightMode />}\n        onClick={changeColorScheme}\n    />\n}\n\nexport function useColorScheme() {\n    const [currentScheme, setCurrentScheme] = useState<string>('light')\n\n    // TODO: context \n    useEffect(() => {\n        const updateScheme = () => {\n            const html = document.querySelector(\"html\");\n            if (html) {\n                const scheme = html.getAttribute(\"data-color-scheme\") || \"os\";\n                if (scheme === \"os\") {\n                    const preferred = getPreferredColorScheme();\n                    setCurrentScheme(preferred || \"light\");\n                } else {\n                    setCurrentScheme(scheme);\n                }\n            }\n        };\n\n        updateScheme();\n\n        // Listen for changes to the color scheme\n        const observer = new MutationObserver(updateScheme);\n        const html = document.querySelector(\"html\");\n        if (html) {\n            observer.observe(html, { attributes: true, attributeFilter: ['data-color-scheme'] });\n        }\n\n        return () => observer.disconnect();\n    }, []);\n\n    function changeColorScheme() {\n        let colorScheme = \"\"\n\n        const preferredColorScheme = getPreferredColorScheme()\n        if (preferredColorScheme) {\n            colorScheme = preferredColorScheme === \"dark\" ? \"light\" : \"dark\"\n        }\n\n        const html = document.querySelector(\"html\");\n        if (!html) return;\n\n        const currentScheme = html.getAttribute(\"data-color-scheme\");\n        if (currentScheme && currentScheme !== \"os\") {\n            colorScheme = currentScheme === \"dark\" ? \"light\" : \"dark\";\n        }\n        if (!colorScheme) {\n            colorScheme = \"light\"\n        }\n\n        html.setAttribute(\"data-color-scheme\", colorScheme);\n        localStorage.setItem(\"xyd-color-scheme\", colorScheme);\n    }\n\n    return [currentScheme, changeColorScheme]\n}\n\nfunction getPreferredColorScheme() {\n    if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n        return 'dark';\n    }\n\n    if (window.matchMedia('(prefers-color-scheme: light)').matches) {\n        return 'light';\n    }\n\n    return null\n}\n\n\nfunction IconLightMode() {\n    return <svg\n        width={16}\n        height={16}\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <g clipPath=\"url(#clip0_2880_7340)\">\n            <path\n                d=\"M8 1.11133V2.00022\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M12.8711 3.12891L12.2427 3.75735\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M14.8889 8H14\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M12.8711 12.8711L12.2427 12.2427\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M8 14.8889V14\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M3.12891 12.8711L3.75735 12.2427\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M1.11133 8H2.00022\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M3.12891 3.12891L3.75735 3.75735\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M8.00043 11.7782C10.0868 11.7782 11.7782 10.0868 11.7782 8.00043C11.7782 5.91402 10.0868 4.22266 8.00043 4.22266C5.91402 4.22266 4.22266 5.91402 4.22266 8.00043C4.22266 10.0868 5.91402 11.7782 8.00043 11.7782Z\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </g>\n        <defs>\n            <clipPath id=\"clip0_2880_7340\">\n                <rect width={16} height={16} fill=\"white\" />\n            </clipPath>\n        </defs>\n    </svg>\n}\n\nfunction IconDarkMode() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={16}\n        height={16}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={2}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n    >\n        <path d=\"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z\" />\n    </svg>\n}\n","import React from \"react\"\n\nimport * as cn from \"./Details.styles\";\n\n/**\n * Base interface for all Details component variants\n */\nexport interface BaseDetailsProps {\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/**\n * Props for the tertiary variant of the Details component\n */\nexport interface TertiaryDetailsProps extends BaseDetailsProps {\n    /** Specifies the tertiary variant */\n    kind: \"tertiary\";\n\n    /** Title text or element displayed in the summary */\n    title: string | React.ReactNode;\n}\n\n/**\n * Props for the secondary variant of the Details component\n */\nexport interface SecondaryDetailsProps extends BaseDetailsProps {\n    /** Specifies the secondary variant */\n    kind: \"secondary\";\n\n    /** Title text or element displayed in the summary */\n    title: string | React.ReactNode;\n}\n\n/**\n * Props for the primary variant of the Details component\n */\nexport interface PrimaryDetailsProps extends BaseDetailsProps {\n    /** Specifies the primary variant (default) */\n    kind?: \"primary\";\n}\n\n/** Union type of all possible Details component variants */\nexport type DetailsProps = PrimaryDetailsProps | SecondaryDetailsProps | TertiaryDetailsProps\n\n/**\n * A collapsible details component that supports three variants: primary, secondary, and tertiary.\n * Each variant has a different visual style and structure.\n * \n * @param props - The component props\n * @returns A details element with collapsible content\n * \n * @category Component\n */\nexport function Details(props: DetailsProps): React.ReactElement {\n    const { children, label } = props;\n\n    let title\n\n    const isDeepKind = [\"secondary\", \"tertiary\"].includes(props.kind || \"\");\n\n    if (isDeepKind && \"title\" in props) {\n        title = props.title;\n    }\n\n    const kind = props.kind || \"primary\";\n\n    return <details\n        part=\"details\"\n        className={`${cn.DetailsHost} ${props.className || \"\"}`}\n        data-kind={props.kind}\n    >\n        <summary part=\"summary\">\n            {kind === \"primary\" && (\n                <>\n                    {props.icon || <$Icon />}\n                    <div part=\"summary-deep-label\">\n                        {label}\n                    </div>\n                </>\n            )}\n\n            {isDeepKind && (\n                <div>\n                    <div part=\"summary-deep\">\n                        {props.icon || <$IconDeep />}\n                        <div part=\"summary-deep-text\">\n                            {title}\n                        </div>\n                    </div>\n                    <div part=\"summary-deep-label\">\n                        {label}\n                    </div>\n                </div> \n            )}\n            {isDeepKind && <$Icon />}\n        </summary>\n\n        <div part=\"content\">\n            {children}\n        </div>\n    </details>\n}\n\nfunction $Icon() {\n    return <div part=\"icon\">\n        <svg\n            // TODO: bad solution\n            data-icon=\"true\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"1em\"\n            height=\"1em\"\n            fill=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n        >\n            <path\n                fillRule=\"evenodd\"\n                d=\"M8.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L14.586 12 8.293 5.707a1 1 0 0 1 0-1.414Z\"\n                clipRule=\"evenodd\"\n            />\n        </svg>\n    </div>\n}\n\nfunction $IconDeep() {\n    return <svg\n        width=\"1em\"\n        height=\"1em\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"none\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <g clipPath=\"url(#clip0_1689_2180)\">\n            <path\n                d=\"M4.3 4.3L7.1 7.1M10.6 5.7V1.5M14.8 7.8L17.6 5M5.7 11.3H1.5M7.1 14.8L4.3 17.6M15.5 22.5L9.9 9.9L22.5 14.8L16.9 16.2L15.5 22.5Z\"\n                stroke=\"black\"\n                strokeWidth={2}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </g>\n        <defs>\n            <clipPath id=\"clip0_1689_2180\">\n                <rect width={24} height={24} fill=\"white\" />\n            </clipPath>\n        </defs>\n    </svg>\n}\n\n","import { css } from \"@linaria/core\";\n\nexport const DetailsHost = css`\n    @layer defaults {\n        border-top: 1px solid var(--xyd-details-border-color);\n    \n        &[data-kind=\"secondary\"], &[data-kind=\"tertiary\"] {\n            background-color:  var(--xyd-details-bgcolor--secondary);\n            border: 1px solid var(--xyd-details-border-color);\n            border-radius: 8px;\n        }\n\n        &[open] [part=\"summary\"] svg[data-icon=\"true\"] { \n            transform: rotate(90deg);\n        }\n\n        [part=\"summary\"] {\n            padding: 16px 14px 16px 0;\n            cursor: pointer;\n            font-weight: var(--xyd-font-weight-medium);\n            font-variant-numeric: tabular-nums;\n            transition: color 0.3s;\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: flex-start;\n            list-style: none;\n\n            &:hover {\n                color: var(--xyd-details-summary-color--active);\n            }\n        }\n\n        &[data-kind=\"tertiary\"] [part=\"summary\"]{\n            padding: 10px 24px;\n        }\n        &[data-kind=\"secondary\"],\n        &[data-kind=\"tertiary\"] {\n            [part=\"summary\"] {\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                cursor: pointer;\n                padding: 20px 24px;\n            }\n        }\n\n        [part=\"summary-deep\"] {\n            display: flex;\n            align-items: center;\n            margin-bottom: 8px;\n        }\n\n        [part=\"summary-deep-text\"] {\n            color: var(--xyd-details-summary-color);\n            text-transform: none;\n            letter-spacing: .08em;\n            margin-left: 8px;\n            font-weight: var(--xyd-font-weight-bold);\n\n            code {\n                background: var(--xyd-details-summary-code-bgcolor);\n            }\n        }\n\n        [part=\"summary-deep-label\"] {\n            flex: 1 1 auto;\n        }\n\n        // TODO: after migration to web-components should be removed cuz 'part=\"content\"' can be also in another element as child\n        & > [part=\"content\"] { \n            padding: 0 24px 20px;\n        }\n        &[data-kind=\"tertiary\"] > [part=\"content\"] {\n            background-color: var(--xyd-details-content-bgcolor);\n            padding-top: 20px;\n\n            code {\n                background: var(--xyd-details-content-bgcolor);\n            }\n        }\n\n        [part=\"icon\"] {\n            flex: 0 0 auto;\n            font-size: var(--xyd-font-size-medium);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding-right: 6px;\n        }\n    }\n`;\n\n","import React, { } from \"react\"\n\nimport * as cn from \"./Heading.styles\";\nimport { Badge } from \"writer\";\n\n/**\n * Props for the Heading component\n * @interface HeadingProps\n */\nexport interface HeadingProps {\n    /** Content to be rendered inside the heading */\n    children: React.ReactNode\n\n    /** The size of the heading (1-6, corresponding to h1-h6) */\n    size: 1 | 2 | 3 | 4 | 5 | 6\n\n    /** Optional HTML element to render as (div or span) */\n    as?: \"div\" | \"span\"\n\n    /** Optional ID for the heading element */\n    id?: string\n\n    /** Optional visual style variant */\n    kind?: \"muted\"\n\n    /** Optional click handler */\n    onClick?: () => void\n\n    /** Optional additional CSS class name */\n    className?: string\n\n    /** Optional active state */\n    active?: boolean\n\n    /** Optional label for the heading */\n    label?: string\n\n    /** Optional subtitle for the heading */\n    subtitle?: string\n\n    /** Optional to hide the anchor icon */\n    noanchor?: boolean\n\n    /** Optional ref for the heading element */\n    ref?: React.RefObject<HTMLHeadingElement>\n\n    style?: React.CSSProperties\n}\n\n/**\n * A flexible heading component that can render as any heading level (h1-h6) or as a div/span\n * \n * @category Component\n */\nexport function Heading(props: HeadingProps) {\n    const {\n        children,\n        size = 1,\n        as,\n        id,\n        onClick,\n        className,\n        kind,\n        active,\n        label,\n        subtitle,\n        noanchor,\n        ref,\n        style,\n    } = props\n    let HeadingComponent = as ? as : `h${size}` as \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"\n\n    return <>\n        <HeadingComponent\n            style={style || undefined}\n            className={` ${cn.HeadingHost}  ${className || ''}`}\n            data-size={size}\n            data-kind={kind}\n            data-has-label={String(label ? \"true\" : \"false\")}\n            data-noanchor={String(noanchor || \"false\")}\n            data-active={String(active || \"false\")}\n            onClick={noanchor ? undefined : onClick}\n            id={id}\n            ref={ref}\n        >\n            {children}\n\n            {label && <Badge size=\"sm\">{label}</Badge>}\n\n            {id && !noanchor && <$Anchor />}\n        </HeadingComponent>\n\n        {\n            subtitle ? <Heading\n                {...props}\n                size={4}\n                kind=\"muted\"\n                subtitle={undefined} \n                label={undefined}\n            >\n                {subtitle}\n            </Heading> : null\n        }\n    </>\n}\n\nfunction $Anchor() {\n    return <svg\n        part=\"icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={15}\n        height={15}\n        fill=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n        role=\"presentation\"\n    >\n        <path\n            fillRule=\"evenodd\"\n            d=\"M18.293 5.707a4.657 4.657 0 0 0-6.586 0l-1 1a1 1 0 1 1-1.414-1.414l1-1a6.657 6.657 0 1 1 9.414 9.414l-1 1a1 1 0 0 1-1.414-1.414l1-1a4.657 4.657 0 0 0 0-6.586Zm-2.586 2.586a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414l6-6a1 1 0 0 1 1.414 0Zm-9 1a1 1 0 0 1 0 1.414l-1 1a4.657 4.657 0 0 0 6.586 6.586l1-1a1 1 0 0 1 1.414 1.414l-1 1a6.657 6.657 0 1 1-9.414-9.414l1-1a1 1 0 0 1 1.414 0Z\"\n            clipRule=\"evenodd\"\n        />\n    </svg>\n}","import { css } from \"@linaria/core\";\n\nexport const HeadingHost = css`\n    @layer defaults {\n        color: var(--xyd-heading-color);\n        line-height: var(--xyd-line-height-xlarge);\n        font-weight: var(--xyd-font-weight-semibold);\n\n        position: relative;\n        display: table;\n        margin: 0;\n        padding: 0 24px 0 0;\n        scroll-margin-top: 30px;\n        cursor: default;\n\n        &[id] {\n            cursor: pointer;\n        }\n        &[data-noanchor=\"true\"] {\n            cursor: default;\n        }\n\n        &[data-has-label=\"true\"] {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n\n            xyd-badge {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n                letter-spacing: 2px;\n            }\n        }\n\n        &:hover {\n            svg {\n                opacity: 1;\n            }\n        }\n\n        &[data-kind=\"muted\"] {\n            color: var(--xyd-heading-color--muted);\n            cursor: default;\n            font-weight: var(--xyd-font-weight-medium);\n        }\n\n        &[data-size=\"1\"] {\n            font-size: var(--xyd-font-size-2xl);\n            line-height: var(--xyd-line-height-2xl);\n        }\n\n        &[data-size=\"2\"] {\n            font-size: var(--xyd-font-size-xxlarge);\n            line-height: var(--xyd-line-height-xxlarge);\n        }\n\n        &[data-size=\"3\"] {\n            font-size: var(--xyd-font-size-xlarge);\n            line-height: var(--xyd-line-height-xlarge);\n        }\n\n        &[data-size=\"4\"] {\n            font-size: var(--xyd-font-size-large);\n            line-height: var(--xyd-line-height-large);\n        }\n\n        &[data-size=\"5\"] {\n            font-size: var(--xyd-font-size-medium);\n            line-height: var(--xyd-line-height-medium);\n        }\n\n        &[data-size=\"6\"] {\n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n        }\n\n        [part=\"icon\"] {\n            position: absolute;\n            top: 50%;\n            right: 0;\n            margin-top: -6px;\n            opacity: 0;\n            color: var(--xyd-heading-icon-color);\n            transition: opacity .15s ease;\n        }\n        &[data-active=\"true\"] {\n            [part=\"icon\"] {\n                opacity: 1;\n            }\n        }\n    }\n`;\n\n","import React from \"react\"\n\nimport * as cn from \"./Hr.styles\";\n\nexport interface HrProps {\n}\n\nexport function Hr() {\n    return <hr part=\"hr\" className={cn.HrHost}/>\n}","import {css} from \"@linaria/core\";\n\nexport const HrHost = css`\n    @layer defaults {\n        border: 0.5px solid var(--xyd-hr-border-color);\n    }\n`;","\n\nimport React from 'react';\n\nimport * as cn from \"./Image.styles\"\n\nexport interface ImageProps {\n    src: string\n    alt: string\n    style?: React.CSSProperties\n}\n\nexport function Image(props: ImageProps) {\n    return <img\n        src={props.src}\n        alt={props.alt}\n        className={cn.ImageHost}\n    />\n}","import { css } from \"@linaria/core\"\n\nexport const ImageHost = css`\n    @layer defaults {\n        width: 100%;\n        border-radius: 16px;\n        box-shadow: 0 2px 16px rgba(0,0,0,0.06);\n    }\n`;","import React from 'react';\n\nimport { Badge } from '../Badge';\nimport { Text } from '../Text';\n\nimport * as cn from \"./Update.styles\"\n\ninterface UpdateProps {\n    children: React.ReactNode\n\n    version: string\n\n    date?: string\n}\n\nexport function Update(props: UpdateProps) {\n    const { date, version, children } = props;\n    return (\n        <xyd-update className={cn.UpdateHost}>\n            <div part=\"meta\">\n                {date && <div part=\"date\">\n                    <Badge>\n                        {date}\n                    </Badge>\n                </div>}\n                <div part=\"version\">\n                    <Text size=\"small\">\n                        {version}\n                    </Text>\n                </div>\n            </div>\n            <div part=\"content-container\">\n                <div part=\"content\">{children}</div>\n            </div>\n        </xyd-update>\n    );\n}\n","import { css } from \"@linaria/core\"\n\nexport const UpdateHost = css`\n    @layer defaults {\n        gap: 24px;\n        flex-direction: row;\n        padding-top: 32px;\n        padding-bottom: 32px;\n        align-items: flex-start;\n        width: 100%;\n        display: flex;\n        position: relative;\n\n        [part=\"meta\"] {\n            width: 160px;\n            position: sticky;\n            justify-content: flex-start;\n            align-items: flex-start;\n            flex-direction: column;\n            flex-shrink: 0;\n            display: flex;\n            gap: 10px;\n        }\n\n        [part=\"content-container\"] {\n            padding-left: 2px;\n            padding-right: 2px;\n            overflow: hidden;\n            flex: 1 1 0%;\n            max-width: 100%;\n        }\n    }\n`;"],"names":["Badge","_ref","className","children","_ref$size","size","_ref$kind","kind","React","createElement","concat","part","Blockquote","Callout","$IconInfo","xmlns","width","height","fill","viewBox","d","fillRule","clipRule","Card","props","title","description","imgSrc","imgAlt","shadow","href","Link","link","undefined","src","alt","Text","weight","Button","Code","ColorSchemeButton","_useColorScheme","useColorScheme","_useColorScheme2","_slicedToArray","currentScheme","changeColorScheme","theme","icon","IconDarkMode","IconLightMode","onClick","_useState","useState","_useState2","setCurrentScheme","useEffect","updateScheme","html","document","querySelector","scheme","getAttribute","preferred","getPreferredColorScheme","observer","MutationObserver","observe","attributes","attributeFilter","disconnect","colorScheme","preferredColorScheme","setAttribute","localStorage","setItem","window","matchMedia","matches","stroke","clipPath","strokeWidth","strokeLinecap","strokeLinejoin","id","Details","label","isDeepKind","includes","Fragment","$Icon","$IconDeep","Heading","_props$size","as","active","subtitle","noanchor","ref","style","HeadingComponent","String","$Anchor","Object","assign","role","Hr","Image","Update","date","version"],"mappings":"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"}

package/dist/Update-Cmw6WVrs.js

@@ -1,2 +0,0 @@
-import e,{useState as t,useEffect as r}from"react";import{B as a}from"./VideoGuide-QouYMQx_.js";import{T as n}from"./Text-D9DhNy4J.js";import{a as l}from"./_rollupPluginBabelHelpers-IYA2a-lX.js";import"./tslib.es6-CGuo9hNf.js";import"./Icon-sBVn0l7I.js";function c(t){var r=t.className,a=t.children,n=t.size,l=void 0===n?"sm":n,c=t.kind,i=void 0===c?"default":c;return e.createElement("xyd-badge",{className:"".concat("butvd2b"," ").concat(r||""),"data-size":l,"data-kind":i},e.createElement("span",{part:"child"},a))}function i(t){var r=t.className,a=t.children;return e.createElement("blockquote",{className:"".concat("b1wifk81"," ").concat(r||"")},a)}function o(t){var r=t.className,a=t.children;return e.createElement("xyd-callout",{className:"".concat("chnegou"," ").concat(r||"")},e.createElement("div",{part:"icon"},e.createElement(s,null)),e.createElement("div",{part:"message"},e.createElement("div",{part:"message-body"},a)))}function s(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24"},e.createElement("path",{d:"M13 12a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm-1-2.5A1.25 1.25 0 1 0 12 7a1.25 1.25 0 0 0 0 2.5Z"}),e.createElement("path",{fillRule:"evenodd",d:"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z",clipRule:"evenodd"}))}function d(t){var r=t.title,l=t.description,c=t.imgSrc,i=t.imgAlt,o=t.shadow,s=t.href,d=t.link;return e.createElement("xyd-card",{"data-shadow":o||void 0,className:"c1vswvqd"},c&&e.createElement("div",{part:"image-container"},e.createElement("div",{part:"bg"},e.createElement("img",{src:c,alt:i}))),e.createElement("div",{part:"body"},e.createElement("div",{part:"header"},d&&s?e.createElement(n,{weight:"bold"},e.createElement(d,{href:s},r)):e.createElement(n,{weight:"bold"},r),e.createElement(a,{size:"sm",kind:"secondary"},"Source")),e.createElement("div",{part:"description"},e.createElement(n,{size:"small"},l))))}function m(t){var r=t.className,a=t.children;return e.createElement("code",{className:"".concat("c1w59zdn"," ").concat(r||"")},e.createElement("span",{part:"content"},a))}function u(){var t=h(),r=l(t,2),n=r[0],c=r[1];return e.createElement(a,{size:"sm",theme:"ghost",icon:"dark"===n?e.createElement(E,null):e.createElement(v,null),onClick:c})}function h(){var e=t("light"),a=l(e,2),n=a[0],c=a[1];return r(function(){var e=function(){var e=document.querySelector("html");if(e){var t=e.getAttribute("data-color-scheme")||"os";if("os"===t){var r=p();c(r||"light")}else c(t)}};e();var t=new MutationObserver(e),r=document.querySelector("html");return r&&t.observe(r,{attributes:!0,attributeFilter:["data-color-scheme"]}),function(){return t.disconnect()}},[]),[n,function(){var e="",t=p();t&&(e="dark"===t?"light":"dark");var r=document.querySelector("html");if(r){var a=r.getAttribute("data-color-scheme");a&&"os"!==a&&(e="dark"===a?"light":"dark"),e||(e="light"),r.setAttribute("data-color-scheme",e),localStorage.setItem("xyd-color-scheme",e)}}]}function p(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":window.matchMedia("(prefers-color-scheme: light)").matches?"light":null}function v(){return e.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{clipPath:"url(#clip0_2880_7340)"},e.createElement("path",{d:"M8 1.11133V2.00022",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M12.8711 3.12891L12.2427 3.75735",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M14.8889 8H14",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M12.8711 12.8711L12.2427 12.2427",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M8 14.8889V14",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M3.12891 12.8711L3.75735 12.2427",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M1.11133 8H2.00022",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M3.12891 3.12891L3.75735 3.75735",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M8.00043 11.7782C10.0868 11.7782 11.7782 10.0868 11.7782 8.00043C11.7782 5.91402 10.0868 4.22266 8.00043 4.22266C5.91402 4.22266 4.22266 5.91402 4.22266 8.00043C4.22266 10.0868 5.91402 11.7782 8.00043 11.7782Z",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_2880_7340"},e.createElement("rect",{width:16,height:16,fill:"white"}))))}function E(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"},e.createElement("path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"}))}function k(t){var r,a=t.children,n=t.label,l=["secondary","tertiary"].includes(t.kind||"");l&&"title"in t&&(r=t.title);var c=t.kind||"primary";return e.createElement("details",{part:"details",className:"".concat("dwmojve"," ").concat(t.className||""),"data-kind":t.kind},e.createElement("summary",{part:"summary"},"primary"===c&&e.createElement(e.Fragment,null,t.icon||e.createElement(g,null),e.createElement("div",{part:"summary-deep-label"},n)),l&&e.createElement("div",null,e.createElement("div",{part:"summary-deep"},t.icon||e.createElement(f,null),e.createElement("div",{part:"summary-deep-text"},r)),e.createElement("div",{part:"summary-deep-label"},n)),l&&e.createElement(g,null)),e.createElement("div",{part:"content"},a))}function g(){return e.createElement("div",{part:"icon"},e.createElement("svg",{"data-icon":"true",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24"},e.createElement("path",{fillRule:"evenodd",d:"M8.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L14.586 12 8.293 5.707a1 1 0 0 1 0-1.414Z",clipRule:"evenodd"})))}function f(){return e.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",stroke:"none",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{clipPath:"url(#clip0_1689_2180)"},e.createElement("path",{d:"M4.3 4.3L7.1 7.1M10.6 5.7V1.5M14.8 7.8L17.6 5M5.7 11.3H1.5M7.1 14.8L4.3 17.6M15.5 22.5L9.9 9.9L22.5 14.8L16.9 16.2L15.5 22.5Z",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_1689_2180"},e.createElement("rect",{width:24,height:24,fill:"white"}))))}function w(t){var r=t.children,a=t.size,n=void 0===a?1:a,l=t.as,i=t.id,o=t.onClick,s=t.className,d=t.kind,m=t.active,u=t.label,h=t.subtitle,p=t.noanchor,v=t.ref,E=t.style,k=l||"h".concat(n);return e.createElement(e.Fragment,null,e.createElement(k,{style:E||void 0,className:" ".concat("h1tn40xd","  ").concat(s||""),"data-size":n,"data-kind":d,"data-has-label":String(u?"true":"false"),"data-noanchor":String(p||"false"),"data-active":String(m||"false"),onClick:p?void 0:o,id:i,ref:v},r,u&&e.createElement(c,{size:"sm"},u),i&&!p&&e.createElement(L,null)),h?e.createElement(w,Object.assign({},t,{size:4,kind:"muted",subtitle:void 0,label:void 0}),h):null)}function L(){return e.createElement("svg",{part:"icon",xmlns:"http://www.w3.org/2000/svg",width:15,height:15,fill:"currentColor",viewBox:"0 0 24 24",role:"presentation"},e.createElement("path",{fillRule:"evenodd",d:"M18.293 5.707a4.657 4.657 0 0 0-6.586 0l-1 1a1 1 0 1 1-1.414-1.414l1-1a6.657 6.657 0 1 1 9.414 9.414l-1 1a1 1 0 0 1-1.414-1.414l1-1a4.657 4.657 0 0 0 0-6.586Zm-2.586 2.586a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414l6-6a1 1 0 0 1 1.414 0Zm-9 1a1 1 0 0 1 0 1.414l-1 1a4.657 4.657 0 0 0 6.586 6.586l1-1a1 1 0 0 1 1.414 1.414l-1 1a6.657 6.657 0 1 1-9.414-9.414l1-1a1 1 0 0 1 1.414 0Z",clipRule:"evenodd"}))}function b(){return e.createElement("hr",{part:"hr",className:"h1ej4n95"})}function M(t){return e.createElement("img",{src:t.src,alt:t.alt,className:"iz14jlg"})}function y(t){var r=t.date,a=t.version,l=t.children;return e.createElement("xyd-update",{className:"u1465cfe"},e.createElement("div",{part:"meta"},r&&e.createElement("div",{part:"date"},e.createElement(c,null,r)),e.createElement("div",{part:"version"},e.createElement(n,{size:"small"},a))),e.createElement("div",{part:"content-container"},e.createElement("div",{part:"content"},l)))}export{i as B,m as C,k as D,b as H,M as I,y as U,u as a,c as b,o as c,w as d,d as e,h as u};
-//# sourceMappingURL=Update-Cmw6WVrs.js.map

package/dist/Update-Cmw6WVrs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Update-Cmw6WVrs.js","sources":["../src/writer/Badge/Badge.tsx","../src/writer/Badge/Badge.styles.tsx","../src/writer/Blockquote/Blockquote.tsx","../src/writer/Blockquote/Blockquote.styles.tsx","../src/writer/Callout/Callout.tsx","../src/writer/Callout/Callout.styles.tsx","../src/writer/Card/Card.tsx","../src/writer/Card/Card.styles.tsx","../src/writer/Code/Code.tsx","../src/writer/Code/Code.styles.tsx","../src/writer/ColorSchemeButton/ColorSchemeButton.tsx","../src/writer/Details/Details.tsx","../src/writer/Details/Details.styles.tsx","../src/writer/Heading/Heading.tsx","../src/writer/Heading/Heading.styles.tsx","../src/writer/Hr/Hr.tsx","../src/writer/Hr/Hr.styles.tsx","../src/writer/Image/Image.tsx","../src/writer/Image/Image.styles.tsx","../src/writer/Update/Update.tsx","../src/writer/Update/Update.styles.tsx"],"sourcesContent":["import React from \"react\"\n\nimport * as cn from \"./Badge.styles\";\n\nexport interface BadgeProps {\n    /**\n     * The class name of the badge.\n     */\n    className?: string;\n\n    /**\n     * The children of the badge.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * The size of the badge.\n     */\n    size?: \"sm\" | \"xs\"\n\n    /**\n     * The kind of the badge.\n     */\n    kind?: \"warning\" | \"info\" | \"default\"\n}\n\n/**\n * Badge component is used to display a badge.\n * \n * @group Components\n */\nexport function Badge({\n    className,\n    children,\n    size = \"sm\",\n    kind = \"default\"\n}: BadgeProps) {\n    return <xyd-badge\n        className={`${cn.BadgeHost} ${className || ''}`}\n        data-size={size}\n        data-kind={kind}\n    >\n        <span part=\"child\">\n            {children}\n        </span>\n    </xyd-badge>\n}\n","import {css} from \"@linaria/core\";\n\nexport const BadgeHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        \n        /* Size variants */\n        &[data-size=\"xs\"] {\n            height: 15px;\n            padding: 6px;\n            gap: 3px;\n            border-radius: 6px;\n            font-size: var(--xyd-font-size-xsmall);\n        }\n\n        &[data-size=\"sm\"] {\n            height: 18px;\n            padding: 10px;\n            gap: 3px;\n            border-radius: 6px;\n            font-size: var(--xyd-font-size-xsmall);\n        }\n        \n        /* Kind variants */\n        &[data-kind=\"default\"] {\n            color: var(--xyd-badge-color--default);\n            background-color: var(--xyd-badge-bgcolor--default);\n        }\n        &[data-kind=\"warning\"] {\n            color: var(--xyd-badge-color--warning);\n            background-color: var(--xyd-badge-bgcolor--warning);\n        }\n        &[data-kind=\"info\"] {\n            color: var(--xyd-badge-color--info);\n            background-color: var(--xyd-badge-bgcolor--info);\n        }\n\n        [part=\"child\"] {\n            position: relative;\n        }\n    }\n`;\n\n","import React from \"react\"\n\nimport * as cn from \"./Blockquote.styles\";\n\nexport interface BlockquoteProps {\n    className?: string;\n    children: React.ReactNode;\n}\n\nexport function Blockquote({ className, children }: BlockquoteProps) {\n    return <blockquote\n        className={`${cn.BlockquoteHost} ${className || ''}`}\n    >\n        {children}\n    </blockquote>\n}","import {css} from \"@linaria/core\";\n\nexport const BlockquoteHost = css`\n    @layer defaults {\n        color: rgb(55 65 81 / 1);\n        font-style: italic;\n        border-color: rgb(209 213 219 / 1);\n        margin: 0;\n    }\n`;","import React from \"react\"\n\nimport * as cn from \"./Callout.styles\";\n\n/**\n * Props for the Callout component\n */\nexport interface CalloutProps {\n    /** Additional CSS class name to be applied to the callout */\n    className?: string;\n    \n    /** Content to be displayed inside the callout */\n    children: React.ReactNode;\n}\n\n/**\n * A Callout component that displays important information or notices in a visually distinct way.\n * It includes an info icon and a message area for content.\n * \n * @category Component\n */\nexport function Callout({ className, children }: CalloutProps) {\n    return <xyd-callout\n        className={`${cn.CalloutHost} ${className || ''}`}\n    >\n        <div part=\"icon\">\n            <$IconInfo />\n        </div>\n        <div part=\"message\">\n            <div part=\"message-body\">\n                {children}\n            </div>\n        </div>\n    </xyd-callout>\n}\n\nfunction $IconInfo() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"1em\"\n        height=\"1em\"\n        fill=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n    >\n        <path d=\"M13 12a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm-1-2.5A1.25 1.25 0 1 0 12 7a1.25 1.25 0 0 0 0 2.5Z\" />\n        <path\n            fillRule=\"evenodd\"\n            d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z\"\n            clipRule=\"evenodd\"\n        />\n    </svg>\n}\n","import {css} from \"@linaria/core\";\n\nexport const CalloutHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        position: relative;\n        width: 100%;\n        min-width: 275px;\n        padding: 8px 12px;\n        border-radius: 8px;\n        text-align: center;\n        border: 1px solid var(--xyd-callout-border-color);\n        background-color: var(--xyd-callout-bgcolor);\n        \n        code {\n            background: var(--white);\n        }\n        \n        [part=\"icon\"] {\n            display: inline-flex;\n            margin-right: 14px;\n            flex: 0 0 auto;\n            align-self: flex-start;\n            color: var(--xyd-callout-icon-color);\n            margin-top: 2px;\n        }\n        \n        [part=\"message\"] {\n            color: var(--xyd-callout-message-color);\n            text-align: left;\n            flex: 1 1 auto;\n        }\n        \n        [part=\"message-body\"] {\n        }\n        \n    }\n`;\n","import React from \"react\"\n\nimport { Button } from \"../Button\"\nimport { Text } from \"../Text\"\n\nimport * as cn from \"./Card.styles\"\n\ninterface CardProps {\n    title: string\n    href?: string\n    link?: React.ElementType\n\n    description?: string\n\n    imgSrc?: string\n    imgAlt?: string\n\n    shadow?: \"md\"\n}\n\nexport function Card(props: CardProps) {\n    const {\n        title,\n        description,\n        imgSrc,\n        imgAlt,\n        shadow,\n        href,\n        link,\n    } = props\n\n    const Link = link\n\n    return <xyd-card\n        data-shadow={shadow || undefined}\n        className={cn.CardHost}\n    >\n        {imgSrc && (\n            <div part=\"image-container\">\n                <div part=\"bg\">\n                    <img src={imgSrc} alt={imgAlt} />\n                </div>\n            </div>\n        )}\n\n        <div part=\"body\">\n            <div part=\"header\">\n                {Link && href ?\n                    <Text weight=\"bold\">\n                        <Link href={href}>\n                            {title}\n                        </Link>\n                    </Text>\n                    : <Text weight=\"bold\">\n                        {title}\n                    </Text>}\n                <Button size=\"sm\" kind=\"secondary\">\n                    Source\n                </Button>\n            </div>\n            <div part=\"description\">\n                <Text size=\"small\">\n                    {description}\n                </Text>\n            </div>\n        </div>\n    </xyd-card>\n}\n\n","import { css } from \"@linaria/core\"\n\nexport const CardHost = css`\n    background-color: var(--xyd-card-bgcolor);\n    border-radius: 8px;\n    box-shadow: 0 1px 2px 0 var(--xyd-card-shadow-color);\n    flex-direction: column;\n    display: flex;\n    overflow: hidden;\n\n    &[data-shadow=\"md\"] {\n        box-shadow: 0 5px 40px var(--xyd-card-shadow-color);\n    }\n\n    [part=\"image-container\"] {\n        border-bottom: 2px solid var(--xyd-card-border-color);\n        height: 200px;\n        overflow: hidden;\n        position: relative;\n\n        [part=\"bg\"] {\n            background-size: cover;\n            background-repeat: no-repeat;\n            position: relative;\n            height: 100%;\n        }\n\n        img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            margin-bottom: -4px;\n        }\n    }\n\n    [part=\"body\"] {\n        padding: 16px;\n\n        [part=\"header\"] {\n            margin-right: 4px;\n            align-items: center;\n            justify-content: space-between;\n            margin-bottom: 12px;\n            display: flex;\n        }\n    }\n`","import React from \"react\"\n\nimport * as cn from \"./Code.styles\";\n\nexport interface CodeProps {\n    className?: string;\n    children: React.ReactNode;\n}\n\nexport function Code({ className, children }: CodeProps) {\n    return <code className={`${cn.CodeHost} ${className || ''}`}>\n        <span part=\"content\">\n            {children}\n        </span>\n    </code>\n}","import {css} from \"@linaria/core\";\n\nexport const CodeHost = css`\n    @layer defaults {\n        display: inline-block;\n        padding: 0 .3em;\n        border-radius: 6px;\n        margin: 0 3px;\n        border: .5px solid var(--xyd-code-border-color);\n        background: var(--xyd-code-bgcolor);\n        \n        & [part=\"content\"] {\n            position: relative;\n        }\n    }\n`;","import React, { useEffect, useState } from \"react\";\n\nimport { Button } from \"../Button\";\n\nexport function ColorSchemeButton() {\n    const [currentScheme, changeColorScheme] = useColorScheme() as [string, () => void]\n\n    return <Button\n        size=\"sm\"\n        theme=\"ghost\"\n        icon={currentScheme === \"dark\" ? <IconDarkMode /> : <IconLightMode />}\n        onClick={changeColorScheme}\n    />\n}\n\nexport function useColorScheme() {\n    const [currentScheme, setCurrentScheme] = useState<string>('light')\n\n    // TODO: context \n    useEffect(() => {\n        const updateScheme = () => {\n            const html = document.querySelector(\"html\");\n            if (html) {\n                const scheme = html.getAttribute(\"data-color-scheme\") || \"os\";\n                if (scheme === \"os\") {\n                    const preferred = getPreferredColorScheme();\n                    setCurrentScheme(preferred || \"light\");\n                } else {\n                    setCurrentScheme(scheme);\n                }\n            }\n        };\n\n        updateScheme();\n\n        // Listen for changes to the color scheme\n        const observer = new MutationObserver(updateScheme);\n        const html = document.querySelector(\"html\");\n        if (html) {\n            observer.observe(html, { attributes: true, attributeFilter: ['data-color-scheme'] });\n        }\n\n        return () => observer.disconnect();\n    }, []);\n\n    function changeColorScheme() {\n        let colorScheme = \"\"\n\n        const preferredColorScheme = getPreferredColorScheme()\n        if (preferredColorScheme) {\n            colorScheme = preferredColorScheme === \"dark\" ? \"light\" : \"dark\"\n        }\n\n        const html = document.querySelector(\"html\");\n        if (!html) return;\n\n        const currentScheme = html.getAttribute(\"data-color-scheme\");\n        if (currentScheme && currentScheme !== \"os\") {\n            colorScheme = currentScheme === \"dark\" ? \"light\" : \"dark\";\n        }\n        if (!colorScheme) {\n            colorScheme = \"light\"\n        }\n\n        html.setAttribute(\"data-color-scheme\", colorScheme);\n        localStorage.setItem(\"xyd-color-scheme\", colorScheme);\n    }\n\n    return [currentScheme, changeColorScheme]\n}\n\nfunction getPreferredColorScheme() {\n    if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n        return 'dark';\n    }\n\n    if (window.matchMedia('(prefers-color-scheme: light)').matches) {\n        return 'light';\n    }\n\n    return null\n}\n\n\nfunction IconLightMode() {\n    return <svg\n        width={16}\n        height={16}\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <g clipPath=\"url(#clip0_2880_7340)\">\n            <path\n                d=\"M8 1.11133V2.00022\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M12.8711 3.12891L12.2427 3.75735\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M14.8889 8H14\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M12.8711 12.8711L12.2427 12.2427\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M8 14.8889V14\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M3.12891 12.8711L3.75735 12.2427\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M1.11133 8H2.00022\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M3.12891 3.12891L3.75735 3.75735\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M8.00043 11.7782C10.0868 11.7782 11.7782 10.0868 11.7782 8.00043C11.7782 5.91402 10.0868 4.22266 8.00043 4.22266C5.91402 4.22266 4.22266 5.91402 4.22266 8.00043C4.22266 10.0868 5.91402 11.7782 8.00043 11.7782Z\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </g>\n        <defs>\n            <clipPath id=\"clip0_2880_7340\">\n                <rect width={16} height={16} fill=\"white\" />\n            </clipPath>\n        </defs>\n    </svg>\n}\n\nfunction IconDarkMode() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={16}\n        height={16}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={2}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n    >\n        <path d=\"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z\" />\n    </svg>\n}\n","import React from \"react\"\n\nimport * as cn from \"./Details.styles\";\n\n/**\n * Base interface for all Details component variants\n */\nexport interface BaseDetailsProps {\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/**\n * Props for the tertiary variant of the Details component\n */\nexport interface TertiaryDetailsProps extends BaseDetailsProps {\n    /** Specifies the tertiary variant */\n    kind: \"tertiary\";\n\n    /** Title text or element displayed in the summary */\n    title: string | React.ReactNode;\n}\n\n/**\n * Props for the secondary variant of the Details component\n */\nexport interface SecondaryDetailsProps extends BaseDetailsProps {\n    /** Specifies the secondary variant */\n    kind: \"secondary\";\n\n    /** Title text or element displayed in the summary */\n    title: string | React.ReactNode;\n}\n\n/**\n * Props for the primary variant of the Details component\n */\nexport interface PrimaryDetailsProps extends BaseDetailsProps {\n    /** Specifies the primary variant (default) */\n    kind?: \"primary\";\n}\n\n/** Union type of all possible Details component variants */\nexport type DetailsProps = PrimaryDetailsProps | SecondaryDetailsProps | TertiaryDetailsProps\n\n/**\n * A collapsible details component that supports three variants: primary, secondary, and tertiary.\n * Each variant has a different visual style and structure.\n * \n * @param props - The component props\n * @returns A details element with collapsible content\n * \n * @category Component\n */\nexport function Details(props: DetailsProps): React.ReactElement {\n    const { children, label } = props;\n\n    let title\n\n    const isDeepKind = [\"secondary\", \"tertiary\"].includes(props.kind || \"\");\n\n    if (isDeepKind && \"title\" in props) {\n        title = props.title;\n    }\n\n    const kind = props.kind || \"primary\";\n\n    return <details\n        part=\"details\"\n        className={`${cn.DetailsHost} ${props.className || \"\"}`}\n        data-kind={props.kind}\n    >\n        <summary part=\"summary\">\n            {kind === \"primary\" && (\n                <>\n                    {props.icon || <$Icon />}\n                    <div part=\"summary-deep-label\">\n                        {label}\n                    </div>\n                </>\n            )}\n\n            {isDeepKind && (\n                <div>\n                    <div part=\"summary-deep\">\n                        {props.icon || <$IconDeep />}\n                        <div part=\"summary-deep-text\">\n                            {title}\n                        </div>\n                    </div>\n                    <div part=\"summary-deep-label\">\n                        {label}\n                    </div>\n                </div> \n            )}\n            {isDeepKind && <$Icon />}\n        </summary>\n\n        <div part=\"content\">\n            {children}\n        </div>\n    </details>\n}\n\nfunction $Icon() {\n    return <div part=\"icon\">\n        <svg\n            // TODO: bad solution\n            data-icon=\"true\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"1em\"\n            height=\"1em\"\n            fill=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n        >\n            <path\n                fillRule=\"evenodd\"\n                d=\"M8.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L14.586 12 8.293 5.707a1 1 0 0 1 0-1.414Z\"\n                clipRule=\"evenodd\"\n            />\n        </svg>\n    </div>\n}\n\nfunction $IconDeep() {\n    return <svg\n        width=\"1em\"\n        height=\"1em\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"none\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <g clipPath=\"url(#clip0_1689_2180)\">\n            <path\n                d=\"M4.3 4.3L7.1 7.1M10.6 5.7V1.5M14.8 7.8L17.6 5M5.7 11.3H1.5M7.1 14.8L4.3 17.6M15.5 22.5L9.9 9.9L22.5 14.8L16.9 16.2L15.5 22.5Z\"\n                stroke=\"black\"\n                strokeWidth={2}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </g>\n        <defs>\n            <clipPath id=\"clip0_1689_2180\">\n                <rect width={24} height={24} fill=\"white\" />\n            </clipPath>\n        </defs>\n    </svg>\n}\n\n","import { css } from \"@linaria/core\";\n\nexport const DetailsHost = css`\n    @layer defaults {\n        border-top: 1px solid var(--xyd-details-border-color);\n    \n        &[data-kind=\"secondary\"], &[data-kind=\"tertiary\"] {\n            background-color:  var(--xyd-details-bgcolor--secondary);\n            border: 1px solid var(--xyd-details-border-color);\n            border-radius: 8px;\n        }\n\n        &[open] [part=\"summary\"] svg[data-icon=\"true\"] { \n            transform: rotate(90deg);\n        }\n\n        [part=\"summary\"] {\n            padding: 16px 14px 16px 0;\n            cursor: pointer;\n            font-weight: var(--xyd-font-weight-medium);\n            font-variant-numeric: tabular-nums;\n            transition: color 0.3s;\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: flex-start;\n            list-style: none;\n\n            &:hover {\n                color: var(--xyd-details-summary-color--active);\n            }\n        }\n\n        &[data-kind=\"tertiary\"] [part=\"summary\"]{\n            padding: 10px 24px;\n        }\n        &[data-kind=\"secondary\"],\n        &[data-kind=\"tertiary\"] {\n            [part=\"summary\"] {\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                cursor: pointer;\n                padding: 20px 24px;\n            }\n        }\n\n        [part=\"summary-deep\"] {\n            display: flex;\n            align-items: center;\n            margin-bottom: 8px;\n        }\n\n        [part=\"summary-deep-text\"] {\n            color: var(--xyd-details-summary-color);\n            text-transform: none;\n            letter-spacing: .08em;\n            margin-left: 8px;\n            font-weight: var(--xyd-font-weight-bold);\n\n            code {\n                background: var(--xyd-details-summary-code-bgcolor);\n            }\n        }\n\n        [part=\"summary-deep-label\"] {\n            flex: 1 1 auto;\n        }\n\n        // TODO: after migration to web-components should be removed cuz 'part=\"content\"' can be also in another element as child\n        & > [part=\"content\"] { \n            padding: 0 24px 20px;\n        }\n        &[data-kind=\"tertiary\"] > [part=\"content\"] {\n            background-color: var(--xyd-details-content-bgcolor);\n            padding-top: 20px;\n\n            code {\n                background: var(--xyd-details-content-bgcolor);\n            }\n        }\n\n        [part=\"icon\"] {\n            flex: 0 0 auto;\n            font-size: var(--xyd-font-size-medium);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding-right: 6px;\n        }\n    }\n`;\n\n","import React, { } from \"react\"\n\nimport * as cn from \"./Heading.styles\";\nimport { Badge } from \"writer\";\n\n/**\n * Props for the Heading component\n * @interface HeadingProps\n */\nexport interface HeadingProps {\n    /** Content to be rendered inside the heading */\n    children: React.ReactNode\n\n    /** The size of the heading (1-6, corresponding to h1-h6) */\n    size: 1 | 2 | 3 | 4 | 5 | 6\n\n    /** Optional HTML element to render as (div or span) */\n    as?: \"div\" | \"span\"\n\n    /** Optional ID for the heading element */\n    id?: string\n\n    /** Optional visual style variant */\n    kind?: \"muted\"\n\n    /** Optional click handler */\n    onClick?: () => void\n\n    /** Optional additional CSS class name */\n    className?: string\n\n    /** Optional active state */\n    active?: boolean\n\n    /** Optional label for the heading */\n    label?: string\n\n    /** Optional subtitle for the heading */\n    subtitle?: string\n\n    /** Optional to hide the anchor icon */\n    noanchor?: boolean\n\n    /** Optional ref for the heading element */\n    ref?: React.RefObject<HTMLHeadingElement>\n\n    style?: React.CSSProperties\n}\n\n/**\n * A flexible heading component that can render as any heading level (h1-h6) or as a div/span\n * \n * @category Component\n */\nexport function Heading(props: HeadingProps) {\n    const {\n        children,\n        size = 1,\n        as,\n        id,\n        onClick,\n        className,\n        kind,\n        active,\n        label,\n        subtitle,\n        noanchor,\n        ref,\n        style,\n    } = props\n    let HeadingComponent = as ? as : `h${size}` as \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"\n\n    return <>\n        <HeadingComponent\n            style={style || undefined}\n            className={` ${cn.HeadingHost}  ${className || ''}`}\n            data-size={size}\n            data-kind={kind}\n            data-has-label={String(label ? \"true\" : \"false\")}\n            data-noanchor={String(noanchor || \"false\")}\n            data-active={String(active || \"false\")}\n            onClick={noanchor ? undefined : onClick}\n            id={id}\n            ref={ref}\n        >\n            {children}\n\n            {label && <Badge size=\"sm\">{label}</Badge>}\n\n            {id && !noanchor && <$Anchor />}\n        </HeadingComponent>\n\n        {\n            subtitle ? <Heading\n                {...props}\n                size={4}\n                kind=\"muted\"\n                subtitle={undefined} \n                label={undefined}\n            >\n                {subtitle}\n            </Heading> : null\n        }\n    </>\n}\n\nfunction $Anchor() {\n    return <svg\n        part=\"icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={15}\n        height={15}\n        fill=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n        role=\"presentation\"\n    >\n        <path\n            fillRule=\"evenodd\"\n            d=\"M18.293 5.707a4.657 4.657 0 0 0-6.586 0l-1 1a1 1 0 1 1-1.414-1.414l1-1a6.657 6.657 0 1 1 9.414 9.414l-1 1a1 1 0 0 1-1.414-1.414l1-1a4.657 4.657 0 0 0 0-6.586Zm-2.586 2.586a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414l6-6a1 1 0 0 1 1.414 0Zm-9 1a1 1 0 0 1 0 1.414l-1 1a4.657 4.657 0 0 0 6.586 6.586l1-1a1 1 0 0 1 1.414 1.414l-1 1a6.657 6.657 0 1 1-9.414-9.414l1-1a1 1 0 0 1 1.414 0Z\"\n            clipRule=\"evenodd\"\n        />\n    </svg>\n}","import { css } from \"@linaria/core\";\n\nexport const HeadingHost = css`\n    @layer defaults {\n        color: var(--xyd-heading-color);\n        line-height: var(--xyd-line-height-xlarge);\n        font-weight: var(--xyd-font-weight-semibold);\n\n        position: relative;\n        display: table;\n        margin: 0;\n        padding: 0 24px 0 0;\n        scroll-margin-top: 30px;\n        cursor: default;\n\n        &[id] {\n            cursor: pointer;\n        }\n        &[data-noanchor=\"true\"] {\n            cursor: default;\n        }\n\n        &[data-has-label=\"true\"] {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n\n            xyd-badge {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n                letter-spacing: 2px;\n            }\n        }\n\n        &:hover {\n            svg {\n                opacity: 1;\n            }\n        }\n\n        &[data-kind=\"muted\"] {\n            color: var(--xyd-heading-color--muted);\n            cursor: default;\n            font-weight: var(--xyd-font-weight-medium);\n        }\n\n        &[data-size=\"1\"] {\n            font-size: var(--xyd-font-size-2xl);\n            line-height: var(--xyd-line-height-2xl);\n        }\n\n        &[data-size=\"2\"] {\n            font-size: var(--xyd-font-size-xxlarge);\n            line-height: var(--xyd-line-height-xxlarge);\n        }\n\n        &[data-size=\"3\"] {\n            font-size: var(--xyd-font-size-xlarge);\n            line-height: var(--xyd-line-height-xlarge);\n        }\n\n        &[data-size=\"4\"] {\n            font-size: var(--xyd-font-size-large);\n            line-height: var(--xyd-line-height-large);\n        }\n\n        &[data-size=\"5\"] {\n            font-size: var(--xyd-font-size-medium);\n            line-height: var(--xyd-line-height-medium);\n        }\n\n        &[data-size=\"6\"] {\n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n        }\n\n        [part=\"icon\"] {\n            position: absolute;\n            top: 50%;\n            right: 0;\n            margin-top: -6px;\n            opacity: 0;\n            color: var(--xyd-heading-icon-color);\n            transition: opacity .15s ease;\n        }\n        &[data-active=\"true\"] {\n            [part=\"icon\"] {\n                opacity: 1;\n            }\n        }\n    }\n`;\n\n","import React from \"react\"\n\nimport * as cn from \"./Hr.styles\";\n\nexport interface HrProps {\n}\n\nexport function Hr() {\n    return <hr part=\"hr\" className={cn.HrHost}/>\n}","import {css} from \"@linaria/core\";\n\nexport const HrHost = css`\n    @layer defaults {\n        border: 0.5px solid var(--xyd-hr-border-color);\n    }\n`;","\n\nimport React from 'react';\n\nimport * as cn from \"./Image.styles\"\n\nexport interface ImageProps {\n    src: string\n    alt: string\n    style?: React.CSSProperties\n}\n\nexport function Image(props: ImageProps) {\n    return <img\n        src={props.src}\n        alt={props.alt}\n        className={cn.ImageHost}\n    />\n}","import { css } from \"@linaria/core\"\n\nexport const ImageHost = css`\n    @layer defaults {\n        width: 100%;\n        border-radius: 16px;\n        box-shadow: 0 2px 16px rgba(0,0,0,0.06);\n    }\n`;","import React from 'react';\n\nimport { Badge } from '../Badge';\nimport { Text } from '../Text';\n\nimport * as cn from \"./Update.styles\"\n\ninterface UpdateProps {\n    children: React.ReactNode\n\n    version: string\n\n    date?: string\n}\n\nexport function Update(props: UpdateProps) {\n    const { date, version, children } = props;\n    return (\n        <xyd-update className={cn.UpdateHost}>\n            <div part=\"meta\">\n                {date && <div part=\"date\">\n                    <Badge>\n                        {date}\n                    </Badge>\n                </div>}\n                <div part=\"version\">\n                    <Text size=\"small\">\n                        {version}\n                    </Text>\n                </div>\n            </div>\n            <div part=\"content-container\">\n                <div part=\"content\">{children}</div>\n            </div>\n        </xyd-update>\n    );\n}\n","import { css } from \"@linaria/core\"\n\nexport const UpdateHost = css`\n    @layer defaults {\n        gap: 24px;\n        flex-direction: row;\n        padding-top: 32px;\n        padding-bottom: 32px;\n        align-items: flex-start;\n        width: 100%;\n        display: flex;\n        position: relative;\n\n        [part=\"meta\"] {\n            width: 160px;\n            position: sticky;\n            justify-content: flex-start;\n            align-items: flex-start;\n            flex-direction: column;\n            flex-shrink: 0;\n            display: flex;\n            gap: 10px;\n        }\n\n        [part=\"content-container\"] {\n            padding-left: 2px;\n            padding-right: 2px;\n            overflow: hidden;\n            flex: 1 1 0%;\n            max-width: 100%;\n        }\n    }\n`;"],"names":["Badge","_ref","className","children","_ref$size","size","_ref$kind","kind","React","createElement","concat","part","Blockquote","Callout","$IconInfo","xmlns","width","height","fill","viewBox","d","fillRule","clipRule","Card","props","title","description","imgSrc","imgAlt","shadow","href","Link","link","undefined","src","alt","Text","weight","Button","Code","ColorSchemeButton","_useColorScheme","useColorScheme","_useColorScheme2","_slicedToArray","currentScheme","changeColorScheme","theme","icon","IconDarkMode","IconLightMode","onClick","_useState","useState","_useState2","setCurrentScheme","useEffect","updateScheme","html","document","querySelector","scheme","getAttribute","preferred","getPreferredColorScheme","observer","MutationObserver","observe","attributes","attributeFilter","disconnect","colorScheme","preferredColorScheme","setAttribute","localStorage","setItem","window","matchMedia","matches","stroke","clipPath","strokeWidth","strokeLinecap","strokeLinejoin","id","Details","label","isDeepKind","includes","Fragment","$Icon","$IconDeep","Heading","_props$size","as","active","subtitle","noanchor","ref","style","HeadingComponent","String","$Anchor","Object","assign","role","Hr","Image","Update","date","version"],"mappings":"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"}

package/dist/Update-D5pUmk9V.js

@@ -1,2 +0,0 @@
-import e,{useState as t,useEffect as r}from"react";import{B as a}from"./VideoGuide-Ds1vQrb7.js";import{T as n}from"./Text-DxqdnsZ5.js";import{a as l}from"./_rollupPluginBabelHelpers-CVesZFRP.js";import"./tslib.es6-BUCTXb7p.js";import"./Icon-FVBVv2mV.js";function c(t){var r=t.className,a=t.children,n=t.size,l=void 0===n?"sm":n,c=t.kind,i=void 0===c?"default":c;return e.createElement("xyd-badge",{className:"".concat("butvd2b"," ").concat(r||""),"data-size":l,"data-kind":i},e.createElement("span",{part:"child"},a))}function i(t){var r=t.className,a=t.children;return e.createElement("blockquote",{className:"".concat("b1wifk81"," ").concat(r||"")},a)}function o(t){var r=t.className,a=t.children;return e.createElement("xyd-callout",{className:"".concat("chnegou"," ").concat(r||"")},e.createElement("div",{part:"icon"},e.createElement(s,null)),e.createElement("div",{part:"message"},e.createElement("div",{part:"message-body"},a)))}function s(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24"},e.createElement("path",{d:"M13 12a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm-1-2.5A1.25 1.25 0 1 0 12 7a1.25 1.25 0 0 0 0 2.5Z"}),e.createElement("path",{fillRule:"evenodd",d:"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z",clipRule:"evenodd"}))}function d(t){var r=t.title,l=t.description,c=t.imgSrc,i=t.imgAlt,o=t.shadow,s=t.href,d=t.link;return e.createElement("xyd-card",{"data-shadow":o||void 0,className:"c1vswvqd"},c&&e.createElement("div",{part:"image-container"},e.createElement("div",{part:"bg"},e.createElement("img",{src:c,alt:i}))),e.createElement("div",{part:"body"},e.createElement("div",{part:"header"},d&&s?e.createElement(n,{weight:"bold"},e.createElement(d,{href:s},r)):e.createElement(n,{weight:"bold"},r),e.createElement(a,{size:"sm",kind:"secondary"},"Source")),e.createElement("div",{part:"description"},e.createElement(n,{size:"small"},l))))}function m(t){var r=t.className,a=t.children;return e.createElement("code",{className:"".concat("c1w59zdn"," ").concat(r||"")},e.createElement("span",{part:"content"},a))}function u(){var t=h(),r=l(t,2),n=r[0],c=r[1];return e.createElement(a,{size:"sm",theme:"ghost",icon:"dark"===n?e.createElement(E,null):e.createElement(v,null),onClick:c})}function h(){var e=t("light"),a=l(e,2),n=a[0],c=a[1];return r(function(){var e=function(){var e=document.querySelector("html");if(e){var t=e.getAttribute("data-color-scheme")||"os";if("os"===t){var r=p();c(r||"light")}else c(t)}};e();var t=new MutationObserver(e),r=document.querySelector("html");return r&&t.observe(r,{attributes:!0,attributeFilter:["data-color-scheme"]}),function(){return t.disconnect()}},[]),[n,function(){var e="",t=p();t&&(e="dark"===t?"light":"dark");var r=document.querySelector("html");if(r){var a=r.getAttribute("data-color-scheme");a&&"os"!==a&&(e="dark"===a?"light":"dark"),e||(e="light"),r.setAttribute("data-color-scheme",e),localStorage.setItem("xyd-color-scheme",e)}}]}function p(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":window.matchMedia("(prefers-color-scheme: light)").matches?"light":null}function v(){return e.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{clipPath:"url(#clip0_2880_7340)"},e.createElement("path",{d:"M8 1.11133V2.00022",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M12.8711 3.12891L12.2427 3.75735",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M14.8889 8H14",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M12.8711 12.8711L12.2427 12.2427",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M8 14.8889V14",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M3.12891 12.8711L3.75735 12.2427",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M1.11133 8H2.00022",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M3.12891 3.12891L3.75735 3.75735",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M8.00043 11.7782C10.0868 11.7782 11.7782 10.0868 11.7782 8.00043C11.7782 5.91402 10.0868 4.22266 8.00043 4.22266C5.91402 4.22266 4.22266 5.91402 4.22266 8.00043C4.22266 10.0868 5.91402 11.7782 8.00043 11.7782Z",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_2880_7340"},e.createElement("rect",{width:16,height:16,fill:"white"}))))}function E(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"},e.createElement("path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"}))}function k(t){var r,a=t.children,n=t.label,l=["secondary","tertiary"].includes(t.kind||"");l&&"title"in t&&(r=t.title);var c=t.kind||"primary";return e.createElement("details",{part:"details",className:"".concat("dwmojve"," ").concat(t.className||""),"data-kind":t.kind},e.createElement("summary",{part:"summary"},"primary"===c&&e.createElement(e.Fragment,null,t.icon||e.createElement(g,null),e.createElement("div",{part:"summary-deep-label"},n)),l&&e.createElement("div",null,e.createElement("div",{part:"summary-deep"},t.icon||e.createElement(f,null),e.createElement("div",{part:"summary-deep-text"},r)),e.createElement("div",{part:"summary-deep-label"},n)),l&&e.createElement(g,null)),e.createElement("div",{part:"content"},a))}function g(){return e.createElement("div",{part:"icon"},e.createElement("svg",{"data-icon":"true",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24"},e.createElement("path",{fillRule:"evenodd",d:"M8.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L14.586 12 8.293 5.707a1 1 0 0 1 0-1.414Z",clipRule:"evenodd"})))}function f(){return e.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",stroke:"none",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{clipPath:"url(#clip0_1689_2180)"},e.createElement("path",{d:"M4.3 4.3L7.1 7.1M10.6 5.7V1.5M14.8 7.8L17.6 5M5.7 11.3H1.5M7.1 14.8L4.3 17.6M15.5 22.5L9.9 9.9L22.5 14.8L16.9 16.2L15.5 22.5Z",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_1689_2180"},e.createElement("rect",{width:24,height:24,fill:"white"}))))}function w(t){var r=t.children,a=t.size,n=void 0===a?1:a,l=t.as,i=t.id,o=t.onClick,s=t.className,d=t.kind,m=t.active,u=t.label,h=t.subtitle,p=t.noanchor,v=t.ref,E=t.style,k=l||"h".concat(n);return e.createElement(e.Fragment,null,e.createElement(k,{style:E||void 0,className:" ".concat("h1tn40xd","  ").concat(s||""),"data-size":n,"data-kind":d,"data-has-label":String(u?"true":"false"),"data-noanchor":String(p||"false"),"data-active":String(m||"false"),onClick:p?void 0:o,id:i,ref:v},r,u&&e.createElement(c,{size:"sm"},u),i&&!p&&e.createElement(L,null)),h?e.createElement(w,Object.assign({},t,{size:4,kind:"muted",subtitle:void 0,label:void 0}),h):null)}function L(){return e.createElement("svg",{part:"icon",xmlns:"http://www.w3.org/2000/svg",width:15,height:15,fill:"currentColor",viewBox:"0 0 24 24",role:"presentation"},e.createElement("path",{fillRule:"evenodd",d:"M18.293 5.707a4.657 4.657 0 0 0-6.586 0l-1 1a1 1 0 1 1-1.414-1.414l1-1a6.657 6.657 0 1 1 9.414 9.414l-1 1a1 1 0 0 1-1.414-1.414l1-1a4.657 4.657 0 0 0 0-6.586Zm-2.586 2.586a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414l6-6a1 1 0 0 1 1.414 0Zm-9 1a1 1 0 0 1 0 1.414l-1 1a4.657 4.657 0 0 0 6.586 6.586l1-1a1 1 0 0 1 1.414 1.414l-1 1a6.657 6.657 0 1 1-9.414-9.414l1-1a1 1 0 0 1 1.414 0Z",clipRule:"evenodd"}))}function b(){return e.createElement("hr",{part:"hr",className:"h1ej4n95"})}function M(t){return e.createElement("img",{src:t.src,alt:t.alt,className:"iz14jlg"})}function y(t){var r=t.date,a=t.version,l=t.children;return e.createElement("xyd-update",{className:"u1465cfe"},e.createElement("div",{part:"meta"},r&&e.createElement("div",{part:"date"},e.createElement(c,null,r)),e.createElement("div",{part:"version"},e.createElement(n,{size:"small"},a))),e.createElement("div",{part:"content-container"},e.createElement("div",{part:"content"},l)))}export{i as B,m as C,k as D,b as H,M as I,y as U,u as a,c as b,o as c,w as d,d as e,h as u};
-//# sourceMappingURL=Update-D5pUmk9V.js.map

package/dist/Update-D5pUmk9V.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Update-D5pUmk9V.js","sources":["../src/writer/Badge/Badge.tsx","../src/writer/Badge/Badge.styles.tsx","../src/writer/Blockquote/Blockquote.tsx","../src/writer/Blockquote/Blockquote.styles.tsx","../src/writer/Callout/Callout.tsx","../src/writer/Callout/Callout.styles.tsx","../src/writer/Card/Card.tsx","../src/writer/Card/Card.styles.tsx","../src/writer/Code/Code.tsx","../src/writer/Code/Code.styles.tsx","../src/writer/ColorSchemeButton/ColorSchemeButton.tsx","../src/writer/Details/Details.tsx","../src/writer/Details/Details.styles.tsx","../src/writer/Heading/Heading.tsx","../src/writer/Heading/Heading.styles.tsx","../src/writer/Hr/Hr.tsx","../src/writer/Hr/Hr.styles.tsx","../src/writer/Image/Image.tsx","../src/writer/Image/Image.styles.tsx","../src/writer/Update/Update.tsx","../src/writer/Update/Update.styles.tsx"],"sourcesContent":["import React from \"react\"\n\nimport * as cn from \"./Badge.styles\";\n\nexport interface BadgeProps {\n    /**\n     * The class name of the badge.\n     */\n    className?: string;\n\n    /**\n     * The children of the badge.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * The size of the badge.\n     */\n    size?: \"sm\" | \"xs\"\n\n    /**\n     * The kind of the badge.\n     */\n    kind?: \"warning\" | \"info\" | \"default\"\n}\n\n/**\n * Badge component is used to display a badge.\n * \n * @group Components\n */\nexport function Badge({\n    className,\n    children,\n    size = \"sm\",\n    kind = \"default\"\n}: BadgeProps) {\n    return <xyd-badge\n        className={`${cn.BadgeHost} ${className || ''}`}\n        data-size={size}\n        data-kind={kind}\n    >\n        <span part=\"child\">\n            {children}\n        </span>\n    </xyd-badge>\n}\n","import {css} from \"@linaria/core\";\n\nexport const BadgeHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        \n        /* Size variants */\n        &[data-size=\"xs\"] {\n            height: 15px;\n            padding: 6px;\n            gap: 3px;\n            border-radius: 6px;\n            font-size: var(--xyd-font-size-xsmall);\n        }\n\n        &[data-size=\"sm\"] {\n            height: 18px;\n            padding: 10px;\n            gap: 3px;\n            border-radius: 6px;\n            font-size: var(--xyd-font-size-xsmall);\n        }\n        \n        /* Kind variants */\n        &[data-kind=\"default\"] {\n            color: var(--xyd-badge-color--default);\n            background-color: var(--xyd-badge-bgcolor--default);\n        }\n        &[data-kind=\"warning\"] {\n            color: var(--xyd-badge-color--warning);\n            background-color: var(--xyd-badge-bgcolor--warning);\n        }\n        &[data-kind=\"info\"] {\n            color: var(--xyd-badge-color--info);\n            background-color: var(--xyd-badge-bgcolor--info);\n        }\n\n        [part=\"child\"] {\n            position: relative;\n        }\n    }\n`;\n\n","import React from \"react\"\n\nimport * as cn from \"./Blockquote.styles\";\n\nexport interface BlockquoteProps {\n    className?: string;\n    children: React.ReactNode;\n}\n\nexport function Blockquote({ className, children }: BlockquoteProps) {\n    return <blockquote\n        className={`${cn.BlockquoteHost} ${className || ''}`}\n    >\n        {children}\n    </blockquote>\n}","import {css} from \"@linaria/core\";\n\nexport const BlockquoteHost = css`\n    @layer defaults {\n        color: rgb(55 65 81 / 1);\n        font-style: italic;\n        border-color: rgb(209 213 219 / 1);\n        margin: 0;\n    }\n`;","import React from \"react\"\n\nimport * as cn from \"./Callout.styles\";\n\n/**\n * Props for the Callout component\n */\nexport interface CalloutProps {\n    /** Additional CSS class name to be applied to the callout */\n    className?: string;\n    \n    /** Content to be displayed inside the callout */\n    children: React.ReactNode;\n}\n\n/**\n * A Callout component that displays important information or notices in a visually distinct way.\n * It includes an info icon and a message area for content.\n * \n * @category Component\n */\nexport function Callout({ className, children }: CalloutProps) {\n    return <xyd-callout\n        className={`${cn.CalloutHost} ${className || ''}`}\n    >\n        <div part=\"icon\">\n            <$IconInfo />\n        </div>\n        <div part=\"message\">\n            <div part=\"message-body\">\n                {children}\n            </div>\n        </div>\n    </xyd-callout>\n}\n\nfunction $IconInfo() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"1em\"\n        height=\"1em\"\n        fill=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n    >\n        <path d=\"M13 12a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm-1-2.5A1.25 1.25 0 1 0 12 7a1.25 1.25 0 0 0 0 2.5Z\" />\n        <path\n            fillRule=\"evenodd\"\n            d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z\"\n            clipRule=\"evenodd\"\n        />\n    </svg>\n}\n","import {css} from \"@linaria/core\";\n\nexport const CalloutHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        position: relative;\n        width: 100%;\n        min-width: 275px;\n        padding: 8px 12px;\n        border-radius: 8px;\n        text-align: center;\n        border: 1px solid var(--xyd-callout-border-color);\n        background-color: var(--xyd-callout-bgcolor);\n        \n        code {\n            background: var(--white);\n        }\n        \n        [part=\"icon\"] {\n            display: inline-flex;\n            margin-right: 14px;\n            flex: 0 0 auto;\n            align-self: flex-start;\n            color: var(--xyd-callout-icon-color);\n            margin-top: 2px;\n        }\n        \n        [part=\"message\"] {\n            color: var(--xyd-callout-message-color);\n            text-align: left;\n            flex: 1 1 auto;\n        }\n        \n        [part=\"message-body\"] {\n        }\n        \n    }\n`;\n","import React from \"react\"\n\nimport { Button } from \"../Button\"\nimport { Text } from \"../Text\"\n\nimport * as cn from \"./Card.styles\"\n\ninterface CardProps {\n    title: string\n    href?: string\n    link?: React.ElementType\n\n    description?: string\n\n    imgSrc?: string\n    imgAlt?: string\n\n    shadow?: \"md\"\n}\n\nexport function Card(props: CardProps) {\n    const {\n        title,\n        description,\n        imgSrc,\n        imgAlt,\n        shadow,\n        href,\n        link,\n    } = props\n\n    const Link = link\n\n    return <xyd-card\n        data-shadow={shadow || undefined}\n        className={cn.CardHost}\n    >\n        {imgSrc && (\n            <div part=\"image-container\">\n                <div part=\"bg\">\n                    <img src={imgSrc} alt={imgAlt} />\n                </div>\n            </div>\n        )}\n\n        <div part=\"body\">\n            <div part=\"header\">\n                {Link && href ?\n                    <Text weight=\"bold\">\n                        <Link href={href}>\n                            {title}\n                        </Link>\n                    </Text>\n                    : <Text weight=\"bold\">\n                        {title}\n                    </Text>}\n                <Button size=\"sm\" kind=\"secondary\">\n                    Source\n                </Button>\n            </div>\n            <div part=\"description\">\n                <Text size=\"small\">\n                    {description}\n                </Text>\n            </div>\n        </div>\n    </xyd-card>\n}\n\n","import { css } from \"@linaria/core\"\n\nexport const CardHost = css`\n    background-color: var(--xyd-card-bgcolor);\n    border-radius: 8px;\n    box-shadow: 0 1px 2px 0 var(--xyd-card-shadow-color);\n    flex-direction: column;\n    display: flex;\n    overflow: hidden;\n\n    &[data-shadow=\"md\"] {\n        box-shadow: 0 5px 40px var(--xyd-card-shadow-color);\n    }\n\n    [part=\"image-container\"] {\n        border-bottom: 2px solid var(--xyd-card-border-color);\n        height: 200px;\n        overflow: hidden;\n        position: relative;\n\n        [part=\"bg\"] {\n            background-size: cover;\n            background-repeat: no-repeat;\n            position: relative;\n            height: 100%;\n        }\n\n        img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            margin-bottom: -4px;\n        }\n    }\n\n    [part=\"body\"] {\n        padding: 16px;\n\n        [part=\"header\"] {\n            margin-right: 4px;\n            align-items: center;\n            justify-content: space-between;\n            margin-bottom: 12px;\n            display: flex;\n        }\n    }\n`","import React from \"react\"\n\nimport * as cn from \"./Code.styles\";\n\nexport interface CodeProps {\n    className?: string;\n    children: React.ReactNode;\n}\n\nexport function Code({ className, children }: CodeProps) {\n    return <code className={`${cn.CodeHost} ${className || ''}`}>\n        <span part=\"content\">\n            {children}\n        </span>\n    </code>\n}","import {css} from \"@linaria/core\";\n\nexport const CodeHost = css`\n    @layer defaults {\n        display: inline-block;\n        padding: 0 .3em;\n        border-radius: 6px;\n        margin: 0 3px;\n        border: .5px solid var(--xyd-code-border-color);\n        background: var(--xyd-code-bgcolor);\n        \n        & [part=\"content\"] {\n            position: relative;\n        }\n    }\n`;","import React, { useEffect, useState } from \"react\";\n\nimport { Button } from \"../Button\";\n\nexport function ColorSchemeButton() {\n    const [currentScheme, changeColorScheme] = useColorScheme() as [string, () => void]\n\n    return <Button\n        size=\"sm\"\n        theme=\"ghost\"\n        icon={currentScheme === \"dark\" ? <IconDarkMode /> : <IconLightMode />}\n        onClick={changeColorScheme}\n    />\n}\n\nexport function useColorScheme() {\n    const [currentScheme, setCurrentScheme] = useState<string>('light')\n\n    // TODO: context \n    useEffect(() => {\n        const updateScheme = () => {\n            const html = document.querySelector(\"html\");\n            if (html) {\n                const scheme = html.getAttribute(\"data-color-scheme\") || \"os\";\n                if (scheme === \"os\") {\n                    const preferred = getPreferredColorScheme();\n                    setCurrentScheme(preferred || \"light\");\n                } else {\n                    setCurrentScheme(scheme);\n                }\n            }\n        };\n\n        updateScheme();\n\n        // Listen for changes to the color scheme\n        const observer = new MutationObserver(updateScheme);\n        const html = document.querySelector(\"html\");\n        if (html) {\n            observer.observe(html, { attributes: true, attributeFilter: ['data-color-scheme'] });\n        }\n\n        return () => observer.disconnect();\n    }, []);\n\n    function changeColorScheme() {\n        let colorScheme = \"\"\n\n        const preferredColorScheme = getPreferredColorScheme()\n        if (preferredColorScheme) {\n            colorScheme = preferredColorScheme === \"dark\" ? \"light\" : \"dark\"\n        }\n\n        const html = document.querySelector(\"html\");\n        if (!html) return;\n\n        const currentScheme = html.getAttribute(\"data-color-scheme\");\n        if (currentScheme && currentScheme !== \"os\") {\n            colorScheme = currentScheme === \"dark\" ? \"light\" : \"dark\";\n        }\n        if (!colorScheme) {\n            colorScheme = \"light\"\n        }\n\n        html.setAttribute(\"data-color-scheme\", colorScheme);\n        localStorage.setItem(\"xyd-color-scheme\", colorScheme);\n    }\n\n    return [currentScheme, changeColorScheme]\n}\n\nfunction getPreferredColorScheme() {\n    if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n        return 'dark';\n    }\n\n    if (window.matchMedia('(prefers-color-scheme: light)').matches) {\n        return 'light';\n    }\n\n    return null\n}\n\n\nfunction IconLightMode() {\n    return <svg\n        width={16}\n        height={16}\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <g clipPath=\"url(#clip0_2880_7340)\">\n            <path\n                d=\"M8 1.11133V2.00022\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M12.8711 3.12891L12.2427 3.75735\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M14.8889 8H14\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M12.8711 12.8711L12.2427 12.2427\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M8 14.8889V14\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M3.12891 12.8711L3.75735 12.2427\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M1.11133 8H2.00022\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M3.12891 3.12891L3.75735 3.75735\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M8.00043 11.7782C10.0868 11.7782 11.7782 10.0868 11.7782 8.00043C11.7782 5.91402 10.0868 4.22266 8.00043 4.22266C5.91402 4.22266 4.22266 5.91402 4.22266 8.00043C4.22266 10.0868 5.91402 11.7782 8.00043 11.7782Z\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </g>\n        <defs>\n            <clipPath id=\"clip0_2880_7340\">\n                <rect width={16} height={16} fill=\"white\" />\n            </clipPath>\n        </defs>\n    </svg>\n}\n\nfunction IconDarkMode() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={16}\n        height={16}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={2}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n    >\n        <path d=\"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z\" />\n    </svg>\n}\n","import React from \"react\"\n\nimport * as cn from \"./Details.styles\";\n\n/**\n * Base interface for all Details component variants\n */\nexport interface BaseDetailsProps {\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/**\n * Props for the tertiary variant of the Details component\n */\nexport interface TertiaryDetailsProps extends BaseDetailsProps {\n    /** Specifies the tertiary variant */\n    kind: \"tertiary\";\n\n    /** Title text or element displayed in the summary */\n    title: string | React.ReactNode;\n}\n\n/**\n * Props for the secondary variant of the Details component\n */\nexport interface SecondaryDetailsProps extends BaseDetailsProps {\n    /** Specifies the secondary variant */\n    kind: \"secondary\";\n\n    /** Title text or element displayed in the summary */\n    title: string | React.ReactNode;\n}\n\n/**\n * Props for the primary variant of the Details component\n */\nexport interface PrimaryDetailsProps extends BaseDetailsProps {\n    /** Specifies the primary variant (default) */\n    kind?: \"primary\";\n}\n\n/** Union type of all possible Details component variants */\nexport type DetailsProps = PrimaryDetailsProps | SecondaryDetailsProps | TertiaryDetailsProps\n\n/**\n * A collapsible details component that supports three variants: primary, secondary, and tertiary.\n * Each variant has a different visual style and structure.\n * \n * @param props - The component props\n * @returns A details element with collapsible content\n * \n * @category Component\n */\nexport function Details(props: DetailsProps): React.ReactElement {\n    const { children, label } = props;\n\n    let title\n\n    const isDeepKind = [\"secondary\", \"tertiary\"].includes(props.kind || \"\");\n\n    if (isDeepKind && \"title\" in props) {\n        title = props.title;\n    }\n\n    const kind = props.kind || \"primary\";\n\n    return <details\n        part=\"details\"\n        className={`${cn.DetailsHost} ${props.className || \"\"}`}\n        data-kind={props.kind}\n    >\n        <summary part=\"summary\">\n            {kind === \"primary\" && (\n                <>\n                    {props.icon || <$Icon />}\n                    <div part=\"summary-deep-label\">\n                        {label}\n                    </div>\n                </>\n            )}\n\n            {isDeepKind && (\n                <div>\n                    <div part=\"summary-deep\">\n                        {props.icon || <$IconDeep />}\n                        <div part=\"summary-deep-text\">\n                            {title}\n                        </div>\n                    </div>\n                    <div part=\"summary-deep-label\">\n                        {label}\n                    </div>\n                </div> \n            )}\n            {isDeepKind && <$Icon />}\n        </summary>\n\n        <div part=\"content\">\n            {children}\n        </div>\n    </details>\n}\n\nfunction $Icon() {\n    return <div part=\"icon\">\n        <svg\n            // TODO: bad solution\n            data-icon=\"true\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"1em\"\n            height=\"1em\"\n            fill=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n        >\n            <path\n                fillRule=\"evenodd\"\n                d=\"M8.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L14.586 12 8.293 5.707a1 1 0 0 1 0-1.414Z\"\n                clipRule=\"evenodd\"\n            />\n        </svg>\n    </div>\n}\n\nfunction $IconDeep() {\n    return <svg\n        width=\"1em\"\n        height=\"1em\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"none\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <g clipPath=\"url(#clip0_1689_2180)\">\n            <path\n                d=\"M4.3 4.3L7.1 7.1M10.6 5.7V1.5M14.8 7.8L17.6 5M5.7 11.3H1.5M7.1 14.8L4.3 17.6M15.5 22.5L9.9 9.9L22.5 14.8L16.9 16.2L15.5 22.5Z\"\n                stroke=\"black\"\n                strokeWidth={2}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </g>\n        <defs>\n            <clipPath id=\"clip0_1689_2180\">\n                <rect width={24} height={24} fill=\"white\" />\n            </clipPath>\n        </defs>\n    </svg>\n}\n\n","import { css } from \"@linaria/core\";\n\nexport const DetailsHost = css`\n    @layer defaults {\n        border-top: 1px solid var(--xyd-details-border-color);\n    \n        &[data-kind=\"secondary\"], &[data-kind=\"tertiary\"] {\n            background-color:  var(--xyd-details-bgcolor--secondary);\n            border: 1px solid var(--xyd-details-border-color);\n            border-radius: 8px;\n        }\n\n        &[open] [part=\"summary\"] svg[data-icon=\"true\"] { \n            transform: rotate(90deg);\n        }\n\n        [part=\"summary\"] {\n            padding: 16px 14px 16px 0;\n            cursor: pointer;\n            font-weight: var(--xyd-font-weight-medium);\n            font-variant-numeric: tabular-nums;\n            transition: color 0.3s;\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: flex-start;\n            list-style: none;\n\n            &:hover {\n                color: var(--xyd-details-summary-color--active);\n            }\n        }\n\n        &[data-kind=\"tertiary\"] [part=\"summary\"]{\n            padding: 10px 24px;\n        }\n        &[data-kind=\"secondary\"],\n        &[data-kind=\"tertiary\"] {\n            [part=\"summary\"] {\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                cursor: pointer;\n                padding: 20px 24px;\n            }\n        }\n\n        [part=\"summary-deep\"] {\n            display: flex;\n            align-items: center;\n            margin-bottom: 8px;\n        }\n\n        [part=\"summary-deep-text\"] {\n            color: var(--xyd-details-summary-color);\n            text-transform: none;\n            letter-spacing: .08em;\n            margin-left: 8px;\n            font-weight: var(--xyd-font-weight-bold);\n\n            code {\n                background: var(--xyd-details-summary-code-bgcolor);\n            }\n        }\n\n        [part=\"summary-deep-label\"] {\n            flex: 1 1 auto;\n        }\n\n        // TODO: after migration to web-components should be removed cuz 'part=\"content\"' can be also in another element as child\n        & > [part=\"content\"] { \n            padding: 0 24px 20px;\n        }\n        &[data-kind=\"tertiary\"] > [part=\"content\"] {\n            background-color: var(--xyd-details-content-bgcolor);\n            padding-top: 20px;\n\n            code {\n                background: var(--xyd-details-content-bgcolor);\n            }\n        }\n\n        [part=\"icon\"] {\n            flex: 0 0 auto;\n            font-size: var(--xyd-font-size-medium);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding-right: 6px;\n        }\n    }\n`;\n\n","import React, { } from \"react\"\n\nimport * as cn from \"./Heading.styles\";\nimport { Badge } from \"writer\";\n\n/**\n * Props for the Heading component\n * @interface HeadingProps\n */\nexport interface HeadingProps {\n    /** Content to be rendered inside the heading */\n    children: React.ReactNode\n\n    /** The size of the heading (1-6, corresponding to h1-h6) */\n    size: 1 | 2 | 3 | 4 | 5 | 6\n\n    /** Optional HTML element to render as (div or span) */\n    as?: \"div\" | \"span\"\n\n    /** Optional ID for the heading element */\n    id?: string\n\n    /** Optional visual style variant */\n    kind?: \"muted\"\n\n    /** Optional click handler */\n    onClick?: () => void\n\n    /** Optional additional CSS class name */\n    className?: string\n\n    /** Optional active state */\n    active?: boolean\n\n    /** Optional label for the heading */\n    label?: string\n\n    /** Optional subtitle for the heading */\n    subtitle?: string\n\n    /** Optional to hide the anchor icon */\n    noanchor?: boolean\n\n    /** Optional ref for the heading element */\n    ref?: React.RefObject<HTMLHeadingElement>\n\n    style?: React.CSSProperties\n}\n\n/**\n * A flexible heading component that can render as any heading level (h1-h6) or as a div/span\n * \n * @category Component\n */\nexport function Heading(props: HeadingProps) {\n    const {\n        children,\n        size = 1,\n        as,\n        id,\n        onClick,\n        className,\n        kind,\n        active,\n        label,\n        subtitle,\n        noanchor,\n        ref,\n        style,\n    } = props\n    let HeadingComponent = as ? as : `h${size}` as \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"\n\n    return <>\n        <HeadingComponent\n            style={style || undefined}\n            className={` ${cn.HeadingHost}  ${className || ''}`}\n            data-size={size}\n            data-kind={kind}\n            data-has-label={String(label ? \"true\" : \"false\")}\n            data-noanchor={String(noanchor || \"false\")}\n            data-active={String(active || \"false\")}\n            onClick={noanchor ? undefined : onClick}\n            id={id}\n            ref={ref}\n        >\n            {children}\n\n            {label && <Badge size=\"sm\">{label}</Badge>}\n\n            {id && !noanchor && <$Anchor />}\n        </HeadingComponent>\n\n        {\n            subtitle ? <Heading\n                {...props}\n                size={4}\n                kind=\"muted\"\n                subtitle={undefined} \n                label={undefined}\n            >\n                {subtitle}\n            </Heading> : null\n        }\n    </>\n}\n\nfunction $Anchor() {\n    return <svg\n        part=\"icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={15}\n        height={15}\n        fill=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n        role=\"presentation\"\n    >\n        <path\n            fillRule=\"evenodd\"\n            d=\"M18.293 5.707a4.657 4.657 0 0 0-6.586 0l-1 1a1 1 0 1 1-1.414-1.414l1-1a6.657 6.657 0 1 1 9.414 9.414l-1 1a1 1 0 0 1-1.414-1.414l1-1a4.657 4.657 0 0 0 0-6.586Zm-2.586 2.586a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414l6-6a1 1 0 0 1 1.414 0Zm-9 1a1 1 0 0 1 0 1.414l-1 1a4.657 4.657 0 0 0 6.586 6.586l1-1a1 1 0 0 1 1.414 1.414l-1 1a6.657 6.657 0 1 1-9.414-9.414l1-1a1 1 0 0 1 1.414 0Z\"\n            clipRule=\"evenodd\"\n        />\n    </svg>\n}","import { css } from \"@linaria/core\";\n\nexport const HeadingHost = css`\n    @layer defaults {\n        color: var(--xyd-heading-color);\n        line-height: var(--xyd-line-height-xlarge);\n        font-weight: var(--xyd-font-weight-semibold);\n\n        position: relative;\n        display: table;\n        margin: 0;\n        padding: 0 24px 0 0;\n        scroll-margin-top: 30px;\n        cursor: default;\n\n        &[id] {\n            cursor: pointer;\n        }\n        &[data-noanchor=\"true\"] {\n            cursor: default;\n        }\n\n        &[data-has-label=\"true\"] {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n\n            xyd-badge {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n                letter-spacing: 2px;\n            }\n        }\n\n        &:hover {\n            svg {\n                opacity: 1;\n            }\n        }\n\n        &[data-kind=\"muted\"] {\n            color: var(--xyd-heading-color--muted);\n            cursor: default;\n            font-weight: var(--xyd-font-weight-medium);\n        }\n\n        &[data-size=\"1\"] {\n            font-size: var(--xyd-font-size-2xl);\n            line-height: var(--xyd-line-height-2xl);\n        }\n\n        &[data-size=\"2\"] {\n            font-size: var(--xyd-font-size-xxlarge);\n            line-height: var(--xyd-line-height-xxlarge);\n        }\n\n        &[data-size=\"3\"] {\n            font-size: var(--xyd-font-size-xlarge);\n            line-height: var(--xyd-line-height-xlarge);\n        }\n\n        &[data-size=\"4\"] {\n            font-size: var(--xyd-font-size-large);\n            line-height: var(--xyd-line-height-large);\n        }\n\n        &[data-size=\"5\"] {\n            font-size: var(--xyd-font-size-medium);\n            line-height: var(--xyd-line-height-medium);\n        }\n\n        &[data-size=\"6\"] {\n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n        }\n\n        [part=\"icon\"] {\n            position: absolute;\n            top: 50%;\n            right: 0;\n            margin-top: -6px;\n            opacity: 0;\n            color: var(--xyd-heading-icon-color);\n            transition: opacity .15s ease;\n        }\n        &[data-active=\"true\"] {\n            [part=\"icon\"] {\n                opacity: 1;\n            }\n        }\n    }\n`;\n\n","import React from \"react\"\n\nimport * as cn from \"./Hr.styles\";\n\nexport interface HrProps {\n}\n\nexport function Hr() {\n    return <hr part=\"hr\" className={cn.HrHost}/>\n}","import {css} from \"@linaria/core\";\n\nexport const HrHost = css`\n    @layer defaults {\n        border: 0.5px solid var(--xyd-hr-border-color);\n    }\n`;","\n\nimport React from 'react';\n\nimport * as cn from \"./Image.styles\"\n\nexport interface ImageProps {\n    src: string\n    alt: string\n    style?: React.CSSProperties\n}\n\nexport function Image(props: ImageProps) {\n    return <img\n        src={props.src}\n        alt={props.alt}\n        className={cn.ImageHost}\n    />\n}","import { css } from \"@linaria/core\"\n\nexport const ImageHost = css`\n    @layer defaults {\n        width: 100%;\n        border-radius: 16px;\n        box-shadow: 0 2px 16px rgba(0,0,0,0.06);\n    }\n`;","import React from 'react';\n\nimport { Badge } from '../Badge';\nimport { Text } from '../Text';\n\nimport * as cn from \"./Update.styles\"\n\ninterface UpdateProps {\n    children: React.ReactNode\n\n    version: string\n\n    date?: string\n}\n\nexport function Update(props: UpdateProps) {\n    const { date, version, children } = props;\n    return (\n        <xyd-update className={cn.UpdateHost}>\n            <div part=\"meta\">\n                {date && <div part=\"date\">\n                    <Badge>\n                        {date}\n                    </Badge>\n                </div>}\n                <div part=\"version\">\n                    <Text size=\"small\">\n                        {version}\n                    </Text>\n                </div>\n            </div>\n            <div part=\"content-container\">\n                <div part=\"content\">{children}</div>\n            </div>\n        </xyd-update>\n    );\n}\n","import { css } from \"@linaria/core\"\n\nexport const UpdateHost = css`\n    @layer defaults {\n        gap: 24px;\n        flex-direction: row;\n        padding-top: 32px;\n        padding-bottom: 32px;\n        align-items: flex-start;\n        width: 100%;\n        display: flex;\n        position: relative;\n\n        [part=\"meta\"] {\n            width: 160px;\n            position: sticky;\n            justify-content: flex-start;\n            align-items: flex-start;\n            flex-direction: column;\n            flex-shrink: 0;\n            display: flex;\n            gap: 10px;\n        }\n\n        [part=\"content-container\"] {\n            padding-left: 2px;\n            padding-right: 2px;\n            overflow: hidden;\n            flex: 1 1 0%;\n            max-width: 100%;\n        }\n    }\n`;"],"names":["Badge","_ref","className","children","_ref$size","size","_ref$kind","kind","React","createElement","concat","part","Blockquote","Callout","$IconInfo","xmlns","width","height","fill","viewBox","d","fillRule","clipRule","Card","props","title","description","imgSrc","imgAlt","shadow","href","Link","link","undefined","src","alt","Text","weight","Button","Code","ColorSchemeButton","_useColorScheme","useColorScheme","_useColorScheme2","_slicedToArray","currentScheme","changeColorScheme","theme","icon","IconDarkMode","IconLightMode","onClick","_useState","useState","_useState2","setCurrentScheme","useEffect","updateScheme","html","document","querySelector","scheme","getAttribute","preferred","getPreferredColorScheme","observer","MutationObserver","observe","attributes","attributeFilter","disconnect","colorScheme","preferredColorScheme","setAttribute","localStorage","setItem","window","matchMedia","matches","stroke","clipPath","strokeWidth","strokeLinecap","strokeLinejoin","id","Details","label","isDeepKind","includes","Fragment","$Icon","$IconDeep","Heading","_props$size","as","active","subtitle","noanchor","ref","style","HeadingComponent","String","$Anchor","Object","assign","role","Hr","Image","Update","date","version"],"mappings":"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"}

package/dist/Update-D7tzid9y.js

@@ -1,2 +0,0 @@
-import e,{useState as t,useEffect as r}from"react";import{B as a}from"./VideoGuide-yyBprKvP.js";import{T as n}from"./Text-Bxe0mzUL.js";import{a as l}from"./_rollupPluginBabelHelpers-C10TYBta.js";import"./tslib.es6-DS8w8jUy.js";import"./Icon-CEm2iFxX.js";function c(t){var r=t.className,a=t.children,n=t.size,l=void 0===n?"sm":n,c=t.kind,i=void 0===c?"default":c;return e.createElement("xyd-badge",{className:"".concat("butvd2b"," ").concat(r||""),"data-size":l,"data-kind":i},e.createElement("span",{part:"child"},a))}function i(t){var r=t.className,a=t.children;return e.createElement("blockquote",{className:"".concat("b1wifk81"," ").concat(r||"")},a)}function o(t){var r=t.className,a=t.children;return e.createElement("xyd-callout",{className:"".concat("chnegou"," ").concat(r||"")},e.createElement("div",{part:"icon"},e.createElement(s,null)),e.createElement("div",{part:"message"},e.createElement("div",{part:"message-body"},a)))}function s(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24"},e.createElement("path",{d:"M13 12a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm-1-2.5A1.25 1.25 0 1 0 12 7a1.25 1.25 0 0 0 0 2.5Z"}),e.createElement("path",{fillRule:"evenodd",d:"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z",clipRule:"evenodd"}))}function d(t){var r=t.title,l=t.description,c=t.imgSrc,i=t.imgAlt,o=t.shadow,s=t.href,d=t.link;return e.createElement("xyd-card",{"data-shadow":o||void 0,className:"c1vswvqd"},c&&e.createElement("div",{part:"image-container"},e.createElement("div",{part:"bg"},e.createElement("img",{src:c,alt:i}))),e.createElement("div",{part:"body"},e.createElement("div",{part:"header"},d&&s?e.createElement(n,{weight:"bold"},e.createElement(d,{href:s},r)):e.createElement(n,{weight:"bold"},r),e.createElement(a,{size:"sm",kind:"secondary"},"Source")),e.createElement("div",{part:"description"},e.createElement(n,{size:"small"},l))))}function m(t){var r=t.className,a=t.children;return e.createElement("code",{className:"".concat("c1w59zdn"," ").concat(r||"")},e.createElement("span",{part:"content"},a))}function u(){var t=h(),r=l(t,2),n=r[0],c=r[1];return e.createElement(a,{size:"sm",theme:"ghost",icon:"dark"===n?e.createElement(E,null):e.createElement(v,null),onClick:c})}function h(){var e=t("light"),a=l(e,2),n=a[0],c=a[1];return r(function(){var e=function(){var e=document.querySelector("html");if(e){var t=e.getAttribute("data-color-scheme")||"os";if("os"===t){var r=p();c(r||"light")}else c(t)}};e();var t=new MutationObserver(e),r=document.querySelector("html");return r&&t.observe(r,{attributes:!0,attributeFilter:["data-color-scheme"]}),function(){return t.disconnect()}},[]),[n,function(){var e="",t=p();t&&(e="dark"===t?"light":"dark");var r=document.querySelector("html");if(r){var a=r.getAttribute("data-color-scheme");a&&"os"!==a&&(e="dark"===a?"light":"dark"),e||(e="light"),r.setAttribute("data-color-scheme",e),localStorage.setItem("xyd-color-scheme",e)}}]}function p(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":window.matchMedia("(prefers-color-scheme: light)").matches?"light":null}function v(){return e.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{clipPath:"url(#clip0_2880_7340)"},e.createElement("path",{d:"M8 1.11133V2.00022",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M12.8711 3.12891L12.2427 3.75735",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M14.8889 8H14",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M12.8711 12.8711L12.2427 12.2427",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M8 14.8889V14",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M3.12891 12.8711L3.75735 12.2427",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M1.11133 8H2.00022",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M3.12891 3.12891L3.75735 3.75735",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M8.00043 11.7782C10.0868 11.7782 11.7782 10.0868 11.7782 8.00043C11.7782 5.91402 10.0868 4.22266 8.00043 4.22266C5.91402 4.22266 4.22266 5.91402 4.22266 8.00043C4.22266 10.0868 5.91402 11.7782 8.00043 11.7782Z",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_2880_7340"},e.createElement("rect",{width:16,height:16,fill:"white"}))))}function E(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"},e.createElement("path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"}))}function k(t){var r,a=t.children,n=t.label,l=["secondary","tertiary"].includes(t.kind||"");l&&"title"in t&&(r=t.title);var c=t.kind||"primary";return e.createElement("details",{part:"details",className:"".concat("dwmojve"," ").concat(t.className||""),"data-kind":t.kind},e.createElement("summary",{part:"summary"},"primary"===c&&e.createElement(e.Fragment,null,t.icon||e.createElement(g,null),e.createElement("div",{part:"summary-deep-label"},n)),l&&e.createElement("div",null,e.createElement("div",{part:"summary-deep"},t.icon||e.createElement(f,null),e.createElement("div",{part:"summary-deep-text"},r)),e.createElement("div",{part:"summary-deep-label"},n)),l&&e.createElement(g,null)),e.createElement("div",{part:"content"},a))}function g(){return e.createElement("div",{part:"icon"},e.createElement("svg",{"data-icon":"true",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24"},e.createElement("path",{fillRule:"evenodd",d:"M8.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L14.586 12 8.293 5.707a1 1 0 0 1 0-1.414Z",clipRule:"evenodd"})))}function f(){return e.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",stroke:"none",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{clipPath:"url(#clip0_1689_2180)"},e.createElement("path",{d:"M4.3 4.3L7.1 7.1M10.6 5.7V1.5M14.8 7.8L17.6 5M5.7 11.3H1.5M7.1 14.8L4.3 17.6M15.5 22.5L9.9 9.9L22.5 14.8L16.9 16.2L15.5 22.5Z",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_1689_2180"},e.createElement("rect",{width:24,height:24,fill:"white"}))))}function w(t){var r=t.children,a=t.size,n=void 0===a?1:a,l=t.as,i=t.id,o=t.onClick,s=t.className,d=t.kind,m=t.active,u=t.label,h=t.subtitle,p=t.noanchor,v=t.ref,E=t.style,k=l||"h".concat(n);return e.createElement(e.Fragment,null,e.createElement(k,{style:E||void 0,className:" ".concat("h1tn40xd","  ").concat(s||""),"data-size":n,"data-kind":d,"data-has-label":String(u?"true":"false"),"data-noanchor":String(p||"false"),"data-active":String(m||"false"),onClick:p?void 0:o,id:i,ref:v},r,u&&e.createElement(c,{size:"sm"},u),i&&!p&&e.createElement(L,null)),h?e.createElement(w,Object.assign({},t,{size:4,kind:"muted",subtitle:void 0,label:void 0}),h):null)}function L(){return e.createElement("svg",{part:"icon",xmlns:"http://www.w3.org/2000/svg",width:15,height:15,fill:"currentColor",viewBox:"0 0 24 24",role:"presentation"},e.createElement("path",{fillRule:"evenodd",d:"M18.293 5.707a4.657 4.657 0 0 0-6.586 0l-1 1a1 1 0 1 1-1.414-1.414l1-1a6.657 6.657 0 1 1 9.414 9.414l-1 1a1 1 0 0 1-1.414-1.414l1-1a4.657 4.657 0 0 0 0-6.586Zm-2.586 2.586a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414l6-6a1 1 0 0 1 1.414 0Zm-9 1a1 1 0 0 1 0 1.414l-1 1a4.657 4.657 0 0 0 6.586 6.586l1-1a1 1 0 0 1 1.414 1.414l-1 1a6.657 6.657 0 1 1-9.414-9.414l1-1a1 1 0 0 1 1.414 0Z",clipRule:"evenodd"}))}function b(){return e.createElement("hr",{part:"hr",className:"h1ej4n95"})}function M(t){return e.createElement("img",{src:t.src,alt:t.alt,className:"iz14jlg"})}function y(t){var r=t.date,a=t.version,l=t.children;return e.createElement("xyd-update",{className:"u1465cfe"},e.createElement("div",{part:"meta"},r&&e.createElement("div",{part:"date"},e.createElement(c,null,r)),e.createElement("div",{part:"version"},e.createElement(n,{size:"small"},a))),e.createElement("div",{part:"content-container"},e.createElement("div",{part:"content"},l)))}export{i as B,m as C,k as D,b as H,M as I,y as U,u as a,c as b,o as c,w as d,d as e,h as u};
-//# sourceMappingURL=Update-D7tzid9y.js.map