@xyd-js/components 0.1.0-xyd.7 → 0.1.0-xyd.94

package/dist/Text-CfN9RkYA.js

@@ -0,0 +1,2 @@
+import a from"react";function i(i){var e=i.size,t=void 0===e?"medium":e,d=i.kind,n=void 0===d?"default":d,o=i.weight,c=void 0===o?"normal":o,r=i.children,l=i.className,m=i.id,s=i.onClick,v=i.as,k=(void 0===v?"p":v)||"p";return a.createElement(k,{className:"".concat("tn8a2d4"," ").concat(l||""),"data-size":t,"data-kind":n,"data-weight":c,onClick:s,id:m},r)}export{i as T};
+//# sourceMappingURL=Text-CfN9RkYA.js.map

package/dist/Text-CfN9RkYA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text-CfN9RkYA.js","sources":["../src/writer/Text/Text.tsx","../src/writer/Text/Text.styles.tsx"],"sourcesContent":["import React from \"react\"\n\nimport * as cn from \"./Text.styles\";\n\n/**\n * Available font sizes for the Text component\n */\nexport type TextFontSizes = \"xsmall\" | \"small\" | \"medium\" | \"large\" | \"xlarge\" | \"xxlarge\";\n\n/**\n * Available text styles/kinds for the Text component\n */\nexport type TextKindTypes = \"default\" | \"ghost\" | \"success\" | \"warn\" | \"error\" | \"primary\" | \"secondary\";\n\n/**\n * Available font weights for the Text component\n */\nexport type TextFontWeights = \"normal\" | \"bold\" | \"extra-bold\";\n\n/**\n * Props for the Text component\n */\nexport interface TextProps {\n    /** Font size of the text */\n    size?: TextFontSizes\n\n    /** Visual style/kind of the text */\n    kind?: TextKindTypes\n\n    /** Font weight of the text */\n    weight?: TextFontWeights\n\n    /** Content to be rendered inside the text component */\n    children?: React.ReactNode\n\n    /** Additional CSS class name */\n    className?: string\n\n    /** HTML id attribute */\n    id?: string\n    \n    /** Click event handler */\n    onClick?: () => void\n    \n    /** HTML tag to render the text as */\n    as?: \"span\" | \"p\"\n}\n\n/**\n * A flexible text component that supports different sizes, styles, and weights.\n * \n * @category Component\n */\nexport function Text({\n    size = \"medium\",\n    kind = \"default\",\n    weight = \"normal\",\n    children,\n    className,\n    id,\n    onClick,\n    as = \"p\"\n}: TextProps) {\n    const Tag = as || \"p\";\n\n    return (\n        <Tag\n            className={`${cn.TextHost} ${className || ''}`}\n            data-size={size}\n            data-kind={kind}\n            data-weight={weight}\n            onClick={onClick}\n            id={id}\n        >\n            {children}\n        </Tag>\n    )\n}\n\n","import { css } from \"@linaria/core\";\n\nexport const TextHost = css`\n    @layer defaults {\n        display: inline-block;\n        margin: 0;\n\n        &[data-size=\"xsmall\"] { \n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n        }\n        &[data-size=\"small\"] { \n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n        }\n        &[data-size=\"medium\"] { \n            font-size: var(--xyd-font-size-medium);\n            line-height: var(--xyd-line-height-medium);\n        }\n        &[data-size=\"large\"] { \n            font-size: var(--xyd-font-size-large);\n            line-height: var(--xyd-line-height-large);\n        }\n        &[data-size=\"xlarge\"] { \n            font-size: var(--xyd-font-size-xlarge);\n            line-height: var(--xyd-line-height-xlarge);\n        }\n        &[data-size=\"xxlarge\"] { \n            font-size: var(--xyd-font-size-xxlarge);\n            line-height: var(--xyd-line-height-xxlarge);\n        }\n\n        &[data-kind=\"default\"] { \n            color: var(--xyd-text-color--default);\n        }\n        &[data-kind=\"ghost\"] { \n            color: var(--xyd-text-color--ghost);\n        }\n        &[data-kind=\"success\"] { \n            color: var(--xyd-text-color--success);\n        }\n        &[data-kind=\"warn\"] { \n            color: var(--xyd-text-color--warn);\n        }\n        &[data-kind=\"error\"] { \n            color: var(--xyd-text-color--error);\n        }\n        &[data-kind=\"primary\"] { \n            color: var(--xyd-text-color--primary);\n        }\n        &[data-kind=\"secondary\"] { \n            color: var(--xyd-text-color--secondary);\n        }\n\n        &[data-weight=\"normal\"] { \n            font-weight: var(--xyd-font-weight-normal);\n        }\n        &[data-weight=\"bold\"] { \n            font-weight: var(--xyd-font-weight-medium);\n        }\n        &[data-weight=\"extra-bold\"] { \n            font-weight: var(--xyd-font-weight-semibold);\n        }\n    }\n`;\n\n"],"names":["Text","_ref","_ref$size","size","_ref$kind","kind","_ref$weight","weight","children","className","id","onClick","_ref$as","as","Tag","React","createElement","concat"],"mappings":"qBAqDM,SAAUA,EAAIC,GASR,IAAAC,EAAAD,EARRE,KAAAA,OAAI,IAAAD,EAAG,SAAQA,EAAAE,EAAAH,EACfI,KAAAA,OAAI,IAAAD,EAAG,UAASA,EAAAE,EAAAL,EAChBM,OAAAA,OAAM,IAAAD,EAAG,SAAQA,EACjBE,EAAQP,EAARO,SACAC,EAASR,EAATQ,UACAC,EAAET,EAAFS,GACAC,EAAOV,EAAPU,QAAOC,EAAAX,EACPY,GAEMC,QAFJ,IAAAF,EAAG,IAAGA,IAEU,IAElB,OACIG,EAAAC,cAACF,EAAG,CACAL,UAAS,GAAAQ,OCjEA,UDiEgB,KAAAA,OAAIR,GAAa,IAAI,YACnCN,EAAI,YACJE,EAAI,cACFE,EACbI,QAASA,EACTD,GAAIA,GAEHF,EAGb"}

package/dist/Text-DKycD2zu.js

@@ -0,0 +1,2 @@
+import a from"react";function i(i){var e=i.size,t=void 0===e?"medium":e,d=i.kind,n=void 0===d?"default":d,o=i.weight,c=void 0===o?"normal":o,r=i.children,l=i.className,m=i.id,s=i.onClick,v=i.as,k=(void 0===v?"p":v)||"p";return a.createElement(k,{className:"".concat("tn8a2d4"," ").concat(l||""),"data-size":t,"data-kind":n,"data-weight":c,onClick:s,id:m},r)}export{i as T};
+//# sourceMappingURL=Text-DKycD2zu.js.map

package/dist/Text-DKycD2zu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text-DKycD2zu.js","sources":["../src/writer/Text/Text.tsx","../src/writer/Text/Text.styles.tsx"],"sourcesContent":["import React from \"react\"\n\nimport * as cn from \"./Text.styles\";\n\n/**\n * Available font sizes for the Text component\n */\nexport type TextFontSizes = \"xsmall\" | \"small\" | \"medium\" | \"large\" | \"xlarge\" | \"xxlarge\";\n\n/**\n * Available text styles/kinds for the Text component\n */\nexport type TextKindTypes = \"default\" | \"ghost\" | \"success\" | \"warn\" | \"error\" | \"primary\" | \"secondary\";\n\n/**\n * Available font weights for the Text component\n */\nexport type TextFontWeights = \"normal\" | \"bold\" | \"extra-bold\";\n\n/**\n * Props for the Text component\n */\nexport interface TextProps {\n    /** Font size of the text */\n    size?: TextFontSizes\n\n    /** Visual style/kind of the text */\n    kind?: TextKindTypes\n\n    /** Font weight of the text */\n    weight?: TextFontWeights\n\n    /** Content to be rendered inside the text component */\n    children?: React.ReactNode\n\n    /** Additional CSS class name */\n    className?: string\n\n    /** HTML id attribute */\n    id?: string\n    \n    /** Click event handler */\n    onClick?: () => void\n    \n    /** HTML tag to render the text as */\n    as?: \"span\" | \"p\"\n}\n\n/**\n * A flexible text component that supports different sizes, styles, and weights.\n * \n * @category Component\n */\nexport function Text({\n    size = \"medium\",\n    kind = \"default\",\n    weight = \"normal\",\n    children,\n    className,\n    id,\n    onClick,\n    as = \"p\"\n}: TextProps) {\n    const Tag = as || \"p\";\n\n    return (\n        <Tag\n            className={`${cn.TextHost} ${className || ''}`}\n            data-size={size}\n            data-kind={kind}\n            data-weight={weight}\n            onClick={onClick}\n            id={id}\n        >\n            {children}\n        </Tag>\n    )\n}\n\n","import { css } from \"@linaria/core\";\n\nexport const TextHost = css`\n    @layer defaults {\n        display: inline-block;\n        margin: 0;\n\n        &[data-size=\"xsmall\"] { \n            font-size: var(--xyd-font-size-xsmall);\n            line-height: var(--xyd-line-height-xsmall);\n        }\n        &[data-size=\"small\"] { \n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n        }\n        &[data-size=\"medium\"] { \n            font-size: var(--xyd-font-size-medium);\n            line-height: var(--xyd-line-height-medium);\n        }\n        &[data-size=\"large\"] { \n            font-size: var(--xyd-font-size-large);\n            line-height: var(--xyd-line-height-large);\n        }\n        &[data-size=\"xlarge\"] { \n            font-size: var(--xyd-font-size-xlarge);\n            line-height: var(--xyd-line-height-xlarge);\n        }\n        &[data-size=\"xxlarge\"] { \n            font-size: var(--xyd-font-size-xxlarge);\n            line-height: var(--xyd-line-height-xxlarge);\n        }\n\n        &[data-kind=\"default\"] { \n            color: var(--xyd-text-color--default);\n        }\n        &[data-kind=\"ghost\"] { \n            color: var(--xyd-text-color--ghost);\n        }\n        &[data-kind=\"success\"] { \n            color: var(--xyd-text-color--success);\n        }\n        &[data-kind=\"warn\"] { \n            color: var(--xyd-text-color--warn);\n        }\n        &[data-kind=\"error\"] { \n            color: var(--xyd-text-color--error);\n        }\n        &[data-kind=\"primary\"] { \n            color: var(--xyd-text-color--primary);\n        }\n        &[data-kind=\"secondary\"] { \n            color: var(--xyd-text-color--secondary);\n        }\n\n        &[data-weight=\"normal\"] { \n            font-weight: var(--xyd-font-weight-normal);\n        }\n        &[data-weight=\"bold\"] { \n            font-weight: var(--xyd-font-weight-medium);\n        }\n        &[data-weight=\"extra-bold\"] { \n            font-weight: var(--xyd-font-weight-semibold);\n        }\n    }\n`;\n\n"],"names":["Text","_ref","_ref$size","size","_ref$kind","kind","_ref$weight","weight","children","className","id","onClick","_ref$as","as","Tag","React","createElement","concat"],"mappings":"qBAqDM,SAAUA,EAAIC,GASR,IAAAC,EAAAD,EARRE,KAAAA,OAAI,IAAAD,EAAG,SAAQA,EAAAE,EAAAH,EACfI,KAAAA,OAAI,IAAAD,EAAG,UAASA,EAAAE,EAAAL,EAChBM,OAAAA,OAAM,IAAAD,EAAG,SAAQA,EACjBE,EAAQP,EAARO,SACAC,EAASR,EAATQ,UACAC,EAAET,EAAFS,GACAC,EAAOV,EAAPU,QAAOC,EAAAX,EACPY,GAEMC,QAFJ,IAAAF,EAAG,IAAGA,IAEU,IAElB,OACIG,EAAAC,cAACF,EAAG,CACAL,UAAS,GAAAQ,OCjEA,UDiEgB,KAAAA,OAAIR,GAAa,IAAI,YACnCN,EAAI,YACJE,EAAI,cACFE,EACbI,QAASA,EACTD,GAAIA,GAEHF,EAGb"}

package/dist/Update-0XruJHjj.js

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

package/dist/Update-0XruJHjj.js.map

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

package/dist/Update-DKOAw8p9.js

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

package/dist/Update-DKOAw8p9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Update-DKOAw8p9.js","sources":["../src/writer/Badge/Badge.tsx","../src/writer/Badge/Badge.styles.tsx","../src/writer/Blockquote/Blockquote.tsx","../src/writer/Blockquote/Blockquote.styles.tsx","../src/writer/Callout/Callout.tsx","../src/writer/Callout/Callout.styles.tsx","../src/writer/Card/Card.tsx","../src/writer/Card/Card.styles.tsx","../src/writer/Code/Code.tsx","../src/writer/Code/Code.styles.tsx","../src/writer/ColorSchemeButton/ColorSchemeButton.tsx","../src/writer/Details/Details.tsx","../src/writer/Details/Details.styles.tsx","../src/writer/Heading/Heading.tsx","../src/writer/Heading/Heading.styles.tsx","../src/writer/Hr/Hr.tsx","../src/writer/Hr/Hr.styles.tsx","../src/writer/Image/Image.tsx","../src/writer/Image/Image.styles.tsx","../src/writer/Update/Update.tsx","../src/writer/Update/Update.styles.tsx"],"sourcesContent":["import React from \"react\"\n\nimport * as cn from \"./Badge.styles\";\n\nexport interface BadgeProps {\n    /**\n     * The class name of the badge.\n     */\n    className?: string;\n\n    /**\n     * The children of the badge.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * The size of the badge.\n     */\n    size?: \"sm\" | \"xs\"\n\n    /**\n     * The kind of the badge.\n     */\n    kind?: \"warning\" | \"info\" | \"default\"\n}\n\n/**\n * Badge component is used to display a badge.\n * \n * @group Components\n */\nexport function Badge({\n    className,\n    children,\n    size = \"sm\",\n    kind = \"default\"\n}: BadgeProps) {\n    return <xyd-badge\n        className={`${cn.BadgeHost} ${className || ''}`}\n        data-size={size}\n        data-kind={kind}\n    >\n        <span part=\"child\">\n            {children}\n        </span>\n    </xyd-badge>\n}\n","import {css} from \"@linaria/core\";\n\nexport const BadgeHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        \n        /* Size variants */\n        &[data-size=\"xs\"] {\n            height: 15px;\n            padding: 6px;\n            gap: 3px;\n            border-radius: 6px;\n            font-size: var(--xyd-font-size-xsmall);\n        }\n\n        &[data-size=\"sm\"] {\n            height: 18px;\n            padding: 10px;\n            gap: 3px;\n            border-radius: 6px;\n            font-size: var(--xyd-font-size-xsmall);\n        }\n        \n        /* Kind variants */\n        &[data-kind=\"default\"] {\n            color: var(--xyd-badge-color--default);\n            background-color: var(--xyd-badge-bgcolor--default);\n        }\n        &[data-kind=\"warning\"] {\n            color: var(--xyd-badge-color--warning);\n            background-color: var(--xyd-badge-bgcolor--warning);\n        }\n        &[data-kind=\"info\"] {\n            color: var(--xyd-badge-color--info);\n            background-color: var(--xyd-badge-bgcolor--info);\n        }\n\n        [part=\"child\"] {\n            position: relative;\n        }\n    }\n`;\n\n","import React from \"react\"\n\nimport * as cn from \"./Blockquote.styles\";\n\nexport interface BlockquoteProps {\n    className?: string;\n    children: React.ReactNode;\n}\n\nexport function Blockquote({ className, children }: BlockquoteProps) {\n    return <blockquote\n        className={`${cn.BlockquoteHost} ${className || ''}`}\n    >\n        {children}\n    </blockquote>\n}","import {css} from \"@linaria/core\";\n\nexport const BlockquoteHost = css`\n    @layer defaults {\n        color: rgb(55 65 81 / 1);\n        font-style: italic;\n        border-color: rgb(209 213 219 / 1);\n        margin: 0;\n    }\n`;","import React from \"react\"\n\nimport * as cn from \"./Callout.styles\";\n\n/**\n * Props for the Callout component\n */\nexport interface CalloutProps {\n    /** Additional CSS class name to be applied to the callout */\n    className?: string;\n    \n    /** Content to be displayed inside the callout */\n    children: React.ReactNode;\n}\n\n/**\n * A Callout component that displays important information or notices in a visually distinct way.\n * It includes an info icon and a message area for content.\n * \n * @category Component\n */\nexport function Callout({ className, children }: CalloutProps) {\n    return <xyd-callout\n        className={`${cn.CalloutHost} ${className || ''}`}\n    >\n        <div part=\"icon\">\n            <$IconInfo />\n        </div>\n        <div part=\"message\">\n            <div part=\"message-body\">\n                {children}\n            </div>\n        </div>\n    </xyd-callout>\n}\n\nfunction $IconInfo() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"1em\"\n        height=\"1em\"\n        fill=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n    >\n        <path d=\"M13 12a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm-1-2.5A1.25 1.25 0 1 0 12 7a1.25 1.25 0 0 0 0 2.5Z\" />\n        <path\n            fillRule=\"evenodd\"\n            d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z\"\n            clipRule=\"evenodd\"\n        />\n    </svg>\n}\n","import {css} from \"@linaria/core\";\n\nexport const CalloutHost = css`\n    @layer defaults {\n        display: inline-flex;\n        align-items: center;\n        position: relative;\n        width: 100%;\n        min-width: 275px;\n        padding: 8px 12px;\n        border-radius: 8px;\n        text-align: center;\n        border: 1px solid var(--xyd-callout-border-color);\n        background-color: var(--xyd-callout-bgcolor);\n        \n        code {\n            background: var(--white);\n        }\n        \n        [part=\"icon\"] {\n            display: inline-flex;\n            margin-right: 14px;\n            flex: 0 0 auto;\n            align-self: flex-start;\n            color: var(--xyd-callout-icon-color);\n            margin-top: 2px;\n        }\n        \n        [part=\"message\"] {\n            color: var(--xyd-callout-message-color);\n            text-align: left;\n            flex: 1 1 auto;\n        }\n        \n        [part=\"message-body\"] {\n        }\n        \n    }\n`;\n","import React from \"react\"\n\nimport { Button } from \"../Button\"\nimport { Text } from \"../Text\"\n\nimport * as cn from \"./Card.styles\"\n\ninterface CardProps {\n    title: string\n    href?: string\n    link?: React.ElementType\n\n    description?: string\n\n    imgSrc?: string\n    imgAlt?: string\n\n    shadow?: \"md\"\n}\n\nexport function Card(props: CardProps) {\n    const {\n        title,\n        description,\n        imgSrc,\n        imgAlt,\n        shadow,\n        href,\n        link,\n    } = props\n\n    const Link = link\n\n    return <xyd-card\n        data-shadow={shadow || undefined}\n        className={cn.CardHost}\n    >\n        {imgSrc && (\n            <div part=\"image-container\">\n                <div part=\"bg\">\n                    <img src={imgSrc} alt={imgAlt} />\n                </div>\n            </div>\n        )}\n\n        <div part=\"body\">\n            <div part=\"header\">\n                {Link && href ?\n                    <Text weight=\"bold\">\n                        <Link href={href}>\n                            {title}\n                        </Link>\n                    </Text>\n                    : <Text weight=\"bold\">\n                        {title}\n                    </Text>}\n                <Button size=\"sm\" kind=\"secondary\">\n                    Source\n                </Button>\n            </div>\n            <div part=\"description\">\n                <Text size=\"small\">\n                    {description}\n                </Text>\n            </div>\n        </div>\n    </xyd-card>\n}\n\n","import { css } from \"@linaria/core\"\n\nexport const CardHost = css`\n    background-color: var(--xyd-card-bgcolor);\n    border-radius: 8px;\n    box-shadow: 0 1px 2px 0 var(--xyd-card-shadow-color);\n    flex-direction: column;\n    display: flex;\n    overflow: hidden;\n\n    &[data-shadow=\"md\"] {\n        box-shadow: 0 5px 40px var(--xyd-card-shadow-color);\n    }\n\n    [part=\"image-container\"] {\n        border-bottom: 2px solid var(--xyd-card-border-color);\n        height: 200px;\n        overflow: hidden;\n        position: relative;\n\n        [part=\"bg\"] {\n            background-size: cover;\n            background-repeat: no-repeat;\n            position: relative;\n            height: 100%;\n        }\n\n        img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            margin-bottom: -4px;\n        }\n    }\n\n    [part=\"body\"] {\n        padding: 16px;\n\n        [part=\"header\"] {\n            margin-right: 4px;\n            align-items: center;\n            justify-content: space-between;\n            margin-bottom: 12px;\n            display: flex;\n        }\n    }\n`","import React from \"react\"\n\nimport * as cn from \"./Code.styles\";\n\nexport interface CodeProps {\n    className?: string;\n    children: React.ReactNode;\n}\n\nexport function Code({ className, children }: CodeProps) {\n    return <code className={`${cn.CodeHost} ${className || ''}`}>\n        <span part=\"content\">\n            {children}\n        </span>\n    </code>\n}","import {css} from \"@linaria/core\";\n\nexport const CodeHost = css`\n    @layer defaults {\n        display: inline-block;\n        padding: 0 .3em;\n        border-radius: 6px;\n        margin: 0 3px;\n        border: .5px solid var(--xyd-code-border-color);\n        background: var(--xyd-code-bgcolor);\n        \n        & [part=\"content\"] {\n            position: relative;\n        }\n    }\n`;","import React, { useEffect, useState } from \"react\";\n\nimport { Button } from \"../Button\";\n\nexport function ColorSchemeButton() {\n    const [currentScheme, changeColorScheme] = useColorScheme() as [string, () => void]\n\n    return <Button\n        size=\"sm\"\n        theme=\"ghost\"\n        icon={currentScheme === \"dark\" ? <IconDarkMode /> : <IconLightMode />}\n        onClick={changeColorScheme}\n    />\n}\n\nexport function useColorScheme() {\n    const [currentScheme, setCurrentScheme] = useState<string>('light')\n\n    // TODO: context \n    useEffect(() => {\n        const updateScheme = () => {\n            const html = document.querySelector(\"html\");\n            if (html) {\n                const scheme = html.getAttribute(\"data-color-scheme\") || \"os\";\n                if (scheme === \"os\") {\n                    const preferred = getPreferredColorScheme();\n                    setCurrentScheme(preferred || \"light\");\n                } else {\n                    setCurrentScheme(scheme);\n                }\n            }\n        };\n\n        updateScheme();\n\n        // Listen for changes to the color scheme\n        const observer = new MutationObserver(updateScheme);\n        const html = document.querySelector(\"html\");\n        if (html) {\n            observer.observe(html, { attributes: true, attributeFilter: ['data-color-scheme'] });\n        }\n\n        return () => observer.disconnect();\n    }, []);\n\n    function changeColorScheme() {\n        let colorScheme = \"\"\n\n        const preferredColorScheme = getPreferredColorScheme()\n        if (preferredColorScheme) {\n            colorScheme = preferredColorScheme === \"dark\" ? \"light\" : \"dark\"\n        }\n\n        const html = document.querySelector(\"html\");\n        if (!html) return;\n\n        const currentScheme = html.getAttribute(\"data-color-scheme\");\n        if (currentScheme && currentScheme !== \"os\") {\n            colorScheme = currentScheme === \"dark\" ? \"light\" : \"dark\";\n        }\n        if (!colorScheme) {\n            colorScheme = \"light\"\n        }\n\n        html.setAttribute(\"data-color-scheme\", colorScheme);\n        localStorage.setItem(\"xyd-color-scheme\", colorScheme);\n    }\n\n    return [currentScheme, changeColorScheme]\n}\n\nfunction getPreferredColorScheme() {\n    if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n        return 'dark';\n    }\n\n    if (window.matchMedia('(prefers-color-scheme: light)').matches) {\n        return 'light';\n    }\n\n    return null\n}\n\n\nfunction IconLightMode() {\n    return <svg\n        width={16}\n        height={16}\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <g clipPath=\"url(#clip0_2880_7340)\">\n            <path\n                d=\"M8 1.11133V2.00022\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M12.8711 3.12891L12.2427 3.75735\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M14.8889 8H14\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M12.8711 12.8711L12.2427 12.2427\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M8 14.8889V14\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M3.12891 12.8711L3.75735 12.2427\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M1.11133 8H2.00022\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M3.12891 3.12891L3.75735 3.75735\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M8.00043 11.7782C10.0868 11.7782 11.7782 10.0868 11.7782 8.00043C11.7782 5.91402 10.0868 4.22266 8.00043 4.22266C5.91402 4.22266 4.22266 5.91402 4.22266 8.00043C4.22266 10.0868 5.91402 11.7782 8.00043 11.7782Z\"\n                strokeWidth={1.5}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </g>\n        <defs>\n            <clipPath id=\"clip0_2880_7340\">\n                <rect width={16} height={16} fill=\"white\" />\n            </clipPath>\n        </defs>\n    </svg>\n}\n\nfunction IconDarkMode() {\n    return <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={16}\n        height={16}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={2}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n    >\n        <path d=\"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z\" />\n    </svg>\n}\n","import React from \"react\"\n\nimport * as cn from \"./Details.styles\";\n\n/**\n * Base interface for all Details component variants\n */\nexport interface BaseDetailsProps {\n    /** Content to be displayed inside the details element */\n    children: React.ReactNode;\n\n    /** Label text displayed in the summary */\n    label: string;\n\n    /** Optional icon element to be displayed in the summary */\n    icon?: React.ReactElement;\n\n    /** Optional CSS class name for custom styling */\n    className?: string;\n}\n\n/**\n * Props for the tertiary variant of the Details component\n */\nexport interface TertiaryDetailsProps extends BaseDetailsProps {\n    /** Specifies the tertiary variant */\n    kind: \"tertiary\";\n\n    /** Title text or element displayed in the summary */\n    title: string | React.ReactNode;\n}\n\n/**\n * Props for the secondary variant of the Details component\n */\nexport interface SecondaryDetailsProps extends BaseDetailsProps {\n    /** Specifies the secondary variant */\n    kind: \"secondary\";\n\n    /** Title text or element displayed in the summary */\n    title: string | React.ReactNode;\n}\n\n/**\n * Props for the primary variant of the Details component\n */\nexport interface PrimaryDetailsProps extends BaseDetailsProps {\n    /** Specifies the primary variant (default) */\n    kind?: \"primary\";\n}\n\n/** Union type of all possible Details component variants */\nexport type DetailsProps = PrimaryDetailsProps | SecondaryDetailsProps | TertiaryDetailsProps\n\n/**\n * A collapsible details component that supports three variants: primary, secondary, and tertiary.\n * Each variant has a different visual style and structure.\n * \n * @param props - The component props\n * @returns A details element with collapsible content\n * \n * @category Component\n */\nexport function Details(props: DetailsProps): React.ReactElement {\n    const { children, label } = props;\n\n    let title\n\n    const isDeepKind = [\"secondary\", \"tertiary\"].includes(props.kind || \"\");\n\n    if (isDeepKind && \"title\" in props) {\n        title = props.title;\n    }\n\n    const kind = props.kind || \"primary\";\n\n    return <details\n        part=\"details\"\n        className={`${cn.DetailsHost} ${props.className || \"\"}`}\n        data-kind={props.kind}\n    >\n        <summary part=\"summary\">\n            {kind === \"primary\" && (\n                <>\n                    {props.icon || <$Icon />}\n                    <div part=\"summary-deep-label\">\n                        {label}\n                    </div>\n                </>\n            )}\n\n            {isDeepKind && (\n                <div>\n                    <div part=\"summary-deep\">\n                        {props.icon || <$IconDeep />}\n                        <div part=\"summary-deep-text\">\n                            {title}\n                        </div>\n                    </div>\n                    <div part=\"summary-deep-label\">\n                        {label}\n                    </div>\n                </div> \n            )}\n            {isDeepKind && <$Icon />}\n        </summary>\n\n        <div part=\"content\">\n            {children}\n        </div>\n    </details>\n}\n\nfunction $Icon() {\n    return <div part=\"icon\">\n        <svg\n            // TODO: bad solution\n            data-icon=\"true\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"1em\"\n            height=\"1em\"\n            fill=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n        >\n            <path\n                fillRule=\"evenodd\"\n                d=\"M8.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L14.586 12 8.293 5.707a1 1 0 0 1 0-1.414Z\"\n                clipRule=\"evenodd\"\n            />\n        </svg>\n    </div>\n}\n\nfunction $IconDeep() {\n    return <svg\n        width=\"1em\"\n        height=\"1em\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"none\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <g clipPath=\"url(#clip0_1689_2180)\">\n            <path\n                d=\"M4.3 4.3L7.1 7.1M10.6 5.7V1.5M14.8 7.8L17.6 5M5.7 11.3H1.5M7.1 14.8L4.3 17.6M15.5 22.5L9.9 9.9L22.5 14.8L16.9 16.2L15.5 22.5Z\"\n                stroke=\"black\"\n                strokeWidth={2}\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </g>\n        <defs>\n            <clipPath id=\"clip0_1689_2180\">\n                <rect width={24} height={24} fill=\"white\" />\n            </clipPath>\n        </defs>\n    </svg>\n}\n\n","import { css } from \"@linaria/core\";\n\nexport const DetailsHost = css`\n    @layer defaults {\n        border-top: 1px solid var(--xyd-details-border-color);\n    \n        &[data-kind=\"secondary\"], &[data-kind=\"tertiary\"] {\n            background-color:  var(--xyd-details-bgcolor--secondary);\n            border: 1px solid var(--xyd-details-border-color);\n            border-radius: 8px;\n        }\n\n        &[open] [part=\"summary\"] svg[data-icon=\"true\"] { \n            transform: rotate(90deg);\n        }\n\n        [part=\"summary\"] {\n            padding: 16px 14px 16px 0;\n            cursor: pointer;\n            font-weight: var(--xyd-font-weight-medium);\n            font-variant-numeric: tabular-nums;\n            transition: color 0.3s;\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: flex-start;\n            list-style: none;\n\n            &:hover {\n                color: var(--xyd-details-summary-color--active);\n            }\n        }\n\n        &[data-kind=\"tertiary\"] [part=\"summary\"]{\n            padding: 10px 24px;\n        }\n        &[data-kind=\"secondary\"],\n        &[data-kind=\"tertiary\"] {\n            [part=\"summary\"] {\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                cursor: pointer;\n                padding: 20px 24px;\n            }\n        }\n\n        [part=\"summary-deep\"] {\n            display: flex;\n            align-items: center;\n            margin-bottom: 8px;\n        }\n\n        [part=\"summary-deep-text\"] {\n            color: var(--xyd-details-summary-color);\n            text-transform: none;\n            letter-spacing: .08em;\n            margin-left: 8px;\n            font-weight: var(--xyd-font-weight-bold);\n\n            code {\n                background: var(--xyd-details-summary-code-bgcolor);\n            }\n        }\n\n        [part=\"summary-deep-label\"] {\n            flex: 1 1 auto;\n        }\n\n        // TODO: after migration to web-components should be removed cuz 'part=\"content\"' can be also in another element as child\n        & > [part=\"content\"] { \n            padding: 0 24px 20px;\n        }\n        &[data-kind=\"tertiary\"] > [part=\"content\"] {\n            background-color: var(--xyd-details-content-bgcolor);\n            padding-top: 20px;\n\n            code {\n                background: var(--xyd-details-content-bgcolor);\n            }\n        }\n\n        [part=\"icon\"] {\n            flex: 0 0 auto;\n            font-size: var(--xyd-font-size-medium);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding-right: 6px;\n        }\n    }\n`;\n\n","import React, { } from \"react\"\n\nimport * as cn from \"./Heading.styles\";\nimport { Badge } from \"writer\";\n\n/**\n * Props for the Heading component\n * @interface HeadingProps\n */\nexport interface HeadingProps {\n    /** Content to be rendered inside the heading */\n    children: React.ReactNode\n\n    /** The size of the heading (1-6, corresponding to h1-h6) */\n    size: 1 | 2 | 3 | 4 | 5 | 6\n\n    /** Optional HTML element to render as (div or span) */\n    as?: \"div\" | \"span\"\n\n    /** Optional ID for the heading element */\n    id?: string\n\n    /** Optional visual style variant */\n    kind?: \"muted\"\n\n    /** Optional click handler */\n    onClick?: () => void\n\n    /** Optional additional CSS class name */\n    className?: string\n\n    /** Optional active state */\n    active?: boolean\n\n    /** Optional label for the heading */\n    label?: string\n\n    /** Optional subtitle for the heading */\n    subtitle?: string\n\n    /** Optional to hide the anchor icon */\n    noanchor?: boolean\n\n    /** Optional ref for the heading element */\n    ref?: React.RefObject<HTMLHeadingElement>\n\n    style?: React.CSSProperties\n}\n\n/**\n * A flexible heading component that can render as any heading level (h1-h6) or as a div/span\n * \n * @category Component\n */\nexport function Heading(props: HeadingProps) {\n    const {\n        children,\n        size = 1,\n        as,\n        id,\n        onClick,\n        className,\n        kind,\n        active,\n        label,\n        subtitle,\n        noanchor,\n        ref,\n        style,\n    } = props\n    let HeadingComponent = as ? as : `h${size}` as \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"\n\n    return <>\n        <HeadingComponent\n            style={style || undefined}\n            className={` ${cn.HeadingHost}  ${className || ''}`}\n            data-size={size}\n            data-kind={kind}\n            data-has-label={String(label ? \"true\" : \"false\")}\n            data-noanchor={String(noanchor || \"false\")}\n            data-active={String(active || \"false\")}\n            onClick={noanchor ? undefined : onClick}\n            id={id}\n            ref={ref}\n        >\n            {children}\n\n            {label && <Badge size=\"sm\">{label}</Badge>}\n\n            {id && !noanchor && <$Anchor />}\n        </HeadingComponent>\n\n        {\n            subtitle ? <Heading\n                {...props}\n                size={4}\n                kind=\"muted\"\n                subtitle={undefined} \n                label={undefined}\n            >\n                {subtitle}\n            </Heading> : null\n        }\n    </>\n}\n\nfunction $Anchor() {\n    return <svg\n        part=\"icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={15}\n        height={15}\n        fill=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n        role=\"presentation\"\n    >\n        <path\n            fillRule=\"evenodd\"\n            d=\"M18.293 5.707a4.657 4.657 0 0 0-6.586 0l-1 1a1 1 0 1 1-1.414-1.414l1-1a6.657 6.657 0 1 1 9.414 9.414l-1 1a1 1 0 0 1-1.414-1.414l1-1a4.657 4.657 0 0 0 0-6.586Zm-2.586 2.586a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414l6-6a1 1 0 0 1 1.414 0Zm-9 1a1 1 0 0 1 0 1.414l-1 1a4.657 4.657 0 0 0 6.586 6.586l1-1a1 1 0 0 1 1.414 1.414l-1 1a6.657 6.657 0 1 1-9.414-9.414l1-1a1 1 0 0 1 1.414 0Z\"\n            clipRule=\"evenodd\"\n        />\n    </svg>\n}","import { css } from \"@linaria/core\";\n\nexport const HeadingHost = css`\n    @layer defaults {\n        color: var(--xyd-heading-color);\n        line-height: var(--xyd-line-height-xlarge);\n        font-weight: var(--xyd-font-weight-semibold);\n\n        position: relative;\n        display: table;\n        margin: 0;\n        padding: 0 24px 0 0;\n        scroll-margin-top: 30px;\n        cursor: default;\n\n        &[id] {\n            cursor: pointer;\n        }\n        &[data-noanchor=\"true\"] {\n            cursor: default;\n        }\n\n        &[data-has-label=\"true\"] {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n\n            xyd-badge {\n                font-size: var(--xyd-font-size-xsmall);\n                line-height: var(--xyd-line-height-xsmall);\n                letter-spacing: 2px;\n            }\n        }\n\n        &:hover {\n            svg {\n                opacity: 1;\n            }\n        }\n\n        &[data-kind=\"muted\"] {\n            color: var(--xyd-heading-color--muted);\n            cursor: default;\n            font-weight: var(--xyd-font-weight-medium);\n        }\n\n        &[data-size=\"1\"] {\n            font-size: var(--xyd-font-size-2xl);\n            line-height: var(--xyd-line-height-2xl);\n        }\n\n        &[data-size=\"2\"] {\n            font-size: var(--xyd-font-size-xxlarge);\n            line-height: var(--xyd-line-height-xxlarge);\n        }\n\n        &[data-size=\"3\"] {\n            font-size: var(--xyd-font-size-xlarge);\n            line-height: var(--xyd-line-height-xlarge);\n        }\n\n        &[data-size=\"4\"] {\n            font-size: var(--xyd-font-size-large);\n            line-height: var(--xyd-line-height-large);\n        }\n\n        &[data-size=\"5\"] {\n            font-size: var(--xyd-font-size-medium);\n            line-height: var(--xyd-line-height-medium);\n        }\n\n        &[data-size=\"6\"] {\n            font-size: var(--xyd-font-size-small);\n            line-height: var(--xyd-line-height-small);\n        }\n\n        [part=\"icon\"] {\n            position: absolute;\n            top: 50%;\n            right: 0;\n            margin-top: -6px;\n            opacity: 0;\n            color: var(--xyd-heading-icon-color);\n            transition: opacity .15s ease;\n        }\n        &[data-active=\"true\"] {\n            [part=\"icon\"] {\n                opacity: 1;\n            }\n        }\n    }\n`;\n\n","import React from \"react\"\n\nimport * as cn from \"./Hr.styles\";\n\nexport interface HrProps {\n}\n\nexport function Hr() {\n    return <hr part=\"hr\" className={cn.HrHost}/>\n}","import {css} from \"@linaria/core\";\n\nexport const HrHost = css`\n    @layer defaults {\n        border: 0.5px solid var(--xyd-hr-border-color);\n    }\n`;","\n\nimport React from 'react';\n\nimport * as cn from \"./Image.styles\"\n\nexport interface ImageProps {\n    src: string\n    alt: string\n    style?: React.CSSProperties\n}\n\nexport function Image(props: ImageProps) {\n    return <img\n        src={props.src}\n        alt={props.alt}\n        className={cn.ImageHost}\n    />\n}","import { css } from \"@linaria/core\"\n\nexport const ImageHost = css`\n    @layer defaults {\n        width: 100%;\n        border-radius: 16px;\n        box-shadow: 0 2px 16px rgba(0,0,0,0.06);\n    }\n`;","import React from 'react';\n\nimport { Badge } from '../Badge';\nimport { Text } from '../Text';\n\nimport * as cn from \"./Update.styles\"\n\ninterface UpdateProps {\n    children: React.ReactNode\n\n    version: string\n\n    date?: string\n}\n\nexport function Update(props: UpdateProps) {\n    const { date, version, children } = props;\n    return (\n        <xyd-update className={cn.UpdateHost}>\n            <div part=\"meta\">\n                {date && <div part=\"date\">\n                    <Badge>\n                        {date}\n                    </Badge>\n                </div>}\n                <div part=\"version\">\n                    <Text size=\"small\">\n                        {version}\n                    </Text>\n                </div>\n            </div>\n            <div part=\"content-container\">\n                <div part=\"content\">{children}</div>\n            </div>\n        </xyd-update>\n    );\n}\n","import { css } from \"@linaria/core\"\n\nexport const UpdateHost = css`\n    @layer defaults {\n        gap: 24px;\n        flex-direction: row;\n        padding-top: 32px;\n        padding-bottom: 32px;\n        align-items: flex-start;\n        width: 100%;\n        display: flex;\n        position: relative;\n\n        [part=\"meta\"] {\n            width: 160px;\n            position: sticky;\n            justify-content: flex-start;\n            align-items: flex-start;\n            flex-direction: column;\n            flex-shrink: 0;\n            display: flex;\n            gap: 10px;\n        }\n\n        [part=\"content-container\"] {\n            padding-left: 2px;\n            padding-right: 2px;\n            overflow: hidden;\n            flex: 1 1 0%;\n            max-width: 100%;\n        }\n    }\n`;"],"names":["Badge","_ref","className","children","_ref$size","size","_ref$kind","kind","React","createElement","concat","part","Blockquote","Callout","$IconInfo","xmlns","width","height","fill","viewBox","d","fillRule","clipRule","Card","props","title","description","imgSrc","imgAlt","shadow","href","Link","link","undefined","src","alt","Text","weight","Button","Code","ColorSchemeButton","_useColorScheme","useColorScheme","_useColorScheme2","_slicedToArray","currentScheme","changeColorScheme","theme","icon","IconDarkMode","IconLightMode","onClick","_useState","useState","_useState2","setCurrentScheme","useEffect","updateScheme","html","document","querySelector","scheme","getAttribute","preferred","getPreferredColorScheme","observer","MutationObserver","observe","attributes","attributeFilter","disconnect","colorScheme","preferredColorScheme","setAttribute","localStorage","setItem","window","matchMedia","matches","stroke","clipPath","strokeWidth","strokeLinecap","strokeLinejoin","id","Details","label","isDeepKind","includes","Fragment","$Icon","$IconDeep","Heading","_props$size","as","active","subtitle","noanchor","ref","style","HeadingComponent","String","$Anchor","Object","assign","role","Hr","Image","Update","date","version"],"mappings":"8PA+BM,SAAUA,EAAKC,GAKR,IAJTC,EAASD,EAATC,UACAC,EAAQF,EAARE,SAAQC,EAAAH,EACRI,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAAAE,EAAAL,EACXM,KAAAA,OAAI,IAAAD,EAAG,UAASA,EAEhB,OAAOE,EAAAC,cAAA,YAAA,CACHP,UAAS,GAAAQ,OCpCK,UDoCY,KAAAA,OAAIR,GAAa,IAAI,YACpCG,cACAE,GAEXC,EAAAC,cAAA,OAAA,CAAME,KAAK,SACNR,GAGb,UErCgBS,EAAUX,GAAyC,IAAtCC,EAASD,EAATC,UAAWC,EAAQF,EAARE,SACpC,OAAOK,EAAAC,cAAA,aAAA,CACHP,UAAS,GAAAQ,OCTU,WDSY,KAAAA,OAAIR,GAAa,KAE/CC,EAET,UEMgBU,EAAOZ,GAAsC,IAAnCC,EAASD,EAATC,UAAWC,EAAQF,EAARE,SACjC,OAAOK,EAAAC,cAAA,cAAA,CACHP,UAAS,GAAAQ,OCrBO,UDqBY,KAAAA,OAAIR,GAAa,KAE7CM,EAAAC,cAAA,MAAA,CAAKE,KAAK,QACNH,EAAAC,cAACK,SAELN,EAAAC,cAAA,MAAA,CAAKE,KAAK,WACNH,EAAAC,cAAA,MAAA,CAAKE,KAAK,gBACLR,IAIjB,CAEA,SAASW,IACL,OAAON,uBACHO,MAAM,6BACNC,MAAM,MACNC,OAAO,MACPC,KAAK,eACLC,QAAQ,aAERX,EAAAC,cAAA,OAAA,CAAMW,EAAE,gGACRZ,EAAAC,cAAA,OAAA,CACIY,SAAS,UACTD,EAAE,8GACFE,SAAS,YAGrB,CE/BM,SAAUC,EAAKC,GACjB,IACIC,EAOAD,EAPAC,MACAC,EAMAF,EANAE,YACAC,EAKAH,EALAG,OACAC,EAIAJ,EAJAI,OACAC,EAGAL,EAHAK,OACAC,EAEAN,EAFAM,KAIEC,EAFFP,EADAQ,KAKJ,OAAOxB,EAAAC,cAAA,WAAA,CAAA,cACUoB,QAAUI,EACvB/B,UCjCa,YDmCZyB,GACGnB,EAAAC,cAAA,MAAA,CAAKE,KAAK,mBACNH,EAAAC,cAAA,MAAA,CAAKE,KAAK,MACNH,EAAAC,cAAA,MAAA,CAAKyB,IAAKP,EAAQQ,IAAKP,MAKnCpB,EAAAC,cAAA,MAAA,CAAKE,KAAK,QACNH,EAAAC,cAAA,MAAA,CAAKE,KAAK,UACLoB,GAAQD,EACLtB,EAAAC,cAAC2B,EAAI,CAACC,OAAO,QACT7B,EAAAC,cAACsB,GAAKD,KAAMA,GACPL,IAGPjB,gBAAC4B,EAAI,CAACC,OAAO,QACVZ,GAETjB,EAAAC,cAAC6B,EAAM,CAACjC,KAAK,KAAKE,KAAK,aAAW,WAItCC,EAAAC,cAAA,MAAA,CAAKE,KAAK,eACNH,EAAAC,cAAC2B,EAAI,CAAC/B,KAAK,SACNqB,KAKrB,UE1DgBa,EAAItC,GAAmC,IAAhCC,EAASD,EAATC,UAAWC,EAAQF,EAARE,SAC9B,OAAOK,EAAAC,cAAA,OAAA,CAAMP,UAAS,GAAAQ,OCRL,WDQqB,KAAAA,OAAIR,GAAa,KACnDM,EAAAC,cAAA,OAAA,CAAME,KAAK,WACNR,GAGb,UEXgBqC,IACZ,IAAAC,EAA2CC,IAAwCC,EAAAC,EAAAH,EAAA,GAA5EI,EAAaF,EAAA,GAAEG,EAAiBH,EAAA,GAEvC,OAAOnC,EAAAC,cAAC6B,EAAM,CACVjC,KAAK,KACL0C,MAAM,QACNC,KAAwB,SAAlBH,EAA2BrC,EAAAC,cAACwC,EAAY,MAAMzC,EAAAC,cAACyC,QACrDC,QAASL,GAEjB,UAEgBJ,IACZ,IAAAU,EAA0CC,EAAiB,SAAQC,EAAAV,EAAAQ,EAAA,GAA5DP,EAAaS,EAAA,GAAEC,EAAgBD,EAAA,GAoDtC,OAjDAE,EAAU,WACN,IAAMC,EAAe,WACjB,IAAMC,EAAOC,SAASC,cAAc,QACpC,GAAIF,EAAM,CACN,IAAMG,EAASH,EAAKI,aAAa,sBAAwB,KACzD,GAAe,OAAXD,EAAiB,CACjB,IAAME,EAAYC,IAClBT,EAAiBQ,GAAa,QAClC,MACIR,EAAiBM,EAEzB,GAGJJ,IAGA,IAAMQ,EAAW,IAAIC,iBAAiBT,GAChCC,EAAOC,SAASC,cAAc,QAKpC,OAJIF,GACAO,EAASE,QAAQT,EAAM,CAAEU,YAAY,EAAMC,gBAAiB,CAAC,uBAG1D,WAAA,OAAMJ,EAASK,YAAY,GACnC,IAyBI,CAACzB,EAvBR,WACI,IAAI0B,EAAc,GAEZC,EAAuBR,IACzBQ,IACAD,EAAuC,SAAzBC,EAAkC,QAAU,QAG9D,IAAMd,EAAOC,SAASC,cAAc,QACpC,GAAKF,EAAL,CAEA,IAAMb,EAAgBa,EAAKI,aAAa,qBACpCjB,GAAmC,OAAlBA,IACjB0B,EAAgC,SAAlB1B,EAA2B,QAAU,QAElD0B,IACDA,EAAc,SAGlBb,EAAKe,aAAa,oBAAqBF,GACvCG,aAAaC,QAAQ,mBAAoBJ,EAX9B,CAYf,EAGJ,CAEA,SAASP,IACL,OAAIY,OAAOC,WAAW,gCAAgCC,QAC3C,OAGPF,OAAOC,WAAW,iCAAiCC,QAC5C,QAGJ,IACX,CAGA,SAAS5B,IACL,OAAO1C,EAAAC,cAAA,MAAA,CACHO,MAAO,GACPC,OAAQ,GACRE,QAAQ,YACRD,KAAK,OACL6D,OAAO,eACPhE,MAAM,8BAENP,EAAAC,cAAA,IAAA,CAAGuE,SAAS,yBACRxE,EAAAC,cAAA,OAAA,CACIW,EAAE,qBACF6D,YAAa,IACbC,cAAc,QACdC,eAAe,UAEnB3E,EAAAC,cAAA,OAAA,CACIW,EAAE,mCACF6D,YAAa,IACbC,cAAc,QACdC,eAAe,UAEnB3E,EAAAC,cAAA,OAAA,CACIW,EAAE,gBACF6D,YAAa,IACbC,cAAc,QACdC,eAAe,UAEnB3E,EAAAC,cAAA,OAAA,CACIW,EAAE,mCACF6D,YAAa,IACbC,cAAc,QACdC,eAAe,UAEnB3E,EAAAC,cAAA,OAAA,CACIW,EAAE,gBACF6D,YAAa,IACbC,cAAc,QACdC,eAAe,UAEnB3E,EAAAC,cAAA,OAAA,CACIW,EAAE,mCACF6D,YAAa,IACbC,cAAc,QACdC,eAAe,UAEnB3E,EAAAC,cAAA,OAAA,CACIW,EAAE,qBACF6D,YAAa,IACbC,cAAc,QACdC,eAAe,UAEnB3E,EAAAC,cAAA,OAAA,CACIW,EAAE,mCACF6D,YAAa,IACbC,cAAc,QACdC,eAAe,UAEnB3E,EAAAC,cAAA,OAAA,CACIW,EAAE,oNACF6D,YAAa,IACbC,cAAc,QACdC,eAAe,WAGvB3E,EAAAC,cAAA,OAAA,KACID,EAAAC,cAAA,WAAA,CAAU2E,GAAG,mBACT5E,EAAAC,cAAA,OAAA,CAAMO,MAAO,GAAIC,OAAQ,GAAIC,KAAK,YAIlD,CAEA,SAAS+B,IACL,OAAOzC,EAAAC,cAAA,MAAA,CACHM,MAAM,6BACNC,MAAO,GACPC,OAAQ,GACRE,QAAQ,YACRD,KAAK,OACL6D,OAAO,eACPE,YAAa,EACbC,cAAc,QACdC,eAAe,SAEf3E,EAAAC,cAAA,OAAA,CAAMW,EAAE,uCAEhB,CC5GM,SAAUiE,EAAQ7D,GACpB,IAEIC,EAFItB,EAAoBqB,EAApBrB,SAAUmF,EAAU9D,EAAV8D,MAIZC,EAAa,CAAC,YAAa,YAAYC,SAAShE,EAAMjB,MAAQ,IAEhEgF,GAAc,UAAW/D,IACzBC,EAAQD,EAAMC,OAGlB,IAAMlB,EAAOiB,EAAMjB,MAAQ,UAE3B,OAAOC,EAAAC,cAAA,UAAA,CACHE,KAAK,UACLT,UAAS,GAAAQ,OC5EO,UD4EY,KAAAA,OAAIc,EAAMtB,WAAa,IAAI,YAC5CsB,EAAMjB,MAEjBC,EAAAC,cAAA,UAAA,CAASE,KAAK,WACA,YAATJ,GACGC,EAAAC,cAAAD,EAAAiF,SAAA,KACKjE,EAAMwB,MAAQxC,EAAAC,cAACiF,EAAK,MACrBlF,EAAAC,cAAA,MAAA,CAAKE,KAAK,sBACL2E,IAKZC,GACG/E,EAAAC,cAAA,MAAA,KACID,EAAAC,cAAA,MAAA,CAAKE,KAAK,gBACLa,EAAMwB,MAAQxC,EAAAC,cAACkF,EAAS,MACzBnF,EAAAC,cAAA,MAAA,CAAKE,KAAK,qBACLc,IAGTjB,EAAAC,cAAA,MAAA,CAAKE,KAAK,sBACL2E,IAIZC,GAAc/E,EAAAC,cAACiF,EAAK,OAGzBlF,EAAAC,cAAA,MAAA,CAAKE,KAAK,WACLR,GAGb,CAEA,SAASuF,IACL,OAAOlF,EAAAC,cAAA,MAAA,CAAKE,KAAK,QACbH,EAAAC,cAAA,MAAA,CAAA,YAEc,OACVM,MAAM,6BACNC,MAAM,MACNC,OAAO,MACPC,KAAK,eACLC,QAAQ,aAERX,EAAAC,cAAA,OAAA,CACIY,SAAS,UACTD,EAAE,2HACFE,SAAS,aAIzB,CAEA,SAASqE,IACL,OAAOnF,EAAAC,cAAA,MAAA,CACHO,MAAM,MACNC,OAAO,MACPE,QAAQ,YACR4D,OAAO,OACP7D,KAAK,OACLH,MAAM,8BAENP,EAAAC,cAAA,IAAA,CAAGuE,SAAS,yBACRxE,EAAAC,cAAA,OAAA,CACIW,EAAE,gIACF2D,OAAO,QACPE,YAAa,EACbC,cAAc,QACdC,eAAe,WAGvB3E,EAAAC,cAAA,OAAA,KACID,EAAAC,cAAA,WAAA,CAAU2E,GAAG,mBACT5E,EAAAC,cAAA,OAAA,CAAMO,MAAO,GAAIC,OAAQ,GAAIC,KAAK,YAIlD,CEvGM,SAAU0E,EAAQpE,GACpB,IACIrB,EAaAqB,EAbArB,SAAQ0F,EAaRrE,EAZAnB,KAAAA,OAAI,IAAAwF,EAAG,EAACA,EACRC,EAWAtE,EAXAsE,GACAV,EAUA5D,EAVA4D,GACAjC,EASA3B,EATA2B,QACAjD,EAQAsB,EARAtB,UACAK,EAOAiB,EAPAjB,KACAwF,EAMAvE,EANAuE,OACAT,EAKA9D,EALA8D,MACAU,EAIAxE,EAJAwE,SACAC,EAGAzE,EAHAyE,SACAC,EAEA1E,EAFA0E,IACAC,EACA3E,EADA2E,MAEAC,EAAmBN,GAAO,IAAApF,OAAOL,GAErC,OAAOG,EAAAC,cAAAD,EAAAiF,SAAA,KACHjF,EAAAC,cAAC2F,EAAgB,CACbD,MAAOA,QAASlE,EAChB/B,UAAS,IAAAQ,OCzEG,WDyEiB,MAAAA,OAAKR,GAAa,IAAI,YACxCG,EAAI,YACJE,EAAI,iBACC8F,OAAOf,EAAQ,OAAS,SAAQ,gBACjCe,OAAOJ,GAAY,SAAQ,cAC7BI,OAAON,GAAU,SAC9B5C,QAAS8C,OAAWhE,EAAYkB,EAChCiC,GAAIA,EACJc,IAAKA,GAEJ/F,EAEAmF,GAAS9E,gBAACR,EAAK,CAACK,KAAK,MAAMiF,GAE3BF,IAAOa,GAAYzF,EAAAC,cAAC6F,SAIrBN,EAAWxF,EAAAC,cAACmF,EAAOW,OAAAC,OAAA,CAAA,EACXhF,EAAK,CACTnB,KAAM,EACNE,KAAK,QACLyF,cAAU/D,EACVqD,WAAOrD,IAEN+D,GACQ,KAGzB,CAEA,SAASM,IACL,OAAO9F,EAAAC,cAAA,MAAA,CACHE,KAAK,OACLI,MAAM,6BACNC,MAAO,GACPC,OAAQ,GACRC,KAAK,eACLC,QAAQ,YACRsF,KAAK,gBAELjG,EAAAC,cAAA,OAAA,CACIY,SAAS,UACTD,EAAE,gYACFE,SAAS,YAGrB,UEnHgBoF,IACZ,OAAOlG,EAAAC,cAAA,KAAA,CAAIE,KAAK,KAAKT,UCNN,YDOnB,CEGM,SAAUyG,EAAMnF,GAClB,OAAOhB,uBACH0B,IAAKV,EAAMU,IACXC,IAAKX,EAAMW,IACXjC,UCdc,WDgBtB,CEHM,SAAU0G,EAAOpF,GACnB,IAAQqF,EAA4BrF,EAA5BqF,KAAMC,EAAsBtF,EAAtBsF,QAAS3G,EAAaqB,EAAbrB,SACvB,OACIK,EAAAC,cAAA,aAAA,CAAYP,UChBG,YDiBXM,EAAAC,cAAA,MAAA,CAAKE,KAAK,QACLkG,GAAQrG,EAAAC,cAAA,MAAA,CAAKE,KAAK,QACfH,EAAAC,cAACT,EAAK,KACD6G,IAGTrG,EAAAC,cAAA,MAAA,CAAKE,KAAK,WACNH,EAAAC,cAAC2B,GAAK/B,KAAK,SACNyG,KAIbtG,EAAAC,cAAA,MAAA,CAAKE,KAAK,qBACNH,EAAAC,cAAA,MAAA,CAAKE,KAAK,WAAWR,IAIrC"}

package/dist/VideoGuide-BUyomFVz.js

@@ -0,0 +1,2 @@
+import e,{forwardRef as t,createContext as n,useState as a,useRef as r,useEffect as i,useContext as l}from"react";import{a as c}from"./tslib.es6-Hqk-Mdr9.js";import{I as o}from"./Icon-xNucOqd2.js";import{a as d}from"./_rollupPluginBabelHelpers-DZ-ucadG.js";import{Tabs as s}from"radix-ui";import{ChevronLeft as u,ChevronRight as m}from"lucide-react";var v="a1cbq3a5",f=t(function(t,n){var a=t.href,r=void 0===a?"":a,i=t.children,l=t.newWindow,o=t.as,d=c(t,["href","children","newWindow","as"]),s=o||p;return l?e.createElement(s,Object.assign({ref:n,href:r,target:"_blank",rel:"noreferrer",className:v},d),i):e.createElement(s,Object.assign({ref:n,className:v,href:r||void 0},d),i)});function p(t){var n=t.children,a=c(t,["children"]);return e.createElement("a",Object.assign({},a),n)}f.displayName="Anchor";function E(t){if("secondary"===t.kind)return e.createElement(E.Secondary,Object.assign({},t));var n=null;return t.icon&&(n="string"==typeof t.icon?e.createElement(o,{name:t.icon,size:16}):t.icon),e.createElement("xyd-banner",{className:"bacjk89"},e.createElement("div",null,e.createElement("a",{href:t.href},n,t.children,t.label?e.createElement("span",{part:"info"},t.label):null,t.href?e.createElement("svg",{viewBox:"0 0 20 20",part:"icon",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)))}E.Secondary=function(t){var n=null;return t.label&&(n=e.createElement(b,{size:"sm",kind:"secondary"},t.label)),e.createElement("xyd-banner",{"data-kind":"secondary",className:"b1wuahng"},t.children,n)};var h="bjtblcp",y="b16soija";function b(t){var n=t.children,a=t.kind,r=void 0===a?"primary":a,i=t.theme,l=t.size,c=void 0===l?"md":l,o=t.className,d=t.onClick,s=t.disabled,u=void 0!==s&&s,m=t.icon,v=t.iconPosition,f=void 0===v?"left":v,p=t.href,E=p?"a":"button",b={};return p&&(b={href:p,target:"_blank"}),"ghost"===i&&(r=void 0),e.createElement(E,Object.assign({className:"".concat(h," ").concat(o||""),"data-button":!0,"data-kind":r,"data-size":c,"data-theme":i,"data-has-icon":!!m,"data-icon-position":f,onClick:d,disabled:u},b),m&&"left"===f&&e.createElement("span",{part:"icon",className:y},m),n?e.createElement("span",{part:"content"},n):null,m&&"right"===f&&e.createElement("span",{part:"icon",className:y},m))}function g(t){var n=t.children,a=t.href,r=t.icon,i=t.title,l=t.kind,c=t.size,o=t.className,d=t.as||w;return e.createElement("xyd-guidecard",{className:"".concat("gh34a3o"," ").concat(o||""),"data-kind":l,"data-size":c},e.createElement(d,{part:"link",href:a},e.createElement("div",{part:"item"},r&&e.createElement("div",{part:"icon"},r),e.createElement("div",{part:"right"},e.createElement("div",{part:"title"},e.createElement("div",{part:"title-body"},i),e.createElement(N,null)),e.createElement("div",{part:"body"},n)))))}function N(){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 w(t){var n=t.href,a=t.children,r=c(t,["href","children"]);return e.createElement("a",Object.assign({href:n},r),a)}g.List=function(t){var n=t.children;return e.createElement("xyd-guidecard-list",{className:"gilz89t"},n)};var C="labae1k",k="i13ytyvq";function j(t){var n=t.children;return e.createElement("ul",{className:C},n)}function I(t){var n=t.children;return e.createElement("ol",{className:C},n)}j.Item=function(t){var n=t.children;return e.createElement("li",{className:k},n)};function x(t){var n=t.children,a=t.className;return e.createElement("xyd-steps",null,e.createElement("ol",{className:"".concat("s3kfd8c"," ").concat(a||"")},n))}x.Item=function(t){var n=t.children,a=t.className;return e.createElement("xyd-steps-item",null,e.createElement("li",{className:"".concat("s1et872q"," ").concat(a||"")},n))};var O="h14vj3ri",V="t1l6tz9b",z="thzxr0l",A="t1g1altt",L="tdsg57t",M="th2d3qd",R="c8pe5i8";function T(t){var n=t.children,a=t.className;return e.createElement("table",{className:"".concat(O," ").concat(a||"")},n)}T.Head=function(t){var n=t.children;return e.createElement("thead",{className:V},n)},T.Th=function(t){var n=t.children,a=t.numeric;return e.createElement("th",{className:"".concat(A," ").concat(a?"numeric":"")},n)},T.Tr=function(t){var n=t.children;return e.createElement("tr",{className:L},n)},T.Body=function(t){var n=t.children;return e.createElement("tbody",{className:z},n)},T.Td=function(t){var n=t.children,a=t.numeric,r=t.muted;return e.createElement("td",{className:"".concat(M," ").concat(a?"numeric":""," ").concat(r?"muted":"")},n)},T.Cell=function(t){var n=t.children;return e.createElement("xyd-table-cell",{className:R},e.createElement("div",{part:"child"},n))};var B=n({direction:"forward"});function U(t){var n=t.children,i=t.value,l=t.onChange,c=t.slide,o=void 0===c||c,u=t.className,m=t.kind,v=void 0===m?"default":m,f=e.Children.toArray(n),p=f.filter(function(t){return e.isValidElement(t)&&(t.type===U.Item||"UnderlineNav.Item"===t.type.displayName)}),E=f.filter(function(t){return!e.isValidElement(t)||t.type!==U.Item&&"UnderlineNav.Item"!==t.type.displayName}),h=function(t,n,i){var l=void 0!==t&&void 0!==n,c=a(i.length>0&&e.isValidElement(i[0])?i[0].props.value:""),o=d(c,2),s=o[0],u=o[1],m=l?t:s,v=r(m),f=a("forward"),p=d(f,2),E=p[0],h=p[1],y=function(t){var a=i.findIndex(function(t){return e.isValidElement(t)&&t.props.value===v.current}),r=i.findIndex(function(n){return e.isValidElement(n)&&n.props.value===t});h(r>a?"forward":"backward"),v.current=t,l||u(t),n&&n(t)};return[E,m,y]}(i,l,p),y=d(h,3),b=y[0],g=y[1],N=y[2];return e.createElement(B.Provider,{value:{direction:b}},e.createElement(s.Root,{value:g,onValueChange:N},e.createElement("xyd-underlinenav",{className:"".concat("u1bta36o"," ").concat(u||""),"data-kind":v},e.createElement("nav",{part:"nav"},e.createElement(s.List,{asChild:!0},e.createElement("ul",{part:"list"},p))),e.createElement("div",{part:"content","data-slide":o?"true":"false"},E))))}function q(t){var n=c(t,[]);return e.createElement("a",Object.assign({},n),n.children)}U.Item=function(t){var n=t.children,r=t.value,l=t.href,c=t.as,o=t.defaultActive,u=c||q,m="boolean"==typeof o,v=a(m?o?"active":"inactive":void 0),f=d(v,2),p=f[0],E=f[1],h=m&&null!=p?{"data-state":p}:void 0;return i(function(){m&&E(void 0)},[]),e.createElement(s.Trigger,Object.assign({value:r,asChild:!0},h),e.createElement("li",{part:"item"},e.createElement(u,{part:"link",href:l},n)))},U.Content=function(t){var n=t.children,r=t.value,c=t.defaultActive,o=l(B).direction,u="boolean"==typeof c,m=a(u?c?"active":"inactive":void 0),v=d(m,2),f=v[0],p=v[1],E=u&&null!=f?{"data-state":f}:void 0;return i(function(){u&&p(void 0)},[]),e.createElement(s.Content,Object.assign({value:r,forceMount:!0,asChild:!0},E),e.createElement("xyd-underlinenav-content",{className:"uxs4bf1","data-direction":o},e.createElement("div",{part:"child"},n)))};function _(t,n,i){var l=void 0!==t&&void 0!==n,c=a(i.length>0&&e.isValidElement(i[0])?i[0].props.value:""),o=d(c,2),s=o[0],u=o[1],m=l?t:s,v=r(m),f=a("forward"),p=d(f,2),E=p[0],h=p[1];return[E,m,function(t){var a=i.findIndex(function(t){return e.isValidElement(t)&&t.props.value===v.current}),r=i.findIndex(function(n){return e.isValidElement(n)&&n.props.value===t});h(r>a?"forward":"backward"),v.current=t,l||u(t),n&&n(t)}]}var P=n({direction:"forward"});function S(t){var n=t.children,a=t.value,r=t.onChange,i=t.slide,l=void 0===i||i,c=t.className,o=e.Children.toArray(n),u=o.filter(function(t){return e.isValidElement(t)&&(t.type===S.Item||"function"==typeof t.type&&"displayName"in t.type&&"UnderlineNav.Item"===t.type.displayName)}),m=o.filter(function(t){return!e.isValidElement(t)||t.type!==S.Item&&!("function"==typeof t.type&&"displayName"in t.type&&"UnderlineNav.Item"===t.type.displayName)}),v=_(a,r,u),f=d(v,3),p=f[0],E=f[1],h=f[2];return e.createElement(P.Provider,{value:{direction:p}},e.createElement(s.Root,{value:E,onValueChange:h},e.createElement("xyd-tabs",{className:"".concat("t1dkmodo"," ").concat(c||"")},e.createElement("nav",{part:"nav"},e.createElement(s.List,{asChild:!0},e.createElement("ul",{part:"list"},u))),e.createElement("div",{part:"content","data-slide":l?"true":"false"},m))))}function W(t){var n=c(t,[]);return e.createElement("a",Object.assign({},n),n.children)}S.Item=function(t){var n=t.children,r=t.value,l=t.href,c=t.as,o=t.defaultActive,u=c||W,m="boolean"==typeof o,v=a(m?o?"active":"inactive":void 0),f=d(v,2),p=f[0],E=f[1],h=m&&null!=p?{"data-state":p}:void 0;return i(function(){m&&E(void 0)},[]),e.createElement(s.Trigger,Object.assign({value:r,asChild:!0},h),e.createElement("li",{part:"item"},e.createElement(u,{part:"link",href:l},n)))},S.Content=function(t){var n=t.children,r=t.value,c=t.defaultActive,o=l(P).direction,u="boolean"==typeof c,m=a(u?c?"active":"inactive":void 0),v=d(m,2),f=v[0],p=v[1],E=u&&null!=f?{"data-state":f}:void 0;return i(function(){u&&p(void 0)},[]),e.createElement(s.Content,Object.assign({value:r,forceMount:!0,asChild:!0},E),e.createElement("div",{className:"t1f7gsf0","data-direction":o},e.createElement("div",{part:"child"},n)))};function Z(t){var n=t.children,l=t.value,c=t.onChange,o=t.className,v=a(!1),f=d(v,2),p=f[0],E=f[1],h=a(!1),y=d(h,2),b=y[0],g=y[1],N=r(null),w=e.Children.toArray(n),C=w.filter(function(t){return e.isValidElement(t)&&(t.type===Z.Item||"function"==typeof t.type&&"displayName"in t.type&&"UnderlineNav.Item"===t.type.displayName)}),k=w.filter(function(t){return!e.isValidElement(t)||t.type!==Z.Item&&!("function"==typeof t.type&&"displayName"in t.type&&"UnderlineNav.Item"===t.type.displayName)}),j=_(l,c,C),I=d(j,3);I[0];var x=I[1],O=I[2],V=function(){if(N.current){var e=N.current,t=e.scrollLeft,n=e.scrollWidth,a=e.clientWidth;E(t>0),g(t<n-a)}};i(function(){return V(),window.addEventListener("resize",V),function(){return window.removeEventListener("resize",V)}},[]);var z=function(e){if(N.current){var t="left"===e?-200:200;N.current.scrollBy({left:t,behavior:"smooth"})}};return e.createElement(s.Root,{asChild:!0,value:x,onValueChange:O},e.createElement("xyd-tabs",{"data-kind":"secondary",className:"".concat("tzirqqc"," ").concat(o||"")},e.createElement("div",{part:"buttons"},p&&e.createElement("button",{onClick:function(){return z("left")},part:"arrow"},e.createElement(u,{part:"arrow-icon"})),e.createElement("div",{ref:N,onScroll:V,part:"scroller"},e.createElement("div",{part:"scroller-container"},e.createElement(s.List,null,C))),b&&e.createElement("button",{onClick:function(){return z("right")},part:"arrow"},e.createElement(m,{part:"arrow-icon"}))),e.createElement("div",{part:"content"},k)))}function H(t){var n=c(t,[]);return e.createElement("a",Object.assign({},n),n.children)}Z.Item=function(t){var n=t.children,r=t.value,l=t.href,c=t.as,o=t.defaultActive,u=c||H,m="boolean"==typeof o,v=a(m?o?"active":"inactive":void 0),f=d(v,2),p=f[0],E=f[1],h=m&&null!=p?{"data-state":p}:void 0;return i(function(){m&&E(void 0)},[]),e.createElement(s.Trigger,Object.assign({className:"tlmd1mw",value:r,asChild:!0},h),e.createElement("div",null,e.createElement(u,{href:l},n)))},Z.Content=function(t){var n=t.children,a=t.value;return e.createElement(s.Content,{asChild:!0,value:a},e.createElement("div",null,n))};var G=n({kind:null});function D(t){return"secondary"===t.kind?e.createElement(G,{value:{kind:"secondary"}},e.createElement(Z,Object.assign({},t))):e.createElement(G,{value:{}},e.createElement(S,Object.assign({},t)))}D.Item=function(t){return"secondary"===l(G).kind?e.createElement(Z.Item,Object.assign({},t)):e.createElement(S.Item,Object.assign({},t))},D.Content=function(t){return"secondary"===l(G).kind?e.createElement(Z.Content,Object.assign({},t)):e.createElement(S.Content,Object.assign({},t))};var F="VideoGuide-module_VideoPlayerHost__wcML-";function J(){return null}function K(){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"}))}J.Miniature=function(t){var n=t.videoSrc,a=t.description,r=void 0===a?"Watch the video guide":a;return e.createElement("xyd-videoguide-miniature",{className:"".concat(F," ").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(K,null)),e.createElement("div",{part:"description-container"},e.createElement("span",{part:"description"},r)))))))};export{f as A,b as B,g as G,j as L,x as S,T,U,J as V,I as a,D as b,E as c};
+//# sourceMappingURL=VideoGuide-BUyomFVz.js.map