@xyd-js/components 0.1.0-build.168

package/dist/Update-CFi6uapq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Update-CFi6uapq.js","sources":["../src/writer/Blockquote/Blockquote.tsx","../src/writer/Blockquote/Blockquote.styles.tsx","../src/writer/Breadcrumbs/Breadcrumbs.tsx","../src/writer/Breadcrumbs/Breadcrumbs.styles.ts","../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/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 \"./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        <$SVGQuote />\n\n        <div>\n            {children}\n        </div>\n    </blockquote>\n}\n\nfunction $SVGQuote(props: React.SVGProps<SVGSVGElement>) {\n    return (\n        <svg\n            width={15}\n            height={11}\n            viewBox=\"0 0 15 11\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            part=\"quote\"\n            {...props}\n        >\n            <path\n                d=\"M15 1.72c-1.96.95-2.94 2.07-2.94 3.36.83.1 1.53.44 2.07 1.02.55.58.82 1.25.82 2.01a2.81 2.81 0 0 1-2.8 2.89c-.9 0-1.68-.36-2.33-1.09a3.78 3.78 0 0 1-1-2.63c0-3.1 1.76-5.53 5.26-7.28L15 1.72zm-8.83 0c-1.97.95-2.96 2.07-2.96 3.36.85.1 1.55.44 2.1 1.02.54.58.82 1.25.82 2.01A2.82 2.82 0 0 1 3.3 11 3 3 0 0 1 .98 9.91 3.8 3.8 0 0 1 0 7.28C0 4.18 1.74 1.75 5.23 0l.94 1.72z\"\n                fillRule=\"nonzero\"\n            />\n        </svg>\n    )\n}","import {css} from \"@linaria/core\";\n\nexport const BlockquoteHost = css`\n    @layer defaults {\n        border-color: var(--xyd-blockquote-border-color);\n        color: var(--xyd-blockquote-color);\n        font-style: italic;\n        margin: 0;\n        display: grid;\n        grid: auto / 24px auto;\n\n        [part=\"quote\"] {\n            fill: var(--color-primary);\n        }\n        \n        p::after {\n            content: \"”\";\n        }\n    }\n`;","import React, { Fragment } from 'react'\nimport type { ReactElement } from 'react'\n\nimport * as cn from './Breadcrumbs.styles'\n\nexport interface BreadcrumbsProps {\n    className?: string;\n    items: {\n        title: string\n        href?: string\n    }[]\n\n    as?: React.ElementType\n}\n\nexport function Breadcrumbs({ className, items, as }: BreadcrumbsProps): ReactElement {\n    const Link = as || $Link\n\n    return (\n        <xyd-breadcrumbs\n            className={`${cn.BreadcrumbsHost} ${className || ''}`}\n        >\n            {items.map((item, index) => {\n                const lastActive = index === items.length - 1\n\n                return (\n                    <Fragment key={item.href + item.title}>\n                        {index > 0 && <$BreadcrumbIcon />}\n                        <div\n                            part=\"item\"\n                            data-active={lastActive ? \"true\" : \"false\"}\n                        >\n                            {item.href && !lastActive ? (\n                                <Link href={item.href}>{item.title}</Link>\n                            ) : (\n                                item.title\n                            )}\n                        </div>\n                    </Fragment>\n                )\n            })}\n        </xyd-breadcrumbs>\n    )\n}\n\nfunction $BreadcrumbIcon() {\n    return <span part=\"icon\">/</span>\n}\n\nfunction $Link({ href, children, ...rest }) {\n    return <a\n        href={href}\n        {...rest}\n    >\n        {children}\n    </a>\n}","import { css } from \"@linaria/core\";\n\nexport const BreadcrumbsHost = css`\n    @layer defaults {\n        display: flex;\n        overflow: hidden;\n        gap: 4px;\n        align-items: center;\n        color: var(--xyd-breadcrumbs-color);\n        \n        [part=\"icon\"] {\n        }\n        \n        [part=\"item\"] {\n            white-space: nowrap;\n            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n            transition-duration: 300ms;\n        }\n        \n        [part=\"item\"][data-active=\"true\"] {\n        }\n    }\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    kind?: \"warning\" | \"note\" | \"tip\" | \"check\" | \"danger\"\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, kind }: CalloutProps) {\n    let icon\n\n    switch (kind) {\n        case \"tip\":\n            icon = <$BulbIcon />\n            break\n        case \"check\":\n            icon = <$CheckIcon />\n            break\n        case \"warning\":\n            icon = <$WarningIcon />\n            break\n        case \"danger\":\n            icon = <$DangerIcon />\n            break\n        case \"note\":\n            icon = <$NoteIcon />\n            break\n        default:\n            icon = <$IconInfo />\n            break\n    }\n\n    return <xyd-callout\n        data-kind={kind}\n        className={`${cn.CalloutHost} ${className || ''}`}\n    >\n        <div part=\"icon\">\n            {icon}\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=\"24\"\n        height=\"24\"\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\nfunction $BulbIcon() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n    >\n        <g\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={1.5}\n        >\n            <path d=\"M17.252 12.49c-.284 2.365-1.833 3.31-2.502 3.996c-.67.688-.55.825-.505 1.834a.916.916 0 0 1-.916.971h-2.658a.92.92 0 0 1-.917-.971c0-.99.092-1.22-.504-1.834c-.76-.76-2.548-1.833-2.548-4.784a5.307 5.307 0 1 1 10.55.788\" />\n            <path d=\"M10.46 19.236v1.512c0 .413.23.752.513.752h2.053c.285 0 .514-.34.514-.752v-1.512m-2.32-10.54a2.227 2.227 0 0 0-2.226 2.227m10.338.981h1.834m-3.68-6.012l1.301-1.301M18.486 17l1.301 1.3M12 2.377V3.86m-6.76.73l1.292 1.302M4.24 18.3L5.532 17m-.864-5.096H2.835\" />\n        </g>\n    </svg>\n}\n\nfunction $CheckIcon() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={24}\n        height={24}\n        viewBox=\"0 0 24 24\"\n    >\n        <path\n            fill=\"currentColor\"\n            d=\"m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z\"\n        />\n    </svg>\n}\n\nfunction $WarningIcon() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={24}\n        height={24}\n        viewBox=\"-2 -3 24 24\"\n    >\n        <path\n            fill=\"currentColor\"\n            d=\"m12.8 1.613l6.701 11.161c.963 1.603.49 3.712-1.057 4.71a3.2 3.2 0 0 1-1.743.516H3.298C1.477 18 0 16.47 0 14.581c0-.639.173-1.264.498-1.807L7.2 1.613C8.162.01 10.196-.481 11.743.517c.428.276.79.651 1.057 1.096m-2.22.839a1.077 1.077 0 0 0-1.514.365L2.365 13.98a1.17 1.17 0 0 0-.166.602c0 .63.492 1.14 1.1 1.14H16.7c.206 0 .407-.06.581-.172a1.164 1.164 0 0 0 .353-1.57L10.933 2.817a1.1 1.1 0 0 0-.352-.365zM10 14a1 1 0 1 1 0-2a1 1 0 0 1 0 2m0-9a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V6a1 1 0 0 1 1-1\"\n        />\n    </svg>\n}\n\nfunction $DangerIcon() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={24}\n        height={24}\n        viewBox=\"0 0 24 24\"\n    >\n        <path\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={1.5}\n            d=\"M20.5 15.8V8.2a1.91 1.91 0 0 0-.944-1.645l-6.612-3.8a1.88 1.88 0 0 0-1.888 0l-6.612 3.8A1.9 1.9 0 0 0 3.5 8.2v7.602a1.91 1.91 0 0 0 .944 1.644l6.612 3.8a1.88 1.88 0 0 0 1.888 0l6.612-3.8A1.9 1.9 0 0 0 20.5 15.8M12 7.627v5.5m0 3.246v-.5\"\n        />\n    </svg>\n}\n\nfunction $NoteIcon() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={24}\n        height={24}\n        viewBox=\"0 0 24 24\"\n    >\n        <g className=\"pin-outline\">\n            <g\n                fill=\"currentColor\"\n                fillRule=\"evenodd\"\n                className=\"Vector\"\n                clipRule=\"evenodd\"\n            >\n                <path d=\"M12 16.143a1 1 0 0 1 1 1V21a1 1 0 0 1-2 0v-3.857a1 1 0 0 1 1-1\" />\n                <path d=\"M8.447 4.223q0 .01.007.033c.05.17.12.344.198.51c.262.549.53 1.246.53 2.027v3.85c0 1.03-.442 1.97-1.109 2.666c-.49.512-.873.979-1.169 1.391c-.114.16-.133.269-.135.321a.25.25 0 0 0 .052.16c.089.126.352.319.83.319h4.985a1 1 0 1 1 0 2H7.652c-.987 0-1.93-.403-2.468-1.17c-.58-.827-.556-1.887.095-2.795c.355-.495.8-1.035 1.35-1.61c.358-.373.553-.833.553-1.282v-3.85c0-.335-.118-.71-.336-1.168a5.5 5.5 0 0 1-.31-.805c-.265-.898.081-1.68.664-2.168C7.736 2.204 8.455 2 9.124 2h3.512a1 1 0 1 1 0 2H9.124c-.303 0-.536.099-.64.186a.2.2 0 0 0-.037.037m-.005.007\" />\n                <path d=\"M15.553 4.223a3.5 3.5 0 0 1-.206.543c-.26.549-.529 1.246-.529 2.027v3.85c0 1.03.442 1.97 1.109 2.666c.49.512.873.979 1.169 1.391c.114.16.133.269.135.321a.25.25 0 0 1-.052.16c-.089.126-.352.319-.83.319h-4.985a1 1 0 1 0 0 2h4.985c.986 0 1.928-.403 2.467-1.17c.58-.827.556-1.887-.095-2.795c-.355-.495-.8-1.035-1.35-1.61c-.358-.373-.553-.833-.553-1.282v-3.85c0-.335.118-.71.335-1.168c.116-.243.226-.515.311-.805c.265-.898-.081-1.68-.664-2.168C16.264 2.204 15.545 2 14.876 2h-3.512a1 1 0 1 0 0 2h3.512c.303 0 .536.099.64.186q.029.026.037.037m.005.007\" />\n            </g>\n        </g>\n    </svg>\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        overflow: auto;\n        \n        code {\n            background: var(--white);\n        }\n        \n        /* Common callout styles */\n        &[data-kind] {\n            --callout-border-color: color-mix(in srgb, var(--callout-color) 30%, transparent);\n            --callout-bgcolor: color-mix(in srgb, var(--callout-color-muted) 10%, transparent);\n            border-color: var(--callout-border-color);\n            background-color: var(--callout-bgcolor);\n\n            p {\n                color: var(--callout-color-active);\n            }\n\n            a {\n                color: var(--text-primary);\n                text-decoration: underline;\n                text-decoration-color: var(--callout-color-active);\n                text-underline-offset: 4px;\n                text-decoration-thickness: 1px;\n                font-weight: var(--xyd-font-weight--semibold);\n\n                &:hover {\n                    text-decoration-thickness: 2px;\n                }\n            }\n\n            [part=\"icon\"] {\n                svg {\n                    color: var(--callout-color-active);\n                    fill: var(--callout-color-active);\n                }\n            }\n        }\n        \n        &[data-kind=\"tip\"] {\n            --callout-color: var(--xyd-text-color--success);\n            --callout-color-muted: var(--xyd-text-color--success--muted);\n            --callout-color-active: var(--xyd-text-color--success--active);\n        }\n        \n        &[data-kind=\"check\"] {\n            --callout-color: var(--xyd-text-color--success);\n            --callout-color-muted: var(--xyd-text-color--success--muted);\n            --callout-color-active: var(--xyd-text-color--success--active);\n        }\n\n        &[data-kind=\"warning\"] {\n            --callout-color: var(--xyd-text-color--warn);\n            --callout-color-muted: var(--xyd-text-color--warn--muted);\n            --callout-color-active: var(--xyd-text-color--warn--active);\n        }\n        \n        &[data-kind=\"note\"] {\n            --callout-color: var(--xyd-text-color--info);\n            --callout-color-muted: var(--xyd-text-color--info--muted);\n            --callout-color-active: var(--xyd-text-color--info--active);\n        }\n        \n        &[data-kind=\"danger\"] {\n            --callout-color: var(--xyd-text-color--error);\n            --callout-color-muted: var(--xyd-text-color--error--muted);\n            --callout-color-active: var(--xyd-text-color--error--active);\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    btnText?: string\n\n    imgSrc?: string\n    imgAlt?: string\n\n    logoSrc?: string\n    logoAlt?: string\n\n    shadow?: \"md\"\n}\n\nexport function Card(props: CardProps) {\n    const {\n        title,\n        description,\n        imgSrc,\n        imgAlt,\n        logoSrc,\n        logoAlt,\n        shadow,\n        href,\n        link,\n        btnText,\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 part=\"bg-shadow\" />\n                </div>\n\n                {\n                    Link && href && logoSrc && <Link\n                        target=\"_blank\"\n                        rel=\"noopener\"\n                        part=\"author-link\"\n                        href={href}\n                    >\n                        <img\n                            src={logoSrc}\n                            alt={logoAlt}\n                        />\n                    </Link>\n                }\n\n            </div>\n        )}\n\n        <div part=\"body\">\n            <div part=\"header\">\n                {Link && href && !logoSrc ?\n                    <Text weight=\"bold\">\n                        <Link href={href}>\n                            {title}\n                        </Link>\n                    </Text>\n                    : <Text weight=\"bold\">\n                        {title}\n                    </Text>}\n                {\n                    btnText && <Button size=\"md\" kind=\"secondary\">\n                        {btnText}\n                    </Button>\n                }\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    --card-shadow-atom-color: color-mix(\n        in srgb,\n        var(--black) 10%,\n        transparent 90%\n    );\n    --card-shadow: 0 1px 3px 0 var(--card-shadow-atom-color), 0 1px 2px -1px var(--card-shadow-atom-color);\n    --card-ring-offset-shadow: 0 0 var(--black);\n    --card-ring-shadow: 0 0 var(--black);\n\n    box-shadow: var(--card-ring-offset-shadow, 0 0 var(--black)), var(--card-ring-shadow, 0 0 var(--black)), var(--card-shadow);\n    /* box-shadow: 0 1px 2px 0 var(--xyd-card-shadow-color); */\n    \n    border-radius: 8px;\n    background-color: var(--xyd-card-bgcolor);\n    flex-direction: column;\n    display: flex;\n    overflow: hidden;\n    position: relative;\n    height: 100%;\n\n    /* &[data-shadow=\"md\"] {\n        box-shadow: 0 5px 40px var(--xyd-card-shadow-color);\n    } */\n\n    &:hover {\n        --card-shadow: 0 10px 15px -3px var(--card-shadow-atom-color), 0 4px 6px -4px var(--card-shadow-atom-color);\n        box-shadow: var(--card-ring-offset-shadow, 0 0 var(--black)), var(--card-ring-shadow, 0 0 var(--black)), var(--card-shadow);\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        transition: transform 0.1s ease-in;\n\n        &:hover {\n            transform: scale(1.02);\n        }\n\n        [part=\"bg\"] {\n            background-size: cover;\n            background-repeat: no-repeat;\n            position: relative;\n            height: 100%;\n        }\n\n        [part=\"bg-shadow\"] {\n            --card-gradient-from: hsla(0, 0%, 4%, 0) var(--xyd-gradient-from-position);\n            --card-gradient-to: hsla(0, 0%, 4%, .2) var(--xyd-gradient-to-position);\n            --card-gradient-stops: var(--card-gradient-from), hsla(0, 0%, 4%, .1) var(--xyd-gradient-via-position), var(--card-gradient-to);\n            background-repeat: no-repeat;\n            background-size: cover;\n            height: 100%;\n            position: absolute;\n            top: 0;\n            width: 100%;\n            background-image: linear-gradient(to bottom, var(--card-gradient-stops));\n            pointer-events: none;\n        }\n        img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            margin-bottom: -4px;\n        }\n    }\n\n    [part=\"author-link\"] {\n        --card-shadow: 0 4px 6px -1px var(--card-shadow-atom-color), 0 2px 4px -2px var(--card-shadow-atom-color);\n        --card-bg-opacity: 1;\n\n        box-shadow: var(--card-ring-offset-shadow, 0 0 var(--black)), var(--card-ring-shadow, 0 0 var(--black)), var(--card-shadow);\n        background-color: rgb(245 245 245 / var(--card-bg-opacity));\n        border-width: 1px;\n        border-color: var(--dark8);\n        border-radius: 9999px;\n        overflow: hidden;\n        width: 4rem;\n        height: 4rem;\n        z-index: 2;\n        left: 1.25rem;\n        bottom: -2rem;\n        position: absolute;\n\n        img {\n            width: 100%;\n            height: 100%;\n            display: block;\n            max-width: 100%;\n        }\n    }\n\n    [part=\"body\"] {\n        /* padding: 16px; */\n\n        padding: 50px 1.25rem;\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(): [\"dark\" | \"light\" | null, () => void] {\n    const [currentScheme, setCurrentScheme] = useState<\"dark\" | \"light\" | null>(null)\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                    const finalScheme = preferred || \"light\";\n                    setCurrentScheme(finalScheme);\n                    updateColorSchemeInHead(finalScheme);\n                } else {\n                    const finalScheme = scheme as \"dark\" | \"light\";\n                    setCurrentScheme(finalScheme);\n                    updateColorSchemeInHead(finalScheme);\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        updateColorSchemeInHead(colorScheme as \"dark\" | \"light\");\n    }\n\n    return [currentScheme, changeColorScheme]\n}\n\n\n// Function to update color-scheme in document head\nfunction updateColorSchemeInHead(scheme: \"dark\" | \"light\") {\n    let styleElement = document.querySelector('style[data-color-scheme-style]');\n\n    if (!styleElement) {\n        styleElement = document.createElement('style');\n        styleElement.setAttribute('data-color-scheme-style', 'true');\n        document.head.appendChild(styleElement);\n    }\n\n    styleElement.textContent = `:root { color-scheme: ${scheme}; }`;\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\";\nimport {useUXClick, useUXEvents} from \"../../uxsdk\";\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    const ux = useUXEvents();\n    const uxClick = useUXClick(\n        ux.docs.details.open,\n        ux.docs.details.close,\n        () => ({label})\n    )\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        onClick={uxClick}\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=\"currentColor\"\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=\"currentColor\"\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        &[data-kind=\"tertiary\"] {\n            padding: 8px;\n\n            [part=\"content\"] {\n                border-radius: 8px;\n            }\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 \"./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 extends React.ImgHTMLAttributes<HTMLImageElement> {\n    src: string\n    alt: string\n    style?: React.CSSProperties\n    caption?: string\n}\n\nexport function Image(props: ImageProps) {\n    const { src, alt, style, caption, children, ...rest } = props\n\n    const img = <img\n        src={src}\n        alt={alt}\n        style={style}\n        className={cn.ImageHost}\n        {...rest}\n    />\n\n    if (!caption) {\n        return img\n    }\n\n    return <>\n        <figure>\n            {img}\n            <figcaption>{caption}</figcaption>\n        </figure>\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":["Blockquote","_ref","className","children","React","createElement","concat","$SVGQuote","props","width","height","viewBox","xmlns","part","d","fillRule","Breadcrumbs","items","Link","as","$Link","map","item","index","lastActive","length","Fragment","key","href","title","$BreadcrumbIcon","_a","rest","__rest","Object","assign","Callout","icon","kind","$BulbIcon","$CheckIcon","$WarningIcon","$DangerIcon","$NoteIcon","$IconInfo","fill","clipRule","stroke","strokeLinecap","strokeLinejoin","strokeWidth","Card","description","imgSrc","imgAlt","logoSrc","logoAlt","shadow","link","btnText","undefined","src","alt","target","rel","Text","weight","Button","size","Code","ColorSchemeButton","_useColorScheme","useColorScheme","_useColorScheme2","_slicedToArray","currentScheme","changeColorScheme","theme","IconDarkMode","IconLightMode","onClick","_useState","useState","_useState2","setCurrentScheme","useEffect","updateScheme","html","document","querySelector","scheme","getAttribute","finalScheme","getPreferredColorScheme","updateColorSchemeInHead","observer","MutationObserver","observe","attributes","attributeFilter","disconnect","colorScheme","preferredColorScheme","setAttribute","localStorage","setItem","styleElement","head","appendChild","textContent","window","matchMedia","matches","clipPath","id","Details","label","ux","useUXEvents","uxClick","useUXClick","docs","details","open","close","isDeepKind","includes","$Icon","$IconDeep","Hr","Image","style","caption","img","Update","date","version","Badge"],"mappings":"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"}

package/dist/Update-CiMIOgZi.js

@@ -0,0 +1,2 @@
+import e,{Fragment as t,useState as r,useEffect as n}from"react";import{a}from"./Icon--77MqplU.js";import{B as c}from"./Button-BLA2ghHZ.js";import{T as l}from"./TabsAnalytics-B_JYpawG.js";import{a as o}from"./_rollupPluginBabelHelpers-CvhQFv1t.js";import{u as i}from"./useUXClick-NwpsiuK9.js";import{u as s}from"./useUXEvents-CJtgGV4R.js";import{B as m}from"./VideoGuide-DBY-EyxG.js";function d(t){var r=t.className,n=t.children;return e.createElement("blockquote",{className:"".concat("b1wifk81"," ").concat(r||"")},e.createElement(u,null),e.createElement("div",null,n))}function u(t){return e.createElement("svg",Object.assign({width:15,height:11,viewBox:"0 0 15 11",xmlns:"http://www.w3.org/2000/svg",part:"quote"},t),e.createElement("path",{d:"M15 1.72c-1.96.95-2.94 2.07-2.94 3.36.83.1 1.53.44 2.07 1.02.55.58.82 1.25.82 2.01a2.81 2.81 0 0 1-2.8 2.89c-.9 0-1.68-.36-2.33-1.09a3.78 3.78 0 0 1-1-2.63c0-3.1 1.76-5.53 5.26-7.28L15 1.72zm-8.83 0c-1.97.95-2.96 2.07-2.96 3.36.85.1 1.55.44 2.1 1.02.54.58.82 1.25.82 2.01A2.82 2.82 0 0 1 3.3 11 3 3 0 0 1 .98 9.91 3.8 3.8 0 0 1 0 7.28C0 4.18 1.74 1.75 5.23 0l.94 1.72z",fillRule:"nonzero"}))}function h(r){var n=r.className,a=r.items,c=r.as||E;return e.createElement("xyd-breadcrumbs",{className:"".concat("bwgsk4h"," ").concat(n||"")},a.map(function(r,n){var l=n===a.length-1;return e.createElement(t,{key:r.href+r.title},n>0&&e.createElement(p,null),e.createElement("div",{part:"item","data-active":l?"true":"false"},r.href&&!l?e.createElement(c,{href:r.href},r.title):r.title))}))}function p(){return e.createElement("span",{part:"icon"},"/")}function E(t){var r=t.href,n=t.children,c=a(t,["href","children"]);return e.createElement("a",Object.assign({href:r},c),n)}function v(t){var r,n=t.className,a=t.children,c=t.kind;switch(c){case"tip":r=e.createElement(w,null);break;case"check":r=e.createElement(f,null);break;case"warning":r=e.createElement(k,null);break;case"danger":r=e.createElement(L,null);break;case"note":r=e.createElement(b,null);break;default:r=e.createElement(g,null)}return e.createElement("xyd-callout",{"data-kind":c,className:"".concat("chnegou"," ").concat(n||"")},e.createElement("div",{part:"icon"},r),e.createElement("div",{part:"message"},e.createElement("div",{part:"message-body"},a)))}function g(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",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 w(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},e.createElement("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5},e.createElement("path",{d:"M17.252 12.49c-.284 2.365-1.833 3.31-2.502 3.996c-.67.688-.55.825-.505 1.834a.916.916 0 0 1-.916.971h-2.658a.92.92 0 0 1-.917-.971c0-.99.092-1.22-.504-1.834c-.76-.76-2.548-1.833-2.548-4.784a5.307 5.307 0 1 1 10.55.788"}),e.createElement("path",{d:"M10.46 19.236v1.512c0 .413.23.752.513.752h2.053c.285 0 .514-.34.514-.752v-1.512m-2.32-10.54a2.227 2.227 0 0 0-2.226 2.227m10.338.981h1.834m-3.68-6.012l1.301-1.301M18.486 17l1.301 1.3M12 2.377V3.86m-6.76.73l1.292 1.302M4.24 18.3L5.532 17m-.864-5.096H2.835"})))}function f(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e.createElement("path",{fill:"currentColor",d:"m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z"}))}function k(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"-2 -3 24 24"},e.createElement("path",{fill:"currentColor",d:"m12.8 1.613l6.701 11.161c.963 1.603.49 3.712-1.057 4.71a3.2 3.2 0 0 1-1.743.516H3.298C1.477 18 0 16.47 0 14.581c0-.639.173-1.264.498-1.807L7.2 1.613C8.162.01 10.196-.481 11.743.517c.428.276.79.651 1.057 1.096m-2.22.839a1.077 1.077 0 0 0-1.514.365L2.365 13.98a1.17 1.17 0 0 0-.166.602c0 .63.492 1.14 1.1 1.14H16.7c.206 0 .407-.06.581-.172a1.164 1.164 0 0 0 .353-1.57L10.933 2.817a1.1 1.1 0 0 0-.352-.365zM10 14a1 1 0 1 1 0-2a1 1 0 0 1 0 2m0-9a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V6a1 1 0 0 1 1-1"}))}function L(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M20.5 15.8V8.2a1.91 1.91 0 0 0-.944-1.645l-6.612-3.8a1.88 1.88 0 0 0-1.888 0l-6.612 3.8A1.9 1.9 0 0 0 3.5 8.2v7.602a1.91 1.91 0 0 0 .944 1.644l6.612 3.8a1.88 1.88 0 0 0 1.888 0l6.612-3.8A1.9 1.9 0 0 0 20.5 15.8M12 7.627v5.5m0 3.246v-.5"}))}function b(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e.createElement("g",{className:"pin-outline"},e.createElement("g",{fill:"currentColor",fillRule:"evenodd",className:"Vector",clipRule:"evenodd"},e.createElement("path",{d:"M12 16.143a1 1 0 0 1 1 1V21a1 1 0 0 1-2 0v-3.857a1 1 0 0 1 1-1"}),e.createElement("path",{d:"M8.447 4.223q0 .01.007.033c.05.17.12.344.198.51c.262.549.53 1.246.53 2.027v3.85c0 1.03-.442 1.97-1.109 2.666c-.49.512-.873.979-1.169 1.391c-.114.16-.133.269-.135.321a.25.25 0 0 0 .052.16c.089.126.352.319.83.319h4.985a1 1 0 1 1 0 2H7.652c-.987 0-1.93-.403-2.468-1.17c-.58-.827-.556-1.887.095-2.795c.355-.495.8-1.035 1.35-1.61c.358-.373.553-.833.553-1.282v-3.85c0-.335-.118-.71-.336-1.168a5.5 5.5 0 0 1-.31-.805c-.265-.898.081-1.68.664-2.168C7.736 2.204 8.455 2 9.124 2h3.512a1 1 0 1 1 0 2H9.124c-.303 0-.536.099-.64.186a.2.2 0 0 0-.037.037m-.005.007"}),e.createElement("path",{d:"M15.553 4.223a3.5 3.5 0 0 1-.206.543c-.26.549-.529 1.246-.529 2.027v3.85c0 1.03.442 1.97 1.109 2.666c.49.512.873.979 1.169 1.391c.114.16.133.269.135.321a.25.25 0 0 1-.052.16c-.089.126-.352.319-.83.319h-4.985a1 1 0 1 0 0 2h4.985c.986 0 1.928-.403 2.467-1.17c.58-.827.556-1.887-.095-2.795c-.355-.495-.8-1.035-1.35-1.61c-.358-.373-.553-.833-.553-1.282v-3.85c0-.335.118-.71.335-1.168c.116-.243.226-.515.311-.805c.265-.898-.081-1.68-.664-2.168C16.264 2.204 15.545 2 14.876 2h-3.512a1 1 0 1 0 0 2h3.512c.303 0 .536.099.64.186q.029.026.037.037m.005.007"}))))}function M(t){var r=t.title,n=t.description,a=t.imgSrc,o=t.imgAlt,i=t.logoSrc,s=t.logoAlt,m=t.shadow,d=t.href,u=t.link,h=t.btnText,p=u;return e.createElement("xyd-card",{"data-shadow":m||void 0,className:"c1vswvqd"},a&&e.createElement("div",{part:"image-container"},e.createElement("div",{part:"bg"},e.createElement("img",{src:a,alt:o}),e.createElement("div",{part:"bg-shadow"})),p&&d&&i&&e.createElement(p,{target:"_blank",rel:"noopener",part:"author-link",href:d},e.createElement("img",{src:i,alt:s}))),e.createElement("div",{part:"body"},e.createElement("div",{part:"header"},p&&d&&!i?e.createElement(l,{weight:"bold"},e.createElement(p,{href:d},r)):e.createElement(l,{weight:"bold"},r),h&&e.createElement(c,{size:"md",kind:"secondary"},h)),e.createElement("div",{part:"description"},e.createElement(l,{size:"small"},n))))}function x(t){var r=t.className,n=t.children;return e.createElement("code",{className:"".concat("c1w59zdn"," ").concat(r||"")},e.createElement("span",{part:"content"},n))}function y(){var t=C(),r=o(t,2),n=r[0],a=r[1];return e.createElement(c,{size:"sm",theme:"ghost",icon:"dark"===n?e.createElement(W,null):e.createElement(N,null),onClick:a})}function C(){var e=r(null),t=o(e,2),a=t[0],c=t[1];return n(function(){var e=function(){var e=document.querySelector("html");if(e){var t=e.getAttribute("data-color-scheme")||"os";if("os"===t){var r=B()||"light";c(r),j(r)}else{var n=t;c(n),j(n)}}};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()}},[]),[a,function(){var e="",t=B();t&&(e="dark"===t?"light":"dark");var r=document.querySelector("html");if(r){var n=r.getAttribute("data-color-scheme");n&&"os"!==n&&(e="dark"===n?"light":"dark"),e||(e="light"),r.setAttribute("data-color-scheme",e),localStorage.setItem("xyd-color-scheme",e),j(e)}}]}function j(e){var t=document.querySelector("style[data-color-scheme-style]");t||((t=document.createElement("style")).setAttribute("data-color-scheme-style","true"),document.head.appendChild(t)),t.textContent=":root { color-scheme: ".concat(e,"; }")}function B(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":window.matchMedia("(prefers-color-scheme: light)").matches?"light":null}function N(){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 W(){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 z(t){var r,n=t.children,a=t.label,c=s(),l=i(c.docs.details.open,c.docs.details.close,function(){return{label:a}}),o=["secondary","tertiary"].includes(t.kind||"");o&&"title"in t&&(r=t.title);var m=t.kind||"primary";return e.createElement("details",{part:"details",className:"".concat("dwmojve"," ").concat(t.className||""),"data-kind":t.kind,onClick:l},e.createElement("summary",{part:"summary"},"primary"===m&&e.createElement(e.Fragment,null,t.icon||e.createElement(A,null),e.createElement("div",{part:"summary-deep-label"},a)),o&&e.createElement("div",null,e.createElement("div",{part:"summary-deep"},t.icon||e.createElement(H,null),e.createElement("div",{part:"summary-deep-text"},r)),e.createElement("div",{part:"summary-deep-label"},a)),o&&e.createElement(A,null)),e.createElement("div",{part:"content"},n))}function A(){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 H(){return e.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",stroke:"none",fill:"currentColor",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:"currentColor",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 _(){return e.createElement("hr",{part:"hr",className:"h1ej4n95"})}function q(t){var r=t.src,n=t.alt,c=t.style,l=t.caption;t.children;var o=a(t,["src","alt","style","caption","children"]),i=e.createElement("img",Object.assign({src:r,alt:n,style:c,className:"iz14jlg"},o));return l?e.createElement(e.Fragment,null,e.createElement("figure",null,i,e.createElement("figcaption",null,l))):i}function V(t){var r=t.date,n=t.version,a=t.children;return e.createElement("xyd-update",{className:"u1465cfe"},e.createElement("div",{part:"meta"},r&&e.createElement("div",{part:"date"},e.createElement(m,null,r)),e.createElement("div",{part:"version"},e.createElement(l,{size:"small"},n))),e.createElement("div",{part:"content-container"},e.createElement("div",{part:"content"},a)))}export{d as B,y as C,z as D,_ as H,q as I,V as U,v as a,x as b,h as c,M as d,C as u};
+//# sourceMappingURL=Update-CiMIOgZi.js.map

package/dist/Update-CiMIOgZi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Update-CiMIOgZi.js","sources":["../src/writer/Blockquote/Blockquote.tsx","../src/writer/Blockquote/Blockquote.styles.tsx","../src/writer/Breadcrumbs/Breadcrumbs.tsx","../src/writer/Breadcrumbs/Breadcrumbs.styles.ts","../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/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 \"./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        <$SVGQuote />\n\n        <div>\n            {children}\n        </div>\n    </blockquote>\n}\n\nfunction $SVGQuote(props: React.SVGProps<SVGSVGElement>) {\n    return (\n        <svg\n            width={15}\n            height={11}\n            viewBox=\"0 0 15 11\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            part=\"quote\"\n            {...props}\n        >\n            <path\n                d=\"M15 1.72c-1.96.95-2.94 2.07-2.94 3.36.83.1 1.53.44 2.07 1.02.55.58.82 1.25.82 2.01a2.81 2.81 0 0 1-2.8 2.89c-.9 0-1.68-.36-2.33-1.09a3.78 3.78 0 0 1-1-2.63c0-3.1 1.76-5.53 5.26-7.28L15 1.72zm-8.83 0c-1.97.95-2.96 2.07-2.96 3.36.85.1 1.55.44 2.1 1.02.54.58.82 1.25.82 2.01A2.82 2.82 0 0 1 3.3 11 3 3 0 0 1 .98 9.91 3.8 3.8 0 0 1 0 7.28C0 4.18 1.74 1.75 5.23 0l.94 1.72z\"\n                fillRule=\"nonzero\"\n            />\n        </svg>\n    )\n}","import {css} from \"@linaria/core\";\n\nexport const BlockquoteHost = css`\n    @layer defaults {\n        border-color: var(--xyd-blockquote-border-color);\n        color: var(--xyd-blockquote-color);\n        font-style: italic;\n        margin: 0;\n        display: grid;\n        grid: auto / 24px auto;\n\n        [part=\"quote\"] {\n            fill: var(--color-primary);\n        }\n        \n        p::after {\n            content: \"”\";\n        }\n    }\n`;","import React, { Fragment } from 'react'\nimport type { ReactElement } from 'react'\n\nimport * as cn from './Breadcrumbs.styles'\n\nexport interface BreadcrumbsProps {\n    className?: string;\n    items: {\n        title: string\n        href?: string\n    }[]\n\n    as?: React.ElementType\n}\n\nexport function Breadcrumbs({ className, items, as }: BreadcrumbsProps): ReactElement {\n    const Link = as || $Link\n\n    return (\n        <xyd-breadcrumbs\n            className={`${cn.BreadcrumbsHost} ${className || ''}`}\n        >\n            {items.map((item, index) => {\n                const lastActive = index === items.length - 1\n\n                return (\n                    <Fragment key={item.href + item.title}>\n                        {index > 0 && <$BreadcrumbIcon />}\n                        <div\n                            part=\"item\"\n                            data-active={lastActive ? \"true\" : \"false\"}\n                        >\n                            {item.href && !lastActive ? (\n                                <Link href={item.href}>{item.title}</Link>\n                            ) : (\n                                item.title\n                            )}\n                        </div>\n                    </Fragment>\n                )\n            })}\n        </xyd-breadcrumbs>\n    )\n}\n\nfunction $BreadcrumbIcon() {\n    return <span part=\"icon\">/</span>\n}\n\nfunction $Link({ href, children, ...rest }) {\n    return <a\n        href={href}\n        {...rest}\n    >\n        {children}\n    </a>\n}","import { css } from \"@linaria/core\";\n\nexport const BreadcrumbsHost = css`\n    @layer defaults {\n        display: flex;\n        overflow: hidden;\n        gap: 4px;\n        align-items: center;\n        color: var(--xyd-breadcrumbs-color);\n        \n        [part=\"icon\"] {\n        }\n        \n        [part=\"item\"] {\n            white-space: nowrap;\n            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n            transition-duration: 300ms;\n        }\n        \n        [part=\"item\"][data-active=\"true\"] {\n        }\n    }\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    kind?: \"warning\" | \"note\" | \"tip\" | \"check\" | \"danger\"\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, kind }: CalloutProps) {\n    let icon\n\n    switch (kind) {\n        case \"tip\":\n            icon = <$BulbIcon />\n            break\n        case \"check\":\n            icon = <$CheckIcon />\n            break\n        case \"warning\":\n            icon = <$WarningIcon />\n            break\n        case \"danger\":\n            icon = <$DangerIcon />\n            break\n        case \"note\":\n            icon = <$NoteIcon />\n            break\n        default:\n            icon = <$IconInfo />\n            break\n    }\n\n    return <xyd-callout\n        data-kind={kind}\n        className={`${cn.CalloutHost} ${className || ''}`}\n    >\n        <div part=\"icon\">\n            {icon}\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=\"24\"\n        height=\"24\"\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\nfunction $BulbIcon() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n    >\n        <g\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={1.5}\n        >\n            <path d=\"M17.252 12.49c-.284 2.365-1.833 3.31-2.502 3.996c-.67.688-.55.825-.505 1.834a.916.916 0 0 1-.916.971h-2.658a.92.92 0 0 1-.917-.971c0-.99.092-1.22-.504-1.834c-.76-.76-2.548-1.833-2.548-4.784a5.307 5.307 0 1 1 10.55.788\" />\n            <path d=\"M10.46 19.236v1.512c0 .413.23.752.513.752h2.053c.285 0 .514-.34.514-.752v-1.512m-2.32-10.54a2.227 2.227 0 0 0-2.226 2.227m10.338.981h1.834m-3.68-6.012l1.301-1.301M18.486 17l1.301 1.3M12 2.377V3.86m-6.76.73l1.292 1.302M4.24 18.3L5.532 17m-.864-5.096H2.835\" />\n        </g>\n    </svg>\n}\n\nfunction $CheckIcon() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={24}\n        height={24}\n        viewBox=\"0 0 24 24\"\n    >\n        <path\n            fill=\"currentColor\"\n            d=\"m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z\"\n        />\n    </svg>\n}\n\nfunction $WarningIcon() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={24}\n        height={24}\n        viewBox=\"-2 -3 24 24\"\n    >\n        <path\n            fill=\"currentColor\"\n            d=\"m12.8 1.613l6.701 11.161c.963 1.603.49 3.712-1.057 4.71a3.2 3.2 0 0 1-1.743.516H3.298C1.477 18 0 16.47 0 14.581c0-.639.173-1.264.498-1.807L7.2 1.613C8.162.01 10.196-.481 11.743.517c.428.276.79.651 1.057 1.096m-2.22.839a1.077 1.077 0 0 0-1.514.365L2.365 13.98a1.17 1.17 0 0 0-.166.602c0 .63.492 1.14 1.1 1.14H16.7c.206 0 .407-.06.581-.172a1.164 1.164 0 0 0 .353-1.57L10.933 2.817a1.1 1.1 0 0 0-.352-.365zM10 14a1 1 0 1 1 0-2a1 1 0 0 1 0 2m0-9a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V6a1 1 0 0 1 1-1\"\n        />\n    </svg>\n}\n\nfunction $DangerIcon() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={24}\n        height={24}\n        viewBox=\"0 0 24 24\"\n    >\n        <path\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={1.5}\n            d=\"M20.5 15.8V8.2a1.91 1.91 0 0 0-.944-1.645l-6.612-3.8a1.88 1.88 0 0 0-1.888 0l-6.612 3.8A1.9 1.9 0 0 0 3.5 8.2v7.602a1.91 1.91 0 0 0 .944 1.644l6.612 3.8a1.88 1.88 0 0 0 1.888 0l6.612-3.8A1.9 1.9 0 0 0 20.5 15.8M12 7.627v5.5m0 3.246v-.5\"\n        />\n    </svg>\n}\n\nfunction $NoteIcon() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={24}\n        height={24}\n        viewBox=\"0 0 24 24\"\n    >\n        <g className=\"pin-outline\">\n            <g\n                fill=\"currentColor\"\n                fillRule=\"evenodd\"\n                className=\"Vector\"\n                clipRule=\"evenodd\"\n            >\n                <path d=\"M12 16.143a1 1 0 0 1 1 1V21a1 1 0 0 1-2 0v-3.857a1 1 0 0 1 1-1\" />\n                <path d=\"M8.447 4.223q0 .01.007.033c.05.17.12.344.198.51c.262.549.53 1.246.53 2.027v3.85c0 1.03-.442 1.97-1.109 2.666c-.49.512-.873.979-1.169 1.391c-.114.16-.133.269-.135.321a.25.25 0 0 0 .052.16c.089.126.352.319.83.319h4.985a1 1 0 1 1 0 2H7.652c-.987 0-1.93-.403-2.468-1.17c-.58-.827-.556-1.887.095-2.795c.355-.495.8-1.035 1.35-1.61c.358-.373.553-.833.553-1.282v-3.85c0-.335-.118-.71-.336-1.168a5.5 5.5 0 0 1-.31-.805c-.265-.898.081-1.68.664-2.168C7.736 2.204 8.455 2 9.124 2h3.512a1 1 0 1 1 0 2H9.124c-.303 0-.536.099-.64.186a.2.2 0 0 0-.037.037m-.005.007\" />\n                <path d=\"M15.553 4.223a3.5 3.5 0 0 1-.206.543c-.26.549-.529 1.246-.529 2.027v3.85c0 1.03.442 1.97 1.109 2.666c.49.512.873.979 1.169 1.391c.114.16.133.269.135.321a.25.25 0 0 1-.052.16c-.089.126-.352.319-.83.319h-4.985a1 1 0 1 0 0 2h4.985c.986 0 1.928-.403 2.467-1.17c.58-.827.556-1.887-.095-2.795c-.355-.495-.8-1.035-1.35-1.61c-.358-.373-.553-.833-.553-1.282v-3.85c0-.335.118-.71.335-1.168c.116-.243.226-.515.311-.805c.265-.898-.081-1.68-.664-2.168C16.264 2.204 15.545 2 14.876 2h-3.512a1 1 0 1 0 0 2h3.512c.303 0 .536.099.64.186q.029.026.037.037m.005.007\" />\n            </g>\n        </g>\n    </svg>\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        overflow: auto;\n        \n        code {\n            background: var(--white);\n        }\n        \n        /* Common callout styles */\n        &[data-kind] {\n            --callout-border-color: color-mix(in srgb, var(--callout-color) 30%, transparent);\n            --callout-bgcolor: color-mix(in srgb, var(--callout-color-muted) 10%, transparent);\n            border-color: var(--callout-border-color);\n            background-color: var(--callout-bgcolor);\n\n            p {\n                color: var(--callout-color-active);\n            }\n\n            a {\n                color: var(--text-primary);\n                text-decoration: underline;\n                text-decoration-color: var(--callout-color-active);\n                text-underline-offset: 4px;\n                text-decoration-thickness: 1px;\n                font-weight: var(--xyd-font-weight--semibold);\n\n                &:hover {\n                    text-decoration-thickness: 2px;\n                }\n            }\n\n            [part=\"icon\"] {\n                svg {\n                    color: var(--callout-color-active);\n                    fill: var(--callout-color-active);\n                }\n            }\n        }\n        \n        &[data-kind=\"tip\"] {\n            --callout-color: var(--xyd-text-color--success);\n            --callout-color-muted: var(--xyd-text-color--success--muted);\n            --callout-color-active: var(--xyd-text-color--success--active);\n        }\n        \n        &[data-kind=\"check\"] {\n            --callout-color: var(--xyd-text-color--success);\n            --callout-color-muted: var(--xyd-text-color--success--muted);\n            --callout-color-active: var(--xyd-text-color--success--active);\n        }\n\n        &[data-kind=\"warning\"] {\n            --callout-color: var(--xyd-text-color--warn);\n            --callout-color-muted: var(--xyd-text-color--warn--muted);\n            --callout-color-active: var(--xyd-text-color--warn--active);\n        }\n        \n        &[data-kind=\"note\"] {\n            --callout-color: var(--xyd-text-color--info);\n            --callout-color-muted: var(--xyd-text-color--info--muted);\n            --callout-color-active: var(--xyd-text-color--info--active);\n        }\n        \n        &[data-kind=\"danger\"] {\n            --callout-color: var(--xyd-text-color--error);\n            --callout-color-muted: var(--xyd-text-color--error--muted);\n            --callout-color-active: var(--xyd-text-color--error--active);\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    btnText?: string\n\n    imgSrc?: string\n    imgAlt?: string\n\n    logoSrc?: string\n    logoAlt?: string\n\n    shadow?: \"md\"\n}\n\nexport function Card(props: CardProps) {\n    const {\n        title,\n        description,\n        imgSrc,\n        imgAlt,\n        logoSrc,\n        logoAlt,\n        shadow,\n        href,\n        link,\n        btnText,\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 part=\"bg-shadow\" />\n                </div>\n\n                {\n                    Link && href && logoSrc && <Link\n                        target=\"_blank\"\n                        rel=\"noopener\"\n                        part=\"author-link\"\n                        href={href}\n                    >\n                        <img\n                            src={logoSrc}\n                            alt={logoAlt}\n                        />\n                    </Link>\n                }\n\n            </div>\n        )}\n\n        <div part=\"body\">\n            <div part=\"header\">\n                {Link && href && !logoSrc ?\n                    <Text weight=\"bold\">\n                        <Link href={href}>\n                            {title}\n                        </Link>\n                    </Text>\n                    : <Text weight=\"bold\">\n                        {title}\n                    </Text>}\n                {\n                    btnText && <Button size=\"md\" kind=\"secondary\">\n                        {btnText}\n                    </Button>\n                }\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    --card-shadow-atom-color: color-mix(\n        in srgb,\n        var(--black) 10%,\n        transparent 90%\n    );\n    --card-shadow: 0 1px 3px 0 var(--card-shadow-atom-color), 0 1px 2px -1px var(--card-shadow-atom-color);\n    --card-ring-offset-shadow: 0 0 var(--black);\n    --card-ring-shadow: 0 0 var(--black);\n\n    box-shadow: var(--card-ring-offset-shadow, 0 0 var(--black)), var(--card-ring-shadow, 0 0 var(--black)), var(--card-shadow);\n    /* box-shadow: 0 1px 2px 0 var(--xyd-card-shadow-color); */\n    \n    border-radius: 8px;\n    background-color: var(--xyd-card-bgcolor);\n    flex-direction: column;\n    display: flex;\n    overflow: hidden;\n    position: relative;\n    height: 100%;\n\n    /* &[data-shadow=\"md\"] {\n        box-shadow: 0 5px 40px var(--xyd-card-shadow-color);\n    } */\n\n    &:hover {\n        --card-shadow: 0 10px 15px -3px var(--card-shadow-atom-color), 0 4px 6px -4px var(--card-shadow-atom-color);\n        box-shadow: var(--card-ring-offset-shadow, 0 0 var(--black)), var(--card-ring-shadow, 0 0 var(--black)), var(--card-shadow);\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        transition: transform 0.1s ease-in;\n\n        &:hover {\n            transform: scale(1.02);\n        }\n\n        [part=\"bg\"] {\n            background-size: cover;\n            background-repeat: no-repeat;\n            position: relative;\n            height: 100%;\n        }\n\n        [part=\"bg-shadow\"] {\n            --card-gradient-from: hsla(0, 0%, 4%, 0) var(--xyd-gradient-from-position);\n            --card-gradient-to: hsla(0, 0%, 4%, .2) var(--xyd-gradient-to-position);\n            --card-gradient-stops: var(--card-gradient-from), hsla(0, 0%, 4%, .1) var(--xyd-gradient-via-position), var(--card-gradient-to);\n            background-repeat: no-repeat;\n            background-size: cover;\n            height: 100%;\n            position: absolute;\n            top: 0;\n            width: 100%;\n            background-image: linear-gradient(to bottom, var(--card-gradient-stops));\n            pointer-events: none;\n        }\n        img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            margin-bottom: -4px;\n        }\n    }\n\n    [part=\"author-link\"] {\n        --card-shadow: 0 4px 6px -1px var(--card-shadow-atom-color), 0 2px 4px -2px var(--card-shadow-atom-color);\n        --card-bg-opacity: 1;\n\n        box-shadow: var(--card-ring-offset-shadow, 0 0 var(--black)), var(--card-ring-shadow, 0 0 var(--black)), var(--card-shadow);\n        background-color: rgb(245 245 245 / var(--card-bg-opacity));\n        border-width: 1px;\n        border-color: var(--dark8);\n        border-radius: 9999px;\n        overflow: hidden;\n        width: 4rem;\n        height: 4rem;\n        z-index: 2;\n        left: 1.25rem;\n        bottom: -2rem;\n        position: absolute;\n\n        img {\n            width: 100%;\n            height: 100%;\n            display: block;\n            max-width: 100%;\n        }\n    }\n\n    [part=\"body\"] {\n        /* padding: 16px; */\n\n        padding: 50px 1.25rem;\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(): [\"dark\" | \"light\" | null, () => void] {\n    const [currentScheme, setCurrentScheme] = useState<\"dark\" | \"light\" | null>(null)\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                    const finalScheme = preferred || \"light\";\n                    setCurrentScheme(finalScheme);\n                    updateColorSchemeInHead(finalScheme);\n                } else {\n                    const finalScheme = scheme as \"dark\" | \"light\";\n                    setCurrentScheme(finalScheme);\n                    updateColorSchemeInHead(finalScheme);\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        updateColorSchemeInHead(colorScheme as \"dark\" | \"light\");\n    }\n\n    return [currentScheme, changeColorScheme]\n}\n\n\n// Function to update color-scheme in document head\nfunction updateColorSchemeInHead(scheme: \"dark\" | \"light\") {\n    let styleElement = document.querySelector('style[data-color-scheme-style]');\n\n    if (!styleElement) {\n        styleElement = document.createElement('style');\n        styleElement.setAttribute('data-color-scheme-style', 'true');\n        document.head.appendChild(styleElement);\n    }\n\n    styleElement.textContent = `:root { color-scheme: ${scheme}; }`;\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\";\nimport {useUXClick, useUXEvents} from \"../../uxsdk\";\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    const ux = useUXEvents();\n    const uxClick = useUXClick(\n        ux.docs.details.open,\n        ux.docs.details.close,\n        () => ({label})\n    )\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        onClick={uxClick}\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=\"currentColor\"\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=\"currentColor\"\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        &[data-kind=\"tertiary\"] {\n            padding: 8px;\n\n            [part=\"content\"] {\n                border-radius: 8px;\n            }\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 \"./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 extends React.ImgHTMLAttributes<HTMLImageElement> {\n    src: string\n    alt: string\n    style?: React.CSSProperties\n    caption?: string\n}\n\nexport function Image(props: ImageProps) {\n    const { src, alt, style, caption, children, ...rest } = props\n\n    const img = <img\n        src={src}\n        alt={alt}\n        style={style}\n        className={cn.ImageHost}\n        {...rest}\n    />\n\n    if (!caption) {\n        return img\n    }\n\n    return <>\n        <figure>\n            {img}\n            <figcaption>{caption}</figcaption>\n        </figure>\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":["Blockquote","_ref","className","children","React","createElement","concat","$SVGQuote","props","width","height","viewBox","xmlns","part","d","fillRule","Breadcrumbs","items","Link","as","$Link","map","item","index","lastActive","length","Fragment","key","href","title","$BreadcrumbIcon","_a","rest","__rest","Object","assign","Callout","icon","kind","$BulbIcon","$CheckIcon","$WarningIcon","$DangerIcon","$NoteIcon","$IconInfo","fill","clipRule","stroke","strokeLinecap","strokeLinejoin","strokeWidth","Card","description","imgSrc","imgAlt","logoSrc","logoAlt","shadow","link","btnText","undefined","src","alt","target","rel","Text","weight","Button","size","Code","ColorSchemeButton","_useColorScheme","useColorScheme","_useColorScheme2","_slicedToArray","currentScheme","changeColorScheme","theme","IconDarkMode","IconLightMode","onClick","_useState","useState","_useState2","setCurrentScheme","useEffect","updateScheme","html","document","querySelector","scheme","getAttribute","finalScheme","getPreferredColorScheme","updateColorSchemeInHead","observer","MutationObserver","observe","attributes","attributeFilter","disconnect","colorScheme","preferredColorScheme","setAttribute","localStorage","setItem","styleElement","head","appendChild","textContent","window","matchMedia","matches","clipPath","id","Details","label","ux","useUXEvents","uxClick","useUXClick","docs","details","open","close","isDeepKind","includes","$Icon","$IconDeep","Hr","Image","style","caption","img","Update","date","version","Badge"],"mappings":"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"}

package/dist/VideoGuide-C0K9fFar.js

@@ -0,0 +1,2 @@
+import e,{forwardRef as t,useState as n,useEffect as r,useRef as a,createContext as c,useContext as l}from"react";import{a as i,I as o}from"./Icon-DbNmvK_Q.js";import{a as s}from"./_rollupPluginBabelHelpers-Dc-ocx4G.js";import{B as u}from"./Button-BTJ2hIal.js";import{E as d}from"./useUXEvents-Cxgl7xb-.js";import{u as m,a as v}from"./TabsAnalytics-DAOfTZgv.js";import{Tabs as h}from"radix-ui";import{ChevronLeft as f,ChevronRight as E}from"lucide-react";var p="a1cbq3a5",g=t(function(t,n){var r=t.href,a=void 0===r?"":r,c=t.children,l=t.newWindow,o=t.as,s=i(t,["href","children","newWindow","as"]),u=o||w;return l?e.createElement(u,Object.assign({ref:n,href:a,target:"_blank",rel:"noreferrer",className:p},s),c):e.createElement(u,Object.assign({ref:n,className:p,href:a||void 0},s),c)});function w(t){var n=t.children,r=i(t,["children"]);return e.createElement("a",Object.assign({},r),n)}g.displayName="Anchor";function b(t){var n=t.className,r=t.children,a=t.size,c=void 0===a?"sm":a,l=t.kind,i=void 0===l?"default":l;return e.createElement("xyd-badge",{className:"".concat("butvd2b"," ").concat(n||""),"data-size":c,"data-kind":i},e.createElement("span",{part:"child"},r))}function C(t){var n=y(t.store,t.label),r=n.isVisible,a=n.handleClose,c=function(){var e;a(),null===(e=t.onClose)||void 0===e||e.call(t)};if(!r)return null;if("secondary"===t.kind)return e.createElement(C.Secondary,Object.assign({},t,{onClose:c}));var l=null;return t.icon&&(l="string"==typeof t.icon?e.createElement(o,{name:t.icon,size:16}):t.icon),e.createElement("xyd-banner",{className:"bacjk89"},e.createElement("div",{part:"content"},e.createElement("a",{href:t.href,target:"_blank"},l,t.children,t.label?e.createElement("span",{part:"info"},t.label):null,t.href?e.createElement("svg",{viewBox:"0 0 20 20",style:{width:20,height:20}},e.createElement("path",{fillRule:"evenodd",d:"M3.5 10a.75.75 0 0 1 .75-.75h9.69l-2.72-2.72a.75.75 0 1 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06-1.06l2.72-2.72h-9.69a.75.75 0 0 1-.75-.75Z"})):null)),t.store?e.createElement("div",{part:"close"},e.createElement(x,{onClick:c})):null)}function y(e,t){var a=n(!0),c=s(a,2),l=c[0],i=c[1];r(function(){if(e){var n="xyd-banner-closed-".concat(t||"default"),r=localStorage.getItem(n);if(r){var a=Date.now(),c=parseInt(r)<=a;i(c)}}},[e,t]);return{isVisible:l,handleClose:function(){if(e){var n="xyd-banner-closed-".concat(t||"default"),r=Date.now()+1e3*e;localStorage.setItem(n,r.toString())}i(!1)}}}function x(t){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",onClick:t.onClick},e.createElement("path",{d:"M18 6 6 18"}),e.createElement("path",{d:"m6 6 12 12"}))}C.Secondary=function(t){var n=y(t.store,t.label),r=n.isVisible,a=n.handleClose;if(!r)return null;var c=null;return t.label&&(c=e.createElement(u,{size:"sm",kind:"secondary"},t.label)),e.createElement("xyd-banner",{"data-kind":"secondary",className:"b1wuahng"},t.children,c,e.createElement("div",{part:"close"},e.createElement(x,{onClick:function(){var e;a(),null===(e=t.onClose)||void 0===e||e.call(t)}})))};function k(t){var n=t.children,r=t.href,a=t.icon,c=t.title,l=t.kind,i=t.size,s=t.className,u=t.as||j,d=a&&"string"==typeof a?e.createElement(o,{name:a}):a;return e.createElement("xyd-guidecard",{className:"".concat("gilz89t"," ").concat(s||""),"data-kind":l,"data-size":i},e.createElement(u,{part:"link",href:r},e.createElement("div",{part:"item"},d&&e.createElement("div",{part:"icon"},d),e.createElement("div",{part:"right"},c&&e.createElement(k.Title,null,c),e.createElement("div",{part:"body"},n)))))}function z(){return e.createElement("div",{part:"pointer"},e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"currentColor",viewBox:"0 0 24 24"},e.createElement("path",{fillRule:"evenodd",d:"M9.293 7.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L12.586 12 9.293 8.707a1 1 0 0 1 0-1.414Z",clipRule:"evenodd"})))}function j(t){var n=t.href,r=t.children,a=i(t,["href","children"]);return e.createElement("a",Object.assign({href:n},a),r)}k.Title=function(t){var n=t.children;return e.createElement("div",{part:"title"},e.createElement("div",{part:"title-body"},n),e.createElement(z,null))},k.List=function(t){var n=t.children;return e.createElement("xyd-guidecard-list",{className:"g1rnhmpa"},n)};function N(t){var n=t.children,r=t.size,a=void 0===r?1:r,c=t.as,l=t.id,i=t.onClick,o=t.className,s=t.kind,u=t.active,d=t.label,m=t.subtitle,v=t.noanchor,h=t.ref,f=t.style,E=c||"h".concat(a);return e.createElement(e.Fragment,null,e.createElement(E,{style:f||void 0,className:" ".concat("h1tn40xd","  ").concat(o||""),"data-size":a,"data-kind":s,"data-has-label":String(d?"true":"false"),"data-noanchor":String(v||"false"),"data-active":String(u||"false"),onClick:v?void 0:i,id:l,ref:h},n,d&&e.createElement(b,{size:"sm"},d),l&&!v&&e.createElement(O,null)),m?e.createElement(N,Object.assign({},t,{size:4,kind:"muted",subtitle:void 0,label:void 0}),m):null)}function O(){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 V(t){var n=t.kind,r=i(t,["kind"]);switch(n){case"x":return e.createElement(V.Twitter,Object.assign({},r));case"facebook":return e.createElement(V.Facebook,Object.assign({},r));case"youtube":return e.createElement(V.Youtube,Object.assign({},r));case"discord":return e.createElement(V.Discord,Object.assign({},r));case"slack":return e.createElement(V.Slack,Object.assign({},r));case"github":return e.createElement(V.Github,Object.assign({},r));case"linkedin":return e.createElement(V.Linkedin,Object.assign({},r));case"instagram":return e.createElement(V.Intagram,Object.assign({},r));case"hackernews":return e.createElement(V.HackerNews,Object.assign({},r));case"medium":return e.createElement(V.Medium,Object.assign({},r));case"telegram":return e.createElement(V.Telegram,Object.assign({},r));case"bluesky":return e.createElement(V.Bluesky,Object.assign({},r));case"reddit":return e.createElement(V.Reddit,Object.assign({},r))}return null}V.Twitter=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 512 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"}))},V.Facebook=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 512 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z"}))},V.Youtube=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 576 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"}))},V.Discord=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 640 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"}))},V.Slack=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 448 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M94.12 315.1c0 25.9-21.16 47.06-47.06 47.06S0 341 0 315.1c0-25.9 21.16-47.06 47.06-47.06h47.06v47.06zm23.72 0c0-25.9 21.16-47.06 47.06-47.06s47.06 21.16 47.06 47.06v117.84c0 25.9-21.16 47.06-47.06 47.06s-47.06-21.16-47.06-47.06V315.1zm47.06-188.98c-25.9 0-47.06-21.16-47.06-47.06S139 32 164.9 32s47.06 21.16 47.06 47.06v47.06H164.9zm0 23.72c25.9 0 47.06 21.16 47.06 47.06s-21.16 47.06-47.06 47.06H47.06C21.16 243.96 0 222.8 0 196.9s21.16-47.06 47.06-47.06H164.9zm188.98 47.06c0-25.9 21.16-47.06 47.06-47.06 25.9 0 47.06 21.16 47.06 47.06s-21.16 47.06-47.06 47.06h-47.06V196.9zm-23.72 0c0 25.9-21.16 47.06-47.06 47.06-25.9 0-47.06-21.16-47.06-47.06V79.06c0-25.9 21.16-47.06 47.06-47.06 25.9 0 47.06 21.16 47.06 47.06V196.9zM283.1 385.88c25.9 0 47.06 21.16 47.06 47.06 0 25.9-21.16 47.06-47.06 47.06-25.9 0-47.06-21.16-47.06-47.06v-47.06h47.06zm0-23.72c-25.9 0-47.06-21.16-47.06-47.06 0-25.9 21.16-47.06 47.06-47.06h117.84c25.9 0 47.06 21.16 47.06 47.06 0 25.9-21.16 47.06-47.06 47.06H283.1z"}))},V.Github=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 496 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"}))},V.Linkedin=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 448 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"}))},V.Intagram=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 448 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"}))},V.HackerNews=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 448 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M0 32v448h448V32H0zm21.2 197.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z"}))},V.Medium=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 640 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M180.5,74.262C80.813,74.262,0,155.633,0,256S80.819,437.738,180.5,437.738,361,356.373,361,256,280.191,74.262,180.5,74.262Zm288.25,10.646c-49.845,0-90.245,76.619-90.245,171.095s40.406,171.1,90.251,171.1,90.251-76.619,90.251-171.1H559C559,161.5,518.6,84.908,468.752,84.908Zm139.506,17.821c-17.526,0-31.735,68.628-31.735,153.274s14.2,153.274,31.735,153.274S640,340.631,640,256C640,171.351,625.785,102.729,608.258,102.729Z"}))},V.Telegram=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 496 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M248,8C111.033,8,0,119.033,0,256S111.033,504,248,504,496,392.967,496,256,384.967,8,248,8ZM362.952,176.66c-3.732,39.215-19.881,134.378-28.1,178.3-3.476,18.584-10.322,24.816-16.948,25.425-14.4,1.326-25.338-9.517-39.287-18.661-21.827-14.308-34.158-23.215-55.346-37.177-24.485-16.135-8.612-25,5.342-39.5,3.652-3.793,67.107-61.51,68.335-66.746.153-.655.3-3.1-1.154-4.384s-3.59-.849-5.135-.5q-3.283.746-104.608,69.142-14.845,10.194-26.894,9.934c-8.855-.191-25.888-5.006-38.551-9.123-15.531-5.048-27.875-7.717-26.8-16.291q.84-6.7,18.45-13.7,108.446-47.248,144.628-62.3c68.872-28.647,83.183-33.623,92.511-33.789,2.052-.034,6.639.474,9.61,2.885a10.452,10.452,0,0,1,3.53,6.716A43.765,43.765,0,0,1,362.952,176.66Z"}))},V.Bluesky=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 576 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M407.8 294.7c-3.3-.4-6.7-.8-10-1.3c3.4 .4 6.7 .9 10 1.3zM288 227.1C261.9 176.4 190.9 81.9 124.9 35.3C61.6-9.4 37.5-1.7 21.6 5.5C3.3 13.8 0 41.9 0 58.4S9.1 194 15 213.9c19.5 65.7 89.1 87.9 153.2 80.7c3.3-.5 6.6-.9 10-1.4c-3.3 .5-6.6 1-10 1.4C74.3 308.6-9.1 342.8 100.3 464.5C220.6 589.1 265.1 437.8 288 361.1c22.9 76.7 49.2 222.5 185.6 103.4c102.4-103.4 28.1-156-65.8-169.9c-3.3-.4-6.7-.8-10-1.3c3.4 .4 6.7 .9 10 1.3c64.1 7.1 133.6-15.1 153.2-80.7C566.9 194 576 75 576 58.4s-3.3-44.7-21.6-52.9c-15.8-7.1-40-14.9-103.2 29.8C385.1 81.9 314.1 176.4 288 227.1z"}))},V.Reddit=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 512 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M0 256C0 114.6 114.6 0 256 0S512 114.6 512 256s-114.6 256-256 256L37.1 512c-13.7 0-20.5-16.5-10.9-26.2L75 437C28.7 390.7 0 326.7 0 256zM349.6 153.6c23.6 0 42.7-19.1 42.7-42.7s-19.1-42.7-42.7-42.7c-20.6 0-37.8 14.6-41.8 34c-34.5 3.7-61.4 33-61.4 68.4l0 .2c-37.5 1.6-71.8 12.3-99 29.1c-10.1-7.8-22.8-12.5-36.5-12.5c-33 0-59.8 26.8-59.8 59.8c0 24 14.1 44.6 34.4 54.1c2 69.4 77.6 125.2 170.6 125.2s168.7-55.9 170.6-125.3c20.2-9.6 34.1-30.2 34.1-54c0-33-26.8-59.8-59.8-59.8c-13.7 0-26.3 4.6-36.4 12.4c-27.4-17-62.1-27.7-100-29.1l0-.2c0-25.4 18.9-46.5 43.4-49.9l0 0c4.4 18.8 21.3 32.8 41.5 32.8zM177.1 246.9c16.7 0 29.5 17.6 28.5 39.3s-13.5 29.6-30.3 29.6s-31.4-8.8-30.4-30.5s15.4-38.3 32.1-38.3zm190.1 38.3c1 21.7-13.7 30.5-30.4 30.5s-29.3-7.9-30.3-29.6c-1-21.7 11.8-39.3 28.5-39.3s31.2 16.6 32.1 38.3zm-48.1 56.7c-10.3 24.6-34.6 41.9-63 41.9s-52.7-17.3-63-41.9c-1.2-2.9 .8-6.2 3.9-6.5c18.4-1.9 38.3-2.9 59.1-2.9s40.7 1 59.1 2.9c3.1 .3 5.1 3.6 3.9 6.5z"}))};var M="labae1k",L="i13ytyvq";function B(t){var n=t.children;return e.createElement("ul",{className:M},n)}function I(t){var n=t.children;return e.createElement("ol",{className:M},n)}B.Item=function(t){var n=t.children;return e.createElement("li",{className:L},n)};function H(t){var n=t.as||S;return e.createElement("xyd-navlinks",{className:"".concat("n1xhrk1"," ").concat(t.className||"")},t.prev?e.createElement(n,{href:t.prev.href,title:t.prev.title,part:"link"},e.createElement(R,{part:"icon"}),t.prev.title):e.createElement("div",null),t.next&&e.createElement(n,{href:t.next.href,title:t.next.title,part:"link"},t.next.title,e.createElement(T,{part:"icon"})))}function S(t){var n=t.children,r=i(t,["children"]);return e.createElement("a",Object.assign({},r),n)}function T(t){return e.createElement("svg",Object.assign({width:15,height:15,viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))}function R(t){return e.createElement("svg",Object.assign({width:15,height:15,viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M6.85355 3.14645C7.04882 3.34171 7.04882 3.65829 6.85355 3.85355L3.70711 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H3.70711L6.85355 11.1464C7.04882 11.3417 7.04882 11.6583 6.85355 11.8536C6.65829 12.0488 6.34171 12.0488 6.14645 11.8536L2.14645 7.85355C1.95118 7.65829 1.95118 7.34171 2.14645 7.14645L6.14645 3.14645C6.34171 2.95118 6.65829 2.95118 6.85355 3.14645Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))}function Z(t){var n=t.children,r=t.className,a=t.kind;return e.createElement("xyd-steps",{"data-kind":a,className:"".concat("s3kfd8c"," ").concat(r||"")},e.createElement("ol",null,n))}Z.Item=function(t){var n=t.children,r=t.icon,a=t.title,c=t.className,l="string"==typeof r?e.createElement(o,{name:r}):r;return e.createElement("xyd-steps-item",{className:"".concat("s1et872q"," ").concat(c||""),"data-numeric":r?void 0:"true"},e.createElement("li",null,a&&e.createElement("span",{part:"title"},a),n,l&&e.createElement("span",{part:"step"},l)))};var A="h14vj3ri",q="t1l6tz9b",W="thzxr0l",_="t1g1altt",P="tdsg57t",D="th2d3qd",G="c8pe5i8";function F(t){var n=t.children,r=t.kind,a=t.className;return e.createElement("table",{"data-kind":r||void 0,className:"".concat(A," ").concat(a||"")},n)}F.Head=function(t){var n=t.children;return e.createElement("thead",{className:q},n)},F.Th=function(t){var n=t.children,r=t.numeric;return e.createElement("th",{className:"".concat(_," ").concat(r?"numeric":"")},n)},F.Tr=function(t){var n=t.children;return e.createElement("tr",{className:P},n)},F.Body=function(t){var n=t.children;return e.createElement("tbody",{className:W},n)},F.Td=function(t){var n=t.children,r=t.numeric,a=t.muted;return e.createElement("td",{className:"".concat(D," ").concat(r?"numeric":""," ").concat(a?"muted":"")},n)},F.Cell=function(t){var n=t.children;return e.createElement("xyd-table-cell",{className:G},e.createElement("div",{part:"child"},n))};function Y(t,r,c){var l=m().tabsRef,i=void 0!==t&&void 0!==r,o=n(c.length>0&&e.isValidElement(c[0])?c[0].props.value:""),u=s(o,2),v=u[0],h=u[1],f=i?t:v,E=a(f),p=n("forward"),g=s(p,2),w=g[0],b=g[1];return[w,f,function(t){var n=c.findIndex(function(t){return e.isValidElement(t)&&t.props.value===E.current}),a=c.findIndex(function(n){return e.isValidElement(n)&&n.props.value===t})>n?"forward":"backward";if(b(a),E.current=t,i||h(t),r&&r(t),console.log(l),null==l?void 0:l.current){var o={value:t,previousValue:E.current,direction:a},s=new CustomEvent(d,{detail:o,bubbles:!0});l.current.dispatchEvent(s)}}]}var U=c({direction:"forward"});function X(t){var n=t.children,a=t.value,c=t.onChange,l=t.slide,i=void 0===l||l,o=t.className,u=m(),d=e.Children.toArray(n),v=d.filter(function(t){return e.isValidElement(t)&&(t.type===X.Item||"function"==typeof t.type&&"displayName"in t.type&&"Tabs.Item"===t.type.displayName)}),f=d.filter(function(t){return!e.isValidElement(t)||t.type!==X.Item&&!("function"==typeof t.type&&"displayName"in t.type&&"Tabs.Item"===t.type.displayName)}),E=Y(a,c,v),p=s(E,3),g=p[0],w=p[1],b=p[2];return r(function(){u.setValue(w)},[w]),e.createElement(U.Provider,{value:{direction:g}},e.createElement(h.Root,{value:w,onValueChange:b},e.createElement("xyd-tabs",{ref:u.tabsRef,className:"".concat("tk0mvkq"," ").concat(o||"")},e.createElement("nav",{part:"nav"},e.createElement(h.List,{asChild:!0},e.createElement("ul",{part:"list"},v))),e.createElement("div",{part:"content","data-slide":i?"true":"false"},f))))}function J(t){var n=i(t,[]);return e.createElement("a",Object.assign({},n),n.children)}X.Item=function(t){var a=t.children,c=t.value,l=t.href,i=t.as,o=t.defaultActive,u=i||J,d="boolean"==typeof o,m=n(d?o?"active":"inactive":void 0),v=s(m,2),f=v[0],E=v[1],p=d&&null!=f?{"data-state":f}:void 0;return r(function(){d&&E(void 0)},[]),e.createElement(h.Trigger,Object.assign({value:c,asChild:!0},p),e.createElement("li",{part:"item"},e.createElement(u,{part:"link",href:l},a)))},X.Content=function(t){var a=t.children,c=t.value,i=t.defaultActive,o=l(U).direction,u="boolean"==typeof i,d=n(u?i?"active":"inactive":void 0),m=s(d,2),v=m[0],f=m[1],E=u&&null!=v?{"data-state":v}:void 0;return r(function(){u&&f(void 0)},[]),e.createElement(h.Content,Object.assign({value:c,forceMount:!0,asChild:!0},E),e.createElement("div",{className:"t1o9m54","data-direction":o},e.createElement("div",{part:"child"},a)))};function K(t){var c=t.children,l=t.value,i=t.onChange,o=t.className,u=m(),d=n(!1),v=s(d,2),p=v[0],g=v[1],w=n(!1),b=s(w,2),C=b[0],y=b[1],x=a(null),k=e.Children.toArray(c),z=k.filter(function(t){return e.isValidElement(t)&&(t.type===K.Item||"function"==typeof t.type&&"displayName"in t.type&&"Tabs.Item"===t.type.displayName)}),j=k.filter(function(t){return!e.isValidElement(t)||t.type!==K.Item&&!("function"==typeof t.type&&"displayName"in t.type&&"Tabs.Item"===t.type.displayName)}),N=Y(l,i,z),O=s(N,3);O[0];var V=O[1],M=O[2];r(function(){u.setValue(V)},[V]);var L=function(){if(x.current){var e=x.current,t=e.scrollLeft,n=e.scrollWidth,r=e.clientWidth;g(t>0),y(t<n-r)}};r(function(){return L(),window.addEventListener("resize",L),function(){return window.removeEventListener("resize",L)}},[]);var B=function(e){if(x.current){var t="left"===e?-200:200;x.current.scrollBy({left:t,behavior:"smooth"})}};return e.createElement(h.Root,{asChild:!0,value:V,onValueChange:M},e.createElement("xyd-tabs",{ref:u.tabsRef,"data-kind":"secondary",className:"".concat("t1gurlv3"," ").concat(o||"")},e.createElement("div",{part:"buttons"},p&&e.createElement("button",{onClick:function(){return B("left")},part:"arrow"},e.createElement(f,{part:"arrow-icon"})),e.createElement("div",{ref:x,onScroll:L,part:"scroller"},e.createElement("div",{part:"scroller-container"},e.createElement(h.List,null,z))),C&&e.createElement("button",{onClick:function(){return B("right")},part:"arrow"},e.createElement(E,{part:"arrow-icon"}))),e.createElement("div",{part:"content"},j)))}function Q(t){var n=i(t,[]);return e.createElement("a",Object.assign({},n),n.children)}K.Item=function(t){var a=t.children,c=t.value,l=t.href,i=t.as,o=t.defaultActive,u=i||Q,d="boolean"==typeof o,m=n(d?o?"active":"inactive":void 0),v=s(m,2),f=v[0],E=v[1],p=d&&null!=f?{"data-state":f}:void 0;return r(function(){d&&E(void 0)},[]),e.createElement(h.Trigger,Object.assign({className:"tulm1r6",value:c,asChild:!0},p),e.createElement("div",null,e.createElement(u,{href:l},a)))},K.Content=function(t){var n=t.children,r=t.value;return e.createElement(h.Content,{asChild:!0,value:r},e.createElement("div",null,n))};var $=c({kind:null});function ee(t){var n;return n="secondary"===t.kind?e.createElement($.Provider,{value:{kind:"secondary"}},e.createElement(K,Object.assign({},t))):e.createElement($.Provider,{value:{kind:null}},e.createElement(X,Object.assign({},t))),e.createElement(v,null,n)}ee.Item=function(t){return"secondary"===l($).kind?e.createElement(K.Item,Object.assign({},t)):e.createElement(X.Item,Object.assign({},t))},ee.Item.displayName="Tabs.Item",ee.Content=function(t){return"secondary"===l($).kind?e.createElement(K.Content,Object.assign({},t)):e.createElement(X.Content,Object.assign({},t))},ee.Content.displayName="Tabs.Content";var te="VideoGuide-module_VideoPlayerHost__wcML-";function ne(){return null}function re(){return e.createElement("svg",{"aria-hidden":"true",height:32,width:32,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 14.25A6.25 6.25 0 0 0 14.25 8 6.242 6.242 0 0 0 8 1.75 6.25 6.25 0 0 0 1.75 8 6.25 6.25 0 0 0 8 14.25ZM8 16a8 8 0 0 0 8-8c0-4.419-3.57-8-8-8a8 8 0 0 0-8 8 8 8 0 0 0 8 8Z"}),e.createElement("path",{d:"M10.817 7.659A.415.415 0 0 1 11 8a.415.415 0 0 1-.183.341L7.242 10.91c-.305.218-.742.02-.742-.34V5.431c0-.36.437-.56.742-.341l3.575 2.568Z"}))}ne.Miniature=function(t){var n=t.videoSrc,r=t.description,a=void 0===r?"Watch the video guide":r;return e.createElement("xyd-videoguide-miniature",{className:"".concat(te," ").concat(t.className||"")},e.createElement("div",{part:"shape"},e.createElement("div",{part:"frame"},e.createElement("iframe",{width:"100%",height:"100%",allow:"autoplay; fullscreen",src:n}),e.createElement("div",{part:"thumbnail"})),e.createElement("div",{part:"cover"},e.createElement("div",{part:"controls"},e.createElement("button",{part:"button",type:"button"},e.createElement("div",{"aria-hidden":"true",part:"icon"},e.createElement(re,null)),e.createElement("div",{part:"description-container"},e.createElement("span",{part:"description"},a)))))))};export{g as A,b as B,k as G,N as H,V as I,B as L,H as N,Z as S,F as T,ne as V,I as a,ee as b,C as c};
+//# sourceMappingURL=VideoGuide-C0K9fFar.js.map