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

package/src/writer/VideoGuide/VideoGuide.module.css

@@ -0,0 +1,105 @@
+@layer defaults {
+    .VideoPlayerHost {
+        z-index: var(--xyd-videoguide-miniature-z-index);
+        width: var(--xyd-videoguide-miniature-mini-width);
+        height: var(--xyd-videoguide-miniature-mini-height);
+        overflow: visible;
+
+        [part="shape"] {
+            position: relative;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            overflow: visible;
+            box-shadow: var(--xyd-videoguide-miniature-shadow);
+            border-radius: var(--xyd-videoguide-miniature-radius);
+            box-sizing: border-box;
+            background-color: var(--xyd-videoguide-miniature-bgcolor);
+        }
+
+        [part="frame"] {
+            position: relative;
+            width: 100%;
+            height: var(--xyd-videoguide-miniature-mini-height);
+
+            background-color: var(--xyd-videoguide-miniature-bgcolor);
+            overflow: hidden;
+            border-radius: var(--xyd-videoguide-miniature-radius);
+            box-sizing: border-box;
+        }
+
+        [part="thumbnail"] {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background-image: url(https://xyd-land.netlify.app/docs-hero.png);
+            background-size: cover;
+            background-position: center;
+        }
+
+        [part="cover"] {
+            background-color: transparent;
+            backdrop-filter: brightness(60%) blur(10px);
+            -webkit-backdrop-filter: brightness(60%) blur(10px);
+
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            transition: backdrop-filter .1s ease-in-out, -webkit-backdrop-filter .1s ease-in-out, opacity .1s ease-in-out, background-color .1s ease-in-out;
+
+            overflow: hidden;
+
+            border-radius: var(--xyd-videoguide-miniature-radius);
+            box-sizing: border-box;
+        }
+
+        [part="controls"] {
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            box-sizing: border-box;
+        }
+
+        [part="button"] {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            width: 100%;
+            height: 100%;
+        }
+
+        [part="icon"] {
+            color: var(--xyd-videoguide-miniature-color);
+            display: flex;
+            box-sizing: border-box;
+
+            svg {
+                fill: currentColor;
+            }
+        }
+
+        [part="description"] {
+            box-sizing: border-box;
+            margin-top: 8px;
+        }
+
+        [part="description-container"] {
+            box-sizing: border-box;
+            margin-top: 8px;
+        }
+
+        [part="description"] {
+            text-align: center;
+            color: var(--xyd-videoguide-miniature-color);
+            display: block;
+            white-space: normal;
+        }
+    }
+}

package/src/writer/VideoGuide/VideoGuide.tsx

@@ -0,0 +1,75 @@
+import React from "react";
+
+import cn from "./VideoGuide.module.css";
+
+export function VideoGuide() {
+    return null
+};
+
+interface VideoGuideMiniatureProps {
+    videoSrc?: string;
+    description?: string;
+    className?: string;
+}
+
+VideoGuide.Miniature = function VideoGuideMiniature(props: VideoGuideMiniatureProps) {
+    const {
+        videoSrc,
+        description = "Watch the video guide"
+    } = props;
+
+    return <xyd-videoguide-miniature
+        className={`${cn.VideoPlayerHost} ${props.className || ""}`}
+    >
+        <div part="shape" >
+            <div part="frame" >
+                <iframe
+                    width="100%"
+                    height="100%"
+                    allow="autoplay; fullscreen"
+                    src={videoSrc}
+                />
+                <div part="thumbnail" />
+            </div>
+
+            <div part="cover">
+                <div part="controls">
+                    <button part="button" type="button">
+                        <div
+                            aria-hidden="true"
+                            part="icon"
+                        >
+                            <$PlayIcon />
+                        </div>
+
+                        <div part="description-container" >
+                            <span part="description" >
+                                {description}
+                            </span>
+                        </div>
+                    </button>
+                </div>
+            </div>
+        </div>
+    </xyd-videoguide-miniature>
+};
+
+
+function $PlayIcon() {
+    return <svg
+        aria-hidden="true"
+        height={32}
+        width={32}
+        viewBox="0 0 16 16"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M8 14.25A6.25 6.25 0 0 0 14.25 8 6.242 6.242 0 0 0 8 1.75 6.25 6.25 0 0 0 1.75 8 6.25 6.25 0 0 0 8 14.25ZM8 16a8 8 0 0 0 8-8c0-4.419-3.57-8-8-8a8 8 0 0 0-8 8 8 8 0 0 0 8 8Z"
+        />
+        <path
+            d="M10.817 7.659A.415.415 0 0 1 11 8a.415.415 0 0 1-.183.341L7.242 10.91c-.305.218-.742.02-.742-.34V5.431c0-.36.437-.56.742-.341l3.575 2.568Z" />
+    </svg>
+}

package/src/writer/VideoGuide/index.ts

@@ -0,0 +1 @@
+export {VideoGuide} from './VideoGuide'; 

package/src/writer/index.ts

@@ -1,13 +1,23 @@
+export * from "./Anchor"
+
 export * from "./Badge"
 
+export * from "./Banner"
+
 export * from "./Blockquote"
 
 export * from "./Breadcrumbs"
 
+export * from "./Button"
+
 export * from "./Callout"
 
+export * from "./Card"
+
 export * from "./Code"
 
+export * from "./ColorSchemeButton"
+
 export * from "./Details"
 
 export * from "./GuideCard"
@@ -18,6 +28,10 @@ export * from "./Hr"
 
 export * from "./Icon"
 
+export * from "./Image"
+
+export * from "./List"
+
 export * from "./NavLinks"
 
 export * from "./Pre"
@@ -26,7 +40,15 @@ export * from "./Steps"
 
 export * from "./Table"
 
-export * from "./Tabs"
+// export * from "./Tabs"
+
+export * from "./Text"
+
+export * from "./TocCard"
 
 export * from "./UnderlineNav"
 
+export * from "./Update"
+
+export * from "./VideoGuide"
+

package/tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "module": "esnext",
     "esModuleInterop": true,
-    "moduleResolution": "bundler", // Update this line
+    "moduleResolution": "bundler",
     "target": "ES6",
     "lib": [
       "dom",
@@ -12,7 +12,7 @@
     "allowJs": true,
     "skipLibCheck": true,
     "strict": false,
-    "noEmit": true,
+    "noEmit": false,
     "incremental": false,
     "resolveJsonModule": true,
     "isolatedModules": true,
@@ -23,17 +23,22 @@
       }
     ],
     "strictNullChecks": true,
-    "allowImportingTsExtensions": true,
     "baseUrl": ".",
     "paths": {
-      "*": ["*", "*.ts"]
-    }
+      "@xyd-js/core": [
+        "../xyd-core/index.ts"
+      ],
+    },
+    "typeRoots": [
+      "./types.d.ts"
+    ]
   },
   "include": [
     "next-env.d.ts",
     "**/*.ts",
     "**/*.tsx",
-    ".next/types/**/*.ts"
+    ".next/types/**/*.ts",
+    "types.d.ts"
   ],
   "exclude": [
     "node_modules"

package/types.d.ts

@@ -0,0 +1,50 @@
+import * as React from 'react'
+
+declare global {
+  namespace React {
+    namespace JSX {
+      interface IntrinsicElements {
+        // Code
+        'xyd-code-bg': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-code-mark-inline': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-code-linenumber': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-code-mark': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-code-pre': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-code-loader': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-code-copy': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-codetabs': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-codetabs-languages': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+
+        // Layout
+        'xyd-layout-primary': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+
+        // Components
+        'xyd-badge': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-banner': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-callout': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-card': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-breadcrumbs': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-guidecard': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-guidecard-list': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-navlinks': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-steps': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-steps-item': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-table-cell': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-tabs': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-toccard': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-underlinenav': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-underlinenav-content': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-videoguide-miniature': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-content-decorator': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        'xyd-grid-decorator': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+
+
+        // Kit
+        'xyd-loader': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+
+        // System
+        'xyd-search-button': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+      }
+    }
+  }
+}

package/writer.ts

@@ -1 +1 @@
-export * from "./src/writer"
+export * from "./src/writer"

package/dist/CTABanner-BrdYlhnD.js

@@ -1,2 +0,0 @@
-import e from"react";var a="hn2r3b2",n="hgvnekf";function t(t){var r=t.children,c=t.kind;return e.createElement("button",{className:"\n        ".concat(a,"\n        ").concat("secondary"===c&&n,"\n    ")},r)}var r="h1vbgqbd",c="c1qluffv",l="h7zyorj",s="h10nnuqu";function m(a){var n=a.children;return e.createElement("div",{className:r},e.createElement("div",{className:c},e.createElement("div",{className:l},n)))}var i="h1xgyvqe",v="t1rx1fna",u="s9nduqh";m.Heading=function(a){var n=a.title,t=a.subtitle,r=a.headingEffect;return e.createElement("div",{className:i},e.createElement("h1",{className:v},r?e.createElement("span",{className:s},n):n),e.createElement("p",{className:u},t))};var o="hth6on8";m.ButtonGroup=function(a){var n=a.children;return e.createElement("div",{className:o},n)};export{t as B,m as C};
-//# sourceMappingURL=CTABanner-BrdYlhnD.js.map

package/dist/CTABanner-BrdYlhnD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CTABanner-BrdYlhnD.js","sources":["../src/brand/Button/Button.tsx","../src/brand/CTABanner/CTABanner.tsx"],"sourcesContent":["import React from \"react\";\nimport {css} from \"@linaria/core\";\n\nconst $button = {\n    host: css`\n        display: inline-block;\n        border: 1px solid transparent;\n        text-align: center;\n        font-weight: 600;\n        white-space: nowrap;\n        border-radius: 20px;\n        padding: 0 20px;\n        line-height: 38px;\n        font-size: 14px;\n        border-color: transparent;\n        color: #3c3c43;\n        background-color: #f7f7f8;\n\n        transition: color .25s, border-color .25s, background-color .25s;\n\n        &:hover {\n            background: #e3e3e6;\n        }\n    `,\n\n    host$$secondary: css`\n        color: #fff;\n        background-color: rgb(112, 81, 212);\n\n        &:hover {\n            background-color: rgb(95, 59, 211)\n        }\n    `\n}\n\nexport interface ButtonProps {\n    children: React.ReactNode\n    kind?: \"secondary\"\n}\n\nexport function Button({children, kind}: ButtonProps) {\n    return <button className={`\n        ${$button.host}\n        ${kind === \"secondary\" && $button.host$$secondary}\n    `}>\n        {children}\n    </button>\n}","import React from \"react\"\nimport {css} from \"@linaria/core\";\n\nconst $banner = {\n    host: css`\n        padding: 20px;\n    `,\n    container: css`\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 80px;\n    `,\n    hero: css`\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n        gap: 40px;\n    `,\n    headingEffect: css`\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n\n        background: -webkit-linear-gradient(\n                120deg,\n                var(--headingEffect-color-tertiary) 20%,\n                var(--headingEffect-color-tertiary) 30%,\n                var(--headingEffect-color-secondary) 60%,\n                var(--headingEffect-color-primary) 75%,\n                var(--headingEffect-color-primary) 85%\n        );\n        background-clip: text;\n        -webkit-text-fill-color: transparent;\n        animation: wave 5s infinite;\n        background-size: 200% 200%;\n        background-position: 50% 50%; // Start with all colors visible\n\n        @keyframes wave {\n            0% {\n                background-position: 50% 50%;\n            }\n            50% {\n                background-position: 0% 50%;\n            }\n            100% {\n                background-position: 50% 50%;\n            }\n        }\n    `\n}\n\nexport interface CTABannerProps {\n    children: React.ReactNode\n}\n\nexport function CTABanner({children}: CTABannerProps) {\n    return <div className={$banner.host}>\n        <div className={$banner.container}>\n            <div className={$banner.hero}>\n                {children}\n            </div>\n        </div>\n    </div>\n}\n\nconst $heading = {\n    host: css`\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n    `,\n    title: css`\n        font-size: 76px;\n        font-weight: 900;\n        text-align: center;\n        letter-spacing: 3px;\n        margin: 0;\n    `,\n    subtitle: css`\n        color: #3c3c43;\n        font-size: 46px;\n        font-weight: 600;\n        text-align: center;\n    `\n}\n\nexport interface CTABannerHeadingProps {\n    title: string\n    subtitle: string | React.ReactNode\n    headingEffect?: boolean\n}\n\nCTABanner.Heading = function CTABannerHeading({title, subtitle, headingEffect}: CTABannerHeadingProps) {\n    return <div className={$heading.host}>\n        <h1 className={$heading.title}>\n            {\n                headingEffect\n                    ? <span className={$banner.headingEffect}>\n                        {title}\n                      </span>\n                    : title\n            }\n        </h1>\n        <p className={$heading.subtitle}>\n            {subtitle}\n        </p>\n    </div>\n}\n\nconst $btnGroup = {\n    host: css`\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n    `\n}\n\nCTABanner.ButtonGroup = function CTABannerButtonGroup({children}) {\n    return <div className={$btnGroup.host}>\n        {children}\n    </div>\n}"],"names":["$button","Button","children","_ref","kind","React","createElement","className","concat","$banner","CTABanner","$heading","Heading","CTABannerHeading","title","_ref2","subtitle","headingEffect","$btnGroup","ButtonGroup","CTABannerButtonGroup"],"mappings":"qBAGA,IAAMA,EAoBD,UApBCA,EAsBa,mBAeHC,EAAMA,GAA8B,IAA5BC,EAAQC,EAARD,SAAUE,EAAAA,EAAAA,KAC9B,OAAOC,EAAAC,cAAA,SAAA,CAAQC,UAASC,aAAAA,OAClBR,EAAY,cAAAQ,OACH,cAATJ,GAAwBJ,EAAuB,WAEhDE,EAET,CC5CA,IAAMO,EAGD,WAHCA,EASD,WATCA,EAgBD,UAhBCA,EAiBW,WAsCD,SAAAC,EAASA,GAA2B,IAAzBR,EAAAA,EAAAA,SACvB,OAAOG,EAAKC,cAAA,MAAA,CAAAC,UAAWE,GACnBJ,EAAAC,cAAA,MAAA,CAAKC,UAAWE,GACZJ,EAAKC,cAAA,MAAA,CAAAC,UAAWE,GACXP,IAIjB,CAEA,IAAMS,EAMD,WANCA,EAaD,WAbCA,EAcM,UAcZD,EAAUE,QAAU,SAAyBC,GAAwD,IAAtDC,EAAKC,EAALD,MAAOE,EAAQD,EAARC,SAAUC,EAAAA,EAAAA,cAC5D,OAAOZ,EAAKC,cAAA,MAAA,CAAAC,UAAWI,GACnBN,EAAAC,cAAA,KAAA,CAAIC,UAAWI,GAEPM,EACMZ,wBAAME,UAAWE,GACdK,GAEHA,GAGdT,EAAGC,cAAA,IAAA,CAAAC,UAAWI,GACTK,GAGb,EAEA,IAAME,EACE,UAQRR,EAAUS,YAAc,SAA6BC,GAAW,IAATlB,EAAAA,EAAAA,SACnD,OAAOG,EAAAC,cAAA,MAAA,CAAKC,UAAWW,GAClBhB,EAET"}

package/dist/CTABanner-XQNnnpUx.js

@@ -1,2 +0,0 @@
-import e from"react";var a="hn2r3b2",n="hgvnekf";function t(t){var r=t.children,c=t.kind;return e.createElement("button",{className:"\n        ".concat(a,"\n        ").concat("secondary"===c&&n,"\n    ")},r)}var r="h1vbgqbd",c="c1qluffv",l="h7zyorj",s="h10nnuqu";function m(a){var n=a.children;return e.createElement("div",{className:r},e.createElement("div",{className:c},e.createElement("div",{className:l},n)))}var i="h1xgyvqe",v="t1rx1fna",u="s9nduqh";m.Heading=function(a){var n=a.title,t=a.subtitle,r=a.headingEffect;return e.createElement("div",{className:i},e.createElement("h1",{className:v},r?e.createElement("span",{className:s},n):n),e.createElement("p",{className:u},t))};var o="hth6on8";m.ButtonGroup=function(a){var n=a.children;return e.createElement("div",{className:o},n)};export{t as B,m as C};
-//# sourceMappingURL=CTABanner-XQNnnpUx.js.map

package/dist/CTABanner-XQNnnpUx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CTABanner-XQNnnpUx.js","sources":["../src/brand/Button/Button.tsx","../src/brand/CTABanner/CTABanner.tsx"],"sourcesContent":["import React from \"react\";\nimport {css} from \"@linaria/core\";\n\nconst $button = {\n    host: css`\n        display: inline-block;\n        border: 1px solid transparent;\n        text-align: center;\n        font-weight: 600;\n        white-space: nowrap;\n        border-radius: 20px;\n        padding: 0 20px;\n        line-height: 38px;\n        font-size: 14px;\n        border-color: transparent;\n        color: #3c3c43;\n        background-color: #f7f7f8;\n\n        transition: color .25s, border-color .25s, background-color .25s;\n\n        &:hover {\n            background: #e3e3e6;\n        }\n    `,\n\n    host$$secondary: css`\n        color: #fff;\n        background-color: rgb(112, 81, 212);\n\n        &:hover {\n            background-color: rgb(95, 59, 211)\n        }\n    `\n}\n\nexport interface ButtonProps {\n    children: React.ReactNode\n    kind?: \"secondary\"\n}\n\nexport function Button({children, kind}: ButtonProps) {\n    return <button className={`\n        ${$button.host}\n        ${kind === \"secondary\" && $button.host$$secondary}\n    `}>\n        {children}\n    </button>\n}","import React from \"react\"\nimport {css} from \"@linaria/core\";\n\nconst $banner = {\n    host: css`\n        padding: 20px;\n    `,\n    container: css`\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 80px;\n    `,\n    hero: css`\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n        gap: 40px;\n    `,\n    headingEffect: css`\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n\n        background: -webkit-linear-gradient(\n                120deg,\n                var(--headingEffect-color-tertiary) 20%,\n                var(--headingEffect-color-tertiary) 30%,\n                var(--headingEffect-color-secondary) 60%,\n                var(--headingEffect-color-primary) 75%,\n                var(--headingEffect-color-primary) 85%\n        );\n        background-clip: text;\n        -webkit-text-fill-color: transparent;\n        animation: wave 5s infinite;\n        background-size: 200% 200%;\n        background-position: 50% 50%; // Start with all colors visible\n\n        @keyframes wave {\n            0% {\n                background-position: 50% 50%;\n            }\n            50% {\n                background-position: 0% 50%;\n            }\n            100% {\n                background-position: 50% 50%;\n            }\n        }\n    `\n}\n\nexport interface CTABannerProps {\n    children: React.ReactNode\n}\n\nexport function CTABanner({children}: CTABannerProps) {\n    return <div className={$banner.host}>\n        <div className={$banner.container}>\n            <div className={$banner.hero}>\n                {children}\n            </div>\n        </div>\n    </div>\n}\n\nconst $heading = {\n    host: css`\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n    `,\n    title: css`\n        font-size: 76px;\n        font-weight: 900;\n        text-align: center;\n        letter-spacing: 3px;\n        margin: 0;\n    `,\n    subtitle: css`\n        color: #3c3c43;\n        font-size: 46px;\n        font-weight: 600;\n        text-align: center;\n    `\n}\n\nexport interface CTABannerHeadingProps {\n    title: string\n    subtitle: string | React.ReactNode\n    headingEffect?: boolean\n}\n\nCTABanner.Heading = function CTABannerHeading({title, subtitle, headingEffect}: CTABannerHeadingProps) {\n    return <div className={$heading.host}>\n        <h1 className={$heading.title}>\n            {\n                headingEffect\n                    ? <span className={$banner.headingEffect}>\n                        {title}\n                      </span>\n                    : title\n            }\n        </h1>\n        <p className={$heading.subtitle}>\n            {subtitle}\n        </p>\n    </div>\n}\n\nconst $btnGroup = {\n    host: css`\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n    `\n}\n\nCTABanner.ButtonGroup = function CTABannerButtonGroup({children}) {\n    return <div className={$btnGroup.host}>\n        {children}\n    </div>\n}"],"names":["$button","Button","children","_ref","kind","React","createElement","className","concat","$banner","CTABanner","$heading","Heading","CTABannerHeading","title","_ref2","subtitle","headingEffect","$btnGroup","ButtonGroup","CTABannerButtonGroup"],"mappings":"qBAGA,IAAMA,EAoBD,UApBCA,EAsBa,mBAeHC,EAAMA,GAA8B,IAA5BC,EAAQC,EAARD,SAAUE,EAAAA,EAAAA,KAC9B,OAAOC,EAAAC,cAAA,SAAA,CAAQC,UAASC,aAAAA,OAClBR,EAAY,cAAAQ,OACH,cAATJ,GAAwBJ,EAAuB,WAEhDE,EAET,CC5CA,IAAMO,EAGD,WAHCA,EASD,WATCA,EAgBD,UAhBCA,EAiBW,WAsCD,SAAAC,EAASA,GAA2B,IAAzBR,EAAAA,EAAAA,SACvB,OAAOG,EAAKC,cAAA,MAAA,CAAAC,UAAWE,GACnBJ,EAAAC,cAAA,MAAA,CAAKC,UAAWE,GACZJ,EAAKC,cAAA,MAAA,CAAAC,UAAWE,GACXP,IAIjB,CAEA,IAAMS,EAMD,WANCA,EAaD,WAbCA,EAcM,UAcZD,EAAUE,QAAU,SAAyBC,GAAwD,IAAtDC,EAAKC,EAALD,MAAOE,EAAQD,EAARC,SAAUC,EAAAA,EAAAA,cAC5D,OAAOZ,EAAKC,cAAA,MAAA,CAAAC,UAAWI,GACnBN,EAAAC,cAAA,KAAA,CAAIC,UAAWI,GAEPM,EACMZ,wBAAME,UAAWE,GACdK,GAEHA,GAGdT,EAAGC,cAAA,IAAA,CAAAC,UAAWI,GACTK,GAGb,EAEA,IAAME,EACE,UAQRR,EAAUS,YAAc,SAA6BC,GAAW,IAATlB,EAAAA,EAAAA,SACnD,OAAOG,EAAAC,cAAA,MAAA,CAAKC,UAAWW,GAClBhB,EAET"}

package/dist/CodeSample-Cp42Adjc.js

@@ -1,2 +0,0 @@
-import e,{useRef as n,forwardRef as t,use as r,createContext as a,useState as o,useEffect as i,Suspense as c}from"react";import{a as l,_ as s}from"./tslib.es6-DDIOdJiV.js";import{c as u,d as f,_ as m,e as d,f as h,g as p,a as v,h as g,i as y}from"./_rollupPluginBabelHelpers-BMmCG_qQ.js";import{extractAnnotations as b,highlight as k,LANG_NAMES as E}from"@code-hike/lighter";import N from"./coder/themes/cosmo-light.js";import*as j from"@radix-ui/react-tabs";import{CheckCheck as x,Copy as w}from"lucide-react";function _(e,n,t){return S.apply(this,arguments)}function S(){return S=u(f().mark((function e(n,t,r){var a,o,i,c,l;return f().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=[],o=n,e.next=4,O(o,t,r);case 4:return i=e.sent,c=i.code,l=i.annotations,a=[].concat(m(a),m(l)),o=c,e.abrupt("return",{code:o,annotations:a});case 10:case"end":return e.stop()}}),e)}))),S.apply(this,arguments)}function O(e,n){return C.apply(this,arguments)}function C(){return C=u(f().mark((function e(n,t){var r,a,o,i,c,l=arguments;return f().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=l.length>2&&void 0!==l[2]?l[2]:"!",a=function(e){var n,t=new RegExp("\\s*(".concat(r,"?[\\w-]+)?(\\([^\\)]*\\)|\\[[^\\]]*\\])?(.*)$")),a=e.match(t);if(!a)return null;var o=a[1],i=a[2],c=null===(n=a[3])||void 0===n?void 0:n.trim();return o&&o.startsWith(r)?{name:o.slice(r.length),rangeString:i,query:c}:null},e.next=4,b(n,t,a);case 4:return o=e.sent,i=o.code,c=o.annotations,e.abrupt("return",{code:i,annotations:c});case 8:case"end":return e.stop()}}),e)}))),C.apply(this,arguments)}function P(e){return!A(e)}function A(e){return e.hasOwnProperty("lineNumber")}function L(e){return"string"==typeof e}var T=["color"];function R(e,n){return z.apply(this,arguments)}function z(){return z=u(f().mark((function e(n,t){var r,a,o,i,c,l,s,u,m,h,p,v,g,y,b=arguments;return f().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=b.length>2&&void 0!==b[2]?b[2]:{},a=n.value,o=n.lang,i=void 0===o?"txt":o,E.includes(i)||(console.warn('Code Hike warning: Unknown language "'.concat(i,'"')),i="txt"),e.next=5,_(a,i,r.annotationPrefix||"!");case 5:return c=e.sent,l=c.code,s=c.annotations,e.next=10,k(l,i,t,{annotations:[],scopes:!1});case 10:return u=e.sent,m=u.lines,h=u.lang,p=u.style,v=I(m),g=q(v),y=B(g),e.abrupt("return",d(d({},n),{},{code:l,tokens:y,lang:h,annotations:$(s),themeName:"string"==typeof t?t:(null==t?void 0:t.name)||"unknown",style:p}));case 18:case"end":return e.stop()}}),e)}))),z.apply(this,arguments)}function $(e){var n,t=[],r=h(e);try{for(r.s();!(n=r.n()).done;){var a,o=n.value,i=o.name,c=o.query,l=o.ranges,s=h(l);try{for(s.s();!(a=s.n()).done;){var u=a.value;if(u.lineNumber){var f=u.lineNumber,m=u.fromColumn,d=u.toColumn;t.push({name:i,query:c,lineNumber:f,fromColumn:m,toColumn:d})}else{var p=u.fromLineNumber,v=u.toLineNumber;t.push({name:i,query:c,fromLineNumber:p,toLineNumber:v})}}}catch(e){s.e(e)}finally{s.f()}}}catch(e){r.e(e)}finally{r.f()}return t}function I(e){var n=[];return e.forEach((function(t,r){if("lines"in t)throw new Error("Shouldnt be groups");var a=function(e){return e.map((function(e){if("tokens"in e)throw new Error("Shouldnt be groups");var n=[e.content],t=e.style||{},r=t.color,a=p(t,T);return n.push(r),Object.keys(a).length&&n.push(a),n}))}(t.tokens);n.push.apply(n,m(a)),r<e.length-1&&n.push("\n")})),n}function q(e){var n=[];return e.forEach((function(e){if(L(e))n.push(e);else{var t=function(e){var n=e.trim(),t=e.slice(0,e.indexOf(n)),r=e.slice(e.indexOf(n)+n.length);return[t,n,r]}(e[0]),r=v(t,3),a=r[0],o=r[1],i=r[2];if((null==a?void 0:a.length)&&n.push(a),o.length){var c=m(e);c[0]=o,n.push(c)}(null==i?void 0:i.length)&&n.push(i)}})),n}function B(e){var n=[];return e.forEach((function(e){if(L(e)){var t=n[n.length-1];t&&L(t)?n[n.length-1]+=e:""!==e&&n.push(e)}else e[0].length>0&&n.push(e)})),n}var D,F={exports:{}},U={};var W,M,G={};function V(){return W||(W=1,"production"!==process.env.NODE_ENV&&function(){function n(e){if(null==e)return null;if("function"==typeof e)return e.$$typeof===w?null:e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case d:return"Fragment";case p:return"Profiler";case h:return"StrictMode";case k:return"Suspense";case E:return"SuspenseList";case x:return"Activity"}if("object"===g(e))switch("number"==typeof e.tag&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case m:return"Portal";case y:return(e.displayName||"Context")+".Provider";case v:return(e._context.displayName||"Context")+".Consumer";case b:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case N:return null!==(t=e.displayName||null)?t:n(e.type)||"Memo";case j:t=e._payload,e=e._init;try{return n(e(t))}catch(e){}}return null}function t(e){return""+e}function r(e){try{t(e);var n=!1}catch(e){n=!0}if(n){var r=(n=console).error,a="function"==typeof Symbol&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return r.call(n,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",a),t(e)}}function a(e){if(e===d)return"<>";if("object"===g(e)&&null!==e&&e.$$typeof===j)return"<...>";try{var t=n(e);return t?"<"+t+">":"<...>"}catch(e){return"<...>"}}function o(){return Error("react-stack-top-frame")}function i(){var e=n(this.type);return P[e]||(P[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),void 0!==(e=this.props.ref)?e:null}function c(e,t,a,o,c,u,m,d){var h,p=t.children;if(void 0!==p)if(o)if(O(p)){for(o=0;o<p.length;o++)l(p[o]);Object.freeze&&Object.freeze(p)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else l(p);if(S.call(t,"key")){p=n(e);var v=Object.keys(t).filter((function(e){return"key"!==e}));o=0<v.length?"{key: someKey, "+v.join(": ..., ")+": ...}":"{key: someKey}",T[p+o]||(v=0<v.length?"{"+v.join(": ..., ")+": ...}":"{}",console.error('A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',o,p,v,p),T[p+o]=!0)}if(p=null,void 0!==a&&(r(a),p=""+a),function(e){if(S.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return void 0!==e.key}(t)&&(r(t.key),p=""+t.key),"key"in t)for(var g in a={},t)"key"!==g&&(a[g]=t[g]);else a=t;return p&&function(e,n){function t(){s||(s=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",n))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}(a,"function"==typeof e?e.displayName||e.name||"Unknown":e),function(e,n,t,r,a,o,c,l){return t=o.ref,e={$$typeof:f,type:e,key:n,props:o,_owner:a},null!==(void 0!==t?t:null)?Object.defineProperty(e,"ref",{enumerable:!1,get:i}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:c}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:l}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}(e,p,u,0,null===(h=_.A)?null:h.getOwner(),a,m,d)}function l(e){"object"===g(e)&&null!==e&&e.$$typeof===f&&e._store&&(e._store.validated=1)}var s,u=e,f=Symbol.for("react.transitional.element"),m=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),h=Symbol.for("react.strict_mode"),p=Symbol.for("react.profiler"),v=Symbol.for("react.consumer"),y=Symbol.for("react.context"),b=Symbol.for("react.forward_ref"),k=Symbol.for("react.suspense"),E=Symbol.for("react.suspense_list"),N=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),x=Symbol.for("react.activity"),w=Symbol.for("react.client.reference"),_=u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,S=Object.prototype.hasOwnProperty,O=Array.isArray,C=console.createTask?console.createTask:function(){return null},P={},A=(u={"react-stack-bottom-frame":function(e){return e()}})["react-stack-bottom-frame"].bind(u,o)(),L=C(a(o)),T={};G.Fragment=d,G.jsx=function(e,n,t,r,o){var i=1e4>_.recentlyCreatedOwnerStacks++;return c(e,n,t,!1,0,o,i?Error("react-stack-top-frame"):A,i?C(a(e)):L)},G.jsxs=function(e,n,t,r,o){var i=1e4>_.recentlyCreatedOwnerStacks++;return c(e,n,t,!0,0,o,i?Error("react-stack-top-frame"):A,i?C(a(e)):L)}}()),G}var H=(M||(M=1,"production"===process.env.NODE_ENV?F.exports=function(){if(D)return U;D=1;var e=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function t(n,t,r){var a=null;if(void 0!==r&&(a=""+r),void 0!==t.key&&(a=""+t.key),"key"in t)for(var o in r={},t)"key"!==o&&(r[o]=t[o]);else r=t;return t=r.ref,{$$typeof:e,type:n,key:a,ref:void 0!==t?t:null,props:r}}return U.Fragment=n,U.jsx=t,U.jsxs=t,U}():F.exports=V()),F.exports);function J(e,n,t){if("children"===n)e.children=t||e.children;else if("_ref"===n)e._ref=t||e._ref;else if("data"===n)e.data=e.data?d(d({},e.data),t):t;else if("className"===n)e.className=[e.className,t].join(" ").trim();else if("style"===n)e.style=d(d({},e.style),t);else if("function"==typeof t){var r=e[n];e[n]=r?function(){r.apply(void 0,arguments),t.apply(void 0,arguments)}:t}else{if(void 0===t||"object"!==g(t)&&t===e[n])return;if(n in e)throw new Error("Didn’t know how to merge prop '".concat(n,"'. ")+"Only 'className', 'style', and event handlers are supported");e[n]=t}}function K(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];return 1===n.length?n[0]:n.reduce((function(e,n){for(var t in n)J(e,t,n[t]);return e}),{})}var X=["merge"],Y=["_stack"],Q=["_ref","data","children"],Z=["merge"],ee=["_stack"],ne=["lineNumber","totalLines","indentation","data","annotation"],te=["merge"],re=["_stack"],ae=["value","data"],oe=function(e){var n=K(e.merge,p(e,X)),t=n._stack,r=p(n,Y),a=y(t),o=a[0],i=a.slice(1);if(o)return H.jsx(o,d({_stack:i},r));var c=r._ref;r.data;var l=r.children,s=p(r,Q);return H.jsx("pre",d(d({},s),{},{ref:c,"data-ch":!0,children:H.jsx("div",{style:{minWidth:"fit-content"},children:l})}))},ie=function(e){var n=K(e.merge,p(e,Z)),t=n._stack,r=p(n,ee),a=y(t),o=a[0],i=a.slice(1);if(o){var c=o.Component,l=o.annotation;return H.jsx(c,d(d({_stack:i},r),{},{annotation:l}))}r.lineNumber,r.totalLines,r.indentation,r.data,r.annotation;var s=p(r,ne);return H.jsx("div",d({},s))},ce=function(e){var n=K(e.merge,p(e,te)),t=n._stack,r=p(n,re),a=y(t),o=a[0],i=a.slice(1);if(o){var c=o.Component,l=o.annotation;return H.jsx(c,d(d({_stack:i},r),{},{annotation:l}))}var s=r.value;r.data;var u=p(r,ae);return H.jsx("span",d(d({},u),{},{children:s}))},le=function(e){var t=n(null),r=e._ref||t;return H.jsx(oe,{merge:e,_ref:r})};function se(e,n){var t=[n.fromColumn,n.toColumn],r=ue(e,t[0]);r=ue(r,t[1]+1);var a=[],o=[],i=[];return r.forEach((function(e){e.range[1]<t[0]?a.push(e):e.range[0]>t[1]?i.push(e):o.push(e)})),[].concat(a,[{annotation:n,content:o,range:[o[0].range[0],o[o.length-1].range[1]]}],i)}function ue(e,n){var t=e.findIndex((function(e){return e.range[0]<n&&n<=e.range[1]}));if(-1===t)return e;var r=e[t];if(fe(r)){var a,o=ue(r.content,n),i=[],c=[],l=h(o);try{for(l.s();!(a=l.n()).done;){var s=a.value;s.range[1]<n?i.push(s):c.push(s)}}catch(e){l.e(e)}finally{l.f()}return[].concat(m(e.slice(0,t)),[d(d({},r),{},{content:i,range:[r.range[0],n-1]}),d(d({},r),{},{content:c,range:[n,r.range[1]]})],m(e.slice(t+1)))}return[].concat(m(e.slice(0,t)),[d(d({},r),{},{value:r.value.slice(0,n-r.range[0]),range:[r.range[0],n-1]}),d(d({},r),{},{value:r.value.slice(n-r.range[0]),range:[n,r.range[1]]})],m(e.slice(t+1)))}function fe(e){return void 0!==e.content}function me(e){var n=e.content,t=e.handlers,r=e.annotationStack;return n.map((function(e,n){return fe(e)?H.jsx(he,{annotationStack:r,handlers:t,group:e},n):e.style?H.jsx(de,{annotationStack:r,handlers:t,token:e},n):e.value}))}function de(e){var n=e.handlers,t=e.token,r=function(e,n){var t=[];return e.forEach((function(e){var r=e.name,a=e.Token,o=e.AnnotatedToken,i=n.filter((function(e){return e.name===r}));o&&i.forEach((function(e){return t.push({Component:o,annotation:e})})),a&&(i.length||t.push({Component:a}),i.forEach((function(e){return t.push({Component:a,annotation:e})})))})),t}(n,e.annotationStack);return H.jsx(ce,{merge:{_stack:r,style:t.style,value:t.value}})}function he(e){var n,t=e.group,r=e.handlers,a=e.annotationStack,o=t.annotation,i=t.content,c=o.name,l=me({content:i,handlers:r,annotationStack:[].concat(m(a),[o])}),s=null===(n=r.find((function(e){return e.name===c})))||void 0===n?void 0:n.Inline;return s?H.jsx(s,{annotation:o,children:l}):l}function pe(e,n){var t=[n.fromLineNumber,n.toLineNumber],r=ve(e,t[0]);r=ve(r,t[1]+1);var a=[],o=[],i=[];return r.forEach((function(e){e.range[1]<t[0]?a.push(e):e.range[0]>t[1]?i.push(e):o.push(e)})),[].concat(a,[{annotation:n,lines:o,range:[o[0].range[0],o[o.length-1].range[1]]}],i)}function ve(e,n){var t=e.findIndex((function(e){return ge(e)&&e.range[0]<n&&n<=e.range[1]}));if(-1===t)return e;var r=e[t],a=ve(r.lines,n),o=[],i=[];return a.forEach((function(e){e.range[1]<n?o.push(e):i.push(e)})),[].concat(m(e.slice(0,t)),[d(d({},r),{},{lines:o,range:[r.range[0],n-1]}),d(d({},r),{},{lines:i,range:[n,r.range[1]]})],m(e.slice(t+1)))}function ge(e){return void 0!==e.annotation}function ye(e){var n=e.linesOrGroups,t=e.handlers,r=e.inlineAnnotations,a=e.annotationStack,o=void 0===a?[]:a;return n.map((function(e){return ge(e)?H.jsx(ke,{group:e,handlers:t,inlineAnnotations:r,annotationStack:o},e.range[0]):H.jsx(be,{line:e,handlers:t,inlineAnnotations:r,annotationStack:o},e.lineNumber)}))}function be(e){var n=e.line,t=e.handlers,r=e.inlineAnnotations,a=e.annotationStack,o=void 0===a?[]:a,i=n.lineNumber,c=n.totalLines,l=n.indentation,s=r.filter((function(e){return e.lineNumber===i})),u=function(e,n){for(var t=e,r=n.length-1;r>=0;r--)t=se(t,n[r]);return t}(n.tokens,s),f=function(e,n){var t=[];return e.forEach((function(e){var r=e.name,a=e.Line,o=e.AnnotatedLine,i=n.filter((function(e){return e.name===r}));o&&i.forEach((function(e){t.push({Component:o,annotation:e})})),a&&(i.length||t.push({Component:a}),i.forEach((function(e){t.push({Component:a,annotation:e})})))})),t}(t,o),m=me({content:u,handlers:t,annotationStack:o}),d={lineNumber:i,indentation:l,totalLines:c,_stack:f};return H.jsx(ie,{merge:d,children:m},i)}function ke(e){var n,t=e.group,r=e.handlers,a=e.inlineAnnotations,o=e.annotationStack,i=t.annotation,c=t.lines,l=i.name,s=null===(n=r.find((function(e){return e.name===l})))||void 0===n?void 0:n.Block,u=ye({linesOrGroups:c,handlers:r,inlineAnnotations:a,annotationStack:[].concat(m(o),[i])});return s?H.jsx(s,{annotation:i,children:u}):u}var Ee=["code","handlers"],Ne=t((function(e,n){var t=e.code,r=e.handlers,a=void 0===r?[]:r,o=p(e,Ee),i=t.tokens,c=t.themeName,l=t.lang,s=t.annotations;if(!i)throw new Error("Missing tokens in code block. Use the `highlight` function to generate the tokens.");a.filter((function(e){return e.transform})).forEach((function(e){s=s.flatMap((function(n){return e.name!=n.name?n:e.transform(n)||[]}))}));var u=new Set(s.map((function(e){return e.name}))),f=a.filter((function(e){return!e.onlyIfAnnotated||u.has(e.name)})),h=function(e){var n=e.map((function(e){return e.Pre})).filter(Boolean),t=e.map((function(e){return e.PreWithRef})).filter(Boolean);t.length>0&&t.unshift(le);return[].concat(m(n),m(t))}(f),v={_stack:h,_ref:n};return H.jsx(oe,d(d({merge:v,"data-theme":c,"data-lang":l},o),{},{children:H.jsx(je,{tokens:i,handlers:f,annotations:s})}))}));function je(e){var n=e.tokens,t=e.handlers,r=e.annotations,a=function(e){for(var n=[[]],t=e.slice(),r=1;t.length;){var a=t.shift();if("string"==typeof a){var o=a.split("\n"),i=y(o),c=i[0],l=i.slice(1);if(c){var s=r;r+=c.length,n[n.length-1].push({value:c,range:[s,r]})}l.length&&(n[n.length-1].push({value:"\n",range:[r,r+1]}),n.push([]),r=1,t.unshift(l.join("\n")))}else{var u=v(a,3),f=u[0],m=u[1],h=u[2],p=void 0===h?{}:h,g=r;r+=f.length,n[n.length-1].push({value:f,style:d({color:m},p),range:[g,r]})}}var b=n.length;return n.map((function(e,n){var t,r,a;return{tokens:e,range:[n+1,n+1],lineNumber:n+1,indentation:(null===(a=null===(r=null===(t=e[0])||void 0===t?void 0:t.value)||void 0===r?void 0:r.replace(/\t/g,"  ").match(/^\s*/))||void 0===a?void 0:a[0].length)||0,totalLines:b}}))}(n),o=r.filter(P),i=r.filter(A),c=function(e,n){for(var t=e,r=n.length-1;r>=0;r--)t=pe(t,n[r]);return t}(a,o);return ye({linesOrGroups:c,handlers:t,inlineAnnotations:i})}var xe="h1q2kcy0",we="dse1ken",_e="d38bb27",Se="_8rdt3l",Oe="_1f7km1o";function Ce(n){var t=n.size,r=void 0===t?"medium":t,a=n.className;return e.createElement("div",{className:"\n        ".concat(xe,"\n        ").concat("small"===r&&Se,"\n        ").concat("large"===r&&Oe,"\n        ").concat(a,"\n      ")},e.createElement("div",{className:we},e.createElement("div",{className:_e}),e.createElement("div",{className:_e}),e.createElement("div",{className:_e})))}var Pe=a({highlighted:[]});function Ae(){return r(Pe)}function Le(n){var t=r(Re(n.codeblocks,n.theme||N));return e.createElement(Pe,{value:{highlighted:t}},n.children)}function Te(n){var t=o([]),r=v(t,2),a=r[0],c=r[1];return i((function(){Re(n.codeblocks,n.theme||N).then(c)}),[n.codeblocks,n.theme]),a?e.createElement(Pe,{value:{highlighted:a}},n.children):e.createElement(Ce,null)}function Re(e,n){return l(this,void 0,void 0,f().mark((function t(){return f().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,Promise.all(null==e?void 0:e.map((function(e){return R(e,n)})));case 2:return t.abrupt("return",t.sent);case 3:case"end":return t.stop()}}),t)})))}var ze="hyawwu4",$e="l1i5ism5",Ie="_1fnx2sm",qe="h83ezas",Be="hwih9s3",De="h1sbwmbs";function Fe(){return e.createElement("div",{className:Be},e.createElement(Ce,null))}function Ue(n){return e.createElement(c,{fallback:e.createElement(Fe,null)},e.createElement(Le,{codeblocks:n.codeblocks,theme:n.theme},n.children))}Ue.LineNumber=function(n){return n.children&&n.children.length?e.createElement(e.Fragment,null,e.createElement("span",{style:{minWidth:"".concat(n.width,"ch")},className:qe},n.lineNumber),e.createElement(ie,{merge:n})):null},Ue.Mark=function(n){return e.createElement("div",{className:"".concat(ze," ").concat(n.annotation&&Ie)},e.createElement(ie,{merge:n,className:$e}))},Ue.Bg=function(n){return e.createElement("span",{className:"".concat(n.annotation&&Ie)},n.children)},Ue.Pre=function(n){var t,r;return e.createElement(Ne,{className:"\n            ".concat(Be,"\n            ").concat("full"===(null==n?void 0:n.size)&&De,"\n            ").concat(n.className,"\n        "),style:(null===(t=n.codeblock)||void 0===t?void 0:t.style)||(null===(r=n.codeblock)||void 0===r?void 0:r.style),code:n.codeblock,handlers:n.handlers})};var We={mark:{name:"mark",Line:function(n){return e.createElement(Ue.Mark,Object.assign({},n))}},bg:{name:"bg",Inline:function(n){return e.createElement(Ue.Bg,Object.assign({},n))}},lineNumbers:{name:"line-numbers",Line:function(n){n.annotation;var t=s(n,["annotation"]);return e.createElement(Ue.LineNumber,Object.assign({},t))}}},Me="h1hvsyfb";function Ge(n){var t=n.text,r=o(!1),a=v(r,2),i=a[0],c=a[1];return e.createElement("button",{"aria-label":"Copy to clipboard",onClick:function(){navigator.clipboard.writeText(t),c(!0),setTimeout((function(){c(!1)}),1200)},className:Me},i?e.createElement(x,{size:16}):e.createElement(w,{size:16}))}var Ve="h1dmvxug",He="p1pb9ov9",Je="haeqccf",Ke="hrmq4h0",Xe="lht44",Ye="b3qz0ka",Qe="djcdygz",Ze="dng3elc",en="c1kyo2f4",nn="ccv4xf3";function tn(n){return function(t){var r,a,o,i=1===t.highlighted.length&&!t.description;return e.createElement(j.Root,{className:Ve,style:null===(r=t.highlighted[0])||void 0===r?void 0:r.style,defaultValue:null===(a=t.highlighted[0])||void 0===a?void 0:a.meta},e.createElement(rn,{description:t.description,highlighted:t.highlighted}),null===(o=t.highlighted)||void 0===o?void 0:o.map((function(t,r){return e.createElement(j.Content,{value:t.meta,key:r},e.createElement(n,{style:(null==t?void 0:t.style)||(null==t?void 0:t.style),codeblock:t,className:"\n                                ".concat(i&&He,"\n                            ")}))})))}}function rn(n){var t,r,a=1===n.highlighted.length&&!n.description;return e.createElement("div",{className:"\n        ".concat(Je,"\n        ").concat(a&&Ke,"\n    ")},e.createElement(an,{description:n.description}),e.createElement(j.List,{className:Xe},null===(t=n.highlighted)||void 0===t?void 0:t.map((function(n,t){var r=n.meta;return a?null:e.createElement(j.Trigger,{value:r,key:t,className:Ye},r)}))),e.createElement("div",{className:"\n            ".concat(en,"\n            ").concat(a&&nn,"\n        ")},null===(r=n.highlighted)||void 0===r?void 0:r.map((function(n,t){return e.createElement(j.Content,{value:n.meta,asChild:!0,key:t},e.createElement(Ge,{text:n.value}))}))))}function an(n){return e.createElement("div",{className:Qe},e.createElement("div",{className:Ze},n.description))}function on(n){return e.createElement(Ue,{codeblocks:n.codeblocks,theme:n.theme},e.createElement(cn,Object.assign({},n)))}function cn(n){var t=Ae().highlighted;return"secondary"===n.kind?e.createElement(Ue.Pre,{codeblock:t[0],handlers:[We.mark,We.bg,We.lineNumbers]}):e.createElement(ln,{description:n.description,highlighted:t,size:n.size})}var ln=tn((function(n){return e.createElement(Ue.Pre,Object.assign({},n,{handlers:[We.mark,We.bg,We.lineNumbers]}))}));export{Ue as C,We as a,Fe as b,on as c,Le as d,Te as e,Ae as u,tn as w};
-//# sourceMappingURL=CodeSample-Cp42Adjc.js.map