@xyd-js/components 0.0.0-build-05a7e9e-20250821011654 → 0.0.0-build-a445a9e-20250821104032

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/CHANGELOG.md +2 -2
  2. package/dist/{Button-CD9LY3ti.js → Button-BDzbKY1t.js} +2 -2
  3. package/dist/{Button-CD9LY3ti.js.map → Button-BDzbKY1t.js.map} +1 -1
  4. package/dist/{CodeSample-1AjntB9V.js → CodeSample-Bj1dHXkX.js} +2 -2
  5. package/dist/{CodeSample-1AjntB9V.js.map → CodeSample-Bj1dHXkX.js.map} +1 -1
  6. package/dist/{Icon-4hmOJLly.js → Icon-BncHqk9p.js} +2 -2
  7. package/dist/{Icon-4hmOJLly.js.map → Icon-BncHqk9p.js.map} +1 -1
  8. package/dist/PageFirstSlide-CJDK3HiI.js +2 -0
  9. package/dist/PageFirstSlide-CJDK3HiI.js.map +1 -0
  10. package/dist/{TabsAnalytics-D2-8eaKt.js → TabsAnalytics-BEvlxfjM.js} +2 -2
  11. package/dist/{TabsAnalytics-D2-8eaKt.js.map → TabsAnalytics-BEvlxfjM.js.map} +1 -1
  12. package/dist/{Update-DV5Hm7ow.js → Update-ZQ3pRa2E.js} +2 -2
  13. package/dist/{Update-DV5Hm7ow.js.map → Update-ZQ3pRa2E.js.map} +1 -1
  14. package/dist/VideoGuide-DJry2sJw.js +2 -0
  15. package/dist/VideoGuide-DJry2sJw.js.map +1 -0
  16. package/dist/{_rollupPluginBabelHelpers-DiUUjAr8.js → _rollupPluginBabelHelpers-D4Xxi7_T.js} +1 -1
  17. package/dist/_rollupPluginBabelHelpers-D4Xxi7_T.js.map +1 -0
  18. package/dist/coder.js +1 -1
  19. package/dist/content.js +1 -1
  20. package/dist/content.js.map +1 -1
  21. package/dist/index.css +76 -76
  22. package/dist/layouts.js +1 -1
  23. package/dist/pages.js +1 -1
  24. package/dist/system.js +1 -1
  25. package/dist/{useUXClick-CQcR3OHq.js → useUXClick-DrqRUyTk.js} +2 -2
  26. package/dist/{useUXClick-CQcR3OHq.js.map → useUXClick-DrqRUyTk.js.map} +1 -1
  27. package/dist/{useUXEvents-DDeQS32E.js → useUXEvents-DQOiWO60.js} +1 -1
  28. package/dist/{useUXEvents-DDeQS32E.js.map → useUXEvents-DQOiWO60.js.map} +1 -1
  29. package/dist/{useUXScrollDepth-BS508aws.js → useUXScrollDepth-yVYqqXkh.js} +1 -1
  30. package/dist/{useUXScrollDepth-BS508aws.js.map → useUXScrollDepth-yVYqqXkh.js.map} +1 -1
  31. package/dist/uxsdk.js +1 -1
  32. package/dist/writer.js +1 -1
  33. package/package.json +2 -2
  34. package/src/content/ContentDecoator.styles.tsx +3 -2
  35. package/src/pages/PageHome/PageHome.tsx +1 -1
  36. package/src/writer/Button/Button.styles.tsx +1 -1
  37. package/src/writer/GuideCard/GuideCard.styles.tsx +7 -6
  38. package/src/writer/GuideCard/GuideCard.tsx +1 -1
  39. package/dist/PageFirstSlide--KuAMrpd.js +0 -2
  40. package/dist/PageFirstSlide--KuAMrpd.js.map +0 -1
  41. package/dist/VideoGuide-DzBdh5Ge.js +0 -2
  42. package/dist/VideoGuide-DzBdh5Ge.js.map +0 -1
  43. package/dist/_rollupPluginBabelHelpers-DiUUjAr8.js.map +0 -1
package/dist/uxsdk.js CHANGED
@@ -1,2 +1,2 @@
1
- export{E as EVENT_COMPONENT_TAB_CHANGE,u as useUXEvents}from"./useUXEvents-DDeQS32E.js";export{u as useUXClick}from"./useUXClick-CQcR3OHq.js";export{u as useUXScrollDepth}from"./useUXScrollDepth-BS508aws.js";import{useRef as e,useCallback as r,useEffect as t}from"react";import"openux-js";import"./_rollupPluginBabelHelpers-DiUUjAr8.js";function n(n,u,c){var o=e(!1),i=e(!1),s=e(null),l=e(0),a=r(function(){var e=Date.now();e-l.current>1e3&&(o.current=!0,l.current=e,u())},[u]),m=r(function(){s.current&&clearTimeout(s.current),s.current=setTimeout(function(){o.current=!1,s.current=null},50)},[]);t(function(){if(n.current)return n.current.addEventListener("mouseenter",a),n.current.addEventListener("mouseleave",m),function(){n.current&&(n.current.removeEventListener("mouseenter",a),n.current.removeEventListener("mouseleave",m)),s.current&&clearTimeout(s.current)}},[n.current,a,m]);var v=r(function(){s.current&&(clearTimeout(s.current),s.current=null),i.current=!1,o.current&&(o.current=!1,i.current=!0,c())},[c]);t(function(){return document.addEventListener("visibilitychange",v),function(){document.removeEventListener("visibilitychange",v),s.current&&clearTimeout(s.current)}},[v])}export{n as useUXUnreachableElementTracker};
1
+ export{E as EVENT_COMPONENT_TAB_CHANGE,u as useUXEvents}from"./useUXEvents-DQOiWO60.js";export{u as useUXClick}from"./useUXClick-DrqRUyTk.js";export{u as useUXScrollDepth}from"./useUXScrollDepth-yVYqqXkh.js";import{useRef as e,useCallback as r,useEffect as t}from"react";import"openux-js";import"./_rollupPluginBabelHelpers-D4Xxi7_T.js";function n(n,u,c){var o=e(!1),i=e(!1),s=e(null),l=e(0),a=r(function(){var e=Date.now();e-l.current>1e3&&(o.current=!0,l.current=e,u())},[u]),m=r(function(){s.current&&clearTimeout(s.current),s.current=setTimeout(function(){o.current=!1,s.current=null},50)},[]);t(function(){if(n.current)return n.current.addEventListener("mouseenter",a),n.current.addEventListener("mouseleave",m),function(){n.current&&(n.current.removeEventListener("mouseenter",a),n.current.removeEventListener("mouseleave",m)),s.current&&clearTimeout(s.current)}},[n.current,a,m]);var v=r(function(){s.current&&(clearTimeout(s.current),s.current=null),i.current=!1,o.current&&(o.current=!1,i.current=!0,c())},[c]);t(function(){return document.addEventListener("visibilitychange",v),function(){document.removeEventListener("visibilitychange",v),s.current&&clearTimeout(s.current)}},[v])}export{n as useUXUnreachableElementTracker};
2
2
  //# sourceMappingURL=uxsdk.js.map
package/dist/writer.js CHANGED
@@ -1,2 +1,2 @@
1
- export{A as Anchor,B as Badge,c as Banner,G as GuideCard,H as Heading,I as IconSocial,L as List,a as ListOl,N as NavLinks,S as Steps,T as Table,b as Tabs,V as VideoGuide}from"./VideoGuide-DzBdh5Ge.js";export{B as Blockquote,c as Breadcrumbs,a as Callout,d as Card,b as Code,C as ColorSchemeButton,D as Details,H as Hr,I as Image,U as Update,u as useColorScheme}from"./Update-DV5Hm7ow.js";export{B as Button}from"./Button-CD9LY3ti.js";import{I as e,a as r}from"./Icon-4hmOJLly.js";export{b as IconProvider}from"./Icon-4hmOJLly.js";import t from"react";export{T as Text}from"./TabsAnalytics-D2-8eaKt.js";import"./useUXEvents-DDeQS32E.js";import"./_rollupPluginBabelHelpers-DiUUjAr8.js";import"radix-ui";import"lucide-react";import"./useUXClick-CQcR3OHq.js";import"openux-js";function s(e){return e}function o(e){var a=e.children,r=e.className;return t.createElement("pre",{className:"".concat("p1vb39qj"," ").concat(r||"")},a)}function n(e){return e}var i="TocCard-module_TocCardHost__pT0XJ";function l(a){var r=a.title,s=a.description,o=a.href,n=a.className,c=a.icon,l=a.as||m;return t.createElement("xyd-toccard",{className:"".concat(i," ").concat(n||"")},t.createElement("div",{part:"container"},t.createElement(l,{part:"link",href:o,target:"_blank",rel:"noreferrer"},t.createElement("div",{part:"title-container"},t.createElement("div",{part:"title"},r),c&&t.createElement(e,{name:c,size:16})),t.createElement("div",{part:"description"},s))))}function m(e){var a=e.children,s=e.href,o=r(e,["children","href"]);return t.createElement("a",Object.assign({href:s},o),a)}export{s as DetailsPropsProps,e as Icon,o as Pre,n as TabsProps,l as TocCard};
1
+ export{A as Anchor,B as Badge,c as Banner,G as GuideCard,H as Heading,I as IconSocial,L as List,a as ListOl,N as NavLinks,S as Steps,T as Table,b as Tabs,V as VideoGuide}from"./VideoGuide-DJry2sJw.js";export{B as Blockquote,c as Breadcrumbs,a as Callout,d as Card,b as Code,C as ColorSchemeButton,D as Details,H as Hr,I as Image,U as Update,u as useColorScheme}from"./Update-ZQ3pRa2E.js";export{B as Button}from"./Button-BDzbKY1t.js";import{I as e,a as r}from"./Icon-BncHqk9p.js";export{b as IconProvider}from"./Icon-BncHqk9p.js";import t from"react";export{T as Text}from"./TabsAnalytics-BEvlxfjM.js";import"./useUXEvents-DQOiWO60.js";import"./_rollupPluginBabelHelpers-D4Xxi7_T.js";import"radix-ui";import"lucide-react";import"./useUXClick-DrqRUyTk.js";import"openux-js";function s(e){return e}function o(e){var a=e.children,r=e.className;return t.createElement("pre",{className:"".concat("p1vb39qj"," ").concat(r||"")},a)}function n(e){return e}var i="TocCard-module_TocCardHost__pT0XJ";function l(a){var r=a.title,s=a.description,o=a.href,n=a.className,c=a.icon,l=a.as||m;return t.createElement("xyd-toccard",{className:"".concat(i," ").concat(n||"")},t.createElement("div",{part:"container"},t.createElement(l,{part:"link",href:o,target:"_blank",rel:"noreferrer"},t.createElement("div",{part:"title-container"},t.createElement("div",{part:"title"},r),c&&t.createElement(e,{name:c,size:16})),t.createElement("div",{part:"description"},s))))}function m(e){var a=e.children,s=e.href,o=r(e,["children","href"]);return t.createElement("a",Object.assign({href:s},o),a)}export{s as DetailsPropsProps,e as Icon,o as Pre,n as TabsProps,l as TocCard};
2
2
  //# sourceMappingURL=writer.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xyd-js/components",
3
- "version": "0.0.0-build-05a7e9e-20250821011654",
3
+ "version": "0.0.0-build-a445a9e-20250821104032",
4
4
  "description": "",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
@@ -49,7 +49,7 @@
49
49
  "@code-hike/lighter": "^1.0.3",
50
50
  "openux-js": "0.0.0-pre.1",
51
51
  "react": "^19.1.0",
52
- "@xyd-js/core": "0.0.0-build-05a7e9e-20250821011654"
52
+ "@xyd-js/core": "0.0.0-build-a445a9e-20250821104032"
53
53
  },
54
54
  "devDependencies": {
55
55
  "@linaria/core": "^6.2.0",
package/src/content/ContentDecoator.styles.tsx CHANGED
@@ -119,12 +119,12 @@ export default {
119
119
  }
120
120
 
121
121
  xyd-guidecard [part="body"] {
122
- color: var(--dark48);
122
+ color: var(--xyd-text-color--default, var(--dark48));
123
123
  font-size: var(--xyd-font-size-small);
124
124
  line-height: var(--xyd-line-height-medium);
125
125
 
126
126
  p {
127
- color: var(--dark48);
127
+ color: var(--xyd-text-color--default, var(--dark48));
128
128
  font-size: var(--xyd-font-size-small);
129
129
  line-height: var(--xyd-line-height-medium);
130
130
  }
@@ -154,6 +154,7 @@ export default {
154
154
  font-size: var(--xyd-font-size-small);
155
155
  line-height: var(--xyd-line-height-small);
156
156
  margin-bottom: var(--space-small);
157
+ font-weight: var(--xyd-font-weight-semibold);
157
158
  }
158
159
 
159
160
  xyd-grid-decorator {
package/src/pages/PageHome/PageHome.tsx CHANGED
@@ -24,7 +24,7 @@ export function PageHome(props: PageHomeProps) {
24
24
  {props.hero?.description}
25
25
  </Heading>
26
26
 
27
- {props?.hero?.button ? <Button href={props.hero.button.href}>{props.hero.button.title}</Button> : null}
27
+ {props?.hero?.button ? <Button size="lg" href={props.hero.button.href}>{props.hero.button.title}</Button> : null}
28
28
  </div>
29
29
 
30
30
  <div part="sections">
package/src/writer/Button/Button.styles.tsx CHANGED
@@ -43,7 +43,7 @@ export const ButtonHost = css`
43
43
  }
44
44
 
45
45
  &[data-size="md"] {
46
- height: 36px;
46
+ height: 32px;
47
47
  padding: 0 16px;
48
48
  gap: 8px;
49
49
 
package/src/writer/GuideCard/GuideCard.styles.tsx CHANGED
@@ -11,7 +11,7 @@ export const GuideHost = css`
11
11
  overflow: hidden;
12
12
  border: 1px solid var(--xyd-guidecard-border-color--secondary);
13
13
  background: var(--xyd-guidecard-bgcolor--secondary);
14
- border-radius: 8px;
14
+ border-radius: var(--xyd-border-radius-medium);
15
15
  padding: 24px;
16
16
  z-index: 0;
17
17
  transition: box-shadow .2s ease-in-out, background-image .2s ease;
@@ -33,9 +33,10 @@ export const GuideHost = css`
33
33
  }
34
34
 
35
35
  [part="item"] {
36
- border-radius: 8px;
36
+ border-radius: var(--xyd-border-radius-medium);
37
37
  display: flex;
38
38
  align-items: flex-start;
39
+ flex-direction: column;
39
40
 
40
41
  cursor: pointer;
41
42
  transition: opacity .15s;
@@ -68,7 +69,7 @@ export const GuideHost = css`
68
69
  height: 48px;
69
70
  box-sizing: border-box;
70
71
  border: 1px solid var(--dark32);
71
- border-radius: 8px;
72
+ border-radius: var(--xyd-border-radius-medium);
72
73
  background: var(--dark8);
73
74
  color: var(--xyd-guidecard-icon-color);
74
75
  font-size: 24px;
@@ -85,11 +86,11 @@ export const GuideHost = css`
85
86
  flex-shrink: 0;
86
87
  }
87
88
 
88
- [part="right"] {
89
- padding-left: 16px;
89
+ [part="content"] {
90
90
  display: flex;
91
91
  flex-direction: column;
92
- gap: 4px;
92
+ gap: var(--xyd-padding-small);
93
+ margin-top: var(--xyd-padding-medium);
93
94
  }
94
95
 
95
96
  [part="title"] {
package/src/writer/GuideCard/GuideCard.tsx CHANGED
@@ -63,7 +63,7 @@ export function GuideCard({
63
63
  {iconElement && <div part="icon">
64
64
  {iconElement}
65
65
  </div>}
66
- <div part="right">
66
+ <div part="content">
67
67
  {title && <GuideCard.Title>{title}</GuideCard.Title>}
68
68
  <div part="body">
69
69
  {children}
package/dist/PageFirstSlide--KuAMrpd.js DELETED
@@ -1,2 +0,0 @@
1
- import{a as e}from"./_rollupPluginBabelHelpers-DiUUjAr8.js";import*as t from"react";import n from"react";import{H as a,b as r,G as l,N as i,L as o}from"./VideoGuide-DzBdh5Ge.js";import"./Icon-4hmOJLly.js";import{T as c}from"./TabsAnalytics-D2-8eaKt.js";import"./useUXEvents-DDeQS32E.js";import{B as s}from"./Button-CD9LY3ti.js";function m(n){var o,s=n.posts,m=void 0===s?[]:s,d=n.tabs,u=void 0===d?[]:d,v=n.initialTab,p=n.heading,E=n.subheading,h=n.prevLink,g=n.nextLink,f=n.as,y=void 0===f?"":f,b=t.useState(v||u&&(null===(o=u[0])||void 0===o?void 0:o.value)||""),z=e(b,2),k=z[0],B=z[1],j=t.useMemo(function(){return"everything"===k?m:null==m?void 0:m.filter(function(e){return e.tag.toLowerCase()===k})},[k,m]);return t.createElement("page-blog-home",{className:"p1evzq73"},t.createElement(a,{size:1,subtitle:E},p),t.createElement(r,{value:k,onChange:B},u.map(function(e){return t.createElement(r.Item,{as:y,href:e.href,value:e.value},e.label)})),t.createElement("div",{part:"posts"},j.map(function(e){return t.createElement(l,{key:e.id,href:e.href,kind:"secondary",size:"md"},t.createElement("div",{part:"card-content"},t.createElement("div",{part:"card-image"},t.createElement("img",{src:e.image,alt:e.title})),t.createElement(c,{size:"small",kind:"primary",as:"span"},e.tag),t.createElement(l.Title,null,t.createElement(c,{size:"large",weight:"bold",as:"span"},e.title)),t.createElement("div",{part:"card-author-row"},t.createElement("img",{src:e.author.avatar,alt:e.author.name,part:"card-author-avatar"}),t.createElement(c,{size:"small",as:"span"},e.author.name),t.createElement(c,{size:"small",kind:"secondary",as:"span"},e.date))))})),t.createElement("div",{part:"pagination"},t.createElement(i,{prev:h,next:g})))}var d="g1wc20vm";function u(e){var t=e.children,a=e.cols;return n.createElement("xyd-grid-decorator",{className:d,"data-cols":a},t)}function v(e){var n,r,i,c,m;return t.createElement("page-home",{className:"p1liujz1"},t.createElement("div",{part:"hero"},(null===(n=null==e?void 0:e.hero)||void 0===n?void 0:n.image)?t.createElement("img",{src:e.hero.image,alt:e.hero.title}):null,t.createElement(a,{size:1},null===(r=e.hero)||void 0===r?void 0:r.title),t.createElement(a,{size:3,kind:"muted"},null===(i=e.hero)||void 0===i?void 0:i.description),(null===(c=null==e?void 0:e.hero)||void 0===c?void 0:c.button)?t.createElement(s,{href:e.hero.button.href},e.hero.button.title):null),t.createElement("div",{part:"sections"},null===(m=e.sections)||void 0===m?void 0:m.map(function(e,n){var r,i;return t.createElement(t.Fragment,{key:"".concat(e.title,"-").concat(n)},(null==e?void 0:e.title)?t.createElement("div",{part:"section-title"},t.createElement(a,{size:3},e.title)):null,(null===(r=null==e?void 0:e.cards)||void 0===r?void 0:r.length)?t.createElement("div",{part:"section-cards"},t.createElement(u,{cols:3},t.createElement(o,null,t.createElement(o.Item,null,t.createElement(o,null,null===(i=e.cards)||void 0===i?void 0:i.map(function(e,n){return t.createElement(o.Item,{key:"".concat(e.title,"-").concat(n)},t.createElement(l,Object.assign({},e)))})))))):null)})))}function p(e){var n,r,l,i;return t.createElement("page-first-slide",{className:"p1s96yum"},t.createElement("div",{part:"left"},(null===(n=e.content)||void 0===n?void 0:n.title)&&t.createElement(a,{size:1},e.content.title),(null===(r=e.content)||void 0===r?void 0:r.description)&&t.createElement(a,{size:4,kind:"muted"},e.content.description),t.createElement("div",{part:"buttons"},(null===(l=e.content)||void 0===l?void 0:l.primaryButton)&&t.createElement(s,{href:e.content.primaryButton.href,kind:e.content.primaryButton.kind||"primary",size:"lg",disabled:e.content.primaryButton.disabled},e.content.primaryButton.title),(null===(i=e.content)||void 0===i?void 0:i.secondaryButton)&&t.createElement(s,{href:e.content.secondaryButton.href,kind:e.content.secondaryButton.kind||"secondary",size:"lg",disabled:e.content.secondaryButton.disabled},e.content.secondaryButton.title))),t.createElement("div",{part:"right"},e.rightContent))}export{u as G,m as P,v as a,p as b};
2
- //# sourceMappingURL=PageFirstSlide--KuAMrpd.js.map
package/dist/PageFirstSlide--KuAMrpd.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"PageFirstSlide--KuAMrpd.js","sources":["../src/pages/PageBlogHome/PageBlogHome.tsx","../src/pages/PageBlogHome/PageBlogHome.styles.tsx","../src/content/GridDecorator.styles.tsx","../src/content/GridDecorator.tsx","../src/pages/PageHome/PageHome.tsx","../src/pages/PageHome/PageHome.styles.tsx","../src/pages/PageFirstSlide/PageFirstSlide.tsx","../src/pages/PageFirstSlide/PageFirstSlide.styles.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { Heading, NavLinks, Tabs, GuideCard, Text } from \"../../writer\"\n\nimport * as cn from \"./PageBlogHome.styles\"\nimport { PageBlogHomeProps, BlogPost, BlogTab } from \"./types\"\n\nexport function PageBlogHome({\n posts = [],\n tabs = [],\n initialTab,\n heading,\n subheading,\n prevLink,\n nextLink,\n as = \"\",\n}: PageBlogHomeProps) {\n const [tab, setTab] = React.useState(initialTab || (tabs && tabs[0]?.value) || \"\")\n\n const filteredPosts = React.useMemo(() => {\n if (tab === \"everything\") return posts\n return posts?.filter(post => post.tag.toLowerCase() === tab)\n }, [tab, posts])\n\n return <page-blog-home className={cn.PageBlogHome}>\n <Heading size={1} subtitle={subheading}>{heading}</Heading>\n <Tabs value={tab} onChange={setTab}>\n {tabs.map(t => (\n <Tabs.Item as={as} href={t.href} value={t.value}>{t.label}</Tabs.Item>\n ))}\n </Tabs>\n <div part=\"posts\">\n {filteredPosts.map(post => (\n <GuideCard\n key={post.id}\n href={post.href}\n kind=\"secondary\"\n size=\"md\"\n >\n <div part=\"card-content\">\n <div part=\"card-image\">\n <img src={post.image} alt={post.title} />\n </div>\n <Text size=\"small\" kind=\"primary\" as=\"span\">{post.tag}</Text>\n <GuideCard.Title>\n <Text size=\"large\" weight=\"bold\" as=\"span\">{post.title}</Text>\n </GuideCard.Title>\n <div part=\"card-author-row\">\n <img src={post.author.avatar} alt={post.author.name} part=\"card-author-avatar\" />\n <Text size=\"small\" as=\"span\">{post.author.name}</Text>\n <Text size=\"small\" kind=\"secondary\" as=\"span\">{post.date}</Text>\n </div>\n </div>\n </GuideCard>\n ))}\n </div>\n <div part=\"pagination\">\n <NavLinks\n prev={prevLink}\n next={nextLink}\n />\n </div>\n </page-blog-home>\n}","import { css } from \"@linaria/core\"\n\nexport const PageBlogHome = css`\n --page-blog-home-padding: calc(var(--xyd-nav-item-padding) + var(--xyd-nav-padding));\n max-width: var(--page-bloghome-max-width, 800px);\n margin: 0 auto;\n padding: 48px var(--page-blog-home-padding) 0 var(--page-blog-home-padding);\n display: flex;\n flex-direction: column;\n\n [part=\"posts\"] {\n --spacing: .25rem;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(calc(var(--spacing) * 80), 1fr));\n grid-gap: calc(var(--spacing) * 12) calc(var(--spacing) * 8);\n min-height: 430px;\n \n margin-top: 24px;\n margin-bottom: 24px;\n }\n\n [part=\"pagination\"] {\n margin-top: 32px;\n }\n\n [part=\"card-content\"] {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n [part=\"card-image\"] {\n width: 100%;\n height: 180px;\n overflow: hidden;\n border-radius: 8px;\n margin-bottom: 16px;\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n }\n\n [part=\"card-author-row\"] {\n display: flex;\n align-items: end;\n flex: 1;\n gap: 8px;\n margin-top: 8px;\n }\n\n [part=\"card-author-avatar\"] {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n object-fit: cover;\n display: block;\n }\n\n xyd-guidecard {\n [part=\"right\"], [part=\"body\"], [part=\"card-content\"] {\n height: 100%;\n }\n }\n`;","import { css } from \"@linaria/core\";\n\nexport default {\n GridDecoratorHost: css`\n @layer components {\n display: grid;\n gap: 1rem;\n width: 100%;\n\n /* First level ul - 1fr */\n > ul {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1rem;\n width: 100%;\n }\n\n /* Nested ul - 2fr */\n ul ul {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n width: 100%;\n }\n\n\n &[data-cols=\"2\"] { --data-cols: 2; }\n &[data-cols=\"3\"] { --data-cols: 3; }\n &[data-cols=\"4\"] { --data-cols: 4; }\n &[data-cols=\"5\"] { --data-cols: 5; }\n &[data-cols=\"6\"] { --data-cols: 6; }\n\n &[data-cols] {\n --cols: var(--data-cols, 2);\n ul ul {\n grid-template-columns: repeat(var(--cols), 1fr);\n }\n }\n\n @media (max-width: 768px) {\n > ul {\n gap: 0;\n }\n ul ul {\n grid-template-columns: 1fr;\n }\n \n /* Override data-cols for mobile */\n &[data-cols] {\n --data-cols: 1;\n }\n }\n\n /* Tablet breakpoint for 2 columns */\n @media (min-width: 769px) and (max-width: 1024px) {\n ul ul {\n grid-template-columns: repeat(2, 1fr);\n }\n \n /* Override data-cols for tablet */\n &[data-cols] {\n --data-cols: 2;\n }\n }\n\n\n ul, ol, li {\n &::before {\n content: none;\n }\n }\n\n ul, ol {\n display: grid;\n margin: 0;\n padding: 0 !important;\n list-style: none;\n }\n\n li {\n margin-left: 0 !important;\n padding-left: 0 !important;\n }\n }\n `\n}\n","import React from 'react'\n\nimport cn from \"./GridDecorator.styles\";\n\nexport interface GridDecoratorProps {\n children: React.ReactNode\n cols?: 2 | 3 | 4 | 5 | 6\n}\n\n/**\n * A wrapper component that applies grid decoration styling to its children.\n * This component uses a custom element `xyd-grid-decorator` to provide grid-based layout decoration.\n *\n * @category Component\n */\nexport function GridDecorator({ children, cols }: GridDecoratorProps) {\n return <xyd-grid-decorator\n className={cn.GridDecoratorHost}\n data-cols={cols}\n >\n {children}\n </xyd-grid-decorator>\n}\n","import * as React from \"react\"\n\nimport {\n Heading,\n GuideCard,\n List,\n Button,\n} from \"../../writer\";\n\n\nimport { PageHomeProps } from \"./types\";\nimport { GridDecorator } from \"../../content/GridDecorator\";\n\nimport * as cn from \"./PageHome.styles\"\n\nexport function PageHome(props: PageHomeProps) {\n return <page-home className={cn.PageHome}>\n <div part=\"hero\">\n {props?.hero?.image ? <img src={props.hero.image} alt={props.hero.title} /> : null}\n <Heading size={1}>\n {props.hero?.title}\n </Heading>\n <Heading size={3} kind=\"muted\">\n {props.hero?.description}\n </Heading>\n\n {props?.hero?.button ? <Button href={props.hero.button.href}>{props.hero.button.title}</Button> : null}\n </div>\n\n <div part=\"sections\">\n {\n props.sections?.map((section, index) => <React.Fragment key={`${section.title}-${index}`}>\n {\n section?.title ? <div part=\"section-title\">\n <Heading size={3}>\n {section.title}\n </Heading>\n </div> : null\n }\n\n {\n section?.cards?.length ? <div part=\"section-cards\">\n <GridDecorator cols={3}>\n <List>\n <List.Item>\n <List>\n {section.cards?.map((card, index) => (\n <List.Item key={`${card.title}-${index}`}>\n <GuideCard {...card} />\n </List.Item>\n ))}\n </List>\n </List.Item>\n </List>\n </GridDecorator>\n </div> : null\n }\n </React.Fragment>)\n }\n </div>\n </page-home>\n}","import { css } from \"@linaria/core\";\n\nexport const globals = css`\n :global() {\n :root {\n --page-home-hero-font-size: 50px;\n }\n }\n`;\n\nexport const PageHome = css`\n [part=\"hero\"] {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n padding: 80px 50px;\n background: var(--page-home-hero-background);\n\n h1 {\n font-size: var(--page-home-hero-font-size, 50px);\n text-align: center;\n }\n h1, h2, h3, h4, h5, h6 {\n font-weight: 400;\n }\n\n img {\n width: auto;\n max-height: 60px;\n padding-bottom: 18px;\n }\n\n [data-button=\"true\"] {\n margin-top: var(--xyd-padding-xlarge);\n }\n }\n\n [part=\"sections\"] {\n max-width: var(--page-home-container-width, 1300px);\n margin: 0 auto;\n padding: 30px 100px;\n }\n\n @media (max-width: 1024px) {\n [part=\"sections\"] {\n padding: 25px;\n padding-inline: var(--theme-sidebar-padding-total, 25px);\n }\n }\n`; ","import * as React from \"react\"\n\nimport {\n Heading,\n Button,\n} from \"../../writer\";\n\nimport { PageFirstSlideProps } from \"./types\";\n\nimport * as cn from \"./PageFirstSlide.styles\"\n\nexport function PageFirstSlide(props: PageFirstSlideProps) {\n return <page-first-slide className={cn.PageFirstSlide}>\n <div part=\"left\">\n {props.content?.title && (\n <Heading size={1}>\n {props.content.title}\n </Heading>\n )}\n\n {props.content?.description && (\n <Heading size={4} kind=\"muted\">\n {props.content.description}\n </Heading>\n )}\n\n <div part=\"buttons\">\n {props.content?.primaryButton && (\n <Button\n href={props.content.primaryButton.href}\n kind={props.content.primaryButton.kind || \"primary\"}\n size=\"lg\"\n disabled={props.content.primaryButton.disabled}\n >\n {props.content.primaryButton.title}\n </Button>\n )}\n\n {props.content?.secondaryButton && (\n <Button\n href={props.content.secondaryButton.href}\n kind={props.content.secondaryButton.kind || \"secondary\"}\n size=\"lg\"\n disabled={props.content.secondaryButton.disabled}\n >\n {props.content.secondaryButton.title}\n </Button>\n )}\n </div>\n </div>\n\n <div part=\"right\">\n {props.rightContent}\n </div>\n </page-first-slide>\n} ","import { css } from \"@linaria/core\";\n\nexport const globals = css`\n :global() {\n @layer themedecorator {\n xyd-layout-primary[data-layout=\"page\"] {\n [part=\"page-article-content\"] {\n height: 100%;\n }\n }\n @media (min-width: 1024px) {\n xyd-layout-primary[data-layout=\"page\"] {\n grid-template-rows: auto 1fr auto;\n grid-template-columns: 1fr;\n width: 100%;\n height: max-content;\n min-height: 100%;\n display: grid;\n }\n }\n \n body:has(xyd-layout-primary[data-layout=\"page\"]) {\n height: 100%;\n }\n html:has(body xyd-layout-primary[data-layout=\"page\"]) {\n height: 100%;\n }\n \n [data-color-scheme=\"dark\"] {\n --page-first-slide-special-text-color: var(--xyd-heading-color, #fff);\n }\n @media (prefers-color-scheme: dark) {\n --page-first-slide-special-text-color: var(--xyd-heading-color, #fff);\n }\n @media (prefers-color-scheme: dark) {\n :root:not([data-color-scheme=\"light\"]):not([data-color-scheme=\"dark\"]) {\n --page-first-slide-special-text-color: var(--xyd-heading-color, #fff);\n }\n }\n }\n }\n`\n\nexport const PageFirstSlide = css`\n display: grid;\n grid-template-columns: 2fr 3fr;\n gap: 60px;\n align-items: center;\n max-width: var(--page-first-slide-container-width, var(--page-home-container-width, 1200px));\n margin: 0 auto;\n padding: 50px;\n height: 100%;\n\n [part=\"left\"] {\n display: flex;\n flex-direction: column;\n gap: 24px;\n\n h1 {\n --special-text-color: var(--page-first-slide-special-text-color, #353535);\n background-image: linear-gradient(180deg, var(--special-text-color) 0%, \n color-mix(in oklab, var(--special-text-color) 80%, transparent) 100%);\n background-clip: text;\n -webkit-text-fill-color: transparent;\n -webkit-background-clip: text;\n font-size: var(--xyd-font-size-3xl);\n line-height: var(--xyd-line-height-3xl);\n }\n }\n\n [part=\"buttons\"] {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-top: 16px;\n\n [data-button=\"true\"] {\n width: 100%;\n }\n }\n\n [part=\"right\"] {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 400px;\n\n img {\n max-width: 100%;\n height: auto;\n }\n\n pre {\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n }\n }\n\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n gap: 40px;\n padding: 40px 20px;\n min-height: auto;\n\n [part=\"left\"] {\n order: 1;\n text-align: center;\n }\n\n [part=\"right\"] {\n order: 2;\n min-height: 300px;\n }\n\n [part=\"buttons\"] {\n align-items: center;\n\n [data-button=\"true\"] {\n width: 100%;\n max-width: 300px;\n }\n }\n }\n\n xyd-codetabs {\n width: 100%;\n }\n\n @media (max-width: 480px) {\n padding: 20px 16px;\n gap: 32px;\n }\n`; "],"names":["PageBlogHome","_ref","_ref$posts","posts","_ref$tabs","tabs","initialTab","heading","subheading","prevLink","nextLink","_ref$as","as","_React$useState","React","useState","_a","value","_React$useState2","_slicedToArray","tab","setTab","filteredPosts","useMemo","filter","post","tag","toLowerCase","createElement","className","Heading","size","subtitle","Tabs","onChange","map","t","Item","href","label","part","GuideCard","key","id","kind","src","image","alt","title","Text","Title","weight","author","avatar","name","date","NavLinks","prev","next","cn","GridDecorator","children","cols","PageHome","props","hero","_b","_c","description","_d","button","Button","_e","sections","section","index","Fragment","concat","cards","length","List","card","Object","assign","PageFirstSlide","content","primaryButton","disabled","secondaryButton","rightContent"],"mappings":"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"}
package/dist/VideoGuide-DzBdh5Ge.js DELETED
@@ -1,2 +0,0 @@
1
- import e,{forwardRef as t,useState as n,useEffect as r,useRef as a,createContext as c,useContext as l}from"react";import{a as i,I as o}from"./Icon-4hmOJLly.js";import{a as s}from"./_rollupPluginBabelHelpers-DiUUjAr8.js";import{B as u}from"./Button-CD9LY3ti.js";import{E as d}from"./useUXEvents-DDeQS32E.js";import{u as m,a as v}from"./TabsAnalytics-D2-8eaKt.js";import{Tabs as h}from"radix-ui";import{ChevronLeft as f,ChevronRight as E}from"lucide-react";var p="a1cbq3a5",g=t(function(t,n){var r=t.href,a=void 0===r?"":r,c=t.children,l=t.newWindow,o=t.as,s=i(t,["href","children","newWindow","as"]),u=o||w;return l?e.createElement(u,Object.assign({ref:n,href:a,target:"_blank",rel:"noreferrer",className:p},s),c):e.createElement(u,Object.assign({ref:n,className:p,href:a||void 0},s),c)});function w(t){var n=t.children,r=i(t,["children"]);return e.createElement("a",Object.assign({},r),n)}g.displayName="Anchor";function b(t){var n=t.className,r=t.children,a=t.size,c=void 0===a?"sm":a,l=t.kind,i=void 0===l?"default":l,o=t.pre,s=void 0!==o&&o;return e.createElement("xyd-badge",{className:"".concat("butvd2b"," ").concat(n||""),"data-size":c,"data-kind":i,"data-pre":s?"true":void 0},e.createElement("span",{part:"child"},r))}function C(t){var n=y(t.store,t.label),r=n.isVisible,a=n.handleClose,c=function(){var e;a(),null===(e=t.onClose)||void 0===e||e.call(t)};if(!r)return null;if("secondary"===t.kind)return e.createElement(C.Secondary,Object.assign({},t,{onClose:c}));var l=null;return t.icon&&(l="string"==typeof t.icon?e.createElement(o,{name:t.icon,size:16}):t.icon),e.createElement("xyd-banner",{className:"bacjk89"},e.createElement("div",{part:"content"},e.createElement("a",{href:t.href,target:"_blank"},l,t.children,t.label?e.createElement("span",{part:"info"},t.label):null,t.href?e.createElement("svg",{viewBox:"0 0 20 20",style:{width:20,height:20}},e.createElement("path",{fillRule:"evenodd",d:"M3.5 10a.75.75 0 0 1 .75-.75h9.69l-2.72-2.72a.75.75 0 1 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06-1.06l2.72-2.72h-9.69a.75.75 0 0 1-.75-.75Z"})):null)),t.store?e.createElement("div",{part:"close"},e.createElement(k,{onClick:c})):null)}function y(e,t){var a=n(!0),c=s(a,2),l=c[0],i=c[1];r(function(){if(e){var n="xyd-banner-closed-".concat(t||"default"),r=localStorage.getItem(n);if(r){var a=Date.now(),c=parseInt(r)<=a;i(c)}}},[e,t]);return{isVisible:l,handleClose:function(){if(e){var n="xyd-banner-closed-".concat(t||"default"),r=Date.now()+1e3*e;localStorage.setItem(n,r.toString())}i(!1)}}}function k(t){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",onClick:t.onClick},e.createElement("path",{d:"M18 6 6 18"}),e.createElement("path",{d:"m6 6 12 12"}))}C.Secondary=function(t){var n=y(t.store,t.label),r=n.isVisible,a=n.handleClose;if(!r)return null;var c=null;return t.label&&(c=e.createElement(u,{size:"sm",kind:"secondary"},t.label)),e.createElement("xyd-banner",{"data-kind":"secondary",className:"b1wuahng"},t.children,c,e.createElement("div",{part:"close"},e.createElement(k,{onClick:function(){var e;a(),null===(e=t.onClose)||void 0===e||e.call(t)}})))};function x(t){var n=t.children,r=t.href,a=t.icon,c=t.title,l=t.kind,i=t.size,s=t.className,u=t.as||j,d=a&&"string"==typeof a?e.createElement(o,{name:a}):a;return e.createElement("xyd-guidecard",{className:"".concat("gh34a3o"," ").concat(s||""),"data-kind":l,"data-size":i},e.createElement(u,{part:"link",href:r},e.createElement("div",{part:"item"},d&&e.createElement("div",{part:"icon"},d),e.createElement("div",{part:"right"},c&&e.createElement(x.Title,null,c),e.createElement("div",{part:"body"},n)))))}function z(){return e.createElement("div",{part:"pointer"},e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"currentColor",viewBox:"0 0 24 24"},e.createElement("path",{fillRule:"evenodd",d:"M9.293 7.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L12.586 12 9.293 8.707a1 1 0 0 1 0-1.414Z",clipRule:"evenodd"})))}function j(t){var n=t.href,r=t.children,a=i(t,["href","children"]);return e.createElement("a",Object.assign({href:n},a),r)}x.Title=function(t){var n=t.children;return e.createElement("div",{part:"title"},e.createElement("div",{part:"title-body"},n),e.createElement(z,null))},x.List=function(t){var n=t.children;return e.createElement("xyd-guidecard-list",{className:"gilz89t"},n)};function N(t){var n=t.children,r=t.size,a=void 0===r?1:r,c=t.as,l=t.id,i=t.onClick,o=t.className,s=t.kind,u=t.active,d=t.label,m=t.subtitle,v=t.noanchor,h=t.ref,f=t.style,E=c||"h".concat(a);return e.createElement(e.Fragment,null,e.createElement(E,{style:f||void 0,className:" ".concat("h1tn40xd"," ").concat(o||""),"data-size":a,"data-kind":s,"data-has-label":String(d?"true":"false"),"data-noanchor":String(v||"false"),"data-active":String(u||"false"),onClick:v?void 0:i,id:l,ref:h},n,d&&e.createElement(b,{size:"sm"},d),l&&!v&&e.createElement(O,null)),m?e.createElement(N,Object.assign({},t,{size:4,kind:"muted",subtitle:void 0,label:void 0}),m):null)}function O(){return e.createElement("svg",{part:"icon",xmlns:"http://www.w3.org/2000/svg",width:15,height:15,fill:"currentColor",viewBox:"0 0 24 24",role:"presentation"},e.createElement("path",{fillRule:"evenodd",d:"M18.293 5.707a4.657 4.657 0 0 0-6.586 0l-1 1a1 1 0 1 1-1.414-1.414l1-1a6.657 6.657 0 1 1 9.414 9.414l-1 1a1 1 0 0 1-1.414-1.414l1-1a4.657 4.657 0 0 0 0-6.586Zm-2.586 2.586a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414l6-6a1 1 0 0 1 1.414 0Zm-9 1a1 1 0 0 1 0 1.414l-1 1a4.657 4.657 0 0 0 6.586 6.586l1-1a1 1 0 0 1 1.414 1.414l-1 1a6.657 6.657 0 1 1-9.414-9.414l1-1a1 1 0 0 1 1.414 0Z",clipRule:"evenodd"}))}function V(t){var n=t.kind,r=i(t,["kind"]);switch(n){case"x":return e.createElement(V.Twitter,Object.assign({},r));case"facebook":return e.createElement(V.Facebook,Object.assign({},r));case"youtube":return e.createElement(V.Youtube,Object.assign({},r));case"discord":return e.createElement(V.Discord,Object.assign({},r));case"slack":return e.createElement(V.Slack,Object.assign({},r));case"github":return e.createElement(V.Github,Object.assign({},r));case"linkedin":return e.createElement(V.Linkedin,Object.assign({},r));case"instagram":return e.createElement(V.Intagram,Object.assign({},r));case"hackernews":return e.createElement(V.HackerNews,Object.assign({},r));case"medium":return e.createElement(V.Medium,Object.assign({},r));case"telegram":return e.createElement(V.Telegram,Object.assign({},r));case"bluesky":return e.createElement(V.Bluesky,Object.assign({},r));case"reddit":return e.createElement(V.Reddit,Object.assign({},r))}return null}V.Twitter=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 512 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"}))},V.Facebook=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 512 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z"}))},V.Youtube=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 576 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"}))},V.Discord=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 640 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"}))},V.Slack=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 448 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M94.12 315.1c0 25.9-21.16 47.06-47.06 47.06S0 341 0 315.1c0-25.9 21.16-47.06 47.06-47.06h47.06v47.06zm23.72 0c0-25.9 21.16-47.06 47.06-47.06s47.06 21.16 47.06 47.06v117.84c0 25.9-21.16 47.06-47.06 47.06s-47.06-21.16-47.06-47.06V315.1zm47.06-188.98c-25.9 0-47.06-21.16-47.06-47.06S139 32 164.9 32s47.06 21.16 47.06 47.06v47.06H164.9zm0 23.72c25.9 0 47.06 21.16 47.06 47.06s-21.16 47.06-47.06 47.06H47.06C21.16 243.96 0 222.8 0 196.9s21.16-47.06 47.06-47.06H164.9zm188.98 47.06c0-25.9 21.16-47.06 47.06-47.06 25.9 0 47.06 21.16 47.06 47.06s-21.16 47.06-47.06 47.06h-47.06V196.9zm-23.72 0c0 25.9-21.16 47.06-47.06 47.06-25.9 0-47.06-21.16-47.06-47.06V79.06c0-25.9 21.16-47.06 47.06-47.06 25.9 0 47.06 21.16 47.06 47.06V196.9zM283.1 385.88c25.9 0 47.06 21.16 47.06 47.06 0 25.9-21.16 47.06-47.06 47.06-25.9 0-47.06-21.16-47.06-47.06v-47.06h47.06zm0-23.72c-25.9 0-47.06-21.16-47.06-47.06 0-25.9 21.16-47.06 47.06-47.06h117.84c25.9 0 47.06 21.16 47.06 47.06 0 25.9-21.16 47.06-47.06 47.06H283.1z"}))},V.Github=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 496 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"}))},V.Linkedin=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 448 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"}))},V.Intagram=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 448 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"}))},V.HackerNews=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 448 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M0 32v448h448V32H0zm21.2 197.2H21c.1-.1.2-.3.3-.4 0 .1 0 .3-.1.4zm218 53.9V384h-31.4V281.3L128 128h37.3c52.5 98.3 49.2 101.2 59.3 125.6 12.3-27 5.8-24.4 60.6-125.6H320l-80.8 155.1z"}))},V.Medium=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 640 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M180.5,74.262C80.813,74.262,0,155.633,0,256S80.819,437.738,180.5,437.738,361,356.373,361,256,280.191,74.262,180.5,74.262Zm288.25,10.646c-49.845,0-90.245,76.619-90.245,171.095s40.406,171.1,90.251,171.1,90.251-76.619,90.251-171.1H559C559,161.5,518.6,84.908,468.752,84.908Zm139.506,17.821c-17.526,0-31.735,68.628-31.735,153.274s14.2,153.274,31.735,153.274S640,340.631,640,256C640,171.351,625.785,102.729,608.258,102.729Z"}))},V.Telegram=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 496 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M248,8C111.033,8,0,119.033,0,256S111.033,504,248,504,496,392.967,496,256,384.967,8,248,8ZM362.952,176.66c-3.732,39.215-19.881,134.378-28.1,178.3-3.476,18.584-10.322,24.816-16.948,25.425-14.4,1.326-25.338-9.517-39.287-18.661-21.827-14.308-34.158-23.215-55.346-37.177-24.485-16.135-8.612-25,5.342-39.5,3.652-3.793,67.107-61.51,68.335-66.746.153-.655.3-3.1-1.154-4.384s-3.59-.849-5.135-.5q-3.283.746-104.608,69.142-14.845,10.194-26.894,9.934c-8.855-.191-25.888-5.006-38.551-9.123-15.531-5.048-27.875-7.717-26.8-16.291q.84-6.7,18.45-13.7,108.446-47.248,144.628-62.3c68.872-28.647,83.183-33.623,92.511-33.789,2.052-.034,6.639.474,9.61,2.885a10.452,10.452,0,0,1,3.53,6.716A43.765,43.765,0,0,1,362.952,176.66Z"}))},V.Bluesky=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 576 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M407.8 294.7c-3.3-.4-6.7-.8-10-1.3c3.4 .4 6.7 .9 10 1.3zM288 227.1C261.9 176.4 190.9 81.9 124.9 35.3C61.6-9.4 37.5-1.7 21.6 5.5C3.3 13.8 0 41.9 0 58.4S9.1 194 15 213.9c19.5 65.7 89.1 87.9 153.2 80.7c3.3-.5 6.6-.9 10-1.4c-3.3 .5-6.6 1-10 1.4C74.3 308.6-9.1 342.8 100.3 464.5C220.6 589.1 265.1 437.8 288 361.1c22.9 76.7 49.2 222.5 185.6 103.4c102.4-103.4 28.1-156-65.8-169.9c-3.3-.4-6.7-.8-10-1.3c3.4 .4 6.7 .9 10 1.3c64.1 7.1 133.6-15.1 153.2-80.7C566.9 194 576 75 576 58.4s-3.3-44.7-21.6-52.9c-15.8-7.1-40-14.9-103.2 29.8C385.1 81.9 314.1 176.4 288 227.1z"}))},V.Reddit=function(t){return e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",color:"currentColor",width:"24",height:"24",viewBox:"0 0 512 512",style:{color:"currentcolor",fill:"currentcolor"}},t),e.createElement("path",{d:"M0 256C0 114.6 114.6 0 256 0S512 114.6 512 256s-114.6 256-256 256L37.1 512c-13.7 0-20.5-16.5-10.9-26.2L75 437C28.7 390.7 0 326.7 0 256zM349.6 153.6c23.6 0 42.7-19.1 42.7-42.7s-19.1-42.7-42.7-42.7c-20.6 0-37.8 14.6-41.8 34c-34.5 3.7-61.4 33-61.4 68.4l0 .2c-37.5 1.6-71.8 12.3-99 29.1c-10.1-7.8-22.8-12.5-36.5-12.5c-33 0-59.8 26.8-59.8 59.8c0 24 14.1 44.6 34.4 54.1c2 69.4 77.6 125.2 170.6 125.2s168.7-55.9 170.6-125.3c20.2-9.6 34.1-30.2 34.1-54c0-33-26.8-59.8-59.8-59.8c-13.7 0-26.3 4.6-36.4 12.4c-27.4-17-62.1-27.7-100-29.1l0-.2c0-25.4 18.9-46.5 43.4-49.9l0 0c4.4 18.8 21.3 32.8 41.5 32.8zM177.1 246.9c16.7 0 29.5 17.6 28.5 39.3s-13.5 29.6-30.3 29.6s-31.4-8.8-30.4-30.5s15.4-38.3 32.1-38.3zm190.1 38.3c1 21.7-13.7 30.5-30.4 30.5s-29.3-7.9-30.3-29.6c-1-21.7 11.8-39.3 28.5-39.3s31.2 16.6 32.1 38.3zm-48.1 56.7c-10.3 24.6-34.6 41.9-63 41.9s-52.7-17.3-63-41.9c-1.2-2.9 .8-6.2 3.9-6.5c18.4-1.9 38.3-2.9 59.1-2.9s40.7 1 59.1 2.9c3.1 .3 5.1 3.6 3.9 6.5z"}))};var M="labae1k",L="i13ytyvq";function B(t){var n=t.children;return e.createElement("ul",{className:M},n)}function I(t){var n=t.children;return e.createElement("ol",{className:M},n)}B.Item=function(t){var n=t.children;return e.createElement("li",{className:L},n)};function H(t){var n=t.as||S;return e.createElement("xyd-navlinks",{className:"".concat("n1xhrk1"," ").concat(t.className||"")},e.Children.count(t.children)>0?e.createElement("div",{part:"children-slot"},t.children):null,e.createElement("div",{part:"links"},t.prev?e.createElement(n,{href:t.prev.href,title:t.prev.title,part:"link"},e.createElement(R,{part:"icon"}),t.prev.title):e.createElement("div",null),t.next&&e.createElement(n,{href:t.next.href,title:t.next.title,part:"link"},t.next.title,e.createElement(T,{part:"icon"}))))}function S(t){var n=t.children,r=i(t,["children"]);return e.createElement("a",Object.assign({},r),n)}function T(t){return e.createElement("svg",Object.assign({width:15,height:15,viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))}function R(t){return e.createElement("svg",Object.assign({width:15,height:15,viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M6.85355 3.14645C7.04882 3.34171 7.04882 3.65829 6.85355 3.85355L3.70711 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H3.70711L6.85355 11.1464C7.04882 11.3417 7.04882 11.6583 6.85355 11.8536C6.65829 12.0488 6.34171 12.0488 6.14645 11.8536L2.14645 7.85355C1.95118 7.65829 1.95118 7.34171 2.14645 7.14645L6.14645 3.14645C6.34171 2.95118 6.65829 2.95118 6.85355 3.14645Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))}function Z(t){var n=t.children,r=t.className,a=t.kind;return e.createElement("xyd-steps",{"data-kind":a,className:"".concat("s3kfd8c"," ").concat(r||"")},e.createElement("ol",null,n))}Z.Item=function(t){var n=t.children,r=t.icon,a=t.title,c=t.className,l="string"==typeof r?e.createElement(o,{name:r}):r;return e.createElement("xyd-steps-item",{className:"".concat("s1et872q"," ").concat(c||""),"data-numeric":r?void 0:"true"},e.createElement("li",null,a&&e.createElement("span",{part:"title"},a),n,l&&e.createElement("span",{part:"step"},l)))};var A="h14vj3ri",q="t1l6tz9b",W="thzxr0l",_="t1g1altt",P="tdsg57t",D="th2d3qd",G="c8pe5i8";function F(t){var n=t.children,r=t.kind,a=t.className;return e.createElement("table",{"data-kind":r||void 0,className:"".concat(A," ").concat(a||"")},n)}F.Head=function(t){var n=t.children;return e.createElement("thead",{className:q},n)},F.Th=function(t){var n=t.children,r=t.numeric;return e.createElement("th",{className:"".concat(_," ").concat(r?"numeric":"")},n)},F.Tr=function(t){var n=t.children;return e.createElement("tr",{className:P},n)},F.Body=function(t){var n=t.children;return e.createElement("tbody",{className:W},n)},F.Td=function(t){var n=t.children,r=t.numeric,a=t.muted;return e.createElement("td",{className:"".concat(D," ").concat(r?"numeric":""," ").concat(a?"muted":"")},n)},F.Cell=function(t){var n=t.children;return e.createElement("xyd-table-cell",{className:G},e.createElement("div",{part:"child"},n))};function Y(t,r,c){var l=m().tabsRef,i=void 0!==t&&void 0!==r,o=n(c.length>0&&e.isValidElement(c[0])?c[0].props.value:""),u=s(o,2),v=u[0],h=u[1],f=i?t:v,E=a(f),p=n("forward"),g=s(p,2),w=g[0],b=g[1];return[w,f,function(t){var n=c.findIndex(function(t){return e.isValidElement(t)&&t.props.value===E.current}),a=c.findIndex(function(n){return e.isValidElement(n)&&n.props.value===t})>n?"forward":"backward";if(b(a),E.current=t,i||h(t),r&&r(t),null==l?void 0:l.current){var o={value:t,previousValue:E.current,direction:a},s=new CustomEvent(d,{detail:o,bubbles:!0});l.current.dispatchEvent(s)}}]}var U=c({direction:"forward"});function X(t){var n=t.children,a=t.value,c=t.onChange,l=t.slide,i=void 0===l||l,o=t.className,u=m(),d=e.Children.toArray(n),v=d.filter(function(t){return e.isValidElement(t)&&(t.type===X.Item||"function"==typeof t.type&&"displayName"in t.type&&"Tabs.Item"===t.type.displayName)}),f=d.filter(function(t){return!e.isValidElement(t)||t.type!==X.Item&&!("function"==typeof t.type&&"displayName"in t.type&&"Tabs.Item"===t.type.displayName)}),E=Y(a,c,v),p=s(E,3),g=p[0],w=p[1],b=p[2];return r(function(){u.setValue(w)},[w]),e.createElement(U.Provider,{value:{direction:g}},e.createElement(h.Root,{value:w,onValueChange:b},e.createElement("xyd-tabs",{ref:u.tabsRef,className:"".concat("tk0mvkq"," ").concat(o||"")},e.createElement("nav",{part:"nav"},e.createElement(h.List,{asChild:!0},e.createElement("ul",{part:"list"},v))),e.createElement("div",{part:"content","data-slide":i?"true":"false"},f))))}function J(t){var n=i(t,[]);return e.createElement("a",Object.assign({},n),n.children)}X.Item=function(t){var a=t.children,c=t.value,l=t.href,i=t.as,o=t.defaultActive,u=i||J,d="boolean"==typeof o,m=n(d?o?"active":"inactive":void 0),v=s(m,2),f=v[0],E=v[1],p=d&&null!=f?{"data-state":f}:void 0;return r(function(){d&&E(void 0)},[]),e.createElement(h.Trigger,Object.assign({value:c,asChild:!0},p),e.createElement("li",{part:"item"},e.createElement(u,{part:"link",href:l},a)))},X.Content=function(t){var a=t.children,c=t.value,i=t.defaultActive,o=l(U).direction,u="boolean"==typeof i,d=n(u?i?"active":"inactive":void 0),m=s(d,2),v=m[0],f=m[1],E=u&&null!=v?{"data-state":v}:void 0;return r(function(){u&&f(void 0)},[]),e.createElement(h.Content,Object.assign({value:c,forceMount:!0,asChild:!0},E),e.createElement("div",{className:"t1o9m54","data-direction":o},e.createElement("div",{part:"child"},a)))};function K(t){var c=t.children,l=t.value,i=t.onChange,o=t.className,u=m(),d=n(!1),v=s(d,2),p=v[0],g=v[1],w=n(!1),b=s(w,2),C=b[0],y=b[1],k=a(null),x=e.Children.toArray(c),z=x.filter(function(t){return e.isValidElement(t)&&(t.type===K.Item||"function"==typeof t.type&&"displayName"in t.type&&"Tabs.Item"===t.type.displayName)}),j=x.filter(function(t){return!e.isValidElement(t)||t.type!==K.Item&&!("function"==typeof t.type&&"displayName"in t.type&&"Tabs.Item"===t.type.displayName)}),N=Y(l,i,z),O=s(N,3);O[0];var V=O[1],M=O[2];r(function(){u.setValue(V)},[V]);var L=function(){if(k.current){var e=k.current,t=e.scrollLeft,n=e.scrollWidth,r=e.clientWidth;g(t>0),y(t<n-r)}};r(function(){return L(),window.addEventListener("resize",L),function(){return window.removeEventListener("resize",L)}},[]);var B=function(e){if(k.current){var t="left"===e?-200:200;k.current.scrollBy({left:t,behavior:"smooth"})}};return e.createElement(h.Root,{asChild:!0,value:V,onValueChange:M},e.createElement("xyd-tabs",{ref:u.tabsRef,"data-kind":"secondary",className:"".concat("t1gurlv3"," ").concat(o||"")},e.createElement("div",{part:"buttons"},p&&e.createElement("button",{onClick:function(){return B("left")},part:"arrow"},e.createElement(f,{part:"arrow-icon"})),e.createElement("div",{ref:k,onScroll:L,part:"scroller"},e.createElement("div",{part:"scroller-container"},e.createElement(h.List,null,z))),C&&e.createElement("button",{onClick:function(){return B("right")},part:"arrow"},e.createElement(E,{part:"arrow-icon"}))),e.createElement("div",{part:"content"},j)))}function Q(t){var n=i(t,[]);return e.createElement("a",Object.assign({},n),n.children)}K.Item=function(t){var a=t.children,c=t.value,l=t.href,i=t.as,o=t.defaultActive,u=i||Q,d="boolean"==typeof o,m=n(d?o?"active":"inactive":void 0),v=s(m,2),f=v[0],E=v[1],p=d&&null!=f?{"data-state":f}:void 0;return r(function(){d&&E(void 0)},[]),e.createElement(h.Trigger,Object.assign({className:"tulm1r6",value:c,asChild:!0},p),e.createElement("div",null,e.createElement(u,{href:l},a)))},K.Content=function(t){var n=t.children,r=t.value;return e.createElement(h.Content,{asChild:!0,value:r},e.createElement("div",null,n))};var $=c({kind:null});function ee(t){var n;return n="secondary"===t.kind?e.createElement($.Provider,{value:{kind:"secondary"}},e.createElement(K,Object.assign({},t))):e.createElement($.Provider,{value:{kind:null}},e.createElement(X,Object.assign({},t))),e.createElement(v,null,n)}ee.Item=function(t){return"secondary"===l($).kind?e.createElement(K.Item,Object.assign({},t)):e.createElement(X.Item,Object.assign({},t))},ee.Item.displayName="Tabs.Item",ee.Content=function(t){return"secondary"===l($).kind?e.createElement(K.Content,Object.assign({},t)):e.createElement(X.Content,Object.assign({},t))},ee.Content.displayName="Tabs.Content";var te="VideoGuide-module_VideoPlayerHost__wcML-";function ne(){return null}function re(){return e.createElement("svg",{"aria-hidden":"true",height:32,width:32,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 14.25A6.25 6.25 0 0 0 14.25 8 6.242 6.242 0 0 0 8 1.75 6.25 6.25 0 0 0 1.75 8 6.25 6.25 0 0 0 8 14.25ZM8 16a8 8 0 0 0 8-8c0-4.419-3.57-8-8-8a8 8 0 0 0-8 8 8 8 0 0 0 8 8Z"}),e.createElement("path",{d:"M10.817 7.659A.415.415 0 0 1 11 8a.415.415 0 0 1-.183.341L7.242 10.91c-.305.218-.742.02-.742-.34V5.431c0-.36.437-.56.742-.341l3.575 2.568Z"}))}ne.Miniature=function(t){var n=t.videoSrc,r=t.description,a=void 0===r?"Watch the video guide":r;return e.createElement("xyd-videoguide-miniature",{className:"".concat(te," ").concat(t.className||"")},e.createElement("div",{part:"shape"},e.createElement("div",{part:"frame"},e.createElement("iframe",{width:"100%",height:"100%",allow:"autoplay; fullscreen",src:n}),e.createElement("div",{part:"thumbnail"})),e.createElement("div",{part:"cover"},e.createElement("div",{part:"controls"},e.createElement("button",{part:"button",type:"button"},e.createElement("div",{"aria-hidden":"true",part:"icon"},e.createElement(re,null)),e.createElement("div",{part:"description-container"},e.createElement("span",{part:"description"},a)))))))};export{g as A,b as B,x as G,N as H,V as I,B as L,H as N,Z as S,F as T,ne as V,I as a,ee as b,C as c};
2
- //# sourceMappingURL=VideoGuide-DzBdh5Ge.js.map