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

package/src/writer/Table/TableV2.tsx

@@ -0,0 +1,83 @@
+import React from "react"
+
+import cn from "./TableV2.styles";
+
+export interface TableV2Props {
+    children: React.ReactNode;
+    className?: string;
+}
+
+export function TableV2({children, className}: TableV2Props) {
+    return (
+        <div className={cn.TableV2.Host}>
+            <table className={`${cn.TableV2.Table} ${className || ''}`}>
+                {children}
+            </table>
+        </div>
+    );
+}
+
+export interface TableHeadProps {
+    children: React.ReactNode;
+}
+
+TableV2.Head = function TableHead({children}: TableHeadProps) {
+    return <thead className={cn.TableV2.Thead}>
+        {children}
+    </thead>
+}
+
+export interface TableThProps {
+    children: React.ReactNode;
+    numeric?: boolean;
+}
+
+TableV2.Th = function TableTh({children, numeric}: TableThProps) {
+    return <th className={`${cn.TableV2.Th} ${numeric ? 'numeric' : ''}`}>
+        {children}
+    </th>
+}
+
+export interface TableTrProps {
+    children: React.ReactNode;
+}
+
+TableV2.Tr = function TableTr({children}: TableTrProps) {
+    return <tr className={cn.TableV2.Tr}>
+        {children}
+    </tr>
+}
+
+export interface TableTdProps {
+    children: React.ReactNode;
+    numeric?: boolean;
+    muted?: boolean;
+}
+
+TableV2.Td = function TableTd({children, numeric, muted}: TableTdProps) {
+    return <td className={`${cn.TableV2.Td} ${numeric ? 'numeric' : ''} ${muted ? 'muted' : ''}`}>
+        {children}
+    </td>
+}
+
+export interface TableCellProps {
+    children: React.ReactNode;
+}
+
+TableV2.Cell = function TableCell({children}: TableCellProps) {
+    return <div className={cn.TableV2.Cell}>
+        <div className={cn.TableV2.CellContent}>
+            {children}
+        </div>
+    </div>
+}
+
+export interface TableModelCellProps {
+    children: React.ReactNode;
+}
+
+TableV2.ModelCell = function TableModelCell({children}: TableModelCellProps) {
+    return <div className={cn.TableV2.ModelCell}>
+        {children}
+    </div>
+} 

package/src/writer/Table/index.ts

@@ -8,3 +8,7 @@ export type {
     TableTrProps,
     TableTdProps
 } from "./Table"
+
+export {
+    TableV2
+} from "./TableV2"

package/dist/CTABanner-7Lacmgv-.js

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

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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

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

package/dist/CTABanner-B25jhlu7.js.map

@@ -1 +0,0 @@
-{"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

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

package/dist/CTABanner-B7U9a9EC.js.map

@@ -1 +0,0 @@
-{"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

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

package/dist/CTABanner-BEjXUxte.js.map

@@ -1 +0,0 @@
-{"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

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

package/dist/CTABanner-BFMagdIX.js.map

@@ -1 +0,0 @@
-{"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

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

package/dist/CTABanner-BYgpyViY.js.map

@@ -1 +0,0 @@
-{"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

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

package/dist/CTABanner-Ba0oCjHB.js.map

@@ -1 +0,0 @@
-{"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

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

package/dist/CTABanner-BchLyuaI.js.map

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

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

package/dist/CTABanner-BytLRAOg.js.map

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

package/dist/CTABanner-C-dj45tI.js

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

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

@@ -1 +0,0 @@
-{"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

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

package/dist/CTABanner-C1kCuocP.js.map

@@ -1 +0,0 @@
-{"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

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

package/dist/CTABanner-CEUWQpnU.js.map

@@ -1 +0,0 @@
-{"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

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

package/dist/CTABanner-CHB2dKrt.js.map

@@ -1 +0,0 @@
-{"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

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

package/dist/CTABanner-CL0ZSZXN.js.map

@@ -1 +0,0 @@
-{"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

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

package/dist/CTABanner-CZrFAUqV.js.map

@@ -1 +0,0 @@
-{"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

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

package/dist/CTABanner-CaC_mVbs.js.map

@@ -1 +0,0 @@
-{"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

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

package/dist/CTABanner-CeMiHQZS.js.map

@@ -1 +0,0 @@
-{"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

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

package/dist/CTABanner-CoXJtfnb.js.map

@@ -1 +0,0 @@
-{"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

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

package/dist/CTABanner-CqU19kZ1.js.map

@@ -1 +0,0 @@
-{"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

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

package/dist/CTABanner-CzoC3mDf.js.map

@@ -1 +0,0 @@
-{"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

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