@xyd-js/components 0.1.0-xyd.3 → 0.1.0-xyd.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @xyd-js/components
 
+## 0.1.0-xyd.5
+
+### Patch Changes
+
+- ui tweaks, and some code refactor
+
+## 0.1.0-xyd.4
+
+### Patch Changes
+
+- use react-router 7.1.1
+
 ## 0.1.0-xyd.3
 
 ### Patch Changes

package/dist/{CTABanner-CAp2EJcY.js → CTABanner-B-metiuR.js}

@@ -1,2 +1,2 @@
 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-CAp2EJcY.js.map
+//# sourceMappingURL=CTABanner-B-metiuR.js.map

package/dist/{CTABanner-CAp2EJcY.js.map → CTABanner-B-metiuR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CTABanner-CAp2EJcY.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"}
+{"version":3,"file":"CTABanner-B-metiuR.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-BytLRAOg.js

@@ -0,0 +1,2 @@
+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-BytLRAOg.js.map

package/dist/CTABanner-BytLRAOg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTABanner-BytLRAOg.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-hcWUnRIm.js

@@ -0,0 +1,2 @@
+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-hcWUnRIm.js.map

package/dist/CTABanner-hcWUnRIm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTABanner-hcWUnRIm.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-OUrk_l-U.js → CodeSample-Bkdm9TLb.js}

@@ -1,2 +1,2 @@
-import e,{useRef as n,forwardRef as t,use as r,createContext as o,useState as a,useEffect as i,Suspense as l}from"react";import{a as c,_ as u}from"./tslib.es6-DIxZJ0kO.js";import{b as s,c as f,_ as m,d as p,e as d,f as h,a as v,g,h as y}from"./_rollupPluginBabelHelpers-CDahOOgk.js";import{extractAnnotations as b,highlight as k,LANG_NAMES as w}from"@code-hike/lighter";import E from"./coder/themes/cosmo-light.js";import*as j from"@radix-ui/react-tabs";import{CheckCheck as x,Copy as N}from"lucide-react";function _(e,n,t){return S.apply(this,arguments)}function S(){return S=s(f().mark((function e(n,t,r){var o,a,i,l,c;return f().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return o=[],a=n,e.next=4,O(a,t,r);case 4:return i=e.sent,l=i.code,c=i.annotations,o=[].concat(m(o),m(c)),a=l,e.abrupt("return",{code:a,annotations:o});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=s(f().mark((function e(n,t){var r,o,a,i,l,c=arguments;return f().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=c.length>2&&void 0!==c[2]?c[2]:"!",o=function(e){var n,t=new RegExp("\\s*(".concat(r,"?[\\w-]+)?(\\([^\\)]*\\)|\\[[^\\]]*\\])?(.*)$")),o=e.match(t);if(!o)return null;var a=o[1],i=o[2],l=null===(n=o[3])||void 0===n?void 0:n.trim();return a&&a.startsWith(r)?{name:a.slice(r.length),rangeString:i,query:l}:null},e.next=4,b(n,t,o);case 4:return a=e.sent,i=a.code,l=a.annotations,e.abrupt("return",{code:i,annotations:l});case 8:case"end":return e.stop()}}),e)}))),C.apply(this,arguments)}function R(e){return!$(e)}function $(e){return e.hasOwnProperty("lineNumber")}function P(e){return"string"==typeof e}var L=["color"];function T(e,n){return A.apply(this,arguments)}function A(){return A=s(f().mark((function e(n,t){var r,o,a,i,l,c,u,s,m,d,h,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]:{},o=n.value,a=n.lang,i=void 0===a?"txt":a,w.includes(i)||(console.warn('Code Hike warning: Unknown language "'.concat(i,'"')),i="txt"),e.next=5,_(o,i,r.annotationPrefix||"!");case 5:return l=e.sent,c=l.code,u=l.annotations,e.next=10,k(c,i,t,{annotations:[],scopes:!1});case 10:return s=e.sent,m=s.lines,d=s.lang,h=s.style,v=F(m),g=z(v),y=I(g),e.abrupt("return",p(p({},n),{},{code:c,tokens:y,lang:d,annotations:D(u),themeName:"string"==typeof t?t:(null==t?void 0:t.name)||"unknown",style:h}));case 18:case"end":return e.stop()}}),e)}))),A.apply(this,arguments)}function D(e){var n,t=[],r=d(e);try{for(r.s();!(n=r.n()).done;){var o,a=n.value,i=a.name,l=a.query,c=a.ranges,u=d(c);try{for(u.s();!(o=u.n()).done;){var s=o.value;if(s.lineNumber){var f=s.lineNumber,m=s.fromColumn,p=s.toColumn;t.push({name:i,query:l,lineNumber:f,fromColumn:m,toColumn:p})}else{var h=s.fromLineNumber,v=s.toLineNumber;t.push({name:i,query:l,fromLineNumber:h,toLineNumber:v})}}}catch(e){u.e(e)}finally{u.f()}}}catch(e){r.e(e)}finally{r.f()}return t}function F(e){var n=[];return e.forEach((function(t,r){if("lines"in t)throw new Error("Shouldnt be groups");var o=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,o=h(t,L);return n.push(r),Object.keys(o).length&&n.push(o),n}))}(t.tokens);n.push.apply(n,m(o)),r<e.length-1&&n.push("\n")})),n}function z(e){var n=[];return e.forEach((function(e){if(P(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),o=r[0],a=r[1],i=r[2];if((null==o?void 0:o.length)&&n.push(o),a.length){var l=m(e);l[0]=a,n.push(l)}(null==i?void 0:i.length)&&n.push(i)}})),n}function I(e){var n=[];return e.forEach((function(e){if(P(e)){var t=n[n.length-1];t&&P(t)?n[n.length-1]+=e:""!==e&&n.push(e)}else e[0].length>0&&n.push(e)})),n}var M,W={exports:{}},q={};var U,B,H={};function G(){return U||(U=1,"production"!==process.env.NODE_ENV&&function(){function n(e){if(null==e)return null;if("function"==typeof e)return e.$$typeof===F?null:e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case N:return"Fragment";case x:return"Portal";case S:return"Profiler";case _:return"StrictMode";case $:return"Suspense";case P:return"SuspenseList"}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 C:return(e.displayName||"Context")+".Provider";case O:return(e._context.displayName||"Context")+".Consumer";case R:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case L:return null!==(t=e.displayName||null)?t:n(e.type)||"Memo";case T: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,o="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.",o),t(e)}}function o(){}function a(e){if(void 0===B)try{throw Error()}catch(e){var n=e.stack.trim().match(/\n( *(at )?)/);B=n&&n[1]||"",G=-1<e.stack.indexOf("\n    at")?" (<anonymous>)":-1<e.stack.indexOf("@")?"@unknown:0:0":""}return"\n"+B+e+G}function i(e,n){if(!e||V)return"";var t=X.get(e);if(void 0!==t)return t;V=!0,t=Error.prepareStackTrace,Error.prepareStackTrace=void 0;var r;r=z.H,z.H=null,function(){if(0===U){d=console.log,h=console.info,v=console.warn,y=console.error,b=console.group,k=console.groupCollapsed,w=console.groupEnd;var e={configurable:!0,enumerable:!0,value:o,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}U++}();try{var i={DetermineComponentFrameRoot:function(){try{if(n){var t=function(){throw Error()};if(Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"===("undefined"==typeof Reflect?"undefined":g(Reflect))&&Reflect.construct){try{Reflect.construct(t,[])}catch(e){var r=e}Reflect.construct(e,[],t)}else{try{t.call()}catch(e){r=e}e.call(t.prototype)}}else{try{throw Error()}catch(e){r=e}(t=e())&&"function"==typeof t.catch&&t.catch((function(){}))}}catch(e){if(e&&r&&"string"==typeof e.stack)return[e.stack,r.stack]}return[null,null]}};i.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var l=Object.getOwnPropertyDescriptor(i.DetermineComponentFrameRoot,"name");l&&l.configurable&&Object.defineProperty(i.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var c=i.DetermineComponentFrameRoot(),u=c[0],s=c[1];if(u&&s){var f=u.split("\n"),m=s.split("\n");for(c=l=0;l<f.length&&!f[l].includes("DetermineComponentFrameRoot");)l++;for(;c<m.length&&!m[c].includes("DetermineComponentFrameRoot");)c++;if(l===f.length||c===m.length)for(l=f.length-1,c=m.length-1;1<=l&&0<=c&&f[l]!==m[c];)c--;for(;1<=l&&0<=c;l--,c--)if(f[l]!==m[c]){if(1!==l||1!==c)do{if(l--,0>--c||f[l]!==m[c]){var p="\n"+f[l].replace(" at new "," at ");return e.displayName&&p.includes("<anonymous>")&&(p=p.replace("<anonymous>",e.displayName)),"function"==typeof e&&X.set(e,p),p}}while(1<=l&&0<=c);break}}}finally{V=!1,z.H=r,function(){if(0==--U){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:M({},e,{value:d}),info:M({},e,{value:h}),warn:M({},e,{value:v}),error:M({},e,{value:y}),group:M({},e,{value:b}),groupCollapsed:M({},e,{value:k}),groupEnd:M({},e,{value:w})})}0>U&&console.error("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}(),Error.prepareStackTrace=t}return f=(f=e?e.displayName||e.name:"")?a(f):"","function"==typeof e&&X.set(e,f),f}function l(e){if(null==e)return"";if("function"==typeof e){var n=e.prototype;return i(e,!(!n||!n.isReactComponent))}if("string"==typeof e)return a(e);switch(e){case $:return a("Suspense");case P:return a("SuspenseList")}if("object"===g(e))switch(e.$$typeof){case R:return e=i(e.render,!1);case L:return l(e.type);case T:n=e._payload,e=e._init;try{return l(e(n))}catch(e){}}return""}function c(){var e=z.A;return null===e?null:e.getOwner()}function u(){var e=n(this.type);return Y[e]||(Y[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 s(e,t,o,a,i,l){if("string"==typeof e||"function"==typeof e||e===N||e===S||e===_||e===$||e===P||e===A||"object"===g(e)&&null!==e&&(e.$$typeof===T||e.$$typeof===L||e.$$typeof===C||e.$$typeof===O||e.$$typeof===R||e.$$typeof===W||void 0!==e.getModuleId)){var s=t.children;if(void 0!==s)if(a)if(q(s)){for(a=0;a<s.length;a++)f(s[a],e);Object.freeze&&Object.freeze(s)}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 f(s,e)}else s="",(void 0===e||"object"===g(e)&&null!==e&&0===Object.keys(e).length)&&(s+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."),null===e?a="null":q(e)?a="array":void 0!==e&&e.$$typeof===j?(a="<"+(n(e.type)||"Unknown")+" />",s=" Did you accidentally export a JSX literal instead of a component?"):a=g(e),console.error("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",a,s);if(I.call(t,"key")){s=n(e);var m=Object.keys(t).filter((function(e){return"key"!==e}));a=0<m.length?"{key: someKey, "+m.join(": ..., ")+": ...}":"{key: someKey}",Q[s+a]||(m=0<m.length?"{"+m.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} />',a,s,m,s),Q[s+a]=!0)}if(s=null,void 0!==o&&(r(o),s=""+o),function(e){if(I.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),s=""+t.key),"key"in t)for(var p in o={},t)"key"!==p&&(o[p]=t[p]);else o=t;return s&&function(e,n){function t(){J||(J=!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})}(o,"function"==typeof e?e.displayName||e.name||"Unknown":e),function(e,n,t,r,o,a){return t=a.ref,e={$$typeof:j,type:e,key:n,props:a,_owner:o},null!==(void 0!==t?t:null)?Object.defineProperty(e,"ref",{enumerable:!1,get:u}):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.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}(e,s,l,0,c(),o)}function f(e,n){if("object"===g(e)&&e&&e.$$typeof!==K)if(q(e))for(var t=0;t<e.length;t++){var r=e[t];m(r)&&p(r,n)}else if(m(e))e._store&&(e._store.validated=1);else if(null===e||"object"!==g(e)?t=null:t="function"==typeof(t=D&&e[D]||e["@@iterator"])?t:null,"function"==typeof t&&t!==e.entries&&(t=t.call(e))!==e)for(;!(e=t.next()).done;)m(e.value)&&p(e.value,n)}function m(e){return"object"===g(e)&&null!==e&&e.$$typeof===j}function p(e,t){if(e._store&&!e._store.validated&&null==e.key&&(e._store.validated=1,t=function(e){var t="",r=c();return r&&(r=n(r.type))&&(t="\n\nCheck the render method of `"+r+"`."),t||(e=n(e))&&(t="\n\nCheck the top-level render call using <"+e+">."),t}(t),!Z[t])){Z[t]=!0;var r="";e&&null!=e._owner&&e._owner!==c()&&(r=null,"number"==typeof e._owner.tag?r=n(e._owner.type):"string"==typeof e._owner.name&&(r=e._owner.name),r=" It was passed a child from "+r+".");var o=z.getCurrentStack;z.getCurrentStack=function(){var n=l(e.type);return o&&(n+=o()||""),n},console.error('Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',t,r),z.getCurrentStack=o}}var d,h,v,y,b,k,w,E=e,j=Symbol.for("react.transitional.element"),x=Symbol.for("react.portal"),N=Symbol.for("react.fragment"),_=Symbol.for("react.strict_mode"),S=Symbol.for("react.profiler"),O=Symbol.for("react.consumer"),C=Symbol.for("react.context"),R=Symbol.for("react.forward_ref"),$=Symbol.for("react.suspense"),P=Symbol.for("react.suspense_list"),L=Symbol.for("react.memo"),T=Symbol.for("react.lazy"),A=Symbol.for("react.offscreen"),D=Symbol.iterator,F=Symbol.for("react.client.reference"),z=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,I=Object.prototype.hasOwnProperty,M=Object.assign,W=Symbol.for("react.client.reference"),q=Array.isArray,U=0;o.__reactDisabledLog=!0;var B,G,J,V=!1,X=new("function"==typeof WeakMap?WeakMap:Map),K=Symbol.for("react.client.reference"),Y={},Q={},Z={};H.Fragment=N,H.jsx=function(e,n,t,r,o){return s(e,n,t,!1,0,o)},H.jsxs=function(e,n,t,r,o){return s(e,n,t,!0,0,o)}}()),H}var J=(B||(B=1,"production"===process.env.NODE_ENV?W.exports=function(){if(M)return q;M=1;var e=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function t(n,t,r){var o=null;if(void 0!==r&&(o=""+r),void 0!==t.key&&(o=""+t.key),"key"in t)for(var a in r={},t)"key"!==a&&(r[a]=t[a]);else r=t;return t=r.ref,{$$typeof:e,type:n,key:o,ref:void 0!==t?t:null,props:r}}return q.Fragment=n,q.jsx=t,q.jsxs=t,q}():W.exports=G()),W.exports);function V(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?p(p({},e.data),t):t;else if("className"===n)e.className=[e.className,t].join(" ").trim();else if("style"===n)e.style=p(p({},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 X(){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)V(e,t,n[t]);return e}),{})}var K=["merge"],Y=["_stack"],Q=["_ref","data","children"],Z=["merge"],ee=["_stack"],ne=["lineNumber","totalLines","indentation","data","annotation"],te=["merge"],re=["_stack"],oe=["value","data"],ae=function(e){var n=X(e.merge,h(e,K)),t=n._stack,r=h(n,Y),o=y(t),a=o[0],i=o.slice(1);if(a)return J.jsx(a,p({_stack:i},r));var l=r._ref;r.data;var c=r.children,u=h(r,Q);return J.jsx("pre",p(p({},u),{},{ref:l,"data-ch":!0,children:J.jsx("div",{style:{minWidth:"fit-content"},children:c})}))},ie=function(e){var n=X(e.merge,h(e,Z)),t=n._stack,r=h(n,ee),o=y(t),a=o[0],i=o.slice(1);if(a){var l=a.Component,c=a.annotation;return J.jsx(l,p(p({_stack:i},r),{},{annotation:c}))}r.lineNumber,r.totalLines,r.indentation,r.data,r.annotation;var u=h(r,ne);return J.jsx("div",p({},u))},le=function(e){var n=X(e.merge,h(e,te)),t=n._stack,r=h(n,re),o=y(t),a=o[0],i=o.slice(1);if(a){var l=a.Component,c=a.annotation;return J.jsx(l,p(p({_stack:i},r),{},{annotation:c}))}var u=r.value;r.data;var s=h(r,oe);return J.jsx("span",p(p({},s),{},{children:u}))},ce=function(e){var t=n(null),r=e._ref||t;return J.jsx(ae,{merge:e,_ref:r})};function ue(e,n){var t=[n.fromColumn,n.toColumn],r=se(e,t[0]);r=se(r,t[1]+1);var o=[],a=[],i=[];return r.forEach((function(e){e.range[1]<t[0]?o.push(e):e.range[0]>t[1]?i.push(e):a.push(e)})),[].concat(o,[{annotation:n,content:a,range:[a[0].range[0],a[a.length-1].range[1]]}],i)}function se(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 o,a=se(r.content,n),i=[],l=[],c=d(a);try{for(c.s();!(o=c.n()).done;){var u=o.value;u.range[1]<n?i.push(u):l.push(u)}}catch(e){c.e(e)}finally{c.f()}return[].concat(m(e.slice(0,t)),[p(p({},r),{},{content:i,range:[r.range[0],n-1]}),p(p({},r),{},{content:l,range:[n,r.range[1]]})],m(e.slice(t+1)))}return[].concat(m(e.slice(0,t)),[p(p({},r),{},{value:r.value.slice(0,n-r.range[0]),range:[r.range[0],n-1]}),p(p({},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)?J.jsx(de,{annotationStack:r,handlers:t,group:e},n):e.style?J.jsx(pe,{annotationStack:r,handlers:t,token:e},n):e.value}))}function pe(e){var n=e.handlers,t=e.token,r=function(e,n){var t=[];return e.forEach((function(e){var r=e.name,o=e.Token,a=e.AnnotatedToken,i=n.filter((function(e){return e.name===r}));a&&i.forEach((function(e){return t.push({Component:a,annotation:e})})),o&&(i.length||t.push({Component:o}),i.forEach((function(e){return t.push({Component:o,annotation:e})})))})),t}(n,e.annotationStack);return J.jsx(le,{merge:{_stack:r,style:t.style,value:t.value}})}function de(e){var n,t=e.group,r=e.handlers,o=e.annotationStack,a=t.annotation,i=t.content,l=a.name,c=me({content:i,handlers:r,annotationStack:[].concat(m(o),[a])}),u=null===(n=r.find((function(e){return e.name===l})))||void 0===n?void 0:n.Inline;return u?J.jsx(u,{annotation:a,children:c}):c}function he(e,n){var t=[n.fromLineNumber,n.toLineNumber],r=ve(e,t[0]);r=ve(r,t[1]+1);var o=[],a=[],i=[];return r.forEach((function(e){e.range[1]<t[0]?o.push(e):e.range[0]>t[1]?i.push(e):a.push(e)})),[].concat(o,[{annotation:n,lines:a,range:[a[0].range[0],a[a.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],o=ve(r.lines,n),a=[],i=[];return o.forEach((function(e){e.range[1]<n?a.push(e):i.push(e)})),[].concat(m(e.slice(0,t)),[p(p({},r),{},{lines:a,range:[r.range[0],n-1]}),p(p({},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,o=e.annotationStack,a=void 0===o?[]:o;return n.map((function(e){return ge(e)?J.jsx(ke,{group:e,handlers:t,inlineAnnotations:r,annotationStack:a},e.range[0]):J.jsx(be,{line:e,handlers:t,inlineAnnotations:r,annotationStack:a},e.lineNumber)}))}function be(e){var n=e.line,t=e.handlers,r=e.inlineAnnotations,o=e.annotationStack,a=void 0===o?[]:o,i=n.lineNumber,l=n.totalLines,c=n.indentation,u=r.filter((function(e){return e.lineNumber===i})),s=function(e,n){for(var t=e,r=n.length-1;r>=0;r--)t=ue(t,n[r]);return t}(n.tokens,u),f=function(e,n){var t=[];return e.forEach((function(e){var r=e.name,o=e.Line,a=e.AnnotatedLine,i=n.filter((function(e){return e.name===r}));a&&i.forEach((function(e){t.push({Component:a,annotation:e})})),o&&(i.length||t.push({Component:o}),i.forEach((function(e){t.push({Component:o,annotation:e})})))})),t}(t,a),m=me({content:s,handlers:t,annotationStack:a}),p={lineNumber:i,indentation:c,totalLines:l,_stack:f};return J.jsx(ie,{merge:p,children:m},i)}function ke(e){var n,t=e.group,r=e.handlers,o=e.inlineAnnotations,a=e.annotationStack,i=t.annotation,l=t.lines,c=i.name,u=null===(n=r.find((function(e){return e.name===c})))||void 0===n?void 0:n.Block,s=ye({linesOrGroups:l,handlers:r,inlineAnnotations:o,annotationStack:[].concat(m(a),[i])});return u?J.jsx(u,{annotation:i,children:s}):s}var we=["code","handlers"],Ee=t((function(e,n){var t=e.code,r=e.handlers,o=void 0===r?[]:r,a=h(e,we),i=t.tokens,l=t.themeName,c=t.lang,u=t.annotations;if(!i)throw new Error("Missing tokens in code block. Use the `highlight` function to generate the tokens.");o.filter((function(e){return e.transform})).forEach((function(e){u=u.flatMap((function(n){return e.name!=n.name?n:e.transform(n)||[]}))}));var s=new Set(u.map((function(e){return e.name}))),f=o.filter((function(e){return!e.onlyIfAnnotated||s.has(e.name)})),d=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(ce);return[].concat(m(n),m(t))}(f),v={_stack:d,_ref:n};return J.jsx(ae,p(p({merge:v,"data-theme":l,"data-lang":c},a),{},{children:J.jsx(je,{tokens:i,handlers:f,annotations:u})}))}));function je(e){var n=e.tokens,t=e.handlers,r=e.annotations,o=function(e){for(var n=[[]],t=e.slice(),r=1;t.length;){var o=t.shift();if("string"==typeof o){var a=o.split("\n"),i=y(a),l=i[0],c=i.slice(1);if(l){var u=r;r+=l.length,n[n.length-1].push({value:l,range:[u,r]})}c.length&&(n[n.length-1].push({value:"\n",range:[r,r+1]}),n.push([]),r=1,t.unshift(c.join("\n")))}else{var s=v(o,3),f=s[0],m=s[1],d=s[2],h=void 0===d?{}:d,g=r;r+=f.length,n[n.length-1].push({value:f,style:p({color:m},h),range:[g,r]})}}var b=n.length;return n.map((function(e,n){var t,r,o;return{tokens:e,range:[n+1,n+1],lineNumber:n+1,indentation:(null===(o=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===o?void 0:o[0].length)||0,totalLines:b}}))}(n),a=r.filter(R),i=r.filter($),l=function(e,n){for(var t=e,r=n.length-1;r>=0;r--)t=he(t,n[r]);return t}(o,a);return ye({linesOrGroups:l,handlers:t,inlineAnnotations:i})}var xe=o({highlighted:[]});function Ne(){return r(xe)}function _e(n){var t=r(Oe(n.codeblocks,n.theme||E));return e.createElement(xe,{value:{highlighted:t}},n.children)}function Se(n){var t=a([]),r=v(t,2),o=r[0],l=r[1];return i((function(){Oe(n.codeblocks,n.theme||E).then(l)}),[n.codeblocks,n.theme]),o?e.createElement(xe,{value:{highlighted:o}},n.children):e.createElement("div",null,"loading$","...")}function Oe(e,n){return c(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 T(e,n)})));case 2:return t.abrupt("return",t.sent);case 3:case"end":return t.stop()}}),t)})))}var Ce="hyawwu4",Re="l1i5ism5",$e="_1fnx2sm",Pe="h83ezas",Le="hwih9s3",Te="h1sbwmbs";function Ae(n){return e.createElement(l,{fallback:e.createElement(De,null)},e.createElement(_e,{codeblocks:n.codeblocks,theme:n.theme},n.children))}function De(){return e.createElement(e.Fragment,null,"loading...")}Ae.LineNumber=function(n){return n.children&&n.children.length?e.createElement(e.Fragment,null,e.createElement("span",{style:{minWidth:"".concat(n.width,"ch")},className:Pe},n.lineNumber),e.createElement(ie,{merge:n})):null},Ae.Mark=function(n){return e.createElement("div",{className:"".concat(Ce," ").concat(n.annotation&&$e)},e.createElement(ie,{merge:n,className:Re}))},Ae.Bg=function(n){return e.createElement("span",{className:"".concat(n.annotation&&$e)},n.children)},Ae.Pre=function(n){var t,r;return e.createElement(Ee,{className:"\n            ".concat(Le,"\n            ").concat("full"===(null==n?void 0:n.size)&&Te,"\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 Fe={mark:{name:"mark",Line:function(n){return e.createElement(Ae.Mark,Object.assign({},n))}},bg:{name:"bg",Inline:function(n){return e.createElement(Ae.Bg,Object.assign({},n))}},lineNumbers:{name:"line-numbers",Line:function(n){n.annotation;var t=u(n,["annotation"]);return e.createElement(Ae.LineNumber,Object.assign({},t))}}},ze="h1hvsyfb";function Ie(n){var t=n.text,r=a(!1),o=v(r,2),i=o[0],l=o[1];return e.createElement("button",{"aria-label":"Copy to clipboard",onClick:function(){navigator.clipboard.writeText(t),l(!0),setTimeout((function(){l(!1)}),1200)},className:ze},i?e.createElement(x,{size:16}):e.createElement(N,{size:16}))}var Me="h1dmvxug",We="h1pb9ov9",qe="laeqccf",Ue="brmq4h0",Be="dht44",He="d3qz0ka",Ge="cjcdygz";function Je(n){return function(t){var r,o,a;return e.createElement(j.Root,{className:Me,style:null===(r=t.highlighted[0])||void 0===r?void 0:r.style,defaultValue:null===(o=t.highlighted[0])||void 0===o?void 0:o.meta},e.createElement(Ve,{description:t.description,highlighted:t.highlighted}),null===(a=t.highlighted)||void 0===a?void 0:a.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}))})))}}function Ve(n){var t,r;return e.createElement("div",{className:We},e.createElement(Xe,{description:n.description}),e.createElement(j.List,{className:qe},null===(t=n.highlighted)||void 0===t?void 0:t.map((function(n,t){var r=n.meta;return e.createElement(j.Trigger,{value:r,key:t,className:Ue},r)}))),e.createElement("div",{className:Ge},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(Ie,{text:n.value}))}))))}function Xe(n){return e.createElement("div",{className:Be},e.createElement("div",{className:He},n.description))}function Ke(n){return e.createElement(Ae,{codeblocks:n.codeblocks,theme:n.theme},e.createElement(Ye,Object.assign({},n)))}function Ye(n){var t=Ne().highlighted;return e.createElement(Qe,{description:n.description,highlighted:t,size:n.size})}var Qe=Je((function(n){return e.createElement(Ae.Pre,Object.assign({},n,{handlers:[Fe.mark,Fe.bg,Fe.lineNumbers]}))}));export{Ae as C,Fe as a,Ke as b,_e as c,Se as d,Ne as u,Je as w};
-//# sourceMappingURL=CodeSample-OUrk_l-U.js.map
+import e,{useRef as n,forwardRef as t,use as r,createContext as o,useState as a,useEffect as i,Suspense as l}from"react";import{a as c,_ as u}from"./tslib.es6-BJOaQ_lJ.js";import{b as s,c as f,_ as m,d as p,e as d,f as h,a as v,g,h as y}from"./_rollupPluginBabelHelpers-Dyp77Dty.js";import{extractAnnotations as b,highlight as k,LANG_NAMES as w}from"@code-hike/lighter";import E from"./coder/themes/cosmo-light.js";import*as j from"@radix-ui/react-tabs";import{CheckCheck as x,Copy as N}from"lucide-react";function _(e,n,t){return S.apply(this,arguments)}function S(){return S=s(f().mark((function e(n,t,r){var o,a,i,l,c;return f().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return o=[],a=n,e.next=4,O(a,t,r);case 4:return i=e.sent,l=i.code,c=i.annotations,o=[].concat(m(o),m(c)),a=l,e.abrupt("return",{code:a,annotations:o});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=s(f().mark((function e(n,t){var r,o,a,i,l,c=arguments;return f().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=c.length>2&&void 0!==c[2]?c[2]:"!",o=function(e){var n,t=new RegExp("\\s*(".concat(r,"?[\\w-]+)?(\\([^\\)]*\\)|\\[[^\\]]*\\])?(.*)$")),o=e.match(t);if(!o)return null;var a=o[1],i=o[2],l=null===(n=o[3])||void 0===n?void 0:n.trim();return a&&a.startsWith(r)?{name:a.slice(r.length),rangeString:i,query:l}:null},e.next=4,b(n,t,o);case 4:return a=e.sent,i=a.code,l=a.annotations,e.abrupt("return",{code:i,annotations:l});case 8:case"end":return e.stop()}}),e)}))),C.apply(this,arguments)}function R(e){return!$(e)}function $(e){return e.hasOwnProperty("lineNumber")}function P(e){return"string"==typeof e}var L=["color"];function T(e,n){return A.apply(this,arguments)}function A(){return A=s(f().mark((function e(n,t){var r,o,a,i,l,c,u,s,m,d,h,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]:{},o=n.value,a=n.lang,i=void 0===a?"txt":a,w.includes(i)||(console.warn('Code Hike warning: Unknown language "'.concat(i,'"')),i="txt"),e.next=5,_(o,i,r.annotationPrefix||"!");case 5:return l=e.sent,c=l.code,u=l.annotations,e.next=10,k(c,i,t,{annotations:[],scopes:!1});case 10:return s=e.sent,m=s.lines,d=s.lang,h=s.style,v=F(m),g=z(v),y=I(g),e.abrupt("return",p(p({},n),{},{code:c,tokens:y,lang:d,annotations:D(u),themeName:"string"==typeof t?t:(null==t?void 0:t.name)||"unknown",style:h}));case 18:case"end":return e.stop()}}),e)}))),A.apply(this,arguments)}function D(e){var n,t=[],r=d(e);try{for(r.s();!(n=r.n()).done;){var o,a=n.value,i=a.name,l=a.query,c=a.ranges,u=d(c);try{for(u.s();!(o=u.n()).done;){var s=o.value;if(s.lineNumber){var f=s.lineNumber,m=s.fromColumn,p=s.toColumn;t.push({name:i,query:l,lineNumber:f,fromColumn:m,toColumn:p})}else{var h=s.fromLineNumber,v=s.toLineNumber;t.push({name:i,query:l,fromLineNumber:h,toLineNumber:v})}}}catch(e){u.e(e)}finally{u.f()}}}catch(e){r.e(e)}finally{r.f()}return t}function F(e){var n=[];return e.forEach((function(t,r){if("lines"in t)throw new Error("Shouldnt be groups");var o=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,o=h(t,L);return n.push(r),Object.keys(o).length&&n.push(o),n}))}(t.tokens);n.push.apply(n,m(o)),r<e.length-1&&n.push("\n")})),n}function z(e){var n=[];return e.forEach((function(e){if(P(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),o=r[0],a=r[1],i=r[2];if((null==o?void 0:o.length)&&n.push(o),a.length){var l=m(e);l[0]=a,n.push(l)}(null==i?void 0:i.length)&&n.push(i)}})),n}function I(e){var n=[];return e.forEach((function(e){if(P(e)){var t=n[n.length-1];t&&P(t)?n[n.length-1]+=e:""!==e&&n.push(e)}else e[0].length>0&&n.push(e)})),n}var M,W={exports:{}},q={};var U,B,H={};function G(){return U||(U=1,"production"!==process.env.NODE_ENV&&function(){function n(e){if(null==e)return null;if("function"==typeof e)return e.$$typeof===F?null:e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case N:return"Fragment";case x:return"Portal";case S:return"Profiler";case _:return"StrictMode";case $:return"Suspense";case P:return"SuspenseList"}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 C:return(e.displayName||"Context")+".Provider";case O:return(e._context.displayName||"Context")+".Consumer";case R:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case L:return null!==(t=e.displayName||null)?t:n(e.type)||"Memo";case T: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,o="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.",o),t(e)}}function o(){}function a(e){if(void 0===B)try{throw Error()}catch(e){var n=e.stack.trim().match(/\n( *(at )?)/);B=n&&n[1]||"",G=-1<e.stack.indexOf("\n    at")?" (<anonymous>)":-1<e.stack.indexOf("@")?"@unknown:0:0":""}return"\n"+B+e+G}function i(e,n){if(!e||V)return"";var t=X.get(e);if(void 0!==t)return t;V=!0,t=Error.prepareStackTrace,Error.prepareStackTrace=void 0;var r;r=z.H,z.H=null,function(){if(0===U){d=console.log,h=console.info,v=console.warn,y=console.error,b=console.group,k=console.groupCollapsed,w=console.groupEnd;var e={configurable:!0,enumerable:!0,value:o,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}U++}();try{var i={DetermineComponentFrameRoot:function(){try{if(n){var t=function(){throw Error()};if(Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"===("undefined"==typeof Reflect?"undefined":g(Reflect))&&Reflect.construct){try{Reflect.construct(t,[])}catch(e){var r=e}Reflect.construct(e,[],t)}else{try{t.call()}catch(e){r=e}e.call(t.prototype)}}else{try{throw Error()}catch(e){r=e}(t=e())&&"function"==typeof t.catch&&t.catch((function(){}))}}catch(e){if(e&&r&&"string"==typeof e.stack)return[e.stack,r.stack]}return[null,null]}};i.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var l=Object.getOwnPropertyDescriptor(i.DetermineComponentFrameRoot,"name");l&&l.configurable&&Object.defineProperty(i.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var c=i.DetermineComponentFrameRoot(),u=c[0],s=c[1];if(u&&s){var f=u.split("\n"),m=s.split("\n");for(c=l=0;l<f.length&&!f[l].includes("DetermineComponentFrameRoot");)l++;for(;c<m.length&&!m[c].includes("DetermineComponentFrameRoot");)c++;if(l===f.length||c===m.length)for(l=f.length-1,c=m.length-1;1<=l&&0<=c&&f[l]!==m[c];)c--;for(;1<=l&&0<=c;l--,c--)if(f[l]!==m[c]){if(1!==l||1!==c)do{if(l--,0>--c||f[l]!==m[c]){var p="\n"+f[l].replace(" at new "," at ");return e.displayName&&p.includes("<anonymous>")&&(p=p.replace("<anonymous>",e.displayName)),"function"==typeof e&&X.set(e,p),p}}while(1<=l&&0<=c);break}}}finally{V=!1,z.H=r,function(){if(0==--U){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:M({},e,{value:d}),info:M({},e,{value:h}),warn:M({},e,{value:v}),error:M({},e,{value:y}),group:M({},e,{value:b}),groupCollapsed:M({},e,{value:k}),groupEnd:M({},e,{value:w})})}0>U&&console.error("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}(),Error.prepareStackTrace=t}return f=(f=e?e.displayName||e.name:"")?a(f):"","function"==typeof e&&X.set(e,f),f}function l(e){if(null==e)return"";if("function"==typeof e){var n=e.prototype;return i(e,!(!n||!n.isReactComponent))}if("string"==typeof e)return a(e);switch(e){case $:return a("Suspense");case P:return a("SuspenseList")}if("object"===g(e))switch(e.$$typeof){case R:return e=i(e.render,!1);case L:return l(e.type);case T:n=e._payload,e=e._init;try{return l(e(n))}catch(e){}}return""}function c(){var e=z.A;return null===e?null:e.getOwner()}function u(){var e=n(this.type);return Y[e]||(Y[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 s(e,t,o,a,i,l){if("string"==typeof e||"function"==typeof e||e===N||e===S||e===_||e===$||e===P||e===A||"object"===g(e)&&null!==e&&(e.$$typeof===T||e.$$typeof===L||e.$$typeof===C||e.$$typeof===O||e.$$typeof===R||e.$$typeof===W||void 0!==e.getModuleId)){var s=t.children;if(void 0!==s)if(a)if(q(s)){for(a=0;a<s.length;a++)f(s[a],e);Object.freeze&&Object.freeze(s)}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 f(s,e)}else s="",(void 0===e||"object"===g(e)&&null!==e&&0===Object.keys(e).length)&&(s+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."),null===e?a="null":q(e)?a="array":void 0!==e&&e.$$typeof===j?(a="<"+(n(e.type)||"Unknown")+" />",s=" Did you accidentally export a JSX literal instead of a component?"):a=g(e),console.error("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",a,s);if(I.call(t,"key")){s=n(e);var m=Object.keys(t).filter((function(e){return"key"!==e}));a=0<m.length?"{key: someKey, "+m.join(": ..., ")+": ...}":"{key: someKey}",Q[s+a]||(m=0<m.length?"{"+m.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} />',a,s,m,s),Q[s+a]=!0)}if(s=null,void 0!==o&&(r(o),s=""+o),function(e){if(I.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),s=""+t.key),"key"in t)for(var p in o={},t)"key"!==p&&(o[p]=t[p]);else o=t;return s&&function(e,n){function t(){J||(J=!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})}(o,"function"==typeof e?e.displayName||e.name||"Unknown":e),function(e,n,t,r,o,a){return t=a.ref,e={$$typeof:j,type:e,key:n,props:a,_owner:o},null!==(void 0!==t?t:null)?Object.defineProperty(e,"ref",{enumerable:!1,get:u}):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.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}(e,s,l,0,c(),o)}function f(e,n){if("object"===g(e)&&e&&e.$$typeof!==K)if(q(e))for(var t=0;t<e.length;t++){var r=e[t];m(r)&&p(r,n)}else if(m(e))e._store&&(e._store.validated=1);else if(null===e||"object"!==g(e)?t=null:t="function"==typeof(t=D&&e[D]||e["@@iterator"])?t:null,"function"==typeof t&&t!==e.entries&&(t=t.call(e))!==e)for(;!(e=t.next()).done;)m(e.value)&&p(e.value,n)}function m(e){return"object"===g(e)&&null!==e&&e.$$typeof===j}function p(e,t){if(e._store&&!e._store.validated&&null==e.key&&(e._store.validated=1,t=function(e){var t="",r=c();return r&&(r=n(r.type))&&(t="\n\nCheck the render method of `"+r+"`."),t||(e=n(e))&&(t="\n\nCheck the top-level render call using <"+e+">."),t}(t),!Z[t])){Z[t]=!0;var r="";e&&null!=e._owner&&e._owner!==c()&&(r=null,"number"==typeof e._owner.tag?r=n(e._owner.type):"string"==typeof e._owner.name&&(r=e._owner.name),r=" It was passed a child from "+r+".");var o=z.getCurrentStack;z.getCurrentStack=function(){var n=l(e.type);return o&&(n+=o()||""),n},console.error('Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',t,r),z.getCurrentStack=o}}var d,h,v,y,b,k,w,E=e,j=Symbol.for("react.transitional.element"),x=Symbol.for("react.portal"),N=Symbol.for("react.fragment"),_=Symbol.for("react.strict_mode"),S=Symbol.for("react.profiler"),O=Symbol.for("react.consumer"),C=Symbol.for("react.context"),R=Symbol.for("react.forward_ref"),$=Symbol.for("react.suspense"),P=Symbol.for("react.suspense_list"),L=Symbol.for("react.memo"),T=Symbol.for("react.lazy"),A=Symbol.for("react.offscreen"),D=Symbol.iterator,F=Symbol.for("react.client.reference"),z=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,I=Object.prototype.hasOwnProperty,M=Object.assign,W=Symbol.for("react.client.reference"),q=Array.isArray,U=0;o.__reactDisabledLog=!0;var B,G,J,V=!1,X=new("function"==typeof WeakMap?WeakMap:Map),K=Symbol.for("react.client.reference"),Y={},Q={},Z={};H.Fragment=N,H.jsx=function(e,n,t,r,o){return s(e,n,t,!1,0,o)},H.jsxs=function(e,n,t,r,o){return s(e,n,t,!0,0,o)}}()),H}var J=(B||(B=1,"production"===process.env.NODE_ENV?W.exports=function(){if(M)return q;M=1;var e=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function t(n,t,r){var o=null;if(void 0!==r&&(o=""+r),void 0!==t.key&&(o=""+t.key),"key"in t)for(var a in r={},t)"key"!==a&&(r[a]=t[a]);else r=t;return t=r.ref,{$$typeof:e,type:n,key:o,ref:void 0!==t?t:null,props:r}}return q.Fragment=n,q.jsx=t,q.jsxs=t,q}():W.exports=G()),W.exports);function V(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?p(p({},e.data),t):t;else if("className"===n)e.className=[e.className,t].join(" ").trim();else if("style"===n)e.style=p(p({},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 X(){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)V(e,t,n[t]);return e}),{})}var K=["merge"],Y=["_stack"],Q=["_ref","data","children"],Z=["merge"],ee=["_stack"],ne=["lineNumber","totalLines","indentation","data","annotation"],te=["merge"],re=["_stack"],oe=["value","data"],ae=function(e){var n=X(e.merge,h(e,K)),t=n._stack,r=h(n,Y),o=y(t),a=o[0],i=o.slice(1);if(a)return J.jsx(a,p({_stack:i},r));var l=r._ref;r.data;var c=r.children,u=h(r,Q);return J.jsx("pre",p(p({},u),{},{ref:l,"data-ch":!0,children:J.jsx("div",{style:{minWidth:"fit-content"},children:c})}))},ie=function(e){var n=X(e.merge,h(e,Z)),t=n._stack,r=h(n,ee),o=y(t),a=o[0],i=o.slice(1);if(a){var l=a.Component,c=a.annotation;return J.jsx(l,p(p({_stack:i},r),{},{annotation:c}))}r.lineNumber,r.totalLines,r.indentation,r.data,r.annotation;var u=h(r,ne);return J.jsx("div",p({},u))},le=function(e){var n=X(e.merge,h(e,te)),t=n._stack,r=h(n,re),o=y(t),a=o[0],i=o.slice(1);if(a){var l=a.Component,c=a.annotation;return J.jsx(l,p(p({_stack:i},r),{},{annotation:c}))}var u=r.value;r.data;var s=h(r,oe);return J.jsx("span",p(p({},s),{},{children:u}))},ce=function(e){var t=n(null),r=e._ref||t;return J.jsx(ae,{merge:e,_ref:r})};function ue(e,n){var t=[n.fromColumn,n.toColumn],r=se(e,t[0]);r=se(r,t[1]+1);var o=[],a=[],i=[];return r.forEach((function(e){e.range[1]<t[0]?o.push(e):e.range[0]>t[1]?i.push(e):a.push(e)})),[].concat(o,[{annotation:n,content:a,range:[a[0].range[0],a[a.length-1].range[1]]}],i)}function se(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 o,a=se(r.content,n),i=[],l=[],c=d(a);try{for(c.s();!(o=c.n()).done;){var u=o.value;u.range[1]<n?i.push(u):l.push(u)}}catch(e){c.e(e)}finally{c.f()}return[].concat(m(e.slice(0,t)),[p(p({},r),{},{content:i,range:[r.range[0],n-1]}),p(p({},r),{},{content:l,range:[n,r.range[1]]})],m(e.slice(t+1)))}return[].concat(m(e.slice(0,t)),[p(p({},r),{},{value:r.value.slice(0,n-r.range[0]),range:[r.range[0],n-1]}),p(p({},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)?J.jsx(de,{annotationStack:r,handlers:t,group:e},n):e.style?J.jsx(pe,{annotationStack:r,handlers:t,token:e},n):e.value}))}function pe(e){var n=e.handlers,t=e.token,r=function(e,n){var t=[];return e.forEach((function(e){var r=e.name,o=e.Token,a=e.AnnotatedToken,i=n.filter((function(e){return e.name===r}));a&&i.forEach((function(e){return t.push({Component:a,annotation:e})})),o&&(i.length||t.push({Component:o}),i.forEach((function(e){return t.push({Component:o,annotation:e})})))})),t}(n,e.annotationStack);return J.jsx(le,{merge:{_stack:r,style:t.style,value:t.value}})}function de(e){var n,t=e.group,r=e.handlers,o=e.annotationStack,a=t.annotation,i=t.content,l=a.name,c=me({content:i,handlers:r,annotationStack:[].concat(m(o),[a])}),u=null===(n=r.find((function(e){return e.name===l})))||void 0===n?void 0:n.Inline;return u?J.jsx(u,{annotation:a,children:c}):c}function he(e,n){var t=[n.fromLineNumber,n.toLineNumber],r=ve(e,t[0]);r=ve(r,t[1]+1);var o=[],a=[],i=[];return r.forEach((function(e){e.range[1]<t[0]?o.push(e):e.range[0]>t[1]?i.push(e):a.push(e)})),[].concat(o,[{annotation:n,lines:a,range:[a[0].range[0],a[a.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],o=ve(r.lines,n),a=[],i=[];return o.forEach((function(e){e.range[1]<n?a.push(e):i.push(e)})),[].concat(m(e.slice(0,t)),[p(p({},r),{},{lines:a,range:[r.range[0],n-1]}),p(p({},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,o=e.annotationStack,a=void 0===o?[]:o;return n.map((function(e){return ge(e)?J.jsx(ke,{group:e,handlers:t,inlineAnnotations:r,annotationStack:a},e.range[0]):J.jsx(be,{line:e,handlers:t,inlineAnnotations:r,annotationStack:a},e.lineNumber)}))}function be(e){var n=e.line,t=e.handlers,r=e.inlineAnnotations,o=e.annotationStack,a=void 0===o?[]:o,i=n.lineNumber,l=n.totalLines,c=n.indentation,u=r.filter((function(e){return e.lineNumber===i})),s=function(e,n){for(var t=e,r=n.length-1;r>=0;r--)t=ue(t,n[r]);return t}(n.tokens,u),f=function(e,n){var t=[];return e.forEach((function(e){var r=e.name,o=e.Line,a=e.AnnotatedLine,i=n.filter((function(e){return e.name===r}));a&&i.forEach((function(e){t.push({Component:a,annotation:e})})),o&&(i.length||t.push({Component:o}),i.forEach((function(e){t.push({Component:o,annotation:e})})))})),t}(t,a),m=me({content:s,handlers:t,annotationStack:a}),p={lineNumber:i,indentation:c,totalLines:l,_stack:f};return J.jsx(ie,{merge:p,children:m},i)}function ke(e){var n,t=e.group,r=e.handlers,o=e.inlineAnnotations,a=e.annotationStack,i=t.annotation,l=t.lines,c=i.name,u=null===(n=r.find((function(e){return e.name===c})))||void 0===n?void 0:n.Block,s=ye({linesOrGroups:l,handlers:r,inlineAnnotations:o,annotationStack:[].concat(m(a),[i])});return u?J.jsx(u,{annotation:i,children:s}):s}var we=["code","handlers"],Ee=t((function(e,n){var t=e.code,r=e.handlers,o=void 0===r?[]:r,a=h(e,we),i=t.tokens,l=t.themeName,c=t.lang,u=t.annotations;if(!i)throw new Error("Missing tokens in code block. Use the `highlight` function to generate the tokens.");o.filter((function(e){return e.transform})).forEach((function(e){u=u.flatMap((function(n){return e.name!=n.name?n:e.transform(n)||[]}))}));var s=new Set(u.map((function(e){return e.name}))),f=o.filter((function(e){return!e.onlyIfAnnotated||s.has(e.name)})),d=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(ce);return[].concat(m(n),m(t))}(f),v={_stack:d,_ref:n};return J.jsx(ae,p(p({merge:v,"data-theme":l,"data-lang":c},a),{},{children:J.jsx(je,{tokens:i,handlers:f,annotations:u})}))}));function je(e){var n=e.tokens,t=e.handlers,r=e.annotations,o=function(e){for(var n=[[]],t=e.slice(),r=1;t.length;){var o=t.shift();if("string"==typeof o){var a=o.split("\n"),i=y(a),l=i[0],c=i.slice(1);if(l){var u=r;r+=l.length,n[n.length-1].push({value:l,range:[u,r]})}c.length&&(n[n.length-1].push({value:"\n",range:[r,r+1]}),n.push([]),r=1,t.unshift(c.join("\n")))}else{var s=v(o,3),f=s[0],m=s[1],d=s[2],h=void 0===d?{}:d,g=r;r+=f.length,n[n.length-1].push({value:f,style:p({color:m},h),range:[g,r]})}}var b=n.length;return n.map((function(e,n){var t,r,o;return{tokens:e,range:[n+1,n+1],lineNumber:n+1,indentation:(null===(o=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===o?void 0:o[0].length)||0,totalLines:b}}))}(n),a=r.filter(R),i=r.filter($),l=function(e,n){for(var t=e,r=n.length-1;r>=0;r--)t=he(t,n[r]);return t}(o,a);return ye({linesOrGroups:l,handlers:t,inlineAnnotations:i})}var xe=o({highlighted:[]});function Ne(){return r(xe)}function _e(n){var t=r(Oe(n.codeblocks,n.theme||E));return e.createElement(xe,{value:{highlighted:t}},n.children)}function Se(n){var t=a([]),r=v(t,2),o=r[0],l=r[1];return i((function(){Oe(n.codeblocks,n.theme||E).then(l)}),[n.codeblocks,n.theme]),o?e.createElement(xe,{value:{highlighted:o}},n.children):e.createElement("div",null,"loading$","...")}function Oe(e,n){return c(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 T(e,n)})));case 2:return t.abrupt("return",t.sent);case 3:case"end":return t.stop()}}),t)})))}var Ce="hyawwu4",Re="l1i5ism5",$e="_1fnx2sm",Pe="h83ezas",Le="hwih9s3",Te="h1sbwmbs";function Ae(n){return e.createElement(l,{fallback:e.createElement(De,null)},e.createElement(_e,{codeblocks:n.codeblocks,theme:n.theme},n.children))}function De(){return e.createElement(e.Fragment,null,"loading...")}Ae.LineNumber=function(n){return n.children&&n.children.length?e.createElement(e.Fragment,null,e.createElement("span",{style:{minWidth:"".concat(n.width,"ch")},className:Pe},n.lineNumber),e.createElement(ie,{merge:n})):null},Ae.Mark=function(n){return e.createElement("div",{className:"".concat(Ce," ").concat(n.annotation&&$e)},e.createElement(ie,{merge:n,className:Re}))},Ae.Bg=function(n){return e.createElement("span",{className:"".concat(n.annotation&&$e)},n.children)},Ae.Pre=function(n){var t,r;return e.createElement(Ee,{className:"\n            ".concat(Le,"\n            ").concat("full"===(null==n?void 0:n.size)&&Te,"\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 Fe={mark:{name:"mark",Line:function(n){return e.createElement(Ae.Mark,Object.assign({},n))}},bg:{name:"bg",Inline:function(n){return e.createElement(Ae.Bg,Object.assign({},n))}},lineNumbers:{name:"line-numbers",Line:function(n){n.annotation;var t=u(n,["annotation"]);return e.createElement(Ae.LineNumber,Object.assign({},t))}}},ze="h1hvsyfb";function Ie(n){var t=n.text,r=a(!1),o=v(r,2),i=o[0],l=o[1];return e.createElement("button",{"aria-label":"Copy to clipboard",onClick:function(){navigator.clipboard.writeText(t),l(!0),setTimeout((function(){l(!1)}),1200)},className:ze},i?e.createElement(x,{size:16}):e.createElement(N,{size:16}))}var Me="h1dmvxug",We="h1pb9ov9",qe="laeqccf",Ue="brmq4h0",Be="dht44",He="d3qz0ka",Ge="cjcdygz";function Je(n){return function(t){var r,o,a;return e.createElement(j.Root,{className:Me,style:null===(r=t.highlighted[0])||void 0===r?void 0:r.style,defaultValue:null===(o=t.highlighted[0])||void 0===o?void 0:o.meta},e.createElement(Ve,{description:t.description,highlighted:t.highlighted}),null===(a=t.highlighted)||void 0===a?void 0:a.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}))})))}}function Ve(n){var t,r;return e.createElement("div",{className:We},e.createElement(Xe,{description:n.description}),e.createElement(j.List,{className:qe},null===(t=n.highlighted)||void 0===t?void 0:t.map((function(n,t){var r=n.meta;return e.createElement(j.Trigger,{value:r,key:t,className:Ue},r)}))),e.createElement("div",{className:Ge},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(Ie,{text:n.value}))}))))}function Xe(n){return e.createElement("div",{className:Be},e.createElement("div",{className:He},n.description))}function Ke(n){return e.createElement(Ae,{codeblocks:n.codeblocks,theme:n.theme},e.createElement(Ye,Object.assign({},n)))}function Ye(n){var t=Ne().highlighted;return e.createElement(Qe,{description:n.description,highlighted:t,size:n.size})}var Qe=Je((function(n){return e.createElement(Ae.Pre,Object.assign({},n,{handlers:[Fe.mark,Fe.bg,Fe.lineNumbers]}))}));export{Ae as C,Fe as a,Ke as b,_e as c,Se as d,Ne as u,Je as w};
+//# sourceMappingURL=CodeSample-Bkdm9TLb.js.map