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

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @xyd-js/components
 
+## 0.1.0-xyd.6
+
+### Patch Changes
+
+- ui tweaks
+
 ## 0.1.0-xyd.5
 
 ### Patch Changes

package/dist/CTABanner-5GEXUU-s.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-5GEXUU-s.js.map

package/dist/CTABanner-5GEXUU-s.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTABanner-5GEXUU-s.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-7Lacmgv-.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-7Lacmgv-.js.map

package/dist/CTABanner-7Lacmgv-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTABanner-7Lacmgv-.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-B0O-RgZg.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-B0O-RgZg.js.map

package/dist/CTABanner-B0O-RgZg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTABanner-B0O-RgZg.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-B25jhlu7.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-B25jhlu7.js.map

package/dist/CTABanner-B25jhlu7.js.map

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

package/dist/CTABanner-B7U9a9EC.js.map

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

package/dist/CTABanner-BEjXUxte.js.map

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

package/dist/CTABanner-BFMagdIX.js.map

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

package/dist/CTABanner-BYgpyViY.js.map

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

package/dist/CTABanner-Ba0oCjHB.js.map

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

package/dist/CTABanner-BchLyuaI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTABanner-BchLyuaI.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-C-dj45tI.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-C-dj45tI.js.map

package/dist/CTABanner-C-dj45tI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTABanner-C-dj45tI.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-C1kCuocP.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-C1kCuocP.js.map

package/dist/CTABanner-C1kCuocP.js.map

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

package/dist/CTABanner-CEUWQpnU.js.map

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

package/dist/CTABanner-CHB2dKrt.js.map

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

package/dist/CTABanner-CL0ZSZXN.js.map

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

package/dist/CTABanner-CZrFAUqV.js.map

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

package/dist/CTABanner-CaC_mVbs.js.map

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

package/dist/CTABanner-CeMiHQZS.js.map

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

package/dist/CTABanner-CoXJtfnb.js.map

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

package/dist/CTABanner-CqU19kZ1.js.map

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

package/dist/CTABanner-CzoC3mDf.js.map

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

package/dist/CTABanner-D4R6Cs2z.js.map

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

package/dist/CTABanner-D4qY6rpX.js.map

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

package/dist/CTABanner-D6vwjnZW.js.map

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