@xyd-js/components 0.1.0-build.168

package/dist/VideoGuide-CJYkuLst.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoGuide-CJYkuLst.js","sources":["../src/writer/Anchor/Anchor.styles.tsx","../src/writer/Anchor/Anchor.tsx","../src/writer/Badge/Badge.tsx","../src/writer/Badge/Badge.styles.tsx","../src/writer/Banner/Banner.tsx","../src/writer/Banner/Banner.styles.tsx","../src/writer/GuideCard/GuideCard.tsx","../src/writer/GuideCard/GuideCard.styles.tsx","../src/writer/Heading/Heading.tsx","../src/writer/Heading/Heading.styles.tsx","../src/writer/IconSocial/IconSocial.tsx","../src/writer/List/List.styles.tsx","../src/writer/List/List.tsx","../src/writer/NavLinks/NavLinks.tsx","../src/writer/NavLinks/NavLinks.styles.ts","../src/writer/Steps/Steps.tsx","../src/writer/Steps/Steps.styles.tsx","../src/writer/Table/Table.styles.tsx","../src/writer/Table/Table.tsx","../src/writer/Tabs/useValueChange.ts","../src/writer/Tabs/TabsPrimary.tsx","../src/writer/Tabs/TabsPrimary.styles.tsx","../src/writer/Tabs/TabsSecondary.tsx","../src/writer/Tabs/TabsSecondary.styles.tsx","../src/writer/Tabs/Tabs.tsx","../src/writer/VideoGuide/VideoGuide.tsx"],"sourcesContent":["import {css} from \"@linaria/core\";\n\nexport const AnchorHost = css`\n    @layer defaults {\n        &:has(code) {\n            --xyd-anchor-color: var(--color-text);\n            --xyd-anchor-color--hover: var(--color-text);\n\n            code {\n                text-decoration: underline;\n            }\n\n            &:hover {\n                code {\n                    text-decoration-thickness: 2px;\n                }\n            }\n        }\n\n        color: var(--xyd-anchor-color);\n\n        &:hover {\n            color: var(--xyd-anchor-color--hover);\n        }\n    }\n`; ","import React, { forwardRef } from 'react'\nimport type { ComponentProps, ReactElement } from 'react'\n\nimport * as cn from \"./Anchor.styles\";\n\nexport type AnchorProps = Omit<ComponentProps<'a'>, 'ref'> & {\n    newWindow?: boolean\n    as?: React.ElementType\n}\n\nexport const Anchor = forwardRef<HTMLAnchorElement, AnchorProps>(function (\n    { href = '', children, newWindow, as, ...props },\n    // ref is used in <NavbarMenu />\n    forwardedRef\n): ReactElement {\n    const Link = as || $Anchor\n\n    if (newWindow) {\n        return (\n            <Link\n                ref={forwardedRef}\n                href={href}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                className={cn.AnchorHost}\n                {...props}\n            >\n                {children}\n            </Link>\n        )\n    }\n\n    return (\n        <Link\n            ref={forwardedRef}\n            className={cn.AnchorHost}\n            href={href || undefined}\n            {...props}\n        >\n            {children}\n        </Link>\n    )\n})\n\nAnchor.displayName = 'Anchor'\n\nfunction $Anchor({ children, ...rest }) {\n    return <a {...rest}>\n        {children}\n    </a>\n}\n","import React from \"react\"\n\nimport * as cn from \"./Badge.styles\";\n\nexport interface BadgeProps {\n    /**\n     * The class name of the badge.\n     */\n    className?: string;\n\n    /**\n     * The children of the badge.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * The size of the badge.\n     */\n    size?: \"sm\" | \"xs\"\n\n    /**\n     * The kind of the badge.\n     */\n    kind?: \"warning\" | \"info\" | \"default\"\n}\n\n/**\n * Badge component is used to display a badge.\n * \n * @group Components\n */\nexport function Badge({\n    className,\n    children,\n    size = \"sm\",\n    kind = \"default\"\n}: BadgeProps) {\n    return <xyd-badge\n        className={`${cn.BadgeHost} ${className || ''}`}\n        data-size={size}\n        data-kind={kind}\n    >\n        <span part=\"child\">\n            {children}\n        </span>\n    </xyd-badge>\n}\n","import {css} from \"@linaria/core\";\n\nexport const BadgeHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        \n        /* Size variants */\n        &[data-size=\"xs\"] {\n            height: 15px;\n            padding: 6px;\n            gap: 3px;\n            border-radius: 6px;\n            font-size: var(--xyd-font-size-xsmall);\n        }\n\n        &[data-size=\"sm\"] {\n            height: 18px;\n            padding: 10px;\n            gap: 3px;\n            border-radius: 6px;\n            font-size: var(--xyd-font-size-xsmall);\n        }\n        \n        /* Kind variants */\n        &[data-kind=\"default\"] {\n            color: var(--xyd-badge-color--default);\n            background-color: var(--xyd-badge-bgcolor--default);\n        }\n        &[data-kind=\"warning\"] {\n            color: var(--xyd-badge-color--warning);\n            background-color: var(--xyd-badge-bgcolor--warning);\n        }\n        &[data-kind=\"info\"] {\n            color: var(--xyd-badge-color--info);\n            background-color: var(--xyd-badge-bgcolor--info);\n        }\n\n        [part=\"child\"] {\n            position: relative;\n        }\n    }\n`;\n\n","import React, { useEffect, useState } from \"react\";\n\nimport { Button, Icon } from \"../../../writer\";\n\nimport * as cn from \"./Banner.styles\";\n\n// TODO: move to system?\n\nexport interface BannerProps {\n    children: React.ReactNode;\n    kind?: \"secondary\";\n    label?: string;\n    href?: string;\n    icon?: React.ReactNode | string;\n    store?: number; // seconds until banner can show again\n}\n\nexport function Banner(props: BannerProps) {\n    const { isVisible, handleClose } = useBannerStorage(props.store, props.label);\n\n    const onCloseHandler = () => {\n        handleClose();\n        props.onClose?.();\n    };\n\n    if (!isVisible) {\n        return null;\n    }\n\n    if (props.kind === \"secondary\") {\n        return <Banner.Secondary {...props} onClose={onCloseHandler} />;\n    }\n\n    let icon: React.ReactNode = null\n    if (props.icon) {\n        if (typeof props.icon === \"string\") {\n            icon = <Icon name={props.icon} size={16} />\n        } else {\n            icon = props.icon\n        }\n    }\n\n    return <xyd-banner className={cn.BannerHost}>\n        <div part=\"content\">\n            <a href={props.href} target=\"_blank\">\n                {icon}\n\n                {props.children}\n                {props.label ? <span part=\"info\">{props.label}</span> : null}\n\n                {\n                    props.href ? (\n                        <svg\n                            viewBox=\"0 0 20 20\"\n                            style={{ width: 20, height: 20 }}\n                        >\n                            <path\n                                fillRule=\"evenodd\"\n                                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\"\n                            />\n                        </svg>\n                    ) : null\n                }\n            </a>\n        </div>\n        {\n            (props.store) ? (\n                <div part=\"close\">\n                    <IconClose onClick={onCloseHandler} />\n                </div>\n            ) : null\n        }\n    </xyd-banner>\n}\n\n\nBanner.Secondary = function BannerSecondary(props: BannerProps & { onClose?: () => void }) {\n    const { isVisible, handleClose } = useBannerStorage(props.store, props.label);\n\n    const onCloseHandler = () => {\n        handleClose();\n        props.onClose?.();\n    };\n\n    if (!isVisible) {\n        return null;\n    }\n\n    let label: React.ReactNode = null\n    if (props.label) {\n        label = <Button size=\"sm\" kind=\"secondary\">\n            {props.label}\n        </Button>\n    }\n\n    return <xyd-banner data-kind=\"secondary\" className={cn.BannerSecondaryHost}>\n        {props.children}\n        {label}\n        <div part=\"close\">\n            <IconClose onClick={onCloseHandler} />\n        </div>\n    </xyd-banner>\n}\n\nfunction useBannerStorage(store?: number, label?: string) {\n    const [isVisible, setIsVisible] = useState(true);\n\n    useEffect(() => {\n        if (store) {\n            const storageKey = `xyd-banner-closed-${label || 'default'}`;\n            const closedUntil = localStorage.getItem(storageKey);\n            \n            if (closedUntil) {\n                const now = Date.now();\n                const canShowAgain = parseInt(closedUntil) <= now;\n                setIsVisible(canShowAgain);\n            }\n        }\n    }, [store, label]);\n\n    const handleClose = () => {\n        if (store) {\n            const storageKey = `xyd-banner-closed-${label || 'default'}`;\n            const now = Date.now();\n            const showAgainAt = now + (store * 1000);\n            localStorage.setItem(storageKey, showAgainAt.toString());\n        }\n        \n        setIsVisible(false);\n    };\n\n    return { isVisible, handleClose };\n}\n\nfunction IconClose(props: { onClick?: () => void }) {\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        onClick={props.onClick}\n    >\n        <path d=\"M18 6 6 18\" />\n        <path d=\"m6 6 12 12\" />\n    </svg>\n}\n","import { css } from \"@linaria/core\";\n\nexport const BannerHost = css`\n    @layer defaults {\n        display: flex;\n        align-items: center;\n        width: 100%;\n\n        [part=\"content\"] {\n            margin: .5rem 1.5rem 1rem;\n\n            --xyd-banner-bgcolor: var(--green32);\n            --xyd-banner-border-color: var(--green60);\n            --xyd-banner-color: var(--green100);\n            --xyd-text-color--default: var(--xyd-banner-color);\n            \n            svg {\n                fill: var( --xyd-text-color--default);\n            }\n            \n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n\n            color: var( --xyd-text-color--default);\n        \n            display: flex;\n            justify-content: center;\n            align-items: center;\n            flex: 1;\n            position: relative;\n            overflow: hidden;\n            transition: transform .2s ease-out;\n\n            a {\n                padding: .5rem;\n                border-radius: .5rem;\n                background: var(--xyd-banner-bgcolor);\n                display: flex;\n                flex-wrap: wrap;\n                align-items: center;\n                justify-content: center;\n                gap: .25rem;\n                position: relative;\n                transition: box-shadow .3s ease, scale .3s ease-in-out;\n                border-radius: 30px;\n            }\n\n            a:hover {\n                scale: 1.01;\n                box-shadow: var(--xyd-banner-boxshadow);\n            }\n\n            [part=\"icon\"] {\n                filter: contrast(0) brightness(-5000%);\n                opacity: .85;\n            }\n\n            [part=\"info\"] {\n                border: 1px solid var(--xyd-banner-border-color);\n                padding: 0 .5rem;\n                margin: 0 .25rem;\n                border-radius: .25rem;\n            }\n        }\n\n        [part=\"close\"] {\n            margin-right: var(--xyd-nav-padding);\n        }\n    }\n\n    /* TODO: move to decorator? */\n    @layer fabric {\n        p {\n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n        }\n    }\n`;\n\nexport const BannerSecondaryHost = css`\n    @layer defaults {\n        font-size: var(--xyd-font-size-small);\n        line-height: var(--xyd-line-height-small);\n        \n        position: relative;\n        background-color: var(--xyd-banner-bgcolor);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 8px 0px;\n        color: var(--xyd-banner-color);\n        width: 100%;\n        gap: 10px;\n        background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='41' viewBox='0 0 1920 41' fill='none'%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='1920' height='41'%3E%3Crect y='0.214844' width='1920' height='40' fill='%23C4C4C4'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Cpath d='M43.6212 32.3143C43.9017 32.4828 44.1327 32.7159 44.2929 32.9921C44.453 33.2684 44.537 33.5786 44.537 33.894C44.537 34.2094 44.453 34.5197 44.2929 34.7959C44.1327 35.0721 43.9017 35.3053 43.6212 35.4737L30.5972 43.2935C30.2999 43.472 29.9578 43.5714 29.6063 43.5814C29.2549 43.5913 28.9071 43.5115 28.5992 43.3501C28.2913 43.1888 28.0346 42.9518 27.8558 42.664C27.677 42.3762 27.5826 42.0481 27.5826 41.7138L27.5826 26.0742C27.5826 25.7399 27.677 25.4118 27.8558 25.124C28.0346 24.8362 28.2913 24.5992 28.5992 24.4379C28.9071 24.2765 29.2549 24.1967 29.6063 24.2066C29.9578 24.2166 30.2999 24.316 30.5972 24.4945L43.6212 32.3143Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1184.57 32.3143C1184.85 32.4828 1185.08 32.7159 1185.24 32.9921C1185.4 33.2684 1185.49 33.5786 1185.49 33.894C1185.49 34.2094 1185.4 34.5197 1185.24 34.7959C1185.08 35.0721 1184.85 35.3053 1184.57 35.4737L1171.55 43.2935C1171.25 43.472 1170.91 43.5714 1170.56 43.5814C1170.21 43.5913 1169.86 43.5115 1169.55 43.3501C1169.24 43.1888 1168.99 42.9518 1168.81 42.664C1168.63 42.3762 1168.53 42.0481 1168.53 41.7138V26.0742C1168.53 25.7399 1168.63 25.4118 1168.81 25.124C1168.99 24.8362 1169.24 24.5992 1169.55 24.4379C1169.86 24.2765 1170.21 24.1967 1170.56 24.2066C1170.91 24.2166 1171.25 24.316 1171.55 24.4945L1184.57 32.3143Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M103.084 4.94862C103.365 5.11703 103.596 5.3502 103.756 5.62642C103.916 5.90263 104 6.21289 104 6.52828C104 6.84367 103.916 7.15393 103.756 7.43014C103.596 7.70636 103.365 7.93953 103.084 8.10794L90.0601 15.9278C89.7629 16.1063 89.4207 16.2057 89.0693 16.2156C88.7179 16.2256 88.3701 16.1457 88.0622 15.9844C87.7542 15.823 87.4975 15.5861 87.3187 15.2983C87.1399 15.0105 87.0456 14.6824 87.0456 14.3481V-1.29156C87.0456 -1.62582 87.1399 -1.95396 87.3187 -2.24176C87.4975 -2.52956 87.7542 -2.76648 88.0622 -2.92783C88.3701 -3.08918 88.7179 -3.16904 89.0693 -3.15908C89.4207 -3.14913 89.7629 -3.04972 90.0601 -2.87123L103.084 4.94862Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1244.04 4.94862C1244.32 5.11703 1244.55 5.3502 1244.71 5.62642C1244.87 5.90263 1244.95 6.21289 1244.95 6.52828C1244.95 6.84367 1244.87 7.15393 1244.71 7.43014C1244.55 7.70636 1244.32 7.93953 1244.04 8.10794L1231.01 15.9278C1230.71 16.1063 1230.37 16.2057 1230.02 16.2156C1229.67 16.2256 1229.32 16.1457 1229.01 15.9844C1228.71 15.823 1228.45 15.5861 1228.27 15.2983C1228.09 15.0105 1228 14.6824 1228 14.3481V-1.29156C1228 -1.62582 1228.09 -1.95396 1228.27 -2.24176C1228.45 -2.52956 1228.71 -2.76648 1229.01 -2.92783C1229.32 -3.08918 1229.67 -3.16904 1230.02 -3.15908C1230.37 -3.14913 1230.71 -3.04972 1231.01 -2.87123L1244.04 4.94862Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M303.927 1.33851C304.207 1.50692 304.438 1.7401 304.598 2.01631C304.759 2.29252 304.843 2.60278 304.843 2.91817C304.843 3.23356 304.759 3.54382 304.598 3.82003C304.438 4.09625 304.207 4.32942 303.927 4.49784L290.903 12.3177C290.606 12.4962 290.263 12.5956 289.912 12.6055C289.561 12.6155 289.213 12.5356 288.905 12.3743C288.597 12.2129 288.34 11.976 288.161 11.6882C287.983 11.4004 287.888 11.0723 287.888 10.738V-4.90167C287.888 -5.23593 287.983 -5.56406 288.161 -5.85186C288.34 -6.13967 288.597 -6.37659 288.905 -6.53794C289.213 -6.69929 289.561 -6.77915 289.912 -6.76919C290.263 -6.75923 290.606 -6.65983 290.903 -6.48134L303.927 1.33851Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1000.99 1.33851C1001.27 1.50692 1001.5 1.7401 1001.66 2.01631C1001.82 2.29252 1001.91 2.60278 1001.91 2.91817C1001.91 3.23356 1001.82 3.54382 1001.66 3.82003C1001.5 4.09625 1001.27 4.32942 1000.99 4.49784L987.968 12.3177C987.671 12.4962 987.329 12.5956 986.977 12.6055C986.626 12.6155 986.278 12.5356 985.97 12.3743C985.662 12.2129 985.406 11.976 985.227 11.6882C985.048 11.4004 984.954 11.0723 984.954 10.738V-4.90167C984.954 -5.23593 985.048 -5.56406 985.227 -5.85186C985.406 -6.13967 985.662 -6.37659 985.97 -6.53794C986.278 -6.69929 986.626 -6.77915 986.977 -6.76919C987.329 -6.75923 987.671 -6.65983 987.968 -6.48134L1000.99 1.33851Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1444.88 1.33851C1445.16 1.50692 1445.39 1.7401 1445.55 2.01631C1445.71 2.29252 1445.79 2.60278 1445.79 2.91817C1445.79 3.23356 1445.71 3.54382 1445.55 3.82003C1445.39 4.09625 1445.16 4.32942 1444.88 4.49784L1431.85 12.3177C1431.56 12.4962 1431.21 12.5956 1430.86 12.6055C1430.51 12.6155 1430.16 12.5356 1429.86 12.3743C1429.55 12.2129 1429.29 11.976 1429.11 11.6882C1428.93 11.4004 1428.84 11.0723 1428.84 10.738V-4.90167C1428.84 -5.23593 1428.93 -5.56406 1429.11 -5.85186C1429.29 -6.13967 1429.55 -6.37659 1429.86 -6.53794C1430.16 -6.69929 1430.51 -6.77915 1430.86 -6.76919C1431.21 -6.75923 1431.56 -6.65983 1431.85 -6.48134L1444.88 1.33851Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M633.463 1.33851C633.744 1.50692 633.975 1.7401 634.135 2.01631C634.295 2.29252 634.379 2.60278 634.379 2.91817C634.379 3.23356 634.295 3.54382 634.135 3.82003C633.975 4.09625 633.744 4.32942 633.463 4.49784L620.439 12.3177C620.142 12.4962 619.8 12.5956 619.448 12.6055C619.097 12.6155 618.749 12.5356 618.441 12.3743C618.133 12.2129 617.877 11.976 617.698 11.6882C617.519 11.4004 617.425 11.0723 617.425 10.738V-4.90167C617.425 -5.23593 617.519 -5.56406 617.698 -5.85186C617.877 -6.13967 618.133 -6.37659 618.441 -6.53794C618.749 -6.69929 619.097 -6.77915 619.448 -6.76919C619.8 -6.75923 620.142 -6.65983 620.439 -6.48134L633.463 1.33851Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M816.954 2.98158C817.234 3.14999 817.466 3.38316 817.626 3.65938C817.786 3.93559 817.87 4.24585 817.87 4.56124C817.87 4.87663 817.786 5.18689 817.626 5.4631C817.466 5.73931 817.234 5.97249 816.954 6.1409L803.93 13.9607C803.633 14.1392 803.291 14.2386 802.939 14.2486C802.588 14.2586 802.24 14.1787 801.932 14.0174C801.624 13.856 801.367 13.6191 801.189 13.3313C801.01 13.0435 800.915 12.7153 800.915 12.3811V-3.25861C800.915 -3.59286 801.01 -3.921 801.189 -4.2088C801.367 -4.4966 801.624 -4.73353 801.932 -4.89487C802.24 -5.05622 802.588 -5.13608 802.939 -5.12612C803.291 -5.11617 803.633 -5.01676 803.93 -4.83827L816.954 2.98158Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1774.41 1.33851C1774.69 1.50692 1774.93 1.7401 1775.09 2.01631C1775.25 2.29252 1775.33 2.60278 1775.33 2.91817C1775.33 3.23356 1775.25 3.54382 1775.09 3.82003C1774.93 4.09625 1774.69 4.32942 1774.41 4.49784L1761.39 12.3177C1761.09 12.4962 1760.75 12.5956 1760.4 12.6055C1760.05 12.6155 1759.7 12.5356 1759.39 12.3743C1759.08 12.2129 1758.83 11.976 1758.65 11.6882C1758.47 11.4004 1758.38 11.0723 1758.38 10.738V-4.90167C1758.38 -5.23593 1758.47 -5.56406 1758.65 -5.85186C1758.83 -6.13967 1759.08 -6.37659 1759.39 -6.53794C1759.7 -6.69929 1760.05 -6.77915 1760.4 -6.76919C1760.75 -6.75923 1761.09 -6.65983 1761.39 -6.48134L1774.41 1.33851Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M235.038 18.6351C235.319 18.8036 235.55 19.0367 235.71 19.3129C235.87 19.5892 235.954 19.8994 235.954 20.2148C235.954 20.5302 235.87 20.8405 235.71 21.1167C235.55 21.3929 235.319 21.6261 235.038 21.7945L222.014 29.6143C221.717 29.7928 221.375 29.8922 221.024 29.9022C220.672 29.9121 220.324 29.8323 220.017 29.6709C219.709 29.5096 219.452 29.2726 219.273 28.9848C219.094 28.697 219 28.3689 219 28.0346V12.395C219 12.0607 219.094 11.7326 219.273 11.4448C219.452 11.157 219.709 10.92 220.017 10.7587C220.324 10.5973 220.672 10.5175 221.024 10.5274C221.375 10.5374 221.717 10.6368 222.014 10.8153L235.038 18.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1375.99 18.6351C1376.27 18.8036 1376.5 19.0367 1376.66 19.3129C1376.82 19.5892 1376.91 19.8994 1376.91 20.2148C1376.91 20.5302 1376.82 20.8405 1376.66 21.1167C1376.5 21.3929 1376.27 21.6261 1375.99 21.7945L1362.97 29.6143C1362.67 29.7928 1362.33 29.8922 1361.97 29.9022C1361.62 29.9121 1361.28 29.8323 1360.97 29.6709C1360.66 29.5096 1360.4 29.2726 1360.22 28.9848C1360.05 28.697 1359.95 28.3689 1359.95 28.0346V12.395C1359.95 12.0607 1360.05 11.7326 1360.22 11.4448C1360.4 11.157 1360.66 10.92 1360.97 10.7587C1361.28 10.5973 1361.62 10.5175 1361.97 10.5274C1362.33 10.5374 1362.67 10.6368 1362.97 10.8153L1375.99 18.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M564.575 18.6351C564.855 18.8036 565.087 19.0367 565.247 19.3129C565.407 19.5892 565.491 19.8994 565.491 20.2148C565.491 20.5302 565.407 20.8405 565.247 21.1167C565.087 21.3929 564.855 21.6261 564.575 21.7945L551.551 29.6143C551.254 29.7928 550.912 29.8922 550.56 29.9022C550.209 29.9121 549.861 29.8323 549.553 29.6709C549.245 29.5096 548.988 29.2726 548.81 28.9848C548.631 28.697 548.536 28.3689 548.536 28.0346V12.395C548.536 12.0607 548.631 11.7326 548.81 11.4448C548.988 11.157 549.245 10.92 549.553 10.7587C549.861 10.5973 550.209 10.5175 550.56 10.5274C550.912 10.5374 551.254 10.6368 551.551 10.8153L564.575 18.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1705.53 18.6351C1705.81 18.8036 1706.04 19.0367 1706.2 19.3129C1706.36 19.5892 1706.44 19.8994 1706.44 20.2148C1706.44 20.5302 1706.36 20.8405 1706.2 21.1167C1706.04 21.3929 1705.81 21.6261 1705.53 21.7945L1692.5 29.6143C1692.2 29.7928 1691.86 29.8922 1691.51 29.9022C1691.16 29.9121 1690.81 29.8323 1690.5 29.6709C1690.2 29.5096 1689.94 29.2726 1689.76 28.9848C1689.58 28.697 1689.49 28.3689 1689.49 28.0346V12.395C1689.49 12.0607 1689.58 11.7326 1689.76 11.4448C1689.94 11.157 1690.2 10.92 1690.5 10.7587C1690.81 10.5973 1691.16 10.5175 1691.51 10.5274C1691.86 10.5374 1692.2 10.6368 1692.5 10.8153L1705.53 18.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M426.561 10.6351C426.842 10.8036 427.073 11.0367 427.233 11.3129C427.393 11.5892 427.477 11.8994 427.477 12.2148C427.477 12.5302 427.393 12.8405 427.233 13.1167C427.073 13.3929 426.842 13.6261 426.561 13.7945L413.537 21.6143C413.24 21.7928 412.898 21.8922 412.546 21.9022C412.195 21.9121 411.847 21.8323 411.539 21.6709C411.231 21.5096 410.975 21.2726 410.796 20.9848C410.617 20.697 410.523 20.3689 410.523 20.0346V4.39496C410.523 4.0607 410.617 3.73257 410.796 3.44477C410.975 3.15697 411.231 2.92004 411.539 2.75869C411.847 2.59734 412.195 2.51748 412.546 2.52744C412.898 2.5374 413.24 2.6368 413.537 2.8153L426.561 10.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1123.63 10.6351C1123.91 10.8036 1124.14 11.0367 1124.3 11.3129C1124.46 11.5892 1124.54 11.8994 1124.54 12.2148C1124.54 12.5302 1124.46 12.8405 1124.3 13.1167C1124.14 13.3929 1123.91 13.6261 1123.63 13.7945L1110.6 21.6143C1110.31 21.7928 1109.96 21.8922 1109.61 21.9022C1109.26 21.9121 1108.91 21.8323 1108.6 21.6709C1108.3 21.5096 1108.04 21.2726 1107.86 20.9848C1107.68 20.697 1107.59 20.3689 1107.59 20.0346V4.39496C1107.59 4.0607 1107.68 3.73257 1107.86 3.44477C1108.04 3.15697 1108.3 2.92004 1108.6 2.75869C1108.91 2.59734 1109.26 2.51748 1109.61 2.52744C1109.96 2.5374 1110.31 2.6368 1110.6 2.8153L1123.63 10.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1567.51 10.6351C1567.79 10.8036 1568.02 11.0367 1568.18 11.3129C1568.34 11.5892 1568.43 11.8994 1568.43 12.2148C1568.43 12.5302 1568.34 12.8405 1568.18 13.1167C1568.02 13.3929 1567.79 13.6261 1567.51 13.7945L1554.49 21.6143C1554.19 21.7928 1553.85 21.8922 1553.5 21.9022C1553.15 21.9121 1552.8 21.8323 1552.49 21.6709C1552.18 21.5096 1551.93 21.2726 1551.75 20.9848C1551.57 20.697 1551.47 20.3689 1551.47 20.0346V4.39496C1551.47 4.0607 1551.57 3.73257 1551.75 3.44477C1551.93 3.15697 1552.18 2.92004 1552.49 2.75869C1552.8 2.59734 1553.15 2.51748 1553.5 2.52744C1553.85 2.5374 1554.19 2.6368 1554.49 2.8153L1567.51 10.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M757.491 18.6351C757.771 18.8036 758.002 19.0367 758.162 19.3129C758.323 19.5892 758.406 19.8994 758.406 20.2148C758.406 20.5302 758.323 20.8405 758.162 21.1167C758.002 21.3929 757.771 21.6261 757.491 21.7945L744.467 29.6143C744.169 29.7928 743.827 29.8922 743.476 29.9022C743.124 29.9121 742.777 29.8323 742.469 29.6709C742.161 29.5096 741.904 29.2726 741.725 28.9848C741.546 28.697 741.452 28.3689 741.452 28.0346V12.395C741.452 12.0607 741.546 11.7326 741.725 11.4448C741.904 11.157 742.161 10.92 742.469 10.7587C742.777 10.5973 743.124 10.5175 743.476 10.5274C743.827 10.5374 744.169 10.6368 744.467 10.8153L757.491 18.6351Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M940.136 23.7926C940.417 23.961 940.648 24.1942 940.808 24.4704C940.968 24.7466 941.052 25.0569 941.052 25.3723C941.052 25.6877 940.968 25.9979 940.808 26.2741C940.648 26.5503 940.417 26.7835 940.136 26.9519L927.112 34.7718C926.815 34.9503 926.473 35.0497 926.121 35.0596C925.77 35.0696 925.422 34.9897 925.114 34.8284C924.806 34.667 924.55 34.4301 924.371 34.1423C924.192 33.8545 924.098 33.5264 924.098 33.1921V17.5524C924.098 17.2182 924.192 16.89 924.371 16.6022C924.55 16.3144 924.806 16.0775 925.114 15.9162C925.422 15.7548 925.77 15.675 926.121 15.6849C926.473 15.6949 926.815 15.7943 927.112 15.9728L940.136 23.7926Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1897.05 23.7926C1897.33 23.961 1897.56 24.1942 1897.72 24.4704C1897.88 24.7466 1897.96 25.0569 1897.96 25.3723C1897.96 25.6877 1897.88 25.9979 1897.72 26.2741C1897.56 26.5503 1897.33 26.7835 1897.05 26.9519L1884.02 34.7718C1883.73 34.9503 1883.39 35.0497 1883.03 35.0596C1882.68 35.0696 1882.33 34.9897 1882.03 34.8284C1881.72 34.667 1881.46 34.4301 1881.28 34.1423C1881.1 33.8545 1881.01 33.5264 1881.01 33.1921V17.5524C1881.01 17.2182 1881.1 16.89 1881.28 16.6022C1881.46 16.3144 1881.72 16.0775 1882.03 15.9162C1882.33 15.7548 1882.68 15.675 1883.03 15.6849C1883.39 15.6949 1883.73 15.7943 1884.02 15.9728L1897.05 23.7926Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M163.084 33.4584C163.365 33.6268 163.596 33.86 163.756 34.1362C163.916 34.4124 164 34.7227 164 35.038C164 35.3534 163.916 35.6637 163.756 35.9399C163.596 36.2161 163.365 36.4493 163.084 36.6177L150.06 44.4376C149.763 44.616 149.421 44.7155 149.069 44.7254C148.718 44.7354 148.37 44.6555 148.062 44.4942C147.754 44.3328 147.498 44.0959 147.319 43.8081C147.14 43.5203 147.046 43.1921 147.046 42.8579V27.2182C147.046 26.8839 147.14 26.5558 147.319 26.268C147.498 25.9802 147.754 25.7433 148.062 25.5819C148.37 25.4206 148.718 25.3407 149.069 25.3507C149.421 25.3606 149.763 25.46 150.06 25.6385L163.084 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1304.04 33.4584C1304.32 33.6268 1304.55 33.86 1304.71 34.1362C1304.87 34.4124 1304.95 34.7227 1304.95 35.038C1304.95 35.3534 1304.87 35.6637 1304.71 35.9399C1304.55 36.2161 1304.32 36.4493 1304.04 36.6177L1291.01 44.4376C1290.71 44.616 1290.37 44.7155 1290.02 44.7254C1289.67 44.7354 1289.32 44.6555 1289.01 44.4942C1288.71 44.3328 1288.45 44.0959 1288.27 43.8081C1288.09 43.5203 1288 43.1921 1288 42.8579V27.2182C1288 26.8839 1288.09 26.5558 1288.27 26.268C1288.45 25.9802 1288.71 25.7433 1289.01 25.5819C1289.32 25.4206 1289.67 25.3407 1290.02 25.3507C1290.37 25.3606 1290.71 25.46 1291.01 25.6385L1304.04 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M492.621 33.4584C492.901 33.6268 493.132 33.86 493.292 34.1362C493.452 34.4124 493.536 34.7227 493.536 35.038C493.536 35.3534 493.452 35.6637 493.292 35.9399C493.132 36.2161 492.901 36.4493 492.621 36.6177L479.597 44.4376C479.299 44.616 478.957 44.7155 478.606 44.7254C478.254 44.7354 477.907 44.6555 477.599 44.4942C477.291 44.3328 477.034 44.0959 476.855 43.8081C476.676 43.5203 476.582 43.1921 476.582 42.8579V27.2182C476.582 26.8839 476.676 26.5558 476.855 26.268C477.034 25.9802 477.291 25.7433 477.599 25.5819C477.907 25.4206 478.254 25.3407 478.606 25.3507C478.957 25.3606 479.299 25.46 479.597 25.6385L492.621 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1633.57 33.4584C1633.85 33.6268 1634.08 33.86 1634.24 34.1362C1634.4 34.4124 1634.49 34.7227 1634.49 35.038C1634.49 35.3534 1634.4 35.6637 1634.24 35.9399C1634.08 36.2161 1633.85 36.4493 1633.57 36.6177L1620.55 44.4376C1620.25 44.616 1619.91 44.7155 1619.56 44.7254C1619.21 44.7354 1618.86 44.6555 1618.55 44.4942C1618.24 44.3328 1617.99 44.0959 1617.81 43.8081C1617.63 43.5203 1617.53 43.1921 1617.53 42.8579V27.2182C1617.53 26.8839 1617.63 26.5558 1617.81 26.268C1617.99 25.9802 1618.24 25.7433 1618.55 25.5819C1618.86 25.4206 1619.21 25.3407 1619.56 25.3507C1619.91 25.3606 1620.25 25.46 1620.55 25.6385L1633.57 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M360.502 33.4584C360.782 33.6268 361.013 33.86 361.174 34.1362C361.334 34.4124 361.418 34.7227 361.418 35.038C361.418 35.3534 361.334 35.6637 361.174 35.9399C361.013 36.2161 360.782 36.4493 360.502 36.6177L347.478 44.4376C347.181 44.616 346.838 44.7155 346.487 44.7254C346.136 44.7354 345.788 44.6555 345.48 44.4942C345.172 44.3328 344.915 44.0959 344.736 43.8081C344.558 43.5203 344.463 43.1921 344.463 42.8579V27.2182C344.463 26.8839 344.558 26.5558 344.736 26.268C344.915 25.9802 345.172 25.7433 345.48 25.5819C345.788 25.4206 346.136 25.3407 346.487 25.3507C346.838 25.3606 347.181 25.46 347.478 25.6385L360.502 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1057.57 33.4584C1057.85 33.6268 1058.08 33.86 1058.24 34.1362C1058.4 34.4124 1058.48 34.7227 1058.48 35.038C1058.48 35.3534 1058.4 35.6637 1058.24 35.9399C1058.08 36.2161 1057.85 36.4493 1057.57 36.6177L1044.54 44.4376C1044.25 44.616 1043.9 44.7155 1043.55 44.7254C1043.2 44.7354 1042.85 44.6555 1042.55 44.4942C1042.24 44.3328 1041.98 44.0959 1041.8 43.8081C1041.62 43.5203 1041.53 43.1921 1041.53 42.8579V27.2182C1041.53 26.8839 1041.62 26.5558 1041.8 26.268C1041.98 25.9802 1042.24 25.7433 1042.55 25.5819C1042.85 25.4206 1043.2 25.3407 1043.55 25.3507C1043.9 25.3606 1044.25 25.46 1044.54 25.6385L1057.57 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1501.45 33.4584C1501.73 33.6268 1501.96 33.86 1502.12 34.1362C1502.28 34.4124 1502.37 34.7227 1502.37 35.038C1502.37 35.3534 1502.28 35.6637 1502.12 35.9399C1501.96 36.2161 1501.73 36.4493 1501.45 36.6177L1488.43 44.4376C1488.13 44.616 1487.79 44.7155 1487.44 44.7254C1487.09 44.7354 1486.74 44.6555 1486.43 44.4942C1486.12 44.3328 1485.87 44.0959 1485.69 43.8081C1485.51 43.5203 1485.41 43.1921 1485.41 42.8579V27.2182C1485.41 26.8839 1485.51 26.5558 1485.69 26.268C1485.87 25.9802 1486.12 25.7433 1486.43 25.5819C1486.74 25.4206 1487.09 25.3407 1487.44 25.3507C1487.79 25.3606 1488.13 25.46 1488.43 25.6385L1501.45 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M690.038 33.4584C690.319 33.6268 690.55 33.86 690.71 34.1362C690.87 34.4124 690.954 34.7227 690.954 35.038C690.954 35.3534 690.87 35.6637 690.71 35.9399C690.55 36.2161 690.319 36.4493 690.038 36.6177L677.014 44.4376C676.717 44.616 676.375 44.7155 676.024 44.7254C675.672 44.7354 675.324 44.6555 675.016 44.4942C674.708 44.3328 674.452 44.0959 674.273 43.8081C674.094 43.5203 674 43.1921 674 42.8579V27.2182C674 26.8839 674.094 26.5558 674.273 26.268C674.452 25.9802 674.708 25.7433 675.016 25.5819C675.324 25.4206 675.672 25.3407 676.024 25.3507C676.375 25.3606 676.717 25.46 677.014 25.6385L690.038 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M874.077 33.4584C874.357 33.6268 874.588 33.86 874.749 34.1362C874.909 34.4124 874.993 34.7227 874.993 35.038C874.993 35.3534 874.909 35.6637 874.749 35.9399C874.588 36.2161 874.357 36.4493 874.077 36.6177L861.053 44.4376C860.756 44.616 860.413 44.7155 860.062 44.7254C859.711 44.7354 859.363 44.6555 859.055 44.4942C858.747 44.3328 858.49 44.0959 858.311 43.8081C858.133 43.5203 858.038 43.1921 858.038 42.8579V27.2182C858.038 26.8839 858.133 26.5558 858.311 26.268C858.49 25.9802 858.747 25.7433 859.055 25.5819C859.363 25.4206 859.711 25.3407 860.062 25.3507C860.413 25.3606 860.756 25.46 861.053 25.6385L874.077 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3Cpath d='M1830.99 33.4584C1831.27 33.6268 1831.5 33.86 1831.66 34.1362C1831.82 34.4124 1831.91 34.7227 1831.91 35.038C1831.91 35.3534 1831.82 35.6637 1831.66 35.9399C1831.5 36.2161 1831.27 36.4493 1830.99 36.6177L1817.97 44.4376C1817.67 44.616 1817.33 44.7155 1816.97 44.7254C1816.62 44.7354 1816.28 44.6555 1815.97 44.4942C1815.66 44.3328 1815.4 44.0959 1815.22 43.8081C1815.05 43.5203 1814.95 43.1921 1814.95 42.8579V27.2182C1814.95 26.8839 1815.05 26.5558 1815.22 26.268C1815.4 25.9802 1815.66 25.7433 1815.97 25.5819C1816.28 25.4206 1816.62 25.3407 1816.97 25.3507C1817.33 25.3606 1817.67 25.46 1817.97 25.6385L1830.99 33.4584Z' fill='black' fill-opacity='0.09'/%3E%3C/g%3E%3C/svg%3E\");\n        background-position: center center;\n        background-size: cover;\n\n\n        [part=\"close\"] {\n            margin-right: var(--xyd-nav-padding);\n        }\n    }\n\n    @layer fabric {\n        p {\n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n        }\n    }\n`\n\n","import React from \"react\"\n\nimport * as cn from \"./GuideCard.styles\";\n\nimport { Icon } from \"../Icon\"\n\n/**\n * Props for the GuideCard component\n */\nexport interface GuideCardProps {\n    /** Content to be displayed in the card body */\n    children: React.ReactNode;\n\n    /** URL the card links to */\n    href: string\n\n    /** Title displayed at the top of the card */\n    title?: string;\n\n    /** Optional icon displayed to the left of the content */\n    icon?: React.ReactNode | string;\n\n    /** Visual style variant of the card */\n    kind?: \"secondary\"\n\n    /** Size variant of the card */\n    size?: \"sm\" | \"md\"\n\n    /** Additional CSS class names to apply to the card */\n    className?: string\n\n    /** Additional props to pass to the link element */\n    as?: React.ElementType\n}\n\n/**\n * A card component that displays content with a title and optional icon.\n * The entire card is clickable and links to the specified URL.\n * \n * @category Component\n */\nexport function GuideCard({\n    children,\n    href,\n    icon,\n    title,\n    kind,\n    size,\n    className,\n    as,\n}: GuideCardProps) {\n    const Link = as || $Link\n\n    const iconElement = icon && typeof icon === 'string' ? <Icon name={icon} /> : icon\n\n    return <xyd-guidecard\n        className={`${cn.GuideHost} ${className || \"\"}`}\n        data-kind={kind}\n        data-size={size}\n    >\n        <Link part=\"link\" href={href}>\n            <div part=\"item\">\n                {iconElement && <div part=\"icon\">\n                    {iconElement}\n                </div>}\n                <div part=\"right\">\n                    {title && <GuideCard.Title>{title}</GuideCard.Title>}\n                    <div part=\"body\">\n                        {children}\n                    </div>\n                </div>\n            </div>\n        </Link>\n    </xyd-guidecard>\n}\nGuideCard.Title = function GuideCardTitle({ children }: { children: React.ReactNode }) {\n    return <div part=\"title\">\n        <div part=\"title-body\">\n            {children}\n        </div>\n        <$Pointer />\n    </div>\n}\n\n/**\n * A container component for grouping multiple GuideCard components.\n * Provides consistent spacing and layout for a list of guide cards.\n */\nGuideCard.List = function GuideCardList({ children }: { children: React.ReactNode }) {\n    return <xyd-guidecard-list className={cn.GuideListHost}>\n        {children}\n    </xyd-guidecard-list>\n}\n\n/**\n * Internal component that renders the arrow pointer icon.\n */\nfunction $Pointer() {\n    return <div part=\"pointer\">\n        <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\n                fillRule=\"evenodd\"\n                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\"\n                clipRule=\"evenodd\"\n            />\n        </svg>\n    </div>\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 globals = css`\n    :global() {\n        html[data-color-primary=\"true\"] {\n            xyd-guidecard [part=\"icon\"] svg {\n                fill: var(--color-primary) !important;  // TODO: fix important\n                color: var(--color-primary) !important; // TODO: fix important\n            }\n        }\n    }\n`\n\nexport const GuideHost = css`\n    @layer defaults {\n        display: block;\n        height: auto;\n        \n        &[data-kind=\"secondary\"] {\n            display: flex;\n            position: relative;\n            overflow: hidden;\n            border: 1px solid var(--xyd-guidecard-border-color--secondary);\n            background: var(--xyd-guidecard-bgcolor--secondary);\n            border-radius: 8px;\n            padding: 24px;\n            z-index: 0;\n            transition: box-shadow .2s ease-in-out, background-image .2s ease;\n            /* height: auto; */\n            height: 100%;\n\n            &:hover {\n                background: var(--xyd-guidecard-bgcolor--secondary-hover);\n            }\n\n            &[data-size=\"md\"] {\n                padding: 21px 25px 25px;\n            }\n        }\n\n        [part=\"link\"] {\n            width: 100%;\n            height: 100%;\n        }\n\n        [part=\"item\"] {\n            border-radius: 8px;\n            display: flex;\n            align-items: flex-start;\n\n            cursor: pointer;\n            transition: opacity .15s;\n\n            &:hover {\n                [part=\"pointer\"] {\n                    opacity: 1;\n                    transform: translate(0);\n                }\n            }\n        }\n        &[data-kind=\"secondary\"] [part=\"item\"] {\n            width: 100%;\n            height: 100%;\n        }\n\n        [part=\"icon\"] {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            color: var(--xyd-guidecard-icon-color);\n            transition: background .2s ease;\n            box-sizing: border-box;\n            flex-shrink: 0;\n\n            svg {\n                width: 24px;\n                height: 24px;\n            }\n        }\n\n        [part=\"right\"] {\n            padding-left: 16px;\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }\n\n        [part=\"title\"] {\n            display: flex;\n            color: var(--xyd-guidecard-title-color);\n            align-items: center;\n            font-weight: var(--xyd-font-weight-semibold);\n            transition: color .15s;\n        }\n\n        [part=\"title-body\"] {\n        }\n        &[data-size=\"md\"] [part=\"title-body\"] {\n        }\n\n        [part=\"body\"] {\n            font-weight: var(--xyd-font-weight-normal);\n\n            color: var(--xyd-guidecard-color);\n            white-space: normal;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n        &[data-size=\"md\"] [part=\"body\"] {\n        }\n\n        [part=\"pointer\"] {\n            opacity: 0;\n            transform: translate(-4px);\n            display: flex;\n            justify-content: center;\n            transition: opacity .15s ease-in-out, transform .15s ease-in-out;\n        }\n    }\n`;\n\nexport const GuideListHost = css`\n    @layer defaults {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        justify-content: center;\n        gap: 24px;\n    }\n`;","import React, { } from \"react\"\n\nimport * as cn from \"./Heading.styles\";\nimport { Badge } from \"../../../writer\";\n\n/**\n * Props for the Heading component\n * @interface HeadingProps\n */\nexport interface HeadingProps {\n    /** Content to be rendered inside the heading */\n    children: React.ReactNode\n\n    /** The size of the heading (1-6, corresponding to h1-h6) */\n    size: 1 | 2 | 3 | 4 | 5 | 6\n\n    /** Optional HTML element to render as (div or span) */\n    as?: \"div\" | \"span\"\n\n    /** Optional ID for the heading element */\n    id?: string\n\n    /** Optional visual style variant */\n    kind?: \"muted\"\n\n    /** Optional click handler */\n    onClick?: () => void\n\n    /** Optional additional CSS class name */\n    className?: string\n\n    /** Optional active state */\n    active?: boolean\n\n    /** Optional label for the heading */\n    label?: string\n\n    /** Optional subtitle for the heading */\n    subtitle?: string\n\n    /** Optional to hide the anchor icon */\n    noanchor?: boolean\n\n    /** Optional ref for the heading element */\n    ref?: React.RefObject<HTMLHeadingElement>\n\n    style?: React.CSSProperties\n}\n\n/**\n * A flexible heading component that can render as any heading level (h1-h6) or as a div/span\n * \n * @category Component\n */\nexport function Heading(props: HeadingProps) {\n    const {\n        children,\n        size = 1,\n        as,\n        id,\n        onClick,\n        className,\n        kind,\n        active,\n        label,\n        subtitle,\n        noanchor,\n        ref,\n        style,\n    } = props\n    let HeadingComponent = as ? as : `h${size}` as \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"\n\n    return <>\n        <HeadingComponent\n            style={style || undefined}\n            className={` ${cn.HeadingHost}  ${className || ''}`}\n            data-size={size}\n            data-kind={kind}\n            data-has-label={String(label ? \"true\" : \"false\")}\n            data-noanchor={String(noanchor || \"false\")}\n            data-active={String(active || \"false\")}\n            onClick={noanchor ? undefined : onClick}\n            id={id}\n            ref={ref}\n        >\n            {children}\n\n            {label && <Badge size=\"sm\">{label}</Badge>}\n\n            {id && !noanchor && <$Anchor />}\n        </HeadingComponent>\n\n        {\n            subtitle ? <Heading\n                {...props}\n                size={4}\n                kind=\"muted\"\n                subtitle={undefined} \n                label={undefined}\n            >\n                {subtitle}\n            </Heading> : null\n        }\n    </>\n}\n\nfunction $Anchor() {\n    return <svg\n        part=\"icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={15}\n        height={15}\n        fill=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n        role=\"presentation\"\n    >\n        <path\n            fillRule=\"evenodd\"\n            d=\"M18.293 5.707a4.657 4.657 0 0 0-6.586 0l-1 1a1 1 0 1 1-1.414-1.414l1-1a6.657 6.657 0 1 1 9.414 9.414l-1 1a1 1 0 0 1-1.414-1.414l1-1a4.657 4.657 0 0 0 0-6.586Zm-2.586 2.586a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414l6-6a1 1 0 0 1 1.414 0Zm-9 1a1 1 0 0 1 0 1.414l-1 1a4.657 4.657 0 0 0 6.586 6.586l1-1a1 1 0 0 1 1.414 1.414l-1 1a6.657 6.657 0 1 1-9.414-9.414l1-1a1 1 0 0 1 1.414 0Z\"\n            clipRule=\"evenodd\"\n        />\n    </svg>\n}","import { css } from \"@linaria/core\";\n\nexport const HeadingHost = css`\n    @layer defaults {\n        color: var(--xyd-heading-color);\n        line-height: var(--xyd-line-height-xlarge);\n        font-weight: var(--xyd-font-weight-semibold);\n\n        position: relative;\n        display: table;\n        margin: 0;\n        padding: 0 24px 0 0;\n        scroll-margin-top: 30px;\n        cursor: default;\n\n        &[id] {\n            cursor: pointer;\n        }\n        &[data-noanchor=\"true\"] {\n            cursor: default;\n        }\n\n        &[data-has-label=\"true\"] {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n\n            xyd-badge {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n                letter-spacing: 2px;\n            }\n        }\n\n        &:hover {\n            svg {\n                opacity: 1;\n            }\n        }\n\n        &[data-kind=\"muted\"] {\n            color: var(--xyd-heading-color--muted);\n            cursor: default;\n            font-weight: var(--xyd-font-weight-medium);\n        }\n\n        &[data-size=\"1\"] {\n            font-size: var(--xyd-font-size-2xl);\n            line-height: var(--xyd-line-height-2xl);\n        }\n\n        &[data-size=\"2\"] {\n            font-size: var(--xyd-font-size-xxlarge);\n            line-height: var(--xyd-line-height-xxlarge);\n        }\n\n        &[data-size=\"3\"] {\n            font-size: var(--xyd-font-size-xlarge);\n            line-height: var(--xyd-line-height-xlarge);\n        }\n\n        &[data-size=\"4\"] {\n            font-size: var(--xyd-font-size-large);\n            line-height: var(--xyd-line-height-large);\n        }\n\n        &[data-size=\"5\"] {\n            font-size: var(--xyd-font-size-medium);\n            line-height: var(--xyd-line-height-medium);\n        }\n\n        &[data-size=\"6\"] {\n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n        }\n\n        [part=\"icon\"] {\n            position: absolute;\n            top: 50%;\n            right: 0;\n            margin-top: -6px;\n            opacity: 0;\n            color: var(--xyd-heading-icon-color);\n            transition: opacity .15s ease;\n        }\n        &[data-active=\"true\"] {\n            [part=\"icon\"] {\n                opacity: 1;\n            }\n        }\n    }\n`;\n\n","import React from \"react\";\n\nimport { Social } from \"@xyd-js/core\"\n\nexport interface IconSocialProps extends React.SVGProps<SVGSVGElement> {\n    kind: Social\n}\n\nexport function IconSocial({ kind, ...props }: IconSocialProps) {\n    switch (kind) {\n        case \"x\":\n            return <IconSocial.Twitter {...props} />\n        case \"facebook\":\n            return <IconSocial.Facebook {...props} />\n        case \"youtube\":\n            return <IconSocial.Youtube {...props} />\n        case \"discord\":\n            return <IconSocial.Discord {...props} />\n        case \"slack\":\n            return <IconSocial.Slack {...props} />\n        case \"github\":\n            return <IconSocial.Github {...props} />\n        case \"linkedin\":\n            return <IconSocial.Linkedin {...props} />\n        case \"instagram\":\n            return <IconSocial.Intagram {...props} />\n        case \"hackernews\":\n            return <IconSocial.HackerNews {...props} />\n        case \"medium\":\n            return <IconSocial.Medium {...props} />\n        case \"telegram\":\n            return <IconSocial.Telegram {...props} />\n        case \"bluesky\":\n            return <IconSocial.Bluesky {...props} />\n        case \"reddit\":\n            return <IconSocial.Reddit {...props} />\n    }\n\n    return null\n}\n\nIconSocial.Twitter = function IconSocialTwitter(props: React.SVGProps<SVGSVGElement>) {\n    return <svg xmlns=\"http://www.w3.org/2000/svg\" color=\"currentColor\" width=\"24\" height=\"24\" viewBox=\"0 0 512 512\" style={{color: \"currentcolor\", fill: \"currentcolor\"}} {...props}>\n        <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\" />\n    </svg>\n}\n\nIconSocial.Facebook = function IconSocialFacebook(props: React.SVGProps<SVGSVGElement>) {\n    return <svg xmlns=\"http://www.w3.org/2000/svg\" color=\"currentColor\" width=\"24\" height=\"24\" viewBox=\"0 0 512 512\" style={{color: \"currentcolor\", fill: \"currentcolor\"}} {...props}>\n        <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\" />\n    </svg>\n}\nIconSocial.Youtube = function IconSocialYoutube(props: React.SVGProps<SVGSVGElement>) {\n    return <svg xmlns=\"http://www.w3.org/2000/svg\" color=\"currentColor\" width=\"24\" height=\"24\" viewBox=\"0 0 576 512\" style={{color: \"currentcolor\", fill: \"currentcolor\"}} {...props}>\n        <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\" />\n    </svg>\n}\nIconSocial.Discord = function IconSocialDiscord(props: React.SVGProps<SVGSVGElement>) {\n    return <svg xmlns=\"http://www.w3.org/2000/svg\" color=\"currentColor\" width=\"24\" height=\"24\" viewBox=\"0 0 640 512\" style={{color: \"currentcolor\", fill: \"currentcolor\"}} {...props}>\n        <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\" />\n    </svg>\n}\nIconSocial.Slack = function IconSocialSlack(props: React.SVGProps<SVGSVGElement>) {\n    return <svg xmlns=\"http://www.w3.org/2000/svg\" color=\"currentColor\" width=\"24\" height=\"24\" viewBox=\"0 0 448 512\" style={{color: \"currentcolor\", fill: \"currentcolor\"}} {...props}>\n        <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\" />\n    </svg>\n}\nIconSocial.Github = function IconSocialGithub(props: React.SVGProps<SVGSVGElement>) {\n    return <svg xmlns=\"http://www.w3.org/2000/svg\" color=\"currentColor\" width=\"24\" height=\"24\" viewBox=\"0 0 496 512\" style={{color: \"currentcolor\", fill: \"currentcolor\"}} {...props}>\n        <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\" />\n    </svg>\n}\nIconSocial.Linkedin = function IconSocialLinkedin(props: React.SVGProps<SVGSVGElement>) {\n    return <svg xmlns=\"http://www.w3.org/2000/svg\" color=\"currentColor\" width=\"24\" height=\"24\" viewBox=\"0 0 448 512\" style={{color: \"currentcolor\", fill: \"currentcolor\"}} {...props}>\n        <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\" />\n    </svg>\n}\nIconSocial.Intagram = function IconSocialIntagram(props: React.SVGProps<SVGSVGElement>) {\n    return <svg xmlns=\"http://www.w3.org/2000/svg\" color=\"currentColor\" width=\"24\" height=\"24\" viewBox=\"0 0 448 512\" style={{color: \"currentcolor\", fill: \"currentcolor\"}} {...props}>\n        <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\" />\n    </svg>\n}\nIconSocial.HackerNews = function IconSocialHackerNews(props: React.SVGProps<SVGSVGElement>) {\n    return <svg xmlns=\"http://www.w3.org/2000/svg\" color=\"currentColor\" width=\"24\" height=\"24\" viewBox=\"0 0 448 512\" style={{color: \"currentcolor\", fill: \"currentcolor\"}} {...props}>\n        <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\" />\n    </svg>\n}\nIconSocial.Medium = function IconSocialMedium(props: React.SVGProps<SVGSVGElement>) {\n    return <svg xmlns=\"http://www.w3.org/2000/svg\" color=\"currentColor\" width=\"24\" height=\"24\" viewBox=\"0 0 640 512\" style={{color: \"currentcolor\", fill: \"currentcolor\"}} {...props}>\n        <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\" />\n    </svg>\n}\nIconSocial.Telegram = function IconSocialTelegram(props: React.SVGProps<SVGSVGElement>) {\n    return <svg xmlns=\"http://www.w3.org/2000/svg\" color=\"currentColor\" width=\"24\" height=\"24\" viewBox=\"0 0 496 512\" style={{color: \"currentcolor\", fill: \"currentcolor\"}} {...props}>\n        <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\" />\n    </svg>\n}\nIconSocial.Bluesky = function IconSocialBluesky(props: React.SVGProps<SVGSVGElement>) {\n    return <svg xmlns=\"http://www.w3.org/2000/svg\" color=\"currentColor\" width=\"24\" height=\"24\" viewBox=\"0 0 576 512\" style={{color: \"currentcolor\", fill: \"currentcolor\"}} {...props}>\n        <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\" />\n    </svg>\n}\nIconSocial.Reddit = function IconSocialReddit(props: React.SVGProps<SVGSVGElement>) {\n    return <svg xmlns=\"http://www.w3.org/2000/svg\" color=\"currentColor\" width=\"24\" height=\"24\" viewBox=\"0 0 512 512\" style={{color: \"currentcolor\", fill: \"currentcolor\"}} {...props}>\n        <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\" />\n    </svg>\n}","import { css } from '@linaria/core'\n\nexport default {\n    List: css`\n        @layer defaults {\n            list-style: none;\n            margin: 0;\n            padding: 0;\n\n            ol& {\n                list-style-type: decimal;\n                padding-inline-start: 1.625em;\n            }\n        }\n    `,\n    Item: css`\n        @layer defaults {\n            ul & {\n                margin-bottom: 0.5rem;\n                position: relative;\n                padding-inline-start: .375em;\n                padding-left: 2em !important;\n            }\n\n            /*  TODO: IN THE FUTURE BETTER SOLUTION IS NEEDED */\n            xyd-grid-decorator ul & {\n                padding-left: 0 !important;\n            }\n\n            ul &::before {\n                content: \"\";\n                width: .375em;\n                height: .375em;\n                position: absolute;\n                top: 0.5em;\n                left: .5em;\n                border-radius: 50%;\n                background-color: var(--xyd-list-item-bgcolor);\n            }\n\n            ol &::marker {\n                padding-inline-start: .375em;\n                color: var(--xyd-list-marker-color);\n            }\n        }\n    `\n}","import React from \"react\"\n\nimport cn from \"./List.styles\";\n\nexport interface ListProps {\n    children: React.ReactNode;\n}\n\nexport function List({ children }: ListProps) {\n    return <ul className={cn.List}>\n        {children}\n    </ul>\n}\n\nexport function ListOl({ children }: ListProps) {\n    return <ol className={cn.List}>\n        {children}\n    </ol>\n}\n\nexport interface ListItemProps {\n    children: React.ReactNode;\n}\n\nfunction ListItem({ children }: ListItemProps) {\n    return <li className={cn.Item}>{children}</li>\n}\n\nList.Item = ListItem;\n","import React from \"react\"\n\nimport * as cn from \"./NavLinks.styles\";\n\nexport interface NavLinksProps {\n    prev?: {\n        title: string\n        href: string\n    }\n    next?: {\n        title: string\n        href: string\n    }\n\n    as?: React.ElementType\n\n    className?: string\n}\n\nexport function NavLinks(\n    props: NavLinksProps\n) {\n    const Link = props.as || $Anchor\n\n    return (\n        <xyd-navlinks\n            className={`${cn.NavLinksHost} ${props.className || \"\"}`}\n        >\n            {props.prev ? (\n                <Link\n                    href={props.prev.href}\n                    title={props.prev.title}\n                    part=\"link\"\n                >\n                    <$ArrowLeftIcon part=\"icon\"/>\n                    {props.prev.title}\n                </Link>\n            ) : <div/>}\n            {props.next && (\n                <Link\n                    href={props.next.href}\n                    title={props.next.title}\n                    part=\"link\"\n                >\n                    {props.next.title}\n                    <$ArrowRightIcon part=\"icon\"/>\n                </Link>\n            )}\n        </xyd-navlinks>\n    )\n}\n\n\nfunction $Anchor({children, ...rest}) {\n    return <a {...rest}>\n        {children}\n    </a>\n}\n\n\nfunction $ArrowRightIcon(props: React.SVGProps<SVGSVGElement>) {\n    return <svg\n        width={15}\n        height={15}\n        viewBox=\"0 0 15 15\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n    >\n        <path\n            d=\"M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z\"\n            fill=\"currentColor\"\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n        />\n    </svg>\n}\n\nfunction $ArrowLeftIcon(props: React.SVGProps<SVGSVGElement>) {\n    return  <svg\n        width={15}\n        height={15}\n        viewBox=\"0 0 15 15\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n    >\n        <path\n            d=\"M6.85355 3.14645C7.04882 3.34171 7.04882 3.65829 6.85355 3.85355L3.70711 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H3.70711L6.85355 11.1464C7.04882 11.3417 7.04882 11.6583 6.85355 11.8536C6.65829 12.0488 6.34171 12.0488 6.14645 11.8536L2.14645 7.85355C1.95118 7.65829 1.95118 7.34171 2.14645 7.14645L6.14645 3.14645C6.34171 2.95118 6.65829 2.95118 6.85355 3.14645Z\"\n            fill=\"currentColor\"\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n        />\n    </svg>\n}\n","import {css} from \"@linaria/core\";\n\nexport const NavLinksHost = css`\n    @layer defaults {\n        font-weight: var(--xyd-font-weight-semibold);\n        display: flex;\n        padding-top: 2rem;\n        margin-top: 2rem;\n        margin-bottom: 2rem;\n        justify-content: space-between;\n        align-items: center;\n        border-top-width: 1px;\n        border-color: var(--xyd-navlinks-border-color);\n\n        [part=\"link\"] {\n            display: flex;\n            gap: 8px;\n            align-items: center;\n            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n            transition-duration: 300ms;\n            max-width: 50%;\n        }\n\n        [part=\"icon\"] {\n            display: inline;\n            height: 1.25rem;\n            flex-shrink: 0;\n        }\n    }\n`;\n\n","import React from \"react\"\n\nimport * as cn from \"./Steps.styles\";\nimport { Icon } from \"../Icon\"\n\n/**\n * Props for the Steps component\n */\nexport interface StepsProps {\n    /** Content to be rendered inside the steps list */\n    children: React.ReactNode;\n\n    /** Optional CSS class name to be applied to the steps container */\n    className?: string;\n\n    /** Optional kind of steps to be rendered */\n    kind?: \"secondary\" | undefined;\n}\n\n/**\n * Steps component that renders a numbered list of steps or stages.\n * Use this component to display a sequence of steps in a process or workflow.\n * \n * @category Component\n */\nexport function Steps({ children, className, kind }: StepsProps) {\n    return <xyd-steps\n        data-kind={kind}\n        className={`${cn.StepsHost} ${className || \"\"}`}\n    >\n        <ol>\n            {children}\n        </ol>\n    </xyd-steps>\n}\n\n/**\n * Props for the Steps.Item component\n */\nexport interface StepsItemProps {\n    /** Content to be rendered inside the step item */\n    children: React.ReactNode;\n\n    /** Optional icon to be displayed in the step item */\n    icon?: string | React.ReactNode;\n\n    /** Optional title to be displayed in the step item */\n    title?: string;\n\n    /** Optional CSS class name to be applied to the step item */\n    className?: string;\n}\n\n/**\n * Individual step item component that represents a single step in the sequence.\n * This component should be used as a child of the Steps component.\n * \n * @category Component\n */\nSteps.Item = function StepsItem({ children, icon, title, className }: StepsItemProps) {\n    const iconElement = typeof icon === \"string\" ? <Icon name={icon} /> : icon;\n\n    return <xyd-steps-item\n        className={`${cn.StepsItem} ${className || \"\"}`}\n        data-numeric={!icon ? \"true\" : undefined}\n    >\n        <li>\n            {title && <span part=\"title\">{title}</span>}\n\n            {children}\n\n            {iconElement && <span part=\"step\">{iconElement}</span>}\n        </li>\n    </xyd-steps-item>\n}","import { css } from \"@linaria/core\";\n\nconst bulletPx = 24;\nconst lineWidth = 0.5;\n\nexport const StepsHost = css`\n    display: block;\n\n    @layer defaults {\n        ol {\n            padding-left: 0;\n            list-style: none;\n            counter-reset: ordered-listitem;\n\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n        }\n    \n\n        &[data-kind=\"secondary\"] {\n            li {\n                margin-bottom: 32px;\n            }\n\n            li::before {\n                content: \"\";\n                position: absolute;\n                border: ${lineWidth}px solid var(--dark32);\n                height: 100%;\n                top: calc(${bulletPx}px + 6px);\n                left: calc(${bulletPx}px / 2 - (${lineWidth}px / 2));\n            }\n        }\n    }\n`;\n\nexport const StepsItem = css`\n    @layer defaults {\n        li {\n            padding-left: 32px;\n            position: relative;\n        }\n\n        [part=\"title\"] {\n            display: block;\n            margin-bottom: 32px;\n            font-weight: var(--xyd-font-weight-medium);\n        }\n\n        &[data-numeric=\"true\"] {\n            li::after {\n                position: absolute;\n                top: 0;\n                left: 0;\n                counter-increment: ordered-listitem;\n                content: counter(ordered-listitem);\n\n                background: var(--xyd-steps-marker-bgcolor);\n                color: var(--xyd-steps-marker-color);\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-medium);\n                font-weight: var(--xyd-font-weight-medium);\n                text-align: center;\n                height: ${bulletPx}px;\n                width: ${bulletPx}px;\n                border-radius: 12px;\n            }\n        }\n\n        [part=\"step\"] {\n            position: absolute;\n            top: 0;\n            left: 0;\n\n            background: var(--xyd-steps-marker-bgcolor);\n            color: var(--xyd-steps-marker-color);\n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-medium);\n            font-weight: var(--xyd-font-weight-medium);\n            text-align: center;\n            height: ${bulletPx}px;\n            width: ${bulletPx}px;\n            border-radius: 12px;\n\n            svg {\n                width: 12px !important; // TODO: remove !important\n            }\n        }\n    }\n`;","import {css} from \"@linaria/core\";\n\nexport default {\n    Host: css`\n        @layer defaults {\n            display: table;\n            width: 100%;\n            border-collapse: separate;\n            border-spacing: 0;\n            border: 1px solid var(--xyd-table-border-color);\n            border-radius: 8px;\n            margin-top: 16px;\n            //overflow: hidden;\n            \n            &[data-kind=\"secondary\"] {\n                border: none;\n                \n                th, td {\n                    border: none;\n                    border-bottom: 1px solid var(--xyd-table-border-color);\n                }\n            }\n            \n            @media (min-width: 1400px) {\n                min-width: 640px;\n            }\n            \n            @media (max-width: 1024px) {\n                overflow: auto;\n                display: block;\n            }\n        }\n    `,\n    Thead: css`\n        @layer defaults {\n            background: var(--xyd-table-bgcolor);\n        }\n    `,\n    Tbody: css`\n        \n    `,\n    Th: css`\n        @layer defaults {\n            text-align: left;\n            //font-weight: var(--xyd-font-weight-medium);\n            font-weight: bold;\n            padding: 0.5rem 1rem;\n            white-space: nowrap;\n            vertical-align: middle;\n            color: var(--xyd-table-color);\n            border-bottom: 1px solid var(--xyd-table-border-color);\n            border-right: 1px solid var(--xyd-table-border-color);\n            \n            \n        }\n    `,\n    Tr: css`\n        @layer defaults {\n            &:not(:last-child) {\n                border-bottom: 1px solid var(--xyd-table-border-color);\n            }\n        }\n    `,\n    Td: css`\n        @layer defaults {\n            padding: 0.5rem 1rem;\n            vertical-align: middle;\n            border-top: 1px solid var(--xyd-table-border-color);\n            border-right: 1px solid var(--xyd-table-border-color);\n            max-width: 300px;\n            overflow: auto;\n\n            @media (max-width: 768px) {\n                padding: 0.5rem;\n            }\n\n            code {\n                &.json {\n                    width: 100%;\n                    font-family: unset; // TODO: BETTER - cuz issues with displaying json on mobile\n                }\n                text-align: left;\n            }\n        }\n    `,\n    Cell: css`\n        @layer defaults {\n            display: flex;\n            align-items: baseline;\n            width: 100%;\n            gap: 0.5rem;\n\n            [part=\"child\"] {\n                flex: 1;\n                //text-align: right;\n            }\n        }\n    `\n} \n\n","import React from \"react\"\n\nimport cn from \"./Table.styles\";\n\n/**\n * Props for the Table component\n */\nexport interface TableProps {\n    /** The content to be rendered inside the table */\n    children: React.ReactNode;\n\n    /** Optional kind of the table, can be used for styling purposes */\n    kind?: \"secondary\"\n\n    /** Optional CSS class name to be applied to the table */\n    className?: string;\n}\n\n/**\n * A table component that provides a structured way to display tabular data.\n * It supports custom styling through className prop and can contain various table elements.\n * \n * @category Component\n */\nexport function Table({ children, kind, className }: TableProps) {\n    return (\n        <table data-kind={kind || undefined} className={`${cn.Host} ${className || ''}`}>\n            {children}\n        </table>\n    );\n}\n\n/**\n * Props for the TableHead component\n */\nexport interface TableHeadProps {\n    /** The content to be rendered inside the table header */\n    children: React.ReactNode;\n}\n\n/**\n * Represents the header section of a table.\n * Use this component to group header content at the top of the table.\n */\nTable.Head = function TableHead({ children }: TableHeadProps) {\n    return <thead className={cn.Thead}>\n        {children}\n    </thead>\n}\n\n/**\n * Props for the TableTh component\n */\nexport interface TableThProps {\n    /** The content to be rendered inside the table header cell */\n    children: React.ReactNode;\n    \n    /** Whether the cell content should be right-aligned (for numeric values) */\n    numeric?: boolean;\n}\n\n/**\n * Represents a header cell in the table.\n * Use this component for column headers in the table.\n */\nTable.Th = function TableTh({ children, numeric }: TableThProps) {\n    return <th className={`${cn.Th} ${numeric ? 'numeric' : ''}`}>\n        {children}\n    </th>\n}\n\n/**\n * Props for the TableTr component\n */\nexport interface TableTrProps {\n    /** The content to be rendered inside the table row */\n    children: React.ReactNode;\n}\n\n/**\n * Represents a row in the table.\n * Use this component to create rows in the table body or header.\n */\nTable.Tr = function TableTr({ children }: TableTrProps) {\n    return <tr className={cn.Tr}>\n        {children}\n    </tr>\n}\n\n/**\n * Props for the TableBody component\n */\nexport interface TableBodyProps {\n    /** The content to be rendered inside the table body */\n    children: React.ReactNode;\n}\n\n/**\n * Represents the main content area of the table.\n * Use this component to group the main content rows of the table.\n */\nTable.Body = function TableBody({ children }: TableBodyProps) {\n    return <tbody className={cn.Tbody}>\n        {children}\n    </tbody>\n}\n\n/**\n * Props for the TableTd component\n */\nexport interface TableTdProps {\n    /** The content to be rendered inside the table cell */\n    children: React.ReactNode;\n\n    /** Whether the cell content should be right-aligned (for numeric values) */\n    numeric?: boolean;\n    \n    /** Whether the cell should have a muted appearance */\n    muted?: boolean;\n}\n\n/**\n * Represents a data cell in the table.\n * Use this component for regular data cells in the table body.\n */\nTable.Td = function TableTd({ children, numeric, muted }: TableTdProps) {\n    return <td className={`${cn.Td} ${numeric ? 'numeric' : ''} ${muted ? 'muted' : ''}`}>\n        {children}\n    </td>\n}\n\n/**\n * Props for the TableCell component\n */\nexport interface TableCellProps {\n    /** The content to be rendered inside the table cell */\n    children: React.ReactNode;\n}\n\n/**\n * A custom table cell component that wraps content in a div with specific styling.\n * Use this component when you need a custom-styled cell with additional structure.\n */\nTable.Cell = function TableCell({ children }: TableCellProps) {\n    return <xyd-table-cell className={cn.Cell}>\n        <div part=\"child\">\n            {children}\n        </div>\n    </xyd-table-cell>\n}\n\n/**\n * Props for the TableModelCell component\n */\nexport interface TableModelCellProps {\n    /** The content to be rendered inside the model cell */\n    children: React.ReactNode;\n}\n","import React, {useRef, useState} from \"react\";\n\nimport { useTabsAnalytics } from \"./TabsAnalytics\";\n\nimport {EVENT_COMPONENT_TAB_CHANGE} from \"../../uxsdk\";\n\n/**\n * Custom hook to handle value changes and determine navigation direction\n * @param controlledValue - The controlled value from props\n * @param onChange - Callback function for value changes\n * @param navItems - Array of navigation items\n * @returns Tuple containing direction, current value, and change handler\n */\nexport function useValueChange(\n    controlledValue: string | undefined,\n    onChange: ((value: string) => void) | undefined,\n    navItems: React.ReactNode[],\n) {\n    const tabsAnalytics = useTabsAnalytics()\n    const tabsRef = tabsAnalytics.tabsRef\n    \n    // Determine if we're in controlled or uncontrolled mode\n    const isControlled = controlledValue !== undefined && onChange !== undefined;\n\n    // For uncontrolled mode, use internal state\n    const [internalValue, setInternalValue] = useState(\n        navItems.length > 0 && React.isValidElement(navItems[0]) ?\n            navItems[0].props.value : ''\n    );\n\n    // Use either controlled or internal value\n    const value = isControlled ? controlledValue : internalValue;\n\n    // Track previous value to determine navigation direction\n    const prevValueRef = useRef(value);\n    const [direction, setDirection] = useState<'forward' | 'backward'>('forward');\n\n    // Handle value change and determine direction\n    const handleValueChange = (newValue: string) => {\n        // Find indices of current and new values\n        const currentIndex = navItems.findIndex(\n            item => React.isValidElement(item) && item.props.value === prevValueRef.current\n        );\n        const newIndex = navItems.findIndex(\n            item => React.isValidElement(item) && item.props.value === newValue\n        );\n\n        // Set direction based on indices\n        const newDirection = newIndex > currentIndex ? 'forward' : 'backward';\n        setDirection(newDirection);\n\n        // Update previous value\n        prevValueRef.current = newValue;\n\n        // Update internal state if uncontrolled\n        if (!isControlled) {\n            setInternalValue(newValue);\n        }\n\n        // Call the original onChange if provided\n        if (onChange) {\n            onChange(newValue);\n        }\n\n        // Dispatch custom event if tabsRef is provided\n        console.log(tabsRef)\n        if (tabsRef?.current) {\n            const eventData = {\n                value: newValue,\n                previousValue: prevValueRef.current,\n                direction: newDirection as 'forward' | 'backward'\n            };\n            \n            const tabChangeEvent = new CustomEvent(EVENT_COMPONENT_TAB_CHANGE, {\n                detail: eventData,\n                bubbles: true\n            });\n            tabsRef.current.dispatchEvent(tabChangeEvent);\n        }\n    };\n\n    return [direction, value, handleValueChange] as const;\n}\n\n","import React, { useState, useRef, useEffect, createContext, useContext } from \"react\"\nimport { Tabs as RadixTabs } from \"radix-ui\"; // TODO: remove and use separation\n\nimport * as cn from \"./TabsPrimary.styles\"\nimport { useValueChange } from \"./useValueChange\";\nimport { useTabsAnalytics } from \"./TabsAnalytics\";\n\n/**\n * Context for managing the navigation direction in the TabsPrimary component\n */\nconst TabsPrimaryContext = createContext<{\n    direction: 'forward' | 'backward'\n}>({\n    direction: 'forward'\n});\n\n/**\n * Props for the TabsPrimary component\n */\nexport interface TabsPrimaryProps {\n    /** Child elements to be rendered within the navigation */\n    children: React.ReactNode\n\n    /** The currently selected tab value */\n    value?: string\n\n    /** Callback function triggered when a tab is selected */\n    onChange?: (value: string) => void\n\n    /** Whether to enable sliding animation between tabs */\n    slide?: boolean\n\n    /** Additional CSS class name for the component */\n    className?: string\n}\n\n/**\n * A navigation component that displays tabs with an underline indicator\n *\n * @category Component\n */\nexport function TabsPrimary({\n    children,\n    value: controlledValue,\n    onChange,\n    slide = true,\n    className,\n}: TabsPrimaryProps) {\n    const tabsAnalytics = useTabsAnalytics()\n    const childrenArray = React.Children.toArray(children);\n    const navItems = childrenArray.filter(\n        child => {\n            return React.isValidElement(child) &&\n                (child.type === TabsPrimary.Item ||\n                    (typeof child.type === 'function' && 'displayName' in child.type && child.type.displayName === \"Tabs.Item\"))\n        }\n    );\n    const otherChildren = childrenArray.filter(\n        child => !React.isValidElement(child) ||\n            (child.type !== TabsPrimary.Item &&\n                !(typeof child.type === 'function' && 'displayName' in child.type && child.type.displayName === \"Tabs.Item\"))\n    );\n\n    const [direction, value, handleValueChange] = useValueChange(\n        controlledValue,\n        onChange,\n        navItems\n    );\n\n    useEffect(() => {\n        tabsAnalytics.setValue(value)\n    }, [value])\n\n    return (\n        <TabsPrimaryContext.Provider value={{ direction }}>\n            <RadixTabs.Root value={value} onValueChange={handleValueChange}>\n                <xyd-tabs\n                    ref={tabsAnalytics.tabsRef}\n                    className={`${cn.TabsPrimaryHost} ${className || \"\"}`}\n                >\n                    <nav part=\"nav\">\n                        <RadixTabs.List asChild>\n                            <ul part=\"list\">\n                                {navItems}\n                            </ul>\n                        </RadixTabs.List>\n                    </nav>\n                    <div\n                        part=\"content\"\n                        data-slide={slide ? \"true\" : \"false\"}\n                    >\n                        {otherChildren}\n                    </div>\n                </xyd-tabs>\n            </RadixTabs.Root>\n        </TabsPrimaryContext.Provider>\n    );\n}\n\n/**\n * Props for the TabsPrimary.Item component\n */\nexport interface TabsPrimaryItemProps {\n    /** Child elements to be rendered within the navigation item */\n    children: React.ReactNode\n\n    /** Unique identifier for the navigation item */\n    value: string\n\n    /** URL for the navigation item link */\n    href?: string\n\n    /** Custom component to render as the link element */\n    as?: React.ElementType\n\n    /** Whether this item should be active by default */\n    defaultActive?: boolean\n}\n\n/**\n * Individual navigation item component\n *\n * @category Component\n */\nTabsPrimary.Item = function TabsPrimaryItem({ children, value, href, as, defaultActive }: TabsPrimaryItemProps) {\n    const Link = as || _Link;\n    const controlByItem = typeof defaultActive === \"boolean\"\n    const [defaultActiveState, setDefaultActiveState] = useState(controlByItem ? (defaultActive ? \"active\" : \"inactive\") : undefined)\n\n    let activeProps = controlByItem && defaultActiveState != undefined\n        ? { \"data-state\": defaultActiveState }\n        : undefined\n\n    useEffect(() => {\n        if (!controlByItem) {\n            return\n        }\n\n        setDefaultActiveState(undefined)\n    }, [])\n\n    return (\n        <RadixTabs.Trigger value={value} asChild {...activeProps}>\n            <li part=\"item\">\n                <Link part=\"link\" href={href}>\n                    {children}\n                </Link>\n            </li>\n        </RadixTabs.Trigger>\n    );\n}\n\n/**\n * Props for the TabsPrimary.Content component\n */\nexport interface TabsPrimaryContentProps {\n    /** Child elements to be rendered within the content area */\n    children: React.ReactNode\n\n    /** Unique identifier for the content section */\n    value: string\n\n    /** Whether this content should be active by default */\n    defaultActive?: boolean\n}\n\n/**\n * Content section component for the TabsPrimary\n *\n * @category Component\n */\nTabsPrimary.Content = function TabsPrimaryContent({\n    children,\n    value,\n    defaultActive\n}: TabsPrimaryContentProps) {\n    const { direction } = useContext(TabsPrimaryContext);\n\n    const controlByItem = typeof defaultActive === \"boolean\"\n    const [defaultActiveState, setDefaultActiveState] = useState(controlByItem ? (defaultActive ? \"active\" : \"inactive\") : undefined)\n\n    let activeProps = controlByItem && defaultActiveState != undefined\n        ? { \"data-state\": defaultActiveState }\n        : undefined\n\n    useEffect(() => {\n        if (!controlByItem) {\n            return\n        }\n\n        setDefaultActiveState(undefined)\n    }, [])\n\n    return (\n        <RadixTabs.Content\n            value={value}\n            forceMount={true}\n            asChild\n            {...activeProps}\n        >\n            <div\n                className={cn.TabsPrimaryContent}\n                data-direction={direction}\n            >\n                <div part=\"child\">\n                    {children}\n                </div>\n            </div>\n        </RadixTabs.Content>\n    );\n}\n\nfunction _Link({ ...props }) {\n    return <a {...props}>{props.children}</a>\n}\n","import { css } from \"@linaria/core\"\n\nexport const TabsPrimaryHost = css`\n    @layer defaults {\n        display: block;\n        \n        [part=\"nav\"] {\n            align-items: center;\n            display: flex;\n            height: 42px;\n            background-color: var(--xyd-tabs-primary-bgcolor);\n            border-bottom: 1px solid var(--xyd-tabs-primary-border-color);\n            z-index: 99;\n            overflow-x: auto;\n\n            &[data-kind=\"secondary\"] {\n                border-bottom: none;\n                border-radius: 8px;\n                padding: 4px;\n                background-color: var(--xyd-tabs-bgcolor);\n            }\n        }\n\n        [part=\"list\"] {\n            display: flex;\n            gap: 10px;\n            height: 100%;\n            color: var(--xyd-tabs-primary-list-color);\n            list-style: none;\n            padding: 0;\n            white-space: nowrap;\n\n            [data-kind=\"secondary\"] & {\n                gap: 4px;\n            }\n        }\n\n        [part=\"item\"] {\n            height: 100%;\n            position: relative;\n\n            a, button {\n                height: 100%;\n            }\n\n            &[data-state=\"active\"] {\n                a {\n                    border-bottom-color: var(--xyd-tabs-primary-color--active);\n                }\n\n                [data-kind=\"secondary\"] & a {\n                    border-bottom-color: transparent;\n                    color: var(--xyd-tabs-color--active);\n                    background-color: var(--xyd-tabs-bgcolor--active);\n                    box-shadow: 0 1px 2px 0 var(--xyd-tabs-shadow-color--active);\n                }\n            }\n\n            &[data-state=\"inactive\"] {\n                a, button {\n                    color: unset;\n                }\n            }\n        }\n\n        [part=\"link\"] {\n            display: inline-flex;\n            border-bottom: 3px solid transparent;\n            text-decoration: none;\n            height: 100%;\n            padding: 10px;\n            transition: all 0.3s ease;\n            cursor: pointer;\n\n            &:hover {\n                color: var(--xyd-tabs-primary-color--active);\n            }\n\n            [data-kind=\"secondary\"] & {\n                border-bottom: none;\n                padding: 5px 16px;\n                border-radius: 0.375rem;\n                color: var(--xyd-tabs-color);\n\n                &:hover {\n                    color: var(--xyd-tabs-color--active);\n                }\n            }\n        }\n\n        [part=\"content\"] {\n            position: relative;\n            overflow: hidden;\n\n            [data-kind=\"secondary\"] & {\n                margin-top: 16px;\n            }\n        }\n    }\n`;\n\nexport const TabsPrimaryContent = css`\n    @keyframes fadeInFromRight {\n        from {\n            opacity: 0;\n            transform: translateX(75px);\n        }\n        to {\n            opacity: 1;\n            transform: translateX(0);\n        }\n    }\n\n    @keyframes fadeOutToLeft {\n        from {\n            opacity: 1;\n            transform: translateX(0);\n        }\n        to {\n            opacity: 0;\n            transform: translateX(-75px);\n        }\n    }\n\n    @keyframes fadeInFromLeft {\n        from {\n            opacity: 0;\n            transform: translateX(-75px);\n        }\n        to {\n            opacity: 1;\n            transform: translateX(0);\n        }\n    }\n\n    @keyframes fadeOutToRight {\n        from {\n            opacity: 1;\n            transform: translateX(0);\n        }\n        to {\n            opacity: 0;\n            transform: translateX(75px);\n        }\n    }\n\n    @layer defaults {\n        position: relative;\n        width: 100%;\n\n        &[data-state=\"inactive\"] {\n            display: none;\n        }\n\n        /* Only apply animations when parent has data-slide=\"true\" */\n        [data-slide=\"true\"] & {\n            /* Forward direction (left to right) */\n\n            &[data-direction=\"forward\"][data-state=\"active\"] {\n                position: relative;\n                animation: fadeInFromRight 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n            }\n\n            &[data-direction=\"forward\"][data-state=\"inactive\"] {\n                position: absolute;\n                animation: fadeOutToLeft 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n            }\n\n            /* Backward direction (right to left) */\n\n            &[data-direction=\"backward\"][data-state=\"active\"] {\n                position: relative;\n                animation: fadeInFromLeft 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n            }\n\n            &[data-direction=\"backward\"][data-state=\"inactive\"] {\n                position: absolute;\n                animation: fadeOutToRight 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n            }\n        }\n\n        [part=\"child\"] {\n            padding: 20px;\n            transition: all 0.3s ease;\n        }\n    }\n`;\n","import React, { useState, useRef, useEffect } from 'react'\nimport { Tabs as RadixTabs } from \"radix-ui\"; // TODO: remove and use separation\nimport { ChevronLeft, ChevronRight } from \"lucide-react\"\n\nimport * as cn from \"./TabsSecondary.styles\";\nimport { useValueChange } from './useValueChange';\nimport { useTabsAnalytics } from './TabsAnalytics';\n\nexport interface TabsSecondaryProps {\n    /** The currently selected tab value */\n    value?: string\n    children: React.ReactNode;\n    className?: string;\n    onChange?: (value: string) => void\n}\n\nexport function TabsSecondary({ children, value: controlledValue, onChange, className }: TabsSecondaryProps) {\n    const tabsAnalytics = useTabsAnalytics()\n    const [showLeftArrow, setShowLeftArrow] = useState(false)\n    const [showRightArrow, setShowRightArrow] = useState(false)\n    const scrollContainerRef = useRef<HTMLDivElement>(null)\n\n    const childrenArray = React.Children.toArray(children);\n    const navItems = childrenArray.filter(\n        child => {\n            return React.isValidElement(child) &&\n                (child.type === TabsSecondary.Item ||\n                    (typeof child.type === 'function' && 'displayName' in child.type && child.type.displayName === \"Tabs.Item\"))\n        }\n    );\n    const otherChildren = childrenArray.filter(\n        child => !React.isValidElement(child) ||\n            (child.type !== TabsSecondary.Item &&\n                !(typeof child.type === 'function' && 'displayName' in child.type && child.type.displayName === \"Tabs.Item\"))\n    );\n\n    const [_, value, handleValueChange] = useValueChange(\n        controlledValue,\n        onChange,\n        navItems,\n    );\n\n    useEffect(() => {\n        tabsAnalytics.setValue(value)\n    }, [value])\n\n    const handleScroll = () => {\n        if (scrollContainerRef.current) {\n            const { scrollLeft, scrollWidth, clientWidth } = scrollContainerRef.current\n            setShowLeftArrow(scrollLeft > 0)\n            setShowRightArrow(scrollLeft < scrollWidth - clientWidth)\n        }\n    }\n\n    useEffect(() => {\n        handleScroll()\n        window.addEventListener('resize', handleScroll)\n        return () => window.removeEventListener('resize', handleScroll)\n    }, [])\n\n    const scroll = (direction: 'left' | 'right') => {\n        if (scrollContainerRef.current) {\n            const scrollAmount = direction === 'left' ? -200 : 200\n            scrollContainerRef.current.scrollBy({ left: scrollAmount, behavior: 'smooth' })\n        }\n    }\n\n    return (\n        <RadixTabs.Root asChild value={value} onValueChange={handleValueChange}>\n            <xyd-tabs\n                ref={tabsAnalytics.tabsRef}\n                data-kind=\"secondary\"\n                className={`${cn.TabsSecondaryHost} ${className || \"\"}`}\n            >\n                <div part=\"buttons\">\n                    {showLeftArrow && (\n                        <button\n                            onClick={() => scroll('left')}\n                            part=\"arrow\"\n                        >\n                            <ChevronLeft part=\"arrow-icon\" />\n                        </button>\n                    )}\n\n                    <div\n                        ref={scrollContainerRef}\n                        onScroll={handleScroll}\n                        part=\"scroller\"\n                    >\n                        <div\n                            part=\"scroller-container\"\n                        >\n                            <RadixTabs.List>\n                                {navItems}\n                            </RadixTabs.List>\n                        </div>\n                    </div>\n\n                    {showRightArrow && (\n                        <button\n                            onClick={() => scroll('right')}\n                            part=\"arrow\"\n                        >\n                            <ChevronRight part=\"arrow-icon\" />\n                        </button>\n                    )}\n                </div>\n                <div part=\"content\">\n                    {otherChildren}\n                </div>\n            </xyd-tabs>\n        </RadixTabs.Root>\n    );\n}\n\n/**\n * Props for the TabsPrimary.Item component\n */\nexport interface TabsSecondaryItemProps {\n    /** Child elements to be rendered within the navigation item */\n    children: React.ReactNode\n\n    /** Unique identifier for the navigation item */\n    value: string\n\n    /** URL for the navigation item link */\n    href?: string\n\n    /** Custom component to render as the link element */\n    as?: React.ElementType\n\n    /** Whether this item should be active by default */\n    defaultActive?: boolean\n}\n\nTabsSecondary.Item = function TabsPrimaryItem({ children, value, href, as, defaultActive }: TabsSecondaryItemProps) {\n    const Link = as || _Link;\n    const controlByItem = typeof defaultActive === \"boolean\"\n    const [defaultActiveState, setDefaultActiveState] = useState(controlByItem ? (defaultActive ? \"active\" : \"inactive\") : undefined)\n\n    let activeProps = controlByItem && defaultActiveState != undefined\n        ? { \"data-state\": defaultActiveState }\n        : undefined\n\n    useEffect(() => {\n        if (!controlByItem) {\n            return\n        }\n\n        setDefaultActiveState(undefined)\n    }, [])\n\n    return (\n        <RadixTabs.Trigger className={cn.TabsSecondaryItem} value={value} asChild {...activeProps}>\n            <div>\n                <Link href={href}>\n                    {children}\n                </Link>\n            </div>\n        </RadixTabs.Trigger>\n    );\n}\n\nfunction _Link({ ...props }) {\n    return <a {...props}>{props.children}</a>\n}\n\n\nTabsSecondary.Content = function TabsContent({ children, value }) {\n    return <RadixTabs.Content asChild value={value}>\n        <div>\n            {children}\n        </div>\n    </RadixTabs.Content>\n}\n\n","import { css } from \"@linaria/core\";\n\nexport const TabsSecondaryHost = css`\n    @layer defaults {\n        display: block;\n        position: relative;\n        max-width: 100%;\n\n        [part=\"buttons\"] {\n            display: flex;\n            align-items: center;\n        }\n\n        [part=\"arrow\"] {\n            padding: 8px;\n            background-color: var(--xyd-tabs-arrow-bgcolor);\n            box-shadow: 0 1px 2px 0 var(--xyd-tabs-shadow-color--active);\n        }\n\n        [part=\"arrow-icon\"] {\n            width: 16px;\n            height: 16px;\n        }\n\n        [part=\"scroller\"] {\n            overflow-x: auto;\n            flex-grow: 1;\n        }\n\n        [part=\"scroller-container\"] {\n            display: inline-flex;\n            gap: 4px;\n\n            border-radius: 8px;\n            background-color: var(--xyd-tabs-bgcolor);\n            \n            padding: 4px;\n            margin-left: 4px;\n        }\n\n        [part=\"content\"] {\n            margin-top: 16px;\n        }\n    }\n`;\n\nexport const TabsSecondaryItem = css`\n    @layer defaults {\n        cursor: pointer;\n        &[data-state=\"inactive\"] {\n            a, button {\n                color: unset;\n            }\n        }\n\n        display: inline-block;\n        padding: 5px 16px;\n\n        border-radius: 0.375rem;\n        white-space: nowrap;\n\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        color: var(--xyd-tabs-color);\n\n        &:hover {\n            color: var(--xyd-tabs-color--active);\n        }\n\n        &[data-state=\"active\"] {\n            color: var(--xyd-tabs-color--active);\n            background-color: var(--xyd-tabs-bgcolor--active);\n            box-shadow: 0 1px 2px 0 var(--xyd-tabs-shadow-color--active);\n        }\n    }\n`","import React, {createContext, useContext, useState, useRef} from \"react\"\n\nimport {TabsPrimary, TabsPrimaryProps} from \"./TabsPrimary\"\nimport {TabsSecondary, TabsSecondaryProps} from \"./TabsSecondary\";\nimport {TabsAnalytics} from \"./TabsAnalytics\";\n\nexport interface TabsPropsCommon {\n    /** The kind of tabs to render. If not provided, the component will render the primary tabs. */\n    kind?: 'secondary' | null\n}\n\n// // TODO: in the future unify the TabsPrimary and TabsSecondary components?\ntype TabsProps<T> = T & TabsPropsCommon\n\nconst TabsContext = createContext<{\n    kind: string | null\n}>({\n    kind: null,\n})\n\n/**\n * A component that renders a tabs component.\n *\n * @category Component\n */\nexport function Tabs(props: TabsProps<TabsSecondaryProps | TabsPrimaryProps>) {\n    let tabs: React.ReactNode\n\n    if (props.kind === 'secondary') {\n        tabs = <TabsContext.Provider value={{kind: 'secondary'}}>\n            <TabsSecondary {...props} />\n        </TabsContext.Provider>\n\n    } else {\n        tabs = <TabsContext.Provider value={{kind: null}}>\n            <TabsPrimary {...props} />\n        </TabsContext.Provider>\n    }\n\n    return <TabsAnalytics>\n        {tabs}\n    </TabsAnalytics>\n}\n\nTabs.Item = function TabsItem(props: any) {\n    const {kind} = useContext(TabsContext)\n\n    if (kind === 'secondary') {\n        return <TabsSecondary.Item {...props} />\n    }\n\n    return <TabsPrimary.Item {...props} />\n}\n//@ts-ignore TODO: fix ts\nTabs.Item.displayName = \"Tabs.Item\"\n\nTabs.Content = function TabsContent(props: any) {\n    const {kind} = useContext(TabsContext)\n\n    if (kind === 'secondary') {\n        return <TabsSecondary.Content {...props} />\n    }\n\n    return <TabsPrimary.Content {...props} />\n}\n//@ts-ignore TODO: fix ts\nTabs.Content.displayName = \"Tabs.Content\"","import React from \"react\";\n\nimport cn from \"./VideoGuide.module.css\";\n\nexport function VideoGuide() {\n    return null\n};\n\ninterface VideoGuideMiniatureProps {\n    videoSrc?: string;\n    description?: string;\n    className?: string;\n}\n\nVideoGuide.Miniature = function VideoGuideMiniature(props: VideoGuideMiniatureProps) {\n    const {\n        videoSrc,\n        description = \"Watch the video guide\"\n    } = props;\n\n    return <xyd-videoguide-miniature\n        className={`${cn.VideoPlayerHost} ${props.className || \"\"}`}\n    >\n        <div part=\"shape\" >\n            <div part=\"frame\" >\n                <iframe\n                    width=\"100%\"\n                    height=\"100%\"\n                    allow=\"autoplay; fullscreen\"\n                    src={videoSrc}\n                />\n                <div part=\"thumbnail\" />\n            </div>\n\n            <div part=\"cover\">\n                <div part=\"controls\">\n                    <button part=\"button\" type=\"button\">\n                        <div\n                            aria-hidden=\"true\"\n                            part=\"icon\"\n                        >\n                            <$PlayIcon />\n                        </div>\n\n                        <div part=\"description-container\" >\n                            <span part=\"description\" >\n                                {description}\n                            </span>\n                        </div>\n                    </button>\n                </div>\n            </div>\n        </div>\n    </xyd-videoguide-miniature>\n};\n\n\nfunction $PlayIcon() {\n    return <svg\n        aria-hidden=\"true\"\n        height={32}\n        width={32}\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            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\"\n        />\n        <path\n            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\" />\n    </svg>\n}"],"names":["AnchorHost","Anchor","forwardRef","_a","forwardedRef","_a$href","href","children","newWindow","as","props","__rest","Link","$Anchor","React","createElement","Object","assign","ref","target","rel","className","cn","undefined","rest","displayName","Badge","_ref","_ref$size","size","_ref$kind","kind","concat","part","Banner","_useBannerStorage","useBannerStorage","store","label","isVisible","handleClose","onCloseHandler","onClose","call","Secondary","icon","Icon","name","viewBox","style","width","height","fillRule","d","IconClose","onClick","_useState","useState","_useState2","_slicedToArray","setIsVisible","useEffect","storageKey","closedUntil","localStorage","getItem","now","Date","canShowAgain","parseInt","showAgainAt","setItem","toString","xmlns","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","_useBannerStorage2","Button","GuideCard","title","$Link","iconElement","Title","$Pointer","clipRule","_ref2","List","_ref3","Heading","_props$size","id","active","subtitle","noanchor","HeadingComponent","Fragment","String","role","IconSocial","Twitter","Facebook","Youtube","Discord","Slack","Github","Linkedin","Intagram","HackerNews","Medium","Telegram","Bluesky","Reddit","color","cn$2","ListOl","Item","NavLinks","prev","$ArrowLeftIcon","next","$ArrowRightIcon","Steps","cn$1","Table","Head","Th","numeric","Tr","_ref4","Body","_ref5","Td","_ref6","muted","Cell","_ref7","useValueChange","controlledValue","onChange","navItems","tabsRef","useTabsAnalytics","isControlled","length","isValidElement","value","internalValue","setInternalValue","prevValueRef","useRef","_useState3","_useState4","direction","setDirection","newValue","currentIndex","findIndex","item","current","newDirection","console","log","eventData","previousValue","tabChangeEvent","CustomEvent","EVENT_COMPONENT_TAB_CHANGE","detail","bubbles","dispatchEvent","TabsPrimaryContext","createContext","TabsPrimary","_ref$slide","slide","tabsAnalytics","childrenArray","Children","toArray","filter","child","type","otherChildren","_useValueChange","_useValueChange2","handleValueChange","setValue","Provider","RadixTabs","Root","onValueChange","asChild","_Link","defaultActive","controlByItem","defaultActiveState","setDefaultActiveState","activeProps","Trigger","Content","useContext","forceMount","TabsSecondary","showLeftArrow","setShowLeftArrow","showRightArrow","setShowRightArrow","scrollContainerRef","handleScroll","_scrollContainerRef$c","scrollLeft","scrollWidth","clientWidth","window","addEventListener","removeEventListener","scroll","scrollAmount","scrollBy","left","behavior","ChevronLeft","onScroll","ChevronRight","_useState5","_useState6","TabsContext","Tabs","tabs","TabsAnalytics","VideoGuide","$PlayIcon","Miniature","videoSrc","_props$description","description","allow","src"],"mappings":"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"}

package/dist/VideoGuide-DBY-EyxG.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--77MqplU.js";import{a as s}from"./_rollupPluginBabelHelpers-CvhQFv1t.js";import{B as u}from"./Button-BLA2ghHZ.js";import{E as d}from"./useUXEvents-CJtgGV4R.js";import{u as m,a as v}from"./TabsAnalytics-B_JYpawG.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-DBY-EyxG.js.map