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

package/.idea/git_toolbox_blame.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="GitToolBoxBlameSettings">
+    <option name="version" value="2" />
+  </component>
+</project>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/xyd-components.iml" filepath="$PROJECT_DIR$/.idea/xyd-components.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$/../.." vcs="Git" />
+  </component>
+</project>

package/.idea/xyd-components.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/CHANGELOG.md

@@ -1,5 +1,383 @@
 # @xyd-js/components
 
+## 0.1.0-xyd.52
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.54
+
+## 0.1.0-xyd.51
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.53
+
+## 0.1.0-xyd.50
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.52
+
+## 0.1.0-xyd.49
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.51
+
+## 0.1.0-xyd.48
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.50
+
+## 0.1.0-xyd.47
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.49
+
+## 0.1.0-xyd.46
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.48
+
+## 0.1.0-xyd.45
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.47
+
+## 0.1.0-xyd.44
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.46
+
+## 0.1.0-xyd.43
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.45
+
+## 0.1.0-xyd.42
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.44
+
+## 0.1.0-xyd.41
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.43
+
+## 0.1.0-xyd.40
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.42
+
+## 0.1.0-xyd.39
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.41
+
+## 0.1.0-xyd.38
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.40
+
+## 0.1.0-xyd.37
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.39
+
+## 0.1.0-xyd.36
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.38
+
+## 0.1.0-xyd.35
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.37
+
+## 0.1.0-xyd.34
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.36
+
+## 0.1.0-xyd.33
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.35
+
+## 0.1.0-xyd.32
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.34
+
+## 0.1.0-xyd.31
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.33
+
+## 0.1.0-xyd.30
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.32
+
+## 0.1.0-xyd.29
+
+### Patch Changes
+
+- update all packages
+- update all packages
+- Updated dependencies
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.31
+
+## 0.1.0-xyd.28
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.30
+
+## 0.1.0-xyd.27
+
+### Patch Changes
+
+- update all packages
+- update all packages
+- Updated dependencies
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.29
+
+## 0.1.0-xyd.26
+
+### Patch Changes
+
+- update all packages
+- update all packages
+- Updated dependencies
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.28
+
+## 0.1.0-xyd.25
+
+### Patch Changes
+
+- update all packages
+- update all packages
+- Updated dependencies
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.27
+
+## 0.1.0-xyd.24
+
+### Patch Changes
+
+- update all packages
+- update all packages
+- Updated dependencies
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.26
+
+## 0.1.0-xyd.23
+
+### Patch Changes
+
+- update all packages
+- update all packages
+- Updated dependencies
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.25
+
+## 0.1.0-xyd.22
+
+### Patch Changes
+
+- update all packages
+- update all packages
+- Updated dependencies
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.24
+
+## 0.1.0-xyd.21
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.23
+
+## 0.1.0-xyd.20
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.22
+
+## 0.1.0-xyd.19
+
+### Patch Changes
+
+- update all packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.21
+
+## 0.1.0-xyd.18
+
+### Patch Changes
+
+- update
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.20
+
+## 0.1.0-xyd.17
+
+### Patch Changes
+
+- update
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.19
+
+## 0.1.0-xyd.16
+
+### Patch Changes
+
+- update
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.18
+
+## 0.1.0-xyd.15
+
+### Patch Changes
+
+- update
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.17
+
+## 0.1.0-xyd.14
+
+### Patch Changes
+
+- update
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.16
+
+## 0.1.0-xyd.13
+
+### Patch Changes
+
+- test
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.15
+
+## 0.1.0-xyd.12
+
+### Patch Changes
+
+- update packages
+- Updated dependencies
+  - @xyd-js/core@0.1.0-xyd.14
+
+## 0.1.0-xyd.11
+
+### Patch Changes
+
+- version
+
+## 0.1.0-xyd.10
+
+### Patch Changes
+
+- fix again
+
+## 0.1.0-xyd.9
+
+### Patch Changes
+
+- fix for theme
+
+## 0.1.0-xyd.8
+
+### Patch Changes
+
+- refactor, ui tweaks
+
+## 0.1.0-xyd.7
+
+### Patch Changes
+
+- refactor, tweaks and ui changes
+
+## 0.1.0-xyd.6
+
+### Patch Changes
+
+- ui tweaks
+
 ## 0.1.0-xyd.5
 
 ### Patch Changes

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 xyd
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE. 

package/TODO.md

@@ -0,0 +1 @@
+1. in the future web components?

package/content.ts

@@ -1,3 +1 @@
 export * from "./src/content"
-
-export {MDX as default} from "./src/content"

package/dist/CTABanner-4mVtgtg1.js

@@ -0,0 +1,2 @@
+import e from"react";function t(t){var a=t.children,c=t.kind;return e.createElement("button",{className:"\n        ".concat("bbe0bky","\n        ").concat("secondary"===c&&"b9u6ujt","\n    ")},a)}function a(t){var a=t.children;return e.createElement("div",{className:"cydky64"},e.createElement("div",{className:"cnx5a8a"},e.createElement("div",{className:"c3skrt8"},a)))}a.Heading=function(t){var a=t.title,c=t.subtitle;return e.createElement("div",{className:"c14n8b2h"},e.createElement("div",{className:"clel4cb"},e.createElement("h1",{className:"cuwk4ms"},a)),e.createElement("h2",{className:"cm0mkfb"},c))},a.ButtonGroup=function(t){var a=t.children;return e.createElement("div",{className:"c143lt5p"},a)};export{t as B,a as C};
+//# sourceMappingURL=CTABanner-4mVtgtg1.js.map

package/dist/CTABanner-4mVtgtg1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTABanner-4mVtgtg1.js","sources":["../src/brand/Button/Button.tsx","../src/brand/Button/Button.styles.tsx","../src/brand/CTABanner/CTABanner.tsx","../src/brand/CTABanner/CTABanner.styles.tsx"],"sourcesContent":["import React from \"react\";\nimport * as cn from \"./Button.styles\";\n\nexport interface ButtonProps {\n    children: React.ReactNode\n    kind?: \"secondary\"\n}\n\nexport function Button({children, kind}: ButtonProps) {\n    return <button className={`\n        ${cn.ButtonHost}\n        ${kind === \"secondary\" && cn.ButtonHostSecondary}\n    `}>\n        {children}\n    </button>\n}","import {css} from \"@linaria/core\";\n\nexport const ButtonHost = css`\n    display: inline-block;\n    border: 1px solid transparent;\n    text-align: center;\n    white-space: nowrap;\n    border-radius: 20px;\n    padding: 0 20px;\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\nexport const ButtonHostSecondary = css`\n    color: #fff;\n    background-color: rgb(112, 81, 212);\n\n    &:hover {\n        background-color: rgb(95, 59, 211)\n    }\n`; ","import React from \"react\";\nimport * as cn from \"./CTABanner.styles\";\n\nexport interface CTABannerProps {\n    children: React.ReactNode;\n}\n\nexport interface CTABannerHeadingProps {\n    title: string;\n    subtitle: string;\n}\n\nexport interface CTABannerButtonGroupProps {\n    children: React.ReactNode;\n}\n\nexport function CTABanner({children}: CTABannerProps) {\n    return (\n        <div className={cn.CTABannerHost}>\n            <div className={cn.CTABannerContainer}>\n                <div className={cn.CTABannerHero}>\n                    {children}\n                </div>\n            </div>\n        </div>\n    );\n}\n\nfunction Heading({title, subtitle}: CTABannerHeadingProps) {\n    return (\n        <div className={cn.CTABannerHeadingHost}>\n            <div className={cn.CTABannerHeadingEffect}>\n                <h1 className={cn.CTABannerHeadingTitle}>{title}</h1>\n            </div>\n            <h2 className={cn.CTABannerHeadingSubtitle}>{subtitle}</h2>\n        </div>\n    );\n}\n\nfunction ButtonGroup({children}: CTABannerButtonGroupProps) {\n    return (\n        <div className={cn.CTABannerButtonGroupHost}>\n            {children}\n        </div>\n    );\n}\n\nCTABanner.Heading = Heading;\nCTABanner.ButtonGroup = ButtonGroup;","import {css} from \"@linaria/core\";\n\nexport const CTABannerHost = css`\n    padding: 20px;\n`;\n\nexport const CTABannerContainer = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 80px;\n`;\n\nexport const CTABannerHero = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    gap: 40px;\n`;\n\nexport const CTABannerHeadingEffect = 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\nexport const CTABannerHeadingHost = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n`;\n\nexport const CTABannerHeadingTitle = css`\n    font-weight: var(--xyd-font-weight-black);\n    text-align: center;\n    letter-spacing: 3px;\n    margin: 0;\n`;\n\nexport const CTABannerHeadingSubtitle = css`\n    color: #3c3c43;\n    font-weight: var(--xyd-font-weight-semibold);\n    text-align: center;\n`;\n\nexport const CTABannerButtonGroupHost = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n`; "],"names":["Button","_ref","children","kind","React","createElement","className","concat","CTABanner","Heading","_ref2","title","subtitle","ButtonGroup","_ref3"],"mappings":"8BAQgBA,EAAMC,GAA8B,IAA5BC,EAAQD,EAARC,SAAUC,EAAIF,EAAJE,KAC9B,OAAOC,EAAAC,cAAA,SAAA,CAAQC,UAAS,aAAAC,OCPL,UDQA,cAAAA,OACJ,cAATJ,GCSsB,UDTwB,WAE/CD,EAET,CECM,SAAUM,EAASP,GAA2B,IAAzBC,EAAQD,EAARC,SACvB,OACIE,EAAAC,cAAA,MAAA,CAAKC,UChBa,WDiBdF,EAAAC,cAAA,MAAA,CAAKC,UCbc,WDcfF,EAAAC,cAAA,MAAA,CAAKC,UCPK,WDQLJ,IAKrB,CAqBAM,EAAUC,QAnBV,SAAgBC,GAAyC,IAAvCC,EAAKD,EAALC,MAAOC,EAAQF,EAARE,SACrB,OACIR,EAAAC,cAAA,MAAA,CAAKC,UCwBoB,YDvBrBF,EAAAC,cAAA,MAAA,CAAKC,UCVkB,WDWnBF,EAAAC,cAAA,KAAA,CAAIC,UC6Bc,WD7BwBK,IAE9CP,EAAAC,cAAA,KAAA,CAAIC,UCkCqB,WDlCoBM,GAGzD,EAWAJ,EAAUK,YATV,SAAoBC,GAAsC,IAApCZ,EAAQY,EAARZ,SAClB,OACIE,EAAAC,cAAA,MAAA,CAAKC,UCiCwB,YDhCxBJ,EAGb"}

package/dist/CTABanner-8awHx3iq.js

@@ -0,0 +1,2 @@
+import e from"react";function t(t){var a=t.children,c=t.kind;return e.createElement("button",{className:"\n        ".concat("bbe0bky","\n        ").concat("secondary"===c&&"b9u6ujt","\n    ")},a)}function a(t){var a=t.children;return e.createElement("div",{className:"cydky64"},e.createElement("div",{className:"cnx5a8a"},e.createElement("div",{className:"c3skrt8"},a)))}a.Heading=function(t){var a=t.title,c=t.subtitle;return e.createElement("div",{className:"c14n8b2h"},e.createElement("div",{className:"clel4cb"},e.createElement("h1",{className:"cuwk4ms"},a)),e.createElement("h2",{className:"cm0mkfb"},c))},a.ButtonGroup=function(t){var a=t.children;return e.createElement("div",{className:"c143lt5p"},a)};export{t as B,a as C};
+//# sourceMappingURL=CTABanner-8awHx3iq.js.map

package/dist/CTABanner-8awHx3iq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTABanner-8awHx3iq.js","sources":["../src/brand/Button/Button.tsx","../src/brand/Button/Button.styles.tsx","../src/brand/CTABanner/CTABanner.tsx","../src/brand/CTABanner/CTABanner.styles.tsx"],"sourcesContent":["import React from \"react\";\nimport * as cn from \"./Button.styles\";\n\nexport interface ButtonProps {\n    children: React.ReactNode\n    kind?: \"secondary\"\n}\n\nexport function Button({children, kind}: ButtonProps) {\n    return <button className={`\n        ${cn.ButtonHost}\n        ${kind === \"secondary\" && cn.ButtonHostSecondary}\n    `}>\n        {children}\n    </button>\n}","import {css} from \"@linaria/core\";\n\nexport const ButtonHost = css`\n    display: inline-block;\n    border: 1px solid transparent;\n    text-align: center;\n    white-space: nowrap;\n    border-radius: 20px;\n    padding: 0 20px;\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\nexport const ButtonHostSecondary = css`\n    color: #fff;\n    background-color: rgb(112, 81, 212);\n\n    &:hover {\n        background-color: rgb(95, 59, 211)\n    }\n`; ","import React from \"react\";\nimport * as cn from \"./CTABanner.styles\";\n\nexport interface CTABannerProps {\n    children: React.ReactNode;\n}\n\nexport interface CTABannerHeadingProps {\n    title: string;\n    subtitle: string;\n}\n\nexport interface CTABannerButtonGroupProps {\n    children: React.ReactNode;\n}\n\nexport function CTABanner({children}: CTABannerProps) {\n    return (\n        <div className={cn.CTABannerHost}>\n            <div className={cn.CTABannerContainer}>\n                <div className={cn.CTABannerHero}>\n                    {children}\n                </div>\n            </div>\n        </div>\n    );\n}\n\nfunction Heading({title, subtitle}: CTABannerHeadingProps) {\n    return (\n        <div className={cn.CTABannerHeadingHost}>\n            <div className={cn.CTABannerHeadingEffect}>\n                <h1 className={cn.CTABannerHeadingTitle}>{title}</h1>\n            </div>\n            <h2 className={cn.CTABannerHeadingSubtitle}>{subtitle}</h2>\n        </div>\n    );\n}\n\nfunction ButtonGroup({children}: CTABannerButtonGroupProps) {\n    return (\n        <div className={cn.CTABannerButtonGroupHost}>\n            {children}\n        </div>\n    );\n}\n\nCTABanner.Heading = Heading;\nCTABanner.ButtonGroup = ButtonGroup;","import {css} from \"@linaria/core\";\n\nexport const CTABannerHost = css`\n    padding: 20px;\n`;\n\nexport const CTABannerContainer = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 80px;\n`;\n\nexport const CTABannerHero = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    gap: 40px;\n`;\n\nexport const CTABannerHeadingEffect = 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\nexport const CTABannerHeadingHost = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n`;\n\nexport const CTABannerHeadingTitle = css`\n    font-weight: var(--xyd-font-weight-black);\n    text-align: center;\n    letter-spacing: 3px;\n    margin: 0;\n`;\n\nexport const CTABannerHeadingSubtitle = css`\n    color: #3c3c43;\n    font-weight: var(--xyd-font-weight-semibold);\n    text-align: center;\n`;\n\nexport const CTABannerButtonGroupHost = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n`; "],"names":["Button","_ref","children","kind","React","createElement","className","concat","CTABanner","Heading","_ref2","title","subtitle","ButtonGroup","_ref3"],"mappings":"8BAQgBA,EAAMC,GAA8B,IAA5BC,EAAQD,EAARC,SAAUC,EAAIF,EAAJE,KAC9B,OAAOC,EAAAC,cAAA,SAAA,CAAQC,UAAS,aAAAC,OCPL,UDQA,cAAAA,OACJ,cAATJ,GCSsB,UDTwB,WAE/CD,EAET,CECM,SAAUM,EAASP,GAA2B,IAAzBC,EAAQD,EAARC,SACvB,OACIE,EAAAC,cAAA,MAAA,CAAKC,UChBa,WDiBdF,EAAAC,cAAA,MAAA,CAAKC,UCbc,WDcfF,EAAAC,cAAA,MAAA,CAAKC,UCPK,WDQLJ,IAKrB,CAqBAM,EAAUC,QAnBV,SAAgBC,GAAyC,IAAvCC,EAAKD,EAALC,MAAOC,EAAQF,EAARE,SACrB,OACIR,EAAAC,cAAA,MAAA,CAAKC,UCwBoB,YDvBrBF,EAAAC,cAAA,MAAA,CAAKC,UCVkB,WDWnBF,EAAAC,cAAA,KAAA,CAAIC,UC6Bc,WD7BwBK,IAE9CP,EAAAC,cAAA,KAAA,CAAIC,UCkCqB,WDlCoBM,GAGzD,EAWAJ,EAAUK,YATV,SAAoBC,GAAsC,IAApCZ,EAAQY,EAARZ,SAClB,OACIE,EAAAC,cAAA,MAAA,CAAKC,UCiCwB,YDhCxBJ,EAGb"}

package/dist/CTABanner-BW4YN4-n.js

@@ -0,0 +1,2 @@
+import e from"react";function t(t){var a=t.children,c=t.kind;return e.createElement("button",{className:"\n        ".concat("bbe0bky","\n        ").concat("secondary"===c&&"b9u6ujt","\n    ")},a)}function a(t){var a=t.children;return e.createElement("div",{className:"cydky64"},e.createElement("div",{className:"cnx5a8a"},e.createElement("div",{className:"c3skrt8"},a)))}a.Heading=function(t){var a=t.title,c=t.subtitle;return e.createElement("div",{className:"c14n8b2h"},e.createElement("div",{className:"clel4cb"},e.createElement("h1",{className:"cuwk4ms"},a)),e.createElement("h2",{className:"cm0mkfb"},c))},a.ButtonGroup=function(t){var a=t.children;return e.createElement("div",{className:"c143lt5p"},a)};export{t as B,a as C};
+//# sourceMappingURL=CTABanner-BW4YN4-n.js.map

package/dist/CTABanner-BW4YN4-n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTABanner-BW4YN4-n.js","sources":["../src/brand/Button/Button.tsx","../src/brand/Button/Button.styles.tsx","../src/brand/CTABanner/CTABanner.tsx","../src/brand/CTABanner/CTABanner.styles.tsx"],"sourcesContent":["import React from \"react\";\nimport * as cn from \"./Button.styles\";\n\nexport interface ButtonProps {\n    children: React.ReactNode\n    kind?: \"secondary\"\n}\n\nexport function Button({children, kind}: ButtonProps) {\n    return <button className={`\n        ${cn.ButtonHost}\n        ${kind === \"secondary\" && cn.ButtonHostSecondary}\n    `}>\n        {children}\n    </button>\n}","import {css} from \"@linaria/core\";\n\nexport const ButtonHost = css`\n    display: inline-block;\n    border: 1px solid transparent;\n    text-align: center;\n    white-space: nowrap;\n    border-radius: 20px;\n    padding: 0 20px;\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\nexport const ButtonHostSecondary = css`\n    color: #fff;\n    background-color: rgb(112, 81, 212);\n\n    &:hover {\n        background-color: rgb(95, 59, 211)\n    }\n`; ","import React from \"react\";\nimport * as cn from \"./CTABanner.styles\";\n\nexport interface CTABannerProps {\n    children: React.ReactNode;\n}\n\nexport interface CTABannerHeadingProps {\n    title: string;\n    subtitle: string;\n}\n\nexport interface CTABannerButtonGroupProps {\n    children: React.ReactNode;\n}\n\nexport function CTABanner({children}: CTABannerProps) {\n    return (\n        <div className={cn.CTABannerHost}>\n            <div className={cn.CTABannerContainer}>\n                <div className={cn.CTABannerHero}>\n                    {children}\n                </div>\n            </div>\n        </div>\n    );\n}\n\nfunction Heading({title, subtitle}: CTABannerHeadingProps) {\n    return (\n        <div className={cn.CTABannerHeadingHost}>\n            <div className={cn.CTABannerHeadingEffect}>\n                <h1 className={cn.CTABannerHeadingTitle}>{title}</h1>\n            </div>\n            <h2 className={cn.CTABannerHeadingSubtitle}>{subtitle}</h2>\n        </div>\n    );\n}\n\nfunction ButtonGroup({children}: CTABannerButtonGroupProps) {\n    return (\n        <div className={cn.CTABannerButtonGroupHost}>\n            {children}\n        </div>\n    );\n}\n\nCTABanner.Heading = Heading;\nCTABanner.ButtonGroup = ButtonGroup;","import {css} from \"@linaria/core\";\n\nexport const CTABannerHost = css`\n    padding: 20px;\n`;\n\nexport const CTABannerContainer = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 80px;\n`;\n\nexport const CTABannerHero = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    gap: 40px;\n`;\n\nexport const CTABannerHeadingEffect = 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\nexport const CTABannerHeadingHost = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n`;\n\nexport const CTABannerHeadingTitle = css`\n    font-weight: var(--xyd-font-weight-black);\n    text-align: center;\n    letter-spacing: 3px;\n    margin: 0;\n`;\n\nexport const CTABannerHeadingSubtitle = css`\n    color: #3c3c43;\n    font-weight: var(--xyd-font-weight-semibold);\n    text-align: center;\n`;\n\nexport const CTABannerButtonGroupHost = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n`; "],"names":["Button","_ref","children","kind","React","createElement","className","concat","CTABanner","Heading","_ref2","title","subtitle","ButtonGroup","_ref3"],"mappings":"8BAQgBA,EAAMC,GAA8B,IAA5BC,EAAQD,EAARC,SAAUC,EAAIF,EAAJE,KAC9B,OAAOC,EAAAC,cAAA,SAAA,CAAQC,UAAS,aAAAC,OCPL,UDQA,cAAAA,OACJ,cAATJ,GCSsB,UDTwB,WAE/CD,EAET,CECM,SAAUM,EAASP,GAA2B,IAAzBC,EAAQD,EAARC,SACvB,OACIE,EAAAC,cAAA,MAAA,CAAKC,UChBa,WDiBdF,EAAAC,cAAA,MAAA,CAAKC,UCbc,WDcfF,EAAAC,cAAA,MAAA,CAAKC,UCPK,WDQLJ,IAKrB,CAqBAM,EAAUC,QAnBV,SAAgBC,GAAyC,IAAvCC,EAAKD,EAALC,MAAOC,EAAQF,EAARE,SACrB,OACIR,EAAAC,cAAA,MAAA,CAAKC,UCwBoB,YDvBrBF,EAAAC,cAAA,MAAA,CAAKC,UCVkB,WDWnBF,EAAAC,cAAA,KAAA,CAAIC,UC6Bc,WD7BwBK,IAE9CP,EAAAC,cAAA,KAAA,CAAIC,UCkCqB,WDlCoBM,GAGzD,EAWAJ,EAAUK,YATV,SAAoBC,GAAsC,IAApCZ,EAAQY,EAARZ,SAClB,OACIE,EAAAC,cAAA,MAAA,CAAKC,UCiCwB,YDhCxBJ,EAGb"}

package/dist/CTABanner-C-6auNiO.js

@@ -0,0 +1,2 @@
+import e from"react";function t(t){var a=t.children,c=t.kind;return e.createElement("button",{className:"\n        ".concat("bbe0bky","\n        ").concat("secondary"===c&&"b9u6ujt","\n    ")},a)}function a(t){var a=t.children;return e.createElement("div",{className:"cydky64"},e.createElement("div",{className:"cnx5a8a"},e.createElement("div",{className:"c3skrt8"},a)))}a.Heading=function(t){var a=t.title,c=t.subtitle;return e.createElement("div",{className:"c14n8b2h"},e.createElement("div",{className:"clel4cb"},e.createElement("h1",{className:"cuwk4ms"},a)),e.createElement("h2",{className:"cm0mkfb"},c))},a.ButtonGroup=function(t){var a=t.children;return e.createElement("div",{className:"c143lt5p"},a)};export{t as B,a as C};
+//# sourceMappingURL=CTABanner-C-6auNiO.js.map

package/dist/CTABanner-C-6auNiO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTABanner-C-6auNiO.js","sources":["../src/brand/Button/Button.tsx","../src/brand/Button/Button.styles.tsx","../src/brand/CTABanner/CTABanner.tsx","../src/brand/CTABanner/CTABanner.styles.tsx"],"sourcesContent":["import React from \"react\";\nimport * as cn from \"./Button.styles\";\n\nexport interface ButtonProps {\n    children: React.ReactNode\n    kind?: \"secondary\"\n}\n\nexport function Button({children, kind}: ButtonProps) {\n    return <button className={`\n        ${cn.ButtonHost}\n        ${kind === \"secondary\" && cn.ButtonHostSecondary}\n    `}>\n        {children}\n    </button>\n}","import {css} from \"@linaria/core\";\n\nexport const ButtonHost = css`\n    display: inline-block;\n    border: 1px solid transparent;\n    text-align: center;\n    white-space: nowrap;\n    border-radius: 20px;\n    padding: 0 20px;\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\nexport const ButtonHostSecondary = css`\n    color: #fff;\n    background-color: rgb(112, 81, 212);\n\n    &:hover {\n        background-color: rgb(95, 59, 211)\n    }\n`; ","import React from \"react\";\nimport * as cn from \"./CTABanner.styles\";\n\nexport interface CTABannerProps {\n    children: React.ReactNode;\n}\n\nexport interface CTABannerHeadingProps {\n    title: string;\n    subtitle: string;\n}\n\nexport interface CTABannerButtonGroupProps {\n    children: React.ReactNode;\n}\n\nexport function CTABanner({children}: CTABannerProps) {\n    return (\n        <div className={cn.CTABannerHost}>\n            <div className={cn.CTABannerContainer}>\n                <div className={cn.CTABannerHero}>\n                    {children}\n                </div>\n            </div>\n        </div>\n    );\n}\n\nfunction Heading({title, subtitle}: CTABannerHeadingProps) {\n    return (\n        <div className={cn.CTABannerHeadingHost}>\n            <div className={cn.CTABannerHeadingEffect}>\n                <h1 className={cn.CTABannerHeadingTitle}>{title}</h1>\n            </div>\n            <h2 className={cn.CTABannerHeadingSubtitle}>{subtitle}</h2>\n        </div>\n    );\n}\n\nfunction ButtonGroup({children}: CTABannerButtonGroupProps) {\n    return (\n        <div className={cn.CTABannerButtonGroupHost}>\n            {children}\n        </div>\n    );\n}\n\nCTABanner.Heading = Heading;\nCTABanner.ButtonGroup = ButtonGroup;","import {css} from \"@linaria/core\";\n\nexport const CTABannerHost = css`\n    padding: 20px;\n`;\n\nexport const CTABannerContainer = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 80px;\n`;\n\nexport const CTABannerHero = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    gap: 40px;\n`;\n\nexport const CTABannerHeadingEffect = 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\nexport const CTABannerHeadingHost = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n`;\n\nexport const CTABannerHeadingTitle = css`\n    font-weight: var(--xyd-font-weight-black);\n    text-align: center;\n    letter-spacing: 3px;\n    margin: 0;\n`;\n\nexport const CTABannerHeadingSubtitle = css`\n    color: #3c3c43;\n    font-weight: var(--xyd-font-weight-semibold);\n    text-align: center;\n`;\n\nexport const CTABannerButtonGroupHost = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n`; "],"names":["Button","_ref","children","kind","React","createElement","className","concat","CTABanner","Heading","_ref2","title","subtitle","ButtonGroup","_ref3"],"mappings":"8BAQgBA,EAAMC,GAA8B,IAA5BC,EAAQD,EAARC,SAAUC,EAAIF,EAAJE,KAC9B,OAAOC,EAAAC,cAAA,SAAA,CAAQC,UAAS,aAAAC,OCPL,UDQA,cAAAA,OACJ,cAATJ,GCSsB,UDTwB,WAE/CD,EAET,CECM,SAAUM,EAASP,GAA2B,IAAzBC,EAAQD,EAARC,SACvB,OACIE,EAAAC,cAAA,MAAA,CAAKC,UChBa,WDiBdF,EAAAC,cAAA,MAAA,CAAKC,UCbc,WDcfF,EAAAC,cAAA,MAAA,CAAKC,UCPK,WDQLJ,IAKrB,CAqBAM,EAAUC,QAnBV,SAAgBC,GAAyC,IAAvCC,EAAKD,EAALC,MAAOC,EAAQF,EAARE,SACrB,OACIR,EAAAC,cAAA,MAAA,CAAKC,UCwBoB,YDvBrBF,EAAAC,cAAA,MAAA,CAAKC,UCVkB,WDWnBF,EAAAC,cAAA,KAAA,CAAIC,UC6Bc,WD7BwBK,IAE9CP,EAAAC,cAAA,KAAA,CAAIC,UCkCqB,WDlCoBM,GAGzD,EAWAJ,EAAUK,YATV,SAAoBC,GAAsC,IAApCZ,EAAQY,EAARZ,SAClB,OACIE,EAAAC,cAAA,MAAA,CAAKC,UCiCwB,YDhCxBJ,EAGb"}

package/dist/CTABanner-CUwluXcM.js

@@ -0,0 +1,2 @@
+import e from"react";function t(t){var a=t.children,c=t.kind;return e.createElement("button",{className:"\n        ".concat("bbe0bky","\n        ").concat("secondary"===c&&"b9u6ujt","\n    ")},a)}function a(t){var a=t.children;return e.createElement("div",{className:"cydky64"},e.createElement("div",{className:"cnx5a8a"},e.createElement("div",{className:"c3skrt8"},a)))}a.Heading=function(t){var a=t.title,c=t.subtitle;return e.createElement("div",{className:"c14n8b2h"},e.createElement("div",{className:"clel4cb"},e.createElement("h1",{className:"cuwk4ms"},a)),e.createElement("h2",{className:"cm0mkfb"},c))},a.ButtonGroup=function(t){var a=t.children;return e.createElement("div",{className:"c143lt5p"},a)};export{t as B,a as C};
+//# sourceMappingURL=CTABanner-CUwluXcM.js.map

package/dist/CTABanner-CUwluXcM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTABanner-CUwluXcM.js","sources":["../src/brand/Button/Button.tsx","../src/brand/Button/Button.styles.tsx","../src/brand/CTABanner/CTABanner.tsx","../src/brand/CTABanner/CTABanner.styles.tsx"],"sourcesContent":["import React from \"react\";\nimport * as cn from \"./Button.styles\";\n\nexport interface ButtonProps {\n    children: React.ReactNode\n    kind?: \"secondary\"\n}\n\nexport function Button({children, kind}: ButtonProps) {\n    return <button className={`\n        ${cn.ButtonHost}\n        ${kind === \"secondary\" && cn.ButtonHostSecondary}\n    `}>\n        {children}\n    </button>\n}","import {css} from \"@linaria/core\";\n\nexport const ButtonHost = css`\n    display: inline-block;\n    border: 1px solid transparent;\n    text-align: center;\n    white-space: nowrap;\n    border-radius: 20px;\n    padding: 0 20px;\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\nexport const ButtonHostSecondary = css`\n    color: #fff;\n    background-color: rgb(112, 81, 212);\n\n    &:hover {\n        background-color: rgb(95, 59, 211)\n    }\n`; ","import React from \"react\";\nimport * as cn from \"./CTABanner.styles\";\n\nexport interface CTABannerProps {\n    children: React.ReactNode;\n}\n\nexport interface CTABannerHeadingProps {\n    title: string;\n    subtitle: string;\n}\n\nexport interface CTABannerButtonGroupProps {\n    children: React.ReactNode;\n}\n\nexport function CTABanner({children}: CTABannerProps) {\n    return (\n        <div className={cn.CTABannerHost}>\n            <div className={cn.CTABannerContainer}>\n                <div className={cn.CTABannerHero}>\n                    {children}\n                </div>\n            </div>\n        </div>\n    );\n}\n\nfunction Heading({title, subtitle}: CTABannerHeadingProps) {\n    return (\n        <div className={cn.CTABannerHeadingHost}>\n            <div className={cn.CTABannerHeadingEffect}>\n                <h1 className={cn.CTABannerHeadingTitle}>{title}</h1>\n            </div>\n            <h2 className={cn.CTABannerHeadingSubtitle}>{subtitle}</h2>\n        </div>\n    );\n}\n\nfunction ButtonGroup({children}: CTABannerButtonGroupProps) {\n    return (\n        <div className={cn.CTABannerButtonGroupHost}>\n            {children}\n        </div>\n    );\n}\n\nCTABanner.Heading = Heading;\nCTABanner.ButtonGroup = ButtonGroup;","import {css} from \"@linaria/core\";\n\nexport const CTABannerHost = css`\n    padding: 20px;\n`;\n\nexport const CTABannerContainer = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 80px;\n`;\n\nexport const CTABannerHero = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    gap: 40px;\n`;\n\nexport const CTABannerHeadingEffect = 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\nexport const CTABannerHeadingHost = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n`;\n\nexport const CTABannerHeadingTitle = css`\n    font-weight: var(--xyd-font-weight-black);\n    text-align: center;\n    letter-spacing: 3px;\n    margin: 0;\n`;\n\nexport const CTABannerHeadingSubtitle = css`\n    color: #3c3c43;\n    font-weight: var(--xyd-font-weight-semibold);\n    text-align: center;\n`;\n\nexport const CTABannerButtonGroupHost = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n`; "],"names":["Button","_ref","children","kind","React","createElement","className","concat","CTABanner","Heading","_ref2","title","subtitle","ButtonGroup","_ref3"],"mappings":"8BAQgBA,EAAMC,GAA8B,IAA5BC,EAAQD,EAARC,SAAUC,EAAIF,EAAJE,KAC9B,OAAOC,EAAAC,cAAA,SAAA,CAAQC,UAAS,aAAAC,OCPL,UDQA,cAAAA,OACJ,cAATJ,GCSsB,UDTwB,WAE/CD,EAET,CECM,SAAUM,EAASP,GAA2B,IAAzBC,EAAQD,EAARC,SACvB,OACIE,EAAAC,cAAA,MAAA,CAAKC,UChBa,WDiBdF,EAAAC,cAAA,MAAA,CAAKC,UCbc,WDcfF,EAAAC,cAAA,MAAA,CAAKC,UCPK,WDQLJ,IAKrB,CAqBAM,EAAUC,QAnBV,SAAgBC,GAAyC,IAAvCC,EAAKD,EAALC,MAAOC,EAAQF,EAARE,SACrB,OACIR,EAAAC,cAAA,MAAA,CAAKC,UCwBoB,YDvBrBF,EAAAC,cAAA,MAAA,CAAKC,UCVkB,WDWnBF,EAAAC,cAAA,KAAA,CAAIC,UC6Bc,WD7BwBK,IAE9CP,EAAAC,cAAA,KAAA,CAAIC,UCkCqB,WDlCoBM,GAGzD,EAWAJ,EAAUK,YATV,SAAoBC,GAAsC,IAApCZ,EAAQY,EAARZ,SAClB,OACIE,EAAAC,cAAA,MAAA,CAAKC,UCiCwB,YDhCxBJ,EAGb"}

package/dist/CTABanner-CV8B6kGd.js

@@ -0,0 +1,2 @@
+import e from"react";function t(t){var a=t.children,c=t.kind;return e.createElement("button",{className:"\n        ".concat("bbe0bky","\n        ").concat("secondary"===c&&"b9u6ujt","\n    ")},a)}function a(t){var a=t.children;return e.createElement("div",{className:"cydky64"},e.createElement("div",{className:"cnx5a8a"},e.createElement("div",{className:"c3skrt8"},a)))}a.Heading=function(t){var a=t.title,c=t.subtitle;return e.createElement("div",{className:"c14n8b2h"},e.createElement("div",{className:"clel4cb"},e.createElement("h1",{className:"cuwk4ms"},a)),e.createElement("h2",{className:"cm0mkfb"},c))},a.ButtonGroup=function(t){var a=t.children;return e.createElement("div",{className:"c143lt5p"},a)};export{t as B,a as C};
+//# sourceMappingURL=CTABanner-CV8B6kGd.js.map

package/dist/CTABanner-CV8B6kGd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTABanner-CV8B6kGd.js","sources":["../src/brand/Button/Button.tsx","../src/brand/Button/Button.styles.tsx","../src/brand/CTABanner/CTABanner.tsx","../src/brand/CTABanner/CTABanner.styles.tsx"],"sourcesContent":["import React from \"react\";\nimport * as cn from \"./Button.styles\";\n\nexport interface ButtonProps {\n    children: React.ReactNode\n    kind?: \"secondary\"\n}\n\nexport function Button({children, kind}: ButtonProps) {\n    return <button className={`\n        ${cn.ButtonHost}\n        ${kind === \"secondary\" && cn.ButtonHostSecondary}\n    `}>\n        {children}\n    </button>\n}","import {css} from \"@linaria/core\";\n\nexport const ButtonHost = css`\n    display: inline-block;\n    border: 1px solid transparent;\n    text-align: center;\n    white-space: nowrap;\n    border-radius: 20px;\n    padding: 0 20px;\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\nexport const ButtonHostSecondary = css`\n    color: #fff;\n    background-color: rgb(112, 81, 212);\n\n    &:hover {\n        background-color: rgb(95, 59, 211)\n    }\n`; ","import React from \"react\";\nimport * as cn from \"./CTABanner.styles\";\n\nexport interface CTABannerProps {\n    children: React.ReactNode;\n}\n\nexport interface CTABannerHeadingProps {\n    title: string;\n    subtitle: string;\n}\n\nexport interface CTABannerButtonGroupProps {\n    children: React.ReactNode;\n}\n\nexport function CTABanner({children}: CTABannerProps) {\n    return (\n        <div className={cn.CTABannerHost}>\n            <div className={cn.CTABannerContainer}>\n                <div className={cn.CTABannerHero}>\n                    {children}\n                </div>\n            </div>\n        </div>\n    );\n}\n\nfunction Heading({title, subtitle}: CTABannerHeadingProps) {\n    return (\n        <div className={cn.CTABannerHeadingHost}>\n            <div className={cn.CTABannerHeadingEffect}>\n                <h1 className={cn.CTABannerHeadingTitle}>{title}</h1>\n            </div>\n            <h2 className={cn.CTABannerHeadingSubtitle}>{subtitle}</h2>\n        </div>\n    );\n}\n\nfunction ButtonGroup({children}: CTABannerButtonGroupProps) {\n    return (\n        <div className={cn.CTABannerButtonGroupHost}>\n            {children}\n        </div>\n    );\n}\n\nCTABanner.Heading = Heading;\nCTABanner.ButtonGroup = ButtonGroup;","import {css} from \"@linaria/core\";\n\nexport const CTABannerHost = css`\n    padding: 20px;\n`;\n\nexport const CTABannerContainer = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 80px;\n`;\n\nexport const CTABannerHero = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    gap: 40px;\n`;\n\nexport const CTABannerHeadingEffect = 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\nexport const CTABannerHeadingHost = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n`;\n\nexport const CTABannerHeadingTitle = css`\n    font-weight: var(--xyd-font-weight-black);\n    text-align: center;\n    letter-spacing: 3px;\n    margin: 0;\n`;\n\nexport const CTABannerHeadingSubtitle = css`\n    color: #3c3c43;\n    font-weight: var(--xyd-font-weight-semibold);\n    text-align: center;\n`;\n\nexport const CTABannerButtonGroupHost = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n`; "],"names":["Button","_ref","children","kind","React","createElement","className","concat","CTABanner","Heading","_ref2","title","subtitle","ButtonGroup","_ref3"],"mappings":"8BAQgBA,EAAMC,GAA8B,IAA5BC,EAAQD,EAARC,SAAUC,EAAIF,EAAJE,KAC9B,OAAOC,EAAAC,cAAA,SAAA,CAAQC,UAAS,aAAAC,OCPL,UDQA,cAAAA,OACJ,cAATJ,GCSsB,UDTwB,WAE/CD,EAET,CECM,SAAUM,EAASP,GAA2B,IAAzBC,EAAQD,EAARC,SACvB,OACIE,EAAAC,cAAA,MAAA,CAAKC,UChBa,WDiBdF,EAAAC,cAAA,MAAA,CAAKC,UCbc,WDcfF,EAAAC,cAAA,MAAA,CAAKC,UCPK,WDQLJ,IAKrB,CAqBAM,EAAUC,QAnBV,SAAgBC,GAAyC,IAAvCC,EAAKD,EAALC,MAAOC,EAAQF,EAARE,SACrB,OACIR,EAAAC,cAAA,MAAA,CAAKC,UCwBoB,YDvBrBF,EAAAC,cAAA,MAAA,CAAKC,UCVkB,WDWnBF,EAAAC,cAAA,KAAA,CAAIC,UC6Bc,WD7BwBK,IAE9CP,EAAAC,cAAA,KAAA,CAAIC,UCkCqB,WDlCoBM,GAGzD,EAWAJ,EAAUK,YATV,SAAoBC,GAAsC,IAApCZ,EAAQY,EAARZ,SAClB,OACIE,EAAAC,cAAA,MAAA,CAAKC,UCiCwB,YDhCxBJ,EAGb"}

package/dist/CTABanner-CYq6zqzK.js

@@ -0,0 +1,2 @@
+import e from"react";function t(t){var a=t.children,c=t.kind;return e.createElement("button",{className:"\n        ".concat("bbe0bky","\n        ").concat("secondary"===c&&"b9u6ujt","\n    ")},a)}function a(t){var a=t.children;return e.createElement("div",{className:"cydky64"},e.createElement("div",{className:"cnx5a8a"},e.createElement("div",{className:"c3skrt8"},a)))}a.Heading=function(t){var a=t.title,c=t.subtitle;return e.createElement("div",{className:"c14n8b2h"},e.createElement("div",{className:"clel4cb"},e.createElement("h1",{className:"cuwk4ms"},a)),e.createElement("h2",{className:"cm0mkfb"},c))},a.ButtonGroup=function(t){var a=t.children;return e.createElement("div",{className:"c143lt5p"},a)};export{t as B,a as C};
+//# sourceMappingURL=CTABanner-CYq6zqzK.js.map

package/dist/CTABanner-CYq6zqzK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTABanner-CYq6zqzK.js","sources":["../src/brand/Button/Button.tsx","../src/brand/Button/Button.styles.tsx","../src/brand/CTABanner/CTABanner.tsx","../src/brand/CTABanner/CTABanner.styles.tsx"],"sourcesContent":["import React from \"react\";\nimport * as cn from \"./Button.styles\";\n\nexport interface ButtonProps {\n    children: React.ReactNode\n    kind?: \"secondary\"\n}\n\nexport function Button({children, kind}: ButtonProps) {\n    return <button className={`\n        ${cn.ButtonHost}\n        ${kind === \"secondary\" && cn.ButtonHostSecondary}\n    `}>\n        {children}\n    </button>\n}","import {css} from \"@linaria/core\";\n\nexport const ButtonHost = css`\n    display: inline-block;\n    border: 1px solid transparent;\n    text-align: center;\n    white-space: nowrap;\n    border-radius: 20px;\n    padding: 0 20px;\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\nexport const ButtonHostSecondary = css`\n    color: #fff;\n    background-color: rgb(112, 81, 212);\n\n    &:hover {\n        background-color: rgb(95, 59, 211)\n    }\n`; ","import React from \"react\";\nimport * as cn from \"./CTABanner.styles\";\n\nexport interface CTABannerProps {\n    children: React.ReactNode;\n}\n\nexport interface CTABannerHeadingProps {\n    title: string;\n    subtitle: string;\n}\n\nexport interface CTABannerButtonGroupProps {\n    children: React.ReactNode;\n}\n\nexport function CTABanner({children}: CTABannerProps) {\n    return (\n        <div className={cn.CTABannerHost}>\n            <div className={cn.CTABannerContainer}>\n                <div className={cn.CTABannerHero}>\n                    {children}\n                </div>\n            </div>\n        </div>\n    );\n}\n\nfunction Heading({title, subtitle}: CTABannerHeadingProps) {\n    return (\n        <div className={cn.CTABannerHeadingHost}>\n            <div className={cn.CTABannerHeadingEffect}>\n                <h1 className={cn.CTABannerHeadingTitle}>{title}</h1>\n            </div>\n            <h2 className={cn.CTABannerHeadingSubtitle}>{subtitle}</h2>\n        </div>\n    );\n}\n\nfunction ButtonGroup({children}: CTABannerButtonGroupProps) {\n    return (\n        <div className={cn.CTABannerButtonGroupHost}>\n            {children}\n        </div>\n    );\n}\n\nCTABanner.Heading = Heading;\nCTABanner.ButtonGroup = ButtonGroup;","import {css} from \"@linaria/core\";\n\nexport const CTABannerHost = css`\n    padding: 20px;\n`;\n\nexport const CTABannerContainer = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 80px;\n`;\n\nexport const CTABannerHero = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    gap: 40px;\n`;\n\nexport const CTABannerHeadingEffect = 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\nexport const CTABannerHeadingHost = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n`;\n\nexport const CTABannerHeadingTitle = css`\n    font-weight: var(--xyd-font-weight-black);\n    text-align: center;\n    letter-spacing: 3px;\n    margin: 0;\n`;\n\nexport const CTABannerHeadingSubtitle = css`\n    color: #3c3c43;\n    font-weight: var(--xyd-font-weight-semibold);\n    text-align: center;\n`;\n\nexport const CTABannerButtonGroupHost = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n`; "],"names":["Button","_ref","children","kind","React","createElement","className","concat","CTABanner","Heading","_ref2","title","subtitle","ButtonGroup","_ref3"],"mappings":"8BAQgBA,EAAMC,GAA8B,IAA5BC,EAAQD,EAARC,SAAUC,EAAIF,EAAJE,KAC9B,OAAOC,EAAAC,cAAA,SAAA,CAAQC,UAAS,aAAAC,OCPL,UDQA,cAAAA,OACJ,cAATJ,GCSsB,UDTwB,WAE/CD,EAET,CECM,SAAUM,EAASP,GAA2B,IAAzBC,EAAQD,EAARC,SACvB,OACIE,EAAAC,cAAA,MAAA,CAAKC,UChBa,WDiBdF,EAAAC,cAAA,MAAA,CAAKC,UCbc,WDcfF,EAAAC,cAAA,MAAA,CAAKC,UCPK,WDQLJ,IAKrB,CAqBAM,EAAUC,QAnBV,SAAgBC,GAAyC,IAAvCC,EAAKD,EAALC,MAAOC,EAAQF,EAARE,SACrB,OACIR,EAAAC,cAAA,MAAA,CAAKC,UCwBoB,YDvBrBF,EAAAC,cAAA,MAAA,CAAKC,UCVkB,WDWnBF,EAAAC,cAAA,KAAA,CAAIC,UC6Bc,WD7BwBK,IAE9CP,EAAAC,cAAA,KAAA,CAAIC,UCkCqB,WDlCoBM,GAGzD,EAWAJ,EAAUK,YATV,SAAoBC,GAAsC,IAApCZ,EAAQY,EAARZ,SAClB,OACIE,EAAAC,cAAA,MAAA,CAAKC,UCiCwB,YDhCxBJ,EAGb"}

package/dist/CTABanner-CmOPCiBU.js

@@ -0,0 +1,2 @@
+import e from"react";function t(t){var a=t.children,c=t.kind;return e.createElement("button",{className:"\n        ".concat("bbe0bky","\n        ").concat("secondary"===c&&"b9u6ujt","\n    ")},a)}function a(t){var a=t.children;return e.createElement("div",{className:"cydky64"},e.createElement("div",{className:"cnx5a8a"},e.createElement("div",{className:"c3skrt8"},a)))}a.Heading=function(t){var a=t.title,c=t.subtitle;return e.createElement("div",{className:"c14n8b2h"},e.createElement("div",{className:"clel4cb"},e.createElement("h1",{className:"cuwk4ms"},a)),e.createElement("h2",{className:"cm0mkfb"},c))},a.ButtonGroup=function(t){var a=t.children;return e.createElement("div",{className:"c143lt5p"},a)};export{t as B,a as C};
+//# sourceMappingURL=CTABanner-CmOPCiBU.js.map

package/dist/CTABanner-CmOPCiBU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTABanner-CmOPCiBU.js","sources":["../src/brand/Button/Button.tsx","../src/brand/Button/Button.styles.tsx","../src/brand/CTABanner/CTABanner.tsx","../src/brand/CTABanner/CTABanner.styles.tsx"],"sourcesContent":["import React from \"react\";\nimport * as cn from \"./Button.styles\";\n\nexport interface ButtonProps {\n    children: React.ReactNode\n    kind?: \"secondary\"\n}\n\nexport function Button({children, kind}: ButtonProps) {\n    return <button className={`\n        ${cn.ButtonHost}\n        ${kind === \"secondary\" && cn.ButtonHostSecondary}\n    `}>\n        {children}\n    </button>\n}","import {css} from \"@linaria/core\";\n\nexport const ButtonHost = css`\n    display: inline-block;\n    border: 1px solid transparent;\n    text-align: center;\n    white-space: nowrap;\n    border-radius: 20px;\n    padding: 0 20px;\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\nexport const ButtonHostSecondary = css`\n    color: #fff;\n    background-color: rgb(112, 81, 212);\n\n    &:hover {\n        background-color: rgb(95, 59, 211)\n    }\n`; ","import React from \"react\";\nimport * as cn from \"./CTABanner.styles\";\n\nexport interface CTABannerProps {\n    children: React.ReactNode;\n}\n\nexport interface CTABannerHeadingProps {\n    title: string;\n    subtitle: string;\n}\n\nexport interface CTABannerButtonGroupProps {\n    children: React.ReactNode;\n}\n\nexport function CTABanner({children}: CTABannerProps) {\n    return (\n        <div className={cn.CTABannerHost}>\n            <div className={cn.CTABannerContainer}>\n                <div className={cn.CTABannerHero}>\n                    {children}\n                </div>\n            </div>\n        </div>\n    );\n}\n\nfunction Heading({title, subtitle}: CTABannerHeadingProps) {\n    return (\n        <div className={cn.CTABannerHeadingHost}>\n            <div className={cn.CTABannerHeadingEffect}>\n                <h1 className={cn.CTABannerHeadingTitle}>{title}</h1>\n            </div>\n            <h2 className={cn.CTABannerHeadingSubtitle}>{subtitle}</h2>\n        </div>\n    );\n}\n\nfunction ButtonGroup({children}: CTABannerButtonGroupProps) {\n    return (\n        <div className={cn.CTABannerButtonGroupHost}>\n            {children}\n        </div>\n    );\n}\n\nCTABanner.Heading = Heading;\nCTABanner.ButtonGroup = ButtonGroup;","import {css} from \"@linaria/core\";\n\nexport const CTABannerHost = css`\n    padding: 20px;\n`;\n\nexport const CTABannerContainer = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 80px;\n`;\n\nexport const CTABannerHero = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    gap: 40px;\n`;\n\nexport const CTABannerHeadingEffect = 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\nexport const CTABannerHeadingHost = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n`;\n\nexport const CTABannerHeadingTitle = css`\n    font-weight: var(--xyd-font-weight-black);\n    text-align: center;\n    letter-spacing: 3px;\n    margin: 0;\n`;\n\nexport const CTABannerHeadingSubtitle = css`\n    color: #3c3c43;\n    font-weight: var(--xyd-font-weight-semibold);\n    text-align: center;\n`;\n\nexport const CTABannerButtonGroupHost = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n`; "],"names":["Button","_ref","children","kind","React","createElement","className","concat","CTABanner","Heading","_ref2","title","subtitle","ButtonGroup","_ref3"],"mappings":"8BAQgBA,EAAMC,GAA8B,IAA5BC,EAAQD,EAARC,SAAUC,EAAIF,EAAJE,KAC9B,OAAOC,EAAAC,cAAA,SAAA,CAAQC,UAAS,aAAAC,OCPL,UDQA,cAAAA,OACJ,cAATJ,GCSsB,UDTwB,WAE/CD,EAET,CECM,SAAUM,EAASP,GAA2B,IAAzBC,EAAQD,EAARC,SACvB,OACIE,EAAAC,cAAA,MAAA,CAAKC,UChBa,WDiBdF,EAAAC,cAAA,MAAA,CAAKC,UCbc,WDcfF,EAAAC,cAAA,MAAA,CAAKC,UCPK,WDQLJ,IAKrB,CAqBAM,EAAUC,QAnBV,SAAgBC,GAAyC,IAAvCC,EAAKD,EAALC,MAAOC,EAAQF,EAARE,SACrB,OACIR,EAAAC,cAAA,MAAA,CAAKC,UCwBoB,YDvBrBF,EAAAC,cAAA,MAAA,CAAKC,UCVkB,WDWnBF,EAAAC,cAAA,KAAA,CAAIC,UC6Bc,WD7BwBK,IAE9CP,EAAAC,cAAA,KAAA,CAAIC,UCkCqB,WDlCoBM,GAGzD,EAWAJ,EAAUK,YATV,SAAoBC,GAAsC,IAApCZ,EAAQY,EAARZ,SAClB,OACIE,EAAAC,cAAA,MAAA,CAAKC,UCiCwB,YDhCxBJ,EAGb"}

package/dist/CTABanner-DW0jn0tm.js

@@ -0,0 +1,2 @@
+import e from"react";function t(t){var a=t.children,c=t.kind;return e.createElement("button",{className:"\n        ".concat("bbe0bky","\n        ").concat("secondary"===c&&"b9u6ujt","\n    ")},a)}function a(t){var a=t.children;return e.createElement("div",{className:"cydky64"},e.createElement("div",{className:"cnx5a8a"},e.createElement("div",{className:"c3skrt8"},a)))}a.Heading=function(t){var a=t.title,c=t.subtitle;return e.createElement("div",{className:"c14n8b2h"},e.createElement("div",{className:"clel4cb"},e.createElement("h1",{className:"cuwk4ms"},a)),e.createElement("h2",{className:"cm0mkfb"},c))},a.ButtonGroup=function(t){var a=t.children;return e.createElement("div",{className:"c143lt5p"},a)};export{t as B,a as C};
+//# sourceMappingURL=CTABanner-DW0jn0tm.js.map

package/dist/CTABanner-DW0jn0tm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTABanner-DW0jn0tm.js","sources":["../src/brand/Button/Button.tsx","../src/brand/Button/Button.styles.tsx","../src/brand/CTABanner/CTABanner.tsx","../src/brand/CTABanner/CTABanner.styles.tsx"],"sourcesContent":["import React from \"react\";\nimport * as cn from \"./Button.styles\";\n\nexport interface ButtonProps {\n    children: React.ReactNode\n    kind?: \"secondary\"\n}\n\nexport function Button({children, kind}: ButtonProps) {\n    return <button className={`\n        ${cn.ButtonHost}\n        ${kind === \"secondary\" && cn.ButtonHostSecondary}\n    `}>\n        {children}\n    </button>\n}","import {css} from \"@linaria/core\";\n\nexport const ButtonHost = css`\n    display: inline-block;\n    border: 1px solid transparent;\n    text-align: center;\n    white-space: nowrap;\n    border-radius: 20px;\n    padding: 0 20px;\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\nexport const ButtonHostSecondary = css`\n    color: #fff;\n    background-color: rgb(112, 81, 212);\n\n    &:hover {\n        background-color: rgb(95, 59, 211)\n    }\n`; ","import React from \"react\";\nimport * as cn from \"./CTABanner.styles\";\n\nexport interface CTABannerProps {\n    children: React.ReactNode;\n}\n\nexport interface CTABannerHeadingProps {\n    title: string;\n    subtitle: string;\n}\n\nexport interface CTABannerButtonGroupProps {\n    children: React.ReactNode;\n}\n\nexport function CTABanner({children}: CTABannerProps) {\n    return (\n        <div className={cn.CTABannerHost}>\n            <div className={cn.CTABannerContainer}>\n                <div className={cn.CTABannerHero}>\n                    {children}\n                </div>\n            </div>\n        </div>\n    );\n}\n\nfunction Heading({title, subtitle}: CTABannerHeadingProps) {\n    return (\n        <div className={cn.CTABannerHeadingHost}>\n            <div className={cn.CTABannerHeadingEffect}>\n                <h1 className={cn.CTABannerHeadingTitle}>{title}</h1>\n            </div>\n            <h2 className={cn.CTABannerHeadingSubtitle}>{subtitle}</h2>\n        </div>\n    );\n}\n\nfunction ButtonGroup({children}: CTABannerButtonGroupProps) {\n    return (\n        <div className={cn.CTABannerButtonGroupHost}>\n            {children}\n        </div>\n    );\n}\n\nCTABanner.Heading = Heading;\nCTABanner.ButtonGroup = ButtonGroup;","import {css} from \"@linaria/core\";\n\nexport const CTABannerHost = css`\n    padding: 20px;\n`;\n\nexport const CTABannerContainer = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 80px;\n`;\n\nexport const CTABannerHero = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    gap: 40px;\n`;\n\nexport const CTABannerHeadingEffect = 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\nexport const CTABannerHeadingHost = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n`;\n\nexport const CTABannerHeadingTitle = css`\n    font-weight: var(--xyd-font-weight-black);\n    text-align: center;\n    letter-spacing: 3px;\n    margin: 0;\n`;\n\nexport const CTABannerHeadingSubtitle = css`\n    color: #3c3c43;\n    font-weight: var(--xyd-font-weight-semibold);\n    text-align: center;\n`;\n\nexport const CTABannerButtonGroupHost = css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n`; "],"names":["Button","_ref","children","kind","React","createElement","className","concat","CTABanner","Heading","_ref2","title","subtitle","ButtonGroup","_ref3"],"mappings":"8BAQgBA,EAAMC,GAA8B,IAA5BC,EAAQD,EAARC,SAAUC,EAAIF,EAAJE,KAC9B,OAAOC,EAAAC,cAAA,SAAA,CAAQC,UAAS,aAAAC,OCPL,UDQA,cAAAA,OACJ,cAATJ,GCSsB,UDTwB,WAE/CD,EAET,CECM,SAAUM,EAASP,GAA2B,IAAzBC,EAAQD,EAARC,SACvB,OACIE,EAAAC,cAAA,MAAA,CAAKC,UChBa,WDiBdF,EAAAC,cAAA,MAAA,CAAKC,UCbc,WDcfF,EAAAC,cAAA,MAAA,CAAKC,UCPK,WDQLJ,IAKrB,CAqBAM,EAAUC,QAnBV,SAAgBC,GAAyC,IAAvCC,EAAKD,EAALC,MAAOC,EAAQF,EAARE,SACrB,OACIR,EAAAC,cAAA,MAAA,CAAKC,UCwBoB,YDvBrBF,EAAAC,cAAA,MAAA,CAAKC,UCVkB,WDWnBF,EAAAC,cAAA,KAAA,CAAIC,UC6Bc,WD7BwBK,IAE9CP,EAAAC,cAAA,KAAA,CAAIC,UCkCqB,WDlCoBM,GAGzD,EAWAJ,EAAUK,YATV,SAAoBC,GAAsC,IAApCZ,EAAQY,EAARZ,SAClB,OACIE,EAAAC,cAAA,MAAA,CAAKC,UCiCwB,YDhCxBJ,EAGb"}

package/dist/CTABanner-D_vBSERH.js

@@ -0,0 +1,2 @@
+import e from"react";function t(t){var a=t.children,c=t.kind;return e.createElement("button",{className:"\n        ".concat("bbe0bky","\n        ").concat("secondary"===c&&"b9u6ujt","\n    ")},a)}function a(t){var a=t.children;return e.createElement("div",{className:"cydky64"},e.createElement("div",{className:"cnx5a8a"},e.createElement("div",{className:"c3skrt8"},a)))}a.Heading=function(t){var a=t.title,c=t.subtitle;return e.createElement("div",{className:"c14n8b2h"},e.createElement("div",{className:"clel4cb"},e.createElement("h1",{className:"cuwk4ms"},a)),e.createElement("h2",{className:"cm0mkfb"},c))},a.ButtonGroup=function(t){var a=t.children;return e.createElement("div",{className:"c143lt5p"},a)};export{t as B,a as C};
+//# sourceMappingURL=CTABanner-D_vBSERH.js.map