@xyd-js/components 0.0.0-build-11974d8-20251130234931 → 0.0.0-build-aebf977-20251203155725
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.
- package/CHANGELOG.md +2 -2
- package/dist/{Button-CG8Q7awC.js → Button-DsQ-CpNa.js} +2 -2
- package/dist/{Button-CG8Q7awC.js.map → Button-DsQ-CpNa.js.map} +1 -1
- package/dist/{CodeSample-1pn4FZCr.js → CodeSample-C3DnZZbq.js} +2 -2
- package/dist/{CodeSample-1pn4FZCr.js.map → CodeSample-C3DnZZbq.js.map} +1 -1
- package/dist/{Icon-DrAAu-zQ.js → Icon-Bsw2j9bV.js} +1 -1
- package/dist/{Icon-DrAAu-zQ.js.map → Icon-Bsw2j9bV.js.map} +1 -1
- package/dist/{PageFirstSlide-DkoY7ayy.js → PageFirstSlide-a-LXqB8m.js} +2 -2
- package/dist/{PageFirstSlide-DkoY7ayy.js.map → PageFirstSlide-a-LXqB8m.js.map} +1 -1
- package/dist/{TabsAnalytics-BjvVuc1c.js → TabsAnalytics-CZdY7fWP.js} +1 -1
- package/dist/{TabsAnalytics-BjvVuc1c.js.map → TabsAnalytics-CZdY7fWP.js.map} +1 -1
- package/dist/{Update-CrEHP_L_.js → Update-BZAgVqnP.js} +2 -2
- package/dist/{Update-CrEHP_L_.js.map → Update-BZAgVqnP.js.map} +1 -1
- package/dist/{VideoGuide-DUZuqELv.js → VideoGuide-BbIalYlR.js} +2 -2
- package/dist/{VideoGuide-DUZuqELv.js.map → VideoGuide-BbIalYlR.js.map} +1 -1
- package/dist/coder.js +1 -1
- package/dist/content.js +1 -1
- package/dist/index.css +32 -32
- package/dist/pages.js +1 -1
- package/dist/system.js +1 -1
- package/dist/{useUXClick-C7wJ6Im4.js → useUXClick-5-G3e-3G.js} +1 -1
- package/dist/{useUXClick-C7wJ6Im4.js.map → useUXClick-5-G3e-3G.js.map} +1 -1
- package/dist/{useUXEvents-Bg-8rc0-.js → useUXEvents-Dii3DU11.js} +1 -1
- package/dist/{useUXEvents-Bg-8rc0-.js.map → useUXEvents-Dii3DU11.js.map} +1 -1
- package/dist/{useUXScrollDepth-Cvu92iXM.js → useUXScrollDepth-8_Y9CETh.js} +1 -1
- package/dist/{useUXScrollDepth-Cvu92iXM.js.map → useUXScrollDepth-8_Y9CETh.js.map} +1 -1
- package/dist/uxsdk.js +1 -1
- package/dist/writer.js +1 -1
- package/package.json +2 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"react";import t from"react";import{H as a,b as n,G as r,N as l,L as i}from"./VideoGuide-
|
|
2
|
-
//# sourceMappingURL=PageFirstSlide-
|
|
1
|
+
import*as e from"react";import t from"react";import{H as a,b as n,G as r,N as l,L as i}from"./VideoGuide-BbIalYlR.js";import"./Icon-Bsw2j9bV.js";import{T as c}from"./TabsAnalytics-CZdY7fWP.js";import"./useUXEvents-Dii3DU11.js";import{B as s}from"./Button-DsQ-CpNa.js";function o({posts:t=[],tabs:i=[],initialTab:s,heading:o,subheading:m,prevLink:d,nextLink:p,as:u=""}){const[E,h]=e.useState(s||i&&i[0]?.value||""),g=e.useMemo(()=>"everything"===E?t:t?.filter(e=>e.tag.toLowerCase()===E),[E,t]);return e.createElement("page-blog-home",{className:"p1evzq73"},e.createElement(a,{size:1,subtitle:m},o),e.createElement(n,{value:E,onChange:h},i.map(t=>e.createElement(n.Item,{as:u,href:t.href,value:t.value},t.label))),e.createElement("div",{part:"posts"},g.map(t=>e.createElement(r,{key:t.id,href:t.href,kind:"secondary",size:"md"},e.createElement("div",{part:"card-content"},e.createElement("div",{part:"card-image"},e.createElement("img",{src:t.image,alt:t.title})),e.createElement(c,{size:"small",kind:"primary",as:"span"},t.tag),e.createElement(r.Title,null,e.createElement(c,{size:"large",weight:"bold",as:"span"},t.title)),e.createElement("div",{part:"card-author-row"},e.createElement("img",{src:t.author.avatar,alt:t.author.name,part:"card-author-avatar"}),e.createElement(c,{size:"small",as:"span"},t.author.name),e.createElement(c,{size:"small",kind:"secondary",as:"span"},t.date)))))),e.createElement("div",{part:"pagination"},e.createElement(l,{prev:d,next:p})))}var m="g1wc20vm";function d({children:e,cols:a}){return t.createElement("xyd-grid-decorator",{className:m,"data-cols":a},e)}function p(t){return e.createElement("page-home",{className:"p1liujz1"},e.createElement("div",{part:"hero"},t?.hero?.image?e.createElement("img",{src:t.hero.image,alt:t.hero.title}):null,e.createElement(a,{size:1},t.hero?.title),e.createElement(a,{size:3,kind:"muted"},t.hero?.description),t?.hero?.button?e.createElement(s,{size:"lg",href:t.hero.button.href},t.hero.button.title):null),e.createElement("div",{part:"sections"},t.sections?.map((t,n)=>e.createElement(e.Fragment,{key:`${t.title}-${n}`},t?.title?e.createElement("div",{part:"section-title"},e.createElement(a,{size:3},t.title)):null,t?.cards?.length?e.createElement("div",{part:"section-cards"},e.createElement(d,{cols:3},e.createElement(i,null,e.createElement(i.Item,null,e.createElement(i,null,t.cards?.map((t,a)=>e.createElement(i.Item,{key:`${t.title}-${a}`},e.createElement(r,t)))))))):null))))}function u(t){return e.createElement("page-first-slide",{className:"p1s96yum"},e.createElement("div",{part:"left"},t.content?.title&&e.createElement(a,{size:1},t.content.title),t.content?.description&&e.createElement(a,{size:4,kind:"muted"},t.content.description),e.createElement("div",{part:"buttons"},t.content?.primaryButton&&e.createElement(s,{href:t.content.primaryButton.href,kind:t.content.primaryButton.kind||"primary",size:"lg",disabled:t.content.primaryButton.disabled},t.content.primaryButton.title),t.content?.secondaryButton&&e.createElement(s,{href:t.content.secondaryButton.href,kind:t.content.secondaryButton.kind||"secondary",size:"lg",disabled:t.content.secondaryButton.disabled},t.content.secondaryButton.title))),e.createElement("div",{part:"right"},t.rightContent))}export{d as G,o as P,p as a,u as b};
|
|
2
|
+
//# sourceMappingURL=PageFirstSlide-a-LXqB8m.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageFirstSlide-DkoY7ayy.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 size=\"lg\" 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","posts","tabs","initialTab","heading","subheading","prevLink","nextLink","as","tab","setTab","React","useState","value","filteredPosts","useMemo","filter","post","tag","toLowerCase","createElement","page-blog-home","className","Heading","size","subtitle","Tabs","onChange","map","t","Item","href","label","div","part","GuideCard","key","id","kind","img","src","image","alt","title","Text","Title","weight","author","avatar","name","date","NavLinks","prev","next","cn","GridDecoratorHost","GridDecorator","children","cols","xyd-grid-decorator","data-cols","PageHome","props","page-home","hero","description","button","Button","sections","section","index","Fragment","cards","length","List","card","PageFirstSlide","page-first-slide","content","primaryButton","disabled","secondaryButton","rightContent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"PageFirstSlide-a-LXqB8m.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 size=\"lg\" 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","posts","tabs","initialTab","heading","subheading","prevLink","nextLink","as","tab","setTab","React","useState","value","filteredPosts","useMemo","filter","post","tag","toLowerCase","createElement","page-blog-home","className","Heading","size","subtitle","Tabs","onChange","map","t","Item","href","label","div","part","GuideCard","key","id","kind","img","src","image","alt","title","Text","Title","weight","author","avatar","name","date","NavLinks","prev","next","cn","GridDecoratorHost","GridDecorator","children","cols","xyd-grid-decorator","data-cols","PageHome","props","page-home","hero","description","button","Button","sections","section","index","Fragment","cards","length","List","card","PageFirstSlide","page-first-slide","content","primaryButton","disabled","secondaryButton","rightContent"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import e,{useState as a,useRef as t,createContext as n,useContext as l}from"react";function i({size:a="medium",kind:t="default",weight:n="normal",children:l,className:i,id:r,onClick:s,as:u="p"}){const c=u||"p";return e.createElement(c,{className:`tn8a2d4 ${i||""}`,"data-size":a,"data-kind":t,"data-weight":n,onClick:s,id:r},l)}const r=n({value:"",setValue:()=>{},tabsRef:{current:null}});function s({children:n}){const[l,i]=a(""),s=t(null);return e.createElement(r,{value:{value:l,setValue:i,tabsRef:s}},n)}function u(){return l(r)}export{i as T,s as a,u};
|
|
2
|
-
//# sourceMappingURL=TabsAnalytics-
|
|
2
|
+
//# sourceMappingURL=TabsAnalytics-CZdY7fWP.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsAnalytics-
|
|
1
|
+
{"version":3,"file":"TabsAnalytics-CZdY7fWP.js","sources":["../src/writer/Text/Text.tsx","../src/writer/Tabs/TabsAnalytics.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\" | \"inherit\";\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 React, {createContext, useContext, useRef, useState} from \"react\";\n\nconst TabsAnalyticsContext = createContext<{\n value: string\n setValue: (value: string) => void\n tabsRef: React.RefObject<HTMLElement | null>\n}>({\n value: \"\",\n setValue: () => {\n },\n tabsRef: {current: null}\n})\n\nexport function TabsAnalytics({children}: { children: React.ReactNode }) {\n const [value, setValue] = useState(\"\")\n const tabsRef = useRef<HTMLElement | null>(null)\n\n return <TabsAnalyticsContext value={{value, setValue, tabsRef}}>\n {children}\n </TabsAnalyticsContext>\n}\n\nexport function useTabsAnalytics() {\n return useContext(TabsAnalyticsContext)\n}"],"names":["Text","size","kind","weight","children","className","id","onClick","as","Tag","React","createElement","data-size","data-kind","data-weight","TabsAnalyticsContext","createContext","value","setValue","tabsRef","current","TabsAnalytics","useState","useRef","useTabsAnalytics","useContext"],"mappings":"mFAqDO,SAASA,GAAKC,KACjBA,EAAO,SAAQC,KACfA,EAAO,UAASC,OAChBA,EAAS,SAAQC,SACjBA,EAAQC,UACRA,EAASC,GACTA,EAAEC,QACFA,EAAOC,GACPA,EAAK,MAEL,MAAMC,EAAMD,GAAM,IAElB,OACIE,EAAAC,cAACF,EAAAA,CACGJ,UAAW,WAAkBA,GAAa,KAC1CO,YAAWX,EACXY,YAAWX,EACXY,cAAaX,EACbI,QAASA,EACTD,GAAIA,GAEHF,EAGb,CC3EA,MAAMW,EAAuBC,EAI1B,CACCC,MAAO,GACPC,SAAU,OAEVC,QAAS,CAACC,QAAS,QAGhB,SAASC,GAAcjB,SAACA,IAC3B,MAAOa,EAAOC,GAAYI,EAAS,IAC7BH,EAAUI,EAA2B,MAE3C,OAAOb,EAAAC,cAACI,EAAAA,CAAqBE,MAAO,CAACA,QAAOC,WAAUC,YACjDf,EAET,CAEO,SAASoB,IACZ,OAAOC,EAAWV,EACtB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e,{Fragment as t,useState as r,useEffect as n}from"react";import{B as a}from"./Button-CG8Q7awC.js";import{T as l}from"./TabsAnalytics-BjvVuc1c.js";import{u as c}from"./useUXClick-C7wJ6Im4.js";import{u as o}from"./useUXEvents-Bg-8rc0-.js";import{B as i}from"./VideoGuide-DUZuqELv.js";function s({className:t,children:r}){return e.createElement("blockquote",{className:`b1wifk81 ${t||""}`},e.createElement(m,null),e.createElement("div",null,r))}function m(t){return e.createElement("svg",{width:15,height:11,viewBox:"0 0 15 11",xmlns:"http://www.w3.org/2000/svg",part:"quote",...t},e.createElement("path",{d:"M15 1.72c-1.96.95-2.94 2.07-2.94 3.36.83.1 1.53.44 2.07 1.02.55.58.82 1.25.82 2.01a2.81 2.81 0 0 1-2.8 2.89c-.9 0-1.68-.36-2.33-1.09a3.78 3.78 0 0 1-1-2.63c0-3.1 1.76-5.53 5.26-7.28L15 1.72zm-8.83 0c-1.97.95-2.96 2.07-2.96 3.36.85.1 1.55.44 2.1 1.02.54.58.82 1.25.82 2.01A2.82 2.82 0 0 1 3.3 11 3 3 0 0 1 .98 9.91 3.8 3.8 0 0 1 0 7.28C0 4.18 1.74 1.75 5.23 0l.94 1.72z",fillRule:"nonzero"}))}function d({className:r,items:n,as:a}){const l=a||h;return e.createElement("xyd-breadcrumbs",{className:`bwgsk4h ${r||""}`},n.map((r,a)=>{const c=a===n.length-1;return e.createElement(t,{key:r.href+r.title},a>0&&e.createElement(u,null),e.createElement("div",{part:"item","data-active":c?"true":"false"},r.href&&!c?e.createElement(l,{href:r.href},r.title):r.title))}))}function u(){return e.createElement("span",{part:"icon"},"/")}function h({href:t,children:r,...n}){return e.createElement("a",{href:t,...n},r)}function p({className:t,children:r,kind:n}){let a;switch(n){case"tip":a=e.createElement(w,null);break;case"check":a=e.createElement(v,null);break;case"warning":a=e.createElement(g,null);break;case"danger":a=e.createElement(k,null);break;case"note":a=e.createElement(f,null);break;default:a=e.createElement(E,null)}return e.createElement("xyd-callout",{"data-kind":n,className:`chnegou ${t||""}`},e.createElement("div",{part:"icon"},a),e.createElement("div",{part:"message"},e.createElement("div",{part:"message-body"},r)))}function E(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"currentColor",viewBox:"0 0 24 24"},e.createElement("path",{d:"M13 12a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm-1-2.5A1.25 1.25 0 1 0 12 7a1.25 1.25 0 0 0 0 2.5Z"}),e.createElement("path",{fillRule:"evenodd",d:"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z",clipRule:"evenodd"}))}function w(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},e.createElement("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5},e.createElement("path",{d:"M17.252 12.49c-.284 2.365-1.833 3.31-2.502 3.996c-.67.688-.55.825-.505 1.834a.916.916 0 0 1-.916.971h-2.658a.92.92 0 0 1-.917-.971c0-.99.092-1.22-.504-1.834c-.76-.76-2.548-1.833-2.548-4.784a5.307 5.307 0 1 1 10.55.788"}),e.createElement("path",{d:"M10.46 19.236v1.512c0 .413.23.752.513.752h2.053c.285 0 .514-.34.514-.752v-1.512m-2.32-10.54a2.227 2.227 0 0 0-2.226 2.227m10.338.981h1.834m-3.68-6.012l1.301-1.301M18.486 17l1.301 1.3M12 2.377V3.86m-6.76.73l1.292 1.302M4.24 18.3L5.532 17m-.864-5.096H2.835"})))}function v(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e.createElement("path",{fill:"currentColor",d:"m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z"}))}function g(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"-2 -3 24 24"},e.createElement("path",{fill:"currentColor",d:"m12.8 1.613l6.701 11.161c.963 1.603.49 3.712-1.057 4.71a3.2 3.2 0 0 1-1.743.516H3.298C1.477 18 0 16.47 0 14.581c0-.639.173-1.264.498-1.807L7.2 1.613C8.162.01 10.196-.481 11.743.517c.428.276.79.651 1.057 1.096m-2.22.839a1.077 1.077 0 0 0-1.514.365L2.365 13.98a1.17 1.17 0 0 0-.166.602c0 .63.492 1.14 1.1 1.14H16.7c.206 0 .407-.06.581-.172a1.164 1.164 0 0 0 .353-1.57L10.933 2.817a1.1 1.1 0 0 0-.352-.365zM10 14a1 1 0 1 1 0-2a1 1 0 0 1 0 2m0-9a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V6a1 1 0 0 1 1-1"}))}function k(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M20.5 15.8V8.2a1.91 1.91 0 0 0-.944-1.645l-6.612-3.8a1.88 1.88 0 0 0-1.888 0l-6.612 3.8A1.9 1.9 0 0 0 3.5 8.2v7.602a1.91 1.91 0 0 0 .944 1.644l6.612 3.8a1.88 1.88 0 0 0 1.888 0l6.612-3.8A1.9 1.9 0 0 0 20.5 15.8M12 7.627v5.5m0 3.246v-.5"}))}function f(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e.createElement("g",{className:"pin-outline"},e.createElement("g",{fill:"currentColor",fillRule:"evenodd",className:"Vector",clipRule:"evenodd"},e.createElement("path",{d:"M12 16.143a1 1 0 0 1 1 1V21a1 1 0 0 1-2 0v-3.857a1 1 0 0 1 1-1"}),e.createElement("path",{d:"M8.447 4.223q0 .01.007.033c.05.17.12.344.198.51c.262.549.53 1.246.53 2.027v3.85c0 1.03-.442 1.97-1.109 2.666c-.49.512-.873.979-1.169 1.391c-.114.16-.133.269-.135.321a.25.25 0 0 0 .052.16c.089.126.352.319.83.319h4.985a1 1 0 1 1 0 2H7.652c-.987 0-1.93-.403-2.468-1.17c-.58-.827-.556-1.887.095-2.795c.355-.495.8-1.035 1.35-1.61c.358-.373.553-.833.553-1.282v-3.85c0-.335-.118-.71-.336-1.168a5.5 5.5 0 0 1-.31-.805c-.265-.898.081-1.68.664-2.168C7.736 2.204 8.455 2 9.124 2h3.512a1 1 0 1 1 0 2H9.124c-.303 0-.536.099-.64.186a.2.2 0 0 0-.037.037m-.005.007"}),e.createElement("path",{d:"M15.553 4.223a3.5 3.5 0 0 1-.206.543c-.26.549-.529 1.246-.529 2.027v3.85c0 1.03.442 1.97 1.109 2.666c.49.512.873.979 1.169 1.391c.114.16.133.269.135.321a.25.25 0 0 1-.052.16c-.089.126-.352.319-.83.319h-4.985a1 1 0 1 0 0 2h4.985c.986 0 1.928-.403 2.467-1.17c.58-.827.556-1.887-.095-2.795c-.355-.495-.8-1.035-1.35-1.61c-.358-.373-.553-.833-.553-1.282v-3.85c0-.335.118-.71.335-1.168c.116-.243.226-.515.311-.805c.265-.898-.081-1.68-.664-2.168C16.264 2.204 15.545 2 14.876 2h-3.512a1 1 0 1 0 0 2h3.512c.303 0 .536.099.64.186q.029.026.037.037m.005.007"}))))}function L(t){const{title:r,description:n,imgSrc:c,imgAlt:o,logoSrc:i,logoAlt:s,shadow:m,href:d,link:u,btnText:h}=t,p=u,E=e.createElement("xyd-card",{"data-shadow":m||void 0,className:"c1vswvqd"},c&&e.createElement("div",{part:"image-container"},e.createElement("div",{part:"bg"},e.createElement("img",{src:c,alt:o}),e.createElement("div",{part:"bg-shadow"})),p&&d&&i&&e.createElement("span",{part:"author-link"},e.createElement("img",{src:i,alt:s}))),e.createElement("div",{part:"body"},e.createElement("div",{part:"header"},e.createElement(l,{weight:"bold"},r),h&&e.createElement(a,{size:"md",kind:"secondary"},h)),e.createElement("div",{part:"description"},e.createElement(l,{size:"small"},n))));return!h&&p&&d?e.createElement(p,{href:d},E):E}function M({className:t,children:r}){return e.createElement("code",{className:`c1w59zdn ${t||""}`},e.createElement("span",{part:"content"},r))}function x(){const[t,r]=b();return e.createElement(a,{size:"sm",theme:"ghost",icon:"dark"===t?e.createElement(N,null):e.createElement(j,null),onClick:r})}function b(){const[e,t]=r(null);return n(()=>{const e=()=>{const e=document.querySelector("html");if(e){const r=e.getAttribute("data-color-scheme")||"os";if("os"===r){const e=C()||"light";t(e),y(e)}else{const e=r;t(e),y(e)}}};e();const r=new MutationObserver(e),n=document.querySelector("html");return n&&r.observe(n,{attributes:!0,attributeFilter:["data-color-scheme"]}),()=>r.disconnect()},[]),[e,function(){let e="";const t=C();t&&(e="dark"===t?"light":"dark");const r=document.querySelector("html");if(!r)return;const n=r.getAttribute("data-color-scheme");n&&"os"!==n&&(e="dark"===n?"light":"dark"),e||(e="light"),r.setAttribute("data-color-scheme",e),localStorage.setItem("xyd-color-scheme",e),y(e)}]}function y(e){let t=document.querySelector("style[data-color-scheme-style]");t||(t=document.createElement("style"),t.setAttribute("data-color-scheme-style","true"),document.head.appendChild(t)),t.textContent=`:root { color-scheme: ${e}; }`}function C(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":window.matchMedia("(prefers-color-scheme: light)").matches?"light":null}function j(){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 N(){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 B(t){const{children:r,label:n}=t,a=o(),l=c(a.docs.details.open,a.docs.details.close,()=>({label:n}));let i;const s=["secondary","tertiary"].includes(t.kind||"");s&&"title"in t&&(i=t.title);const m=t.kind||"primary";return e.createElement("details",{part:"details",className:`dwmojve ${t.className||""}`,"data-kind":t.kind,onClick:l},e.createElement("summary",{part:"summary"},"primary"===m&&e.createElement(e.Fragment,null,t.icon||e.createElement(W,null),e.createElement("div",{part:"summary-deep-label"},n)),s&&e.createElement("div",null,e.createElement("div",{part:"summary-deep"},t.icon||e.createElement(z,null),e.createElement("div",{part:"summary-deep-text"},i)),e.createElement("div",{part:"summary-deep-label"},n)),s&&e.createElement(W,null)),e.createElement("div",{part:"content"},r))}function W(){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 z(){return e.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",stroke:"none",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{clipPath:"url(#clip0_1689_2180)"},e.createElement("path",{d:"M4.3 4.3L7.1 7.1M10.6 5.7V1.5M14.8 7.8L17.6 5M5.7 11.3H1.5M7.1 14.8L4.3 17.6M15.5 22.5L9.9 9.9L22.5 14.8L16.9 16.2L15.5 22.5Z",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_1689_2180"},e.createElement("rect",{width:24,height:24,fill:"white"}))))}function A(){return e.createElement("hr",{part:"hr",className:"h1ej4n95"})}function q(t){const{src:r,alt:n,style:a,caption:l,children:c,...o}=t,i=e.createElement("img",{src:r,alt:n,style:a,className:"iz14jlg",...o});return l?e.createElement(e.Fragment,null,e.createElement("figure",null,i,e.createElement("figcaption",null,l))):i}function H(t){const{date:r,version:n,children:a}=t;return e.createElement("xyd-update",{className:"u1465cfe"},e.createElement("div",{part:"meta"},r&&e.createElement("div",{part:"date"},e.createElement(i,null,r)),e.createElement("div",{part:"version"},e.createElement(l,{size:"small"},n))),e.createElement("div",{part:"content-container"},e.createElement("div",{part:"content"},a)))}export{s as B,x as C,B as D,A as H,q as I,H as U,p as a,M as b,d as c,L as d,b as u};
|
|
2
|
-
//# sourceMappingURL=Update-
|
|
1
|
+
import e,{Fragment as t,useState as r,useEffect as n}from"react";import{B as a}from"./Button-DsQ-CpNa.js";import{T as l}from"./TabsAnalytics-CZdY7fWP.js";import{u as c}from"./useUXClick-5-G3e-3G.js";import{u as o}from"./useUXEvents-Dii3DU11.js";import{B as i}from"./VideoGuide-BbIalYlR.js";function s({className:t,children:r}){return e.createElement("blockquote",{className:`b1wifk81 ${t||""}`},e.createElement(m,null),e.createElement("div",null,r))}function m(t){return e.createElement("svg",{width:15,height:11,viewBox:"0 0 15 11",xmlns:"http://www.w3.org/2000/svg",part:"quote",...t},e.createElement("path",{d:"M15 1.72c-1.96.95-2.94 2.07-2.94 3.36.83.1 1.53.44 2.07 1.02.55.58.82 1.25.82 2.01a2.81 2.81 0 0 1-2.8 2.89c-.9 0-1.68-.36-2.33-1.09a3.78 3.78 0 0 1-1-2.63c0-3.1 1.76-5.53 5.26-7.28L15 1.72zm-8.83 0c-1.97.95-2.96 2.07-2.96 3.36.85.1 1.55.44 2.1 1.02.54.58.82 1.25.82 2.01A2.82 2.82 0 0 1 3.3 11 3 3 0 0 1 .98 9.91 3.8 3.8 0 0 1 0 7.28C0 4.18 1.74 1.75 5.23 0l.94 1.72z",fillRule:"nonzero"}))}function d({className:r,items:n,as:a}){const l=a||h;return e.createElement("xyd-breadcrumbs",{className:`bwgsk4h ${r||""}`},n.map((r,a)=>{const c=a===n.length-1;return e.createElement(t,{key:r.href+r.title},a>0&&e.createElement(u,null),e.createElement("div",{part:"item","data-active":c?"true":"false"},r.href&&!c?e.createElement(l,{href:r.href},r.title):r.title))}))}function u(){return e.createElement("span",{part:"icon"},"/")}function h({href:t,children:r,...n}){return e.createElement("a",{href:t,...n},r)}function p({className:t,children:r,kind:n}){let a;switch(n){case"tip":a=e.createElement(w,null);break;case"check":a=e.createElement(v,null);break;case"warning":a=e.createElement(g,null);break;case"danger":a=e.createElement(k,null);break;case"note":a=e.createElement(f,null);break;default:a=e.createElement(E,null)}return e.createElement("xyd-callout",{"data-kind":n,className:`chnegou ${t||""}`},e.createElement("div",{part:"icon"},a),e.createElement("div",{part:"message"},e.createElement("div",{part:"message-body"},r)))}function E(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"currentColor",viewBox:"0 0 24 24"},e.createElement("path",{d:"M13 12a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm-1-2.5A1.25 1.25 0 1 0 12 7a1.25 1.25 0 0 0 0 2.5Z"}),e.createElement("path",{fillRule:"evenodd",d:"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z",clipRule:"evenodd"}))}function w(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},e.createElement("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5},e.createElement("path",{d:"M17.252 12.49c-.284 2.365-1.833 3.31-2.502 3.996c-.67.688-.55.825-.505 1.834a.916.916 0 0 1-.916.971h-2.658a.92.92 0 0 1-.917-.971c0-.99.092-1.22-.504-1.834c-.76-.76-2.548-1.833-2.548-4.784a5.307 5.307 0 1 1 10.55.788"}),e.createElement("path",{d:"M10.46 19.236v1.512c0 .413.23.752.513.752h2.053c.285 0 .514-.34.514-.752v-1.512m-2.32-10.54a2.227 2.227 0 0 0-2.226 2.227m10.338.981h1.834m-3.68-6.012l1.301-1.301M18.486 17l1.301 1.3M12 2.377V3.86m-6.76.73l1.292 1.302M4.24 18.3L5.532 17m-.864-5.096H2.835"})))}function v(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e.createElement("path",{fill:"currentColor",d:"m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z"}))}function g(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"-2 -3 24 24"},e.createElement("path",{fill:"currentColor",d:"m12.8 1.613l6.701 11.161c.963 1.603.49 3.712-1.057 4.71a3.2 3.2 0 0 1-1.743.516H3.298C1.477 18 0 16.47 0 14.581c0-.639.173-1.264.498-1.807L7.2 1.613C8.162.01 10.196-.481 11.743.517c.428.276.79.651 1.057 1.096m-2.22.839a1.077 1.077 0 0 0-1.514.365L2.365 13.98a1.17 1.17 0 0 0-.166.602c0 .63.492 1.14 1.1 1.14H16.7c.206 0 .407-.06.581-.172a1.164 1.164 0 0 0 .353-1.57L10.933 2.817a1.1 1.1 0 0 0-.352-.365zM10 14a1 1 0 1 1 0-2a1 1 0 0 1 0 2m0-9a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V6a1 1 0 0 1 1-1"}))}function k(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M20.5 15.8V8.2a1.91 1.91 0 0 0-.944-1.645l-6.612-3.8a1.88 1.88 0 0 0-1.888 0l-6.612 3.8A1.9 1.9 0 0 0 3.5 8.2v7.602a1.91 1.91 0 0 0 .944 1.644l6.612 3.8a1.88 1.88 0 0 0 1.888 0l6.612-3.8A1.9 1.9 0 0 0 20.5 15.8M12 7.627v5.5m0 3.246v-.5"}))}function f(){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e.createElement("g",{className:"pin-outline"},e.createElement("g",{fill:"currentColor",fillRule:"evenodd",className:"Vector",clipRule:"evenodd"},e.createElement("path",{d:"M12 16.143a1 1 0 0 1 1 1V21a1 1 0 0 1-2 0v-3.857a1 1 0 0 1 1-1"}),e.createElement("path",{d:"M8.447 4.223q0 .01.007.033c.05.17.12.344.198.51c.262.549.53 1.246.53 2.027v3.85c0 1.03-.442 1.97-1.109 2.666c-.49.512-.873.979-1.169 1.391c-.114.16-.133.269-.135.321a.25.25 0 0 0 .052.16c.089.126.352.319.83.319h4.985a1 1 0 1 1 0 2H7.652c-.987 0-1.93-.403-2.468-1.17c-.58-.827-.556-1.887.095-2.795c.355-.495.8-1.035 1.35-1.61c.358-.373.553-.833.553-1.282v-3.85c0-.335-.118-.71-.336-1.168a5.5 5.5 0 0 1-.31-.805c-.265-.898.081-1.68.664-2.168C7.736 2.204 8.455 2 9.124 2h3.512a1 1 0 1 1 0 2H9.124c-.303 0-.536.099-.64.186a.2.2 0 0 0-.037.037m-.005.007"}),e.createElement("path",{d:"M15.553 4.223a3.5 3.5 0 0 1-.206.543c-.26.549-.529 1.246-.529 2.027v3.85c0 1.03.442 1.97 1.109 2.666c.49.512.873.979 1.169 1.391c.114.16.133.269.135.321a.25.25 0 0 1-.052.16c-.089.126-.352.319-.83.319h-4.985a1 1 0 1 0 0 2h4.985c.986 0 1.928-.403 2.467-1.17c.58-.827.556-1.887-.095-2.795c-.355-.495-.8-1.035-1.35-1.61c-.358-.373-.553-.833-.553-1.282v-3.85c0-.335.118-.71.335-1.168c.116-.243.226-.515.311-.805c.265-.898-.081-1.68-.664-2.168C16.264 2.204 15.545 2 14.876 2h-3.512a1 1 0 1 0 0 2h3.512c.303 0 .536.099.64.186q.029.026.037.037m.005.007"}))))}function L(t){const{title:r,description:n,imgSrc:c,imgAlt:o,logoSrc:i,logoAlt:s,shadow:m,href:d,link:u,btnText:h}=t,p=u,E=e.createElement("xyd-card",{"data-shadow":m||void 0,className:"c1vswvqd"},c&&e.createElement("div",{part:"image-container"},e.createElement("div",{part:"bg"},e.createElement("img",{src:c,alt:o}),e.createElement("div",{part:"bg-shadow"})),p&&d&&i&&e.createElement("span",{part:"author-link"},e.createElement("img",{src:i,alt:s}))),e.createElement("div",{part:"body"},e.createElement("div",{part:"header"},e.createElement(l,{weight:"bold"},r),h&&e.createElement(a,{size:"md",kind:"secondary"},h)),e.createElement("div",{part:"description"},e.createElement(l,{size:"small"},n))));return!h&&p&&d?e.createElement(p,{href:d},E):E}function M({className:t,children:r}){return e.createElement("code",{className:`c1w59zdn ${t||""}`},e.createElement("span",{part:"content"},r))}function x(){const[t,r]=b();return e.createElement(a,{size:"sm",theme:"ghost",icon:"dark"===t?e.createElement(N,null):e.createElement(j,null),onClick:r})}function b(){const[e,t]=r(null);return n(()=>{const e=()=>{const e=document.querySelector("html");if(e){const r=e.getAttribute("data-color-scheme")||"os";if("os"===r){const e=C()||"light";t(e),y(e)}else{const e=r;t(e),y(e)}}};e();const r=new MutationObserver(e),n=document.querySelector("html");return n&&r.observe(n,{attributes:!0,attributeFilter:["data-color-scheme"]}),()=>r.disconnect()},[]),[e,function(){let e="";const t=C();t&&(e="dark"===t?"light":"dark");const r=document.querySelector("html");if(!r)return;const n=r.getAttribute("data-color-scheme");n&&"os"!==n&&(e="dark"===n?"light":"dark"),e||(e="light"),r.setAttribute("data-color-scheme",e),localStorage.setItem("xyd-color-scheme",e),y(e)}]}function y(e){let t=document.querySelector("style[data-color-scheme-style]");t||(t=document.createElement("style"),t.setAttribute("data-color-scheme-style","true"),document.head.appendChild(t)),t.textContent=`:root { color-scheme: ${e}; }`}function C(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":window.matchMedia("(prefers-color-scheme: light)").matches?"light":null}function j(){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 N(){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 B(t){const{children:r,label:n}=t,a=o(),l=c(a.docs.details.open,a.docs.details.close,()=>({label:n}));let i;const s=["secondary","tertiary"].includes(t.kind||"");s&&"title"in t&&(i=t.title);const m=t.kind||"primary";return e.createElement("details",{part:"details",className:`dwmojve ${t.className||""}`,"data-kind":t.kind,onClick:l},e.createElement("summary",{part:"summary"},"primary"===m&&e.createElement(e.Fragment,null,t.icon||e.createElement(W,null),e.createElement("div",{part:"summary-deep-label"},n)),s&&e.createElement("div",null,e.createElement("div",{part:"summary-deep"},t.icon||e.createElement(z,null),e.createElement("div",{part:"summary-deep-text"},i)),e.createElement("div",{part:"summary-deep-label"},n)),s&&e.createElement(W,null)),e.createElement("div",{part:"content"},r))}function W(){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 z(){return e.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",stroke:"none",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{clipPath:"url(#clip0_1689_2180)"},e.createElement("path",{d:"M4.3 4.3L7.1 7.1M10.6 5.7V1.5M14.8 7.8L17.6 5M5.7 11.3H1.5M7.1 14.8L4.3 17.6M15.5 22.5L9.9 9.9L22.5 14.8L16.9 16.2L15.5 22.5Z",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_1689_2180"},e.createElement("rect",{width:24,height:24,fill:"white"}))))}function A(){return e.createElement("hr",{part:"hr",className:"h1ej4n95"})}function q(t){const{src:r,alt:n,style:a,caption:l,children:c,...o}=t,i=e.createElement("img",{src:r,alt:n,style:a,className:"iz14jlg",...o});return l?e.createElement(e.Fragment,null,e.createElement("figure",null,i,e.createElement("figcaption",null,l))):i}function H(t){const{date:r,version:n,children:a}=t;return e.createElement("xyd-update",{className:"u1465cfe"},e.createElement("div",{part:"meta"},r&&e.createElement("div",{part:"date"},e.createElement(i,null,r)),e.createElement("div",{part:"version"},e.createElement(l,{size:"small"},n))),e.createElement("div",{part:"content-container"},e.createElement("div",{part:"content"},a)))}export{s as B,x as C,B as D,A as H,q as I,H as U,p as a,M as b,d as c,L as d,b as u};
|
|
2
|
+
//# sourceMappingURL=Update-BZAgVqnP.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Update-CrEHP_L_.js","sources":["../src/writer/Blockquote/Blockquote.tsx","../src/writer/Breadcrumbs/Breadcrumbs.tsx","../src/writer/Callout/Callout.tsx","../src/writer/Card/Card.tsx","../src/writer/Card/Card.styles.tsx","../src/writer/Code/Code.tsx","../src/writer/ColorSchemeButton/ColorSchemeButton.tsx","../src/writer/Details/Details.tsx","../src/writer/Hr/Hr.tsx","../src/writer/Hr/Hr.styles.tsx","../src/writer/Image/Image.tsx","../src/writer/Image/Image.styles.tsx","../src/writer/Update/Update.tsx","../src/writer/Update/Update.styles.tsx"],"sourcesContent":["import React from \"react\"\n\nimport * as cn from \"./Blockquote.styles\";\n\nexport interface BlockquoteProps {\n className?: string;\n children: React.ReactNode;\n}\n\nexport function Blockquote({ className, children }: BlockquoteProps) {\n return <blockquote\n className={`${cn.BlockquoteHost} ${className || ''}`}\n >\n <$SVGQuote />\n\n <div>\n {children}\n </div>\n </blockquote>\n}\n\nfunction $SVGQuote(props: React.SVGProps<SVGSVGElement>) {\n return (\n <svg\n width={15}\n height={11}\n viewBox=\"0 0 15 11\"\n xmlns=\"http://www.w3.org/2000/svg\"\n part=\"quote\"\n {...props}\n >\n <path\n d=\"M15 1.72c-1.96.95-2.94 2.07-2.94 3.36.83.1 1.53.44 2.07 1.02.55.58.82 1.25.82 2.01a2.81 2.81 0 0 1-2.8 2.89c-.9 0-1.68-.36-2.33-1.09a3.78 3.78 0 0 1-1-2.63c0-3.1 1.76-5.53 5.26-7.28L15 1.72zm-8.83 0c-1.97.95-2.96 2.07-2.96 3.36.85.1 1.55.44 2.1 1.02.54.58.82 1.25.82 2.01A2.82 2.82 0 0 1 3.3 11 3 3 0 0 1 .98 9.91 3.8 3.8 0 0 1 0 7.28C0 4.18 1.74 1.75 5.23 0l.94 1.72z\"\n fillRule=\"nonzero\"\n />\n </svg>\n )\n}","import React, { Fragment } from 'react'\nimport type { ReactElement } from 'react'\n\nimport * as cn from './Breadcrumbs.styles'\n\nexport interface BreadcrumbsProps {\n className?: string;\n items: {\n title: string\n href?: string\n }[]\n\n as?: React.ElementType\n}\n\nexport function Breadcrumbs({ className, items, as }: BreadcrumbsProps): ReactElement {\n const Link = as || $Link\n\n return (\n <xyd-breadcrumbs\n className={`${cn.BreadcrumbsHost} ${className || ''}`}\n >\n {items.map((item, index) => {\n const lastActive = index === items.length - 1\n\n return (\n <Fragment key={item.href + item.title}>\n {index > 0 && <$BreadcrumbIcon />}\n <div\n part=\"item\"\n data-active={lastActive ? \"true\" : \"false\"}\n >\n {item.href && !lastActive ? (\n <Link href={item.href}>{item.title}</Link>\n ) : (\n item.title\n )}\n </div>\n </Fragment>\n )\n })}\n </xyd-breadcrumbs>\n )\n}\n\nfunction $BreadcrumbIcon() {\n return <span part=\"icon\">/</span>\n}\n\nfunction $Link({ href, children, ...rest }) {\n return <a\n href={href}\n {...rest}\n >\n {children}\n </a>\n}","import React from \"react\"\n\nimport * as cn from \"./Callout.styles\";\n\n/**\n * Props for the Callout component\n */\nexport interface CalloutProps {\n /** Additional CSS class name to be applied to the callout */\n className?: string;\n\n /** Content to be displayed inside the callout */\n children: React.ReactNode;\n\n kind?: \"warning\" | \"note\" | \"tip\" | \"check\" | \"danger\"\n}\n\n/**\n * A Callout component that displays important information or notices in a visually distinct way.\n * It includes an info icon and a message area for content.\n * \n * @category Component\n */\nexport function Callout({ className, children, kind }: CalloutProps) {\n let icon\n\n switch (kind) {\n case \"tip\":\n icon = <$BulbIcon />\n break\n case \"check\":\n icon = <$CheckIcon />\n break\n case \"warning\":\n icon = <$WarningIcon />\n break\n case \"danger\":\n icon = <$DangerIcon />\n break\n case \"note\":\n icon = <$NoteIcon />\n break\n default:\n icon = <$IconInfo />\n break\n }\n\n return <xyd-callout\n data-kind={kind}\n className={`${cn.CalloutHost} ${className || ''}`}\n >\n <div part=\"icon\">\n {icon}\n </div>\n <div part=\"message\">\n <div part=\"message-body\">\n {children}\n </div>\n </div>\n </xyd-callout>\n}\n\nfunction $IconInfo() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n fill=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path d=\"M13 12a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm-1-2.5A1.25 1.25 0 1 0 12 7a1.25 1.25 0 0 0 0 2.5Z\" />\n <path\n fillRule=\"evenodd\"\n d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n}\n\nfunction $BulbIcon() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n >\n <g\n fill=\"none\"\n stroke=\"currentColor\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={1.5}\n >\n <path d=\"M17.252 12.49c-.284 2.365-1.833 3.31-2.502 3.996c-.67.688-.55.825-.505 1.834a.916.916 0 0 1-.916.971h-2.658a.92.92 0 0 1-.917-.971c0-.99.092-1.22-.504-1.834c-.76-.76-2.548-1.833-2.548-4.784a5.307 5.307 0 1 1 10.55.788\" />\n <path d=\"M10.46 19.236v1.512c0 .413.23.752.513.752h2.053c.285 0 .514-.34.514-.752v-1.512m-2.32-10.54a2.227 2.227 0 0 0-2.226 2.227m10.338.981h1.834m-3.68-6.012l1.301-1.301M18.486 17l1.301 1.3M12 2.377V3.86m-6.76.73l1.292 1.302M4.24 18.3L5.532 17m-.864-5.096H2.835\" />\n </g>\n </svg>\n}\n\nfunction $CheckIcon() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n >\n <path\n fill=\"currentColor\"\n d=\"m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z\"\n />\n </svg>\n}\n\nfunction $WarningIcon() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"-2 -3 24 24\"\n >\n <path\n fill=\"currentColor\"\n d=\"m12.8 1.613l6.701 11.161c.963 1.603.49 3.712-1.057 4.71a3.2 3.2 0 0 1-1.743.516H3.298C1.477 18 0 16.47 0 14.581c0-.639.173-1.264.498-1.807L7.2 1.613C8.162.01 10.196-.481 11.743.517c.428.276.79.651 1.057 1.096m-2.22.839a1.077 1.077 0 0 0-1.514.365L2.365 13.98a1.17 1.17 0 0 0-.166.602c0 .63.492 1.14 1.1 1.14H16.7c.206 0 .407-.06.581-.172a1.164 1.164 0 0 0 .353-1.57L10.933 2.817a1.1 1.1 0 0 0-.352-.365zM10 14a1 1 0 1 1 0-2a1 1 0 0 1 0 2m0-9a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V6a1 1 0 0 1 1-1\"\n />\n </svg>\n}\n\nfunction $DangerIcon() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n >\n <path\n fill=\"none\"\n stroke=\"currentColor\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={1.5}\n d=\"M20.5 15.8V8.2a1.91 1.91 0 0 0-.944-1.645l-6.612-3.8a1.88 1.88 0 0 0-1.888 0l-6.612 3.8A1.9 1.9 0 0 0 3.5 8.2v7.602a1.91 1.91 0 0 0 .944 1.644l6.612 3.8a1.88 1.88 0 0 0 1.888 0l6.612-3.8A1.9 1.9 0 0 0 20.5 15.8M12 7.627v5.5m0 3.246v-.5\"\n />\n </svg>\n}\n\nfunction $NoteIcon() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n >\n <g className=\"pin-outline\">\n <g\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n className=\"Vector\"\n clipRule=\"evenodd\"\n >\n <path d=\"M12 16.143a1 1 0 0 1 1 1V21a1 1 0 0 1-2 0v-3.857a1 1 0 0 1 1-1\" />\n <path d=\"M8.447 4.223q0 .01.007.033c.05.17.12.344.198.51c.262.549.53 1.246.53 2.027v3.85c0 1.03-.442 1.97-1.109 2.666c-.49.512-.873.979-1.169 1.391c-.114.16-.133.269-.135.321a.25.25 0 0 0 .052.16c.089.126.352.319.83.319h4.985a1 1 0 1 1 0 2H7.652c-.987 0-1.93-.403-2.468-1.17c-.58-.827-.556-1.887.095-2.795c.355-.495.8-1.035 1.35-1.61c.358-.373.553-.833.553-1.282v-3.85c0-.335-.118-.71-.336-1.168a5.5 5.5 0 0 1-.31-.805c-.265-.898.081-1.68.664-2.168C7.736 2.204 8.455 2 9.124 2h3.512a1 1 0 1 1 0 2H9.124c-.303 0-.536.099-.64.186a.2.2 0 0 0-.037.037m-.005.007\" />\n <path d=\"M15.553 4.223a3.5 3.5 0 0 1-.206.543c-.26.549-.529 1.246-.529 2.027v3.85c0 1.03.442 1.97 1.109 2.666c.49.512.873.979 1.169 1.391c.114.16.133.269.135.321a.25.25 0 0 1-.052.16c-.089.126-.352.319-.83.319h-4.985a1 1 0 1 0 0 2h4.985c.986 0 1.928-.403 2.467-1.17c.58-.827.556-1.887-.095-2.795c-.355-.495-.8-1.035-1.35-1.61c-.358-.373-.553-.833-.553-1.282v-3.85c0-.335.118-.71.335-1.168c.116-.243.226-.515.311-.805c.265-.898-.081-1.68-.664-2.168C16.264 2.204 15.545 2 14.876 2h-3.512a1 1 0 1 0 0 2h3.512c.303 0 .536.099.64.186q.029.026.037.037m.005.007\" />\n </g>\n </g>\n </svg>\n}","import React from \"react\"\n\nimport { Button } from \"../Button\"\nimport { Text } from \"../Text\"\n\nimport * as cn from \"./Card.styles\"\n\ninterface CardProps {\n title: string\n href?: string\n link?: React.ElementType\n\n description?: string\n btnText?: string\n\n imgSrc?: string\n imgAlt?: string\n\n logoSrc?: string\n logoAlt?: string\n\n shadow?: \"md\"\n}\n\nexport function Card(props: CardProps) {\n const {\n title,\n description,\n imgSrc,\n imgAlt,\n logoSrc,\n logoAlt,\n shadow,\n href,\n link,\n btnText,\n } = props\n\n const Link = link\n\n const cardContent = (\n <xyd-card\n data-shadow={shadow || undefined}\n className={cn.CardHost}\n >\n {imgSrc && (\n <div part=\"image-container\">\n <div part=\"bg\">\n <img src={imgSrc} alt={imgAlt} />\n <div part=\"bg-shadow\" />\n </div>\n\n {\n Link && href && logoSrc && <span\n part=\"author-link\"\n >\n <img\n src={logoSrc}\n alt={logoAlt}\n />\n </span>\n }\n\n </div>\n )}\n\n <div part=\"body\">\n <div part=\"header\">\n <Text weight=\"bold\">\n {title}\n </Text>\n {\n btnText && <Button size=\"md\" kind=\"secondary\">\n {btnText}\n </Button>\n }\n </div>\n <div part=\"description\">\n <Text size=\"small\">\n {description}\n </Text>\n </div>\n </div>\n </xyd-card>\n )\n\n // If no imgSrc and we have Link and href, wrap the entire card in a link\n if (!btnText && Link && href) {\n return (\n <Link href={href}>\n {cardContent}\n </Link>\n )\n }\n\n return cardContent\n}\n\n","import { css } from \"@linaria/core\"\n\nexport const CardHost = css`\n --card-shadow-atom-color: color-mix(\n in srgb,\n var(--black) 10%,\n transparent 90%\n );\n --card-shadow: 0 1px 3px 0 var(--card-shadow-atom-color), 0 1px 2px -1px var(--card-shadow-atom-color);\n --card-ring-offset-shadow: 0 0 var(--black);\n --card-ring-shadow: 0 0 var(--black);\n\n box-shadow: var(--card-ring-offset-shadow, 0 0 var(--black)), var(--card-ring-shadow, 0 0 var(--black)), var(--card-shadow);\n /* box-shadow: 0 1px 2px 0 var(--xyd-card-shadow-color); */\n \n border-radius: 8px;\n background-color: var(--xyd-card-bgcolor);\n flex-direction: column;\n display: flex;\n overflow: hidden;\n position: relative;\n height: 100%;\n\n /* &[data-shadow=\"md\"] {\n box-shadow: 0 5px 40px var(--xyd-card-shadow-color);\n } */\n\n &:hover {\n --card-shadow: 0 10px 15px -3px var(--card-shadow-atom-color), 0 4px 6px -4px var(--card-shadow-atom-color);\n box-shadow: var(--card-ring-offset-shadow, 0 0 var(--black)), var(--card-ring-shadow, 0 0 var(--black)), var(--card-shadow);\n }\n\n [part=\"image-container\"] {\n border-bottom: 2px solid var(--xyd-card-border-color);\n height: 200px;\n /* overflow: hidden; */\n position: relative;\n transition: transform 0.1s ease-in;\n\n &:hover {\n transform: scale(1.02);\n }\n\n [part=\"bg\"] {\n background-size: cover;\n background-repeat: no-repeat;\n position: relative;\n height: 100%;\n }\n\n [part=\"bg-shadow\"] {\n --card-gradient-from: hsla(0, 0%, 4%, 0) var(--xyd-gradient-from-position);\n --card-gradient-to: hsla(0, 0%, 4%, .2) var(--xyd-gradient-to-position);\n --card-gradient-stops: var(--card-gradient-from), hsla(0, 0%, 4%, .1) var(--xyd-gradient-via-position), var(--card-gradient-to);\n background-repeat: no-repeat;\n background-size: cover;\n height: 100%;\n position: absolute;\n top: 0;\n width: 100%;\n background-image: linear-gradient(to bottom, var(--card-gradient-stops));\n pointer-events: none;\n }\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin-bottom: -4px;\n }\n }\n\n [part=\"author-link\"] {\n --card-shadow: 0 4px 6px -1px var(--card-shadow-atom-color), 0 2px 4px -2px var(--card-shadow-atom-color);\n --card-bg-opacity: 1;\n\n box-shadow: var(--card-ring-offset-shadow, 0 0 var(--black)), var(--card-ring-shadow, 0 0 var(--black)), var(--card-shadow);\n background-color: rgb(245 245 245 / var(--card-bg-opacity));\n border-width: 1px;\n border-color: var(--dark8);\n border-radius: 9999px;\n overflow: hidden;\n width: 4rem;\n height: 4rem;\n z-index: 2;\n left: 1.25rem;\n bottom: -2rem;\n position: absolute;\n\n img {\n width: 100%;\n height: 100%;\n display: block;\n max-width: 100%;\n }\n }\n\n [part=\"body\"] {\n /* padding: 16px; */\n\n padding: 50px 1.25rem;\n\n [part=\"header\"] {\n margin-right: 4px;\n align-items: center;\n justify-content: space-between;\n /* margin-bottom: 12px; */\n display: flex;\n }\n }\n`","import React from \"react\"\n\nimport * as cn from \"./Code.styles\";\n\nexport interface CodeProps {\n className?: string;\n children: React.ReactNode;\n}\n\nexport function Code({ className, children }: CodeProps) {\n return <code className={`${cn.CodeHost} ${className || ''}`}>\n <span part=\"content\">\n {children}\n </span>\n </code>\n}","import React, { useEffect, useState } from \"react\";\n\nimport { Button } from \"../Button\";\n\nexport function ColorSchemeButton() {\n const [currentScheme, changeColorScheme] = useColorScheme() as [string, () => void]\n\n return <Button\n size=\"sm\"\n theme=\"ghost\"\n icon={currentScheme === \"dark\" ? <IconDarkMode /> : <IconLightMode />}\n onClick={changeColorScheme}\n />\n}\n\nexport function useColorScheme(): [\"dark\" | \"light\" | null, () => void] {\n const [currentScheme, setCurrentScheme] = useState<\"dark\" | \"light\" | null>(null)\n\n // TODO: context \n useEffect(() => {\n const updateScheme = () => {\n const html = document.querySelector(\"html\");\n if (html) {\n const scheme = html.getAttribute(\"data-color-scheme\") || \"os\";\n if (scheme === \"os\") {\n const preferred = getPreferredColorScheme();\n const finalScheme = preferred || \"light\";\n setCurrentScheme(finalScheme);\n updateColorSchemeInHead(finalScheme);\n } else {\n const finalScheme = scheme as \"dark\" | \"light\";\n setCurrentScheme(finalScheme);\n updateColorSchemeInHead(finalScheme);\n }\n }\n };\n\n updateScheme();\n\n // Listen for changes to the color scheme\n const observer = new MutationObserver(updateScheme);\n const html = document.querySelector(\"html\");\n if (html) {\n observer.observe(html, { attributes: true, attributeFilter: ['data-color-scheme'] });\n }\n\n return () => observer.disconnect();\n }, []);\n\n function changeColorScheme() {\n let colorScheme = \"\"\n\n const preferredColorScheme = getPreferredColorScheme()\n if (preferredColorScheme) {\n colorScheme = preferredColorScheme === \"dark\" ? \"light\" : \"dark\"\n }\n\n const html = document.querySelector(\"html\");\n if (!html) return;\n\n const currentScheme = html.getAttribute(\"data-color-scheme\");\n if (currentScheme && currentScheme !== \"os\") {\n colorScheme = currentScheme === \"dark\" ? \"light\" : \"dark\";\n }\n if (!colorScheme) {\n colorScheme = \"light\"\n }\n\n html.setAttribute(\"data-color-scheme\", colorScheme);\n localStorage.setItem(\"xyd-color-scheme\", colorScheme);\n updateColorSchemeInHead(colorScheme as \"dark\" | \"light\");\n }\n\n return [currentScheme, changeColorScheme]\n}\n\n\n// Function to update color-scheme in document head\nfunction updateColorSchemeInHead(scheme: \"dark\" | \"light\") {\n let styleElement = document.querySelector('style[data-color-scheme-style]');\n\n if (!styleElement) {\n styleElement = document.createElement('style');\n styleElement.setAttribute('data-color-scheme-style', 'true');\n document.head.appendChild(styleElement);\n }\n\n styleElement.textContent = `:root { color-scheme: ${scheme}; }`;\n}\n\nfunction getPreferredColorScheme() {\n if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n return 'dark';\n }\n\n if (window.matchMedia('(prefers-color-scheme: light)').matches) {\n return 'light';\n }\n\n return null\n}\n\n\nfunction IconLightMode() {\n return <svg\n width={16}\n height={16}\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g clipPath=\"url(#clip0_2880_7340)\">\n <path\n d=\"M8 1.11133V2.00022\"\n strokeWidth={1.5}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M12.8711 3.12891L12.2427 3.75735\"\n strokeWidth={1.5}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M14.8889 8H14\"\n strokeWidth={1.5}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M12.8711 12.8711L12.2427 12.2427\"\n strokeWidth={1.5}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M8 14.8889V14\"\n strokeWidth={1.5}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M3.12891 12.8711L3.75735 12.2427\"\n strokeWidth={1.5}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M1.11133 8H2.00022\"\n strokeWidth={1.5}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M3.12891 3.12891L3.75735 3.75735\"\n strokeWidth={1.5}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M8.00043 11.7782C10.0868 11.7782 11.7782 10.0868 11.7782 8.00043C11.7782 5.91402 10.0868 4.22266 8.00043 4.22266C5.91402 4.22266 4.22266 5.91402 4.22266 8.00043C4.22266 10.0868 5.91402 11.7782 8.00043 11.7782Z\"\n strokeWidth={1.5}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_2880_7340\">\n <rect width={16} height={16} fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n}\n\nfunction IconDarkMode() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={16}\n height={16}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <path d=\"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z\" />\n </svg>\n}\n","import React, {} from \"react\"\n\nimport * as cn from \"./Details.styles\";\nimport {useUXClick, useUXEvents} from \"../../uxsdk\";\n\n/**\n * Base interface for all Details component variants\n */\nexport interface BaseDetailsProps {\n /** Content to be displayed inside the details element */\n children: React.ReactNode;\n\n /** Label text displayed in the summary */\n label: string;\n\n /** Optional icon element to be displayed in the summary */\n icon?: React.ReactElement;\n\n /** Optional CSS class name for custom styling */\n className?: string;\n}\n\n/**\n * Props for the tertiary variant of the Details component\n */\nexport interface TertiaryDetailsProps extends BaseDetailsProps {\n /** Specifies the tertiary variant */\n kind: \"tertiary\";\n\n /** Title text or element displayed in the summary */\n title: string | React.ReactNode;\n}\n\n/**\n * Props for the secondary variant of the Details component\n */\nexport interface SecondaryDetailsProps extends BaseDetailsProps {\n /** Specifies the secondary variant */\n kind: \"secondary\";\n\n /** Title text or element displayed in the summary */\n title: string | React.ReactNode;\n}\n\n/**\n * Props for the primary variant of the Details component\n */\nexport interface PrimaryDetailsProps extends BaseDetailsProps {\n /** Specifies the primary variant (default) */\n kind?: \"primary\";\n}\n\n/** Union type of all possible Details component variants */\nexport type DetailsProps = PrimaryDetailsProps | SecondaryDetailsProps | TertiaryDetailsProps\n\n/**\n * A collapsible details component that supports three variants: primary, secondary, and tertiary.\n * Each variant has a different visual style and structure.\n *\n * @param props - The component props\n * @returns A details element with collapsible content\n *\n * @category Component\n */\nexport function Details(props: DetailsProps): React.ReactElement {\n const {children, label} = props;\n\n const ux = useUXEvents();\n const uxClick = useUXClick(\n ux.docs.details.open,\n ux.docs.details.close,\n () => ({label})\n )\n\n let title\n\n const isDeepKind = [\"secondary\", \"tertiary\"].includes(props.kind || \"\");\n\n if (isDeepKind && \"title\" in props) {\n title = props.title;\n }\n\n const kind = props.kind || \"primary\";\n\n return <details\n part=\"details\"\n className={`${cn.DetailsHost} ${props.className || \"\"}`}\n data-kind={props.kind}\n onClick={uxClick}\n >\n <summary part=\"summary\">\n {kind === \"primary\" && (\n <>\n {props.icon || <$Icon/>}\n <div part=\"summary-deep-label\">\n {label}\n </div>\n </>\n )}\n\n {isDeepKind && (\n <div>\n <div part=\"summary-deep\">\n {props.icon || <$IconDeep/>}\n <div part=\"summary-deep-text\">\n {title}\n </div>\n </div>\n <div part=\"summary-deep-label\">\n {label}\n </div>\n </div>\n )}\n {isDeepKind && <$Icon/>}\n </summary>\n\n <div part=\"content\">\n {children}\n </div>\n </details>\n}\n\nfunction $Icon() {\n return <div part=\"icon\">\n <svg\n // TODO: bad solution\n data-icon=\"true\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M8.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L14.586 12 8.293 5.707a1 1 0 0 1 0-1.414Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n </div>\n}\n\nfunction $IconDeep() {\n return <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 24 24\"\n stroke=\"none\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g clipPath=\"url(#clip0_1689_2180)\">\n <path\n d=\"M4.3 4.3L7.1 7.1M10.6 5.7V1.5M14.8 7.8L17.6 5M5.7 11.3H1.5M7.1 14.8L4.3 17.6M15.5 22.5L9.9 9.9L22.5 14.8L16.9 16.2L15.5 22.5Z\"\n stroke=\"currentColor\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_1689_2180\">\n <rect width={24} height={24} fill=\"white\"/>\n </clipPath>\n </defs>\n </svg>\n}\n\n","import React from \"react\"\n\nimport * as cn from \"./Hr.styles\";\n\nexport interface HrProps {\n}\n\nexport function Hr() {\n return <hr part=\"hr\" className={cn.HrHost}/>\n}","import {css} from \"@linaria/core\";\n\nexport const HrHost = css`\n @layer defaults {\n border: 0.5px solid var(--xyd-hr-border-color);\n }\n`;","\n\nimport React from 'react';\n\nimport * as cn from \"./Image.styles\"\n\nexport interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n src: string\n alt: string\n style?: React.CSSProperties\n caption?: string\n}\n\nexport function Image(props: ImageProps) {\n const { src, alt, style, caption, children, ...rest } = props\n\n const img = <img\n src={src}\n alt={alt}\n style={style}\n className={cn.ImageHost}\n {...rest}\n />\n\n if (!caption) {\n return img\n }\n\n return <>\n <figure>\n {img}\n <figcaption>{caption}</figcaption>\n </figure>\n </>\n}","import { css } from \"@linaria/core\"\n\nexport const ImageHost = css`\n @layer defaults {\n width: 100%;\n border-radius: 16px;\n box-shadow: 0 2px 16px rgba(0,0,0,0.06);\n }\n`;","import React from 'react';\n\nimport { Badge } from '../Badge';\nimport { Text } from '../Text';\n\nimport * as cn from \"./Update.styles\"\n\ninterface UpdateProps {\n children: React.ReactNode\n\n version: string\n\n date?: string\n}\n\nexport function Update(props: UpdateProps) {\n const { date, version, children } = props;\n return (\n <xyd-update className={cn.UpdateHost}>\n <div part=\"meta\">\n {date && <div part=\"date\">\n <Badge>\n {date}\n </Badge>\n </div>}\n <div part=\"version\">\n <Text size=\"small\">\n {version}\n </Text>\n </div>\n </div>\n <div part=\"content-container\">\n <div part=\"content\">{children}</div>\n </div>\n </xyd-update>\n );\n}\n","import { css } from \"@linaria/core\"\n\nexport const UpdateHost = css`\n @layer defaults {\n gap: 24px;\n flex-direction: row;\n padding-top: 32px;\n padding-bottom: 32px;\n align-items: flex-start;\n width: 100%;\n display: flex;\n position: relative;\n\n [part=\"meta\"] {\n width: 160px;\n position: sticky;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: column;\n flex-shrink: 0;\n display: flex;\n gap: 10px;\n }\n\n [part=\"content-container\"] {\n padding-left: 2px;\n padding-right: 2px;\n overflow: hidden;\n flex: 1 1 0%;\n max-width: 100%;\n }\n }\n`;"],"names":["Blockquote","className","children","React","createElement","blockquote","$SVGQuote","div","props","svg","width","height","viewBox","xmlns","part","path","d","fillRule","Breadcrumbs","items","as","Link","$Link","xyd-breadcrumbs","map","item","index","lastActive","length","Fragment","key","href","title","$BreadcrumbIcon","data-active","span","rest","a","Callout","kind","icon","$BulbIcon","$CheckIcon","$WarningIcon","$DangerIcon","$NoteIcon","$IconInfo","xyd-callout","data-kind","fill","clipRule","g","stroke","strokeLinecap","strokeLinejoin","strokeWidth","Card","description","imgSrc","imgAlt","logoSrc","logoAlt","shadow","link","btnText","cardContent","xyd-card","data-shadow","undefined","CardHost","img","src","alt","Text","weight","Button","size","Code","code","ColorSchemeButton","currentScheme","changeColorScheme","useColorScheme","theme","IconDarkMode","IconLightMode","onClick","setCurrentScheme","useState","useEffect","updateScheme","html","document","querySelector","scheme","getAttribute","finalScheme","getPreferredColorScheme","updateColorSchemeInHead","observer","MutationObserver","observe","attributes","attributeFilter","disconnect","colorScheme","preferredColorScheme","setAttribute","localStorage","setItem","styleElement","head","appendChild","textContent","window","matchMedia","matches","clipPath","defs","id","rect","Details","label","ux","useUXEvents","uxClick","useUXClick","docs","details","open","close","isDeepKind","includes","summary","$Icon","$IconDeep","data-icon","Hr","hr","HrHost","Image","style","caption","ImageHost","figure","figcaption","Update","date","version","xyd-update","UpdateHost","Badge"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Update-BZAgVqnP.js","sources":["../src/writer/Blockquote/Blockquote.tsx","../src/writer/Breadcrumbs/Breadcrumbs.tsx","../src/writer/Callout/Callout.tsx","../src/writer/Card/Card.tsx","../src/writer/Card/Card.styles.tsx","../src/writer/Code/Code.tsx","../src/writer/ColorSchemeButton/ColorSchemeButton.tsx","../src/writer/Details/Details.tsx","../src/writer/Hr/Hr.tsx","../src/writer/Hr/Hr.styles.tsx","../src/writer/Image/Image.tsx","../src/writer/Image/Image.styles.tsx","../src/writer/Update/Update.tsx","../src/writer/Update/Update.styles.tsx"],"sourcesContent":["import React from \"react\"\n\nimport * as cn from \"./Blockquote.styles\";\n\nexport interface BlockquoteProps {\n className?: string;\n children: React.ReactNode;\n}\n\nexport function Blockquote({ className, children }: BlockquoteProps) {\n return <blockquote\n className={`${cn.BlockquoteHost} ${className || ''}`}\n >\n <$SVGQuote />\n\n <div>\n {children}\n </div>\n </blockquote>\n}\n\nfunction $SVGQuote(props: React.SVGProps<SVGSVGElement>) {\n return (\n <svg\n width={15}\n height={11}\n viewBox=\"0 0 15 11\"\n xmlns=\"http://www.w3.org/2000/svg\"\n part=\"quote\"\n {...props}\n >\n <path\n d=\"M15 1.72c-1.96.95-2.94 2.07-2.94 3.36.83.1 1.53.44 2.07 1.02.55.58.82 1.25.82 2.01a2.81 2.81 0 0 1-2.8 2.89c-.9 0-1.68-.36-2.33-1.09a3.78 3.78 0 0 1-1-2.63c0-3.1 1.76-5.53 5.26-7.28L15 1.72zm-8.83 0c-1.97.95-2.96 2.07-2.96 3.36.85.1 1.55.44 2.1 1.02.54.58.82 1.25.82 2.01A2.82 2.82 0 0 1 3.3 11 3 3 0 0 1 .98 9.91 3.8 3.8 0 0 1 0 7.28C0 4.18 1.74 1.75 5.23 0l.94 1.72z\"\n fillRule=\"nonzero\"\n />\n </svg>\n )\n}","import React, { Fragment } from 'react'\nimport type { ReactElement } from 'react'\n\nimport * as cn from './Breadcrumbs.styles'\n\nexport interface BreadcrumbsProps {\n className?: string;\n items: {\n title: string\n href?: string\n }[]\n\n as?: React.ElementType\n}\n\nexport function Breadcrumbs({ className, items, as }: BreadcrumbsProps): ReactElement {\n const Link = as || $Link\n\n return (\n <xyd-breadcrumbs\n className={`${cn.BreadcrumbsHost} ${className || ''}`}\n >\n {items.map((item, index) => {\n const lastActive = index === items.length - 1\n\n return (\n <Fragment key={item.href + item.title}>\n {index > 0 && <$BreadcrumbIcon />}\n <div\n part=\"item\"\n data-active={lastActive ? \"true\" : \"false\"}\n >\n {item.href && !lastActive ? (\n <Link href={item.href}>{item.title}</Link>\n ) : (\n item.title\n )}\n </div>\n </Fragment>\n )\n })}\n </xyd-breadcrumbs>\n )\n}\n\nfunction $BreadcrumbIcon() {\n return <span part=\"icon\">/</span>\n}\n\nfunction $Link({ href, children, ...rest }) {\n return <a\n href={href}\n {...rest}\n >\n {children}\n </a>\n}","import React from \"react\"\n\nimport * as cn from \"./Callout.styles\";\n\n/**\n * Props for the Callout component\n */\nexport interface CalloutProps {\n /** Additional CSS class name to be applied to the callout */\n className?: string;\n\n /** Content to be displayed inside the callout */\n children: React.ReactNode;\n\n kind?: \"warning\" | \"note\" | \"tip\" | \"check\" | \"danger\"\n}\n\n/**\n * A Callout component that displays important information or notices in a visually distinct way.\n * It includes an info icon and a message area for content.\n * \n * @category Component\n */\nexport function Callout({ className, children, kind }: CalloutProps) {\n let icon\n\n switch (kind) {\n case \"tip\":\n icon = <$BulbIcon />\n break\n case \"check\":\n icon = <$CheckIcon />\n break\n case \"warning\":\n icon = <$WarningIcon />\n break\n case \"danger\":\n icon = <$DangerIcon />\n break\n case \"note\":\n icon = <$NoteIcon />\n break\n default:\n icon = <$IconInfo />\n break\n }\n\n return <xyd-callout\n data-kind={kind}\n className={`${cn.CalloutHost} ${className || ''}`}\n >\n <div part=\"icon\">\n {icon}\n </div>\n <div part=\"message\">\n <div part=\"message-body\">\n {children}\n </div>\n </div>\n </xyd-callout>\n}\n\nfunction $IconInfo() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n fill=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path d=\"M13 12a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm-1-2.5A1.25 1.25 0 1 0 12 7a1.25 1.25 0 0 0 0 2.5Z\" />\n <path\n fillRule=\"evenodd\"\n d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n}\n\nfunction $BulbIcon() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n >\n <g\n fill=\"none\"\n stroke=\"currentColor\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={1.5}\n >\n <path d=\"M17.252 12.49c-.284 2.365-1.833 3.31-2.502 3.996c-.67.688-.55.825-.505 1.834a.916.916 0 0 1-.916.971h-2.658a.92.92 0 0 1-.917-.971c0-.99.092-1.22-.504-1.834c-.76-.76-2.548-1.833-2.548-4.784a5.307 5.307 0 1 1 10.55.788\" />\n <path d=\"M10.46 19.236v1.512c0 .413.23.752.513.752h2.053c.285 0 .514-.34.514-.752v-1.512m-2.32-10.54a2.227 2.227 0 0 0-2.226 2.227m10.338.981h1.834m-3.68-6.012l1.301-1.301M18.486 17l1.301 1.3M12 2.377V3.86m-6.76.73l1.292 1.302M4.24 18.3L5.532 17m-.864-5.096H2.835\" />\n </g>\n </svg>\n}\n\nfunction $CheckIcon() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n >\n <path\n fill=\"currentColor\"\n d=\"m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z\"\n />\n </svg>\n}\n\nfunction $WarningIcon() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"-2 -3 24 24\"\n >\n <path\n fill=\"currentColor\"\n d=\"m12.8 1.613l6.701 11.161c.963 1.603.49 3.712-1.057 4.71a3.2 3.2 0 0 1-1.743.516H3.298C1.477 18 0 16.47 0 14.581c0-.639.173-1.264.498-1.807L7.2 1.613C8.162.01 10.196-.481 11.743.517c.428.276.79.651 1.057 1.096m-2.22.839a1.077 1.077 0 0 0-1.514.365L2.365 13.98a1.17 1.17 0 0 0-.166.602c0 .63.492 1.14 1.1 1.14H16.7c.206 0 .407-.06.581-.172a1.164 1.164 0 0 0 .353-1.57L10.933 2.817a1.1 1.1 0 0 0-.352-.365zM10 14a1 1 0 1 1 0-2a1 1 0 0 1 0 2m0-9a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V6a1 1 0 0 1 1-1\"\n />\n </svg>\n}\n\nfunction $DangerIcon() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n >\n <path\n fill=\"none\"\n stroke=\"currentColor\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={1.5}\n d=\"M20.5 15.8V8.2a1.91 1.91 0 0 0-.944-1.645l-6.612-3.8a1.88 1.88 0 0 0-1.888 0l-6.612 3.8A1.9 1.9 0 0 0 3.5 8.2v7.602a1.91 1.91 0 0 0 .944 1.644l6.612 3.8a1.88 1.88 0 0 0 1.888 0l6.612-3.8A1.9 1.9 0 0 0 20.5 15.8M12 7.627v5.5m0 3.246v-.5\"\n />\n </svg>\n}\n\nfunction $NoteIcon() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n >\n <g className=\"pin-outline\">\n <g\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n className=\"Vector\"\n clipRule=\"evenodd\"\n >\n <path d=\"M12 16.143a1 1 0 0 1 1 1V21a1 1 0 0 1-2 0v-3.857a1 1 0 0 1 1-1\" />\n <path d=\"M8.447 4.223q0 .01.007.033c.05.17.12.344.198.51c.262.549.53 1.246.53 2.027v3.85c0 1.03-.442 1.97-1.109 2.666c-.49.512-.873.979-1.169 1.391c-.114.16-.133.269-.135.321a.25.25 0 0 0 .052.16c.089.126.352.319.83.319h4.985a1 1 0 1 1 0 2H7.652c-.987 0-1.93-.403-2.468-1.17c-.58-.827-.556-1.887.095-2.795c.355-.495.8-1.035 1.35-1.61c.358-.373.553-.833.553-1.282v-3.85c0-.335-.118-.71-.336-1.168a5.5 5.5 0 0 1-.31-.805c-.265-.898.081-1.68.664-2.168C7.736 2.204 8.455 2 9.124 2h3.512a1 1 0 1 1 0 2H9.124c-.303 0-.536.099-.64.186a.2.2 0 0 0-.037.037m-.005.007\" />\n <path d=\"M15.553 4.223a3.5 3.5 0 0 1-.206.543c-.26.549-.529 1.246-.529 2.027v3.85c0 1.03.442 1.97 1.109 2.666c.49.512.873.979 1.169 1.391c.114.16.133.269.135.321a.25.25 0 0 1-.052.16c-.089.126-.352.319-.83.319h-4.985a1 1 0 1 0 0 2h4.985c.986 0 1.928-.403 2.467-1.17c.58-.827.556-1.887-.095-2.795c-.355-.495-.8-1.035-1.35-1.61c-.358-.373-.553-.833-.553-1.282v-3.85c0-.335.118-.71.335-1.168c.116-.243.226-.515.311-.805c.265-.898-.081-1.68-.664-2.168C16.264 2.204 15.545 2 14.876 2h-3.512a1 1 0 1 0 0 2h3.512c.303 0 .536.099.64.186q.029.026.037.037m.005.007\" />\n </g>\n </g>\n </svg>\n}","import React from \"react\"\n\nimport { Button } from \"../Button\"\nimport { Text } from \"../Text\"\n\nimport * as cn from \"./Card.styles\"\n\ninterface CardProps {\n title: string\n href?: string\n link?: React.ElementType\n\n description?: string\n btnText?: string\n\n imgSrc?: string\n imgAlt?: string\n\n logoSrc?: string\n logoAlt?: string\n\n shadow?: \"md\"\n}\n\nexport function Card(props: CardProps) {\n const {\n title,\n description,\n imgSrc,\n imgAlt,\n logoSrc,\n logoAlt,\n shadow,\n href,\n link,\n btnText,\n } = props\n\n const Link = link\n\n const cardContent = (\n <xyd-card\n data-shadow={shadow || undefined}\n className={cn.CardHost}\n >\n {imgSrc && (\n <div part=\"image-container\">\n <div part=\"bg\">\n <img src={imgSrc} alt={imgAlt} />\n <div part=\"bg-shadow\" />\n </div>\n\n {\n Link && href && logoSrc && <span\n part=\"author-link\"\n >\n <img\n src={logoSrc}\n alt={logoAlt}\n />\n </span>\n }\n\n </div>\n )}\n\n <div part=\"body\">\n <div part=\"header\">\n <Text weight=\"bold\">\n {title}\n </Text>\n {\n btnText && <Button size=\"md\" kind=\"secondary\">\n {btnText}\n </Button>\n }\n </div>\n <div part=\"description\">\n <Text size=\"small\">\n {description}\n </Text>\n </div>\n </div>\n </xyd-card>\n )\n\n // If no imgSrc and we have Link and href, wrap the entire card in a link\n if (!btnText && Link && href) {\n return (\n <Link href={href}>\n {cardContent}\n </Link>\n )\n }\n\n return cardContent\n}\n\n","import { css } from \"@linaria/core\"\n\nexport const CardHost = css`\n --card-shadow-atom-color: color-mix(\n in srgb,\n var(--black) 10%,\n transparent 90%\n );\n --card-shadow: 0 1px 3px 0 var(--card-shadow-atom-color), 0 1px 2px -1px var(--card-shadow-atom-color);\n --card-ring-offset-shadow: 0 0 var(--black);\n --card-ring-shadow: 0 0 var(--black);\n\n box-shadow: var(--card-ring-offset-shadow, 0 0 var(--black)), var(--card-ring-shadow, 0 0 var(--black)), var(--card-shadow);\n /* box-shadow: 0 1px 2px 0 var(--xyd-card-shadow-color); */\n \n border-radius: 8px;\n background-color: var(--xyd-card-bgcolor);\n flex-direction: column;\n display: flex;\n overflow: hidden;\n position: relative;\n height: 100%;\n\n /* &[data-shadow=\"md\"] {\n box-shadow: 0 5px 40px var(--xyd-card-shadow-color);\n } */\n\n &:hover {\n --card-shadow: 0 10px 15px -3px var(--card-shadow-atom-color), 0 4px 6px -4px var(--card-shadow-atom-color);\n box-shadow: var(--card-ring-offset-shadow, 0 0 var(--black)), var(--card-ring-shadow, 0 0 var(--black)), var(--card-shadow);\n }\n\n [part=\"image-container\"] {\n border-bottom: 2px solid var(--xyd-card-border-color);\n height: 200px;\n /* overflow: hidden; */\n position: relative;\n transition: transform 0.1s ease-in;\n\n &:hover {\n transform: scale(1.02);\n }\n\n [part=\"bg\"] {\n background-size: cover;\n background-repeat: no-repeat;\n position: relative;\n height: 100%;\n }\n\n [part=\"bg-shadow\"] {\n --card-gradient-from: hsla(0, 0%, 4%, 0) var(--xyd-gradient-from-position);\n --card-gradient-to: hsla(0, 0%, 4%, .2) var(--xyd-gradient-to-position);\n --card-gradient-stops: var(--card-gradient-from), hsla(0, 0%, 4%, .1) var(--xyd-gradient-via-position), var(--card-gradient-to);\n background-repeat: no-repeat;\n background-size: cover;\n height: 100%;\n position: absolute;\n top: 0;\n width: 100%;\n background-image: linear-gradient(to bottom, var(--card-gradient-stops));\n pointer-events: none;\n }\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin-bottom: -4px;\n }\n }\n\n [part=\"author-link\"] {\n --card-shadow: 0 4px 6px -1px var(--card-shadow-atom-color), 0 2px 4px -2px var(--card-shadow-atom-color);\n --card-bg-opacity: 1;\n\n box-shadow: var(--card-ring-offset-shadow, 0 0 var(--black)), var(--card-ring-shadow, 0 0 var(--black)), var(--card-shadow);\n background-color: rgb(245 245 245 / var(--card-bg-opacity));\n border-width: 1px;\n border-color: var(--dark8);\n border-radius: 9999px;\n overflow: hidden;\n width: 4rem;\n height: 4rem;\n z-index: 2;\n left: 1.25rem;\n bottom: -2rem;\n position: absolute;\n\n img {\n width: 100%;\n height: 100%;\n display: block;\n max-width: 100%;\n }\n }\n\n [part=\"body\"] {\n /* padding: 16px; */\n\n padding: 50px 1.25rem;\n\n [part=\"header\"] {\n margin-right: 4px;\n align-items: center;\n justify-content: space-between;\n /* margin-bottom: 12px; */\n display: flex;\n }\n }\n`","import React from \"react\"\n\nimport * as cn from \"./Code.styles\";\n\nexport interface CodeProps {\n className?: string;\n children: React.ReactNode;\n}\n\nexport function Code({ className, children }: CodeProps) {\n return <code className={`${cn.CodeHost} ${className || ''}`}>\n <span part=\"content\">\n {children}\n </span>\n </code>\n}","import React, { useEffect, useState } from \"react\";\n\nimport { Button } from \"../Button\";\n\nexport function ColorSchemeButton() {\n const [currentScheme, changeColorScheme] = useColorScheme() as [string, () => void]\n\n return <Button\n size=\"sm\"\n theme=\"ghost\"\n icon={currentScheme === \"dark\" ? <IconDarkMode /> : <IconLightMode />}\n onClick={changeColorScheme}\n />\n}\n\nexport function useColorScheme(): [\"dark\" | \"light\" | null, () => void] {\n const [currentScheme, setCurrentScheme] = useState<\"dark\" | \"light\" | null>(null)\n\n // TODO: context \n useEffect(() => {\n const updateScheme = () => {\n const html = document.querySelector(\"html\");\n if (html) {\n const scheme = html.getAttribute(\"data-color-scheme\") || \"os\";\n if (scheme === \"os\") {\n const preferred = getPreferredColorScheme();\n const finalScheme = preferred || \"light\";\n setCurrentScheme(finalScheme);\n updateColorSchemeInHead(finalScheme);\n } else {\n const finalScheme = scheme as \"dark\" | \"light\";\n setCurrentScheme(finalScheme);\n updateColorSchemeInHead(finalScheme);\n }\n }\n };\n\n updateScheme();\n\n // Listen for changes to the color scheme\n const observer = new MutationObserver(updateScheme);\n const html = document.querySelector(\"html\");\n if (html) {\n observer.observe(html, { attributes: true, attributeFilter: ['data-color-scheme'] });\n }\n\n return () => observer.disconnect();\n }, []);\n\n function changeColorScheme() {\n let colorScheme = \"\"\n\n const preferredColorScheme = getPreferredColorScheme()\n if (preferredColorScheme) {\n colorScheme = preferredColorScheme === \"dark\" ? \"light\" : \"dark\"\n }\n\n const html = document.querySelector(\"html\");\n if (!html) return;\n\n const currentScheme = html.getAttribute(\"data-color-scheme\");\n if (currentScheme && currentScheme !== \"os\") {\n colorScheme = currentScheme === \"dark\" ? \"light\" : \"dark\";\n }\n if (!colorScheme) {\n colorScheme = \"light\"\n }\n\n html.setAttribute(\"data-color-scheme\", colorScheme);\n localStorage.setItem(\"xyd-color-scheme\", colorScheme);\n updateColorSchemeInHead(colorScheme as \"dark\" | \"light\");\n }\n\n return [currentScheme, changeColorScheme]\n}\n\n\n// Function to update color-scheme in document head\nfunction updateColorSchemeInHead(scheme: \"dark\" | \"light\") {\n let styleElement = document.querySelector('style[data-color-scheme-style]');\n\n if (!styleElement) {\n styleElement = document.createElement('style');\n styleElement.setAttribute('data-color-scheme-style', 'true');\n document.head.appendChild(styleElement);\n }\n\n styleElement.textContent = `:root { color-scheme: ${scheme}; }`;\n}\n\nfunction getPreferredColorScheme() {\n if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n return 'dark';\n }\n\n if (window.matchMedia('(prefers-color-scheme: light)').matches) {\n return 'light';\n }\n\n return null\n}\n\n\nfunction IconLightMode() {\n return <svg\n width={16}\n height={16}\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n stroke=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g clipPath=\"url(#clip0_2880_7340)\">\n <path\n d=\"M8 1.11133V2.00022\"\n strokeWidth={1.5}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M12.8711 3.12891L12.2427 3.75735\"\n strokeWidth={1.5}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M14.8889 8H14\"\n strokeWidth={1.5}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M12.8711 12.8711L12.2427 12.2427\"\n strokeWidth={1.5}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M8 14.8889V14\"\n strokeWidth={1.5}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M3.12891 12.8711L3.75735 12.2427\"\n strokeWidth={1.5}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M1.11133 8H2.00022\"\n strokeWidth={1.5}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M3.12891 3.12891L3.75735 3.75735\"\n strokeWidth={1.5}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M8.00043 11.7782C10.0868 11.7782 11.7782 10.0868 11.7782 8.00043C11.7782 5.91402 10.0868 4.22266 8.00043 4.22266C5.91402 4.22266 4.22266 5.91402 4.22266 8.00043C4.22266 10.0868 5.91402 11.7782 8.00043 11.7782Z\"\n strokeWidth={1.5}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_2880_7340\">\n <rect width={16} height={16} fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n}\n\nfunction IconDarkMode() {\n return <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={16}\n height={16}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <path d=\"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z\" />\n </svg>\n}\n","import React, {} from \"react\"\n\nimport * as cn from \"./Details.styles\";\nimport {useUXClick, useUXEvents} from \"../../uxsdk\";\n\n/**\n * Base interface for all Details component variants\n */\nexport interface BaseDetailsProps {\n /** Content to be displayed inside the details element */\n children: React.ReactNode;\n\n /** Label text displayed in the summary */\n label: string;\n\n /** Optional icon element to be displayed in the summary */\n icon?: React.ReactElement;\n\n /** Optional CSS class name for custom styling */\n className?: string;\n}\n\n/**\n * Props for the tertiary variant of the Details component\n */\nexport interface TertiaryDetailsProps extends BaseDetailsProps {\n /** Specifies the tertiary variant */\n kind: \"tertiary\";\n\n /** Title text or element displayed in the summary */\n title: string | React.ReactNode;\n}\n\n/**\n * Props for the secondary variant of the Details component\n */\nexport interface SecondaryDetailsProps extends BaseDetailsProps {\n /** Specifies the secondary variant */\n kind: \"secondary\";\n\n /** Title text or element displayed in the summary */\n title: string | React.ReactNode;\n}\n\n/**\n * Props for the primary variant of the Details component\n */\nexport interface PrimaryDetailsProps extends BaseDetailsProps {\n /** Specifies the primary variant (default) */\n kind?: \"primary\";\n}\n\n/** Union type of all possible Details component variants */\nexport type DetailsProps = PrimaryDetailsProps | SecondaryDetailsProps | TertiaryDetailsProps\n\n/**\n * A collapsible details component that supports three variants: primary, secondary, and tertiary.\n * Each variant has a different visual style and structure.\n *\n * @param props - The component props\n * @returns A details element with collapsible content\n *\n * @category Component\n */\nexport function Details(props: DetailsProps): React.ReactElement {\n const {children, label} = props;\n\n const ux = useUXEvents();\n const uxClick = useUXClick(\n ux.docs.details.open,\n ux.docs.details.close,\n () => ({label})\n )\n\n let title\n\n const isDeepKind = [\"secondary\", \"tertiary\"].includes(props.kind || \"\");\n\n if (isDeepKind && \"title\" in props) {\n title = props.title;\n }\n\n const kind = props.kind || \"primary\";\n\n return <details\n part=\"details\"\n className={`${cn.DetailsHost} ${props.className || \"\"}`}\n data-kind={props.kind}\n onClick={uxClick}\n >\n <summary part=\"summary\">\n {kind === \"primary\" && (\n <>\n {props.icon || <$Icon/>}\n <div part=\"summary-deep-label\">\n {label}\n </div>\n </>\n )}\n\n {isDeepKind && (\n <div>\n <div part=\"summary-deep\">\n {props.icon || <$IconDeep/>}\n <div part=\"summary-deep-text\">\n {title}\n </div>\n </div>\n <div part=\"summary-deep-label\">\n {label}\n </div>\n </div>\n )}\n {isDeepKind && <$Icon/>}\n </summary>\n\n <div part=\"content\">\n {children}\n </div>\n </details>\n}\n\nfunction $Icon() {\n return <div part=\"icon\">\n <svg\n // TODO: bad solution\n data-icon=\"true\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n fill=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M8.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L14.586 12 8.293 5.707a1 1 0 0 1 0-1.414Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n </div>\n}\n\nfunction $IconDeep() {\n return <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 24 24\"\n stroke=\"none\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g clipPath=\"url(#clip0_1689_2180)\">\n <path\n d=\"M4.3 4.3L7.1 7.1M10.6 5.7V1.5M14.8 7.8L17.6 5M5.7 11.3H1.5M7.1 14.8L4.3 17.6M15.5 22.5L9.9 9.9L22.5 14.8L16.9 16.2L15.5 22.5Z\"\n stroke=\"currentColor\"\n strokeWidth={2}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_1689_2180\">\n <rect width={24} height={24} fill=\"white\"/>\n </clipPath>\n </defs>\n </svg>\n}\n\n","import React from \"react\"\n\nimport * as cn from \"./Hr.styles\";\n\nexport interface HrProps {\n}\n\nexport function Hr() {\n return <hr part=\"hr\" className={cn.HrHost}/>\n}","import {css} from \"@linaria/core\";\n\nexport const HrHost = css`\n @layer defaults {\n border: 0.5px solid var(--xyd-hr-border-color);\n }\n`;","\n\nimport React from 'react';\n\nimport * as cn from \"./Image.styles\"\n\nexport interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n src: string\n alt: string\n style?: React.CSSProperties\n caption?: string\n}\n\nexport function Image(props: ImageProps) {\n const { src, alt, style, caption, children, ...rest } = props\n\n const img = <img\n src={src}\n alt={alt}\n style={style}\n className={cn.ImageHost}\n {...rest}\n />\n\n if (!caption) {\n return img\n }\n\n return <>\n <figure>\n {img}\n <figcaption>{caption}</figcaption>\n </figure>\n </>\n}","import { css } from \"@linaria/core\"\n\nexport const ImageHost = css`\n @layer defaults {\n width: 100%;\n border-radius: 16px;\n box-shadow: 0 2px 16px rgba(0,0,0,0.06);\n }\n`;","import React from 'react';\n\nimport { Badge } from '../Badge';\nimport { Text } from '../Text';\n\nimport * as cn from \"./Update.styles\"\n\ninterface UpdateProps {\n children: React.ReactNode\n\n version: string\n\n date?: string\n}\n\nexport function Update(props: UpdateProps) {\n const { date, version, children } = props;\n return (\n <xyd-update className={cn.UpdateHost}>\n <div part=\"meta\">\n {date && <div part=\"date\">\n <Badge>\n {date}\n </Badge>\n </div>}\n <div part=\"version\">\n <Text size=\"small\">\n {version}\n </Text>\n </div>\n </div>\n <div part=\"content-container\">\n <div part=\"content\">{children}</div>\n </div>\n </xyd-update>\n );\n}\n","import { css } from \"@linaria/core\"\n\nexport const UpdateHost = css`\n @layer defaults {\n gap: 24px;\n flex-direction: row;\n padding-top: 32px;\n padding-bottom: 32px;\n align-items: flex-start;\n width: 100%;\n display: flex;\n position: relative;\n\n [part=\"meta\"] {\n width: 160px;\n position: sticky;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: column;\n flex-shrink: 0;\n display: flex;\n gap: 10px;\n }\n\n [part=\"content-container\"] {\n padding-left: 2px;\n padding-right: 2px;\n overflow: hidden;\n flex: 1 1 0%;\n max-width: 100%;\n }\n }\n`;"],"names":["Blockquote","className","children","React","createElement","blockquote","$SVGQuote","div","props","svg","width","height","viewBox","xmlns","part","path","d","fillRule","Breadcrumbs","items","as","Link","$Link","xyd-breadcrumbs","map","item","index","lastActive","length","Fragment","key","href","title","$BreadcrumbIcon","data-active","span","rest","a","Callout","kind","icon","$BulbIcon","$CheckIcon","$WarningIcon","$DangerIcon","$NoteIcon","$IconInfo","xyd-callout","data-kind","fill","clipRule","g","stroke","strokeLinecap","strokeLinejoin","strokeWidth","Card","description","imgSrc","imgAlt","logoSrc","logoAlt","shadow","link","btnText","cardContent","xyd-card","data-shadow","undefined","CardHost","img","src","alt","Text","weight","Button","size","Code","code","ColorSchemeButton","currentScheme","changeColorScheme","useColorScheme","theme","IconDarkMode","IconLightMode","onClick","setCurrentScheme","useState","useEffect","updateScheme","html","document","querySelector","scheme","getAttribute","finalScheme","getPreferredColorScheme","updateColorSchemeInHead","observer","MutationObserver","observe","attributes","attributeFilter","disconnect","colorScheme","preferredColorScheme","setAttribute","localStorage","setItem","styleElement","head","appendChild","textContent","window","matchMedia","matches","clipPath","defs","id","rect","Details","label","ux","useUXEvents","uxClick","useUXClick","docs","details","open","close","isDeepKind","includes","summary","$Icon","$IconDeep","data-icon","Hr","hr","HrHost","Image","style","caption","ImageHost","figure","figcaption","Update","date","version","xyd-update","UpdateHost","Badge"],"mappings":"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"}
|